/**************** TTT ******************/

@import url(reset.css);
@import url(layout.css);

/** CABECERA ----------------- */

#busqueda{
 text-align:right;
 font-size:.9em;
 float:right;
 width:50%;
 margin:25px 0 45px 0;
 display:inline;
}
*:first-child+html #busqueda{
 margin-bottom:0px;
}
.submit{
 background:url(../../images/submit.png) no-repeat;
 border:none;
 color:#fff;
 padding:0 2px;
}
*:first-child+html .submit{
 width:52px;
 overflow:hidden;
}
* html .submit{
 width:52px;
 overflow:hidden;
}
#idiomas{
 float:left;
 width:180px;
 margin-right:30px;
 display:inline;
 font-size:0.9em;
 overflow:hidden;
}
#idiomas li{
 float:left;
 margin-right:10px;
 display:inline;
 padding:3px 0px;
}
#idiomas .actual{
 background:url(../../images/submit.png) no-repeat -52px 0;
 color:#fff;
 padding:3px 7px;
}

#logo{
 float:left;
}

#logo a{
 display:block;
 width:180px;
 height:68px;
 text-indent:-99999px;
 background:url(../../images/logo.jpg) no-repeat;
}

#menu{
 clear:both;
 margin:25px 0 0 0px;
 background:url(../../images/menu.png) repeat-x;
 font-size:.9em;
}
*:first-child+html #menu{
 margin-top:20px;
}
#menu li{
 float:left;
 border-right:2px solid #fff;
 position:relative;
}

#menu #menuEmpresa{
 background:url(../../images/menu-left.png) no-repeat 0 -47px;
}

#menu #menuContacto{
 border:0;
 background:url(../../images/menu-right.png) no-repeat right 0;
 float:right;
}

#menu #menuContacto a,
#menu #menuMapaWeb a{
 color:#e3a835;
 font-size:.9em;
}

#menu #menuMapaWeb{
 border:0;
 float:right;
 background:url(../../images/separador.png) no-repeat right center;
}

#menu a{
 color:#fff;
 display:block;
 text-transform:uppercase;
 font-weight:bold;
 padding:12px 15px 11px; 
}

#menu a:hover{
 text-decoration:none;
 background:#e3a835;
}

#menu .actual a{
 /*background:#e3a835;*/
}
#menu #menuEmpresa.actual a{
 background:none;
}

#menu #menuEmpresa a:hover,
#menu #menuEmpresa.sfHover
/*#menu #menuEmpresa.actual*/{
 background:#e3a835 url(../../images/menu-left.png) no-repeat 0 0px;
}

#menu .sfHover{
 background:#e3a835;
}

#menu #menuContacto a:hover,
#menu #menuMapaWeb a:hover{
 background:none;
 color:#fff;
}

/* dropdown */

#menu li:hover,
#menu li.sfHover{
 visibility:inherit; /* fixes IE7 'sticky bug' */
}

#menu li ul{
 text-align:left;
 display: none;
 position: absolute; 
 width:15em;
}

* html #menu li ul{
 top:38px;
}

#menu li > ul {
 top: auto;
 left: auto;
}

#menu li:hover ul,
#menu li.sfHover ul{
 display: block;
 z-index: 6000;
}

#menu li ul li{
 display:block;
 padding:0;
 width:100%;
 background:#E3A835;
 border-right:none; 
}

#menu li ul li a{
 color:#fff;
 padding:5px 10px;
}
#menu .submenu a:hover,
#menu #menuEmpresa .submenu a:hover{
 background:url(../../images/menu.png) repeat-x;
}
* html #menu .submenu a:hover{height:1%;}

#menu li ul li:hover ul,
#menu li ul li.sfHover ul{
 left:15em;
 top:0;
}

.sf-shadow ul {
	background: url(../../images/shadow.png) no-repeat bottom right;
	padding: 0 8px 9px 0;
}
.sf-sub-indicator{
 display:none;
}
/*******/

#flashContenedor{
 height:241px;
}

#oflash{
 float:left;
 width:710px;
}

#inicioLogin{
 width:250px;
 float:left;
 display:inline;
 background:url(../../images/fondo-login.png) repeat-x 0 bottom;
 height:241px;
}

#inicioLogin a:hover{
 text-decoration:none;
}

#inicioLogin a{
 color:#fff;
 font-weight:bold;
}

#inicioLogin h2{
 border-bottom:1px solid #fff;
 font-size:1.2em;
 margin:10px 20px 5px 20px;
 color:#fff;
}

/* forms */
.formulario fieldset{
 padding:5px 20px 0 20px;
}

.formulario label{
 margin-bottom:12px;
 color:#fff;
 display:block;
}

.formulario label input{
 width:97%;
}

.formulario .error{ color:#FF0033;}
.formulario input.error{ border:1px solid #FF0033;}
.formulario .msg{
 background:#FFF9E9;
 border-top:1px solid;
 border-bottom:1px solid;
 border-color:#F49C8D;
 margin-bottom:20px;
 padding:10px 0;
 text-align:center;
}

#enviar,.enviar{
 text-align:right;
 margin-right:20px;
}
#enviar .submit,
.enviar .submit{
 background-position:-52px 0;
 padding:0 4px;
}
/* generales */

.caja{
 float:left;
 margin-bottom:20px;
}
.tituloCaja a{
 color:#fff;
}
.tituloCaja{
 font-size:.9em;
 color:#fff;
 margin-bottom:10px;
 padding:4px 10px;
 text-transform:uppercase;
}
.caja320{
 width:320px;
 margin-right:35px;
 display:inline;
}
.caja320 .tituloCaja{
 background:url(../../images/titulo-caja320.png) no-repeat;
}
.caja230{
 width:230px;
 margin-right:10px;
 display:inline;
 /*background:url(../../images/fondo-caja.png) no-repeat 0 30px;*/
 background:#EDEDEE;
 min-height:170px;
}
.caja230 ul,
.caja230 p{
 padding:0 10px;
}
.caja230 .tituloCaja{
 background:url(../../images/titulo-caja230.png) no-repeat;
 color:#E3A835;
}
.caja230 h3{
 font-size:1em;
 margin:0 0 5px 10px;
 padding-left:10px;
 background:url(../../images/bullet-triangulo.png) no-repeat 0 3px;
 text-transform:uppercase;
 font-size:.9em;
}
.caja230 h3 a{
 color:#333;
}
.caja230 h3 a:hover{
 text-decoration:none;
}
.caja230 .columna{
 margin-bottom:10px;
 padding-left:20px;
}
.caja710 .tituloCaja{
 background:url(../../images/titulo-caja710.png) no-repeat;
 color:#E3A835;
}
.caja710{
 width:710px;
 clear:both;
 float:none;
}
.caja710 .bloqueTexto{
 width:710px;
}
.caja170{
 width:170px;
 margin-right:10px;
 display:inline;
 font-size:.8em;
}
.caja170 .tituloCaja{
 background:url(../../images/titulo-caja170.png) no-repeat;
 color:#E3A835;
 padding:6px 10px;
}
.caja170 .tituloCaja a{
color:#E3A835;
}
.caja170 .titular{
 margin-bottom:5px;
}
.caja170 .titular a{
 color:#000;
 font-weight:bold;
 font-size:1.2em;

}
.listaBloques li{
 float:left;
 width:150px;
 height:140px;
 margin:0 0 20px 10px;
 font-size:.9em;
 display:inline;
}
.listaBloques li img{
 margin-bottom:5px;
}
.listaBloques h3{
 font-size:1em;
}
#homeDelegaciones{
 position:relative;
}
#homeDelegaciones img{
 position:absolute;
 right:0;
 top:40px;
}
#homeDelegaciones p{
 font-size:1.3em;
 padding-right:190px;
}
#homeDelegaciones .boton{
 font-size:.9em;
 margin-top:20px;
 background:url(../../images/submit.png) no-repeat -52px 0;
 padding:2px 10px;
}
.boton a{
 color:#fff;
}
.boton a:hover{text-decoration:none;}
#principal h1{
 color:#295B7C;
 font-size:2em;
 font-weight:lighter;
 font-family:Arial;
 margin-bottom:20px;
}
.empresa #principal h1,
.productos #principal h1{
 margin-bottom:0;
}
.empresa #principal .subtitulo,
.productos #principal .subtitulo{
 margin-bottom:15px;
 font-size:1.3em;
 color:#000;
 margin-top:-7px;
}
.subtituloH2{
 margin:-7px 0 15px 0;
 color:#295B7C;
}
.empresa .informacionExtra{
 background:url(../../images/fondo-caja.png) no-repeat center 0;
}
.empresa .informacionExtra .tituloCajaLateral{
 background:0;
 color:#304D7E;
 font-size:1.2em;
 padding:10px 0 5px 0;
 margin:0 15px 10px;
 border-bottom:1px solid #fff;
}
.empresa .informacionExtra p,
.empresa .informacionExtra ul{
 padding:0 15px;
 margin-bottom:10px;
}
.empresa .informacionExtra .enlaceDestacado{
 margin:20px 30px;
 text-align:center;
 padding:5px 0;
 border-top:1px dashed #ccc;
 border-bottom:1px dashed #ccc;
}
.informacionExtra #liderazgo{
 background:url(../../images/politica-empresa.jpg) no-repeat center bottom;
 padding-bottom:80px;
}
.informacionExtra #asesoramiento{
 background:url(../../images/i-d-i.jpg) no-repeat center bottom;
 padding-bottom:225px;
}
.informacionExtra #galeriaModelos.unico li{
 width:240px;
 text-align:center;
}
.listaNoticias li{
 margin-bottom:10px;
 border-bottom:1px solid #ccc;
 padding-bottom:10px;
}

.listaNoticias .noticiaFecha{
 font-size:.8em;
 color:#E3A835
}
#principal strong{
 color:#304d7e;
}
.noticia{
  border-bottom:2px solid #f0f0f0;
  margin-top:25px;
  padding:0 20px 25px 0;
}

.noticiaAnteTitulo{
 font-family:Georgia, Times;
 color:#999;
 text-transform:uppercase;
 margin-bottom:5px;
}
.bloqueTexto{
 line-height:1.6;
 padding-right:20px;
 width:450px;
 float:left;
}
.informacionExtra{
 float:left;
 width:240px;
}
.inicio .bloqueTexto{
 margin-top:0;
 padding-right:0;
}

.bloqueTexto h2{
 color:#999;
 font-size:1.5em;
 margin:14px 0 2px 0;
 text-transform:uppercase;
 font-family:Arial;
 clear:both;
}

.bloqueTexto h3{
 font-size:1em;
 font-weight:bold;
}

.bloqueTexto p,
.bloqueTexto ul,
.cajaLateralTexto{
 margin-bottom:10px;
}

.bloqueTexto strong{
 color:#295B7C;
}

.bloqueTexto ol,.bloqueTexto ul{
 margin-left:20px;
}

.bloqueTexto li,.cajaLateral li{
 padding-left:10px;
 margin-bottom:7px;
 background:url(../../images/bullet-mini.png) no-repeat 0 6px;
}
.bloqueTexto img{
 margin-bottom:20px;
}

.imgFlotante{
 float:left;
 margin:5px 20px 5px 0;
 display:inline;
 padding:5px;
 border:1px solid #f0f0f0;
}
.especial{
 margin-bottom:20px;
}
.especial p{
 margin-bottom:5px;
 line-height:1;

}

.listadoTitulo{
 font-size:1.5em;
 font-weight:lighter;
 margin-bottom:10px;
}
/* Inicio */

.inicio h1{
 display:none;
}

.noticiaFecha,
.noticiaTitular{
 font-weight:bold;
}

.rss{
 position:absolute;
 top:10px;
 right:20px;
}

.rss a{
 display:block;
 background:url(../../images/rss.gif) no-repeat;
 height:16px;
 width:16px;
 text-indent:-99999px;
}

#migas{
 font-size:.8em;
 margin-bottom:5px;
}

#migas .actual{color:#000;}

/* Paginacion */

#paginacion{
 margin:20px 10px 5px 0;
 text-align:right;
 font-size:.8em;
}

#paginacion a{
 border:1px solid #ccc;
 padding:3px 6px;
}
#paginacion a:hover{
 text-decoration:none;
}
.paginacion_numActual{
 padding:3px 6px;
 border:1px solid #ccc;
 background:url(../../images/menu.png) repeat-x;
 color:#fff;
}

/* columnas */

.cajasLaterales{
 padding-left:40px;
}
.cajasLaterales .formulario label{
 color:#304D7E;
}
.cajasLaterales .formulario{background:#F0F0F1;padding-bottom:5px;}
.cajaLateral{
 margin-bottom:20px;
}
.tituloCajaLateral,
.empresa .informacionExtra .normal{
 padding:4px 10px;
 font-size:.9em;
 color:#fff;
 text-transform:uppercase;
 background:#E3A835;
}
.empresa .informacionExtra .normal{
 border:none;
 margin:0;
}
.inicio .tituloCajaLateral{ background:#ccc;}
.textoCajaLateral{
 background:#f0f0f1;
 padding:10px;
 font-size:.9em;
}
.textoCajaLateral p{
 margin-bottom:5px;
}
.cajaLateral .mas{
 text-align:right;
}
.banner{
 margin-bottom:5px;
}
/*
.banner a{
 display:block;
 width:210px;
 height:77px;
 text-indent:-99999px;
}
*/

#valeroIndustria a{
 background:url(../../images/valero-industria.jpg) no-repeat;
}
#valeroTecnologia a{
 background:url(../../images/valero-tecnologia.jpg) no-repeat;
}
#valeroIndustria{margin-top:25px;}
#valeroTecnologia{margin-bottom:25px;}
.informacionExtra #galeriaModelos.cornisasPrincipal li{
 background:none;
 padding:0;
 float:left;
 margin-right:0px;
 margin-top:10px;
 display:inline;
 margin-bottom:10px;
width:115px;
}
.informacionExtra #galeriaModelos.cornisasPrincipal p{
text-align:center;
}

.informacionExtra #galeriaModelos.cornisasPrincipal{
 overflow:hidden;
 width:240px;
}
.informacionExtra #galeriaModelos.laminasPrincipal li{
 background:none;
 padding:0;
 float:left;
 margin-right:0px;
 margin-top:10px;
 display:inline;
 margin-bottom:10px;
width:70px;
}
.informacionExtra #galeriaModelos.laminasPrincipal p{
text-align:center;
}

.informacionExtra #galeriaModelos.laminasPrincipal{
 overflow:hidden;
 width:240px;
}

.informacionExtra #galeriaModelos li{
 background:none;
 padding:0;
 float:left;
 width:90px;
 margin-right:0px;
 margin-top:10px;
 display:inline;
 margin-bottom:10px;
}
.informacionExtra #galeriaModelos{
 overflow:hidden;
 width:270px;
}
.caja710{
 overflow:hidden;
 width:710px;
}
.caja710 #galeriaModelos li,
.cajaEncofrados #galeriaModelos li{
 float:left;
 width:80px;
 display:inline;
 margin:0 20px 40px 0px;
}

.caja710 #galeriaModelos li p{
 height:40px;
 
}
.caja710 #galeriaModelos li img{
 border:1px solid #ccc;
}
.catalogos .caja710 #galeriaModelos li{
 width:167px;
 height:150px;
 margin-right:10px;
 overflow:hidden;
}
.catalogos .caja710 #galeriaModelos li img{
 float:left;
 margin-right:5px;
}
.catalogos .caja710 #galeriaModelos li p{
 margin-bottom:5px;
 height:auto;
}

.catalogos #galeriaModelos .icoDescargar,
.catalogos #galeriaModelos .icoVer{
 margin-left:95px;
}
.catalogos .titulo{
	width:155px; 
	text-align:center; 
	color:#ffffff;
}
.catalogos #aislamiento{
	background-image:url(../../images/titular_aislamientos.jpg); 
}
.catalogos #distritec{
	background-image:url(../../images/titular_distritec.jpg); 
}
.catalogos #encofrados{
	background-image:url(../../images/titular_encofrados.jpg); 
}
.catalogos #industria{
	background-image:url(../../images/titular_industria.jpg); 
}

.programas .bloqueTexto img{
 float:left;
 margin-right:10px;
}
.icoDescargar a,
.icoVer a{
 text-indent:-99999px;
 background:url(../../images/ico-pdf.jpg) no-repeat;
 width:35px;
 height:35px;
 display:block;
 margin-bottom:10px;
}
.icoVer a{
 background:url(../../images/ico-ver.jpg) no-repeat;
}
.prev,.next{
 position:absolute;
 top:20px
}

.scrollable{
position:relative;
}
.prev{left:0}
.next{right:0;}

.innerScrollable{
 margin:0 26px 0 auto;
 width:640px;
}
.scrollable .items{
 height:60px;
}
.scrollable .items a{
 float:left;
 display:inline;
 width:91px;
}
#descargas{
 clear:both;
}
#descargas ul{
 margin-top:5px;
}
#descargas li{
 background:url(../../images/fondo-descargas.png) no-repeat;
 padding:6px 0 6px 30px;
}

.bloqueAzul{
 background:#295B7C;
 color:#fff;
 padding:10px;
 font-size:.9em;
 line-height:1.5;
}

.bloqueAzul h2{
 color:#E3A835;
 margin-bottom:5px;
 font-size:1.2em;
 text-transform:uppercase;
}

/* contacto */

#formularioContacto{overflow:hidden;}
#formularioContacto label{
 float:left;
 margin-bottom:12px;
 color:#295B7C;
 width:213px;
 height:55px;
 display:inline;
 padding:0 6px;
}

#formularioContacto .campoLargo{
 width:100%;
}
#formularioContacto #labelComentario{
 width:100%;
 height:135px;
}

#formularioContacto textarea{
 height:100px;
 width:438px;
 border-top:2px solid #295B7C;
 border-left:1px solid #b4b4b4;
 border-right:1px solid #b4b4b4;
 border-bottom:1px solid #b4b4b4;
}
#formularioContacto label input{
 width:97%;
 font-size:1.1em;
 padding:4px;
 border-top:2px solid #295B7C;
 border-left:1px solid #b4b4b4;
 border-right:1px solid #b4b4b4;
 border-bottom:1px solid #b4b4b4;
}

#formularioContacto .error{ color:#FF0033;}
#formularioContacto .msg{
 background:#eee;
 border-top:1px solid;
 border-bottom:1px solid;
 border-color:#d1d1d1;
 margin-bottom:20px;
 padding:10px 0;
 text-align:center;
}
#formularioContacto .enviar{margin-right:0;}

/* pie */
#pie{
 clear:both;
 margin-top:30px;
 color:#333;
 text-align:right;
 font-weight:bold;
 font-size:.9em;
 background:url(../../images/pie.png) no-repeat;
 padding-top:20px;
}
#banners{
 margin-bottom:20px;
 padding-top:20px;
 border-top:1px solid #f0f0f0;
}

#cse-search-box input{
padding-top:0 !important;
padding-bottom:0 !important;
}

