/* CSS Document */
/* 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:auto;font-family: 'Barlow', sans-serif;font-size:17px; font-weight: 400;background-color:rgb(204,217,230);}
strong {font-weight:600;}
/** HEADING **/
.header-cont { overflow:hidden; width: 100%; background-color:rgba(61,109,159,1);}
.header {overflow:hidden;width: 100%;max-width: 1440px;margin: 0 auto;}
/* contenitore sinistra */
.head {float:left;width:75%;padding:20px 20px 20px 20px; background:url('/info_avanzare_in_graduatoria/img/header.webp') right bottom no-repeat; background-size:contain;}
/* contenuti sinistra */
.logo {width:100%; max-width:350px;}
/* titolo */
.head-title {clear:both;float:left;width: 58%; padding:20px; background-color:rgba(61,109,159,0.2);}
.head-title h1 {margin:10px 0 0px;font-size:24px; line-height:28px;font-weight:600;color: rgba(255,204,51,1)}
.head-title p {font-size:37px; line-height:36px;font-weight:800;text-transform:uppercase;color:rgba(255,255,255,1)!important;}
/* contenuti */
.head-cont {clear:both;float:left;width: 58%;padding:10px 20px 46px 20px; background-color:rgba(61,109,159,0.2);}
.head-cont h2 {margin:0px 0 4px 0;font-size:20px; line-height:22px; font-weight:700;color: rgba(255,204,51,1);}
.head-cont h3 {margin:0px 0 16px 0;font-size:20px; line-height:22px; font-weight:700;color: rgba(255,204,51,1);}
.head-cont p {margin:0 0 20px 0;line-height:24px;color:rgba(255,255,255,1);}
.head-cont .link {cursor:pointer; text-decoration:underline;color: rgba(255,255,153,1);}

/** FORM **/
#cont-form {float:right; width:25%;padding:20px 30px;background-color: rgba(0,65,130,0.0);}
#cont-form h2 {margin:10px 0 20px 0; font-size:24px; line-height:24px; text-align:center;text-transform:uppercase;color: rgba(255,204,51,1);}
form 						{overflow:hidden;width:100%;}
fieldset div 		{position:relative;margin:0 0 8px 0;}
fieldset input, fieldset select, fieldset textarea {width:100%;padding:10px 10px;font-size:13px;text-transform:uppercase;background:none;color:rgba(255,204,51,1)!important;}
fieldset select option {color:#888;}
input::placeholder {opacity:1;}
input:focus, select:focus, textarea:focus {box-sizing: border-box;background:none;border:none;outline:none;}

select {-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.select {background:url('/img/select-arrow.png') no-repeat 97% 50%;color:#fff!important;}
fieldset #campi-obbligatori {background:none;border:none;}
fieldset #campi-obbligatori label {font-size:11px;color:#ffffff;}
fieldset #privacy_box	{margin:0 0 10px 0;padding:0 8px 8px 8px;font-size:11px;line-height:17px;background:none;color:#ffffff;border:none;}
fieldset #privacy_box input {width:15px;height:15px;padding:4px 0 0 0;}
fieldset #privacy_box strong {font-size:11px; font-weight:700;}
fieldset #privacy_box span {display:inline-table;}
fieldset #variabili {display:none;background:none;}
fieldset #domanda {display:none;}
.servizi {display:none;}
fieldset a {color:rgba(255,255,153,1);}
#invia {margin:0 auto 10px;width:100%; max-width:240px;}
#invia2 {margin:0 auto;border:none;}
.item {float:none;border:none;background:none;}
.item .jqconferma {display:block;width:100%;height:40px;margin:0;padding:0;font-family: 'Montserrat', sans-serif;font-size:17px;font-weight:700;text-transform:uppercase;color:rgba(61,109,159,1)!important;background-color: rgba(255,204,51,1);cursor:pointer;/*border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px;*/}
.item:hover .jqconferma:hover {background-color:#fff;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;}

input, select, input:focus, select:focus {border-bottom:#ffffff solid 1px; background:rgba(255,255,255,0.4);}
input:required:focus:invalid, select:required:focus:invalid {border-bottom:rgb(169,57,6) solid 1px;background:none;background:rgba(255,255,255,0.4);} 
input:required:valid, select:required:valid {border-bottom:#0C0 solid 1px;background:none;}
::placeholder {color:#fff; opacity: 1;}
:-ms-input-placeholder {color:#fff;}
::-ms-input-placeholder {color:#fff;}
/*** CONTENUTI ***/
#container {display:table;overflow:hidden;width: 100%;max-width: 1440px;margin: 0 auto;/*background-color: rgba(254,199,0,0.4);*/}
.content {float:left; width:75%;padding:50px 40px 20px 40px ;/*background-color: rgba(255,255,255,1);*/}
.col-md6 {float:left;width:50%;padding:0 30px 0 0;}

.content p {margin:0 0 30px 0;font-weight: 400; line-height:22px;}
.content h2 {margin:0 0 3px 0;font-size:21px; line-height:22px; font-weight:600;color:#166393;}
.content h3 {margin:0 0 3px 0;font-size:21px; line-height:22px; font-weight:600;color:rgba(131,3,3,15);}
.content ul {margin:0 0 30px 30px;line-height:22px;}
.content ul.up {margin:-22px 0 30px 16px}
.content ul li {font-weight: 400;margin:0 0 0px 0; line-height:22px;}

.content ol {margin:0 0 30px 30px;line-height:26px;}
.content ol li {font-weight: 400;margin:0 0 4px 0;}
/* side */
.side {position:relative;float:right; width:25%;padding:50px 30px;}
.side-txt {text-align:center;}
.side-txt p {margin:0 0 10px 0;line-height:22px;font-weight:400;font-size:16px;}
.side-txt h3 {margin:0 0 4px 0;font-size:21px; line-height:22px; font-weight:600;color:#166393;}
.side-txt ul {margin:0 0 10px 16px;}
.side-txt li {font-size:15px;}

/*** footer ***/
.footer {}
.footer p {font-size:14px; font-weight:400; text-align:center;color:rgba(61,109,159,1);font-weight:600;}
/*** VARIE ***/
.fluid { width:100%; height:auto;}
.link {cursor:pointer; text-decoration:underline;color:#33C;}
.intero { display:inline-block;}
#back_to_top {position:fixed;bottom:15px;right:15px;cursor:pointer;}
.normal { font-weight:400;}
.hidden {}
.hidden-desk {display:none;}

.hr-text {margin-top:30px;line-height:1em;position: relative;outline: 0;border:0;color:black;text-align:center;height:1.8em;opacity:.99; font-weight:700;}
.hr-text:before {content: '';background: linear-gradient(to right, transparent, #000000, transparent);position:absolute;left: 0;top:50%;width:100%;height:1px;}
.hr-text:after {content: attr(data-content);position: relative;display: inline-block;color:black;padding: 0 .5em;line-height: 1.5em;color:rgba(61,109,159,1);background-color:rgb(204,217,230);}

.arrow {padding:0 0 0 26px; background:url(/info_avanzare_in_graduatoria/img/arr-action.png) left top no-repeat;}

@media (max-width: 1100px) {
.head {width:70%;background-position:right -60px bottom;}
/* contenuti sinistra */
.logo {max-width:300px;}
/* titolo */
.head-title {width:70%;}
.head-title h1 {margin:0;font-size:28px;line-height:28px;}
.head-title p {font-size:32px; line-height:32px;}
/* contenuti */
.head-cont {width: 70%;padding:0px 20px 20px 20px;background-color:rgba(61,109,159,0.6);}
.head-cont h2 {font-size:19px; line-height:21px;}
.head-cont h3 {font-size:19px; line-height:21px;}
.head-cont p {}
/** FORM **/
#cont-form {width:30%;}
/*** CONTENUTI ***/
.content {width:70%;padding:40px;}
/* side */
.side {width:30%;}
}

@media (max-width: 890px) { /* collapse */
.header {max-width: 500px;}
/* contenitore sinistra */
.head {width:100%;padding:10px 10px 0 10px; background-position:top 140px center;/* background-size:430px;*/}
/* contenuti sinistra */
.logo {margin:0 auto;max-width:260px;}
/* titolo */
.head-title {clear:both;float:left;width:100%;margin-bottom:360px;padding:5px 20px; text-align:center;}
/* contenuti */
.head-cont {clear:both;float:left;width: 100%;text-align:center;padding:20px;background-color:rgba(61,109,159,0.6);}
/** FORM **/
#cont-form {float:right; width:100%;padding:0px 30px 30px ;}
/*** CONTENUTI ***/
#container {max-width: 520px;}
.content {width:100%;padding:40px 40px 0px 40px;}
.col-md6 {width:100%;padding:0;}
/* side */
.side {width:100%;}
/** varie **/
.hidden {display:none;}
.hidden-desk {display:block;}
}

@media (max-width: 460px) {
.head {background-position:top 150px right;background-size:390px;}
/* contenuti sinistra */
.logo {}
/* titolo */
.head-title {margin-bottom:310px;padding:5px 10px;}
.head-title h1 {font-size:20px;line-height:22px;}
.head-title p {font-size:26px; line-height:25px;}
/* contenuti */
.head-cont {padding:20px 10px;background-color:rgba(61,109,159,0.6);}
.head-cont h2 {margin:0px 0 4px 0;font-size:22px; line-height:24px; font-weight:700;color: rgba(255,204,51,1);}
/** FORM **/
#cont-form {padding:0px 20px 30px ;}
/*** CONTENUTI ***/
.content {width:100%;padding:40px 20px 0px 20px;}
}