/*CSS PER DUE GATTI - SCRITTO DA RENATA SERRACCHIOLI*/
/* ----------------------------------------------------------- */
/*===================================================================================================*/
/*STILI PER MENU A TAB*/
.tablist {
    list-style:none; 
    height:3em;
    margin: auto auto;
    width:100%;
}

.tablist ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}


.tablist li {
    float:left; /*per tenere le voci del menu affiancate*/
    margin: 0;
    padding: 0;
}

.tablist li a {
    display:block;
    text-align: center; /* orizzontale */
    padding:0 1em;
    text-decoration:none;
    font:bold 0.90em Segoe Print;
    color:#000;
    background-color:#F9BC1C;
    border:1px solid #000;
  /* CSS 3 elements 
    -webkit-border-top-right-radius:2em;
    -webkit-border-top-left-radius:2em;
       -moz-border-top-right-radius:2em;
       -moz-border-top-left-radius:2em;
            border-top-right-radius:2em;
            border-top-left-radius:2em; */
            border-radius: 6em;
}

.tablist li a:hover {
    background:#7fc0f0; 
    color:#fff;
    text-decoration:none;
}

.tablist li#current a {
    background-color: transparent;
    color: #940119;
    border-bottom:0;
}
.tablist li#current a:hover {
    background: #7fc0f0;
}
.tablist li ul
{
    display: none
}
.tablist li:hover ul
{
    display: block;
    position: absolute;
    z-index:1;
    width:110px;
    padding: 0;
    margin: 0 0 0 0px;
    background: transparent;
}
div#hormenu {
  display:inline-block;
    float: center; 
    margin: auto auto; 
    padding: 0;
    background: #ffc633;
    border:1px solid #000;
    width:90%;
            border-radius: 6em;
    
}
div#hormenu ul
{
  text-align:center;
    padding: 0;
    list-style-type: none;
}
div#hormenu li
{
  display:inline-block;
    width:100px;
    padding: 0;
    border-right: 1px solid black;
    color:black;
    font-weight: bold;
    text-align: center;
            border-radius: 6em;
    
}
div#hormenu a
{
    display: block;
    padding: 5px;
    color: #000;
    text-decoration: none;
    font:bold 0.90em Segoe Print;
            border-radius: 6em;

}
 
div#hormenu a:hover
{
    background-color: #000033;
    color: #FFFFFF;
    text-decoration: none;
            border-radius: 6em;
}
div#hormenu li ul
{
    display: none
}
div#hormenu li:hover ul
{
    display: block;
    text-align: center;
    position: absolute;
    z-index:1;
    width:110px;
    padding: 0;
    margin: 0 0 0 -1px;
    border:1px solid black;
    background: #ffc633;
    border-radius: 6em;
}
div#hormenu li li   { border:none; width:100px; } 
div#hormenu li li a { padding:2px 2px 2px 10px; }
/*===================================================================================================*/
/*stili per il layout */

html,body {
	font-family: Segoe Print;
	font-size: 0.875em;
	color: black;
	margin: 10px 0;
	padding:0;
	text-align:center;
	background-color:#FFFFFF;
}

hr {border:1px solid #909090;width: 100%;padding:0;}

#container {
	position: center;
	width: 90%;   
	margin: auto;
	padding: 10px 0 0 0;
	overflow: auto
	background-color: #FFFFFF;
	border: 1px solid #000000; /*border-top: 2px solid #009900;	
  border-bottom: 2px solid #009900;*/
}

section#gallery { 
margin:2.5% 0; 
}
section#gallery:after { 
clear:both; content:"."; 
display:block; height:0; 
visibility:hidden; 
}
section#gallery a { 
display:block; 
width:100%;
border:1px solid #000000;
background:#42403f;
opacity:0.6;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* IE 8 hack */ 
filter: alpha(opacity = 60); /* IE 5-7 hack */
-webkit-transition: all 0.5s; 
-moz-transition: all 0.5s; 
-0-transition: all 0.5s; 
transition: all 0.5s; 
-webkit-box-shadow: 0 0 5px #42403f;
-moz-box-shadow: 0 0 5px #42403f;
box-shadow: 0 0 5px #42403f;
} 
section#gallery figure { 
float:left;
display:inline;
width:21%;
margin:2%; /*2% + 21% + 2% = 25% */
}
section#gallery a:hover { 
opacity:1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 8 hack */ 
filter: alpha(opacity = 100); /* IE 5-7 hack */
} 
section#gallery img { 
width:100%;
display:block;
border:none;
-ms-interpolation-mode:bicubic; /* IE 7+ hack */ 
}
#disegno {
	position: relative
	height: auto;
	width: 90%;
	margin: auto;
	overflow: no;
}	 

.centrato {
  margin-left: auto ;
  margin-right: auto ;
}
/*===================================================================================================*/
/*LAYOUT A 2 COLONNE per pagina prezzi*/
div#main {overflow:hidden;height:auto;padding:7px;width:90%;}
div#principale {width:75%;position:relative;height:auto;float:left;border-right:1px solid #0079C1;}
div#news {width:20%;margin-right:2px;margin-top:3px;position:relative;height:auto;float:right;}
/*===================================================================================================*/
/*555
a {color:#000000;text-decoration:none;}*/
a:hover {color:#FFFFFF;background-color:#C1C1C1;}
li {padding:5px;}
h1 {font:bold 28px Segoe print;text-align:center;color:black;text-shadow: #CCC 3px 4px 5px;}/*solo per il nome del B&B e il titolo di pagina*/
h2 {font:bold 22px Segoe script;color:#CC0000;}/*usato nei titoli di argomento (info e chi siamo)*/                      
h3 {font:bold 26px Segoe Print;font-style:italic;color:#001CB6;text-align:center;text-shadow: #CCC 3px 4px 5px;}/*in info per le domande*/
h4 {font:bold 20px Verdana;color:#001CB6}/*titoli di gruppi foto e avviso in location*/
h5 {font:bold 106..px Segoe Print;color:#555;text-align:center;} /*per selezionare lingua, usato nelle pagine interne*/
h6 {font: 14px Verdana;color:#000000;text-align:center;}/*per selezionare lingua,*/

#avviso {font:bold 24px Segoe Print;text-align:center;color:#0079C1;text-shadow: #999 3px 4px 5px;}
/*arial*/
li,td {
  font-family: sans-serif;
  font-size: 14px;
  text-align:left;
  color:black;
  padding:0;
}
p {
  /* font-family: "Segoe Print", cursive, serif;  */
  font-family: Tahoma, Verdana, Segoe, cursive, serif;
  font-size: 0.975em;
  text-align:center;
  color:black;
  padding:0;
}
table {
  padding:0px 10px 0 10px;
  margin:10px;
}


#contatti {
	font-family: Segoe Print;
	font-size: 16px;
  text-align:left;
  color:#555;
  margin: 10px 0 10px 0;
}
#contatti a {color:#555;font-family:Segoe Print;text-decoration:none;}
#contatti a:hover {color:#000000;background-color:#C1C1C1;}
#contatti td {vertical-align: top;}

/*Barra di scelta lingua in homepage*/
#lingua {
	position: relative;
	font-family:Centaur;
	font-size:20px;
	color:#555;
	margin: 0;
	padding: 10px 0 10px 0;
	border-top: 1px solid #909090;
	overflow: hidden;
  height: 45px;
	text-align: center; /* orizzontale */
  line-height: 15px; /* verticale */
}
div.split2 div{
    float: left;
    width: 41%;
    width: 45%;
    padding: 0 2%
    }
div.split3 div{
    float: left;
    width: 29%;
    width: 30%;
    width: 29%;
    padding: 0 2%
    }
div.split4 div{
    float: left;
    width: 21%;
    width: 23%;
    width: 23%;
    width: 21%;
    padding: 0 2%
    }
div.clearer{
    float: none; clear: left
    } 
       
#lingua a {color:#555;text-decoration:none;font-family:Centaur;}
#lingua a:hover {color:#000;background-color:#F9BC1C;}

/*footer*/
#footer a {color: #404040;text-decoration: underline;font-style:italic;font-size: 10px;}

#footer {
	font-size: 10px;
	background: #D0D0D0;
	color: #404040;
	text-align:center;
	padding-top: 7px;
	padding-bottom: 7px;
	border-top: 1px solid #555;
}
#footer {clear:both}
#footer a:hover {color:#FFFFFF;}

/*===================================================================================================*/
/* LAYOUT SPECIFICO PER PAGINA HOME A DUE COLONNE*/
#info p {
	font-family: Century Gothic;
	font-size: 14px;
  text-align:left;
  color:black;
}

div.textimagesx,
div.textimagedx
{
width: 100%;
margin-bottom: 10px;     
}

div.textimagesx img{
float:left;
margin: 10px;
text-align: left
}
div.textimagedx img{
float:right;
margin: 10px;
text-align: right
}

div.textimagedx h2, div.textimagedx p,
div.textimagesx h2, div.textimagesx p
{
margin:0 10px;
padding: 0
}

div.textimagedx h2,
div.textimagesx h2{
margin-top: 10px
}
* {
  margin: 0;
  padding: 0;
}
#cookie {
	position: bottom;
	bottom: 0;
	width: 100%;
	background-color: #FFFF66;
	opacity: 0.8;
	color: black;
	text-align: center;
	padding-bottom: 7px;
}

#cookie p {
  padding: 6px;
  font-family: Tahoma;
  font-size: 12px;
}

#cookie a {
  color: #aaa;
  text-decoration: underline;
}

#cookie a#close {
  font-weight: 900;
  color: #fff;
  text-decoration: none;
  background: #aaa;
  padding: 3px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}