@charset "UTF-8";
/* CSS Document */

h1, h2, h3, h4 , p, a {font-family: 'Roboto Slab', serif; font-weight: 300;}
body {margin: 0; background-color: #eee;}
ul, li, h1, h2, h3, h4 , p, a {margin: 0; padding: 0}
a { text-decoration: none;}
li {list-style: none;}

#header { width: 100%; height: 100px; background-color: #0a528f;}
#header .main { width: 960px; height: 170px; margin: 0 auto;}
#header ul.menu { width: 628px; float: right; padding-top: 70px;}
#header ul.menu li { float: left;}
#header ul.menu li a { color: #fff; font-size: 14px;}
#header ul.menu li a:hover { color: #67c0ec;}
#header ul.menu .on { color:#67c0ec;}
#header ul.menu .divisore {font-size: 18px; font-weight: 100; color: #fff; padding: 3px 7px 0 7px; float: left;}

#content { width: 960px; margin: 0 auto;}
#content .h1home { font-size: 38px; color:#136fb8; text-align: center; padding: 90px 0 40px 0; display: block; }
#content .fascia { width: 960px;}
#content .fascia .sx {width: 430px; float: left; background-color: #fff; padding: 25px;}
#content .fascia .sx .titoloh3 { font-size: 28px; color: #333; padding-bottom: 20px; }
#content .fascia .sx .regular {font-size: 17px; line-height: 26px; color: #333;}
#content .fascia .dx {width: 480px; float: right;}
#content .fascia .q {width: 240px; height: 240px; float: left; background-color: #136fb8; margin-left: 240px; text-align: center;}
#content .fascia .q .dida { font-size: 16px; font-style: italic; color: #fff; padding-top: 20px;}
#content .fascia a.cta {padding: 8px 20px 10px 20px; background-color: #136fb8; color: #fff; text-align: center;}
#content .fascia a:hover.cta {background-color: #67c0ec;}

#content .fascia a.blu {width: 399px; height: 40px; display: block; padding: 40px; background-color: #136fb8; float: right;}
#content .fascia a:hover.blu {background-color: #333;}
#content .fascia .blu-q {width: 200px; height: 200px; display: block; padding: 20px; text-align: center; background-color: #136fb8; float: left; margin-left: 240px;}
#content .fascia a:hover.blu-q {background-color: #333;}

#content .titoloh2 { font-size: 32px; color: #333; padding: 40px 0; text-align: center; }
#content a.txtlink { color: #67c0ec; font-size: 16px; font-weight: 300px; padding-left: 20px;}
#content a:hover.txtlink { color: #666;}

a.linktxt { color: #67c0ec; font-size: 16px; font-weight: 300px;}
a:hover.linktxt { color: #666;}

#footer { width: 100%; background-color: #fff;}
#footer .main { width: 960px; margin: 0 auto; padding: 25px; text-align: center;}
#footer .main .regular { color: #333; font-size: 16px;}
#footer .main a.cta { color: #6ebdeb;}
#footer .main a:hover.cta { color: #999;}

.campoform {border: 1px #999 solid; font-size: 14px; color: #666;}