@charset "utf-8";
/* Reset.css */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ""; content: none;}
.clearfix:before, .clearfix:after {content: ""; display: table; }
.clearfix:after {clear: both;}
.clearfix {zoom: 1;}
html {/*overflow-y: scroll;*/ -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
* {margin:0; padding:0;border:none;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; outline:none;}
.clear {clear:both; width:100%;height:0; margin:0;padding:0;border:none;}


body {width:100%;height:auto;font-family: 'Raleway', sans-serif; font-size:18px;}
.row {clear:both;overflow:hidden;margin:0 0 20px 0;}
.col-md-6 {float:left; width:50%;margin:0 0 20px 0;padding:0 25px; border-left: #F90 dotted 2px;/*border-right: #F90 dotted 1px;*/}
.col-md-6 p {margin:0;}
.col-md-6 h2 {margin:0;}

h2 {margin:0 0 8px 0;font-size:24px;color:#AD1513;}
h4 {margin:0 0 8px 0;font-size:24px;color:#AD1513;}
p {margin:0 0 20px 0; line-height:28px; font-weight:400;color:#002755;}
/** HEADING **/
.header-cont {position:relative;overflow:hidden; width:100%;margin:0 0 50px 0; background-color:#FDC702;
-webkit-box-shadow: 0px 0px 40px rgba(0,0,0,0.33);
-moz-box-shadow: 0px 0px 40px rgba(0,0,0,0.33);
box-shadow: 0px 0px 40px rgba(0,0,0,0.33);}

.header {overflow:hidden; width:100%; max-width:1280px; margin:0 auto;padding:0 40px; background:url('/info_nientepaura/img/header.jpg') right top no-repeat; background-size:cover;}
.head { width:100%;padding:160px 50% 160px 0;}
.head h1 {margin:0 0 10px 0;font-size:48px; line-height:46px; font-weight:900; text-transform:uppercase;color:rgba(147,24,19,1);}
.head h2 {font-size:32px; line-height:36px;font-weight:500;color:#002755;}

/** CONTENUTI **/
.container {overflow:hidden; width:100%; max-width:1280px; margin:0 auto 30px;padding:0 40px;}
.container ul {margin:0 0 20px 16px;}
.abstract {}
.abstract h2 {margin:0 0 12px;font-size:28px;color:#AD1513;}
.abstract p {margin:0 0 20px 0;font-size:20px;}

/** FOOTER **/
.footer-cont {overflow:hidden; width:100%; background-color:rgba(252,194,0,0.6);}
.footer {overflow:hidden; width:100%; max-width:1280px; margin:0 auto;padding:40px 30px;}
.footer p {}

#info {overflow:hidden;width:100%;}
/** FORM **/
form 						{}
fieldset div 		{position:relative;overflow:hidden;float:left;width:50%;margin:0 0 12px 0;padding:0 10px;}
fieldset input, fieldset select, fieldset textarea {width:100%;padding:10px 10px;font-size:13px;background-color:#FFF;}
/*input:focus, select:focus, textarea:focus {box-sizing: border-box;background-color:#F1FEDE; border:none;}*/
select {-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.select {color:#888;background:#fff url(/images/select-arrow.png) no-repeat 97% 50%;}
fieldset #campi-obbligatori {background:none;border:none;}
fieldset #campi-obbligatori label {font-size:13px;color:#000;}
fieldset #privacy_box	{ width:100%;margin:0 0 20px 0;padding:0 8px 8px 8px;font-size:12px;line-height:16px;background:none;color:#000;border:none;}
fieldset #privacy_box input {width:15px;height:15px;padding:4px 0 0 0;}
fieldset #privacy_box strong {font-size:12px; font-weight:700;}
fieldset #privacy_box span {display:inline-table;}
fieldset #variabili {display:none;background:none;}
fieldset .servizi {display:none;background:none;}
#invia {clear:both;}
#invia2 { max-width:280px;border:none;}
.item {float:none;border:none;background:none;}
.item .jqconferma {display:block;width:100%;height:48px;margin:0;padding:0;font-family: 'Raleway', sans-serif;font-size:20px;font-weight:700;text-transform:uppercase;color:#FFF;background-color: rgba(51,153,0,1);cursor:pointer;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;}
.item:hover .jqconferma:hover {background-color:#060;transition: all 0.3s}
#nome-errore,#cognome-errore,#telefono-errore,#email-errore,#provincia-errore{display:none;}
.error {position:absolute;bottom:0;left:10px;margin:0!important;padding:2px!important;font-size:10px!important; line-height:9px!important;background-color:#224771;color:#FFFFFF;}
/*validazione html5 */
input, select, input:focus, select:focus {border:#c4c4c4 solid 1px;}
input:required:focus:invalid, select:required:focus:invalid {border:red solid 1px;} 
input:required:valid, select:required:valid {border:#0C0 solid 1px;}

/* VARIE */
.fluid { width:100%; height:auto;}
.pad-10 {padding:20px 10px 0; font-size:13px;}
.pad-0-10 {padding:0 10px;}
.pad-20-10 {padding:20px 10px;}
.center {text-align:center;}
.link { text-decoration:underline;cursor:pointer;color:#339;}
.intero {display:inline-block;}
.orange {color:#AD1513!important;}


@media (max-width: 640px) {
.head {padding:120px 50% 120px 0;}
}


@media (max-width: 768px) {
.head {padding:90px 50% 90px 0;}
.head h1 {font-size:34px; line-height:32px;}
.head h2 {font-size:23px; line-height:27px;}
/** HEADING **/
.abstract p {margin:0 0 20px 0;}
/** CONTENUTI **/
.container {padding:0 20px;}
.col-md-6 {width:100%;padding:0;border-left:}
fieldset div 		{width:100%;padding:0;}
.footer {padding:30px 20px;}
.pad-0-10 {padding:4px 0;}
}

@media (max-width: 648px) {
.head {padding:60px 50% 60px 0;}
}

@media (max-width: 480px) {
.max380 {width:100%; max-width:380px; margin:0 auto;}
.header-cont {height:630px;background:#FDC702 url('/info_nientepaura/img/header.jpg') right -40px top no-repeat; background-size:1100px;}
.header {padding:0; background:none;}
.head {position:absolute;bottom:0;left:0;padding:20px; text-align:center;}
.head h1 {margin:0 0 4px 0;font-size:30px; line-height:30px;}
.head h2 {padding-right:40px;font-size:22px; line-height:26px;}

}


@media (max-width: 360px) {
.header-cont {height:650px;background-size:1050px;}
}
@media (max-width: 320px) {
.header-cont {height:650px;background-size:1000px;}
}