/*LAYOUT*/
@font-face {
    font-family: "Brunilde";
    src: url(brunnhildetwo.ttf) format("truetype");
}
@font-face {
    font-family: "Universe";
    src: url(universeuc.ttf) format("truetype");
}

.title{
	float:left;
	height:50px;
	margin-top:40px;
	margin-bottom:20px;}
.before{
	float:left;}
.after{
	float:left;}
.title h1{
	float:left;
	margin:0;
	padding:0;}
h1{ 
	height:50px;
    font-family: "Brunilde";
	color:#2b2f8c;
	text-align:center;
	font-size:46px;	
	font-weight:normal;}
h2{ 
    font-family: "Brunilde";
	color:#2b2f8c;
	float:left;
	font-size:26px;
	font-weight:normal;}
p{
	font-family: "Universe";
	font-size:20px;
	color:#2b2f8c;
	margin:0;
	padding:0;}
a{text-decoration:none;}
html{
	margin:0;
	padding:0;}
body{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background-image:url(/images/bg.jpg);
	background-position:top center;
	background-attachment:fixed;
	background-size:cover;
	overflow:scroll;}
#centredpage{
	width:1024px;
	margin:auto;}
#top{
	width:100%;
	height:172px;
	padding:0;
	z-index:100;
	background-image:url(/images/fascialogo.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	-webkit-box-shadow:  0px 4px 10px 5px rgba(0, 0, 0, 0.4);
    box-shadow:  0px 4px 10px 5px rgba(0, 0, 0, 0.4);}
#topmain{
	width:970px;
	height:172px;
	float:left;
	padding:0;
	position:relative;
	margin-left:27px;
	z-index:2;
	background-image:url(/images/ombra1.png);
	background-position:top center;
	background-repeat:no-repeat;}
.sidebutton-left{
	width:150px;
	height:236px;
	position:absolute;
	top:20px;
	left:10px;}
.sidebutton-right{
	width:150px;
	height:236px;
	position:absolute;
	top:20px;
	right:10px;}
.page{
	width:970px;
	height:auto;
	min-height:600px;
	float:left;
	margin-left:27px;
	margin-bottom:30px;
	padding-top:125px;
	padding-bottom:40px;
	position:relative;
	top:-172px;
	z-index:1;
	background-image:url(/images/pagina.jpg);
	background-position:top center;
	background-attachment:fixed;}
/*.page:before{
   content:"";
   position:absolute;
   z-index:-2;
   bottom:15px;
   left:10px;
   width:50%;
   height:50px;
   -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
   -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
   box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
   -webkit-transform:rotate(-3deg);
   -moz-transform:rotate(-3deg);
   -o-transform:rotate(-3deg);
   transform:rotate(-3deg);}
.page:after {
   content:"";
   position:absolute;
   z-index:-2;
   bottom:15px;
   right:10px;
   width:50%;
   height:50px;
   -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
   -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
   box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
   -webkit-transform:rotate(3deg);
   -moz-transform:rotate(3deg);
   -o-transform:rotate(3deg);
   transform:rotate(3deg);}*/
section{
	float:left;
	margin:0;
	overflow:hidden;}
article{
	width:100%;
	float:left;}
	
#contacts{
	width:970px;
	height:auto;
	float:left;
	text-align:center;
	margin-left:27px;
	padding-top:20px;
	padding-bottom:13px;
	position:relative;
	top:-170px;
	background-color:#2f3493;}
	
#contacts p{
	color:#FFF;
	letter-spacing:1px;
	font-family:"Universe";}
	
#contacts a{
	color:#FFF;
	text-decoration:underline;}
#contacts a:hover{
	text-decoration:none;}
	
/*MAIN MENU*/
#main{
	float:left;
	width:690px;
	height:140px;
	z-index:999;
	margin-left:140px;
	margin-top:30px;}

#main a{
	width:110px;
	height:95px;
	overflow:hidden;
	float:left;
	margin-left:5px;
	text-align:center;
	opacity:0.6;}
#main a:hover{
	opacity:1;
	height:140px;}
.label{
	float:left;
	width:110px;
	height:40px;
	margin:0;
	padding:0;
	position:relative;
	top:-5px;}
	
#bottomnav{
	width:960px;
	float:left;
	margin-left:10px;
	position:relative;
	top:-160px;
	z-index:999;}
#bottomnav a{
	width:230px;
	float:left;
	margin-left:10px;
	text-align:center;
	opacity:0.6;}
#bottomnav a:hover{
	opacity:1;}

#prenota_button {
	text-align: center;
    float: left;
    width: 20%;
    margin-left: 380px;
    margin-top: 50px;
    padding: 10px;
    background-color: #ffa907;
    font-family: "Brunilde";
    font-size: 35px;
    color: white;
}

/*QUANDOO*/
#quandoo-booking-widget {
	width: 380px;
    margin-left: 290px;
}
	
/*INFO*/
#info{
	width:700px;
	margin-left:135px;
	font-family:Helvetica;
	font-size:24px;
	text-align:center;}

/*MAXONE*/
#cani{
	width:776px;
	margin:auto;}

/*WEBCAM*/
#webpage{
	width:970px;
	margin:auto;
	position:relative;}
	
#frame{
	position:absolute;
	top:250px;
	left:235px;
	width:500px;
	height:350px;
	background-color:#000;}
	
/*RICONOSCIMENTI*/
#awards{}
#awards-content{
	margin:0;
	padding:0;
	float:left;
	width:100%;
	height:1670px;
	position:relative;}

.riconoscimenti{
	width:500px;
	margin:0;
	padding:0;
	position:relative;}	

.award-text{
	width:390px;
	margin-top:100px;}
	
.award-text p{
	font-size:23px}
	
#first-award{position:absolute;top:0;left:0;}
#first-description{position:absolute;top:50px;right:110px;text-align:left;}

#second-award{position:absolute;top:340px;right:0;}
#second-description{position:absolute;top:450px;left:110px;text-align:right;}

#third-award{position:absolute;top:750px;left:0;}
#third-description{position:absolute;top:800px;right:40px;text-align:left;}

#fourth-award{position:absolute;top:1150px;right:0;}
#fourth-description{position:absolute;top:1250px;left:80px;text-align:right;}


/*CICLABILE*/
.halftext{
	width:550px;
	margin-left:40px;
	margin-top:50px;
	text-align:left;}
	
.halftext p{
	font-size:23px}
	
#legenda{
	width:310px;
	height:400px;
	float:left;
	margin-left:30px;
	margin-top:50px;
	margin-bottom:50px;
	position:relative;
	background-image:url(/images/fondo.png);
	background-position:top left;
	background-repeat:no-repeat;}

.element{
	position:absolute;
	width:110px;
	text-align:center;
	color:white;}

#bcgrill{
	top:70px;
	left:30px;}

#riparazioni{
	top:70px;
	right:30px;}

#ospedale{
	bottom:70px;
	left:30px;}

#cornale{
	bottom:70px;
	right:30px;}
	
#download-button{
	width:100%;
	float:left;
	margin-top:30px;
	margin-bottom:50px;
	text-align:center;}
	
#download-button p{
	margin-bottom:5px;
	font-size:23px}
	
#download-button a{
	width:90px;
	margin:auto;}
	
/*TEXT*/
.text{
	width:790px;
	margin-left:90px;
	margin-bottom:50px;
	padding-top:20px;
	padding-bottom:20px;
	text-align:center;}
	
.text p{
	font-size:23px;}
	
figcaption{font-size:25px;}
.videopari{
float:left;
background-color:#FFF;
padding:10px;
font-family: 'Shadows Into Light', cursive;
transform: rotate(5deg);
-ms-transform: rotate(5deg); /* IE 9 */
-webkit-transform: rotate(5deg); /* Safari and Chrome */
-o-transform: rotate(5deg); /* Opera */
-moz-transform: rotate(5deg); /* Firefox */
-webkit-box-shadow:  4px 5px 5px 1px rgba(0, 0, 0, 0.4);
box-shadow:  4px 5px 5px 1px rgba(0, 0, 0, 0.4);}
.videodispari{
float:left;
background-color:#FFF;
padding:10px;
font-family: 'Shadows Into Light', cursive;
transform: rotate(-5deg);
-ms-transform: rotate(-5deg); /* IE 9 */
-webkit-transform: rotate(-5deg); /* Safari and Chrome */
-o-transform: rotate(-5deg); /* Opera */
-moz-transform: rotate(-5deg); /* Firefox */
-webkit-box-shadow:  4px 5px 5px 1px rgba(0, 0, 0, 0.4);
box-shadow:  4px 5px 5px 1px rgba(0, 0, 0, 0.4);}
iframe{border:none;}

/*HOME PAGE*/
#home{
	height:715px;
	padding-top:200px;}
#homeimg{
	width:970px;
	height:636px;
	float:left;
	margin:0;
	padding:0;
	position:relative;
	top:-175px;
	overflow:hidden;}
#home h2{
	font-size:36px;
	line-height:36px;
	padding:0;
	margin:0;}	
#birra{
	position:absolute;
	top:230px;
	left:220px;
	z-index:100;}
#birraind{
	position:absolute;
	top:250px;
	left:180px;
	display:none;}
#cucina{
	position:absolute;
	top:460px;
	left:720px;
	z-index:100;}
#premi{
	position:absolute;
	top:155px;
	left:525px;
	z-index:100;}
.elmohome{
	width:66px;
	height:59px;
	position:absolute;
	background-image:url(/images/elmo.png);
	background-position:top center;
	z-index:100;}
#elmo-birra{
	top:223px;
	left:155px;}
#elmo-cucina{
	top:453px;
	left:655px;}
#elmo-premi{
	top:148px;
	left:460px;}
#homemap{
	float:left;
	position:relative;
	width:970px;
	height:636px;
	z-index:100;}
.map{
	position:absolute;
	top:0;
	left:0;
	z-index:100;}
.base{
	position:absolute;
	top:0;
	left:0;
	z-index:1;}
.birra{
	position:absolute;
	top:0;
	left:0;
	z-index:2;}
.cucina{
	position:absolute;
	top:0;
	left:0;
	z-index:2;}
.premi{
	position:absolute;
	top:0;
	left:0;
	z-index:2;}
footer{
	width:950px;
	height:26px;
	position:absolute;
	left:10px;
	bottom:20px;
	text-align:center;
	background-image:url(/images/footerbg.png);
	background-position:bottom center;
	background-repeat:no-repeat;}
#fblike{
	position:absolute;
	top:550px;
	left:140px;
	z-index:999;}