/* CSS Document */

body {
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#484848;
	background:url(../img/fons.gif);
}

@font-face {
	font-family: 'DepressionistThreeRegular';
	src: url('../fonts/depressionist_three-webfont.eot');
	src: local('?'), url('../fonts/depressionist_three-webfont.woff') format('woff'), url('../fonts/depressionist_three-webfont.ttf') format('truetype'), url('../fonts/depressionist_three-webfont.svg#webfontnSODRgJg') format('svg');
	font-weight: normal;
	font-style: normal;
}

#tot {position:relative; margin:0 auto; width:954px; border-right:4px solid #fff; border-left:4px solid #fff; background-color:#fff;}

#capcaleraHome {position:relative; background-color:#245377; width:954px; height:235px;}
#capcaleraPrint {display:none;}

#lateral {position:relative; width:26%; height:100%; background:#fff; float:left; min-height:295px; *height:295px; /*385px a la interior*/} 

#contingut, #contingutHome {position:relative; float:left; clear:right; background-color:#fff;}
#contingutHome {width:74%; background-image:url(../img/palmera.gif); background-position:bottom right; background-repeat:no-repeat; min-height:295px; *height:295px;}
#contingut {position:relative; min-height:530px; _height:530px; padding:0 40px 30px 15px; width:68%;  text-align:justify; }
#contingut p {font-size:11px; line-height:15px;}
#contingut h4 {font-size:11px; color:#6b5a49; text-decoration:underline; padding-top:15px;}
#contingut ul li {float:none; font-size:11px; background:url(../img/llista_contingut.gif) no-repeat; background-position:top left; padding-left:20px; line-height:15px; margin:10px 0; }
#contingut form {margin:30px 10px 0 0;}
#contingut a {color:#484848;}

.titol {margin:50px 0 20px 0; font-family:"DepressionistThreeRegular", "Times New Roman", Times, serif; font-size:20px;  color:#0063b1;}

#peu {position:relative; height:163px; background:url(../img/peu.jpg); clear:left; *z-index:-1;}
#peu a {color:#6b5a49;}
#peuPrint {display:none}

#gracias {font-size:11px; text-align:center; margin:90px 0 50px 0;  min-height:120px; *height:120px; vertical-align:bottom; line-height:16px;}
#gracias h2 {font-size:11px; text-transform:uppercase; color:#0063b1;}
/*CONTINGUTS*/


.botoForm {background-image:url(../img/fons_boto_blau.gif); color:#3580bb; height:18px; font-weight:bold; font-size:10px; margin-left:2px; border:1px solid #fff;}
.campForm {border:1px solid #bfb4a9; line-height:11px; font-size:10px; color:#666; font-family:Verdana, Arial, Helvetica, sans-serif;}
.textForm {font-weight:bold; text-align:right; padding:5px 2px; vertical-align:top;}

/*PRODUCTES*/
#overDiv h1 {color:#0063b1; font-weight:bold; font-size:10px; margin:0 0 -15px 0; *margin:0;}
#overDiv p {color:#484848; text-align:left;}

#apunt {background:url(../img/apunts.gif) no-repeat; background-position:left center; padding-left:15px; margin:15px 0 0 0;}
#apunt a {color:#484848; text-decoration:none; } #apunt a:hover {text-decoration:underline;}

.tiraBlava {width:100%; height:8px; margin-top:-7px; background:#6b5a49; /*és marró*/}


.productes {position:relative; width:292px; float:left; text-align:left; margin:30px 20px 20px 10px;}
.productes img {float:left; border:2px solid #82abcc; margin-right:10px; width:120px; height:90px;}
.productes h1 {font-size:10px; color:#0063b1; font-family:Verdana, Arial, Helvetica, sans-serif; margin-top:0; padding:0 0 4px 0; height:12px;  line-height:12px; background-image:url(../img/puntets2.gif); background-position:bottom right; background-repeat:no-repeat; overflow:hidden;}
.productes p {color:#484848; height:60px; overflow:hidden; *margin-top:-8px; margin-bottom:-10px; text-align:left; font-size:10px;}
.productes h6 a {position:absolute; color:#6b5a49; background:url(../img/fletxa_marro.gif) no-repeat; background-position:left center; font-size:10px; padding-left:15px; right:0;}
.productes ul {position:relative; height:15px; margin:0; padding:0; *margin-top:-13px; *height:30px;}
.productes ul li {position:relative; width:19px!important; height:20px!important; overflow:hidden!important; margin:0!important; padding:0!important; list-style:none!important; background:none!important; float:left!important; margin-right:5px!important;}
.productes ul li a img {border:0; width:19px!important; height:20px!important;}

/*NOTICIAS*/
.noticiaUna {position:relative; text-align:left;  margin:30px 10px 0;}
.noticiaUna img {float:left; border:2px solid #82abcc; margin:0 20px 20px 0;}
.noticiaUna h1 { text-transform:uppercase; font-size:11px; color:#0063b1; font-family:Verdana, Arial, Helvetica, sans-serif; margin-top:10px; padding:10px 0 4px 0; line-height:12px; overflow:hidden;}
.noticiaUna h3 {font-size:10px; font-weight:100; color:#0063b1; margin-top:-10px; *margin-top:-22px;}
.noticiaUna p {color:#484848; line-height:16px; text-align:justify; font-size:10px;}
.noticiaUna h6 a {float:right; color:#6b5a49; background:url(../img/fletxa_marro.gif) no-repeat; background-position:left center; font-size:10px; padding-left:15px; right:0; margin-bottom:35px;}

.noticiaGran {position:relative; text-align:left;  margin:30px 0 10px 0; height:130px; background:#ecf2f6; padding:20px 20px 10px 20px;}
.noticiaGran img {float:left; border:2px solid #82abcc; margin-right:10px; width:120px; height:80px;}
.noticiaGran h1 { text-transform:uppercase; font-size:10px; color:#0063b1; font-family:Verdana, Arial, Helvetica, sans-serif; margin-top:0; padding:0 0 4px 0; line-height:12px; overflow:hidden;}
.noticiaGran h3 {font-size:10px; font-weight:100; color:#0063b1; margin-top:-10px; *margin-top:-22px;}
.noticiaGran p {color:#484848; height:60px; overflow:hidden; *margin-top:-8px; margin-bottom:-10px; text-align:left; font-size:10px;}
.noticiaGran h6 a {float:right; color:#6b5a49; background:url(../img/fletxa_marro.gif) no-repeat; background-position:left center; font-size:10px; padding-left:15px; right:0;}


.noticias {position:relative; text-align:left; margin:40px 20px 10px 10px; clear:both;}
.noticias img {float:left; border:2px solid #82abcc; margin-right:10px; width:120px; height:80px;}
.noticias h1 { text-transform:uppercase; font-size:10px; color:#0063b1; font-family:Verdana, Arial, Helvetica, sans-serif; margin-top:0; padding:0 0 4px 0; line-height:12px;  overflow:hidden;}
.noticias h3 {font-size:10px; font-weight:100; color:#0063b1; margin-top:-10px; background-image:url(../img/puntets4.gif); background-position:bottom right; background-repeat:no-repeat; padding-bottom:4px; *margin-top:-22px;}
.noticias p {color:#484848; height:48px; overflow:hidden; *margin-top:-8px; margin-bottom:-10px; text-align:left; font-size:10px;}
.noticias h6 a {float:right; color:#6b5a49; background:url(../img/fletxa_marro.gif) no-repeat; background-position:left center; font-size:10px; padding-left:15px; right:0;}

/*PROYECTOS*/

.proyectos {position:relative; width:259px; float:left; margin:40px 25px 10px 15px; *margin:20px 30px 10px 10px;}
.proyectos img {border:2px solid #82abcc; margin-bottom:10px; width:255px; height:170px;}
.proyectos h1 {color:#0063b1; font-size:11px; height:15px; background-image:url(../img/puntets3.gif); background-position:bottom right; background-repeat:no-repeat; overflow:hidden; margin-top:5px;}
.proyectos p {color:#484848; height:90px; overflow:hidden; margin-top:0; *margin-top:-10px;}
.proyectos h6 a {position:absolute; color:#6b5a49; background:url(../img/fletxa_marro.gif) no-repeat; background-position:left center; font-size:10px; padding-left:15px; right:0; margin-top:-10px;}

.barra {background:#0063b1; color:#fff; margin:30px 0 0 190px; width:210px; height:15px; padding-top:2px; font-size:10px;text-align:center; clear:left; border-top:40px solid #fff; *border:none;}

/*LATERAL*/

#boletin {position:absolute; width:165px; top:-110px; left:45px;}
#boletin p {color:#666; margin-top:7px;}
#boletin form {margin-top:0; *margin-top:-10px;}


/*PEU*/
#creativat {position:absolute; top:135px; right:20px;}
#peuLogos {position:absolute; top:65px; left:20px;}
#peuLogosIntro {position:absolute; margin-top:100px!important; left:10px!important;}
#peuLegal {position:absolute; text-align:center; top:117px; *top:130px; left:290px; color:#6b5a49;}

/*HOME*/
#importantFons {position:absolute; z-index:90; left:670px; top:74px;}
#importantHome {position:relative; z-index:100; left:670px; top:-160px; *left:665px; _left:420px;}
#importantHome div{position:absolute; z-index:10; margin-left:5px; top:70px; left:28px; width:170px;}
#importantHome div img {position:relative; margin-bottom:15px; *margin-bottom:-10px;}
#importantHome div p {position:relative; width:155px; text-align:justify; padding-left:5px;}

#linkHome a {position:absolute; background-image:url(../img/fletxa.gif); background-repeat:no-repeat; background-position:left center; color:#0068c3; text-decoration:underline; padding-left:15px; font-weight:bold; top:142px; left:32px; *top:150px;}
#blueFlag a {position:absolute; z-index:20; margin-top:245px; text-decoration:none;}

#baner1 {position:relative; width:390px; margin-top:30px;}
#baner2 {clear:both; position:relative; margin-top:60px; *margin-top:10px; width:390px; *margin-bottom:13px;}
#baner1 img, #baner2 img {float:left; border:2px solid #82abcc; margin-right:10px;}
#baner1 h1, #baner2 h1 {font-size:10px; color:#0063b1; font-family:Verdana, Arial, Helvetica, sans-serif; padding:8px 0 3px 0; background:url(../img/puntets.gif) no-repeat; background-position:bottom right;}
#baner1 p, #baner2 p {color:#484848; height:48px; overflow:hidden; *margin-top:-5px; margin-bottom:-10px;} 
#baner1 h6 a, #baner2 h6 a {position:absolute; color:#6b5a49; background:url(../img/fletxa_marro.gif) no-repeat; background-position:left center; font-size:10px; padding-left:15px; right:0;}



/*PRODUCTO FICHA*/
.marginFicha {margin-top:25px;}
.presenta1  {padding-top:50px; *padding-top:45px;} .presenta2 {padding-top:75px; *padding-top:70px;}
.presenta1 p, .presenta2 p {margin-top:0; height:60px; overflow:hidden;}
.fotoMig {float:left; margin:0 20px 10px 0; width:300px; height:200px;}
#iconos {*width:320px; }
#iconos img {float:left; margin:0 2px 6px 2px;}
.imprimir {float: right; margin-top:-25px;}
.imprimir a {color:#6b5a49;} .imprimir a:hover {text-decoration:none;}

#ficha {clear:left; padding-top:20px;}
#ficha h1 {margin-top:20px; background:#6b5a49; width:100%; height:20px; clear:left;}
#ficha h2 {font-weight:bold; font-size:11px; background:#b1a89e; color:#fff; padding-left:10px; margin:30px 0 0 0; height:15px;}
#ficha h3 {font-weight:bold; font-size:11px; border-bottom:1px solid #6b5a49; color:#6b5a49; padding-left:10px; margin:30px 0 0 0; }

#ficha p {color:#484848;} 
#ficha ul {padding-left:20px;}
#ficha ul li{list-style:none; background-image:url(../img/apunts.gif) no-repeat; background-position:left top; font-size:11px; line-height:15px; margin:10px 0; }
.fotografias img {float:left; width:120px; height:90px; margin:4px;}
#ficha h6 {text-align:right; clear:left;} #ficha h6 a {color:#6b5a49; text-decoration:underline; font-size:11px;}

.imatgeEsq {float:left; margin:10px;}
.imatgeDre {float:right; margin:20px;}


.taulaGrisCentre {background-color:#ecf3f8; text-align:center;} .taulaBlancCentre {text-align:center;}
.taulaGrisEsq {background-color:#ecf3f8; text-align:right; padding:5px 10px 5px 0; font-weight:bold;}
.taulaBlancEsq {text-align:right; padding:5px 10px 5px 0; font-weight:bold;}


/*CERTIFICADOS*/
#certifica1 {*position:absolute; text-align:right; margin:100px 0 0 80px; width:200px;}
#certifica2 {position:absolute; top:400px; right:180px; width:200px; text-align:left;}
#certifica3 {position:absolute; top:650px; right:120px; width:200px; text-align:left;}
#certifica4 {position:absolute; top:820px; right:220px; width:200px;}

/*ICONOS Y LEYENDAS*/
.iconos {margin-top:20px; clear:both;}
.iconos img {float:left; margin:0 10px 30px 0;}
.iconos h1 {font-size:11px; font-weight:bold;}
.iconos p {margin-top:-5px; *margin-top:-15px;}

/*MAPA WEB*/

.mapaSeccio {background-color:#dbeaf6/*#82abcc*/; color:#0063b1; font-weight:bold; padding:2px  10px 0 10px; width:120px; text-align:center; height:14px; margin-top:25px;} .mapaSeccio a {color:#fff; text-decoration:none;}
.mapaText {line-height:13px; margin:7px 20px 10px 10px;}
.mapaFamilias {margin:0 0 15px 30px;} .mapaFamilias dl a {color:#484848; text-decoration:none;}
.mapaFamilias dl dt {list-style-image:none; height:15px;} .mapaFamilias dl a:hover {text-decoration:underline;}

.campoReqeurido {
	font-family: tahoma;
	font-size: 11px;
	color: #0063B1;
}



/*noves families*/

#familiesNoves {position:relative; height:90px;}
#familiesNoves a {float:left; margin-top:25px;}
#familiesNoves a img {border:none!important; }
#familiesNoves  ul {position:relative; margin-left:20px; margin-top:-40px; float:left; width:330px; height:118px; padding:8px 12px 8px 17px; background:url(../img/fons-families.png); background-repeat:no-repeat; list-style:none!important; /*margin:0; padding:0;*/}
#familiesNoves ul p {background:#fff; color:#6f6e6e; padding:1px 5px;}
#familiesNoves  ul li {padding:0; float:left; background:none; margin-top:-25px;}
#familiesNoves  ul li a {display:block; height:72px; width:80px; text-decoration:none;}
#familiesNoves  ul li a.oculto {background-position:bottom;}
#familiesNoves  ul li a span {display:none;}