/* CSS Document */
body {font-size:62.5%; line-height:120%;font-family:arial,helvetica,sans-serif;color:#333;background:#141902;text-align:center;margin:0 auto;width:100%;}
*,html{margin:0;padding:0;}
#estructura{overflow:hidden;width:100%;clear:both;margin:0 auto;text-align:left;}
p{font-size:1.4em;padding:0 0 1em 0;line-height:1.2em;}
a{text-decoration:underline;color:#397bad;}
a:hover{color:#333;}
abbr, acronym, span.abbr {cursor: help;}
h1, h2, h3, h4 {margin:0;padding-bottom:0.5em;}
h1{font-size:3.6em;}
h1 a{color:#7EB103;text-decoration:none;}
h1 a:hover, h1 a:hover span{color:#999;text-decoration:none;}
h1 a span{font-size:0.7em;}
h1 span{color:#000;}
h1 a span{color:#f3a100;}
h2 {font-size:2.6em;color:#f3a100;line-height:1.1em;margin-bottom:0.3em;}
h3 {font-size:2em;color:#999;line-height:1.1em;margin-bottom:0.3em;}
h4 {font-size:1.8em;color:#777;line-height:1.1em;padding-bottom:0.35em;}
.elemento-accesorio {display:none;}
.anotacion{display:block;background:#eee;padding:0.4em;font-style:italic;}

strong.destacado{color:#999;font-size:1.4em;}
strong.destacado a{color:#696;}
strong.destacado a:hover{color:#999;}

.dcha{float:right}
.izda{float:left;}
.conSeparacion{margin-right:1em;}


#contenedorCabecera{width:100%;height:12em;background:#141902 url(../imagenes/bk.cabecera1.jpg) left bottom no-repeat;}
#cabecera{width:98em;padding:1em;margin:0 auto;text-align:left;}
#cabecera h1{font-size:5em;padding-top:0.6em;letter-spacing:-0.08em}
#cabecera span{font-size:0.3em;color:#999; text-transform:none;letter-spacing:-0.01em}
#cabecera span.granados{color:#fff;font-size:0.96em;text-transform:none}
#cabecera .datos{width:35%;float:right;padding:1em 0;color:#999;text-align:right;font-size:1.2em;}
#cabecera .datos a{text-decoration:underline;color:#999;}
#cabecera .datos a:hover{color:#666;}


#contenedorContenido{width:100%;background:#fff;text-align:left;}
#contenedor{width:98em;padding:1em;margin:0 auto;overflow:hidden;background: url(../imagenes/bk.contenido.gif) 55em bottom no-repeat;}
#contenedor h1{color:#000;line-height:0.9em;}


#contenido{width:78%;float:left;margin:2em 0;padding-bottom:1em;overflow:hidden;}

#contenidoPortada{width:63%;margin-right:1.5em;padding-right:0.5em;float:left;border-right:1px solid #ddd;}
#contenidoPortada h1{line-height:0.75em;}

#contenidoInteiorconSubmenu{width:80%;float:left;border-left:1px solid #ddd;padding-left:2em;margin-left:1em;}

.subtitulo{font-size:1.3em;line-height:1.1em;font-weight:bold;color:#f3a100;}

#zonaMenu{width:21%;float:right;padding-top:1em;}
#contenedorMenu{width:20em;float:right;padding:3em 0 0 0;background: url(../imagenes/bk.menu.gif) -0.3em top repeat-x;margin:0 0 2em 0;border-left:1px solid #ccc;border-right:1px solid #ccc;}
#menu{width:18em;float:right;padding:1em;background:#FEFEFE url(../imagenes/bk.menu2.jpg) left top repeat-x;border-bottom:5px solid #ccc;}
#menu li{font-size:1.4em;list-style:none;line-height:1.2em;margin-bottom:0.8em;}
#menu li a{text-decoration:none;color:#000;}
#menu li a.activo{text-decoration:none;color:#000;font-weight:bold;}
#menu li a:hover{color:#999;}

/*submenu de interiores de primer nivel*/
div.contenedormenuInteriores{width:14%;float:left;overflow:hidden;}
.menuInteriores{padding:0.3em;}
.menuInteriores li{list-style:none;font-size:1.2em;line-height:1.3em;font-weight:bold;border-bottom:1px solid #ddd;margin-bottom:0.5em;padding-bottom:0.3em;}
.menuInteriores li a.todos{color:#c00;font-size:1.4em;}
.menuInteriores li a{text-decoration:none;color:#999;}
.menuInteriores li a.activo{text-decoration:none;color:#000;font-weight:bold;}
.menuInteriores li a:hover, .menuInteriores li.especial a:hover{color:#f3a100;}
.menuInteriores li.especial{margin-top:2.5em;}
.menuInteriores li.especial a{color:#666;}
/*find de submenu de interiores de primer nivel*/

#contenedorPie{width:100%;height:10em;background:#141902;}
#pie{width:100em;margin:0 auto;margin-top:2em;}
#pie p{text-align:left;color:#fff;float:right;text-align:right;font-size:1.2em;}
#pie a{color:#fff;text-decoration:underline;}
#pie a:hover{color:#999;}

/*banners laterales*/
.banners{list-style:none;float:right;width:20em;}
.banners li{width:20em;float:left;overflow:hidden;margin-bottom:0.8em;}
.banners li.piezas{background:#000;padding:0;font-family:georgia,arial,helvetica,sans-serif;line-height:1.2em;}
.banners li.piezas span{float:right;width:10em;color:#fff;font-size:1.2em;text-transform:uppercase;font-weight:bold;position:relative;top:0.9em;}
.banners li.piezas img{float:left;margin:0;width:5.6em;padding-right:0.4em;}
.banners li.contacto{border-bottom:6px solid #ddd;margin-top:0.5em;line-height:1.2em;padding-bottom:0.5em;color:#000;font-size:1.4em;width:14em;}
.banners li.contacto span{color:#000;font-weight:bold;font-family:georgia,arial,verdana,helvetica,sans-serif;}
.banners li.contacto a{ text-decoration:underline;}
.banners li.maps{float:left;display:none;width:13.8em;border:none;background:none;overflow:hidden;margin:0.5em 0;padding:0.5em 0.2em 0.2em 0.8em;}
.banners li.maps img{border:1px solid #ebebeb;margin:0.15em;padding:0.4em;}
.banners li img{float:right;margin:0 0 0.2em 0;border:none;}
.banners li a{color:#333;padding:0;cursor:pointer}
.banners li a:hover{color:#9F1712;}
.banners a{text-decoration:none;display:block;width:auto;}
/*banners laterales*/


/*PORTADA*/
#destacadoPortada{margin-bottom:2em;width:47em;overflow:hidden;clear:both;border-bottom:1px dotted #999;padding-bottom:1em;}
#destacadoPortada img{width:46.8em;margin-bottom:0.7em;border:1px solid #141902;}
#destacadoPortada p{font-size:1.5em;padding:0;}
#destacadoPortada p a{color:#000;text-decoration:none;}
#destacadoPortada p a:hover{text-decoration:underline;}

.relacionados{margin:0.5em 0 0.5em 2em;}
.relacionados li{list-style:none;margin-bottom:0.3em;line-height:1.4em;background: url(../imagenes/ico.fle.naranja.gif) left 0.4em no-repeat;padding-left:1em;}
.relacionados li a{color:#3366cc;font-size:1.2em;text-decoration:underline;}
.relacionados li a:hover{color:#999;}

.relacionadosGrupo{margin:0.5em 0 0.5em 0;}
.relacionadosGrupo li{list-style:none;margin-bottom:0.3em;line-height:1.8em;}
.relacionadosGrupo li a{color:#7EB103;font-size:1.2em;text-decoration:underline;}
.relacionadosGrupo li a:hover{color:#999;}
.relacionadosGrupo li span{font-weight:bold;font-size:1.3em;}


#destacadoPortada2bloques{margin-bottom:2em;width:47em;overflow:hidden;clear:both;padding-bottom:1em;}
#destacadoPortada2bloques h1{font-size:2.6em;}

.destacadoPortada1bloque{float:left;width:23em;overflow:hidden;}
.destacadoPortada1bloque img{width:22.8em;margin-bottom:0.7em;border:1px solid #141902;}
.destacadoPortadaCompleto{float:left;width:47em;margin-top:0.5em;border-top:1px dotted #999;padding-top:1.5em;}
.destacadoPortadaCompleto img{width:46.8em;margin-bottom:0.7em;border:1px solid #141902;}

#zonaB{width:33%;float:left;}
#zonaB h1{line-height:0.7em;}
/*quienes somos*/
.quienesSomos{margin-bottom:2em;}
.quienesSomos img{width:24.8em;border:1px solid #141902;margin-bottom:0.7em;}
.quienesSomos h1{font-size:2.3em;}
.quienesSomos h1 a{color:#c00;}
.quienesSomos h1 a:hover{color:#999;}
.quienesSomos p{font-size:1.5em;padding:0;}
.quienesSomos p a{text-decoration:none;color:#333;}
.quienesSomos p a:hover{text-decoration:underline;}

.cita{margin-bottom:2em;width:25em;text-align:center;background: url(../imagenes/bk.cita.gif) 2em top no-repeat;padding-bottom:3em;}
blockquote{padding:0.5em;font-size:1.9em;}
.cita p{font-family:georgia,arial,helvetica,sans-serif; font-style:italic;color:#333;padding:0;line-height:0.8em;}
.cita p span{font-size:0.5em;font-family:arial,helvetica,sans-serif;color:#666; font-style:normal}

/*INTERIORES*/

/**/
.procesosList{margin-bottom:0.5em;padding-bottom:0.5em;}
.procesosList li{border-bottom:1px solid #ccc;margin-bottom:1em;padding-bottom:1em;list-style:none;}
.procesosList a{color:#333;text-decoration:none;}
.procesosList a:hover, .procesosList a:hover span{color:#999;}
.procesosList span{font-size:1.4em;line-height:1.2em;}
.procesosList span.titulo{color:#7EB103;font-size:2.6em;font-weight:bold;}
.procesosList img{border:1px solid #000;display:block;width:60em;margin:1.2em 0 0.8em 0;}

/*lista de fotos para fotogalerías de procesos*/
.bloque-fotos{border-top:1px solid #ccc;margin-top:1em;padding-top:1em;}
.bloque-fotos ul{list-style:none;width:100%;margin-left:0;overflow:hidden;}
.bloque-fotos ul li{float:left;width:18%;margin:2% 1.5% 1% 0;}
.bloque-fotos ul li a{display:block;cursor:pointer;text-decoration:none;color:#666;}
.bloque-fotos ul li a:hover{color:#999;}
.bloque-fotos ul li.foto-ultima{margin-right:0;}
.bloque-fotos ul li img{display:block;border:1px solid #ccc;padding:0.1em}
.bloque-fotos h2, .bloque-fotos h3{color:#f3a100;}

.bloque-fotos-ancho ul li{width:15%;}


/*imágenes que acompañan al texto para procesos*/
.procesos{clear:both;display:block;overflow:hidden;}
.procesos ul{list-style:none;width:100%;margin-left:0;overflow:hidden;}
.procesos ul h3{margin-bottom:0;}
.procesos ul li{display:block;width:100%;margin:1% 5% 1% 0;clear:both;}
.procesos ul li a{display:block;cursor:pointer;text-decoration:none;color:#666;}
.procesos ul li a:hover{color:#999;}
.procesos ul li.foto-ultima{margin-right:0;}
.procesos img{float:left;border:1px solid #ccc;padding:0.1em;margin:0 1em 1em 0;}
.lightboxDesc{display:none;}


/*ESTILOS PARA IMÁGENES*/
.granadosImg{width:25em;margin:0.5em 2.5em 1em 0;border:1px solid #000;padding:0.2em;}
.interiorGrande{width:58.6em;margin:0.5em 0;border:1px solid #000;padding:0.2em;}

/*PARA PORTADAS DE CATALOGOS*/
#catalogo-list{list-style:none;padding:0;margin:0;}
#catalogo-list div{font-size:1em}
#catalogo-list li{float:left;display:block;text-align:center;width:18.2em;margin:1.5em 1.2em 1.5em 0;}
#catalogo-list li a{display:block;overflow:hidden;cursor:pointer;text-decoration:none;color:#7EB103;}
#catalogo-list li a:hover{color:#999;}
#catalogo-list li.foto-primera{clear:both;}
#catalogo-list li.foto-ultima{margin-right:0;}
#catalogo-list li .foto-titulo{display:block;border:1px solid #ddd;font-weight:bold;height:2.1em;padding:0.6em 0.2em;font-size:1.5em;line-height:0.9em;}
#catalogo-list li img{width:18.2em;display:block;border:none;}

.verTodos{display:block;background:#f5f5f5;border:1px solid #ddd;padding:0.6em;text-align:center;margin:1em 0;}
.verTodos a{color:#7EB103;font-size:1.4em;font-weight:bold;text-decoration:none;}


.formulario fieldset{border:none;padding:0;margin:0.8em 0 0 0;}
.formulario legend{font-size:2.6em;color:#f3a100;font-weight:bold;margin:0.6em 0 0 0;clear:both;}
.formulario label{display:block;width:18em;color:#000;font-size:1.4em;margin-top:0.6em;}
.formulario br{clear:both;}
.formulario input, .formulario textarea{width:24.3em;margin-bottom:0.5em;border:1px solid #ccc;}
.formulario input:focus, .formulario textarea:focus{background:#fff;}
.formulario .botonera{margin:0.1em 0;}
.formulario .botonera input{width:auto;margin:0;font-size:0.9em;color:#fff;font-weight:bold;background:#78786C;}

.xiti{position:relative;left:-20em;}