body {margin:0px; width:100%; background: url(/18/imatges/fons.jpg) fixed center;font-family:'Trebuchet MS', arial;}
#menu_superior {margin:0px; height:74px; width:100%; background: url(/18/imatges/fons_menu.jpg) repeat-x;border-bottom:1px #f8fccf solid;}
#menu_superior #menu_sup_contingut{margin:0px auto;width:950px;}
#menu_superior #menu_sup_contingut img{margin:0px auto;border:0px;float:left;}
#menu_superior #menu_sup_contingut ul{margin:0px auto;float:right;position:relative;top:23px;z-index:300;}
#menu_superior #menu_sup_contingut ul li{float:left;list-style-type:none;padding-left:20px;padding-right:20px;text-transform:uppercase;font-weight:bold;z-index:300;}
#menu_superior #menu_sup_contingut ul li a{color:white;text-decoration:none;z-index:300;}
#menu_superior #menu_sup_contingut ul li a:hover{color:#004800;text-decoration:underline;}

#menu_lateral {margin:0px auto; width:950px; border:1px solid transparent;height:275px;}
#menu_lateral #izquierda {margin:0px; width:180px;height:238px; background:url(/18/imatges/fons_menu_ppal.png) no-repeat;margin-top:37px;}
#menu_lateral #izquierda ul{margin:0px; padding:0px;list-style-type:none;position:relative;right:30px;top:40px;}
#menu_lateral #izquierda ul li{margin:0px;padding-bottom:1px;}
#menu_lateral #izquierda ul li img{margin:0px;border:0px;}

#cos {margin:0px auto; width:950px;height:100%;}/*min-height:460px;}*/
#cos #menu_inf {margin:0px;width:180px; float:left;margin-right:20px;}
#cos #menu_inf img {border:0px;padding-top:3px;}
#cos #menu_inf img:hover {border:0px;padding-top:3px;opacity:0.3;filter:alpha(opacity=30);}
#cos #contingut {margin:0px;width:750px; float:left;}
#cos #cos_contingut {margin:0px; min-height:440px;background:url(/18/imatges/contingut_center.png) repeat-y;padding-left:15px;padding-right:15px;float:left;width:100%;}

#pie{margin:0px; height:40px; width:100%; background: url(/18/imatges/fons_menu.jpg) repeat-x;border-top:1px #f8fccf solid;margin-top:20px;float:left;}
#pie p {margin:0px auto;color:white;font-size:11px;text-align:center;}
#pie a {margin:0px auto;color:white;text-decoration:underline;padding-left:10px;padding-right:10px;}
#pie .menu_pie a {margin:0px auto;color:white;text-decoration:none;padding-left:10px;padding-right:10px;text-transform:uppercase;}
#pie a:hover {color:#003000;}

#imatge_intro {width:225px;height:312px;background:url(/18/imatges/fons_imatge_intro.jpg) no-repeat bottom left; float:left;margin-right:15px;}
#imatge_intro img{width:200px;position:relative;top:5px;left:10px;}
#imatge_intro #cimatge{position:relative;top:5px;left:10px;}
#contingut h1 {margin:0px;font-size:20px;}
#contingut .benvingut {margin:0px;padding-top:10px;}
#contingut #texto_intro {margin:0px;font-size:12px;line-height:20px;width:470px;text-align:justify;float:left;}
.titulo {margin-top:20px;width:450px;background:url(/18/imatges/fons_h1.gif) no-repeat left bottom;float:left;height:26px;padding-left:20px;}

.serveis {margin:0px;width:48%;height:100%;float:left;margin-right:10px;margin-top:10px;}
.serveis p{margin:0px;font-size:12px;}
.serveis h1{margin:0px;font-size:16px;}
.serveis h3{margin-bottom:10px;}
.serveis .imatge_serveis {width:180px;height:180px; no-repeat bottom left; float:left;margin-right:5px;margin-bottom:-40px;margin-right:-35px;}
.serveis .imatge_serveis img{width:110px;position:relative;top:15px;left:13px;}

#mapa{float:left;padding-top:20px;width:100%;height:100%;}

.texto_coles {margin:0px;font-size:12px;line-height:20px;width:460px;margin-left:240px;text-align:justify;padding-top:20px;}
#texto_coles p {padding-right:40px;}
#imatge_coles {width:225px;height:212px;background:url(/18/imatges/fons_imatge_intro.jpg) no-repeat bottom left; float:left;margin-right:15px;}
#imatge_coles img {width:200px;position:absolute;top:10px;left:15px;}

.informacion {font-size:12px;padding-top:15px;}

.submenu {background:url(/18/imatges/fons_submenu.png) no-repeat;position:relative;display:none;z-index:300;width:200px;height:160px;overflow:none;top:-526px;left:164px;margin:0px;border:0px;padding:0px;}
.submenu ul{width:100%;height:100%;list-style-type:none;margin:0px;border:0px;padding:0px;padding-top:6px;}
.submenu img{margin:0px;border:0px;padding:0px;}
.submenu li{padding:3px; padding-left:20px; font-size:11px; line-height:10px;font-weight:600;}
.submenu li a{color:white;text-decoration:none;}
.submenu li a:hover{text-decoration:underline;}

#gaudi {width:730px;}
#gaudi p{margin:0px;font-size:12px;padding-top:15px;}
#gaudi img{margin:0px;padding:0px;border:0px;margin-left:10px;margin-bottom:10px;}
#gaudi img:hover {opacity:0.4;filter:alpha(opacity=40);}

#dades_contacta{width:300px;float:left;padding-right:20px;font-size:12px;}
#formulari{width:400px;float:left;font-size:12px;}
#formulari p{margin:0px;padding-top:10px;}
#formulari input,
#formulari textarea {margin:0px;width:90%;}
#formulari font {color:red;}
#formulari .boton {width:100px;font-size:12px;}

#header_flash{position:relative;top:-320px;left:220px;width:750px;height:350px;}
#banderas {margin:0px auto;width:180px;text-align:center;padding-top:10px;}
#banderas img{margin-left:5px;padding-right:5px;}
#banderas img:hover{filter:alpha(opacity=20);opacity:0.2;}
.seleccionado {filter:alpha(opacity=20);opacity:0.2;}

#links {width:48%;float:left;height:80px;padding-top:15px;}
#links img {width:100px;float:left;margin-right:10px;}
#links h2 {margin:0px;font-size:14px;}
#links a {color:#E00028;font-size:12px;text-decoration:none;}
#links a:hover {text-decoration:underline;}

#noticies {height:150px; width:700px;padding-top:20px; margin:0 auto;}
#noticies #noticia{height:150px;width:340px;float:left;background-image:url(/18/imatges/fons_noticia.png);margin-left:5px;margin-right:5px;}
#noticies h1 {float:left; color:#DF001F;width:100%; font-size:16px;padding-left:10px;padding-top:10px;margin:0px;}
#noticies img{float:left; width:30%;padding-left:10px;padding-top:5px;}
#noticies p {float:left;width:58%;text-align:justify;font-size:10px;padding-left:10px;padding-right:5px;}
#noticies a {float:left;width:58%;text-align:justify;font-size:10px;padding-left:10px;padding-right:5px;}


#noticia_sec {margin:0px; width:700px;min-height:155px;padding:10px;margin-top:30px;background: url(/18/imatges/fons_notis.jpg) no-repeat top right;}
#noticia_sec #frame{margin:0px; width:160px;height:160px;background:url(/18/imatges/fons_imatge_intro.jpg) no-repeat bottom left;float:left;margin-right:10px;}
#noticia_sec img {margin:0px;padding-left:13px;padding-top:5px;}
#noticia_sec h1 {margin:0px; font-size:18px;float:left;width:520px;}
#noticia_sec p {margin:0px; font-size:12px;float:left;width:520px;}
#noticia_sec .fecha {color:silver;font-size:11px;margin:0px;padding-bottom:10px;}

#imatge_nens {width:225px;height:312px;background:url(/18/imatges/fons_imatge_intro.jpg) no-repeat bottom left; float:left;margin-right:15px;}
#imatge_nens img{position:relative;top:5px;left:10px;border:0px;}