/* CSS Document Sanluca 2010*/
*{margin:0; padding:0}
body{
/*background:#adadad url(../images/elementi/bg_dot.gif);*/
background:#fff url(../images/elementi/bg.gif); 
color:#727272;
font:0.7em Verdana , Arial, Helvetica, sans-serif;
overflow:auto;

}

div, p , h1, h2, h3, h4, h5, h6{display:block;} 



h1{font-size:2.2em;} 
h2{font-size:2.1em;} 
h3{font-size:14px;}
h4{font-size:13px;}
h5{font-size:12px;}
h6{font-size:11px;}

img{border:none;}
a {text-decoration:none;color:#000;}
a:hover{color:#dbc483;}

a:focus { outline: none; }
.hidden{display:none !important;}


input, select, textarea{color:#858385; border:solid 1px #DFDFDF; font:10px Verdana, Arial, Helvetica, sans-serif}








#lineabg{width:100%; height:3px; background:#b69a68; position:absolute; top:50%; left:0; z-index:0 margin:-1px 0 0 0;
}

/*#main*/
#main{ width:978px; margin:0px 0 26px 26px;  overflow:hidden; position:relative; z-index:10}
/*head*/
#head{  width:978px; overflow:hidden; position:relative; padding:26px 0 0;}
#head #logo{ background: url(../images/elementi/logo.jpg); width:164px; height:164px; overflow:hidden; text-indent:-9000em; position:absolute; top:0; left:78px; z-index:100}
#head #tripadvisor,#head #vt { background: url(../images/elementi/tripadvisor.png); width:75px; height:50px; overflow:hidden; text-indent:-9000em; position:absolute; top:94px; right:0px; z-index:80}
#head #vt{  background: url(../images/elementi/vt.png);  height:61px;  width:96px; top:159px; left:797px}
#head #lang{position:absolute; right:5px; top:10px; z-index:100; width:60px; overflow:hidden; font-weight:bold; color:#0a3e8c; }
#head #lang a {  padding:2px 0px; color:#5f5e5e;}
#head #lang a:hover,#head #lang a.act{color:#0a3e8c} 


/*booking*//*
#head #booking{ background:url(../images/elementi/bg_booking.jpg); width:798px; height:60px; overflow:hidden; color:#fff}
#head #booking form{padding:18px 10px 0; widows:767px !important; height:42px !important; position:relative;}
#head #booking form fieldset{ border:none; float:left; overflow:hidden; position:relative; padding:4px 0px; margin:0 10px 0 0; background:url(../images/elementi/bg_lin_ver.gif) repeat-y right top; }
#head #booking form fieldset#b1{width:155px !important; }
#head #booking form fieldset#b2{ width:165px !important;}
#head #booking form fieldset#b3{width:115px;}
#head #booking form fieldset#b4{width:120px;background:none !important; }
#head #booking form fieldset img{ position:absolute; top:0px!important;  right:10px; margin:3px 0 0 0}



#head #booking form fieldset select,#head #booking form fieldset input { margin:0 5px 0 0; display:inline}
#head #booking form  div#buttons{ position: absolute; top:7px; right:0; height: 37px; width:180px; padding:5px 10px; background:url(../images/elementi/bg_lin_ver.gif) repeat-y left top; }
#head #booking form  div#buttons button{display:block; color:#fff; background:none; border:none; padding:0; margin:0; width:150px; text-align:left; white-space:nowrap}  
#head #booking form  div#buttons button#btnok{font-size:14px; font-weight:bold;} 
#head #booking form  div#buttons button#btnko{font-size:10px;}
*//*booking*/

/*booking*/
#head #booking{ background:#fff /*#00369a url(../images/elementi/bg_booking.jpg) repeat-x bottom left*/; width:798px; height:80px; overflow:hidden;/* color:#fff;*/ position:relative; padding:5px 0px 0 0px !important; margin:0 0 0 0 !important }
/*#head #booking form{padding:7px 20p x 0; widows:757px !important; height:53px !important; position:relative;}
#head #booking form fieldset{
 border:none;
 display:block; 
 float:left; 
 overflow:hidden; 
 position:relative; 
 padding:5px 10px 5px 0; 
 margin:0 15px 0 0; 
 background:url(../images/elementi/bg_lin_ver.gif) repeat-y right top; 
 height: 37px;
 width:110px
 }
#head #booking form fieldset label{display:block;}
#head #booking form fieldset#b1{width:190px !important; }
#head #booking form fieldset#b2{ width:180px !important;}
#head #booking form fieldset#b3{width:65px !important;} 
#head #booking form fieldset#b4{width:70px !important;background:333 !important;} 
#head #booking form fieldset#b5{width:150px !important; }
#head #booking form fieldset img{ position:absolute; top:20px; display:block; width:16px; height:16px;  right:10px; margin:0px 0 0 0}



#head #booking form fieldset select,#head #booking form fieldset input { margin:5px 5px 0 0; display:block; width:80%}
/*#head #booking form fieldset select{width:100%}*/
/*#head #booking form fieldset select{width:auto !important; display:inline !important;}
#head #booking form  div#buttons{ position: absolute; top:7px; right:0; height: 41px; width:175px; padding:3px 10px 3px 5px; background:url(../images/elementi/bg_lin_ver.gif) repeat-y left top; }
#head #booking form  div#buttons button{display:block; color:#fff; background:none; border:none; padding:0; margin:0 0 0 13px; width:160px; text-align:left; white-space:nowrap; cursor:pointer !important}  
#head #booking form  div#buttons button#btnok{font-size:14px; font-weight:bold;} 
#head #booking form  div#buttons button.btnko{font-size:10px; background:url(../images/elementi/f_bianca.gif) no-repeat 0px 6px !important; padding:0 0 0 10px;  width:70px; float:left;}
/*booking*/


/*/head*/
/*dx*/
#dx{
background:#adadad url(../images/elementi/bg_dot.gif);
width:175px; 
float:right;
overflow:hidden;
padding:5px 0 0 5px;
margin:-140px 0 0 0; 
position:relative;
z-index:100
}
#dx ul#menu{
list-style:none;
width:165px; 
height:227px; 
overflow:hidden;
position:relative;
background:#fff;
padding:8px 5px;
}

#dx ul#menu li a { 
display:block; 
color:#0a3e8c; 
font-size:12px; 
font-weight:bold; 
width:140px; 
padding:3px 0 3px 25px; 
background: url(../images/elementi/ico_dot_menudx.gif) no-repeat 15px -10px }
#dx ul#menu li a.act, #dx ul#menu li a:hover{ background:#336bad url(../images/elementi/ico_dot_menudx.gif) no-repeat 15px 10px; color:#fff;}

#dx ul#menu li ul li a{
font-size:9px; font-weight:normal;
 padding:2px 0 2px 35px;
width:130px;
background:none !important;
position:relative;
}
#dx ul#menu li ul li a:hover{ color:#bda16a;}
#dx ul#menu li ul li a.act{color:#0a3e8c}
#dx ul#menu li ul li a span{ background:#fff url(../images/elementi/bg_f_menudx_min.gif) no-repeat; width:4px; height:4px; font-size:1px; overflow:hidden; position:absolute; top:7px; left:28px;}
#dx ul#menu li ul li a:hover span{ background-color:#bda16a}
#dx ul#menu li ul li a.act span {background-color:#0a3e8c}
#dx .banner{ background:#fff; padding:5px; overflow:hidden; display:block; margin:5px 0 0px}

/*dx*/
/*categorie in videnza*/
ul#catevidenza{list-style:none; width:380px; position:relative; overflow:hidden; float:left}
ul#catevidenza li{display:block; width:349px; height:74px; padding:17px 0px 0 20px; overflow:hidden; background:#335ead url(../images/elementi/bg_cat_evidenza.jpg); border: solid 5px #fff; margin:0 0 5px; font-size:14px; color:#fff; position:relative;cursor:pointer; font-weight:bold }
ul#catevidenza li img{ display:block; position:absolute; top:0; right:0 !important; right:-1px;  z-index:2}

ul#catevidenza li ul {position:absolute; top:7px; left:157px; }

ul#catevidenza li ul li {background:none !important; border:none; padding:0 !important; margin:0 0 5px !important; margin:0 ; font-size:10px;  width:200px !important; height:12px !important;  font-weight:normal } 
ul#catevidenza li ul li a{color:#fff; padding:0 7px; display:block; margin:0}
ul#catevidenza li ul li a:hover{color:#bda16a;}

ul#catevidenza li ul li a span{ display:block; width:3px; height:3px; position:absolute; top:5px; left:0px; background:#e9e8e8; font-size:1px; }
ul#catevidenza li ul li a:hover span{background:#bda16a;}
/*categorie in videnza*/



/***********************home****************************/
#cnthome{ width:798px; overflow:hidden; float:left; position:relative; top:7px;}

#cnthome #gallery{
width:403px;
height:303px; overflow:hidden;
background:#fff;
border:5px solid #fff;
float:right;
position:relative;
font-size:12px;
}
#cnthome #gallery #eslide{
width:403px;
height:303px;
overflow:hidden;
position:relative;}
#cnthome #gallery #eslide img{
width:403px;
height:303px;
z-index:0;
}
#cnthome #gallery #eslide a{
background:#3771aa;
width:363px;
height:93px;
color: #fff;
display: block;
position:absolute;
bottom:0px;
left:0px;
padding:12px 20px;
overflow:hidden;
-ms-filter:alpha(opacity=92);filter:alpha(opacity=92);-moz-opacity:0.92;opacity:0.92;
}
#cnthome #gallery #eslide a strong{ display:block; font-size:14px; margin: 0 0 10px; }

#cnthome #gallery #pager{position:absolute;
top:0px;
right:0px; z-index:10; padding:2px 0 2px 20px;}
#cnthome #gallery #pager a{color:#0a3e8c; padding:3px; margin:0 5px 0 0; background:#fff;}
#cnthome #gallery #pager a.activeSlide { color: #bda16a }




/***********************home****************************/
#footer{ width:958px; clear:both;   overflow:hidden; position:relative; color:#0a3e8c; margin:25px 0; padding:0  0 0 20px  }
#footer strong{ display:block;}
 #pow{ background: url(../images/elementi/pow.gif); width:90px; height:12px; overflow:hidden; display:block; text-indent:-900em; position:absolute; right:20px; top:5px;}
 
 
 /************************************************************interno******************************************************************/
 
 #corpo{ padding: 7px 0 0 0; }/*non posso utilizzarlo per contenter il float lo gestisco tramite il footer*/
 #container{ width:593px; margin:0 5px 20px 0; float:left; overflow:hidden;}
 
 /*titolo delle categorie*/
 h2#boxtools{ width:158px; height:86px; background:#fff url(../images/elementi/bg_desc_cat.gif) no-repeat 22px 22px ; float:left; margin: 0 0 5px; list-style:none; padding:15px 0 0 42px;
 font:bold 18px Verdana, Arial, Helvetica, sans-serif; color:#0a3e8c;
 }
 /*tools dettaglio*/
ul#boxtools{
width:145px; height:70px; background:#fff; float:left; margin: 0 0 5px; list-style:none; padding:15px 27px;
 
}
 
 ul#boxtools li{ width:50%; overflow:hidden; float:left; margin:0 0 10px;}
 ul#boxtools li a{ font-size:11px !important;width:50%; overflow:hidden; text-transform:lowercase;}
  ul#boxtools li a span{ float:left; margin:0 2px 0 0}
 /****************elenco*****************/
#content{ width:553px; background:#fff; padding:20px}
	.elenco{width:553px; border-bottom: dotted 1px #adadad; overflow:hidden; margin: 0 0 20px} 
 	.immgh{ border: solid 1px #adadad; width:119px; height:79px; overflow:hidden; float: left; margin:0 20px 20px 0}
 	.immgh img{ width:119px; }
	.elenco h5{ font:bold 12px Verdana, Arial, Helvetica, sans-serif; margin:0 0 5px}
	.elenco h5 span{font: 10px Verdana, Arial, Helvetica, sans-serif; display:block; color:#5f5e5e}
	
	.elenco  a{color:#28559a; display:block; margin:10px 0}
	.elenco h5 a{margin:0 0px 10px}
	.elenco  a span{color:#28559a; display:block; float:left; margin:0px 5px 0 0; background:#28559a url(../images/elementi/ico_leggi.gif); width:11px; height:13px; }
	.elenco  a:hover{ color:#dbc483;}
	

#container #paginazione{width:497px; overflow:hidden; position:relative; font-size:11px ; padding:3px 0}

#container #paginazione a{ display:block; float:left; color:#28559a}
#container #paginazione a span{ background:#28559a url(../images/elementi/f_paginazione.gif) no-repeat 0 -8px; display:block; width:4px; height:4px; float:left; margin:5px 5px 0 0; font-size:1px; overflow:hidden;}

#container #paginazione #pag{ width:80px; float:right; overflow:hidden; text-align:right}


#container #paginazione #pag a#psuc, #container #paginazione #pag a#ppre, .back span{background:#28559a url(../images/elementi/f_paginazione.gif) no-repeat ;  width:4px; height:4px;  font-size:1px; overflow:hidden; padding:0px 0px 0px 0px; margin:5px; text-indent:-900em }
#container #paginazione #pag a#psuc{ background-position:0 -4px}
#container #paginazione #pag a#ppre,.back span { background-position:0 0px}
.back span {margin:5px 10px 0 5px !important; display:block;}
#container #paginazione #pag b{ color:#dbc483; font-weight:normal; display:block !important; float:left !important ;margin:0 5px 0 0; }
	
#container #paginazione	 a:hover{color:#dbc483;}

#container #paginazione a:hover span,#container #paginazione #pag a#psuc:hover, #container #paginazione #pag a#ppre:hover{ background-color:#dbc483}	
 /***************dettaglio*****************/
  #container h3{ background:#fff;  color:#0a3e8c; padding: 20px 20px 0; margin:0}
 #testo{ background:#fff; padding:20px; margin:0 0 5px;}
 
  #testo p{ margin:0 0 10px }
 #content p, #content h6 {margin:0 0 8px; }
 /****************************************mediagallery*****************************************/

/* panes */
#mediagallery{
background:#fff ;
	width:593px;
	height:230px;
	position:relative !important;  
    overflow:hidden; 
    clear:both;
/*-ms-filter:alpha(opacity=90);filter:alpha(opacity=90);
-moz-opacity:0.90;opacity:0.90;*/
margin:0px 0 0px
}




#link, #docs, #immagini, #video{
display:none;
background:#c7dbff ;
width:477px;
height:165px;
padding:0px;
position:absolute;
top:22px;
left:58px;
overflow:hidden !important;
}
 #docs, #link{background:#fff !important ;}
#mediagallery h5{position:absolute; top:20px; left:20px;}

#mediagallery .wd{width:549px; !important; left:17px !important}


/*sovrascrivo i tabs*/
#tabs{ background:#fff url(../images/elementi/bg_titoli_interno.jpg) repeat-x  0px -1px !important; width:593px; height:19px; overflow:hidden; padding:0px 0 0 0px;  list-style:none; position:absolute; bottom:0; left:0;border-top:solid 1px #cfcfcf;
   }
#tabs li{ float:left; display:block; border-right: solid 1px #cfcfcf; padding:3px 10px 0 }
#tabs a{ display:block; /* width:13px; height:10px; background:#5A5A5A url(../images/elementi/icons2.gif);text-indent:-900em;*/ overflow:hidden; font-size:10px; text-transform:lowercase; color:#0a3e8c; }
#tabs a:hover{/*background-color:#3375ad;*/ color:#dbc483;}
#tabs li a#t0{ background-position:-29px 0} 
#tabs li a#t00{ background-position:-160px 0} 
#tabs li a#t1{ background-position:-92px 0} 
#tabs li a#t2{ background-position:-61px 0} 
#tabs li a#t3{ background-position: 0px 0; margin:0 0 0 3px} 
#tabs li a#t4{ background-position:-126px 0}
a#tc{ display:none; background:#0082b9 url(../images/elementi/f_media.gif) no-repeat bottom left; width:11px; height:11px; overflow:hidden;
position:absolute; top:10px; right:10px; z-index:120; text-indent:-9000em; }






a.nx, a.pr
{
display:none;
background:#3375ad url(../images/elementi/f_media.gif) no-repeat  left 68px; 
width:34px ; 
height:165px;
margin:0 0 0 0;
position:absolute;
top:22px; 
right:22px;
z-index:100;
overflow:hidden; 
text-indent:-9000em;
 }
#tprevimg,#tnextimg{display:block;}
a.pr{left:22px; background-position:left -198px;  }
a.nx:hover, a.pr:hover{background-color:#dbc483;}

/*setto tab immagini compe primo tab*/
#immagini{display:block;}
#tprevimg,#tnextimg{display:block;}
/*#tabs div a.nx{ background-position:top left !important;}*/
/*#tabs div a.pr{ background-position: left -11px !important;}*/
/* gestisco gli elementi*/
.itemmedia{
display:block !important;
width:481px !important;
height:165px !important;
overflow:hidden !important;
padding:0px !important;
margin: 0px !important; 
position:absolute !important;

}
#immagini a, #video a{
display:block;
width:33px;
height:165px; 
overflow:hidden !important;
background-color:#fff;
font:11px "Trebuchet MS", Arial, Helvetica, sans-serif;
text-align:center;
float:left; margin:0 0px 0px 0 ;
border-right:solid 5px #fff 
}
#immagini a.a1,#video a.a1 { width:358px }
#immagini a span , #video a span{display:block;margin:0 auto; 
 overflow:hidden; position:relative; text-align:left;}
/*.mskplay{position:absolute; top:10px; left:12px;  width:66px !important; height:66px !important;}*/
#immagini a img , #video a img{width:358px; margin:-200px 0 0 0}



#link a, #docs a{

display:block; 
width:230px; 
float:left;
overflow:hidden;
white-space:nowrap;
color:#858385;
position:relative;
padding:0 0 3px 0;
margin: 0 5px 10px ;
border-bottom:dotted 1px #cfcfcf;
}
#docs span{font-weight:normal; margin:0 0 0 10px; position:absolute; top:0; right:0px}

/****************************************mediagallery*****************************************/
 
/****************************************form***************************************************/
#loadingbtn, #container h2 {display:none ;}
#contForm, #formcheckout{ width:593px;}
#contForm  form, #formcheckout{ text-align:right}
#privacy,
#contForm fieldset,#formcheckout fieldset{ background:#fff; width:553px; overflow:hidden; margin:0 0 5px 0; padding:20px  ;  text-align:left; 
border:none;
}
#privacy div {padding:0 10px;}
#privacy h3,
#contForm fieldset h6,#formcheckout fieldset h6{ border-bottom: solid 1px #cfcfcf; margin:0 0 10px; padding: 5px 10px; color:#28559a;}
#contForm fieldset label{ width:170px; float:left; margin:0 0px 10px 0; padding:0 0 0 10px; overflow:hidden;  }  
#contForm fieldset label input,#contForm fieldset label select {width:149px; margin: 5px 0 0 }
#contForm fieldset.wide label{width:540px !important;  }
#contForm fieldset.wide label textarea, #formcheckout textarea{width:470px !important;margin: 5px 0 0;}
#contForm button{ font-size:12px ; font-weight:bold; border:solid 1px #DFDFDF; color:#fff; background:#28559a; padding:2px 5px; cursor:pointer; text-transform:capitalize}


label.wide{width:540px !important;  }
label.wide textarea{width:510px !important;margin: 5px 0 0;}
/****************************************form***************************************************/ 
 
 
/****************************************nletter***************************************************/  
#nletterhome{ background:#fff; float:right; width:134px; padding:5px 20px; margin:5px 0 ; position:relative; color:#0a3e8c;  font-weight:bold; text-transform:lowercase; overflow:hidden;}
#nletterhome label{ background: url(../images/elementi/ico_dot_menudx.gif) no-repeat 0 -13px; padding:0 0 0 10px;  display:block; overflow:hidden;} 
#nletterhome  input{color:#3266ab;  height:15px; margin:5px 0 0 0 ; border:solid 1px #3266ab; width:124px; display:block;}
#nletterhome  button { background:#3266ab url(../images/elementi/f_bianca.gif) no-repeat center center; height:17px; border:solid 1px #3266ab; margin:0; text-indent:-9000em; width:10px; position:absolute; top:23px; right: 20px }




#nletter{ background:#fff; float:right; width:326px; padding:5px 27px; margin:0 0 5px; position:relative; color:#0a3e8c;  font-weight:bold; text-transform:lowercase; overflow:hidden;}
#nletter label{ background: url(../images/elementi/ico_dot_menudx.gif) no-repeat 0 -13px; padding:0 0 0 10px;} 
#nletter label input{color:#3266ab;  height:15px; margin:0 0 0 15px;border:solid 1px #3266ab; width:190px}
#nletter label button { background:#3266ab url(../images/elementi/f_bianca.gif) no-repeat center center; height:17px; border:solid 1px #3266ab; margin:0; text-indent:-9000em; width:10px; position:absolute; top:5px; right: 62px }
  /************************************************************interno******************************************************************/
#msgform{ height:133px; padding:0px; background:#fff; margin:0 0 80px 0}
#msgform h4{ margin:10px 22px;} 
 
 
 
 /**selezione sale*/
 
 #contForm table{border-collapse:collapse; border: solid 1px #ccc; margin:0 0 20px 0 }
  #contForm table th{ color:#0a3e8c; position:relative;  border-bottom: solid 1px #eee; padding:5px}
  #contForm table th div { padding:0px 0px 0px 20px; position:relative;}
 #contForm table th span{display:block; width:15px; height:11px; background:#0a3e8c url(../images/elementi/ico_disp.gif) no-repeat; position:absolute; top:0px; left:0px}
  #contForm table th span#d1{background-position:-77px 0  }
  #contForm table th span#d2{ background-position:-26px 0 }
  #contForm table th span#d3{background-position:0 0  }
  #contForm table th span#d4{ background-position:-53px 0 }
  #contForm table td{ padding:5px ;border-bottom: solid 1px #eee; background:#f9f9f9}
  #contForm  .check input{display:inline; width: auto!important; margin:5px; }