/* ESTILS RESET NAVEGADORS */ 
html { 
	color:#0D202F; 
	background:#FFF; 
}
body {
	font-family:Verdana, sans-serif; 
	font-size: 66.7%; 
	text-align:center;
	/* color: #Od202f; */ 
	background-color:#fff;
	background-image:url(imatges/fons_body.jpg);
	background-repeat: repeat-x; 
	line-height: 1.4em; 
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,blockquote,th,td { 
	margin:0; 
	padding:0; 
}
p {
	padding:0px;
	margin:0 0 10px 0;
} 
table{
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
} 
fieldset,img {
	border:0;
} 
address,caption,cite,code,dfn,th,var {
	font-style:normal; 
	font-weight:normal; 
}
li {
	list-style:none; 
} 
caption,th {
	text-align:left; 
} 
h1,h2,h3,h4,h5,h6 {
	font-family:Verdana; 
	font-size:1em; 
	font-weight:normal; 
} 
abbr,acronym { 
border:0; 
font-variant:normal; 
} 
sup { 
vertical-align:text-top; 
} 
sub { 
vertical-align:text-bottom; 
} 
input,textarea,select{ 
font-family:Verdana; 
font-size:inherit; 
font-weight:inherit; 
} 
input,textarea,select{ 
font-size:1em; 
} 
legend{ 
color:#000; 
}
 
/* AFEGITS */ 
a { 
text-decoration:none; 
color: #2F8DEA;
} 
a:hover{ 
text-decoration:underline; 
} 
/* FI ESTILS RESET NAVEGADORS */ 


.zona{ 
width:960px; 
margin:0 auto; 
text-align:center; 
color:#0D202F;
background:#F0F0F0; 
}
.imatge_cap{
width:940px;
height:88px;
border:1px solid #BCD5E9;
margin:4px auto 0px auto;
text-align:left;
overflow:hidden;
}
.imatge_cap span{
color:#fff;
font-size:4em;
margin:52px 0 0 25px;
float:left;
line-height:50px;
}
.pagina ul{ 
margin:0 0 10px 0; 
} 
.pagina li{ 
background: url(img/menys.gif) no-repeat scroll 0px 6px; 
padding:0 0 0 14px; 
} 
.pagina ol{
padding:0 0 0 22px;
list-style-type:decimal;
font-size: 100%;
}
.pagina ol li{ 
list-style-type:decimal;
padding:0px;
background:transparent;
}



/*BARRETINA*/
.barretina {
background-color:#fff;
background-image:url(imatges/fons_barretina.jpg);
background-repeat: repeat-x;
background-position:bottom left;
width:940px; 
min-height:101px; 
height:auto !important; 
height:101px; 
margin:0 auto;
}
.barretina h1 { 
width:212px; 
height:65px; 
background: transparent url(imatges/logo_salou.gif) no-repeat top left; 
margin: 17px 0 0 22px;
padding:0; 
float:left; 
display:inline; 
}
.barretina h1 span { 
display: none;
}
.barretina h1 a{
width:212px; 
height:65px;
display:block;
}
.barretina ul{ 
float:right; 
display:inline; 
} 
.barretina ul.menu_navegacio li a{ 
font-size:0.875em; 
} 
.barretina ul.menu_transeveral li a,.barretina ul.menu_transeveral li span{ 
font-size:0.9em; 
}
.barretina ul.menu_transversal{ 
clear:right; 
margin:26px 10px 0 0;
width:650px;
} 
.barretina ul.menu_navegacio{ 
margin:8px 230px 0 0; 
}
.barretina ul li{ 
float:left;
}
.barretina ul.menu_transversal li{
float:right;
} 
.barretina ul li a{ 
border-right:1px solid #B9D4E7; 
padding:0 8px; 
} 
.barretina ul.menu_transversal li a,.barretina ul.menu_transversal li span{
background-repeat:no-repeat;
background-position:top center;
padding:26px 10px 0 11px;
display:block;
}
.li_agenda{
background-image:url(imatges/logo_agenda.gif);
}
.li_noticies{
background-image:url(imatges/logo_noticies.gif);
}
.li_planol{
background-image:url(imatges/logo_planol.gif);
}
.li_tramits{
background-image:url(imatges/logo_tramits.gif);
}
.li_directori{
background-image:url(imatges/logo_directori.gif);
}
.li_contacte{
background-image:url(imatges/logo_contacte.gif);
}
.barretina ul li a.li_webcam,.li_webcam{
background-image:url(imatges/logo_webcam.gif);
border:0px;
}
.barretina ul li a.li_temperatura, span.li_temperatura{
background-image:url(imatges/logo_temperatura.gif);
border:0px;
} 
/*FI BARRETINA*/





.menu_transversal a.marcat,.menu_principal ul li a.marcat {
color:#FCCF8F;
}
/*MENU PRINCIPAL*/
.menu_principal{
	width:940px;
	min-height:35px; 
	height:auto !important; 
	height:35px; 
	margin:0 9px;
	_margin:0 0 0 5px;
	background: #3399FF url(imatges/fons_lippal.jpg); repeat-x bottom left;
	border:1px solid #BCD5E9;
	border-width:1px 1px 0 1px;
	text-align:left;
	float:left;
}
.menu_principal ul { 
width:940px;
float:left; 
} 
.menu_principal ul li { 
float:left;
width:16.6%;
} 

.menu_principal ul li a { 
font-weight:bold; 
font-size:1.4em; 
display:block; 
padding:10px 0 10px 0; 
margin:0 auto; 
text-align:center; 
border: 1px #43A1FF solid; 
border-width: 0 0 0 1px; 
color:#fff;
}
.menu_principal ul li ul { 
position:absolute;
min-width:160px; 
width:auto!important; 
width:139px;
display:flat;
}
.menu_principal ul li ul li { 
float:none;  
width:139px; 
display:inline;
} 
.menu_principal ul li ul li a {
width:140px;
float:left;
clear:both;
background-color:#CAE3FD;
background-image:url(imatges/fletxa_blau.gif);
background-repeat: no-repeat;
background-position:10px 8px; 
border: 0px; 
padding:6px 20px 4px 26px;
font-size:1em; 
margin:0; 
text-align:left; 
text-transform:none; 
color:#2F8DEA; 
font-weight:normal;
}
.menu_principal ul li:hover ul, .menu_principal ul li.over ul{ 
display: block; 
} 
.menu_principal ul li.menu_no_visible a{
	color:#ff0000;
	background-image:url(imatges/fletxa_vermell.gif);
	background-repeat: no-repeat;
}

/*FI MENU PRINCIPAL*/



/*MENU LATERAL*/
.menu_lateral{
float:left;
width:24%;
margin:15px 20px 20px 0;
text-align:left;
}
.menu_lateral li{
padding:0 0 0px 12px;
color:#1C5085;
font-size:1.1em;
font-weight:bold;
}
.menu_lateral li ul{
margin:6px 0 0 0;
}
.menu_lateral li ul li{
background-image:url(imatges/fletxa_blau.gif);
background-repeat: no-repeat;
background-position:0 8px; 
padding:4px 0 4px 20px;
font-size:0.9em;
font-weight:normal;
}
.menu_lateral li ul li ul li{
background-image:url(imatges/fletxa_gris.gif);
}
.menu_lateral li ul li a{
}
.menu_lateral li ul li.marcat a{
color:#000;
}
.menu_lateral li ul li.menu_no_visible{
background-image:url(imatges/fletxa_vermell.gif);
}
.menu_lateral li.menu_no_visible>a{
color:#ff0000;
}
/*FI MENU LATERAL*/



/*FIL D'ARIADNA*/
.fil_ariadna { 
float: left; 
width: 100%; 
} 
.fil_ariadna ul { 
list-style:none; 
background: none; 
margin: 0; 
padding: 0; 
display:inline;
} 
.fil_ariadna ul ul { 
background: transparent url(imatges/gt_ariadna.gif) no-repeat 6px center; 
padding-left: 16px; 
} 
.fil_ariadna li { 
list-style: none; 
background: none; 
display:inline; 
margin:0px; 
padding:0px; 
color: #666666; 
} 
/*FI FIL D'ARIADNA*/




/*MENU PEU*/
.menu_peu{
float:right;
}
.menu_peu li{
float:left;
border-left:1px solid #B9D4E7;
padding:0 8px;  
}
.menu_peu li.primer{
border:0px;
}
/*FI MENU PEU */



h2{
color:#1C5085;
font-size:2.1em;
margin:16px 0;
float:left;
line-height:normal;
}
h3{
color:#1C5085;
font-weight:bold;
font-size:1.3em;
margin:0 0 8px 0;
width:100%;
line-height:normal;
}
.data{
color:#1C5085;
margin:4px 0 8px 0;
display:block;
}
h3.linia{
border-bottom:1px solid #BCD5E9;
padding:0 0 4px 0;
}
h2 span.logo,h3 span.logo{
background-repeat:no-repeat;
padding:4px 0 4px 36px;
display:block;
}
h2 span.logo{
background-position:0 6px;
padding:4px 0 0 36px;
}
h4{
color:#1C5085;
font-weight:bold;
font-size:1.1em;
margin:0 0 8px 0;
width:100%;
line-height:normal;
border-bottom:1px solid #BCD5E9;
padding:0 0 4px 0;
}
img.extern{
padding:0  0 0 4px;
display:inline;
}                 
.mes_info{
width:100%;
margin:4px 0 8px 0;
display:block; 
clear:both;
}
.contingut_list{
}
ul.sense li{
background:transparent;
padding:0px;
}
.contingut_list li p{
margin:0px;
}
.contingut_list li {
	background-image:url(imatges/fletxa_llista.gif);
	background-repeat:no-repeat;
	background-position:2px 2px;
	padding:0 0 0 15px;
	margin:0 0 14px 0;
	clear:both;
}
.contingut_list li.te_imatge{
background:transparent;
padding:0;
float:left;
width:100%;
}
.contingut_list li.te_imatge div.te1{
float:left;
width:100px;
margin:0 4px 0px 0;
}
.contingut_list li.te_imatge div.te1 img{
border:1px solid #BCD5E9;
}
.contingut_list li.te_imatge div.te2{
float:left;
width:200px;
background-image:url(imatges/fletxa_llista.gif);
background-repeat:no-repeat;
background-position:2px 4px;
padding:0 0 0 15px;
}
.col_100 ul.contingut_list li.te_imatge div.te2{
float:left;
width:77%;
background-image:url(imatges/fletxa_llista.gif);
background-repeat:no-repeat;
background-position:2px 4px;
padding:0 0 0 15px;
}
li.col_100,li.col_50{
background: none; 
padding:0; 
}
.col_50 ul.contingut_list li.te_imatge div.te2{
float:left;
width:127px;
background-image:url(imatges/fletxa_llista.gif);
background-repeat:no-repeat;
background-position:2px 4px;
padding:0 0 0 15px;
}
.col_33{
float:left;
width:152px;
}
.contingut_list li.te_imatge div.te2b{
float:left;
background-image:url(imatges/fletxa_llista.gif);
background-repeat:no-repeat;
background-position:2px 4px;
padding:0 0 0 15px;
}

.directori li{
background-position:2px 14px;
border-top:1px solid #F0F0F0;
padding:10px 0 0 14px;
}
.directori li.primer{
border:0px;
padding:0 0 0 14px;
background-position:2px 4px;
}


.col_100 div.te2b{
width:76%;
}
.col_50 div.te2b{
width:52%;
}
.contingut_list li.te_imatge a{
/*display:block;*/
}
.contingut{
	width:940px; 
	margin:4px 10px;
	display:inline;
	float:left;
}
.col_central_home{
width:707px;
float:left;
margin:0 3px 0 0;
text-align:left;
}
.col_dreta_home{
width:24.2%;
float:left;
}
.col_home{
float:left;
width:49%;
margin:6px 0 0 0;
}
.col_central{
width:79%;
background:#fff;
border:1px solid #BCD5E9;
float:left;
display:block;
min-height:500px; 
height:auto !important; 
height:500px;
margin:0 5px 0 0;
}
.col_dreta{
width:20%;
float:left;
}
.col_blanca{
text-align:left;
background:#fff;
border:1px solid #BCD5E9;
float:left;
display:block;
width:100%;
margin:0 0 6px 0;
}
.col_blanca h3{
font-size:1.1em;
}
.col_blanca h3.home{
font-size:1.5em;
margin:0 0 18px 0;
}
.col_espai{
margin:12px 14px 12px 10px;
}
.tronja_inv{
background-image:url(imatges/fons_tronja_inv.png);
background-repeat: repeat-x;
background-position:bottom left;
}
.tronja{
background-image:url(imatges/fons_tronja.png);
background-repeat: repeat-x;
background-position:top left; 
}
.tronja a.mes_info{
margin:12px 0 8px 0;
}
.tronja h3,.tronja_inv h3{
color:#FFAB33;
margin:0 0 12px 0;
}
.tronja li,.tronja_inv li{
background-image:url(imatges/fletxa_tronja.gif);
padding:0 0 0 20px;
margin:0 0 4px 0;
}

/**
 * Gris
 */
.gris{
background-image:url(imatges/fons_gris.jpg);
background-repeat: repeat-x;
background-position:top left; 
}
.gris li{
background-image:url(imatges/fletxa_blau.gif);
padding:0 0 0 20px;
margin:0 0 4px 0;
}

/**
 * Vermell
 */
.vermell {
	background-image:url(imatges/fons_vermell.png);
	background-repeat: repeat-x;
	background-position:top left; 
}
.vermell li {
	background-image:url(imatges/fletxa_vermell.gif);
	padding:0 0 0 20px;
	margin:0 0 4px 0;
}
.vermell h3.home {
	color: #f00;
}



.pagina{
float:left;
width:71%;
margin:15px 0 0 0;
text-align:left;
}
.peu{
padding:12px 0;
margin:0 auto;
width:940px;
background:#F0F0F0;
clear:both;
text-align:left;
}
.col_100{
width:100%;
float:left;
}
.col_50{
width:47.33%;
float:left;
}
.col_imatge{
width:170px;
float:left;
margin:3px 15px 12px 0; 
}
.col_imatge_text{
width:328px;
float:left;
}

.espai_dret{
margin-right:28px;
}
.espai_dret_home{
margin-right:8px;
}
.espai_inferior{
margin-bottom:12px;
}
.espai_inferior_gran{
margin-bottom:24px;
}
.espai_superior{
margin-top:32px;
}
.col_quasi_100{
float:left;
width:66%;
}
.col_quasi_40{
float:left;
width:57%;
}
.imatge{
float:left;
margin:0 8px 0 0;
border:1px solid #BCD5E9;
}
.bora_superior{
border-top:1px solid #BCD5E9;
padding:12px 0 0 0;
}
.destacats h3{
font-size:1.5em;
margin:0 0 12px 0; 
}
.destacats li{
margin:0 0 12px 0;
}
.destacats li p{
margin:0;
}
.destacats img{
margin:4px 0 0 0;
}
.cercador{
}
.cercador label{
margin:3px 0 2px 0;
float:left;
width:100%;
}
.cercador input, select{
width:97%;
}
.cercador div.cerca{
text-align:right;
}
.cercador div.cerca input{
width:auto;
margin:10px 0 0 0;
}



/**********CALENDARI*********/
.calendari{
width:189px;
text-align:center;
display:block;
float:left;
margin:0 0 6px;
background:#B6D2E6;
}
.calendari td.calendari_cap{
color:#fff;
background:#57AAE6;
width:auto; 
padding:0;
}
.calendari table.calendari{
margin:0px;
border-collapse:separate;
border-spacing:3px;
}
.calendari th, .calendari td{
text-align:center;
padding:3px 0;	
width:24px;
}
.calendari_th{
color:#fff;
background:#57AAE6;
}
.calendari_dia{
color:#000;
background:#fff;
}
.calendari_dia_buit{
background:#B6D2E6;
}
.calendari_marcat{
color:#000;
background:#E0F1FC;
}
.calendari_avui{
color:#000;
background:#fff;
border:1px solid #000;
}
/**********CALENDARI*********/


.criteris_cerca{
margin:0 0 25px 0;
padding:15px;
border:1px solid #BCD5E9;
}
.criteris_cerca ul{
margin:0px;
}
.criteris_cerca ul li{
background:transparent;
padding:0;
}
/***************************************/
ul.mapa_web{
}
ul.mapa_web li{
background:transparent;
margin:0 0 15px 0;
}
ul.mapa_web li li{
margin:0;
padding: 0 0 0 18px;
}

ul.mapa_web li a{
font-weight:bold;
margin-top:15px;
text-transform:uppercase;
}
ul.mapa_web li li a{
font-weight:normal;
text-transform:none;
}
/****************************************/
.ordenances{
}
.ordenances li{
background:none;
padding:0;
}
.temps li{
margin:0 0 5px 0;
}
.ordenances li ul li{
padding:0 0 0 14px;
}
.ordenances ul ul {
margin:0 0 10px 8px;
border-left:1px solid #ccc;
}

/*****************SUBED. FORMULARIS************************/
.formulari{
width:100%;
float:left;
margin-bottom:28px;
}
.formulari dt{
margin-bottom:14px;
text-align:right;
float:left;
width:30%;
margin:0 0 8px;
}
.formulari a h3{
border:0px;
}
.formulari span{
float:left;
width:100%;
margin:0 0 8px;
}
.formulari dd input, .formulari dd select{
width:230px;
}
.formulari dd textarea{
width:230px;
height:80px;
}
.formulari dd{
margin-bottom:14px;
padding-left:14px;
float:left;
width:60%;
margin:0 0 8px;
}
div.formulari div{
float:left;
width:100%;
margin:0 0 8px;
}
.formulari div input{
width:80px;
}
.cercador_global {
float:left;
display: inline;
width: 160px;
float:right;
margin:3px 8px 0 0;
text-align:left;
}
.cercador_global span {
float: left;
}
.cercador_global span input {
width:125px;
height:1.6em
}
.cercador_global .boto_cerca {
float:left;
margin:4px 0 0 5px;
display:inline
}

.paginador{
float: left;
width:100%;
margin-bottom:12px 0;
}
.paginador a{
display:block;
padding:0px 4px;
float:left;
margin:0 4px;
border:1px solid;
}
.paginador a:hover{
background:#F0F0F0;
}
.paginador a b{
color:#0D202F;
}

img.icona {
	display:block;
	float:left;
	margin:0 9px 8px 0;
}



/*
 * Scroll
 */
.scroll {
	position:relative;
	height:1.9em;
	width:100%;
	display:block;
	overflow:hidden;
}
.scroll ul {
	position:absolute;
	white-space:nowrap;
	display:block;
}
.scroll ul li {
	display:inline;
	white-space:nowrap;
	background: none;
	padding:0;
}
.scroll ul li img {
	margin-left:20px;
}


.flashAvisos {
	margin-bottom:0;
	background-image:url(imatges/fons_vermell_curt.png);
	display:inline;
}
div.flashAvisos h3.home {
	float:left; 
	width:auto;
	margin:0;
	padding: 0 0 11px;
}
.flashAvisos .dreta {
	width:88%;
	float:right;
	margin-top: 3px;
}

