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

* {margin:0;padding:0;outline:none;}
body {background:#d9dadb url(../img/body_bkg.png) repeat-y center; font-family:helvetica, Arial;
font-size:10px;}

/* Text */
a:link, a:visited {color:#66b8dc;text-decoration:none;}
a:hover {color:#66b8dc; text-decoration:underline;}
p.adjunt{margin:0px}
img{border:0px;}
h1 {
margin-top:5px;
color:#707173;
font-family: Perpetua, Baskerville, "Big Caslon", "Palatino Linotype",
Palatino, "URW Palladio L", "Nimbus Roman No9 L", serif; /*Es pot
instal.lar amb fontface??*/
font-size:35px;
letter-spacing:-1px;
padding-right:10px;
}

#main { width:950px; margin:0 auto;}

#sup {position:relative;background:#66b8dc;height:134px;}
	#sup img {position:absolute;top:12px; left:30px;}
	#sup p {position:absolute;height:40px;width:224px;background:url(../img/eslogan.png);top:50px;left:360px;}
	#sup p span {display:none;}
	
#menu { background:#707173; height:24px; border-bottom:1px solid #dedfe0;width:950px;}

#imatge {position:relative;height:224px;}
	#imatge div {position:absolute; bottom:0px; left:0px; height:58px; background:#fff; padding:16px 12px 0px 12px;}
	#imatge div p {padding-left:2px; font-size:10px;}
	#imatge a:link, #imatge a:visited {color:#707173;}
	

#cont { background:#fff; padding:38px 0px;}



	#col-a {float:left;width:155px; background:#9c9e9f; padding:16px 16px 20px 25px; margin-right:35px;}
		#col-a ul {list-style:none;}
		#col-a ul ul{list-style:none;margin:5px 0px 0px 10px;padding:0px 0px 15px 0px;display:none;}
		#col-a ul li {margin-bottom:8px;}
		#col-a ul ul li {margin-bottom:3px;clear:both;}
		#col-a ul a {font-size:1.2em;}
		#col-a ul ul a {font-size:1.1em;margin-bottom:5px;}
		#col-a ul a:link, #col-a ul a:visited {color:#fff;}
		#col-a ul ul a:link, #col-a ul ul a:visited {float:left;width:135px;}
		#col-a ul ul span{color:#fff;float:left;font-size:1.1em;width:10px;}
		#col-a ul a:hover,#col-a ul a:link.Sel,#col-a ul a:visited.Sel {color:#38373a; text-decoration:underline;}
	#col-b {float:left;width:719px;}
		#col-b h2{
		width:700px;
		color:#66b8dc;font-weight:bold;margin-bottom:5px;
		font-size:35px;
		font-weight:normal;
		letter-spacing:-1px;
		margin-bottom:10px;
		text-decoration:none;
		}
		#col-b li {font-size:1.2em;margin-bottom:4px;margin-bottom:4px;}
		#col-b p {
			font-size:1.2em;
			line-height:1.5em;
			margin:10px 0px 20px 0px;
		}
		#col-b p.error {
			font-size:0.8em;
			line-height:0.2em;
		}
		#col-b li.noticia p {font-size:1em; margin:0px; line-height:24px;}
		#col-b ul ul {margin-top:10px;}
		#col-b li li {font-size:1em; height:15px;}
		#col-b ul, #col-b ol{margin:0px 0px 20px 0px;list-style:none;}
		#col-b ul li, #col-b ol li{margin:0px 0px 20px 0px;background:url(../img/ul-tick.png) no-repeat 0px 2px;padding-left:20px; margin-bottom:10px; line-height:125%;}
			#col-b ul ul li,#col-b ol ul li,#col-b ol ul li,#col-b ol ol li{margin:0px 0px 20px 0px;background:url(../img/ul-ball.png) no-repeat 7px 5px;padding-left:20px; margin-bottom:10px; line-height:125%;}
		
		#col-b #txtNoFoto{float:left;width:680px;}
		#col-b #txtFoto{float:left;width:400px;}
		#col-b span.data{height:20px;display:block;}
		#col-b #fotos{float:left;width:256px;margin-left:30px;}
			#col-b #fotos img.gran{border:4px solid #9C9E9F;}
			#col-b #fotos img.petites{border:2px solid #9C9E9F;} 
			#col-b #mesImatges{list-style:none;margin:5px 0px 0px 0px;padding:0px;}
				#col-b #mesImatges li{display:inline;float:left;padding: 6px 6px 0px 0px;margin:0px;background:none;}
				#col-b #mesImatges li.nomarge{display:inline;float:left;padding: 6px 0px 0px 0px;margin:0px;}
		#col-b h5{margin:0px;color:#66b8dc; font-size:25px;font-weight:normal;padding-right:5px;}
		#col-b ul.estudes li,#col-b ol.estudes li{background:none;padding-left:0px;}
		
#noticies{width:719px;margin:20px auto;list-style:none;}
	#col-b #noticies li{clear:both;padding-bottom:20px;background:none;}
		#noticies li div.txtNoticia{float:left;width:600px;}
		ul#noticies{margin-left:0px;}
			#noticies li h5 {font-size:25px;font-weight:normal;padding-right:5px;}
			#noticies li .dataNoticia{margin:0px; font-size:0.8em;}
			#noticies li{padding-bottom:15px;}
		#noticies li a.imgNoticia{float:left;margin-right:20px;}
	
	.adjunts{font-size:14px;text-transform:uppercase;text-decoration:underline;color:#66b8dc;padding:0px;margin:0px;font-weight:bold;display:block}
	#col-b .docs{list-style:none;padding:5px 0px 0px 0px;margin:0px 0px 20px 0px;clear:both;float:left;}
	#col-b ul.docs li{margin:0px 0px 0px 0px;background:url(../img/ico_doc.png) no-repeat 0px 2px;padding-left:20px; margin-bottom:0px; line-height:125%;height:18px;padding-top:5px;}
	.docs a:link,.docs a:visited{font-size:11px;}
		#laNoticia .formulari,#laNoticia #okenviat{color:#000;padding:10px 0px 0px 0px;font-size:11px;clear:both;}
		#laNoticia .formulari input{border:1px solid #66b8dc;}
		#laNoticia .formulari a:link,#laNoticia .formulari a:visited{padding:2px 10px 2px 10px;border:1px solid #66b8dc;font-weight:bold;text-decoration:none;}
	
	#ico_opcions{clear:both;padding:10px 0px 10px 0px;}
		#ico_opcions a.print{background:url(../img/ico_print.png) no-repeat;padding:2px 0px 4px 28px;font-size:11px;margin-right:10px;}
		#ico_opcions a.friend{background:url(../img/ico_amic.png) no-repeat;padding:2px 0px 4px 28px;font-size:11px;}

		
/* Showroom */
#col-b #showroom {list-style:none;}		
#col-b #showroom li{background:none;padding-left:0px;display:inline;float:left;margin-bottom:30px;}		
#col-b #showroom li.clear{clear:both;margin-right:75px;}		
#col-b #showroom h4{color:#66b8dc;font-size:11px;font-weight:bold;margin-bottom:5px;}		
#col-b #showroom a.img{float:left;margin-right:15px;}		
#col-b #showroom a.img img{}		
#col-b #showroom div{float:left;font-size:10px;width:200px;}
#col-b #showroom div strong{color:#66b8dc;}
#col-b #showroom div p{color:#000;margin:0px 0px 0px 0px;font-size:10px;}
#col-b #showroom div p.resum{margin:3px 0px 0px 0px;}

#col-b #showroom-fitxa strong{color:#66b8dc;font-size:11px;}
#col-b #showroom-fitxa p{line-height:15px;padding:0px;margin:0px;font-size:11px;}
#col-b #showroom-fitxa a.img{margin:0px 10px 10px 0px;float:left;}
#col-b #showroom-fitxa img{float:left;padding:2px;border:1px solid #66b8dc;}
#col-b h3 {font-size:1.5em;color:#444444;margin-bottom:10px;background-color:#dddddd;padding:5px;}

/* Paginacio */
#paginacio{float:left;}
#paginacio,#paginacio ul{list-style:none;clear:both;}
#paginacio > li{float:left;margin-left:10px;display:inline;}
#paginacio > li > select{height:15px;font-size:10px;width:40px;}
#paginacio > li.numerus {width:580px;text-align:right;}
#paginacio > li.numerus > ul{float:right;}
#paginacio > li.numerus > ul > li{float:left}
#paginacio > li.numerus > ul > li > a{margin-left:5px;padding:3px;width:14px;height:14px;text-decoration:none;display:block;text-align:center;}
#paginacio > li.numerus > ul > li > a.fletxa{padding:0px 5px;font-size:18px;}
#paginacio > li.numerus > ul > li > a.sel:link,#paginacio > li.numerus > ul > li > a.sel:visited,#paginacio > li.numerus > ul > li > a.noSel:Hover{background-color:#8c837b;color:#FFF;border:1px solid #8c837b;}
#paginacio > li.numerus > ul > li > a.noSel:link,#paginacio > li.numerus > ul > li > a.noSel:visited{background-color:#FFF;color:#000;border:1px solid #FFF}
	
.formulari{margin:20px 0px 0px 0px;;width:300px;}
.formulari ul{list-style:none;}
#col-b .formulari ul li{clear:both;padding-top:5px;margin:0px 0px 0px 0px;background:none;padding-left:5px;}
	.formulari label{width:150px;color:#66b8dc;font-size:11px;float:left;}
	.formulari label.lpd{width:270px;margin-left:10px;float:left;}
	.formulari p{margin-top:5px;font-size:11px;}
	.formulari input{width:300px;background:#DEDAD4;color:#000;border:0px;font-size:14px;float:left;clear:both;}
	.formulari input#lopd{width:10px;float:left;}
	.formulari p.error{width:300px;color:#d3000e;text-align:left;float:left;font-style:italic;}
	.formulari textarea{width:300px;background:#DEDAD4;color:#000;border:0px;font-size:12px;height:80px;}
	.formulari .boto{width:70px;border:0px;font-size:9px;color:#66b8dc;height:18px;padding-bottom:3px;cursor:pointer;float:right;}
	
#form_amic input{width:200px;background:#FFF;color:#000;border:1px solid #66b8dc;font-size:12px;float:left;}
#form_amic label,.formulari p{width:100px;color:#66b8dc;font-size:11px;float:left;}
#form_amic .boto{width:70px;background:#DEDAD4;border:0px;font-size:9px;color:#66b8dc;height:18px;padding-bottom:3px;cursor:pointer;float:left;}
#form_amic p.error{width:200px;color:#d3000e;text-align:left;float:left;font-style:italic;font-size:10px;margin-left:0px;}
	
#map_canvas{width:425px;height:350px;}
	
#baix {position:relative; height:95px; background:#707173; border-top:1px solid #bbbdbe;padding:15px;}
#baix a.mail:link,#baix a.mail:visited {color:#000;}
	#baix .dreta{list-style:none;width:275px;color:#66b8dc;float:left;}
		#baix .dreta li{display:inline;}
		#baix .dreta li h4{color:#ffffff;font-size:12px;font-weight:bold;}
	#baix .esquerra{list-style:none;color:#66b8dc;float:right;}
		#baix .esquerra li{text-align:right;}
		#baix .esquerra li.gris{color:#ccc;margin-bottom:12px;}
		#baix .esquerra li.negre{color:#000;}
	#baix .facebook{float:left;}
		#baix .facebook {width:130px;float:left;margin-left:20px;}
		#baix .gm {width:105px;float:left;}
		#baix .facebook img{float:left;}
		#baix .facebook a,#baix .gm a{float:left;padding-left:2px;color:#000;text-align:left;text-decoration:none;}
		#baix .facebook a span,#baix .gm a span{font-size:15px;font-weight:bold;color:#ccc;}
		
#home{list-style:none;padding:0px 20px 0px 20px;font-family:Arial}		
	#home li{display:inline;float:left;}
	#home ul li{clear:both;padding-bottom:25px;display:block;}	

#home #primera{width:230px;}
	#home h2{font-size:28px;height:31px;padding:10px 0px 0px 50px;border:1px solid #FFF}	
	#home #primera h2{margin-bottom:12px;width:180px;font-size:28px;}	
	#home #primera h2 a:hover,#home h2 a:hover{text-decoration:none;}	
	#home h6{font-size:12px;font-weight:bold;color:#000;margin-bottom:3px;}	
	#home ul li p{width:230px;}	
	#home ul li a.img{float:left;margin: 0px 10px 10px 0px}	
	#home ul li a.img img{border:1px solid #66b8dc;padding:2px;}	
	#home ul li div{float:left;width:140px}	
	#home ul li div.descr a:link,#home ul li div.descr a:visited,#home h3{color:#000;font-size:11px;font-weight:bold;text-transform:uppercase;text-decoration:none;}	
	#home ul li div.descr p{width:155px;}	
	#home ul li p{color:#AAA;font-size:10px;font-weight:normal;}	

		.estudis{background:url(../img/ico_estudis.png) no-repeat;}
		.showroom{background:url(../img/ico_showroom.png) no-repeat;}
		.news{background:url(../img/ico_noticies.png) no-repeat;}
#home #segona{width:400px;margin-left:20px;}		
#home #segona h3{margin-top:10px;}		
			
#home #tercera{width:230px;padding-top:53px;margin-left:20px;}	
	#tercera ul{list-style:none;}	
	html #tercera li{height:86px;}  	
	#home #tercera li{margin:0px;padding:0px;clear:both;width:230px;min-height:86px;}		
	#tercera h3{margin-top:10px;}		
	#home #tercera li p{display:block;}		
	
		
		#base{width:220px;}
			
		
/* Recurs */
.cb {clear:both;}
.cb0 {height:0px;clear:both;}
h2.capitalize{text-transform:capitalize;}
.mt10{margin-top:10px;}
.h20{height:20px;}
.bold{font-weight:bold !important;}