@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;}
/*** typo **/
h1,h2,h3,h4 {font-family: 'Signika', sans-serif;}
/*** Struttura ***/
body {width:100%;height:auto;font-family:'Open Sans', sans-serif;font-size:16px;}
#container {width:100%;max-width:960px;min-width:310px;margin:0 auto;}
/* heading */
#header-cont {overflow:hidden;width:100%;background:#FEFD32;}
#header {overflow:hidden;width:100%;max-width:960px;min-width:310px;margin:0 auto;}
#header-grafica {display:table;float:left;width:50%;padding:8%;}
#header-grafica img {width:100%; height:auto;}
#header-ragazzo {float:left;width:50%;max-height:400px;text-align:center;}
#header-ragazzo img {width:80%;height:auto;}
/* contenuti */
#testo {overflow:hidden;padding:30px 40px 10px 40px;background-color:#FFF;}
#testo p {padding:0 0 20px 0;}
#testo h1 {padding:0 0 24px 0;font-size:24px;line-height:26px;font-weight:700;text-transform:uppercase;color:#B61A22;}
#testo h2 {font-size:19px;line-height:20px;font-weight:700;color:#232F72;}
#testo h4 {font-size:19px;line-height:20px;font-weight:700;color:#B61A22;}
#testo ul {margin:-10px 0 20px 15px;}
#testo ul li {padding:0 0 2px 0;}
/* footer */
#footer-cont {overflow:hidden;width:100%;background:url(/info_adulti_diploma/img/bk-yellow-50.png) left top repeat;}
#footer {overflow:hidden;width:100%;max-width:930px;min-width:310px;margin:0 auto;padding:20px;}

/** FORM **/
form 						{overflow:hidden;width:100%;}
fieldset div 		{position:relative;float:left; width:50%;margin:0 0 10px 0;padding-right:10px;}
fieldset input, 
fieldset select, 
fieldset textarea {width:100%;padding:10px 10px;font-size:13px;background:none;background:rgba(255,255,255,0.8)!important;}
input::placeholder {opacity:1;}
input:focus, select:focus, textarea:focus {box-sizing: border-box; outline:none;}
select {-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.select {background: url("/images/select-arrow-white.png") no-repeat 97% 50%;color:#224771!important;}
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:11px;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 {float:right;width:50%; }
#invia2 {width:100%;max-width:220px;margin:0 auto;border:none;}
.item {float:none;border:none;background:none;}
.item .jqconferma {display:block;width:100%;margin:0;padding:8px 0;font-family: 'Raleway', sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;color:#ffffff;background-color:#224771!important;cursor:pointer;border-radius:3px;-moz-border-radius:30px;-webkit-border-radius:3px;}
.item:hover .jqconferma:hover {background-color:#393;transition: all 0.3s}
#nome-errore,#cognome-errore,#telefono-errore,#email-errore,#provincia-errore{display:none;}
.error {position:absolute;bottom:0;right:10px;margin:0!important;padding:2px!important;font-size:10px!important; line-height:9px!important;background-color:rgba(192,8,31,05);color:#FFFFFF;}
input, select {border:#224771 solid 1px; background:rgba(255,255,255,0.5);}
input:focus, select:focus {border:#224771 solid 1px;}
input:required:focus:invalid, select:required:focus:invalid {border:rgb(169,57,6) solid 1px;background:none;} 
input:required:valid, select:required:valid {border:#0C0 solid 1px;background:none;}


/** firma **/
#firma {display:table;width:100%;padding:10px 0;border-top:#FF0000 solid 1px;}
#firma img {float:left;width:110px; height:auto; padding:5px 0 5px 30px}
#firma p { display:table-cell;padding:0 10px 0 0;font-size:11px; vertical-align:middle;}
/* varie */
.hidden {}
.hidden2 {}
.hidden-desk {display:none;}
.click {cursor:pointer;}
.click:hover { text-decoration:underline;;}
#back_to_top {position:fixed;bottom:15px;right:15px;cursor:pointer;}
	
@media (max-width: 650px) {
}

@media (max-width: 580px) {
/* heading */
#header-grafica {padding:10% 0 0 20px;}
#header-ragazzo img {width:100%;height:auto;}
/* contenuti */
#content {margin:0;}
#testo h1 {padding:0 0 16px 0;}
#testo {padding:20px 20px 10px 20px;}
/* form */
form {padding:20px;}
fieldset div 		{float:left;margin:0 0 12px 0; width:100%;}
/** firma **/
#firma img {padding:5px 10px 5px 20px}
}
		
@media (max-width: 480px) {
/* varie */
.hidden {display:none;}
.hidden-desk {display:block;}
}