/* CSS Document */

/*
Colors: 
Verd fosc (text): 00331C;
Verd clar: #84A883
Marrķ: #512F2C
*/

body {background: #E0F0F2 url(../imatges/fons_body.jpg) bottom repeat-x; color: #00331C; margin:0; padding: 0;}


#capsalera { background:url(../imatges/fons_top.jpg) top repeat-x}

#logo {margin: 10px 0 0px 0px;}

#menus {text-align:right}

#marc {
background:#F5E7C2 url(../imatges/fons_marc.jpg);  
border:20px solid #84A883; border-radius:10px; -moz-border-radius: 10px; -webkit-border-radius:10px; -khtml-border-radius:10px;
padding: 20px 0;
}  

#peu {
background:url(../imatges/fons_peu.jpg) no-repeat bottom right;
height:465px;
width:100%;
color: #3C5255;
}

h1 {line-height:120%}

h1 {
     font-family:Georgia,serif;
     color:#666666;
     font-size:20px;
     line-height:1.2em;
	 font-weight:normal;
}
 
h1 strong{
     color:#D0015B;
     display:block;
     font-size:36px;
     font-weight:normal;
     letter-spacing:-1.5px;
     line-height:1.2em;
}



#peu p {margin-left: 10px; font-size:90%}

#marc {
     font-family:arial;
     font-size:14px;
     font-size-adjust:none;
     font-stretch:normal;
     font-style:normal;
     font-variant:normal;
     font-weight:normal;
     line-height:19px;
     margin-bottom:7px;
}

#marc a {color: #512F2C;  text-decoration:none; border-bottom: 1px dotted #84A883}
#marc a:hover {color: #000; border-bottom: 1px solid #000}

.imatge_dreta {float: right; margin: 1.5em 0 1em 40px}

/*MENUS */

ul#menuidiomes {
margin: 5px 10px 0 0;
text-align:right;
font-size:80%;
}

ul#menuidiomes li {
display: inline;
list-style-type: none;
padding: 0; 
margin:0;
}

ul#menuidiomes  li a {
padding: 0 5px ;
text-decoration:none;
border-right: 1px solid #84A883;
color: #84A883;
}

ul#menuidiomes  li a.ultim {
padding-right: 0 ;
border-right: none;
}

ul#menuidiomes  li a.actual {
color: #00331C;
}

ul#menuidiomes  li a:hover {
background: none;
color: #000;
}



ul#menu_principal {
margin: 55px 0px 0px 0;
padding: 2px;
font-size:90%;
text-align:right;
clear:right;
font-weight:bold;
} 

ul#menu_principal  li {
display: inline;
list-style-type: none;
padding: 0; 
margin:0;
background:url(../imatges/separador_menu.png) left no-repeat;
}

ul#menu_principal  li a {
padding: 5px 15px ;
text-decoration:none;
color: #512F2C;
font-size: 100%;
text-transform: uppercase;
}

ul#menu_principal  li a.ultim {
border-right: none;
}

ul#menu_principal  li a:hover  {
color: #000;
background-color:#fff;
}
ul#menu_principal  li a.actual {
background-color:#84A883;
color: #FFFFFF;
border-top-right-radius:5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius:5px; -khtml-border-top-right-radius:5px;
border-top-left-radius:5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius:5px; -khtml-border-top-left-radius:5px;
}


/*
#marc ul#submenu { margin-left:60px;}

#marc ul#submenu li { display: inline; list-style:none; padding: 0; margin: 0 2px }
#marc ul#submenu li a {padding: 2px 10px; background-color:#FAF5E5; border-bottom: 1px solid #EBE0BB; border-right: 1px solid #EBE0BB; }
#marc ul#submenu li a.actual { color: black; background-color:#fff; }
#marc ul#submenu li a:hover {background-color:#fff; border-bottom: 1px solid #fff; border-right: 1px solid #fff; }
*/

#marc ul#submenu { margin-left:60px; }

#marc ul#submenu li { display: inline; list-style:none; padding: 0; margin: 0 2px }
#marc ul#submenu li a {padding: 2px 10px; color: #fff; background-color:#84A883; border-bottom: 1px solid #6A8669; border-right: 1px solid #6A8669; border-top: #9DB99C; border-left: #9DB99C; 
border-radius:2px; -moz-border-radius: 2px; -webkit-border-radius:2px; -khtml-border-radius:2px;
}
#marc ul#submenu li a.actual { color: black; background-color:#fff; border-color: #DCD0AE}
#marc ul#submenu li a:hover {color: #512F2C; background-color:#fff; border-color: #DCD0AE }



ul#llistacampings {
margin: 20px 0 0px 10px;
list-style:none;
}

ul#llistacampings li {display:inline; margin: 0}

#tooltip {
	display:none;
	background:transparent url(../imatges/tooltip/white_arrow.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#333;	
}

#llistacampings img {
	border:0;
	cursor:pointer;
	margin:0;
}





/*lavalamp  menu principal *************************************/

  
       .lavaLampNoImage {
            position: relative;
            height: 20px;
            margin: 10px 0;
            overflow: hidden;
			width:auto;
			float: right;

        }
                .lavaLampNoImage li {
                    float: left;
                }
                    .lavaLampNoImage li.back {
                        border: 1px solid #fff;
                        background-color: #ECF6F7;
                        width: 9px;
                        height: 20px;
                        z-index: 8;
                        position: absolute;
                    }
                    .lavaLampNoImage li a {
                        text-decoration: none;
                        outline: none;
                        text-align: center;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
						top: 2px;
                        height: 20px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 10px;
                    }
                        .lavaLampNoImage li a:hover, .lavaLampNoImage li a:active, .lavaLampNoImage li a:visited {
                            border: none;
                        }        


/* fitxes camping */

ul.fitxa_camping {
list-style:none;
margin: 10px 0 20px 0;
font-size:85%;
background-color:#84A883;
padding: 10px 5px 8px;
text-align:center;
border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius:5px; -khtml-border-radius:5px;


}
ul.fitxa_camping li {
display: inline;
padding: 8px 0 8px 32px;
margin: 10px 8px;
background-position:left top;
background-repeat:no-repeat;
color: #FFFFFF;
}

.info_camping {background: url(../imatges/icones/informacio.png) top left no-repeat; padding: 10px 0 10px 35px; font-size:90%}

.fitxa_descripcio { 
border: 2px solid  #fff;
background-color: #FAF5E5;
border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius:5px; -khtml-border-radius:5px;
padding: 15px 20px;
color: black;
}

.fitxa_descripcio img {float:left; margin: 0 10px 10px 0; border: 2px solid #ccc; }

.fitxa_serveis {padding-top: 10px}

/*galeria fotos fitxa cāmping */

#galeria {margin: 40px 0}
#galeria li {
	list-style:none;
	display:block;
	width:120px;
	height:60px;
	float:left;
	margin:5px;
	padding:0;
	text-indent:-9999px;

}

#galeria li a {
border:2px solid #fff;

display:block;
width:100%;
height:100%;
border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius:5px; -khtml-border-radius:5px;


}

/* Llistat pdfs */

ul.pdfs_llistat {margin: 0; padding: 0;}
ul.pdfs_llistat li {list-style:none; padding: 1em 1em 1em 55px; margin: .5em 0; background:url(../imatges/icones/pdf.png) 5px 15px no-repeat;
border: 2px solid  #fff;
background-color: #FAF5E5;
border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius:5px; -khtml-border-radius:5px;
color: black;
}


.pdfs_notes {font-size: 80%; color: #666}