@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;}

body {width:100%;height:100%; font-family: 'Open Sans', sans-serif; font-size:17px;background: rgba(125,0,16,1);}

html {width:100%;height:100%; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}


.logo {display:none;}
.PromoNatale .logo {displaY:block;width:100%;max-width:160px;margin:0 auto;}
/*.logo {display:none;width:100%;max-width:180px;margin:0 auto 20px;}*/

/*** Struttura ***/
#container {width:100%;height:100%;padding:10px;background:url('/info_richieste/img/background-default.jpg') center center no-repeat;background-size:cover;}
.PromoNatale #container {width:100%;height:100%;padding:10px;background:url('/info_richieste/img/background-promonatale-2020.jpg') right top no-repeat; background-size:cover;}

#content {overflow:hidden;width:100%;max-width:480px;margin:15% auto 0;padding:30px;background:rgba(0,0,0,0.4);}
.PromoNatale #content {overflow:hidden;width:100%;max-width:480px;margin:40px auto 0;padding:30px;background: rgba(125,0,16,0.61);}

/* contenuti */
.head {position:relative; overflow:hidden;width:100%;text-align:center;}
.head h1 {margin:0 0 20px 0;font-size:26px;line-height:28px;font-weight:700;color:#FEC100;}
.head h1 strong {font-size:32px;line-height:32px;font-weight:700;text-transform:uppercase;color:#FFF;}
.head p {margin:0 0 20px 0;font-size:17px; line-height:20px; color:#FFF;}

.info {width:100%;}
/** FORM **/
form 						{overflow:hidden;width:100%;}
fieldset div 		{position:relative;overflow:hidden;width:100%;margin:0 0 12px 0;}
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:#fff;}
fieldset #privacy_box	{margin:0 0 20px 0;paIdding:0 8px 8px 8px;font-size:12px;line-height:18px;background:none;color:#fff;border:none;}
fieldset #privacy_box input {width:13px;height:13px;margin:0 5px 0 0;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;}
#invia {margin:0;}
#invia2 {margin:0;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:18px;font-weight:700;text-transform:uppercase;color:#000;background-color:#FCC200;cursor:pointer;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;}
.item:hover .jqconferma:hover {background-color:#090;color:#fff;transition: all 0.3s}
#nome-errore,#cognome-errore,#telefono-errore,#email-errore,#provincia-errore{display:none;}
.error {position:absolute;bottom:0;right: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, 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;}
a {color:#FFF;}
/* footer */
.footer {clear:both;width:100%;max-width:360px;margin:0 auto; }
.footer p {padding:20px 5px 0;font-size:12px; line-height:15px;text-align:center;color:#FFF;}
/* varie */
.fluid { width:100%; height:auto;}
.titoletto { font-size:20px; text-transform:uppercase;margin-bottom:12px;  }


@media (max-width: 1024px) {
}

@media (max-width: 1024px) and (nin-heigh:1366px) {
}

@media (max-width: 820px) {
.PromoNatale .logo {width:100%;max-width:160px;padding-top:140px;;}
.PromoNatale #container {padding:0;background-size:820px;}
.PromoNatale #content {margin:0px auto 0;background:rgba(125,0,16,1); }
}


@media (max-width: 480px) {
.PromoNatale #container {padding:0;background-size:700px;}
.PromoNatale .logo {width:100%;max-width:160px;padding-top:280px;;}
}



