@charset "utf-8";
/* CSS Document */
body{
	margin:0;
	padding:0;
	font-family:verdana;
	font-size:10px;
	/*background:url(../images/fons/body.gif);*/
}
div {
	position:relative;
}
blockquote{
	margin:0 0 0 10px;
	padding:0;
}
h1{
	position:absolute;
	visibility:hidden;
}
h2 {
	font-family:Arial;
	font-size:18px;
	text-shadow:0 1px 0 silver;
	font-weight:normal;
	color:#75714A;
	margin:0 0 10px 0;
	padding:0;
	border-bottom:solid 2px #CBD8BC;
}
img {
	border:0;
}
p{
    margin:10px 0;
    padding:0;
}
a:link, a:visited{
    color:#4C7EDD;
    text-decoration: none;
}
a:hover{
    text-decoration: underline;
}
#principal {
	width:950px;/* 980-30 del padding  */
	left:50%;
	margin-left:-490px;
	background:url(../images/fons/pagina.png);
	padding:0 15px;
}
#usuarioConectado{
	position:absolute;
	width:250px;
	float:left;
	background:url(../images/icones/user.png) no-repeat left;
	padding:0 0 0 20px;
	margin:4px 0 0 0;
	line-height:16px;
	z-index:10;
}
#usuarioConectado em{
	color:silver;
}
#usuarioConectado span{
	color:black;
}
/*--------------------- PEU -----------------------*/
#peu{
	width:980px;
	min-height:25px;
	left:50%;
	margin:0 0 10px -490px;
	background:url(../images/fons/peu.png) top center no-repeat;
	color:#DA853E;
}
#peu a:link, #peu a:visited {
	text-decoration:none;
	color:#DA853E;
}
#peu a:hover{
	color:#834F28;
}
#copyright{
	position:fixed;
	width:300px;
	padding:15px;
	top:220px;
	left:50%;
	margin:10px 0 0 -150px;
	border:outset 4px #955242;
	-moz-border-radius: 10px;  
	-ms-border-radius: 10px;  
	-webkit-border-radius: 10px; 
	background:#FFF9EC;
	color:#955242;
	z-index:250;
}
#copyright h3{
	margin:5px;
	padding:0;
}
#tancar{
	position:relative;
	margin-left:285px;
	cursor:pointer;
	z-index:251;
}
/*--------------------- CAPSALERA -----------------------*/
#capsalera{
	width:100%;
}
#menuSuperior{
	text-align:right;
	display:block;
	height:25px;
	color:#DA853E;
}
#menuSuperior ul{
	margin:0;
	padding:8px 0;
	list-style-type:none;
	float:right;
}
#menuSuperior ul li{
	float:left;
	margin:0;
	padding:0;
}
#menuSuperior a:link, #menuSuperior a:visited {
	text-decoration:none;
	color:#DA853E;
}
#menuSuperior a:hover{
	color:#834F28;
}
#animacio img{
	border:0;
}
#intro{
position:relative;
display:block;
height:193px;
overflow:hidden;
}

#introspacer
{
position:absolute;
}
/*--------------------- MENU -----------------------*/
#menuPrincipal{
	width:950px;
	position:absolute;
	z-index:10;
		padding-top:5px;
}
#menuPrincipal ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:100%;
}
#menuPrincipal ul li{
	float:left;
	margin:0;
	text-align:center;
}
#menuPrincipal ul li div{
	padding:10px 0 0 0;
	width:132px;
	height:25px;/* 35-10 de padding */
	color:white;
	cursor:pointer;
}
#menuPrincipal .menu1{
	background:url(../images/fons/menu1.jpg) no-repeat;
}
#menuPrincipal .menu2{
	background:url(../images/fons/menu2.jpg) no-repeat;
	margin:0 0 0 4px;
}
#menuPrincipal .menu3{
	background:url(../images/fons/menu3.jpg) no-repeat;
	margin:0 0 0 4px;
}
#menuPrincipal .menu4{
	background:url(../images/fons/menu4.jpg) no-repeat;
	margin:0 0 0 4px;
}
#menuPrincipal .menu5{
	background:url(../images/fons/menu5.jpg) no-repeat;
	margin:0 0 0 4px;
}
#menuPrincipal .menu6{
	background:url(../images/fons/menu6.jpg) no-repeat;
	margin:0 0 0 4px;
}
#menuPrincipal .menu7{
	background:url(../images/fons/menu1.jpg) no-repeat;
	margin:0 0 0 4px;
}
#menuPrincipal .menuSel{
	background:url(../images/fons/menuSel.jpg) no-repeat;
	color:#999999;
}
#menuPrincipal ul li a:link, #menuPrincipal ul li a:visited{
	color:white;
	text-decoration:none;
}
#menuPrincipal ul li a:hover{
	color:silver;
	/*font-weight:bold;*/
}
#menuPrincipal ul li:hover div{
	background-position:bottom;
	/*font-weight:bold;
	color:black;*/
}
/*---------------------- SUBMENU -----------------------*/
#opcions_menu ul{
	width:220px;
	position:absolute;
	display:none;
	margin:0 0 0 4px;	
	padding:8px;
	list-style-type:none;
	top:35px;
	border:solid 1px #2B84B8;
	background:#F2FAFD;
	filter:alpha(opacity=90); /* Para IE */
	-moz-opacity:.90; /* Para Firefox */
	opacity:.90; /* Browsers que soporten CSS3 */
	z-index:50;
}
#opcions_menu ul li{
	width:200px;
	height:auto;
	margin:0;
	padding:5px;
	text-align:left;
	z-index:51;
}
#opcions_menu ul li a:link, #opcions_menu ul li a:visited{
	color:#326D8F;
}
#opcions_menu ul li a:hover{
    text-decoration: underline;
}
#opcions_menu li:hover ul{
	display:block;	
}
#opcions_menu ul.desplegable{
	background:white;
	border:solid 1px silver;
	z-index: 500;
}
#opcions_menu ul li.separador{
	font-weight:bold;
}
/*---------------------- CONTINGUT ----------------------*/
#contingut {
	width:100%;
	margin:0 0 55px 0;
	top:55px;
	overflow:hidden;
}
.titolPortada img.orn{
    position:absolute;
    left:-1px;
    top:0;
}
.titolPortada h2{
	font-family:Verdana;
	font-size:12px;
	font-weight: bold;
	text-shadow:0 1px 0 silver;
	padding:0 0 0 25px;
	line-height: 25px;
}
#descripcio{
	margin:35px 20px;
}
#descripcio p{
    text-align: justify;
}
ul.fotos{
	width:530px;
	list-style-type:none;
	margin:15px 0 0 0;
	padding:0;
	overflow:hidden;
}
ul.fotos li{
	float:left;
	margin:6px;
	background:white;
	border:solid 1px #999999;
	padding:4px 4px 10px 4px;
}
ul.fotos li img{
	border:0;
}
.planificadorBtn_web{
	position:absolute;
	top:65px;
	left:30px;
	width:140px;
	cursor:pointer;
	z-index: 200;
}

.planificador_agregado{
	display:none;
	position:absolute;
	top:65px;
	left:30px;
	width:140px;
	z-index: 200;
}
/*---------------------- LATERALS ----------------------*/
#lateralEsquerre{
	width:195px;
	min-height:200px;
	margin:0 16px 10px 0;
	float:left;
}
#lateralDreta{
	width:195px;
	min-height:200px;
	margin:0 0 0 10px;
	float:right;
}
#central {
	width:530px;
	min-height:200px;
	float:left;
}
#lateralEsquerre .caixa{
	width:100%;
	margin:0 0 20px 0;
	padding:0 0 10px 0;
	/*background:#F3EAE3;*/
	background:#F0F0F0;
	-moz-border-radius-topleft: 10px;  
	-ms-border-radius-topleft: 10px;  
	-webkit-border-radius-topleft: 10px; 
}
#lateralEsquerre .caixa h3{
	width:188px;
	margin:0;
	padding:7px 0 7px 7px;
	/*background:#E4D9C7;*/
	background:#E9E8E2;
	font-family:verdana;
	font-size:12px;
	/*color:#944E39;*/
	color:#999999;
	text-shadow:0 1px 0 #F0F0F0;
	-moz-border-radius-topleft: 10px;  
	-ms-border-radius-topleft: 10px;  
	-webkit-border-radius-topleft: 10px; 
}
#lateralEsquerre .caixa h3 img{
    position:relative;
    top:3px;
}
#lateralEsquerre .caixa ul{
	list-style-type:square;
	margin:10px 0 0 25px;
	padding:0;
}
#lateralEsquerre .caixa ul.menuArea{
	list-style-type:none;
        margin:10px 0 10px 10px;
}
    #lateralEsquerre .caixa ul.menuArea li{
        line-height: 25px;
        padding-left: 25px;
    }
    .areaMenuIni{
        background: url(../images/icones/home.png) no-repeat left center;
    }
   .areaMenuNot{
        background: url(../images/icones/newspaper.png) no-repeat left center;
    }
   .areaMenuDoc{
        background: url(../images/icones/doc.png) no-repeat left center;
    }
   .areaMenuFor{
        background: url(../images/icones/balloons.png) no-repeat left center;
    }
   .areaMenuFix{
        background: url(../images/icones/fixa-asociado.png) no-repeat left center;
    }
   .areaMenuSta{
        background: url(../images/icones/monitor.png) no-repeat left center;
    }
#lateralDreta .caixa{
	width:100%;
	margin:0 0 20px 0;
	padding:0 0 10px 0;
	/*background:#CFE6F4;*/
	background:#F0F0F0;
	-moz-border-radius-topright: 10px;  
	-ms-border-radius-topright: 10px;  
	-webkit-border-radius-topright: 10px; 
}
#lateralDreta .caixa h3{
	width:188px;
	margin:0;
	padding:7px 0 7px 7px;
	/*background:#B6D7EA;*/
	background:#E9E8E2;
	font-family:verdana;
	font-size:12px;
	/*color:#165E75;*/
	color:#999999;
	text-shadow:0 1px 0 #F0F0F0;
	-moz-border-radius-topright: 10px;  
	-ms-border-radius-topright: 10px;  
	-webkit-border-radius-topright: 10px; 
}
#enContacto ul{
    list-style-type: none;
    overflow: hidden;
}
#enContacto ul li{
    float:left;
    margin:0 10px;
}
/*---------------------- PEU EST ----------------------*/
#peu ul{
	margin:0;
	padding:8px 0;
	list-style-type:none;
	overflow: hidden;
}
#peu ul li{
	float:left;
	margin:0;
	padding:0;
}
/*---------------------- CENTRAL ----------------------*/
.secPortada h3{
    font-family:Arial;
    font-size:14px;
    text-shadow:0 1px 0 silver;
    font-weight:normal;
    color:#75714A;
    margin:0 0 10px 0;
    padding:0;
    border-bottom:solid 2px #CBD8BC;
}
.secPortada{
	margin: 15px 0 20px 0;
	padding:0 10px;
	overflow:hidden;
}
.secPortada ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
.secPortada ul li{
	float:left;
	margin:0 0 0 5px;
}
.secPortada div{
    width:164px;
    height: 110px;
}
#central .caixa{
	width:530px;
	background:#E2EADB;
	overflow:hidden;
}
#central .caixa h3{
	width:100%;
	margin:0;
	padding:11px 0 7px 10px;
	background:#CBD8BC;
	font-family:verdana;
	font-size:12px;
	color:#75714A;
	text-shadow:0 1px 0 #F0F0F0;
}
ul.noticies {
	list-style-type:none;
	padding:0;
	margin:10px 0 10px 10px;
}
ul.noticies  li{
	min-height:95px;
}
p.data{
	color:#4C7EDD;
	margin:0;
	padding:0;
}
p.titolar{
	color:#4C7EDD;
	font-weight:bold;
	margin:0;
	padding:0;
	font-size:11px;
}
ul.noticies ul{
        overflow: hidden;
	list-style-type:none;
	margin:0;
	padding:0;
}
ul.noticies ul li{
	float:left;
	width:410px;
}
ul.noticies ul li.imatge{
	width:95px;
}
ul.noticies ul li.imatge img{
	border:solid 1px silver;
}
/*----------------------- SUBMENU LATERAL ---------------------------*/
#lateralEsquerre .menu1, #lateralEsquerre .menu2, #lateralEsquerre .menu3, #lateralEsquerre .menu4, #lateralEsquerre .menu5, #lateralEsquerre .menu6 ,#lateralEsquerre .menu7 ,#lateralEsquerre .planificador {
	margin-top:34px;
	*margin-top:33px;
	padding:0 16px 10px 0;
	-moz-border-radius-bottomleft: 10px;  
	-ms-border-radius-bottomleft: 10px;  
	-webkit-border-radius-bottomleft: 10px; 
}
#contingut .menu1 div.fonsH3, #contingut .menu2 div.fonsH3, #contingut .menu3 div.fonsH3, #contingut .menu4 div.fonsH3, #contingut .menu5 div.fonsH3, #contingut .menu6  div.fonsH3,#contingut .menu7  div.fonsH3{
	height:31px;
	background:black;
	filter:alpha(opacity=12); /* Para IE */
	-moz-opacity:.12; /* Para Firefox */
	opacity:.12; /* Browsers que soporten CSS3 */
	position:absolute;
	top:0;
	width:100%;
	left:0;
}
#contingut .planificador  div.fonsH3{
	height:32px;
	*height:31px;
	background:#CBD8BC;
	position:absolute;
	top:0;
	width:100%;
	left:0;
	-moz-border-radius-topleft: 10px;  
	-ms-border-radius-topleft: 10px;  
	-webkit-border-radius-topleft: 10px; 
}
#contingut .menu1 h3, #contingut .menu2 h3, #contingut .menu3 h3, #contingut .menu4 h3, #contingut .menu5 h3, #contingut .menu6  h3,#contingut .menu7  h3, #contingut .planificador  h3{
	background:none;
	color:black;
	/*filter:alpha(opacity=10); /* Para IE */
	-moz-opacity:.50; /* Para Firefox */
	opacity:.50; /* Browsers que soporten CSS3 */
}
#contingut .menu6  h3{
	color:white;
	text-shadow:none;
}
#contingut .menu1{
	background:#DF9953;
}
#contingut .menu2{
	background:#AE5C44;
}
#contingut .menu3{
	background:#1EA9DD;
}
#contingut .menu4{
	background:#AFBD58;
}
#contingut .menu5{
	background:#E0BF51;
}
#contingut .menu6{
	background:#1D7B9A;
	color:white;
}
#contingut #titulo{
	margin-bottom: 25px;
}
#contingut .planificador{
	background:#E2EADB;
}
#contingut a:link, a:visited{
	color:blue;
	text-decoration:none;
}
#contingut a:hover{
	text-decoration: underline;
}
#contingut #lateralEsquerre .caixa a:link, #contingut #lateralEsquerre .caixa a:visited{
	text-decoration:none;
	color:#575E2C;
}
#contingut #lateralEsquerre .caixa a:hover {	
	/*color:white;*/
        font-weight: bold;
	text-decoration:underline;
}
#contingut #lateralEsquerre .caixa ul.menuArea a:hover{
    color:#165E75;
}

#contingut #lateralEsquerre .menu6 a:link , #contingut #lateralEsquerre  .menu6 a:visited{
	text-decoration:none;
	color:#CFE6F4;
}
#contingut #lateralEsquerre .menu6 a:hover{
	color:white;
}
/*-------------------- BUSCADOR --------------------------*/
#buscador{
	width:450px;
	min-height:125px;
	background:url(../images/fons/buscador.jpg) repeat-x #E2EADB;
	border:outset 2px #D0D9A2;
	-moz-border-radius: 10px;  
	-ms-border-radius: 10px;  
	-webkit-border-radius: 10px; 
	padding: 5px 0 0 0;
	margin:0 0 0 35px;
}
#buscador p{
	color:#4C7EDD;
	padding:5px 0;
	margin:0;
}
#buscador .imagen{
	width:58px;
	height:58px;
	background:url(../images/icones/lupa.png) no-repeat;
	position:absolute;
	left:15px;
	top:20px;
}
#buscador input.boto{
	margin:10px 0;
}
#buscador input.mitja{
	width:250px;
}
#buscador select{
	width:290px;
}
#basico{
	left:100px;
}
#toggleAvanzada{
	color:#4C7EDD;
	cursor:pointer;
	left:98px;
}
#toggleAvanzada img{
	position:relative;
	top:4px;
}
.toggleAvanzada{
	color:#4C7EDD;
	cursor:pointer;
	left:98px;
}
.toggleAvanzada img{
	position:relative;
	top:4px;
}
#avanzada, #servicios_balnearios {
	margin:0;
	padding:0;
}
#avanzada ul, #servicios_balnearios ul{
	width:100%;
	list-style-type:none;
	margin:0 0 0 15px;
	padding:0;
	overflow:hidden;
}
#avanzada ul li, #servicios_balnearios ul li{
	float:left;
	width:140px;
	line-height:20px;
}
#avanzada ul li.curt, #servicios_balnearios ul li.curt{
	width:85px;
}
#avanzada input.precio, #servicios_balnearios input.precio{
	width:35px;
	height:14px;
	font-size:10px;
}
.resultats{
	color:#4C7EDD;
}
.resultats .llistat{
	width:530px;
	margin:15px 0 0 0;
	padding:0;
	list-style-type:none;
	border:solid 1px #FFE0A6;
	overflow:hidden;
}
.resultats .llistat li ul{	
	width:508px;
	margin:0;
	padding:8px;
	list-style-type:none;
	overflow:hidden;
}
.resultats .llistat li ul li{	
	float:left;	
	width:400px;
}
.resultats .llistat li ul li.imatge{	
	width:100px;
}
.resultats ol.llistat{
	list-style-type:decimal;
	padding:0 5px 0 28px;
	margin:5px 0 20px 0;
	width:500px;
	border-left:none;
}
.resultats ol.llistat li{
	padding:10px 5px 10px 10px;
	width:490px;
	border-left:solid 1px #FFE0A6;
}
#contingut .resultats a:link, #contingut .resultats a:visited{
	color:#4C7EDD;
}
#contingut .resultats a:hover{
	color:#AFBD58;
}
p.volver{
	float:left;
	margin:0;
	padding:0;
}
.paginacio{
	float:right;
	width:250px;
	margin:0 0 10px 0;
	padding:0;
	color:#4C7EDD;
}
.paginacio span{
	cursor:pointer;
}
#avisoLogin{
	margin:20px 0;
	color:red;
	text-align:center;
}
#resultatsBusqueda ol{
	color:#A0BA60;
}
.anotacion{
	color:silver;
}
.anotacion em{
	font-weight:bold;
}
.anotacion span{
	font-weight:bold;
	color:#999999;
}
.legendResultados p{
	margin-bottom:0;
}
.legendResultados h3{
	margin:0 5px 0 0;
	padding:0;
	float:left;
	font-size:10px;
	color:#75714A;
}
/*------------------------------ FICHA ------------------*/
#ficha{
	background:#E2EADB;
	overflow:hidden;
	min-height:300px;
}
#ficha ul#pestanyera{
	position:relative;
	margin:0;
	padding:0;
	list-style-type:none;
	width:530px;
	overflow:hidden;
	background:#BFCFAD;
	color:white;
}
#ficha ul#pestanyera li{
	float:left;
	padding:9px 8px 11px 9px;
	text-align:center;
	border-right:solid 1px white;
	cursor:pointer;
}
#ficha ul#pestanyera li.selected{
	background:#E2EADB;
	color:#65644E;
	padding:9px 15px 11px 10px;
}
#ficha .contingutficha {
	display:none;
	padding:10px;
}
#ficha h3 {
	position:absolute;
	visibility:hidden;
}
/*------------------------------ FICHA ------------------*/
.formulariFixa fieldset{
	padding:15px 10px 10px 10px;
	*padding-top:20px;
	margin-bottom:20px;
}
.formulariFixa fieldset p{
	margin:0;
	padding:0;
}
.formulariFixa fieldset input,.formulariFixa fieldset select{
	width:340px;
}
.formulariFixa fieldset input.curt{
	width:50px;
}
.formulariFixa fieldset input.mitja{
	width:100px;
}
.formulariFixa fieldset input.llarga{
	width:200px;
}
.formulariFixa fieldset textarea{
	width:340px;
	margin-bottom:10px;
}
.formulariFixa fieldset textarea.llarg{
	height:200px;
}
.formulariFixa fieldset p label{
	font-size:10px;
	color:#75714A;
	float:left;
	width:100px;
	text-align:right;
	padding:4px 8px 11px 0;
}
.formulariFixa fieldset p br{
	clear:left;
}
#fechas input{
	width:70px;
}
#mensaje em{
    color:#75714A;
}
.codigoIncorrecto{
    position: absolute;
    color:red;
    left:220px;
    top:125px;
}
#registro input.ctrlSpam{
    width:10px;
    border:none;
    background: none;
    font-weight: bold;
}
/*-------------------- CONTINGUT FICHA ------------------*/
#ficha #informacion ul{
	list-style-type:none;
	margin:0;
	padding:0;
	overflow:hidden;
}
#ficha #informacion ul li{
	float:left;
	width:255px;
}
#ficha #informacion ul li.columE{
	float:left;
	width:200px;
}
#ficha #informacion .foto{
	border:solid 1px #CCCCCC;
	padding:10px 10px 5px 9px;
	margin:12px 0;
	width:155px;
	height:155px;
	background:white;
}
#ficha #informacion .foto img{
	border:solid 1px silver;
}
#ficha #informacion ul li.columD{
	width:310px;
}

#ficha #ofertas ul, #ficha #comentarios ul{
	list-style-type:square;
	padding:0 0 0 15px;
}

#ficha #fotos ul{
	list-style-type:none;
	margin:20px 0 0 0;
	padding:0 0 0 15px;
	overflow:hidden;
}
#ficha #fotos ul li{
        position: relative;
	float:left;
	width:125px;
	height:95px;
	margin:0 30px 25px 0;
	background:white;	
	border:solid 1px #999999;
	padding:4px 4px 20px 4px;
	text-align:center;
}
#ficha #fotos ul li img{
	border:solid 1px silver;
}

#ficha #video ul{
	list-style-type:none;
	margin:20px 0 0 0;
	padding:0 0 0 15px;
	overflow:hidden;
}
#ficha #video ul li{
        position: relative;
	float:left;
	margin:0 30px 25px 0;
	padding:4px 4px 20px 4px;
	text-align:center;
        width:205px;
}

#ficha #video{
	text-align:center;
}

#ficha #comentarios .comentario, #ficha #comentarios .comentario ul{
	list-style-type:none;
	overflow:hidden;
}
#ficha #comentarios  ul li{
	margin:0 0 10px 0;
}
#ficha #comentarios .comentario ul li {
	width:180px;
	float:left;
	text-align:right;
	height:22px;
	color:#65644E;
	font-style:italic;
	margin:0;
}
#ficha #comentarios p{
	margin:0;
	padding:0;
}
#ficha #comentarios .comentario ul li p{
	margin:5px 0 0 0;
}

#ficha .stars{
	float:left;
	padding:2px 0;
	margin:0 0 0 10px;
	cursor:pointer;
}
#ficha #calendario ul{
	list-style-type:none;
	width:335px;
	overflow: hidden;
}
#ficha #calendario ul li{
	line-height:20px;
	text-align:left;
	padding:0 35px 35px 0;
	float:left;
}
#ficha #calendario .llegenda{
	width: 16px;
	height:16px;
	background:url(../ical/img/cells.png) 407px 0px;
	border:solid 1px silver;
	float:left;
	margin:0 6px 0 0;
}
#ficha #calendario .llegendaCal{	
	width: 35px;
	height:35px;
	border:solid 1px silver;
	background:url(../ical/img/cells.png) 407px 0px;
	padding:0;
	margin:0;
	cursor:pointer;
}
#ficha #calendario  ul.ulLlegenda{
	width:300px;
	margin-top:20px;
}
#ficha #calendario  ul.ulLlegenda li{
	width:100px;
	padding:0;
}
#ficha #calendario .ocupado{
	background-position: 160px 0px;
}
#ficha #calendario .completo{
	background-position: 81px 0px;
}

#contingut #ficha  #informacion p a:link, #contingut #ficha #informacion p a:visited{
	color:blue;
	text-decoration:underline;
	font-weight:bold;
}
#contingut #ficha #informacion p a:hover{
	color:purple;
}
#contingut #ficha #registrarse {
	margin:25px 0;
	color:#75714A;
}
#contingut #ficha #registrarse a:link, #contingut #ficha #registrarse a:visited{
	font-weight:bold;
	color:#165E75;
}
#contingut #ficha #registrarse a:hover{
	color:#4C7EDD;
}

#ficha ul#servicios{
	width:520px;
	margin:15px 0 0 0;
	padding:0;
	list-style-type:none;
	overflow:hidden;
}
#ficha ul#servicios li{
	float:left;
	width:98px;
	margin:0 5px 5px 0;
	padding:8px 0;
	background:#EEF2EA;
	text-align:center;
	color:#86933C;
	min-height:65px;
}
#ficha ul#servicios.areaPrivada li{	
	background:none;
	cursor:pointer;
}
#ficha ul#servicios.areaPrivada li.servicioSel{	
	background:url(../images/icones/tick.png) no-repeat 75px 6px #EEF2EA;
}
.fixaEsquerre{
	width:250px;
	height:300px;
	float:left;
}
.fixaDreta {
	width:250px;
	float:right;
	border:solid 1px green;
}
/*------------------------------ MAPAWEB ------------------*/
.mapaWeb_top{
    list-style-type:circle;
    color:#8B714A;
}
.mapaWeb_top a:link, .mapaWeb_top a:visited{
    text-decoration: none;
    color: #8B714A;
}
#mapaWeb{
	list-style-type:none;
	padding:5px 0;
        color: white;
}
#mapaWeb li div{
	padding:8px 0 8px 10px;
}
#mapaWeb ul{
	padding-bottom:15px;
	padding-top:5px;
        color:#8B714A;
}
#mapaWeb a:link, #mapaWeb a:visited {
    color:white;
    text-decoration: none;
}
#mapaWeb ul li a:link, #mapaWeb ul li a:visited {
    color:#8B714A;
    text-decoration: none;
}
#mapaWeb ul li a:hover{
    color: black;
}
#mapaWeb a:hover{
    color: black;
}
/*---------------------- BUSCADOR LATERAL ------------------*/
#buscadorLateral ul{
	list-style-type:none;
	padding:10px 10px 0 10px;
	margin:0;
}
#buscadorLateral ul li{
	padding:3px 0;
}
#buscadorLateral ul li input.text{
	width:170px;
}
#buscadorLateral p{
	color:#4C7EDD;
	margin:0;
	padding:0;
}
/*------------------- PLANIFICADOR LATERAL ------------------*/
#planificadorLateral ul{	
	list-style-type:none;
	padding:10px 10px 0 10px;
	margin:0;
}
#planificadorLateral ul li{
	text-align:center;
}
#contingut #planificadorLateral a:link, #contingut #planificadorLateral a:visited{
	text-decoration:underline;
}
#planificadorLateral p.titolar {
	padding:10px 0;
}
#planificadorLateral p.titolar img{
	position:absolute;
	left:40px;
}
#contingut  #planificadorLateral p.titolar a:link, #contingut #planificadorLateral p.titolar a:visited{
	text-decoration:none;
	color:#4C7EDD;
}
#planificadorLateral p.titolar:hover{
	background:white;
	color:#A0BA60;
}
.planificadorBtn_web{
    cursor:pointer;
}
/*---------------------- PUBLICITAT / TEMPS-----------------------*/
#contingut #publicitatLateral ul, #contingut #tempsLateral ul{	
	list-style-type:none;
	padding:10px 10px 0 10px;
	margin:0;
}
#publicitatLateral ul li{	
	margin:0 0 15px 3px;
}
#tempsLateral ul li{
	margin:0 0 0 3px;
}
#tempsLateral p{
	font-size:9px;
	padding:0 0 3px 0;
	margin:0;
}
/*---------------------- LOADING -----------------------*/
#loadingGif, #ajaxGif{
	width:100%;
	height:100%;
	min-width:220px;
	min-height:19px;
	background:url(../images/icones/loading.gif) no-repeat center center;
	top:50px;
	position:absolute;
	z-index:1000;
}

.figasatia {
	color:red;
	background:green;
}
/*---------------------	MINIATURES ----------------------*/
.miniatura1{
	width:85px;
	height:85px;
	background:url(../images/icones/loadThumb.gif) no-repeat center center white;
	border:solid 1px #FFFFFF;
}
.miniaturaNot {
	width:175px;
	height:175px;
	background:url(../images/icones/loadThumb.gif) no-repeat center center white;
	float:left;
	margin:0 15px 20px 0;
}
.miniaturaNot img{
	margin:0 15px 20px 0;
	border:solid 1px silver;
}
div.volver{
	position:absolute;
	right:0;
	top:-25px;
	text-align:right;
}
/*----------------- Area privada servicios actividades --------------------------------*/
#serviciosFons{
	position:absolute;
	width:100%;
	height:325px;
	left:0;
	background:#E2EADB;
	filter:alpha(opacity=80); /* Para IE */
	-moz-opacity:.80; /* Para Firefox */
	opacity:.80; /* Browsers que soporten CSS3 */
	z-index:80;
}
#serviciosOpc{
	z-index:110;
	padding:20px;
	border:outset 2px #D0D9A2;
	background:white;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	-border-radius: 10px;
}
#serviciosOpc label{
    width:65px;
    float:left;
    padding:9px 5px 5px 10px;
}
#serviciosOpc label{
    clear: left;
}
#serviciosOpc input, #serviciosOpc select{
    margin-top: 10px;
}
.serviciosButton{
    padding:4px 5px 4px 5px;
    font-size: 11px;
}
.serveiAssociat{
    list-style-type: none;
    padding:0;
    margin:15px 0 15px 15px;
}
.serveiAssociat li{
    margin:10px 0 ;
}
.serveiAssociat li ul{
    margin:0 0 0 25px;
    padding:0;
}
.serveiAssociat li ul li{
    margin:5px;
}
/*----------------- Area privada videos --------------------------------*/
#videosFons{
	position:absolute;
	width:450px;
	height:325px;
	left:40px;
	background:#E2EADB;
	filter:alpha(opacity=80); /* Para IE */
	-moz-opacity:.80; /* Para Firefox */
	opacity:.80; /* Browsers que soporten CSS3 */
	z-index:80;
}
#videosOpc{
	z-index:100;
	padding:20px;
	border:outset 2px #D0D9A2;
	background:white;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	-border-radius: 10px;
}
#videosOpc input.llarg{
    width:300px;
}
.videoButton{
    padding:4px 5px 4px 20px;
    background: url(../images/icones/film_plus.png) no-repeat 3px 3px #F3F3EF;
    font-size: 11px;
}
/*----------------- Area privada fotos --------------------------------*/
.borrar{
    position:absolute;
    top:3px;
    right:3px;
    background: white;
    cursor: pointer;
    z-index: 91;
}
.uploadButton{
    padding:4px 5px 4px 20px;
    background: url(../images/icones/picture_plus.png) no-repeat 3px 3px #F3F3EF;
    font-size: 11px;
}

/*----------------- Area privada --------------------------------*/
.areaDocumentos{
    list-style-type: none;
}
.areaDocumentos li{
    line-height: 25px;
}
.areaDocumentos li.carpeta{
    padding: 10px;
    margin-bottom:10px;
    background:#F4F8F1;
    width:90%;
}
.areaDocumentos span{
    color:#165E75;
    font-weight: bold;
}
.areaForo{
    list-style-type: none;
}
.areaForo em{
    color:#999999;
    font-style: italic;
}
.areaForo em a:link, .areaForo em a:visited{
    color:#999999;
    text-decoration: none;
}
.areaForo em a:hover{
    text-decoration: underline;
}
.areaForo span{
    color:#165E75;
    font-weight: bold;
}
.areaForo table{
    table-layout: fixed;
    width:95%;
    margin-top: 15px;
    border:solid 1px #75714A;
    -moz-border-radius-topleft: 10px;
    -ms-border-radius-topleft: 10px;
    -webkit-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -ms-border-radius-topright: 10px;
    -webkit-border-radius-topright: 10px;
    background:#F4F8F1;
}
.areaForo table tr th{
    padding: 6px;
    -moz-border-radius-topleft: 10px;
    -ms-border-radius-topleft: 10px;
    -webkit-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -ms-border-radius-topright: 10px;
    -webkit-border-radius-topright: 10px;
}
.areaForo table tr td{
    border-top:solid 1px #75714A;
    padding: 6px;
    background:white;
}
/*------------------------- formulari ------------------------------*/
.formulariForo fieldset{
	padding:0 10px 10px 10px;
	*padding-top:20px;
	margin-bottom:20px;
}
.formulariForo fieldset p{
	margin:0;
	padding:0;
}
.formulariForo fieldset input,.formulariForo fieldset select{
	width:340px;
}
.formulariForo fieldset input.curt{
	width:50px;
}
.formulariForo fieldset input.mitja{
	width:200px;
}
.formulariForo fieldset input.llarga{
	width:200px;
}
.formulariForo fieldset input.checkbox{
    width:10px;
}
.formulariForo fieldset textarea{
	width:340px;
	margin-bottom:10px;
}
.formulariForo fieldset textarea.llarg{
	height:200px;
}
.formulariForo fieldset textarea.mini{
	height:50px;
        width:200px;
}
.formulariForo fieldset p label{
	font-size:10px;
	color:#75714A;
	float:left;
	width:130px;
	text-align:right;
	padding:4px 8px 11px 0;
}
.formulariForo fieldset p br{
	clear:left;
}
#fechas input{
	width:70px;
}
.obligatorio{
    color: red;
}
.saveButton{
    padding:4px 5px 4px 20px;
    background: url(../images/icones/disk.png) no-repeat 3px 3px #F3F3EF;
    font-size: 11px;
}
/*-------------- estadistiques -------------------------*/
.paginacioStat{
    margin: 20px 0 35px 40px;
    padding:10px 0 10px 15px;
    background:#F4F8F1;
    width:80%;
    border-bottom:solid 1px silver;
    -moz-border-radius-topright: 10px;
    -ms-border-radius-topright: 10px;
    -webkit-border-radius-topright: 10px;
    -moz-border-radius-topleft: 10px;
    -ms-border-radius-topleft: 10px;
    -webkit-border-radius-topleft: 10px;
}
.paginaAnys{
    font-family: arial;
    font-size: 16px;
    color:#E8514E;
    padding:0 0 0 20px;
    background:url(../images/icones/calendar_month.png) no-repeat 0 2px #F4F8F1;
}
.paginaAnys a:link, .paginaAnys a:visited{
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    color:#75714A;
}
.estadistiques{
    width:85%;
    margin: 0 0 35px 40px;
    padding: 0;
}
.estadistiques th{
    padding:10px 0 10px 0;
    background: #F4F8F1;
    color:#75714A;
    border-bottom: solid 1px #CBD8BC;
    font-weight: normal;
    
}
.estadistiques th.mes{
     background: none;
    border-bottom:none;
}
.estadistiques td{
    text-align: center;
    border-bottom: solid 1px #CBD8BC;
    background: #EEF6E7;
    color:#666666;
}
.estadistiques td.mes{
    font-size: 12px;
    font-weight: bold;
    padding:5px 10px 3px 10px;
    width: 100px;
    text-align: right;
    margin:0;
    color:#75714A;
    border-bottom: solid 1px #CBD8BC;
    border-right: solid 1px #CBD8BC;
    background: #F4F8F1;
}
.estadistiques td.mesCurt{
    font-size: 10px;
    font-weight: normal;
    padding:5px 10px 3px 10px;
    width: 40px;
    text-align: right;
    margin:0;
    color:#75714A;
    border-bottom: solid 1px #CBD8BC;
    border-right: solid 1px #CBD8BC;
    background: #F4F8F1;
}
.estadistiques th.left, .estadistiques td.left{
    -moz-border-radius-topleft: 10px;
    -ms-border-radius-topleft: 10px;
    -webkit-border-radius-topleft: 10px;
}
.estadistiques th.right{
    -moz-border-radius-topright: 10px;
    -ms-border-radius-topright: 10px;
    -webkit-border-radius-topright: 10px;
}
.estadistiques em{
    color:silver;
}
.estadistiquesBanner em{
    color:#944E39;
}
.estadistiquesBanner li{
    list-style-type: none;
}
.estadistiquesBanner p.mes{
    font-size: 12px;
    font-weight: bold;
    padding:5px 0 3px 30px;
    margin:0 0 5px -15px;
    width:90%;
    color:#75714A;
    border-bottom: solid 1px #E4D9C7;
    background:url(../images/icones/calendar_month.png) no-repeat 8px 3px ;
}
.ocupacio {
    margin:0;
    width: 100%
}
.ocupacio td{
    height:35px;
}
.ocupacio th{
    width:auto;
}
/*------------------- blog -------------------------*/
#contingut #lateralEsquerre .blog a:link, #contingut #lateralEsquerre .blog a:visited{
    color:#4C7EDD;
}
#contingut #lateralEsquerre .caixa a:hover{
    font-weight: normal;
    text-decoration: underline;
}
#lateralEsquerre .blog ul {
    margin:4px 0 0 19px;
    width:165px;
}
/*------------------- enviar a un amigo -------------------------*/
#amigo{
	position:absolute;
	top:274px;
	left:730px;
	z-index:9;
}
#print{
    cursor:pointer;
}
#printFixa{
    position: absolute;
    right:35px;
    top:5px;
    cursor: pointer;
}
/*------------------- ocupacion -------------------------*/
.formOcupacion ul{
    list-style-type: none;
    margin:0;
    padding:0;
    overflow: hidden;
}
.formOcupacion ul li{
    width:150px;
    float:left;
    margin:0 10px 0 0;
    padding:0;
}
.formOcupacion input{
    width:30px;
}
/*------------------- CATALOGADOR ------------------------------*/
#catalogador fieldset{
    background:#FEFAE8;
    border:solid 1px #F3D475;
}
#catalogador legend{
    color:maroon;
    font-style: italic;
}
#catalogador ul.detalles{
    list-style-type:none;
    width:100%;
    overflow:hidden;
    margin:0;
    padding:0;
}
#catalogador fieldset.detalles{
    margin:0;
    padding:0;
}
#catalogador ul.detalles li{
    width:510px;
    margin:15px 0 15px 5px;
    min-height:50px;
}
#catalogador ul.detalles li h3{
    font-size: 11px;
    color:white;
    padding:10px;
    margin:0;    
}
#catalogador ul.detalles li.entornoNatural h3{
    background: url(../images/fons/menu4.jpg);
}
#catalogador ul.detalles li.entornoCultural h3{
    background: url(../images/fons/menu5.jpg);
}
#catalogador ul.detalles li.gastronomia h3{
    background: url(../images/fons/menu1.jpg);
}
#catalogador ul.detalles li.folklore h3{
    background: url(../images/fons/menu6.jpg);
}
#catalogador ul.detalles li ul{
    list-style-type: none;
    margin:10px 0 0 15px;
    padding:0;
    overflow: hidden;
}
#catalogador ul.detalles li ul li{
    margin:0;
    padding:0;
    min-height:18px;
    float:left;
    width:200px;
}
#catalogador input.checkbox{
    width:10px;
}
#catalogador input.precio{
    width:40px;
}
/*------------------- varios ------------------------------*/
p.aviso{
    color:#EF7125;
    margin:0;
    padding:0;
    line-height: 11px;
    font-size: 10px;
    position: relative;
    top:-6px;
}
.asociados{
    list-style-type: none;
}
.asociados li{
    margin: 0 0 15px 0;
    height:50px;
}
.asociados li img{
    padding: 0 10px 0 0;
    float:left;
}
.favoritosUsuario ul{
    margin-top:0;
}
#lateralEsquerre .caixa #lista_fav ul{
    margin:0 0 10px 5px;
    list-style-type: none;
}
