@charset "UTF-8";
/* CSS Document */

body{
background: url(../img/bg_su.png) repeat-x #711212;
font-family:"Trebuchet MS", Helvetica, sans-serif; 
margin:0 auto;
}
a{ color:#333333}
#header{width:880px; height:95px; margin:0 auto; position:relative; z-index:2; overflow:visible}
#keys{ position:absolute; right:0px; top:0; font-size:10px; color:#af4c4c}
#keys a{ color:#af4c4c}
#logo { position:absolute; background:url(../img/logo.png) no-repeat; width:188px; height:190px;  }
#logo h1{ position:absolute; top:-100px; font-size:12px; margin:0; padding:0;  }

#container{
background:url(../img/bg_banda.jpg) repeat-x top center #883c3c; position:absolute; width:100%; padding:0; top:95px;
margin:0 auto;
 }
 #lingua{ position:absolute; left:190px; top:70px;}
 #lingua ul{ list-style:none; list-style-position:inside; margin:0; padding:0;}
  #lingua li{ display:inline; float:left;}
 
 #content{ width:880px; margin:0 auto; padding:0; position:relative;}
 
#menu{ z-index:1; width:190px; float:left; margin:90px 0 0 0; padding:0; font-family: verdana, "Lucida Sans Unicode", "Lucida Grande", sans-serif }
#menu ul{ text-align:right; font-variant:small-caps; font-size:14px; color:#FFFFFF; list-style:none; margin:0 10px 0 0; padding:0; width:180px;}
#menu li{ border-top: solid 1px #dbd2c6; height:24px;}
#menu a{ text-decoration:none; color:#600}
#menu a:hover{ text-decoration:none; color:#993300}

#menu2{ z-index:1; position:absolute; right:0; top:75px; background:#984949; font-family: verdana, "Lucida Sans Unicode", "Lucida Grande", sans-serif }
#menu2 ul{ text-align:right; font-variant:small-caps; font-size:12px; color:#FFFFFF; list-style:none; margin:0; padding:0;}
#menu2 li{ border-top: solid 1px #711212; height:14px; line-height:11px; padding:0 10px; float:left}
#menu2 a{ text-decoration:none; color:#dbd2c6}
#menu2 a:hover{ text-decoration:none; color:#fff}

.sel{ color:#ffffff; font-weight:bolder}




     
#foto{ display:inline; float:left; width:685px; height:300px; overflow:hidden; z-index:3; position:relative}
#foto ul{ display:none}
#immagini{position:relative; overflow:hidden}
#txt{ position:absolute; bottom:0px; right:10px; z-index:200;}
#txt_down{ position:absolute; width:100%; height:18px; bottom:0px; right:0px; z-index:190; background:#FFFFFF }
#SlideShow{position:absolute; z-index:0; overflow:hidden;}
#slide{position:absolute; z-index:0;  overflow:hidden;}
#stop{position:absolute; z-index:110; top:2px; right:40px;}
#play{position:absolute; z-index:110; top:2px; right:10px;}

#desc{ width:680px; height:300px; overflow:hidden; position:absolute; left:190px; z-index:10}
#info_txt{  z-index:12;font-size:12px; color:#FFFFFF; z-index:2; width:550px;  position:absolute; right:15px; bottom:15px; }
#info_f{ z-index:11; width:585px; height:175px; position:absolute; left:650px; top:280px; background:url(../img/info.png) }

 
 
 
#pannelli{ width:880px; padding:0; height:180px; font-family:"Times New Roman", Times, serif;}
#pannelli2{ position:absolute; top:300px; left:0; font-family:"Times New Roman", Times, serif; z-index:5;}

.pannello{ display: inline; float:left;  height:190px;}

#pannello_1{width:188px; margin:0; background:#c7a4a4;}
#pannello_1 .pannello_tit{ height:25px; background:#984949}
#pannello_1 .pannello_tit b{ font-size:18px; color:#ffe1b5; font-weight:normal; line-height:25px; font-style:italic; margin:10px; }



#pannello_2{width:250px; margin:10px 5px; background:url(../img/bg_pannello2.png) no-repeat center;}
#pannello_2 .pannello_tit{ height:25px; text-align:center}
#pannello_2 .pannello_tit b{ font-size:16px; color:#660000; font-weight:normal; line-height:30px; font-style:italic; margin:10px; }


#pannello_3{width:250px; margin:10px 0; background:url(../img/bg_pannello2.png) no-repeat center;}
#pannello_3 .pannello_tit{ height:25px; text-align:center}
#pannello_3 .pannello_tit b{ font-size:16px; color:#660000; font-weight:normal; line-height:30px; font-style:italic; margin:10px; }

#pannello_1 a{ color:#666666; font-size:10px; }
#pannello_1 .riga{ margin:1px 10px; clear:both}

.pannello_body{ padding:0}
.pannello_body li{ list-style:none; margin-bottom:10px;}
.pannello_body a{ text-decoration:none; color:#993300; font-variant:small-caps; font-size:18px; margin:0}
.pannello_body p{ color:#999999;font-size:10px; margin:0}

#news_home{ display:none; position:relative; left:10px; overflow:hidden; width:230px; height:150px;}
#news li{ display:none; position:absolute; top:180px; list-style-position:inside; }

#offerte_home{ display:none;  position:relative; left:10px; overflow:hidden; width:230px; height:150px;}
#offerte li{ display:none; position:absolute; top:180px; list-style-position:inside; }



#jolly{ width:160px; margin:15px 0 0 10px;} 
#jolly a{ text-decoration:none}



#corpo{
	display:inline; float:left;
width:685px;
background:#ffffff;
margin: 0 0 0 190px;
padding:0;
font-size:12px;
color:#666666;
  min-height: 190px;height: auto !important; height: 190px;
}
#corpo a{ text-decoration:none}

#corpo2{
width:685px;
background:#ffffff;
margin: 0 0 0 190px;
padding:0;
font-size:12px;
color:#666666;
  min-height: 490px; height: auto !important; height: 490px;
}

#corpo2 h3{ color:#6ea289; font-weight:bold; font-size:14px; text-decoration:none;}

.paragrafo{ margin:10px;} 
#corpo h2{ margin:10px 0 0 0; padding:0; font-size:14px;}
#corpo h3{ margin:2px 0 0 0; padding:0; font-size:12px;}

#corpo ul{list-style:none; margin:0;}
#corpo li{list-style:none; margin:0; padding:0;}

input, textarea, select, button {color: #312E64; font-size:12px; padding:2px; border:solid 1px #cccccc }
label {color: #312E64; font-size:12px; padding:4px; font-family:"Trebuchet MS", Helvetica, sans-serif;}



.both{ clear:both}
#footer{ position:relative;  padding:10px; margin: 10px 0 0 0; background:url(../img/bg_footer.png) repeat-x top #711212; height:35px; line-height:20px;  z-index:150; font-size:12px; color:#FFFFFF; text-align:center; clear:both; display:block}
#footer a{ color:#CCCCCC; text-decoration:none;}
#colophon{ font-size:9px; color:#333;}

.offerte_elenco {margin:5px;}
.offerte_elenco div{clear:both; margin:20px;}
.offerte_elenco a{ color:#711212; font-weight:bold; font-size:14px; text-decoration:none;}
.offerte_elenco img{ margin:0 10px 10px 0; float:left}


#ck_servizi {margin:10px 0;}

#ck_servizi caption{ margin:0 2px 2px 2px; padding:0; height:24px; line-height:24px; color:#FFFFFF; font-weight:bold; background:#6970a4}
#ck_servizi th{ margin:0 2px 2px 2px; background:#6ea289; text-align:center;color:#ffffff;}
#ck_servizi th a{ color:#ffffff;}
#ck_servizi th a:hover { color:#999999;}
#ck_servizi td{ margin:0 2px 2px 2px; padding:0 5px;  min-height: 30px;height: auto !important; height: 30px;}
#ck_servizi .ck{ margin:0 2px 2px 2px; background:#f9f9f9; border-bottom:solid 1px #ccc; text-align:center}
#ck_servizi .desc{ width:390px; background:#e9ebf0; border-bottom:solid 1px #ccc;}
#ck_servizi .desc2{ width:205px; background:#e9ebf0; border-bottom:solid 1px #ccc;}

#sale, #sale ul{list-style:none; list-style-position:inside; width:130px; margin:0; padding:0;}
#sale li{ text-align:center;  margin:0 0 10px 0; padding:0; list-style:none; background:url(../foto/sala_america_nord.jpg) bottom no-repeat ; vertical-align:text-bottom; list-style-position:inside;  width:130px; height:150px;}
#sale  a{ font-weight:bold; color:#cd2042;}

#elenco_gallery{ z-index:1; width:190px; float:left; display:inline; margin:10px; padding:0; font-family: verdana, "Lucida Sans Unicode", "Lucida Grande", sans-serif }
#elenco_gallery ul{ text-align:right; font-variant:small-caps; font-size:14px; color:#FFFFFF; list-style:none; margin:0 10px 0 0; padding:0; width:180px;}
#elenco_gallery li{ border-top: solid 1px #dbd2c6; height:24px; list-style:none;}
#elenco_gallery a{ text-decoration:none; color:#600}
#elenco_gallery a:hover{ text-decoration:none; color:#993300}

#gallery {
		width: 470px;
	}
	#gallery ul { list-style: none; }
	#gallery ul li { display: inline; }
	#gallery ul img {
		 width:120px;
		 height:120px;
		 vertical-align:middle;
		border: 5px solid #fff;
		border-width: 5px 5px 5px;
	}
	#gallery ul a:hover img {
		border: 5px solid #b6d5ce;
		color: #fff;
	}
	#gallery ul a:hover { color: #fff; }
#gallery div{ float:left; display:inline; margin:30px 0px 0px 60px;}
#gallery a{ text-decoration:none}

.piccolo { font-size:12px !important; color:#666}