body { font-family: 'Source Sans Pro', sans-serif; line-height: 26px; -webkit-font-smoothing: antialiased; margin: 0; background: #A32935; color:#71716E; font-weight:400; font-size:20px; }
strong { font-weight: 800 }
a { text-decoration: none; transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; color:#A32935 }
a.footer-link { text-decoration: none; transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; color:#FFFFFF; font-size: 14px; display: block; margin-bottom: 10px; }
a:hover { opacity:0.7; }
p { padding:0; margin:0 0 0 0px; }
h1, h2, h3, h4, h5 { color: #71716E; margin: 0; }
h1 { font-size: 72px; line-height: 90px; font-weight: 300; color: #fff }
h2 { margin-bottom:24px; font-size: 42px; line-height: 50px; font-weight:600; color:#A7AAAD }
h2 strong { color:#A32935; font-weight:600 } 
h1 span { color:#fff; font-weight:600 }
h3 { font-weight: 600; font-size: 18px; }
h4 { font-size:20px; font-weight:400; margin:0; padding:0; }
h4 strong{ color:#A32935; font-weight:400; }
.logo { position: absolute; z-index: 5; top:130px; left: 50%; margin-left: -150px; background:rgba(255,255,255,0.89); padding:0; width:300px; }
.logo img{ width:100%; vertical-align:bottom; height:auto }
.content { background: #fff; padding: 50px 0; text-align: center }
.wrapper { width: 1110px; margin: 0 auto }
.clearfix:after { display: table; content: ' '; clear: both; line-height: 0; height: 0; }
.moduli { display: table; width:740px; margin: 46px auto 26px auto; list-style: none; padding: 0; }
.moduli li { display: table-cell; vertical-align: top; text-align: center; width:50% }
.moduli li img { margin-bottom: 16px }
.moduli li h3 { display:block; text-align:center; color:#71716E; 
	font-size: 18px;
	font-weight: 400;
}
.testata-wrapper { background:url(loading.gif) no-repeat 50% 50% }
.testata { height: 500px; color: #FFF; position:relative;  }
.testata div { position: absolute; left: 0; top: 50%; width: 100%; text-align: center; margin-top: -30px }
.testata p.label { position:absolute; bottom:50px; background:#fff; right:0; padding:8px 34px 9px 14px; font-weight:400; font-size:14px; color:#444 }
.footer { text-align: center; padding: 36px 0 42px 0 }
.linkgiallo { color:#A32935 }
.linkgiallo:hover { color:#fff }
.sfogliaCatalogo { display:block }
hr { width:100%; height:1px; overflow:hidden; border:none; background:#A32935; margin:22px 0 }

@media screen and (min-width: 981px) and (max-width: 1140px) {
	.wrapper { width: 960px; margin: 0 auto }
	.moduli li { width: 320px }
	.logo {  margin-left: -480px; }
}
@media screen and (min-width: 781px) and (max-width: 980px) {
	.wrapper { width: 750px; margin: 0 auto }
	.moduli li { width: 250px }
	.logo {  margin-left: -375px; }
	h1 { font-size: 52px; line-height: 70px; }
}
@media screen and (max-width: 780px) {
	.content { padding:50px }
	.wrapper { width: 100%; margin: 0 auto }
	.moduli { display:block; width: 90%; margin: 26px auto 16px auto; list-style: none; padding: 0; }
	.moduli li { float:left; text-align: center; width:100%; padding:20px 0 }
	.logo { margin-left:-150px; }
	h1 { font-size: 42px; line-height: 50px; }
}

.m-auto {
	margin: 0 auto;
}