/* CSS Document */
body{
margin:0;
padding:0;
background-image:url(img/bk_body.jpg);
background-repeat:repeat-x;
}
.contenitore{
width:100%;
}
.contenuto{
width:908px;
margin:0 auto;
position:relative;
}
/*-------------------- top menu ------------------*/
.top_menu{
width:908px;
position:relative;
top:15px;
}
.top_menu ul{
list-style:none;
margin:0;
padding:0;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
color:#FFFFFF;
}
.top_menu ul li{
display:inline;
padding:0 0 0 15px;
}
.top_menu ul li.spaz1{
padding:0 0 0 20px;
}
.top_menu ul li.spaz2{
padding:0 0 0 360px;
}
.top_menu ul li a{
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
}
/*------------------------- lingua --------------------------*/
.lingua{
float:left;
position:absolute;
width:210px;
top:80px;
left:700px;
}
.lingua p{
display:block;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#313131;
margin:0;
padding:8px 0 0 0;
}
.lingua img{
float:left;
width:80px;
height:30px;
}



/*-------------------- logo header ------------------*/
.logo_header{
width:305px;
height:240px;
position:absolute;
left:301px;
top:0;
z-index:10;
}
/*-------------------- flash ------------------*/
.flash{
padding:100px 0 0 0;
width:908px;
height:362px;
}
/*-------------------- decoro ------------------*/
.decoro{
width:908px;
height:78px;
background-image:url(img/decoro.jpg);
background-repeat:no-repeat;
}
/*-------------------- corpo ------------------*/
.corpo{
width:908px;
float:left;
display:inline;
margin:0 0 20px 0;
}
.colonna1{
width:350px;
float:left;
}
.colonna1 h2{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
color:#65080d;
}
.colonna1 h2 span{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
color:#739c4a;
}
.colonna1 hr{
color:#65080d;
}
.colonna1 p{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
color:#010000;
line-height:24px;
text-align:justify;
padding:0 5px 0 5px;
margin:0;
}

.colonna2{
width:208px;
float:left;
}
.colonna2 h3{
font-size:16px;
text-align:center;
margin:0;
}
.colonna2 p{
text-align:center;
margin:0;
}
.colonna2 a{
color:#8ca460;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
font-weight:bold;
text-decoration:none;
}

.colonna3{
width:350px;
float:left;
}
/*------------------------------ listino ------------------------------*/
.colonna1_listino{
display:inline;
float:left;
width:558px;
}
.colonna1_listino h1{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
color:#65080d;
width:558px;
}
.tariffe {
width:558px;
height:485px;
background-image:url(img/bk_listino.png);
background-repeat:no-repeat;
}
.tariffe table.table1{
margin:8px 0 0 0;
}
.tariffe table.table1 p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
font-weight:bold;
text-align:center;
margin:0;
padding:0;
}
.tariffe table.table2 p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color: #006600;
font-weight:bold;
text-align:center;
margin:0;
padding:5px 0 0 0;
}
.tariffe p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #005500;
margin:5px 0 0 30px;
line-height:16px;
}
.tariffe p.periodo{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
margin:3px 0 0 0;
padding:0;
line-height:16px;
font-weight:bold;
text-align:center;
}
.tariffe p.periodo2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
margin:8px 0 0 0;
padding:0;
line-height:16px;
font-weight:bold;
text-align:center;
}
.tariffe p.periodo3{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
margin:10px 0 0 0;
padding:0;
line-height:16px;
font-weight:bold;
text-align:center;
}
.stanza{
padding:1em 0 0 0;
color:#000;
}
.colonna2_listino{
float:right;
display:inline;
width:310px;
margin:50px 0 0 0;
}
.colonna2_listino h3{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
border-bottom:1px solid #000;
padding:0;
color:#000;
}
.colonna2_listino h3.contact{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
border-bottom:1px solid #000;
padding:0;
color:#000;
background-image:url(img/contatti.jpg);
background-repeat:no-repeat;
background-position:left;
padding:20px 0 5px 60px;
}
.colonna2_listino p{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
border-bottom:1px dotted #65080d;
padding:5px 20px;
line-height:22px;
}
.colonna2_listino p span{
font-weight:bold;
}
.colonna2_listino img{
width:150px;
height:100px;
border:1px solid #65080d;
padding:3px 3px;
background-color:#FFFFFF;
margin:80px 0 0 50px;
}
.colonna2_listino a{
color:#8ca460;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
font-weight:bold;
text-decoration:none;
}
.colonna2_listino a span{
color:#8ca460;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
font-weight:bold;
padding:0 0 0 46px;
text-decoration:none;
}
/*--------------------------------------------------- prenotazioni ---------------*/
.prenotazioni{
display:inline;
float:left;
width:558px;
margin:20px 0 0 0;
}
.prenotazioni h1{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
color:#65080d;
width:558px;
}
.mod_contatti{
width:500px;
margin:0;
}
.modulo{
width:500px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
.modulo form{
width:500px;
margin:20px 0 0 0;
}
.modulo legend{
padding: 0 5px;
text-transform: uppercase;
color:#65080d;
}
.modulo label.req strong, .modulo strong.asterisco{
font-weight: bold;
font-family: verdana,sans-serif;
color: red;
}
.modulo input:focus{
background-color: #e3e9f5;
}
.modulo br{
clear:left;
}
.modulo fieldset.in label{
float: left;
text-align: left;
margin: 0 5px 5px 5px;
}
.modulo fieldset.in input{
display: block;
width: 200px;
}
.modulo fieldset.in input.large{
width: 414px;
margin: 2px 0 0 0;
}
.modulo input#cap, .modulo input#provincia{
width: auto;
}
.modulo fieldset#txt textarea{
display: block;
width:420px;
border:1px solid #899dd1;
margin:3px 5px 5px 3px;
height:130px;
} 
.modulo fieldset#account p{
float: right;
width: 190px;
color: #185DA1;
margin-top: 10px;
}
.modulo fieldset#agree div#cond{
width: 414px;
height: 80px;
overflow: auto;
border:1px solid #899dd1;
margin: 10px 5px;
background-color: #f7f7f7;
}
.modulo fieldset#agree #accetto{
margin:0 6px 0 5px;
}
.modulo fieldset#agree div#cond p.privacy{
margin:0 5px 6px;
text-align:justify;
color:#666666;
font-size:11px;
line-height:14px;
}
.modulo div#bottone{
width:430px;
text-align:right;
}
.modulo fieldset.in, .modulo fieldset#check, .modulo fieldset#agree, .modulo fieldset#txt{
margin-bottom: 40px;
width:430px;
border: 1px solid #65080d;
padding: 8px;
}
.modulo label{
color:#666666;
}
.mod_contatti h4{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#65080d;
margin:20px 0 0 0;
padding:0;
}
.mod_contatti p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
line-height:18px;
margin:6px 0 0 0;
}
.mod_contatti p span{
color:red;
}
/*------------------------------- dove siamo ---------------*/
.dati_centro{
width:660px;
padding:0 10px 0 10px;
}
.dati_centro h3{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:17px;
color:#666666;
}
.dati_centro h3 span{
color:#aa0ea1;
}
.dati_centro h3 a{
color:#666666;
text-decoration:none;
}
.dati_centro h4{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#aa0ea1;
margin:20px 0 0 0;
padding:0;
}
.dati_centro p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
line-height:18px;
margin:6px 0 0 0;
}

/*------------------------------ gallery ------------------------------*/
.colonna1_gallery{
float:left;
width:280px;
}
.colonna1_gallery h1{
display:block;
width:279px;
height:87px;
background-image:url(img/tit_photogallery.jpg);
margin:0;
}
.colonna1_gallery h1 span{
display:none;
}
.colonna1_gallery ul{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
line-height:30px;
list-style:none;
margin:15px 0 0 54px;
padding:0;
}
.colonna1_gallery ul li{

}
.colonna1_gallery ul li a{
text-decoration:none;
border-bottom:1px dotted #65080d;
color:#65080d;
}
.colonna1_gallery ul li a.selezionata{
font-weight:bold;
font-style:italic;
color:#65080d;
}
.colonna1_gallery ul li a:hover{
color:#7e8419;
font-weight:bold;
}
.colonna2_gallery{
float:left;
width:620px;
}
.colonna2_gallery a{
float:left;
width:170px;
height:113px;
background-color:#FFFFFF;
border:1px solid #65080d;
padding:5px 5px;
margin:42px 0 0 22px;
}
.colonna2_gallery a:hover{
background-color:#7e8419;
border:1px solid #fff;
}
/*------------------------------ servizi ------------------------------*/
.servizi h1{
display:block;
width:908px;
height:87px;
background-image:url(img/tit_servizi.jpg);
margin:10px 0 0 0;
}
.servizi h1.eng{
display:block;
width:908px;
height:87px;
background-image:url(img/tit_servizi_e.jpg);
margin:10px 0 0 0;
}
.servizi h1 span{
display:none;
}
.servizi p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#000000;
}
.servizi p.linea{
display:block;
width:530px;
border-top:1px dotted #65080d;
clear:both;
padding:5px 0 0 0;
}
.servizio{
width:908px;
margin:0 0 20px 0;
float:left;
display:inline;
}
.primo_s{
margin:30px 0 20px 0;
}
.servizio h2{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
color:#65080d;
padding:16px 20px 20px 70px;
margin:0;
}
.servizio h2 a{
color:#65080d;
}
.servizio h2.charter{
background-image:url(img/icona_charter.gif);
background-repeat:no-repeat;
}
.servizio h2.isole{
background-image:url(img/icona_isole.gif);
background-repeat:no-repeat;
}
.servizio h2.equit{
background-image:url(img/icona_equitazione.gif);
background-repeat:no-repeat;
}
.servizio h2.mtb{
background-image:url(img/icona_mtb.gif);
background-repeat:no-repeat;
}
.servizio h2.diving{
background-image:url(img/icona_diving.gif);
background-repeat:no-repeat;
}
.servizio h2.spiaggia{
background-image:url(img/icona_spiaggia.gif);
background-repeat:no-repeat;
}
.servizio h2.vela{
background-image:url(img/icona_vela.gif);
background-repeat:no-repeat;
}
.servizio p{
display:block;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:13px;
color:#000;
width:530px;
text-align:justify;
line-height:20px;
padding:0 0 0 10px;
margin:0;
float:left;
display:inline;
}
.servizio img{
width:175px;
height:131px;
float:left;
display:inline;
margin:-20px 0 0 80px;
padding:5px 5px;
background-color:#FFFFFF;
border:1px solid #65080d;
}
/*------------------------------ offerte ------------------------------*/
.offerte{
float:left;
display:inline;
width:908px;
}
.offerte h1{
display:block;
width:908px;
height:87px;
background-image:url(img/tit_offerte.jpg);
margin:10px 0 0 0;
}
.offerte h1.eng{
display:block;
width:908px;
height:87px;
background-image:url(img/tit_offerte_e.jpg);
margin:10px 0 0 0;
}
.offerte h1 span{
display:none;
}
.offerta{
width:430px;
margin:0 0 30px 0;
}
.sx{
float:left;
display:inline;
}
.dx{
float:right;
display:inline;
}
.offerta ul{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:20px;
}
.offerta ul li{
list-style:circle;
}
.offerta p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#000000;
text-align:justify;
}
.offerta p span.prezzi{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
color:#65080d;
font-weight:bold;
}
.offerta p.corsivo{
font-style:italic;
text-align:left;
}
.offerte p.linea{
clear:both;
display:block;
width:908px;
border-top:1px dotted #65080d;
padding:6px 0 0 0;
}
.primo_s{
margin:30px 0 20px 0;
}
.offerta h2{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
color:#65080d;
padding:0;
margin:30px 0 0 0;
text-align:center;
}
/*------------------------------ ristorante ------------------------------*/
.ristoro h1{
display:block;
width:908px;
height:87px;
background-image:url(img/tit_ristorante.jpg);
margin:10px 0 0 0;
}
.ristoro h1.eng{
display:block;
width:908px;
height:87px;
background-image:url(img/tit_ristorante_e.jpg);
margin:10px 0 0 0;
}
.ristoro h1 span{
display:none;
}
.ristoro p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#000000;
}
.ristoro p.linea{
display:block;
width:530px;
border-top:1px dotted #65080d;
clear:both;
padding:5px 0 0 0;
}
.ristorante{
width:908px;
margin:0 0 20px 0;
float:left;
display:inline;
}
.ristorante h2{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
color:#65080d;
padding:16px 20px 20px 10px;
margin:0;
}
.ristorante p{
display:block;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:13px;
color:#000;
width:450px;
text-align:justify;
line-height:24px;
padding:0 0 0 10px;
margin:0;
float:left;
display:inline;
}
.ristorante img{
width:350px;
height:385px;
float:left;
display:inline;
margin:-20px 0 0 80px;
}


/*------------------------------ footer ------------------------------*/
.footer{
clear:both;
width:100%;
height:64px;
background-image:url(img/bk_footer.gif);
background-repeat:repeat-x;
background-position:top;
}
.dati_footer{
margin:0 auto;
width:900px;
height:64px;
}
.dati_footer p.copy{
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align :center;
line-height:16px;
color:#ccc;
margin:0;
padding:16px 0 0 20px;
}
.dati_footer p.ortis{
float:right;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align :center;
vertical-align:bottom;
color:#ccc;
margin:0;
padding:16px 20px 0 0;
}
.dati_footer a,
.dati_footer a:link,
.dati_footer a:visited,
.dati_footer a:active{
color:#ccc;
text-decoration : none;
}
.dati_footer a:hover{
color:Orange;
text-decoration: underline;
}





























