/*Div per la costruzione della Home page*/

#mini-intestazione 
{margin:0;
 height: 30px;
background:#989595; 
 color:#dddada;
 padding:5px 10px 10px 5px;
 border-bottom: 1px solid #7b7979;}

#Logo 
{margin:0;
padding-right: 10px;
}

.loader1 {
display: contents;
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 9999;
background: url('/images/page-loader.gif') no-repeat center center;
text-align: center;
color: #999;
}

.loader {
  border: 16px solid #f3f3f3; /* Light grey */
  border-top: 16px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

#intestazione 
{margin:0;
 height: 300px;
 padding:10px 10px 10px 10px;
 border-bottom: 1px solid #cccccc; }

#contenuto
{float: left;
 margin: :0;
 padding: 0 3% 0 10px;
}

#menu-verticale 
{ margin:0 0 0 79%;
padding: 0px;
background-color: #eeeeee;
border-left: 1px solid #ccc;
}

#footer 
{clear:both;
 border-top:1px solid #cccccc;
padding:10px 10px 10px 10px;
margin-top: 0px;}

body {
background-color: #f5f5f5;
color: #000000;
font-family: Verdana, sans-serif;
font-size: 14px;
}

li {list-style-image: url("../IMG/marcatore.gif");
padding-bottom: 5px;
font-size: 15px;}

.iframe-prenota {
background: #fff;
width: 40%; 
height: 100%; 
/*float: left;
padding-bottom: 35.25%; 
position: fixed;*/
position: relative; 
top: 0;
float:left;
padding: 0px;
border: 0px;
}

.iframe-ora {
width: 100%; 
/*height: 800px; */
/*float: left;
padding-bottom: 35.25%; 
position: fixed;*/
position:relative; 
top: 0;
float: center;
padding: 0px;
border: 0px;
background-color: 0;
}

iframe {background: rgba(225, 225, 225, 0.85);}


.iframe-container {
 position: relative;
/*  overflow: hidden;*/
display:inline-block;
width: 100%;

  padding-top: 0%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

.iframe-container-faq {
/* position: relative;
/*  overflow: hidden;*/
display:inline-block;
width: 100%;


  padding-top: 0%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}


/* Then style the iframe to fit in the container div with full height and width */
.content1 {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 580px;
  height: 100%;
  vertical-align: top;
  float:left;
}

.content2 {
  position: absolute;
  top: 0;
  left: 582px;
  bottom: 0;
  right: 0;
  /*width: 450px;*/
  height: 100%;
  vertical-align: top;
  float:left;
}

.content3 {
  position: absolute;
  top: auto;
  left: auto;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 400px;
  vertical-align: top;
  float:left;    
}


@media (max-width: 575px){

.iframe-container {
  position: relative;
display: table;
/*  overflow: hidden;
display:inline-block;*/
width: 100%;
  padding-top: 0%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

.content1 {
display: table-cell;
width: 580px;

/*display:inline-block;*/
    left:0;
margin-bottom:20px;
}

.content2 {
display: table-cell;
width: 580px;
left:0;
/*position:relative;*/
padding-bottom:7%;
}
}
    
.prenota {
/*width: 40%;*/
height: 100%; 
display: inline-block; 
vertical-align: top;   
padding: 5px;
}

.iframe orario {
width: 60%;
height: 100%;
position: relative; 
top: 0;
border: 0px;
background-image: url('../images/94618282-01.jpeg');
}

#form {
/*width: 95%;*/
width: 500px;
margin: 10px auto;
color: #fff;
background: #002d4f;
padding: 10px;
overflow: hidden;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
-moz-box-shadow:  10px  10px 5px #002d4f; /*#808080;*/
-webkit-box-shadow:  10px  10px 5px #002d4f;/*#808080;*/
filter: progid:DXImageTransform.Microsoft.Shadow(color='#002d4f', Direction=135, Strength=10);
box-shadow: 10px 10px 5px #002d4f;/*#808080;    */
}

h1 {
font-size: 16px;
color: #323232;
margin-bottom: 20px;
}

fieldset {
border-radius: 20px;	
}

label, input, textarea { /* Stili comuni agli elementi del form */
color: #dedede; /* Colore del testo */
float: left; /* Float a sinistra */
font-family: Verdana, sans-serif; /* Tipo di carattere per il testo */
margin: 10px 0; /* Margini */
}

label { /* Stili per la label */
display:block; /* Impostiamo la label come elemento blocco */
line-height: 30px; /* Altezza di riga */
width: 150px; /* Larghezza */
}

select { /* Stili per il campo di testo e per la textarea */
background: #ffffff;  /*Colore di sfondo */
border: 1px solid #dedede; /* Bordo */
color: #000000; /* Colore del testo */
height: 35px; /* Altezza */
line-height: 30px; /* Altezza di riga */
width: 300px; /* Larghezza */
padding: 5 10px; /* Padding */
font-size: 90%;
}

input { /* Stili per il campo di testo e per la textarea */
background: #ffffff;  /*Colore di sfondo */
border: 1px solid #dedede; /* Bordo */
color: #000000; /* Colore del testo */
height: 30px; /* Altezza */
line-height: 30px; /* Altezza di riga */
width: 300px; /* Larghezza */
padding: 5 5px; /* Padding */ 
}

textarea { /* Stili per il campo di testo e per la textarea */
background: #ffffff;  /*Colore di sfondo */
border: 1px solid #dedede; /* Bordo */
color: #000000; /* Colore del testo */
/*height: 30px; /* Altezza */
/*line-height: 30px; /* Altezza di riga */
width: 300px; /* Larghezza */
padding: 5 10px; /* Padding */ 
}


@media (max-width: 440px){
    
 .frameprenota:hover {
  -ms-transform: scale(0.5); /* IE 9 */
  -webkit-transform: scale(0.5); /* Safari 3-8 */
  transform: scale(0.5); 
 }    

 label { /* Stili per la label */
 display:block; /* Impostiamo la label come elemento blocco */
 line-height: 25px; /* Altezza di riga */
 width: 100px; /* Larghezza */
 }


@media (max-width: 575px){
    
 .frameprenota:hover {
  -ms-transform: scale(0.5); /* IE 9 */
  -webkit-transform: scale(0.5); /* Safari 3-8 */
  transform: scale(0.5); 
 }    

 label { /* Stili per la label */
 display:block; /* Impostiamo la label come elemento blocco */
 line-height: 25px; /* Altezza di riga */
 width: 100px; /* Larghezza */
 }
 
 select { /* Stili per il campo di testo e per la textarea */
 background: #ffffff;  /*Colore di sfondo */
 border: 1px solid #dedede; /* Bordo */
 color: #000000; /* Colore del testo */
 height: 30px; /* Altezza */
 line-height: 25px; /* Altezza di riga */
 width: 200px; /* Larghezza */
 padding: 5 10px; /* Padding */
    font-size: 90%;
 }

 input { /* Stili per il campo di testo e per la textarea */
 background: #ffffff;  /*Colore di sfondo */
 border: 1px solid #dedede; /* Bordo */
 color: #000000; /* Colore del testo */
 height: 30px; /* Altezza */
 line-height: 25px; /* Altezza di riga */
 width: 200px; /* Larghezza */
 padding: 5 5px; /* Padding */ 
 }
  
 textarea { /* Stili per il campo di testo e per la textarea */
 background: #ffffff;  /*Colore di sfondo */
 border: 1px solid #dedede; /* Bordo */
 color: #000000; /* Colore del testo */
 width: 200px; /* Larghezza */
 padding: 5 10px; /* Padding */ 
 }
    
}



placeholder { color: #c0c0c0;}

#nome { background: #ffffff url("../images/input-nome.png") no-repeat 1px;text-indent:30px; }
#email { background: #ffffff url("../images/input-mail.png") no-repeat 1px;text-indent:30px; }
#telefono { background: #ffffff url("../images/input-telefono.png") no-repeat 1px;text-indent:30px; }
#privacy { background: #ffffff no-repeat 1px;width:300px;}


#prvcy a:link {padding-left: 200px; color: #ffffff;/* bianco se non visitato*/}

#prvcy a:visited {padding-left: 200px;color: #dedede;/*come label se visitato*/}

#prvcy a:hover {padding-left: 200px;color: #ff0000;/* rosso al passaggio del mouse*/}

#prvcy a:active {padding-left: 200px;color: #ffffff;/*bianco se attivo*/}


#note { background: #ffffff url("../images/input-note.png") no-repeat bottom right; }
#submit { padding: 0; width: 100px;left:10px; border-radius: 3px;}
#libero { color: #dedede; font-weight: bold; background: #002d4f; padding: 0; width: 100%;height:100%;left:10px; border-radius: 10px;}
#occupato {color: #999999; font-weight: bold; background: #dedede; padding: 0; width: 100%;height:100%; left:10px; border-radius: 10px;}
#libero:hover { background-color: red;}

/*STILE DELLA TABELLA SCELTA ORARI*/

#table-frame  {border-collapse: collapse;
border:1px;
background-color:rgba(0, 0, 0, 0);}

#table-frame td {padding:5px;}

#table-frame th {padding:5px;
text-align: right;
font-style: bold;
font-size: 12px; }

#table-Prenota {
/*font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;*/
text-align: center;
border-collapse: separate;
border-spacing: 5px;
background: #ffffff;
color: #2a2a2a;
border: 1px solid #ECE9E0;
border-radius: 20px;
}
#table-Prenota th {
font-size: 18px;
padding: 2px;
}
#table-Prenota td {
background: #ffffff;
color: #2b2953;
padding: 5px;
border-radius: 5px;
}

/*TABELLE CON STILE*/

.table1 {
border-spacing: 0 10px;
font-family: 'Open Sans', sans-serif;
font-weight: bold;
}
.table1 th {
padding: 10px 20px;
background: #56433D;
color: #F9C941;
border-right: 2px solid; 
font-size: 0.9em;
}
.table1 th:first-child {
text-align: left;
}
.table1 th:last-child {
border-right: none;
}
.table1 td {
vertical-align: middle;
padding: 10px;
font-size: 14px;
text-align: center;
border-top: 2px solid #56433D;
border-bottom: 2px solid #56433D;
border-right: 2px solid #56433D;
}
.table1 td:first-child {
border-left: 2px solid #56433D;
border-right: none;
}
.table1 td:nth-child(2){
text-align: left;
}

/*Tabella calendario*/

.table5 {
border: 0px;
font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
text-align: center;
border-spacing: 1px;
background: #ffffff;
border-radius: 15px;
border-collapse: collapse;
}

.table5 th {
font-size: 16px;
font-weight: 300;
padding: 12px 10px;
background:rgba(128, 128, 128, 0.81); 
border: 1px solid #cccccc;
color: #ffffff;
}

.table5 td {
padding: 10px;
color: #000000;
text-align: center;
border: 1px solid #cccccc;

}
.table5 tr.alt td {
	color:#000000;
	background-color:#EAF2D3;
}



.tableorario {
  background: #f5ffff;
  border-collapse: collapse;
  text-align: left;
  font:bold;
}
.tableorario th {
  border-top: 1px solid #777777;	
  border-bottom: 1px solid #777777; 
  box-shadow: inset 0 1px 0 #999999, inset 0 -1px 0 #999999;
  background: linear-gradient(#eeeded, #002d4f);
  color: white;
  padding: 10px 15px;
  position: relative;
}
.tableorario th:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 25%;
  height: 25%;
  width: 100%;
  background: linear-gradient(rgba(255, 255, 255, 0), rgba(255,255,255,.08));
}
.tableorario tr:nth-child(odd) {
  background: #ebf3f9;
}
.tableorario th:first-child {
  border-left: 1px solid #777777;	
  border-bottom:  1px solid #777777;
  box-shadow: inset 1px 1px 0 #999999, inset 0 -1px 0 #999999;
}
.tableorario th:last-child {
  border-right: 1px solid #777777;
  border-bottom:  1px solid #777777;
  box-shadow: inset -1px 1px 0 #999999, inset 0 -1px 0 #999999;
}
.tableorario td {
  border: 1px solid #e3eef7;
  padding: 10px 15px;
  position: relative;
  transition: all 0.5s ease;
}
.tableorario tbody:hover td {
  color: transparent;
  text-shadow: 0 0 3px #a09f9d;
}
.tableorario tbody:hover tr:hover td {
  color: #444444;
  text-shadow: none;
  font-size: 22px;
}


.shadowbox {
  width: 15em;
  border: 1px solid #333;
  box-shadow: 8px 8px 5px #444;
  padding: 8px 12px;
  background-image: linear-gradient(180deg, #fff, #ddd 40%, #ccc);
}

.lente a {
    
	overflow: hidden;
	display: block;
	width: 95%; 
	height: 95% 
}
.lente a img {
  
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.lente a:hover img	{
 -moz-transform: scale(1.5);
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
}