@charset "utf-8";

html {height:100%;}

body {
	height:100%;
	min-height:100%;

	margin-left: 0px;
	margin-top: 00px;
	margin-right: 0px;
	margin-bottom: 0px;

	font-family:Verdana, Geneva, sans-serif;
	font-size:10pt;
	color: #000;
}

.table { display: table; height:100%; width:100%}
.tr { display: table-row; }
.td { display: table-cell; }
.a { height: 204px; background:url(../img/sfondo-h.png); }
.b { height: 100%; }


#divLogo {
	position:relative;
	margin:auto;
	width:860px;
}

#divImgLogo {
	position:relative;
	float:left;
	top:10px;
	width:298px;	
}

#divBanner{
	position:relative;
	float:right;
	top:50px;		
}

#divBandaMenu{
	position:relative;
	float:right;
	width:860px;
	height:40px;
	top:11px;
	
}

#divLingue{
	z-index:3;
	position:absolute;
	right:30px;
	top: 10px;
}

#divPagina {
	position:relative;
	min-height:100%;
	width:860px;
	padding: 0px 20px;
	
	margin:auto;
	background:url(../img/sfondo-p.png);
}



#divTesto{
	width:820px;
	margin:auto;
	overflow:auto;
	padding: 20px 20px 80px 20px;
	text-align:justify;
}

#divFooter {
	position:absolute;
    bottom:0;

	-webkit-box-shadow: 0px -5px 8px -7px #ccc;
	-moz-box-shadow: 0px -5px 8px -7px #ccc;
	box-shadow: 0px -5px 8px -7px #ccc;

	height:56px;
	width:860px;;
	
}


#divDati{
	padding:10px;
	font-size:9px;
	float:left;
}

#divDueBytes{
	padding:10px;
	font-size:9px;
	float:right;
}

.divDidaVideo{
	font-size:10px;
	font-style:italic;
	padding:5px;
	background-color:#f0f0f0;
	
}

/* --- INDEX --- */

#slideshowIndex
{
	position:relative;
	float:right;
	z-index:2;
	overflow:hidden;
	
	border-style:double;
	border-color:#999;

	-webkit-box-shadow: 0px 10px 10px -10px #000;
	-moz-box-shadow: 0px 10px 10px -10px #000;
	box-shadow: 0px 10px 10px -10px #000;
	
	
	width:370px;
	height:300px;
}

#divIndex{
	position:relative;
	float:left;
	left:20px;
	width:400px;
}


/* --- Chi Siamo --- */
#divVideoChiSiamo{
	width:420px;
	margin:auto;
	border-style:double;
	border-color:#999;
}

#imgChiSiamo{
	width:300px;
	
	float: right;
	margin: 5px 0px 10px 10px;

	border-style:double;
	border-color:#999;

	-webkit-box-shadow: 0px 10px 10px -10px #000;
	-moz-box-shadow: 0px 10px 10px -10px #000;
	box-shadow: 0px 10px 10px -10px #000;
}

/* --- Ricette --- */
.divRicetta{
	width:270px;
	height:180px;
	
	position:relative; 
	float:left;
	
	margin:1px;
	display:block;
	
	text-align:center; 
}

/* --- Laboratorio --- */
.divLaboratorio{
	width:270px;
	overflow:auto;
	
	position:relative; 
	float:left;
	
	margin:1px 1px 20px 1px;
	display:block;
	
	text-align:center; 	
}

.divLaboratori{
	width:810px;
	overflow:auto;
	
	position:relative; 
	float:left;
	
	display:block;
	
	text-align:center; 	
}

.divDidaLabo{
	font-size:10px;
	font-style:italic;
	text-align:center;
		
	padding:5px;
	
	position:relative;
    bottom:40px;
	
}

/* --- Specialita --- */

.bordoBianco{
	border: 6px solid #fff;	
}

/* --- Contatti --- */

#divContatti
{
	position:relative;
	float:left;
	width: 350px;
}

#divOrari{
	width:200px;
	text-align:center;
	
	margin:auto;
	margin-top:60px;
	
	background-color:#FFC;
	padding:20px;
	
	-moz-box-box-shadow: 0px -5px 8px -7px #888;
	-webkit-box-shadow: 0px -5px 8px -7px #888;
	box-shadow: -5px 5px 8px -3px #888;		
}

#imgPuntina{
	position:absolute;
	top:200px;
	left:250px;
		
}

#imgMottoObliquo{
	position:absolute;
	top:430px;
	left:420px;		
}

#divMappa{
	
	position:relative;
	float:right;
	width:425px;
	
	margin-top:20px;
	padding-left:20px;
	-moz-box-box-shadow: -5px 0px 8px -8px #888;
	-webkit-box-shadow: -5px 0px 8px -8px #888;	
	box-shadow: -5px 0px 8px -8px #888;	
}


/* --- Tabella LOG --- */

#tableLog{

	width:100%;

	text-align: left;
	border-collapse: collapse;

	}

#tableLog th
{
	padding: 8px 4px 8px 8px;
	font-weight: bold;
	font-size: 13px;
	background: #ccc;
	color: #515151;
}
#tableLog td
{
	padding: 3px;
	background: #eee;
	border-top: 1px solid #fff;
	color: #515151;
}

#tableLog tbody tr:hover td
{
	background: #fff;
}

#td-browser, #td-paese, #td-piattaforma{
	width:20px;

}
#td-browser img, #td-paese img, #td-piattaforma img{

	margin: 0 auto;
	display:block;
}

/* Effetto Kenburns */

#slideshowIndex img {
  position:absolute;
  width:440px;
  height:331px;
  top:50%;
  left:50%;
  margin-left:-230px;
  margin-top:-165.5px;
  opacity:0;
  -webkit-transition-property: opacity, -webkit-transform;
  -webkit-transition-duration: 3s, 5s;
     -moz-transition-property: opacity, -moz-transform;
     -moz-transition-duration: 3s, 5s;
      -ms-transition-property: opacity, -ms-transform;
      -ms-transition-duration: 3s, 5s;
       -o-transition-property: opacity, -o-transform;
       -o-transition-duration: 3s, 5s;
          transition-property: opacity, transform;
          transition-duration: 3s, 5s;
}

#slideshowIndex img  {
  -webkit-transform-origin: bottom left;
     -moz-transform-origin: bottom left;
      -ms-transform-origin: bottom left;
       -o-transform-origin: bottom left;
          transform-origin: bottom left;
}
#slideshowIndex :nth-child(2n+1) {
  -webkit-transform-origin: top right;
     -moz-transform-origin: top right;
      -ms-transform-origin: top right;
       -o-transform-origin: top right;
          transform-origin: top right;
}
#slideshowIndex :nth-child(3n+1) {
  -webkit-transform-origin: top left;
     -moz-transform-origin: top left;
      -ms-transform-origin: top left;
       -o-transform-origin: top left;
          transform-origin: top left;
}
#slideshowIndex :nth-child(4n+1) {
  -webkit-transform-origin: bottom right;
     -moz-transform-origin: bottom right;
      -ms-transform-origin: bottom right;
       -o-transform-origin: bottom right;
          transform-origin: bottom right;
}

#slideshowIndex .fx:first-child + img ~ img  {
  z-index:-1;
}

#slideshowIndex .fx {
  opacity:1;
  -webkit-transform: scale(1.2) translate(30px);
     -moz-transform: scale(1.2) translate(30px);
      -ms-transform: scale(1.2) translate(30px);
       -o-transform: scale(1.2) translate(30px);
          transform: scale(1.2) translate(30px);
}