/* Author: Carlo Carmagnini www.ZTL.it - last update: 15 march 2010 */

/* COLORI
#531B25 marrone scuro testo

#986E67 marrone medio scritta tagline, seconda barra nav
#380709 marrone scuro, seconda barra nav

#FFF8EF #ede0d8 marroncini, chiaro e + scuro
dt #FBEEE7 #F1E3DD coppia marroncini chiari scartati
*/

html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; line-height: 1; font-family: inherit;
    text-align: left; vertical-align: baseline;
}

/* --- Griglia Infernale la sporca dozzina  --- */
/* 964 - margini 0 - spazio 20 - 12 colonne infernali */
.griglia {
  width: 964px;
  margin: 0 auto;
  overflow: hidden; /* background: #99AB63; */
}
.griglia-spazio {
  float: left;
  width: 20px;
  height: 1px; 
}
.griglia-1 { overflow: hidden;
  float: left;
  width: 62px;
}
.griglia-2 {
  float: left; overflow: hidden;
  width: 144px;
}
.griglia-3 {
  float: left; overflow: hidden;
  width: 226px;
}
.griglia-4 {
  float: left; overflow: hidden;
  width: 308px;
}
.griglia-5 {
  float: left; overflow: hidden;
  width: 390px;
}
.griglia-6 {
  float: left; overflow: hidden;
  width: 472px;
}
.griglia-7 { float: left; width: 554px; overflow: hidden; }
.griglia-8 { float: left; width: 636px; overflow: hidden; }
.griglia-9 { float: left; width: 718px; overflow: hidden; }
.griglia-10 { float: left; width: 800px; overflow: hidden; }
.griglia-11 { float: left; width: 882px; overflow: hidden; }
.griglia-12 { float: left; width: 964px; overflow: hidden; }

/* tags */
body { font: 12px/150% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #531B25; margin: 0; padding: 0; text-align: center; 
background: #fff url(../img/testata/sfumo.png) repeat-x 24px 0; }
p, address { font: 100.01%/165% "Trebuchet MS", Helvetica, Arial, sans-serif; margin: 0.3em 0; }
em { font-style: italic;}
h1 { font: small-caps 20px/120% Georgia, "Times New Roman", Times, serif; margin: 20px 0 15px 0; font-weight:bold; text-shadow:#666 1px 1px 1px; }
h2 { font: bold 16px/140% Georgia, "Times New Roman", Times, serif; margin: 20px 0 15px 0; letter-spacing: 0.10em;}
h3 { font: bold 14px/130% "Trebuchet MS", Helvetica, Arial, sans-serif; margin: 20px 0 7px; }
a { text-decoration: none; }
ul, dt { margin: 20px 0 0; } 
dt { font-weight: bold; }
dd, li { margin: 0.3em 0 0 0.8em; line-height: 165%}
strong {  font-weight:bold; }
dt { background-color: #FFF8EF; border: 2px solid #F6EFE7; padding: 10px; 
    -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px;
 } 
dd { background: transparent url(../img/old/punto-lista.gif) no-repeat left top; 
	margin-left: 10px; padding-left:14px; line-height: 1.4em;
}
/* elementi */

ul#menu { /* border-top: 2px solid #38070F; */  float:left;
	list-style: none; padding: 0 4px 0 0; margin: 0 0; 
    background-color: rgba(56,7,9,0.85); /* IE 6-7-8 questo non lo capisce */
    /* *background-color: #380709; per IE 6-7-8 uso conditional comment in pagine */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; /* per IE8 */
    zoom: 1; /* per hasLayout di IE altrimenti IE6-7 non fa opaco */
	filter: alpha(opacity=85); /* per IE5-7 */
	} 
#menu li {
	float: left; margin:0; border-right: 1px solid #754446; padding: 10px 10px; width: 139px; position: relative; text-align: center;
	font-weight: bold; font-size: 110%; letter-spacing: 0.10em;
}
#menu li:last-child { border-right: 1px solid #380709; } 
#menu li:hover { background-color:#420E13; background-image:none; }
#menu li:hover a { color: 	#BA9786; }
li#voisietequi, li#voisietequi:hover { color:#BA9786; background-color: #754446; text-transform:uppercase; }
#menu li a { text-decoration:none; color: #CEB09A; text-transform:uppercase; text-shadow: #77675B 1px 1px 2px; }
#logo { display:block; margin:0 0 20px 0; padding:0;}
#logo a { display:block; margin:0px; float:left; padding-top: 63px; width: 212px; background: url(../img/ilvisciolo5.png) left top no-repeat scroll; overflow: hidden; height: 0px; }

#sancasciano { font: 19px "Trebuchet MS", Helvetica, Arial, sans-serif; color: #fff; text-shadow: 0px 0px 1px #531B25, 0px 0px 3px #888; }	 /* 1px 1px 0px #fff */
#sancasciano span { font-size: 85%; color: #ddd;  }
#top { width:100%; background-color: #DCC0A7; border-bottom: 1px solid #BA9786;   }
/* #testataPagine { height:254px;} */
#testataAlta {  background: transparent url(../img/testata/sfumo.png) repeat-x top left; padding: 20px 0 16px;}
#testata { margin:0 auto; width:964px; height:390px; border-bottom: 2px solid #380709;}

.testata-1 { background: #fff url(../img/testata/1.jpg) no-repeat top left; }
.testata-2 { background: #fff url(../img/testata/2.jpg) no-repeat top left; }
.testata-3 { background: #fff url(../img/testata/3.jpg) no-repeat top left; }
.testata-4 { background: #fff url(../img/testata/4.jpg) no-repeat top left; }
.testata-5 { background: #fff url(../img/testata/5.jpg) no-repeat top left; }
.testata-6 { background: #fff url(../img/testata/6.jpg) no-repeat top left; }
.testata-7 { background: #fff url(../img/testata/7.jpg) no-repeat top left; }
.testata-8 { background: #fff url(../img/testata/8.jpg) no-repeat top left; }

.tagline { margin:0.2em 0; letter-spacing:0.20em; word-spacing: 0.45em; font: 11px/165% Georgia, "Times New Roman", Times, serif; }
.slide {background-color: transparent; color: #F3C695; border: 1px solid  #250000; border-width: 2px 0; } 
.slideTesto { padding-right:20px; }
.slideTesto p {text-align:justify; text-justify: newspaper; margin: 0.6em 0 0; line-height: 1.4em;}
#credits {text-align: right;}
#footer { margin-top: 40px; color: #986E67 /* #996A3B */; background-color: #DCC0A7; border-top: 1px solid #BA9786; padding: 32px 0 3px; background: #DCC0A7 url(../img/old/mattoni.jpg) repeat-x top left; }
#footer a {color:#754446;}
#credits a { color:#754446}
#footer { text-shadow:1px 1px 1px rgba(255, 255, 255, 0.75); }
/*  .vcard { text-shadow:2px 2px 2px rgba(255, 255, 255, 0.75); } */

.contenuti { padding: 20px 20px 0 0; }
.contenuti p {text-align:justify; text-justify: distribute; }
.contenuti a:link { color: #669933; text-decoration: none; background: none;  }
.contenuti a:visited { color: #468133; text-decoration: none; background: none;  }
.contenuti a:hover {  color: #468133; text-decoration: none;  }
.contenuti a:active {  color: #7BE259; text-decoration: none;  }
.contenuti li { margin:2px 0; padding:1px 2px 2px 13px; list-style-image: url(../img/old/punto-lista.gif); list-style-position: inside; line-height: 1.4em; }
.contenuti h2 { margin: 20px 0 1em 0; /* border-bottom: 1px solid #ede0d8; */ border-left: 8px solid #F6EFE7; padding: 0 4px; /* background-color: #FFF8EF; */}	


.lingua-it, .lingua-fr, .lingua-en { background: transparent url(../img/opaque.png) repeat top left; width: 110px; border: 2px solid #f3f3f3; text-align:center;
border-left: 30px solid transparent; border-right: 30px solid transparent; padding: 4px 0;
border-top-width: 0; border-bottom-width:0; }  /* per IE fino alla versione 7 inclusa (sovrascritto dopo) */
.lingua-fr:hover, .lingua-fr:focus,  .lingua-it:hover, .lingua-en:focus, .lingua-en:hover, .lingua-en:focus 
{ border-left: 30px solid #BA9797; border-right: 30px solid #BA9797;}
.lingua-it a , .lingua-fr a, .lingua-en a  { text-decoration:none; color:#1A5D22 }
html>/**/body .lingua-it, html>/**/body .lingua-en, html>/**/body .lingua-fr
 { border-top-width: 2px; border-bottom-width:2px; padding: 0; } /* per gli altri browser - NON IE =< 7 */


/* FORM */
form#contatti {margin: 1em 1.5em;}
fieldset { border:1px solid #F6EFE7; padding: 4px 20px; background-color: #FFF8EF;}
legend { border: 1px solid #F6EFE7; border-left: 8px solid #F6EFE7; padding: 5px 10px; line-height: 1.6em; background-color: #FFF8EF;}
label {	float: left; width: 150px; text-align:right; font-weight: bold; padding:4px 4px 0 0; }
input, textarea, select { width: 180px; margin: 0 2px; }
textarea{ width: 250px; height: 150px; }
.boxes{ width: 1em; }
.submitbutton{ margin-left: 150px; margin-top: 5px; width: 90px; }
.clearbutton { margin-left: 120px; margin-top: 5px; width: 90px; }
.conferma { font-weight: bold;}
.errore { background-color: #D5AE40; border:4px solid #6B0024; color:#6B0024; padding: 20px; margin: 20px; font-size: 120%;}
.warning { background-color: #FBEEE7; border:4px solid #F1E3DD; color:#6B0024; padding: 20px 0; }

.availab a { 
-moz-border-radius:5px 5px 5px 5px;
-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25);
/* background:url("overlay-button.png") repeat-x scroll 0 0 #222222; */
border-bottom:1px solid rgba(0, 0, 0, 0.25);
color:#FFFFFF !important;
cursor:pointer;
display:inline-block;
font-size:13px;
font-weight:bold;
line-height:1;
overflow:visible;
padding:5px 15px 6px;
position:relative;
text-decoration:none;
text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);
width:auto;
margin: 20px 0 0;
background-color:#91bd09;
}
.availab a:hover { background-color:#749a02; }
.availab a::-moz-focus-inner { border:0; padding:0; }
.availab a:active { -webkit-transform:translateY(1px); -moz-transform:translateY(1px); }


/* BOX */
.box {border: 1px solid #F6EFE7;  margin: 40px 0 0; padding:0; background-color: #FFF8EF; }
.box h3 {display:block; margin: 0; font-weight: bold; padding: 5px 5px; background-color: #380709; color: #F6EFE7;
	 word-spacing: 0.3em; letter-spacing: 0.1em;}
.box ul {list-style:none; margin:0; padding:0;}	 
.box ul li {border-bottom: 1px solid #F6EFE7; margin:0; padding:4px;}

/* fotografie */
.fototesti { display:block; margin: 20px 0; text-align:center;}
.fototesti p, .fotogallery p { display:block; line-height: 100%; color:#986E67; padding:0 3px; text-align:center; }
.fototesti img, .fotogallery img, .fotopanorama img, #map {border: 1px solid #380709; margin: 0 0; padding:0px;}
.fotogallery { float:left; text-align:center;  /* height: 280px; */ max-width: 264px; display:block; margin: 0 28px 40px 28px; overflow:hidden; }
.fotopanorama { clear:left; text-align:center;  height: 181px; /* height: 280px; */ 
width: 700px; display:block; margin: 4px 0px 4px 5px; overflow:hidden; }

/* tabelle */
.tabellacontatti {width:600px; margin: 0 auto;}
.tabellacontatti td {vertical-align: top; padding: 5px 0;}
.tabellaprezzi { width: 100%; border:1px solid #F6EFE7; margin:0 auto;}
.tabellaprezzi th { padding: 6px 0; font-weight:bold; background-color: #fff8ef; text-align: center; }
.tabellaprezzi td { margin: 4px 2px; padding: 3px 3px; text-align: right;}
tfoot tr td { border-top: 1px solid #F6EFE7; background-color: #fff8ef; text-align:left !important; }
.cellamezzo { border-left:1px solid #F6EFE7; border-right:1px solid #F6EFE7;}
thead {background-color: #fff8ef; }

/* SLIMBOX */
#lbOverlay { position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; cursor: pointer; } 
#lbCenter, #lbBottomContainer { position: absolute; z-index: 9999; overflow: hidden; background-color: #fff; } 
.lbLoading { background: #fff url(loading.gif) no-repeat center; } 
#lbImage { position: absolute; left: 0; top: 0; border: 10px solid #fff; background-repeat: no-repeat; } 
#lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; outline: none; } 
#lbPrevLink { left: 0; } 
#lbPrevLink:hover { background: transparent url(prevlabel.gif) no-repeat 0 15%; } 
#lbNextLink { right: 0; } 
#lbNextLink:hover { background: transparent url(nextlabel.gif) no-repeat 100% 15%; }
#lbBottom { font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 10px; color: #666; line-height: 1.4em;
 text-align: left; border: 10px solid #fff; border-top-style: none; } 
#lbCloseLink { display: block; float: right; width: 66px; height: 22px; background: transparent url(closelabel.gif) no-repeat center;
margin: 5px 0; outline: none; } 
#lbCaption, #lbNumber { margin-right: 71px; }
#lbCaption { font-weight: bold; }

/* tooltip */
.tip { width: 200px; z-index: 13000; }
.tip-title { font-weight: bold; margin: 0; padding: 4px 8px 4px; background-color: #ccc; }
.tip-text { padding: 4px 8px 8px; background-color: #fff; }

/* Burmini libero! */