/**************************************************************************************
REGOLE VALIDE PER TUTTE LE RISOLUZIONI
**************************************************************************************/

@import url('https://fonts.googleapis.com/css?family=Domine:400,700|Roboto+Mono:400,500,700');

/**
 * MAIN RULES 
 */
 
html body {
width: 100%; height: 100%; top: 0; left: 0;
font-size:14px;
background-color:#000000;
padding:0px;
margin:0px;
}

.container {
	font-family: Arial, Helvetica, FreeSans, sans-serif;
	margin: 0px;
	padding:0px;
	position: relative;
	font: 14px;
	color: #ffffff;
}

.spacer {  
	clear:both;
}

.borderbottom {
	border-bottom:4px solid #FFFFFF ;
}

.verticalmargin {
	margin:50px 0px;
}

.verticalpadding {
	padding:50px 0px;
}

.demiverticalpadding {
	padding:50px 0px 20px;
}

#main {
	width: 100%;
	margin: 0px; 
	padding: 0px;
	text-align:center;
}

.content-container {
background: url("../images/slide.jpg") no-repeat center top; /*position: fixed;*/ z-index: -1;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
font-size:14px;
min-height:500px;
padding:50px 20px;
clear:both;
}

.banner {
	/*background: url("../images/slide-home-01.jpg") no-repeat fixed center center;
	top:100px;
	width:100%;
	overflow:hidden;
	text-align: center;
	margin:20px 0px 0px 0px;
	min-height:500px;*/
}

.prenota-button {
margin-top:10%;
width:100%;
}

.prenota-button a {
background:#333333;
padding:20px 50px;
text-transform:uppercase;
color:#B02222;
border-radius:8px;
font-weight:bold;
font-size:100%;
letter-spacing:2px;
} 

.header{
background-color:#ffffff;
max-height:100px;
padding:50px 50px 50px 20px;
clear:both;
}

.logo {  
	text-align:left;
}

.logo img {  
	width:358px;
}

.comungsoon {
	font-family: 'Roboto Mono', monospace;
	font-weight:300;
	padding:50px;
	font-size:20px;
}

a {
	color:#ffffff;
	text-decoration:none;
}

a:hover {
	color:#B02222;
	text-decoration:none;
}

.small {
	font-size:0.8em;
}

.regular {
	font-size:1em;
}

.medium {
	font-size:1.3em;
}

.big {
	font-size:3em;
}

.content{
padding:20px;
clear:both;
}

.footer {
	margin: 0px; 
	padding:50px 20px;
	background-color:#2C2C2C;
	text-align:left;
	font-size:16px;
	clear:both;
	min-height:200px;
}

.footer .footer-logo {
	width:150px;
}

.footer .footer-content {
	margin:30px 0px;
}

.subfooter {
	margin: 0px; 
	padding: 20px;
	height:50px;
	font-size:14px;
	color:#ffffff;
	background-color:#221F1F;
	clear:both;
}

.one_half {
	margin: 0px; 
	padding: 0px;
	width: 50%;
}

.one_fourth {
	margin: 0px; 
	padding: 0px;
	width: 25%;
}

.one_fourth p {
	margin: 20px; 
	padding: 0px;
}

.left {
	float: left;
}
.right {
	float: right;
}

.azzurro {
	color:#B02222;
}

.bianco {
	color:#FFFFFF;
}

.contatti {
	font-family: 'Roboto Mono', monospace;
	font-size:18px;
}

.email {
	font-family: 'Roboto Mono', monospace;
	letter-spacing:2px;
	font-size:18px;
	margin:10px 0;
}

/* On screens that are 992px or less, set the background color to blue */
@media screen and (max-width: 898px) {

html body {
	background: none;
	background-color:#000000;
}

.container {
	margin: 0px;
}

.one_half {
	width: 100%;
}

.comungsoon {
	font-family: 'Roboto Mono', monospace;
	font-size: 2rem;
	font-weight:300;
	padding:20px;
}

}