@import url("reset.css");
@import url("estructura.css");


/*-----------HOME-----------*/

.flash-home{ width:940px; height:455px; margin:0 0 12px 0; float:left; background:url(../images/img-flash.jpg) top
	 left; position:relative;}
 img.logo-leed{ position:absolute; bottom:42px; right:37px; cursor:pointer;}	 
.cont-cajas{ width:100%; float:left; }
.cont-cajas .caja{ width:300px; height:210px; background:red; float:left; background:url(../images/bg-caja-pie.gif) bottom no-repeat}
.cont-cajas .margenes{margin:0 20px;}
.cont-cajas .caja .contenidos-caja{ width:100%; height:156px; background: url(../images/bg-caja.gif) repeat-y #fff; float:left}
.cont-cajas .caja .cont-h2{ width:100%; height:47px; background:url(../images/bg-h2-caja.gif) top no-repeat #45b1e2; float:left;}
.cont-cajas .caja .cont-h2 h2{ color:#fff; font-weight:bold; font-size:20px; margin:16px 0 0 22px;}

.cont-cajas .caja img{ float:right; margin:50px 1px 0 0;}

.cont-cajas .versatilidad{ width:195px; margin:15px 0 0 24px; float:left; display:inline; position:relative;}
.cont-cajas .versatilidad h3{ font-size:14px; color:#7a97a0; font-family:Arial, Helvetica, sans-serif; width:256px; position:absolute; top:0; left:0;}
.cont-cajas .versatilidad p{ color:#494949;  margin:0 0 15px 0; padding-top:36px; width:170px;}
.cont-cajas .versatilidad a{ color:#45b1e2;}
.cont-cajas .sostenibilidad{margin:0 20px 0 18px;}
.cont-cajas .sostenibilidad ul{ margin:18px 0 0 0px; width:185px; float:left; display:inline;}
.cont-cajas .sostenibilidad ul li{color:#7a97a0; font-size:14px; font-weight:bold; float:left; margin-bottom:10px;
background:url(../images/bg-lista-Sostenibilidad.gif) top left no-repeat; padding-left:15px;}
.cont-cajas .preguntanos{ width:165px; margin:18px 0 0 20px; color:#494949;}
.cont-cajas .preguntanos span{ display:block;  margin-bottom:5px; line-height:15px;}
.cont-cajas .preguntanos a{ color:#45b1e2; display:block;}
.cont-cajas .preguntanos a.contacta{ width:132px; height:32px; background:url(../images/bg-btn-contacta.jpg) top left; text-align:center; color:#fff; font-weight:bold; font-size:14px; text-decoration:none; line-height:30px;}

/*---------contacto - ubicacion---------*/
.cont-columnas .izq .contacto h2{ font-size:30px; width:360px; color:#79959d; font-weight:normal; line-height:36px; margin:0 0 18px 0;}
.cont-columnas .izq .contacto h3{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#45b1e2; font-size:14px; margin:0 0 10px 0;}
.cont-columnas .izq .contacto p{ font-size:12px; color:#494949; margin:0 0 20px 0; width:406px;}
.cont-columnas .izq .contacto a{color:#45b1e2; text-decoration:underline;}
.cont-columnas .izq .contacto a.google-maps{padding:15px 0 15px 48px; height:22px; line-height:22px; background:url(../images/ver-en-google-maps.gif) left center no-repeat;}
.cont-columnas .izq .contacto a.street-view{padding:15px 0 15px 48px; height:22px; display:inline-block; line-height:22px; background:url(../images/ver-street-view.gif) left center no-repeat; margin-bottom:30px;}

.cont-columnas .der .contacto{float:left; margin:94px 0 0 14px;}
.cont-columnas .der .contacto h3{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#45b1e2; font-size:14px; margin:0 0 10px 0;}
.cont-columnas .der .contacto ul{width:336px;}
.cont-columnas .der .contacto ul li{ width:100%; float:left;} 
.cont-columnas .der .contacto ul li a{color:#0085B0; width:350px; text-decoration:none; padding:15px 0 15px 48px; height:22px; float:left; display:inline; line-height:22px;}
.cont-columnas .der .contacto ul li a.icono1{ background:url(../images/icono.gif) left center no-repeat;}
.cont-columnas .der .contacto ul li a.icono2{ background:url(../images/icono2.gif) left center no-repeat;}
.cont-columnas .der .contacto ul li a:hover{ text-decoration:underline;}
.cont-columnas .der .contacto ul li span.icono3{ background:url(../images/icono3.gif) left no-repeat;  padding:15px 0 15px 48px; float:left; width:100%; font-weight:bold; font-size:24px; color:#0085b0;}
.cont-columnas .der .contacto ul li span.icono4{ background:url(../images/icono4.gif) left no-repeat;  padding:15px 0 15px 48px; float:left; width:100%; font-weight:bold; font-size:24px; color:#0085b0;}

.contacto form{ width:370px; float:left;}

.contacto form input{ width:100%;  border-top:1px solid #d0d3d5; border-right:1px solid #d0d3d5; background:#fff; border-left:none;
margin:3px 0 5px 0; height:16px; font-size:12px;	}
.contacto form input,textarea{padding:2px;}
.contacto form span{color:#45b1e2; font-weight:bold; font-size:14px; display:block;}
.contacto form .error{ background:#45b1e2; color:#fff;}/*----aplicamos el class .error al introducir datos erroneos---*/

.contacto form .email{ width:184px; float:left;}
.contacto form .cp{ width:152px; float:right; margin:0 0 0 24px; display:inline;}
.contacto form input.cuadro{ width:12px; height:12px; float:left; margin:2px 0 0 5px; padding:0;}
.contacto form span.cuadro{ float:left; margin:2px 0 20px 5px; font-weight:normal;}
.contacto form textarea{ width:368px; height:55px; overflow:hidden; margin:3px 0 10px 0; border-top:1px solid #d0d3d5; border-right:1px solid #d0d3d5; border-left:none; border-bottom:none; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.contacto form .su-numero{ width:100%; float:left; margin:0 0 10px 0;}
.contacto form .su-numero span{ float:left; line-height:26px; width:142px; color:#494949; font-weight:normal; font-size:12px;}
.contacto form .su-numero input{float:left; width:135px;}
.contacto form .su-numero select{float:left; width:140px; height:24px; color:#8b8d8e;}

.contacto form input.enviar{width:132px; height:32px; padding:0; text-align:center; float:right; border:none;}

.aceptar-politica-on{width:100%; height:20px; padding-top:2px; float:left; background:#45B1E2; margin-bottom:10px;}
.aceptar-politica-on span.cuadro{color:#fff;}
.aceptar-politica-on span.cuadro a{color:#fff!important;}

.aceptar-politica-off{width:100%; height:20px; padding-top:2px; float:left; background:none; margin-bottom:10px;}
.aceptar-politica-off span.cuadro{color:#45B1E2;}
.aceptar-politica-off span.cuadro a{color:#45B1E2;}


.cont-envio-ok{ width:366px; float:left; padding-bottom:250px; text-align:center;}
.envio-ok{width:366px; float:left; background:url(../images/caja-top.gif) top no-repeat; text-align:center;}
.envio-ok .textos{ width:366px; float:left; background:url(../images/caja-repeat.gif) repeat-y; margin:12px 0 0 0; padding:15px 0 40px 0;}
.envio-ok .textos span{ color:#45b1e2; font-weight:bold; font-size:14px;}
.envio-ok .textos p.texto{ width:auto; padding:6px 12px; margin:0;}
.envio-ok .textos a{}
.envio-ok .img-inf{float:left;}





	/*-----estilos pop-up-----*/

#backgroundPopup{ display:none; position:fixed; _position:absolute; /* hack for internet explorer 6*/ height:100%; width:100%; top:0; left:0; background:#000000; border:1px solid #cecece; z-index:1;}
#popupContact{display:none; position:fixed; _position:absolute; /* hack for internet explorer 6*/ z-index:2;}	
#popupContactClose{ display:block;}
#popupContactClose2{ display:inline;}


 .pop-up{ width:596px; top:50%; left:50%; margin:0 auto; background:url(../images/bg-popup.jpg) repeat-y; }
	.pop-up .cab-popup{ position:relative; width:596px;}
	.pop-up img.cerrar{ position:absolute; right:10px; top:10px; color:#fff; font-weight:bold; cursor:pointer;}
	.pop-up h1{ width:568px;  background: url(../images/bg-cab-popup.jpg) no-repeat top left; font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; color:#fff; padding:12px 0 12px 28px; margin-bottom:11px;}
	.pop-up .leed{ width:100%; float:left; height:47px; background:url(../images/bg-leed.jpg) repeat-y left; margin:0 0 18px 1px;}
	.pop-up .leed img{ float:left; margin:5px 0 0 28px;}
	.pop-up h2{float:left; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#68a337; margin:0 28px 18px 28px; display:inline;}
	.pop-up ul{ float:left; margin:0 80px 20px 32px; display:inline; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#494949; padding:0;}
	.pop-up ul li{ background:url(../images/bg-lista-popup.gif) left 6px no-repeat; list-style:none; float:left; width:100%; padding-left:12px; margin:0 0 20px 0; }	
	.pop-up img.cerrar-ventana{ float:right; color:#45B1E2; cursor:pointer; margin:0 20px 15px 0;}
	.pop-up img.pie-img{ float:left;}

/*-------estilos especiales para ubicacion---------*/
.ubicacion{background:url(../images/bg-ubicacion.jpg) top repeat-x #b7bbbe; padding-bottom:5px;}
.bg-contacto{background:url(../images/bg-ubicacion.jpg) top repeat-x #b7bbbe;}
.pie-ubicacion{ margin:0; padding-top:22px; background: url(../images/bg-pie-ubicacion.jpg) top repeat-x;}


/*----superficies----*/
.superficies{ width:886px; margin:40px 0 0 28px;}
.superficies h2{ font-size:30px; color:#79959d; font-size:30px; font-weight:normal; display:block; margin:0 0 22px 0;}
.superficies .cont-flash{width:886px;}

/*------presentacion------*/
.presentacion{ width:100%; margin-bottom:-40px;}
.presentacion .flash{ width:100%; }
.presentacion h2{ font-size:30px; color:#79959d; font-size:30px; font-weight:normal; display:block; margin:14px 0 22px 34px; width:475px; line-height:36px;}
.bg-presentacion{ background:url(../images/bg-edificios.jpg) bottom no-repeat #fff;}
.presentacion .contenidos{ width:860px; background:none; margin:0 auto 195px auto; overflow:hidden;}
.presentacion .bloque-cajas{ width:100%; float:left; padding-bottom:15px;}
.presentacion .caja{ width:400px; height:220px; overflow:hidden;}
.presentacion .caja h3{color:#45B1E2; font-family:Arial,Helvetica,sans-serif; font-size:14px; font-weight:bold; margin:0 0 10px 0;}

.presentacion .caja-mascara{ width:418px; height:124px; margin:0 0 10px 0; position:relative; }
.presentacion .caja img.mascara{ position:absolute; top:0; left:0}
.presentacion .caja img.foto{position:absolute; top:0; left:0}
.presentacion .caja p{color:#494949; font-size:12px;}