@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;}
.clear {clear:both; width:100%;height:0; margin:0;padding:0;border:none;}

/*** Struttura ***/
body {width:100%;height:auto;font-family: 'Lato', sans-serif;font-size:18px;}
/** HEADING **/
#heading-cont {overflow:hidden;width:100%;background-color:#CAD8DD;
-webkit-box-shadow: 0px 30px 20px rgba(0,0,0,0.33);
-moz-box-shadow: 0px 30px 60px rgba(0,0,0,0.33);
box-shadow: 0px 30px 60px rgba(0,0,0,0.33);}
/* brand */
.brand-cont {width:100%;background-color:#FFF;padding:0 10px 0 10px;}
.brand {position:relative;width:100%;max-width:1440px; height:54px;margin:0 auto;z-index:2;}
.brand .logo {position:absolute;top:6px;width:100%;padding:0 20px;}
.brand .logo img {width:170px;height:auto;}
/* header */
.header-cont {overflow:hidden;width:100%;max-width:2560px;margin:0 auto;padding:0 20px;background:url(/info_pilota_aerei/img/2020-10-header.jpg) left top no-repeat; background-size:cover;z-index:1; }
.pre-header {overflow:hidden;width:100%;max-width:1440px;margin:0 auto;}
.header {float:right; width:auto;padding:30px;background-color:rgba(255,255,255,0.85);}
.head-cont {float:left; width:400px;padding:0 25px 0 0;}

/* head dem */
.head {width:100%;}
.head h1 {margin:0 0 5px 0;font-size:26px;line-height:36px;font-weight:400;color:#002D64;}
.head h1 strong {font-size:43px;line-height:42px;font-weight:900; text-transform:uppercase; color:#900}
.head  p {margin:0 0 40px 0;font-size:24px;}

/* head.diretto */
.head.diretto {overflow:hidden;width:100%;}
.head.diretto  h1 {margin:0 0 30px 0;}
.head.diretto  h1 strong {font-size:43px;line-height:42px;font-weight:900; text-transform:uppercase; color:#900}

/* cont */
.cont {width:100%;}
.cont h2 {margin:0 0 10px 0;font-size:23px;line-height:24px;font-weight:900;color:#002D64;}
.cont h4 {margin:30px 0 0 0;font-size:30px;line-height:30px;font-weight:900; text-transform:uppercase;color:#900;}
.cont p {font-size:18px;line-height:26px;margin:0 0 4px 0;}
.cont p.bottone {width:200px;margin:20px 0 0 0;padding:4px 0 6px 0; text-align:center;font-weight:700; background-color:#FFF;color:#930;border:#930 solid 1px;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;cursor:pointer;}
.cont p.bottone:hover {background-color:#FFC;}
/* info */
.info {float:right;width:260px;z-index:100;}
/** FORM **/
form 						{overflow:hidden;width:100%;}
fieldset div 		{position:relative;overflow:hidden;width:100%;margin:0 0 10px 0;}
fieldset input, fieldset select, fieldset textarea {width:100%;padding:10px 10px;font-size:13px;border:#c4c4c4 solid 1px; background-color:#FFF;}
input:focus, select:focus, textarea:focus {box-sizing: border-box;background-color: #F2FFCC; border:none; outline: none;}
select {-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.select {color:#888;background:#fff url(/assets/img/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	{margin:0;padding:0 8px 8px 8px;font-size:12px;line-height:16px;background:none;color:#001C48;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 #domanda {display:none;}
#invia {width:100%; max-width:200px;margin:0 auto;}
#invia2 {margin:0;border:none;}
.item {float:none;border:none;background:none;}
.item .jqconferma {display:block;width:100%;margin:0;padding:8px;font-family: 'Raleway', sans-serif;font-size:16px;font-weight:700;text-transform:uppercase;color:#FFF;background-color:#224771;cursor:pointer;border-radius:16px;-moz-border-radius:16px;-webkit-border-radius:16px;}
.item:hover .jqconferma:hover {background-color:#900;transition: all 0.3s}
#nome-errore,#cognome-errore,#telefono-errore,#email-errore,#provincia-errore{display:none;}
.error {position:absolute;bottom:0;left:0;margin:0!important;padding:2px!important;font-size:10px!important; line-height:9px!important;background-color:rgba(192,8,31,05);color:#FFFFFF;}
/* validazione html5 */
input, select {border:#c4c4c4 solid 1px;}
input:required, select:required {border:#c4c4c4 solid 1px;}
input:required:focus:invalid, select:required:focus:invalid {border:#F00 solid 1px;}
input:required:valid, select:required:valid {border:#0C0 solid 1px;}/* footer */
/** CONTENUTI **/
#container {overflow:hidden;width:100%;max-width:1440px;margin:0 auto;padding:60px 15px 0 15px;}
section {overflow:hidden;margin:0 0 40px 0;}
#container h2 {margin:0 0 10px 0;font-size:23px;line-height:24px; font-weight:700;color:#002A62;}
#container h4 {margin:0 0 10px 0;font-size:23px;line-height:24px; font-weight:700;font-weight:600;color:#900;}
#container p {margin:0 0 30px 0; line-height:26px;}
/* colonne */
.col-cont {display:inline-table; width:49%;margin:0 0 10px 0; border-left:#CCCCCC solid 2px; }
.col {padding:0 20px 0 20px;}
.col ul.up {margin:-20px 0 10px 20px;}
.col ul {margin:12px 0 10px 20px;list-style:square;}
.col ul li {line-height:26px;}
/** footer **/
#footer-cont {width:100%; height:200px;background-color:#CAD8DD;}
#footer {overflow:hidden;width:100%;max-width:1440px;margin:0 auto;}
#footer p {padding:30px 15px;font-size:15px;text-align:left;color:#000;}
/** VARIE **/
.title-under {display:block;margin:3px 0 0 0;background:rgb(169,57,6);height:1px;width:200px;}
.title-under:after {content:'';display:block;width:100px;background:inherit;height:3px;margin-top:6px;}
.link {cursor:pointer; text-decoration:underline;color:#33C;}
#back_to_top {position:fixed;bottom:15px;right:15px;cursor:pointer;}
.intero {display:inline-block;}
.rosso {color:#900;}
.desk-hidden {display:none;}
.maiusc { text-transform:uppercase;}

@media (max-width: 1200px) and (min-width: 999px) {
.header-cont {background-position:left -20px top;}
.head-cont { width:340px;padding:0 15px 0 0;}
.head h1 {margin:0 0 50px 0;font-size:22px;line-height:26px;}
.head h1 strong {font-size:38px;line-height:40px;}
}


@media (max-width: 1000px) {
/** HEADING **/
#heading-cont {overflow:hidden;width:100%;background-color:#fff;}
/* header */
.header-cont {padding:320px 0 0 0;background-position:right top;}
.header {width:100%;padding:20px;background-color:rgba(255,255,255,1);}
.head-cont { width:60%;}
/* head */
.head {}
.head h2 {margin:0 0 20px 0;}
/* cont */
.cont {padding:0;}
.cont p.bottone {width:100%;max-width:400px;margin:40px 0 20px 0;}
/* colonne */
.col-cont {width:100%;border:none;}
.col {padding:0;}
/* info */
.info {float:left;width:40%; max-width:1000px;padding:0 0 20px 0;}
}

@media (max-width: 820px) {
.brand .logo {position:relative; max-width:170px; margin:0 auto;}
/* header */
.header-cont {width:100%;padding:340px 0 0 0;background-position:left  top;background-size:1600px; }
.header {overflow:hidden;float:none;width:100%; max-width:600px; margin:0 auto;padding:20px;background-color:rgba(255,255,255,0.99);}
/* head */
.head-cont {width:100%;padding:10px 0;}
.head {float:none;width:100%; text-align:center;}
.head h1 {margin:0 0 30px 0;}
/* info */
.info {width:100%;}
/* cont */
#container {width:100%;max-width:500px; margin:0 auto;}
#container h2, #container h4 {text-align:center;}

.col-cont {}
.cont {padding:0;width:100%;}
.cont p, 
.cont h2, 
.cont h4 
{text-align:center;}
.cont p.bottone {max-width:300px; margin:10px auto 20px}
#footer {owidth:100%;max-width:500px;margin:0 auto;}
/** VARIE **/
.title-under {margin:10px auto;}
.title-under:after {margin:0 auto}
.desk-hidden {display:block;}

}

@media (max-width: 420px) {
.header-cont {padding:260px 0 0 0;background-position:left top;background-size:800px; }
.header {padding:10px;background-color:rgba(255,255,255,1)}
.head h1 {margin:0 0 20px 0;font-size:24px;line-height:26px;}
.head h1 strong {font-size:40px;line-height:46px;}


}

