@charset "utf-8";
/* CSS Document */

/* ----------------------- General ----------------------- */
body{background: #fff url(../images/bg-down.png) repeat-x bottom left; padding: 0; margin: 0;}
body#bg{ background-image: none;}
*{font-family: Arial, Helvetica, sans-serif; font-size: 17px; color: #383838; line-height: 22px;}
#content{width: 1004px; margin: 0 auto;}

/* ----------------------- Top ----------------------- */
#top{width: 100%; margin: 0; padding: 0; float: left; background: url(../images/bg-top.png) repeat-x top left; height: 158px;}
#top .middle{width: 1004px; margin: 0 auto;}
#logo{background: url(../images/top.gif) no-repeat top left; width: 727px; height: 158px; float: left;} 
#logo .left{width: 166px; float: left; padding: 17px 0 0 0;}
#logo .right{width: 490px; float: right; padding: 70px 0 0 0;}
#top .middle .more{float: right; width: 220px; padding: 33px 0 0 0; color:#FFF; text-shadow: 1px 1px 5px #000; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 22px; line-height: 34px;}
#top .middle .more strong{color:#4b7bb2; text-shadow: none; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 34px; line-height: 36px; letter-spacing: -1px;}

/* ----------------------- Homepage ----------------------- */
.banner{width: 1004px; float: left; padding: 0; margin: 9px 0;}

/* --- Menu --- */
#menu{width: 991px; float: left; margin: 0 0 27px 0; padding: 0 0 0 13px;}
#menu ul li{float: left; padding: 0 1px 0 0;}
#menu ul li a{display: block; float: left; background-position: 0 0; padding: 22px 0 0 80px; width: 166px; height: 55px; text-align: center; font-weight: bold; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 26px; color: #4b7bb2; line-height: 30px; text-transform: uppercase; letter-spacing: -1px; background-repeat: no-repeat}
#menu ul li a:hover, #menu ul li a.select{ background-position: 0 -77px; color: #fff;}
#menu ul li a.promocion{ background-image: url(../images/btn-promocion.jpg);}
#menu ul li a.cambrils{ background-image: url(../images/btn-cambrils.jpg);}
#menu ul li a.empresa{ background-image: url(../images/btn-empresa.jpg);}
#menu ul li a.contacto{ background-image: url(../images/btn-contacto.jpg);}

/* --- Cajas --- */
.boxs{width: 1004px; float: left; padding: 0 0 0 5px;}
.boxs .pisos{display: block; float: left; padding: 0 13px 0 0; background: url(../images/bg-pisos.jpg) no-repeat top left; width: 324px; height: 272px;}
.boxs .pisos strong{display: block; float: left; width: 324px; padding: 25px 0 20px 0; text-align: center; font-size: 58px; line-height: 62px; font-weight: bold; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #4b7bb2; letter-spacing: -1px;}
.boxs .pisos span{display: block; float: left; width: 200px; padding: 0 120px 20px 0; text-align: right; font-size: 20px; line-height: 22px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #4b7bb2; letter-spacing: -1px;}
.boxs .pisos u{display: block; float: left; width: 200px; padding: 0 120px 20px 0; text-align: right; font-size: 21px; line-height: 22px; font-weight: bold; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #ca180e;}

.boxs .entorno{display: block; float: left; padding: 0; background: url(../images/bg-entorno.jpg) no-repeat top left; width: 324px; height: 272px;}
.boxs .entorno strong{display: block; float: left; width: 324px; padding: 19px 0 19px 0; text-align: center; font-size: 38px; line-height: 40px; font-weight: bold; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #4b7bb2; letter-spacing: -1px;}
.boxs .entorno span{display: block; float: left; width: 197px; padding: 0 20px 15px 105px; text-align: right; font-size: 20px; line-height: 22px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #4b7bb2; letter-spacing: -1px;}
.boxs .entorno u{display: block; float: left; width: 200px; padding: 0 20px 20px 105px; text-align: right; font-size: 21px; line-height: 22px; font-weight: bold; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #ca180e;}

.boxs .gal{display: block; float: right; padding: 26px 20px 0 133px; background: url(../images/bg-galeria.jpg) no-repeat top left; width: 171px; height: 106px;text-align: right; font-size: 25px; line-height: 27px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #4b7bb2; letter-spacing: -1px; font-weight: bold; margin: 0 0 8px;}

.boxs .pdf{display: block; float: right; padding: 26px 133px 0 25px; background: url(../images/bg-pdf.jpg) no-repeat top left; width: 166px; height: 106px;text-align: left; font-size: 26px; line-height: 27px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #4b7bb2; letter-spacing: -1px; font-weight: bold; margin: 0;}


/* ----------------------- Promocion ----------------------- */
/* --- Column Left --- */
#column-left{float: left; width: 265px; margin: 33px 0 0 0;}

/* Menu */
#column-left #menu{width: 265px; float: left; margin: 0 0 7px 0; padding: 0;}

/* Cajas */
#column-left .boxs{width: 265px; float: left; padding: 0;}
#column-left .boxs .pisos{display: block; float: left; padding: 0; background: url(../images/bg-pisos-ch.jpg) no-repeat top left; width: 246px; height: 212px;}
#column-left .boxs .pisos strong{display: block; float: left; width: 246px; padding: 18px 0 15px 0; text-align: center; font-size: 42px; line-height: 44px; font-weight: bold; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #4b7bb2; letter-spacing: -1px;}
#column-left .boxs .pisos span{display: block; float: left; width: 156px; padding: 0 90px 18px 0; text-align: right; font-size: 17px; line-height: 19px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #4b7bb2; letter-spacing: -1px;}
#column-left .boxs .pisos u{display: block; float: left; width: 156px; padding: 0 90px 0 0; text-align: right; font-size: 16px; line-height: 19px; font-weight: bold; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #ca180e;}

#column-left .boxs .gal{display: block; float: left; padding: 22px 20px 0 100px; background: url(../images/bg-galeria-cha.jpg) no-repeat top left; width: 126px; height: 85px;text-align: right; font-size: 20px; line-height: 22px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #4b7bb2; letter-spacing: -1px; font-weight: bold; margin: 0 0 8px;}

#column-left .boxs .pdf{display: block; float: left; padding: 19px 90px 0 20px; background: url(../images/bg-pdf-ch.jpg) no-repeat top left; width: 136px; height: 83px;text-align: left; font-size: 20px; line-height: 22px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #4b7bb2; letter-spacing: -1px; font-weight: bold; margin: 0;}

/* --- Column Right --- */
#column-right{float: left; width: 725px; margin: 33px 0 0 0; padding: 0 10px 0 0;}
.title{float: left; width: 725px; border-bottom: 2px solid #079bd5; margin: 0 0 25px 0;}
#column-right .left{float: left; width: 420px;}
#column-right .right{float: right; width: 275px;}
#column-right .right .image{float: left; margin: 0 0 20px;}
#column-right .right .image img{float: left; border: 1px solid #32688f;}

/* ----------------------- Galeria ----------------------- */
#column-right .text{float: left; width: 725px; margin: 0 0 22px;}

/* Galeria de fotos */
#column-right .galeria{float: left; width: 714px; margin: 0 0 35px; padding: 0 0 0 11px;}
#column-right .galeria .foto-gr{float: left; width: 360px; margin: 0; padding: 0;}
#column-right .galeria .foto-gr img{float: left; border: 1px solid #023d65;}
#column-right .galeria .fotos{float: right; width: 333px; margin: 0; padding: 0;}
#column-right .galeria .fotos .row{float: left; width: 333px; margin: 0 0 15px; padding: 0;}
#column-right .galeria .fotos .row .foto{float: left; width: 69px; margin: 0; padding: 0 5px 0 0;}
#column-right .galeria .fotos .row .foto img{float: left; border: 2px solid #023d65;}
#column-right .galeria .fotos .row .foto img:hover{ border-color: #ccc;}

/* Galería de Videos */
#column-right .text .txt-video{float: left; width: 195px; margin: 0; padding: 0px 0 0 5px;}
#column-right .text .txt-video a{font-size: 15px;}
#column-right .text .videos{float: right; width: 471px; margin: 0; padding: 0 30px 0 0; background: url(../images/bg-video-middle.jpg) repeat-y top left;}
#column-right .text .videos .top{float: left; width: 471px; margin: 0; padding: 0; background: url(../images/bg-video-top.jpg) no-repeat top left;}
#column-right .text .videos .top .down{float: left; width: 471px; margin: 0; padding: 25px 0 18px; background: url(../images/bg-video-down.jpg) no-repeat bottom left;}
#column-right .text .videos .top .down .videos-ch{float: left; padding: 0 12px 0 16px; width: 103px;}
#column-right .text .videos .top .down .videos-ch .row{float: left; padding: 0; width: 103px; margin: 0 0 6px;}
#column-right .text .videos .top .down .videos-ch .row img{float: left;}
#column-right .text .videos .top .down .video{float: left; padding: 0; width: 320px; margin: 2px 0 0;}

/* ----------------------- Pisos ----------------------- */
/* --- Left --- */
.pisos-left{float: left; padding: 10px 0 0 20px; width: 355px;}
.pisos-left .ul{ padding: 0 0 0 20px;}
.pisos-left .ul li{ margin: 0 0 3px;}

/* --- Right --- */
.pisos-right{float: right; padding: 0 6px 0 0; width: 320px;}
.pisos-right .telefono{float: right; padding: 0; width: 320px; margin: 0 0 18px; color: #4b7bb2; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 45px; line-height: 47px; letter-spacing: -1px;}
.pisos-right .telefono img{margin: 0 0 12px;}
.form{ background: #c9e8f6 url(../images/bg-footer.gif) no-repeat bottom left; width: 319px; float: left;}
.form .top{ background: url(../images/bg-top.gif) no-repeat top left; width: 294px; float: left; padding: 25px 0 15px 25px;}
.form .top .row{width: 294px; float: left; padding: 0; margin: 0 0 5px;}
.form .top .row .txt{width: 294px; float: left; padding: 0; margin: 0 0 2px;}
.form .top .row .inp{width: 278px; float: left; padding: 0 0 0 16px; margin: 0;}
.form .top .row .inp .input{ padding: 2px; width: 242px;font-size: 14px; color: #747474;}
.form .top .row .inp textarea{ padding: 2px; width: 242px; height: 100px; font-size: 14px; color: #747474; }
.form .top .row .btn{ background: url(../images/btn.gif) no-repeat top left; width: 230px; height: 50px; margin: 10px 0 0 24px; text-align: center; font-weight: bold; color: #FFF; padding: 0 0 0 30px; border: none; outline: none; line-height: 18px; cursor: pointer;}
.form .top .row .btn:hover{color: #ccc;}

/* ----------------------- Contactar ----------------------- */
.residencial{float: left; padding: 0; margin: 0 0 50px; width: 725px;}
.residencial .r-left{float: left; padding: 0; margin: 0; width: 360px;}
.residencial .r-right{float: left; padding: 0; margin: 10px 0 0; width: 360px; color: #067aa8; font-size: 16px; line-height: 26px;}
.residencial .r-right strong{color: #067aa8; font-size: 16px;}
.residencial .r-right strong.tit{color: #067aa8; font-size: 30px; line-height: 39px; font-weight: normal;}
.residencial .r-right a{color: #067aa8; font-size: 16px;}
.residencial .r-right a:hover{color: #067aa8; font-size: 16px; text-decoration: underline;}

/* ----------------------- Descargar Folleto ----------------------- */
/* --- Left --- */
#column-right .left .formulario{float: left; width: 420px;}
#column-right .left .formulario .row{width: 294px; float: left; padding: 0; margin: 0 0 5px;}
#column-right .left .formulario .txt{width: 294px; float: left; padding: 0; margin: 0 0 2px;}
#column-right .left .formulario .inp{width: 278px; float: left; padding: 0 0 0 16px; margin: 0;}
#column-right .left .formulario .inp .input{ padding: 2px; width: 242px;font-size: 14px; color: #747474;}
#column-right .left .formulario .inp textarea{ padding: 2px; width: 242px; height: 100px; font-size: 14px; color: #747474; }
#column-right .left .formulario .btn{ background: url(../images/btn-enviar.jpg) no-repeat top left; width: 115px; height: 44px; margin: 10px 0 0 10px; text-align: center; font-weight: bold; color: #FFF; padding: 0; border: none; outline: none; line-height: 18px; cursor: pointer;}
#column-right .left .formulario .btn:hover{color: #ccc;}

/* --- Right --- */
.folleto{float: left; width: 275px; text-align: center; margin: 0 0 25px;}
.folleto img{border: 1px solid #888888;}
#column-right .right .a{display: block; float: left; background: url(../images/pdf.jpg) no-repeat 15px 0; padding: 20px 0 12px 95px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 29px; font-weight: bold; color: #e00000; text-decoration: underline; line-height: 33px;}
#column-right .right .a:hover{ text-decoration: none;}
#column-right .right .txt{float: left; width: 275px; text-align: center; margin: 35px 0 0; font-size: 14px; color: #383838;}
#column-right .right .txt a{ text-decoration: underline;}

/* ----------------------- Text ----------------------- */
p{margin: 0 0 20px; padding :0; text-align: left;}
a{text-decoration: none; font-size: inherit;}
a:hover{ color:#999;}
strong{font-size: inherit;}
h1{text-align: right; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 31px; color: #0098d4; text-transform: uppercase; line-height: 34px;}
ul.ul{ padding: 0 0 0 30px; margin: 0 0 15px;}
ul.ul li{ padding: 0px; list-style-type:disc;}
span.red{font-weight: bold; color: #e01b1b;}
span.small{ color: #e01b1b; font-size: 13px;}

/* ----------------------- Footer ----------------------- */
#footer{padding: 15px 0 0; width: 1004px; margin: 0 auto; text-align: center; font-size: 18px; line-height: 22px; color: #067aa8; height: 75px;}
#content #footer{padding: 16px 0 0; width: 1004px; margin: 20px 0 0 0; float: left; text-align: center; font-size: 18px; line-height: 22px; color: #067aa8; height: 75px; border-top: 3px solid #0098d4;}


/* ----------------------- Clearfix ----------------------- */ 
/* slightly enhanced, universal clearfix hack */
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;line-height: 0; }
.clearfix {display: inline-block;}

/* start commented backslash hack \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* close commented backslash hack */