body,html { height:100%;margin:0;
background-color:#000000;
}

body {
 margin:0px;
 padding:0px;
 font-family:verdana, arial, helvetica, sans-serif;
 color:#999999;
 font-size:10px;
 text-align:center;
 line-height:13px;
 }


img{
border:none;
}



a {font-size: 12px; font-family: verdana,sans-serif;text-decoration:none;}
a:link{color:#FFFFFF}
a:visited {color:#FFFFFF}
a:hover {color:yellow}
a:active{color: inherit}


div#shim {
width: 50%;
height: 50%;  
margin-top: -383px;  
float: left;
margin-left: 0px auto;
            }
#wrapper {
	position: relative;
	text-align: left;
	width: 1000px;
	height:766px;
	clear: both;
	margin: 0px auto;
	border:0px solid gray;
overflow:hidden;
background-image:url('img/cai.jpg');
	}
	


#barra_menu{
position:absolute;
top:615px;
left:190px;
width:630px;
height:56px;
text-align:left;
 color:white;
text-align:justify;
font-size:12px;
border:0px solid red;
 }
 
 
 
 
 #centro2{
position:absolute;
top:55px;
left:193px;
width:616px;
height:544px;
text-align:left;
border:0px solid gray;
color:black;
font-size:12px;
background-image:url('sfondo_blu.png');
background-repeat:repeat;

line-height:17px;
}
 #centro{
position:absolute;
top:65px;
left:210px;
width:592px;
height:453px;
text-align:left;
border:0px solid gray;
color:white;
font-size:12px;
line-height:18px;
}



#menu{
position:absolute;
top:458px;
left:20px;
width:892px;
height:31px;
text-align:left;
border:0px solid white;
 color:white;
 padding-top:5px;
 font-size:12px;
}


#rubricaprima{
position:absolute;
top:517px;
left:20px;
width:204px;
height:154px;
text-align:left;
float:left;
}




#rubricaseconda{
position:absolute;
top:517px;
left:248px;
width:204px;
height:154px;
text-align:left;
float:left;
}



#rubricaterza{
position:absolute;
top:517px;
left:478px;
width:204px;
height:154px;
text-align:left;
float:left;
}


#rubricaquarta{
position:absolute;
top:517px;
left:708px;
width:203px;
height:154px;
text-align:left;
float:left;
}





#titolo{
position:relative;
top:0px;
left:0px;
width:204px;
height:22px;
text-align:left;
text-align:left;
}

#fotina_menu{
position:relative;
top:0px;
left:0px;
width:204px;
height:132px;
text-align:left;
text-align:left;
}




#meteo{
position:absolute;
top:684px;
left:20px;
width:63px;
height:83px;
text-align:center;
float:left;
background-image:url('img/meteo.jpg');
 background-repeat:no-repeat;
 color:#4a3f45;
}

#mappa{
position:absolute;
top:684px;
left:93px;
width:83px;
height:83px;
text-align:center;
float:left;
background-image:url('img/map.jpg');
 background-repeat:no-repeat;
 color:#4a3f45;
}




#newsletter{
position:absolute;
top:684px;
left:177px;
width:180px;
height:102px;
text-align:center;
float:left;
border:1px solid red;
color:white;
}



#testo_alto{
position:absolute;
top:700px;
left:365px;
width:546px;
height:93px;
text-align:left;
float:left;
color:yellow;

}




#box_destra{
position:absolute;
top:806px;
left:365px;
width:546px;
height:850px;
text-align:left;
float:left;
color:white;
background-image:url('img/titolo_box_destra.jpg');
 background-repeat:no-repeat;
}

.thumb_destra{
position:relative;
bottom:30px;
left:0px;
width:546px;
height:145px;
text-align:left;
border-bottom:4px solid #38bade;
margin-bottom:12px;:
}

.fotina_destra{
position:relative;
top:7px;
left:0px;
width:184px;
height:120px;
text-align:left;
border:2px solid white;
float:left;
}



.testo_fotina_destra{
position:relative;
top:7px;
left:200px;
width:340px;
height:120px;
text-align:left;
border:1px solid white;
}


 #prenotazione{
position:absolute;
top:798px;
left:20px;
width:300px;
height:48px;
text-align:center;
color:#fad604;
border-bottom:2px solid white;
font-size:18px;
 }


 
 
 #piede{
position:absolute;
top:1660px;
left:20px;
width:892px;
height:28px;
text-align:left;
color:white;
font-size:13px;
line-height:18px;
}




 
#box_sinistra{
position:absolute;
top:806px;
left:20px;
width:332px;
height:825px;
text-align:left;
color:white;
font-size:14px;
z-index:30px;
border-right:2px solid #38bade;

}


#elenco{
position:absolute;
top:55px;
left:0px;
width:205px;
height:87px;
text-align:left;
color:white;
font-size:12px;
}





#fotina_campeggio{
position:absolute;
top:55px;
left:225px;
width:75px;
height:75px;
text-align:left;
z-index:30px;

}



#info_campeggio{
position:absolute;
top:170px;
left:0px;
width:300px;
height:130px;
text-align:left;
z-index:30px;
}


#foto_campeggio{
position:absolute;
top:310px;
left:0px;
width:300px;
height:180px;
text-align:left;
z-index:30px;
border:1px solid white;
}




#descrizione_campeggio{
position:absolute;
top:500px;
left:0px;
width:300px;
height:325px;
text-align:left;
z-index:30px;
font-size:12px;
}





a.booking{
background-image:url('img/pulsanti/booking.jpg');
background-repeat:no-repeat;
display:block;
float:left;
width:79px;
height:23px;
margin-right:10px;
}


a.booking:hover{
background-image:url('img/pulsanti/booking2.jpg');
background-repeat:no-repeat;
display:block;
float:left;
width:79px;
height:23px;
margin-right:10px;
}





a.meteo{
background-image:url('img/pulsanti/meteo.jpg');
background-repeat:no-repeat;
display:block;
float:left;
width:61px;
height:23px;
margin-right:10px;
}


a.meteo:hover{
background-image:url('img/pulsanti/meteo2.jpg');
background-repeat:no-repeat;
display:block;
float:left;
width:61px;
height:23px;
margin-right:10px;
}

a.discovery{
background-image:url('img/pulsanti/discovery.jpg');
background-repeat:no-repeat;
display:block;
float:left;
width:98px;
height:23px;
margin-right:10px;
}


a.discovery:hover{
background-image:url('img/pulsanti/discovery2.jpg');
background-repeat:no-repeat;
display:block;
float:left;
width:98px;
height:23px;
margin-right:10px;
}

a.info{
background-image:url('img/pulsanti/info.jpg');
background-repeat:no-repeat;
display:block;
float:left;
width:47px;
height:23px;
margin-right:10px;
}


a.info:hover{
background-image:url('img/pulsanti/info2.jpg');
background-repeat:no-repeat;
display:block;
float:left;
width:47px;
height:23px;
margin-right:10px;
}

a.rent{
background-image:url('img/pulsanti/rent.jpg');
background-repeat:no-repeat;
display:block;
float:left;
width:50px;
height:23px;
margin-right:10px;
}


a.rent:hover{
background-image:url('img/pulsanti/rent2.jpg');
background-repeat:no-repeat;
display:block;
float:left;
width:50px;
height:23px;
margin-right:10px;
}





a.contact{
background-image:url('img/pulsanti/contact.jpg');
background-repeat:no-repeat;
display:block;
float:left;
width:84px;
height:23px;
margin-right:10px;
}


a.contact:hover{
background-image:url('img/pulsanti/contact2.jpg');
background-repeat:no-repeat;
display:block;
float:left;
width:84px;
height:23px;
margin-right:10px;
}