/***********************************/
/* IMPORTEM EL CSS DEL BLUEPRINT   */
/***********************************/
@import url("blueprint.css");
@import url("base.css");

/*LAYOUT*/
#idioma { margin: 10px 0; }
#idioma a { display:block; float:left; margin:0 5px; font-size:1.1em; color:#b6b6b6; }
#idioma a:hover,#idioma a.active { color:#5c5c5c; }
#idioma span { float:left; color:#b6b6b6; }

/*BANNERS*/
#banner { background: url(../images/fons/separador-header.jpg) no-repeat top left; padding-top: 3px; }

.tierra { height:270px; background: url(../images/banners/banner-tierra.jpg) no-repeat top left; padding-top: 3px; }
.aire { height:270px; background: url(../images/banners/banner-aire.jpg) no-repeat top left; padding-top: 3px; }
.agua { height:270px; background: url(../images/banners/banner-agua.jpg) no-repeat top left; padding-top: 3px; }

#menu ul li { float:left; margin-left:5px; padding:0; list-style:none; background: none; }
#menu ul li a{ display:block; padding:2px 13px; font-size:1.2em; font-weight:bold; color:#3e3e3e; border-top:5px solid #c1c1c1; }
#menu ul li a:hover,#menu ul li a.active{ color:#038dde; border-top:5px solid #038dde; }

#footer { text-align:right; }
#footer div.fons { background: url(../images/fons/ombra-peu.jpg) no-repeat top left; }
#footer div span { margin-top:20px; font-size:1.1em; color:#7b7b7b; }
#footer div a { color:#038dde; font-size:1.1em; display:inline; margin-top:10px; }
#footer div ul { padding:0; }
#footer div ul li { float:left; list-style:none; background:none; padding:0 0 0 5px; }
#footer div ul li a { margin:0; }

/*EASYSCROLL*/
#easyscrollnav li { list-style:none; }
#btnDown { position:absolute; margin: 102px 0 0 65px; width:10px; height:7px; background: url(../images/detalls/fletxa-abaix.jpg) no-repeat top left; cursor:pointer; }
#btnUp { position:absolute; margin: 102px 0 0 85px; width:10px; height:7px; background: url(../images/detalls/fletxa-adalt.jpg) no-repeat top left; cursor:pointer; }
#btnReset { display:none; position:absolute; margin: 500px 0 0 85px; width:10px; height:7px;}

/*BREADCRUMB*/
#breadcrumb { padding-left:12px; background: url(../images/detalls/decoracio-llistes-links.jpg) no-repeat top left; }
#breadcrumb a, #breadcrumb span { color:#038dde; font-weight: bold; font-size: 1.2em; }

/*MAPA WEB*/
.mapa-web {}
.mapa-web ul { margin:0 30px; }
.mapa-web ul li { margin:5px 0 }
.mapa-web ul li a { color:#038dde; }
.mapa-web ul.general { margin:20px 0; }
.mapa-web ul.primer-nivell li { list-style:disc; background:none; padding:0; }
.mapa-web ul.segon-nivell li { list-style:circle; background:none; padding:0; }
.mapa-web ul.tercer-nivell li { list-style:square; background:none; padding:0; }

/*PAGINADOR*/
#paginador { margin-top:30px; padding-top:2px; height:25px; text-align:center; }
#paginador a { display:inline; margin-left:5px; padding:0 5px; font-size:1.2em; color:#a9a9a9; }
#paginador a img { vertical-align: bottom; }
#paginador a:hover { color:#9ad1f2; }
#paginador a.active { border:1px solid #9ad1f2; color:#9ad1f2; }

/*HOME*/
.home { height:414px; background: url(../images/es/home.jpg) no-repeat top left; }
.home h2 { margin:12px 0 0 0; color:#FFFFFF; font-size:2.6em; font-style:italic; font-weight: normal; border: none; }
.home h2.frase { margin-top:50px; }
.home span { color:#FFFFFF; font-size:1.1em; }
.home .link-home { display:block; margin:13px 0 0 0; width:182px; height:85px; }
.home .link-home2 { display:block; margin:9px 0 0 0; width:181px; height:60px; }

/*EMPRESA*/
.llista-fotos { margin-top: 20px; }
.llista-fotos li { float:left; margin:0 10px 5px 0; padding:0; background: none; }
.llista-fotos li a { display:block; }
.llista-fotos li a img{ border:1px solid #038dde; padding: 2px; }
#crono { width:310px; height:368px; }

/*TECNOLOGIAS*/
.ombra-titol-tecnologias { margin-top:75px; height:73px; background: url(../images/fons/ombra-titol-tecnologias.jpg) no-repeat top left; } 
.ombra-titol-tecnologias h2 { margin:0; padding:0; height:73px; line-height: 73px; border:none; text-align: center; }
.ombra-subtitol-tecnologias { margin-top:25px; height:61px; background: url(../images/fons/ombra-subtitol-tecnologias.jpg) no-repeat top left; } 
.ombra-subtitol-tecnologias h3 { margin:0; padding:0; height:61px; line-height: 61px; border:none; text-align: center; } 
.ombra-subtitol-tecnologias span { display:block; margin-top:-24px; font-size:1.1em; text-align: center; }
.ombra-tecnologias { margin-top:35px; height:281px; background: url(../images/fons/ombra-fons-tecnologias.jpg) no-repeat top left; }
.ombra-tecnologias img { margin: 4px 0 0 0; }
.boto { display:block; margin:55px 0 0 55px; width:121px; height:75px; background: url(../images/fons/boto.jpg) no-repeat top left; color:#0f75b0; line-height: 38px; font-weight: bold; font-size: 1.6em; }
.boto:hover { color:#0f75b0; }
.llista-tecnologias-menu {  }
.llista-tecnologias-menu li { background: url(../images/detalls/decoracio-llistes-links.jpg) no-repeat top left; }
.llista-tecnologias-menu a { color:#038dde; }
.llista-tecnologias-menu p { margin:5px 0; }

.pllista { padding-left:10px; background: url(../images/detalls/decoracio-llistes.jpg) no-repeat top left; }
.imatge-abaix { margin-top:355px; }
.imatge-abaix-menor { margin-top:300px; }
.imatge-abaix-caliane { margin-top:325px; }
.imatge-abaix-termeocap-vertical { margin-top:340px; }
.imatge-abaix-aire-atmos { margin-top:340px; }
.imatge-adalt-aire-atmos { margin-top:25px; }
.imatge-abaix-agua-termeocap { margin-top:340px; }
.imatge-adalt-agua-termeocap { margin-top: 25px; }
/*PROJECTES*/
.galeria-projectes ul li{ float:left; margin:10px; width:155px; height:112px; padding:0 0 0 12px; background: url(../images/fons/ombra-projectes.jpg) no-repeat top left; }
.galeria-projectes ul li img { margin-top: 4px; }

/*PREGUNTAS*/
.caixa { margin-top: 20px; }
.caixa .top { height:14px; background: url(../images/fons/caixa-borde-superior.jpg) no-repeat top left; }
.caixa .content { padding: 14px; min-height: 100px; height: auto !important; height: 100px; background: url(../images/fons/caixa-borde-laterals.jpg) repeat-y top left; }
.caixa .content h3 { padding-left:40px; background: url(../images/icones/terreno.jpg) no-repeat top left; height: 33px; line-height: 33px; color:#038dde; font-weight:bold; font-size: 1.5em; }
.caixa .content h3.varia { background: url(../images/icones/icona_faq_varis.jpg) no-repeat top left; }
.caixa .bottom { height:14px; background: url(../images/fons/caixa-borde-inferior.jpg) no-repeat top left; }

/*CONTACTA*/
.separador-contacto { height:598px; background: url(../images/fons/separador-contacto.jpg) no-repeat top center; }
label { font-size: 1.2em; color: #3e3e3e; font-weight: normal; }
textarea { height: 100px; border: 1px solid #c9c9c9; }
input { border: 1px solid #c9c9c9; }
label, input, textarea { margin-bottom: 10px; }
.boto-contacto { margin:25px 0 0 160px; width:86px; height:52px; background:url(../images/icones/boto-contacto.jpg) no-repeat top left; color:#0f75b0; font-weight:bold; font-size:1.2em; padding:0px 0px 24px 15px !important ; padding:0px 0px 24px 5px ; text-align:left; cursor:pointer; border:0px; }
.contacto-captcha-error { font-size: 1.2em; color: red; }
.contacto-notificacion { font-size: 1.5em; }

/*PART DINAMICA*/
.ombra-subtitol { height:73px; background: url(../images/fons/ombra-titol-tecnologias.jpg) no-repeat top left; } 
.ombra-subtitol h3 { margin:0; padding:0; height:73px; line-height: 73px; border:none; text-align: center; text-transform: uppercase; } 
.foto-producte { height: 259px; background: url(../images/fons/caixa-imatges-productes.jpg) no-repeat top left; }
.foto-producte img { margin: 1px; }
.descripcio ul li { font-size: 1.2em; }
.descripcio ul li a { font-size: 1.1em; }

.titol-productes { height:60px; background: url(../images/fons/ombra-titol-productes.jpg) no-repeat top center; }
.titol-productes h3 { line-height:35px; text-align: center; border: none; }
.bloc2 { margin-top:10px; padding-top:10px; border-top:1px solid #e1e1e1;  }