@charset "utf-8";

@font-face {
font-family: "Espacio";
src: url(http://www.ristorantebagniregina.it/font/Espacio.ttf) format("truetype");
}
html {height:100%;}

body {
	height:100%;
	margin-left: 0px;
	margin-top: 00px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:"Espacio", Verdana, Geneva, sans-serif;
	font-size:20px;
	font-weight:bold;
	font-stretch:wider;
	color: #222d4e;
	background-color: #abdaea;
	background:url(img/DSC_0364.jpg);
	background-attachment:fixed;
}

#slideshow {
	position:absolute;
	width:731px;
	height:264px;
	z-index:2;
	left: 275px;
	top: 28px;
	overflow:hidden;
}



#divMenu {
	position:absolute;
	width:190px;
	height:auto;
	z-index:3;
	left: 28px;
	top: 292px;
	background-color: #dfdfdf;
	background:url(img/sfondo-menu.png);
	padding-top: 30px;
	padding-bottom: 30px;
}
#divPagina {
	position:relative;
	width:760px;
	z-index:1;
	left: 218px;
	min-height:100%;
}



#divLogo {
	position:absolute;
	width:275px;
	height:292px;
	z-index:2;
	left: 0px;
	top: 0px;
	background-color: #FFF;
	background-image: url(img/logo.png);
}

#divContenitore {
	position:relative;
	width:1007px;
	z-index:0;
	left: 0px;
	margin:0 auto; /* real browsers */
	min-height:100%;
	padding-top: 0px;
}

#divTestoPagina {
	padding: 20px;
	background: rgba(255, 255, 255, 0.79);
	overflow:auto;
	
	
}

#divSpace {
	padding-top: 292px;
	padding-bottom:70px;	
}

#divFooter {
	position:absolute;
    bottom:0;
	height:40px;
		
	width:720px;
	
	padding: 20px 20px 10px 20px;
	
}

#divFooterDati{
	float:left;
	width: 610px !important;
	
	font-family:Verdana, Geneva, sans-serif;
	font-weight:100;
	text-align: left;
	font-size:9px;
}

#divFooterDueBytes{
	float:right;
	width:110px !important;
	
	font-family:Verdana, Geneva, sans-serif;
	font-weight:100;
	text-align: left;
	font-size:9px;
}

#slideshow img {
  position:absolute;
  width:732px;
  height:264px;
  opacity:0;
  -webkit-transition-property: opacity, -webkit-transform;
  -webkit-transition-duration: 3s, 8s;
     -moz-transition-property: opacity, -moz-transform;
     -moz-transition-duration: 3s, 8s;
      -ms-transition-property: opacity, -ms-transform;
      -ms-transition-duration: 3s, 8s;
       -o-transition-property: opacity, -o-transform;
       -o-transition-duration: 3s, 8s;
          transition-property: opacity, transform;
          transition-duration: 3s, 8s;
}

#slideshow 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;
}
#slideshow :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;
}
#slideshow :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;
}
#slideshow :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;
}

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

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

#divPiatti {
	display: none;
}

div.divPiatti a {
	padding: 5px 10px;
	display: block;
	border-bottom: 1px solid #ddd;
	text-decoration: none;
	color: #222d4e;
}
div.divPiatti a.current {
	background : #ccc;
}
div.divPiatti a:hover {
	background : #74a6b7 url(linkarrow.gif) no-repeat right center;
	color: #fff;
	text-decoration: none;
}

.sm {list-style:none; width:720px; height:500px; display:block; overflow:hidden; margin:0; padding:0}
.sm li {float:left; display:inline; overflow:hidden; margin:0; padding:0}

/* Eventi */

.divEvento{
	width:720px;
	background-color:#333;
	
	overflow:hidden;
	height:auto;
	
	-webkit-box-shadow: -1px 2px 3px #333;
	-moz-box-shadow: -1px 2px 3px #333;
	box-shadow: -1px 2px 3px #333;
	
	border:solid 1px #ccc;
	-moz-border-radius: 10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	
	margin-top:20px;
	}
	
.divEventoSfondo{
	width:720px;
	height:150px;
	/*background-color:#f00;*/
	
	
	}
	
.divEventoSfondoTitolo{
	width:720px;
	/*background: rgba(255, 255, 255, 0.79);*/
	
	font-family:Verdana, Geneva, sans-serif;
	color:#FFF;
	font-size:40px;
	padding:20px 0 0 40px;	

	text-shadow: -1px 0 #666, 0 1px #666, 1px 0 #666, 0 -1px #666, 0 0 0.3em #fff;

	
	}

.divEventoSfondoData{
	width:720px;
	/*background: rgba(255, 255, 0, 0.79);*/
	text-align:right;
	position:relative;
	float:right;
	top:40px;
	
	font-family:Verdana, Geneva, sans-serif;
	color:#FFF;
	font-size:24px;
	padding-right:20px;
	
	text-shadow: -1px 0 #666, 0 1px #666, 1px 0 #666, 0 -1px #666, 0 0 0.3em #fff;
}
	
.divEventoTesto{
	width:720px;
	height:auto;
	overflow:visible;
	background-color:#A4C8FF;
	padding: 20px;
	}
	

/* Bottone REGISTRA EMAIL */

.buttreg {
	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
	background-color:#79bbff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #84bbf3;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:3px 15px;
	text-decoration:none;
	text-shadow:1px 1px 0px #528ecc;
}.buttreg:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff) );
	background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff');
	background-color:#378de5;
}.buttreg:active {
	position:relative;
	top:1px;
}
