* { 
	padding: 0px; 
	margin: 0px; 
	border: 0px; 
	outline: 0px; 
}

/* ============================================================================ */
/* 1. V3R0 Custom Grid													*/
/* ============================================================================ */

.container { 
	margin: 0px auto 0px auto;
	width: 100%;
}

.row:after {
	content: '';
	display: block;
	clear: both;
}

.col {
	float: left;
}

.c1 { width: 6.5%; }
.c2 { width: 15%; }
.c3 { width: 23.5%; }
.c4 { width: 32%; }
.c5 { width: 40.5%; }
.c6 { width: 49%; }
.c7 { width: 57.5%; }
.c8 { width: 66%; }
.c9 { width: 74.5%; }
.c10 { width: 83%; }
.c11 { width: 91.5%; }
.c12 { width: 100%; }

.col .col { margin-bottom: 0px; }

.c4 .c3 { width: 73%; }

.c8 .col { margin-left: 3%; }
.c8 .c3 { width: 35.6%; }
.c8 .c4 { width: 48.5%; }

.col:first-child { margin-left: 0px; }

.offset1 { margin-left: 10.5% !important; }
.offset2 { margin-left: 19% !important; }
.offset3 { margin-left: 27.5% !important; }
.offset4 { margin-left: 36% !important; }
.offset5 { margin-left: 44.5% !important; }
.offset6 { margin-left: 53% !important; }
.offset7 { margin-left: 61.5% !important; }
.offset8 { margin-left: 70% !important; }
.offset9 { margin-left: 78.5% !important; }
.offset10 { margin-left: 87% !important; }
.offset11 { margin-left: 95.5% !important; }

.offset1:first-child { margin-left: 8.5% !important; }
.offset2:first-child { margin-left: 17% !important; }
.offset3:first-child { margin-left: 25.5% !important; }
.offset4:first-child { margin-left: 34% !important; }
.offset5:first-child { margin-left: 42.5% !important; }
.offset6:first-child { margin-left: 51% !important; }
.offset7:first-child { margin-left: 59.5% !important; }
.offset8:first-child { margin-left: 68% !important; }
.offset9:first-child { margin-left: 76.5% !important; }
.offset10:first-child { margin-left: 85% !important; }
.offset11:first-child { margin-left: 93.5% !important; }

.c4 .c3.offset1 { margin-left: 27% !important; }

.c8 .c3.offset1 { margin-left: 13% !important; }


body {
	background: #fff;
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
}

h1, 
h2, 
h3, 
h4 {
	font-family: 'Prata', serif;
	font-weight: 400;
	color: #15223f;
}

h5 { 
	color: #15223f; 
}

p {
	line-height: 1.5em;
	margin-bottom: 1.2em;
}

p strong { 
	color: #15223f; 
}


a { 
	text-decoration: none; 
	color: #15223f;
}

li { 
	list-style: none; 
}

img {
	display: block;
	width: 100%;
	height: auto;
}

blockquote {
	position: relative;
	margin: 1.5em 0px 1.5em 0px;
	font-weight: 300;
	font-style: italic;
	font-size: 18px;
}

blockquote:before {
	content: '';
	display: block;
	width: 50px;
	height: 50px;
	position: absolute;
	left: -16%;
	top: -15px;
	background: url(/images/misc/bg-quotes.png) no-repeat;
}


#head { 
	background: #FFF;
	padding: 20px 0px 50px 0px; 
}

.home #head { 
	background: transparent !important;
	position:absolute;
	z-index: 100;
	width: 100%;
}

#head .container { position: relative; }

/* ============================================================================ */
/* 2. V3R0 Loghi e Home												*/
/* ============================================================================ */

#logo {
	overflow: hidden;
	margin-top: 0px;
	width: 237px;
	height:81px;
	max-width: 356px;
	display: block;
	text-align: center;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 50px;
	padding-right: 20px;
	padding-bottom: 25px;
	padding-left: 20px;
}

#logobar {
	overflow: hidden;
	margin-top: 0px;
	width: 356px;
	max-width: 356px;
	display: block;
	text-align: center;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 180px;
	padding-right: 20px;
	padding-bottom: 25px;
	padding-left: 20px;
}

#avviso {
	overflow: hidden;
	margin-top: 0px;
	width: 100%;
	max-width: 474px;
	display: block;
	text-align: center;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	color: #C40000;
	font-weight:600;
	font-size: 18px;
}

#avanti {
	overflow: hidden;
	margin-top: 0px;
	width: 100%;
	max-width: 474px;
	display: block;
	text-align: center;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	color: #FF0000;
	font-weight:600;
	font-size: 18px;
}

#boxform {
	overflow: hidden;
	margin-top: 0px;
	width: 100%;
	max-width: 474px;
	display: block;
	text-align: center;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 25px;
	padding-right: 20px;
	padding-bottom: 25px;
	padding-left: 20px;
}

.frm-wrap { 
	border-top: 1px dashed #555;
	margin-bottom: 1em; 
	padding-top: 1em;
}

.frm-wrap label {
	color: #000;
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 22px;
	display: block;
}

.frm-text, .frm-textarea, .frm-select {
	border-radius: 8px;
	color: #21211A;
	font-size: 16px;
	text-align:center;
	border: 1px solid rgba(33,33,26,1);

}

.frm-text:focus, .frm-select:focus, .frm-textarea:focus { background: #FF0000; }

.frm-submit {
	border-bottom: 2px solid rgba(0,0,0,0.5);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	border-radius: 8px;
	background: #466556;
	color: #fff;
	-webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.3);
	box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.3);
	-webkit-transition: 0.2s ease-in-out; 
	-moz-transition: 0.2s ease-in-out; 
	transition: 0.2s ease-in-out;
}

.frm-submit:hover { border-radius: 3px; }

.frm-contact {
	font-size: 22px;
}

.frm-contact .frm-text, .frm-contact .frm-select { 
	width: 50%; 
	height: 50px;
}

.frm-contact .frm-text.large { width: 100%; }

.frm-contact .frm-select { background: url(/images/misc/arrow-down.png) no-repeat 95% center; }

.frm-contact .frm-textarea { width: 100%; }

.frm-submit {
	margin-bottom: 10px;
	font-size: 16px;
	width: 50%;
	height: 50px;
}

/* ============================================================================ */
/* 3. V3R0 Navigazione												*/
/* ============================================================================ */

#toggle-nav { 
	display: none; 
}

#menu {
	text-align: center;
	color: #D42E12;
	font-weight: 500;
	border-top: 1px dashed #555;
	border-bottom: 1px dashed #555;

}

#menu a { 
	padding: 0px 5px 0px 5px; 
	color: #D42E12;
}

#menu .sel a, #menu a:hover {
	color: #21211A;
}

#menu ul {
	font-size: 22px;

}

#menu li { 
	display: inline-block;
	margin-left: 120px;
}



@media only screen and (min-width: 1280px) {
	
	body { font-size: 14px; }
	
	.container { width: 80%; }
	
	#menu ul { padding-top: 110px; }
	
	.page .serv-list li { font-size: 18px; }
	
	.banner .title h3  { font-size: 18px; }
	.banner .title h3 strong { font-size: 22px; }
}

/* ============================================================================ */
/* 5.2 - Tablet Portrait 768px - 991px width									*/
/* ============================================================================ */

@media only screen and (min-width: 768px) and (max-width: 991px) {
	
	#logo {
		width: 100%;
		max-width: 178px;
	}
	
		#logobar {
		width: 100%;
		max-width: 178px;
	}
	
		#avviso {
		width: 100%;
		max-width: 237px;
	}
	
		#boxform {
		width: 100%;
		max-width: 237px;
	}

}

/* ============================================================================ */
/* 5.3 - Smarthphone max-767px width											*/
/* ============================================================================ */

@media only screen and (max-width: 767px) {

	.col, 
	.col:first-child, 
	.offset2:first-child { 
		margin: 0px 0px 2% 0px !important;
		width: 100% !important; 
		float: none;
	}
	
	.c4 .c3.offset1, 
	.c8 .c3.offset1 { 
		margin-left: 0px !important; 
	}
	
	#logo {
		width: 100%;
		display: block;
        margin: 0px auto;
        text-align: center;
		max-width: 178px;
	}
	
		#logobar {
		width: 100%;
		display: block;
        margin: 0px auto;
        text-align: center;
		max-width: 230px;
	}
	
		#avviso {
		width: 100%;
		display: block;
        margin: 0px auto;
        text-align: center;
		max-width: 237px;
		color: #FF0000;
	}
	
		#boxform {
		width: 100%;
		display: block;
        margin: 0px auto;
        text-align: center;
		max-width: 237px;
	}
}