@charset "utf-8";
body, html {height: 100%; margin:0px; padding:0px;}
body {background: url(i/web_bg.gif) repeat-y center top #EBEBE0;}
h1 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color: #DF6F00; margin: 0 0 10px 0; clear:both;}
h2 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color: #DF6F00; margin: 0 0 10px 0; clear:both;}
h3 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color: #646263; margin: 0px; display:block;}
h4 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color: #DF6F00; margin: 0px; display:block;}
h1.brown {color: #646263;}
/*span {color:#DF6F00;}*/
label {padding-left:20px; display:block; color:#DF6F00;}
/* CIEN X CIEN */
#web{height:100%; width:995px; margin: 5px auto 0 auto; position:relative;}
/* CABECERA */
#cabecera img {float:none; margin:0;}
#logo {position:absolute; left:44px; width:200px; height:325px;}
/* MENÚ SUPERIOR */
#menusuperior{height:60px;}
#menusuperior ul{list-style-type: none; margin: 0px; padding: 0px;}
#menusuperior ul li{list-style-type: none; background-color: #FFFFFF; float: left; margin: 22px 5px 22px 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #646263; padding: 1px 7px 0 7px; height: 15px;}
#menusuperior ul li .seleccionado{color:#DF6F00;}
#menusuperior .left{float:left; margin-left:268px;}
#menusuperior .center{float:left; margin-left:30px;}
#menusuperior .right{float:right; margin-right:42px;}
#menusuperior a{font:Arial, Helvetica, sans-serif; font-size:11px; color:#646263; text-decoration:none;}
#menusuperior a:hover{color:#DF6F00;}
/* MENÚ LATERAL */
#menulateral {float:left; margin:0px;}
#menulateral ul{list-style-type: none; margin: 0px; padding: 0px; color: #BBBBBB; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; padding-left:43px;}
#menulateral ul li{width:188px; background-color: #FFFFFF; padding:4px 0 4px 12px; margin-bottom: 7px;}
#menulateral ul li .seleccionado{color:#DF6F00; font-weight:bold;}
#menulateral ul li .selDespl {color:#646263; font-weight:bold;}
#menulateral ul li ul{list-style-type: none; margin: 0px; padding: 0px;}
#menulateral ul li ul li{background: url(i/ico_submenuNaran.gif) no-repeat left top; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #DF6F00; width: 150px; padding: 0 0 0 10px; margin: 3px 0 0 0;}
#menulateral ul li ul li .seleccionado{font-weight:normal; color:#DF6F00}
#menulateral a{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #BBB; text-decoration:none;}
#menulateral a:hover{color: #646263;}
#menulateral a.interior{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #646263; text-decoration:none;}
#menulateral a.interior:hover{color:#DF6F00}
/* ICONOS*/
#iconos img {float:right; margin:0 0 14px 2px;}
/* CUERPO*/
#cuerpo{background:#FFF; float:left; width:640px; color: #646263; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:normal; margin: 0 0 20px 25px; padding: 16px 12px 50px 32px;}
/*#cuerpo p.margen {margin-left:15px;}*/
#cuerpo2 ul {list-style:none; margin:0 0 10px 0; padding:0;}
#cuerpo2 ul li { background:url(i/ico_submenuNaran.gif) no-repeat left top; padding-left:10px; margin-bottom:10px;}
#cuerpo a { font:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#646263; text-decoration:none;}
#cuerpo a:hover{text-decoration:underline;}
#cuerpo .tabulador{ margin-left:20px;}
#cuerpo label{padding-left:20px; display:block; color:#DF6F00;}
#cuerpo .titulo2{
color:#565C59;
border-bottom:1px solid #9EA5A0;
padding-bottom: 9px;
margin-bottom:23px;
}
#cuerpo .floatdoc{
padding:0px 5px;
}
.fecha_verde{
color:#DF6F00;
}
/* CUERPO LISTADO GRANDE*/
#cuerpoListado {margin-left:15px;}
#cuerpoListado span {color:#DF6F00; display:inline;}
/* LOGOS*/
#logos {width: 680px; margin: 0 0 0 269px; padding-bottom:10px;}
#logos img {margin: 0px 25px 0 0; border:none;}
#logos .logoMiro{float:right; margin-top: 0px;}
/* MUSEOGRAFIC FORMULARIO*/
#museograficForm {list-style-type: none; margin: 0 ; padding: 0;}
#museograficForm li {float:left; color:#DF6F00;}
#museograficForm li.w28{width:23%;margin-right:5%; background:none;}
#museograficForm li.w25{width:20%;margin-right:5%; background:none;}
#museograficForm li.w15{width:10%;margin-right:5%; background:none;}
#museograficForm select{display:block;width:100%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#646563; border: 1px solid #999;}
/* ESPAIS ARQUITECTONICS INICIO*/
#espaisArq {margin: 80px 0 80px 0;}
#espaisArq img {padding: 0 40px 0 40px;}
/* OBRA GRAFICA*/
#obraForm {list-style-type: none; margin: 0 ; padding: 0;}
#obraForm li {float:left; color:#DF6F00;}
#cuerpo #obraForm li {background:none; padding:0; margin:0 0 15px 0;}
#cuerpo #obraForm li.w75{width:70%;margin-right:5%;}
#cuerpo #obraForm li.w50{width:45%;margin-right:5%;}
#cuerpo #obraForm li.w40{width:35%;margin-right:5%;}
#cuerpo #obraForm li.w25{width:20%;margin-right:5%;}
#cuerpo #obraForm li.w20{width:15%;margin-right:5%;}
#obraForm select, input{display:block;width:100%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#646563; border: 1px solid #999;}
/* HOME*/
#home{background:#FFF; float:left; width:640px; color: #646263; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:normal; margin: 0 0 20px 25px; padding: 16px 12px 50px 32px; position:relative;}
#home img{float:right; margin-bottom:10px;}
#home ul{list-style:none; margin:0; padding:0;}
#home ul li{width:165px; float:left; font-size:10px; text-align: justify; line-height:11px; margin-top: 10px;}
#home label{margin: 0px; padding: 0px; font-weight: bold;}
#home a{color:#DF6F00; text-decoration:none; font-weight:bold;}
#home a:hover{text-decoration:underline;}
#home ul li.margen{margin: 10px 50px 0 50px;}
/* GALERIA EDUCACIO*/
#galeria {background:#FFF; float:left; width:640px; color: #646263; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:normal; margin: 0 0 20px 25px; padding: 16px 12px 50px 32px;}
#galeria .fotoGrande {text-align: center; clear:right; margin: 0 0 25px 0;}
#galeria .fotoGrande div {margin: 0 auto 0 auto;}
#galeria .fotoPeque {text-align:center;}
#galeria .fotoPeque img{ border:none;}
#galeria .fotoPeque canvas{border:none;}
#galeria .fotoPeque ul {margin:0 0 0 30px;padding:0;}
#galeria .fotoPeque ul li {
list-style-type:none;
float:left;
margin: 0 20px 0 0;
padding:0;
}