html, body{
margin:0px;
padding:0px;
width:100%;
height:100%;
background-color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#999999;
}

h1, h2, h3, h4, h5{
display:inline;
font-weight:normal;
margin:0px;
padding:0px;
}

h1{
font-family:Arial, Helvetica, sans-serif;
font-size:26px;
color:#000000;
font-weight:bold;
}

h2{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#000000;
font-style:italic;
}

form{
margin:0px;
padding:0px;
}

input{
margin:0px;
padding:0px;
background:none;
border:0px;
}

img{
border:0px;
}

a{
text-decoration:none;
}

ul, li{
margin:0px;
padding:0px;
list-style:none;
list-style-type:none;
line-height:auto;
height:auto;
}

/*HOME*/
body#home{
background-color:#000000;
background-image:url(../img/bg_home_right.gif);
background-repeat:repeat-x;
background-position:right top;
}


#homeTitle{
position:absolute;
width:446px;
height:80px;
top:3%;
left: 50%;
margin: 0px 0 0 -223px; /* -height/2 0 0 -width/2 */
}

#homeLeft{
width:49%;
height:100%;
float:left;
background-image:url(../img/bg_home_left.gif);
background-repeat:repeat-x;
background-position:left top;
}


#homeRight{
width:50%;
height:100%;
float:left;
background-image:url(../img/bg_home_right.gif);
background-repeat:repeat-x;
background-position:right top;
}

.mc{
position:relative;
width:375px;
height:390px;
margin: -156px 0px 0px 0px;
top:40%;
}

#homeLeft .mc{
float:right;
padding-right:44px;
}

#homeRight .mc{
float:left;
padding-left:44px;
}


#homeLeft img.png{
position:absolute;
z-index:10;
}

#homeRight img.png{
position:absolute;
z-index:10;
}


#homeLeft a.link, #homeRight a.link{
display:block;
margin-top:103px;
margin-left:44px;
}


#homeAddress{
position:absolute;
width:200px;
height:110px;
padding-top:38px;
top: 75%;
left: 50%;
margin: 0 0 0 -100px; /* -height/2 0 0 -width/2 */
text-align:center;
font-size:13px;
background-image:url(../img/bg_home_address.png);
background-repeat:no-repeat;
background-position:center top;
}

#homeAddress h1{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#FFFFFF;
font-weight:bold;
}

#homeAddress span{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#FFCC00;
font-weight:bold;
}

#homeAddress a{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#FFCC00;
text-decoration:none;
}

.content{
width:900px;
margin:0px auto;
}

.line{
width:100%;
height:55px;
background-color:#000000;
}

.infoweb{
width:100%;
background-color:#FFFFFF;
background-image:url(../img/bg_infoweb.gif);
background-repeat:repeat-x;
background-position:left top;
}

.infoweb .content{
background-image:url(../img/bg_infoweb_content.jpg);
background-repeat:no-repeat;
background-position:left top;
padding:62px 0px;
}

/*CAMPING*/

#camping .head{
width:100%;
height:143px;
background-color:#637900;
}

#camping .head .content{
height:143px;
background-image:url(../img/bg_head_camping.gif);
background-repeat:no-repeat;
background-position:left top;
}


/*BUNGALOW*/

#bungalow .head{
width:100%;
height:143px;
background-color:#990000;
}

#bungalow .head .content{
height:143px;
background-image:url(../img/bg_head_bungalow.gif);
background-repeat:no-repeat;
background-position:left top;
}


.logo{
width:450px;
padding-top:34px;
float:left;
font-family:"Trebuchet MS", Arial, Verdana;
color:#FFFFFF;
font-size:18px;
text-align:right;
}



.idiomes{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
text-align:left;
margin-top:-8px;
padding-left:8px;
}

#home .idiomes{
text-align:right;
margin-top:-15px;
}

.idiomes a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
}

.idiomes a:hover{
text-decoration:underline;
}

.idiomes a.sel{
color:#FFCC00;
}

.menu{
width:370px;
padding-top:35px;
float:right;
}

.menu ul li{
display:block;
float:left;
width:185px;
}

.menu ul li a{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#FFFFFF;
text-transform:lowercase;
}

.menu ul li a:hover, .menu ul li a.sel{
color:#FFCC00;
}


.butlleti{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#FFFFFF;
width:465px;
float:left;
margin-top:12px;
padding-right:30px;
border-right:1px solid #404040;
}

.butlleti form span{
display:block;
float:left;
line-height:30px;
}

.butlleti form input#mail{
width:165px;
height:23px;
padding-top:8px;
padding-left:15px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-style:italic;
color:#000000;
background-color:#000000;
background-image:url(../img/bg_input_b.gif);
background-repeat:no-repeat;
background-position:left top;
margin-left:12px;
float:left;
display:block;
}

.butlleti form input.button{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#000000;
width:80px;
height:30px;
font-weight:700;
text-align:center;
background-image:url(../img/bg_button_b.gif);
background-repeat:no-repeat;
background-position:left top;
margin-left:12px;
float:left;
display:block;
}

.tarifes{
margin-top:12px;
width:368px;
float:right;
line-height:30px;
}

.tarifes a{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#FFCC00;
text-decoration:underline;
}

.tarifes a:hover{
text-decoration:none;
}


/*PRESENTACIO*/
#present{

}

.leftPresent{
width:354px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#666666;
text-align:justify;
}

.leftPresent a{
color:#1A89C0;
text-decoration:underline;
}

.leftPresent a:hover{
text-decoration:none;
}


.leftPresent .tt{
border-bottom:1px solid #D6D6D6;
padding-bottom:13px;
margin-bottom:13px;
}


.rightPresent{
width:410px;
float:right;
position:relative;
}

.rightPresent img.png{
position:absolute;
z-index:10;
}

.rightPresent .cicle{
position:absolute;
z-index:5;
margin-top:51px;
margin-left:49px;
}

.rightPresent .cicle img{
display:none;
}

/*FOTOS*/

#fotos{
width:820px;
margin:0px auto;
}

#fotos h3{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
display:block;
text-align:right;
margin-top:-16px;
}

#fotos a{
display:block;
border-right:2px solid #FFFFFF;
border-bottom:2px solid #FFFFFF;
float:left;
width:134px;
height:134px;
overflow:hidden;
}

/*PREUS*/

#preus{
width:788px;
margin:0px auto;
}

#preus table{
width:100%;
margin:0px;
padding:0px;
border:0px;
background-image:url(../img/bg_table.gif);
background-repeat:no-repeat;
background-position:left top;
background-color:#374203;
}

#preus table thead{
height:45px;
}

#preus table th, #preus table td{
width:25%;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
}

#preus table th.desc, #preus table td.desc{
width:50%;
}

#preus table th.t1{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#FF9933;
font-weight:bold;
}

#preus table th.t2{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#CC3333;
font-weight:bold;
}

#preus table td{

}

#preus table td.un span{
background-image:url(../img/bg_table_mark.png);
background-repeat:no-repeat;
background-position:center top;
background-color:#445205;
}

#preus tbody tr.even{
background-color:#4A5905;
}

#preus tbody tr.even td span{
background-color:#445205;
}

#preus table td span{
padding:10px 0px;
display:block;
width:78px;
margin:0px auto;
background-color:none;
text-align:center;
background-color:#374203;
}

#preus table td.desc{
padding-left:60px;
text-align:left;
background-image:url(../img/bg_td_desc.png);
background-repeat:no-repeat;
background-position:left top;
}

.esp{
width:208px;
height:108px;
float:left;
border-left:1px solid #B2B2B2;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
padding:0px 26px;
}

.esp strong{
font-size:15px;
}

.esp a{
    background: transparent url('../img/bg_span.gif') no-repeat scroll top right;
    display: block;
    float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #993300;
    height: 24px;
	padding-left:45px;
    padding-right:18px; /* sliding doors padding */
}

.esp a span{
    background: transparent url('../img/bg_a.gif') no-repeat;
    display: block;
    line-height: 24px;
    padding-left:18px;
}


/*PREUS BUNGALOW*/
#preusb{
width:780px;
margin:0px auto;
}

.preub{
width:780px;
margin-bottom:50px;
}

.preub .img{
width:395px;
height:296px;
overflow:hidden;
border-right:1px solid #FFFFFF;
float:left;
}

.preub .text{
width:384px;
height:296px;
overflow:hidden;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#FFFFFF;
background-image:url(../img/bg_preusb.gif);
background-repeat:repeat-x;
background-position:left top;
background-color:#990000;
}

.preub .text div{
padding:20px 8px 0px 18px;
}

.preub .text strong{
font-size:22px;
}

.infopreus{
width:100%;
padding-top:10px;
}

.infopreus .temp{
width:316px;
float:left;
}

.infopreus .desctemp{
width:460px;
float:right;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
}

.infopreus .temp strong{
width:140px;
height:28px;
line-height:28px;
display:block;
float:left;
margin-right:13px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#FFFFFF;
}

.infopreus .temp strong.ta{
background-image:url(../img/bg_preusb_ta.gif);
background-repeat:no-repeat;
background-position:left top;
}

.infopreus .temp strong.tb{
background-image:url(../img/bg_preusb_tb.gif);
background-repeat:no-repeat;
background-position:left top;
}

/*SERVEIS*/
#serveis{
width:780px;
margin:0px auto;
}

.serv, .servb{
width:780px;
height:296px;
border-bottom:1px solid #FFFFFF;
}

.serv .img, .servb .img{
width:395px;
height:296px;
overflow:hidden;
border-right:1px solid #FFFFFF;
float:left;
}

.serv .text{
width:384px;
height:296px;
overflow:hidden;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
background-image:url(../img/bg_serveis.gif);
background-repeat:repeat-x;
background-position:left top;
background-color:#637900;
}

.servb .text{
width:384px;
height:296px;
overflow:hidden;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
background-image:url(../img/bg_serveisb.gif);
background-repeat:repeat-x;
background-position:left top;
background-color:#990000;
}

.serv .text div, .servb .text div{
padding:58px 5px 0px 25px;
}

.serv .text strong, .servb .text strong{
font-size:22px;
}

/*ALTRES*/
#altres{
width:780px;
margin:0px auto;
}

.alt{
width:325px;
float:left;
margin:30px 65px 36px 0px;
}

.alt .img{
width:115px;
float:left;
}

.alt .text{
width:210px;
float:right;
padding-top:8px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#000000;
}

.alt .img img{
z-index:10;
position:absolute;
}

.alt .img img.marc{
z-index:20;
position:absolute;
}

.alt .text strong{
font-size:22px;
}

.alt .text a{
color:#1A89C0;
text-decoration:underline;
}

.alt .text a:hover{
text-decoration:none;
}

/*COM ARRIBAR*/

#situacio{
width:782px;
margin:0px auto;
}

#situacio h3{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
display:block;
text-align:right;
margin-top:-16px;
}

.situacio{
width:578px;
float:left;
font:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
}

.situacio strong{
font-size:15px;
}

#situacio .dades{
width:150px;
height:122px;
float:right;
background-image:url(../img/bg_dades.gif);
background-repeat:no-repeat;
background-position:left top;
font:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
padding:13px;
}

#situacio .dades strong{
font-size:15px;
}

#situacio .dades a{
color:#1A89C0;
text-decoration:underline;
}

#situacio .dades span{
font-size:18px;
}

/*CONTACTE*/

#contacte{
width:800px;
margin:0px auto;
}


#contacte .dades{
width:150px;
float:left;
font:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
}

#contacte .dades strong{
font-size:15px;
}

#contacte .dades a{
color:#1A89C0;
text-decoration:underline;
}

#contacte .dades span{
font-size:18px;
}


#contacte .form{
float:right;
width:588px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
}

#contacte .form strong{
font-size:15px;
}

#contacte .camp1{
width:245px;
float:left;
padding-bottom:17px;
}

#contacte .camp2{
width:330px;
float:right;
padding-bottom:17px;
}


#contacte input{
margin:0px;
padding:0px;
border:0px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:15px;
color:#4A5905;
}

#contacte .camp1 div{
margin-top:9px;
padding:10px 0px 0px 14px;
width:229px;
height:38px;
background-image:url(../img/bg_input1.gif);
background-repeat:no-repeat;
background-position:left top;
}

#contacte .camp2 div{
margin-top:9px;
padding:10px 0px 0px 14px;
width:323px;
height:38px;
background-image:url(../img/bg_input2.gif);
background-repeat:no-repeat;
background-position:left top;
}

#contacte .camp div{
width:576px;
height:187px;
padding:10px 0px 0px 14px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:15px;
color:#4A5905;
margin-top:9px;
background-image:url(../img/bg_textarea.gif);
background-repeat:no-repeat;
background-position:left top;
}

#contacte textarea{
margin:0px;
padding:0px;
border:0px;
width:550px;
height:170px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:15px;
color:#4A5905;
overflow:auto;
}

#contacte .camp1 input{
width:205px;
}

#contacte .camp2 input{
width:300px;
}


#contacte .butons{
padding-top:10px;
text-align:right;
width:576px;
}

#contacte .butons input{
margin:0px;
padding:0px;
border:0px;
display:inline;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
width:57px;
height:24px;
font-weight:bold;
text-align:center;
background-image:url(../img/bg_button.gif);
background-repeat:no-repeat;
background-position:left top;
}

/*OPINIONS*/
#opinions{
width:830px;
margin:0px auto;
}

#opinions h3 a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
display:block;
text-align:right;
margin-top:-16px;
text-decoration:none;
}

#opinions h3 a:hover{
text-decoration:underline;
}

.op{
width:100%;
border-bottom:1px solid #D1D1D1;
padding-bottom:20px;
padding-top:20px;
}

.op .nom{
width:277px;
float:left;
background-color:#F0F0F0;
background-image:url(../img/bg_nom_top.gif);
background-repeat:no-repeat;
background-position:left top;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#666666;
}

.op .nom span{
display:block;
padding:10px 10px 0px 14px;
}

.op .nom div{
height:12px;
background-image:url(../img/bg_nom_bottom.gif);
background-repeat:no-repeat;
background-position:left bottom;
}

.op .nom strong{
font-size:18px;
color:#336600;
}

.op .opinio{
width:500px;
float:right;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#000000;
}


/*PEU*/

.foot{
width:100%;
height:222px;
background-color:#000000;
}

.foot .content{
background-image:url(../img/bg_foot_content.gif);
background-repeat:no-repeat;
background-position:left bottom;
height:222px;
}

.fotos{
padding-top:22px;
width:600px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:17px;
color:#999999;
}

.fotos strong{
font-size:22px;
color:#FFFFFF;
}

.fotos span{
font-size:12px;
color:#666666;
}

.fotos .foto{
width:95px;
height:95px;
float:left;
position:relative;
margin-top:17px;
margin-right:25px;
margin-bottom:10px;
}

.fotos .foto img.png{
position:absolute;
z-index:10;
width:95px;
height:95px;
}

.fotos .foto img.thumb{
position:absolute;
z-index:5;
margin-top:9px;
margin-left:9px;
}

.adr{
width:170px;
padding-right:30px;
padding-top:86px;
float:right;
text-align:right;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#999999;
}

.adr strong{
font-size:15px;
color:#FFFFFF;
}

.adr span{
font-weight:bold;
font-size:18px;
color:#FFCC00;
}

.adr a{
color:#FFCC00;
text-decoration:underline;
}

.adr a:hover{
text-decoration:none;
}


#tooltip {
	position: absolute;
	z-index: 3000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	background-color:none;
	height:24px;
	background-image:url(../img/bg_tooltip_left.png);
	background-repeat:no-repeat;
	background-position:left top;
	padding-left:27px;
	height:33px;
}

#tooltip h6, #tooltip div { 
	margin: 0px; 
	font-size:14px; 
	font-weight:normal;
}

#tooltip h6{
	background-image:url(../img/bg_tooltip_right.png);
	background-repeat:no-repeat;
	background-position:right top;
	display:block;
	float:left;
	height:24px;
	padding-right:27px;
	padding-top:9px;
}

.nobd{
border:0px;
}

.center{
text-align:center;
}
.clear{
clear:both;
}