h1, h2, h3, h4 {}
h1 {font-size:2.5em;}
h2 {font-size:2em;}
h3 {font-size:1.3em;}
.txtRed {color:#ff0000;}
.nota-S {font-size:.7em;}
.nota-M {font-size:.9em;}

header {height: 170px;}
.logo, .logo-natale {width:200px; height:125px; margin-left:20px; background-size:auto 100px; background-position-y:16px;}

.nota-L {font-size:1.5em;}
.errore, .errore > label {color:red !important;}
.errore > .select2-container--default .select2-selection--single {border-color:red !important;}

.errore input[type="text"], .errore input[type="password"], .errore input[type="email"], .errore input[type="date"],.errore input[type="tel"], .errore select {border-color:red !important;}
.titSezione {height:40px; line-height:40px !important; padding:5px 10px; color:#1b3d6a; font-size:1.5em; text-align:center; text-transform:uppercase;}

table, td {margin:15px 0; padding:10px; border: 2px solid #000;}

/*///////////////////////  | CLASSI ERRORI |  ///////////////////////*/
/*///////////////////////  | ELENCO_ANNUNCI.PHP |  ///////////////////////*/

/*///////////////////////  | ELENCO_NEWS.PHP |  ///////////////////////*/

/*///////////////////////  | PAGINAZIONE |  ///////////////////////*/

.paginazione { text-align: center;  }
.paginazione .totPagine { background-color: #1B3D6A; width: auto; height: 40px; color: #fff; line-height: 40px; padding: 0 10px; float: left;}
.paginazione .link_sel { background-color: #1B3D6A; float: left; height: 40px; min-width: 40px; line-height: 40px; border: 1px solid #1B3D6A; margin-left:10px; text-align: center; color: #fff; }
.paginazione .link_sel:hover {background-color:#2a5b9a;; color:#fff;}
.paginazione .link_unsel { float: left; height: 40px; min-width: 40px; line-height: 40px; border: 1px solid #1B3D6A; margin-left:10px; text-align: center; }
.paginazione .link_unsel:hover {background-color:#1b3d6a; color:#fff;}
.paginazione .wrapperPaginazione { display: inline-block; margin:10px 0; }

/*///////////////////////  | OFFERTE DI LAVORO PER AZIENDE.PHP |  ///////////////////////*/

/*///////////////////////  | DESCRIZIONE_OFFERTA.PHP |  ///////////////////////*/
/*///////////////////////  | PROFILO.PHP |  ///////////////////////*/
.backEnd label, .frontEnd label {line-height:30px; font-size:.8em;}
.backEnd strong {font-size:1em;}
.backEnd table td {font-size:.8em;}
.fotoProfilo {text-align:center;}
.contentDatiProfilo {padding:10px; float:left;}
.contentDatiProfilo li {min-height:30px;line-height:30px;}
.contentDatiProfilo li label {font-weight:bold;}
.boxGrigio {overflow:hidden; background-color:#eee; border:solid 1px #ddd;}
.bubble {width:40px; height:40px; line-height:40px; margin:0 auto; margin-bottom:10px; display:block; background-color:#1b3d6a; color:#fff; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}
.esperienzeLavorative {}
.esperienzeLavorative td {font-size:.8em}
.titoliStudio {width:100%;}
.titoliStudio td {font-size:.8em;}
.modificaPassword {padding:20px; float:left;}
/*///////////////////////  | LOGIN.PHP |  ///////////////////////*/

/*///////////////////////  | LIST-MAPPA |  ///////////////////////*/
.colListLocalita {width:100%;}
.regionibtn {width:100%; margin-bottom:6px; line-height:20px!important; min-height:20px!important;}
/*///////////////////////  | REGISTRAZIONE_CANDIDATI.PHP |  ///////////////////////*/


/*///////////////////////  | OFFERTA DI LAVORO |  ///////////////////////*/

.boxAnnunci {width: 100%; height: 140px; display:inline-block; border-bottom:1px solid #c6c6c6; line-height: 20px; font-size:13px; /*overflow:hidden;*/}


/*///////////////////////  | OFFERTA DI LAVORO |  ///////////////////////*/

.wrapSpot { display:none; }


@media (min-width:20em) { /* (min-width:320px) smartphones, iPhone, portrait 480x320 phones */

.wrapSpot {float:left; background-color:#8D939F; width:100%;}
.spot {margin:2%; padding:5% 0% 5% 12%; width:84%; display:inline-block; color:#fff; font-size:1em; background:#C76364; border-radius:5px; box-shadow:0 4px #962B20;    text-transform:uppercase; background-image:url(../grafica/icoGuardaSpot.png); background-repeat:no-repeat; background-position:center left 6px;}

.mobileMenu {display:block;}
.desktopMenu {display: block;}
.separatoreMobileMenu {height:10px; width:100%; background-color:#DD9592;}
.mainNav li:last-child a {border-bottom:none;}
.logo-natale {width:200px; height:60px; margin-left:10px; background-size:auto 68px; background-position-x:0px;}
.claim-seo {display:none;}
.colListLocalita, .colRightHome {width:90%;padding:5%;}
.regionibtn {line-height:22px!important; min-height:22px!important; background-color:#fff; border:2px solid #1b3d6a; color:#1b3d6a; text-transform:capitalize;}
.regionibtn:hover {background-color: #c6c6c6;}

.colMap {display:none;}


.bigColumn {width:100%;padding:0;}
.content {}
.asideBar {width:100%;}
.asideBarContent {width:100%;} 
.sideBarMenu li {width:96%; height:30px; line-height:30px; padding:0 2%;}
.sideBarNewsPreview li {height:39px; border-bottom:solid 1px #999; box-shadow:0 1px 0 #fff;} 
.sideBarNewsPreview li p {line-height:39px; text-align:center; white-space:nowrap; text-overflow:ellipsis;} 
#disclaimerCookies {line-height:20px!important; font-size:14px;}
.link_text_banner { display:none; }
nav.mainNav-return ul li {width: auto;border-right:none;}
nav.mainNav-return ul li a{ border-right:none; }
nav.mainNav ul li a, nav.mainNav ul li span { color:#000;}
nav.mainNav {width:100%;}
nav.mainNav ul li {width: auto;}
/*///////////////////////  | OVERLAY GENERICO |  ///////////////////////*/
.overlay {width:90%; height:510px; display:none; position:absolute; top:0; left:0; right:0; margin:0 auto; padding:35px 2% 5px 2%; /*Questo serve per dare un margine al buco centrale in cui verr? caricato l'iframe*/}
/*///////////////////////  | OVERLAY EMAIL |  ///////////////////////*/
#overlaypopup_email {height:auto;}
#content_overlay_popup_email {width:100%; height:420px;}
.bannerC_centrale { max-height:270px; width:100%; }
.bannerHome { width:100%!important; max-height:270px; }

/*///////////////////////  | INPUT FORM |  ///////////////////////*/
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="number"], select, textarea {margin:0;}

/*///////////////////////  | CONTATTI |  ///////////////////////*/
.grigliaContattaci_input {width:100%;}
.grigliaContattaci_input_P {width:100%; padding:10px 0 !important;}
	.grigliaContattaci_input_P  input[type="text"], .grigliaContattaci_input_P  input[type="text"].oggetto {width:97%;}
.grigliaContattaci {width:100%;}
.grigliaContattaci_P {width:100%; padding:10px 0 !important;}

/*///////////////////////  | LOGIN |  ///////////////////////*/
.contentInput, .contentButton {width:100%;}
	.inputMobile {width:100%;}
.ricordamiMobile {display:block;}
.ottantacinque {width:100%;}
span.bentornato {padding:1em; display:block; border-bottom:1px solid #DD9592; color:#fff; font-size:1.1em; font-weight:bold;}

/*///////////////////////  | AREA AZIENDE - PROFILO |  ///////////////////////*/
.alertLogin {background-color:#e6e6e6;}
.lista-dati-profilo li div.etichettaMobile {float:left; width:100%; font-weight:bold; line-height:35px;}
.lista-dati-profilo li div.datoMobile {float:left; width:100%; line-height:35px;}
		.lista-dati-profilo li div.etichettaMobile span.ETInfo{display:block; color:#AAA; font-weight:normal; font-size:10px; line-height:12px;}
#menuSwitch a {width:93%; margin:5px 0 !important;}
#form_registrazione textarea, #form_studio textarea {height:144px; width:100% !important; visibility:visible !important; font-family:Arial, Helvetica, sans-serif; resize:none; border:solid 1px #ddd; padding:2px;}
.bottoniera {height:auto !important;}

.adslot_1 { display:inline-block; width: 320px; height: 100px; }
.adslot_contenitore { width:100%; margin:10px 0px; }


}
@media (min-width:987px) { /* desktops */

.wrapSpot {width:28%; float:none; display:block; position: relative;}
.spot {padding: 3px 3px 4px 41px;margin: 7px 0 20px 0px;/* display: block; */ color:#fff; font-size:1em; background:#C76364; border-radius:5px; box-shadow:0 4px #962B20;    text-transform:uppercase; background-image:url(../grafica/icoGuardaSpot.png); background-repeat:no-repeat; background-position:center left 6px;position: absolute;}
	.spot:hover {background-color:#A84445;}

.adslot_1 { display:inline-block; width: 728px; height: 15px; }
.adslot_contenitore { width:90%; margin:10px 5px; }

.mobileMenu {display:none;}
.desktopMenu {display:block;}

.claim-seo {bottom:45px; left:36px;}
.contentCallToActionRegAziende {width:100%; height:200px; margin-top:17px; float:left;}
.imgAziende {width:100%; height:95px; margin-bottom:10px; float:left; background-image:url(../grafica/aziende-registrazione.jpg); background-size:cover; background-repeat:no-repeat; background-position:center;}
.colListLocalita {display:none;}
.cercaLavoro {line-height:66px;}

.bigColumn {width: 800px;padding:0 10px;}
.content {padding:0;}
.asideBar {width: 310px;padding: 40px 10px;float:right;}
.asideBarContent {width:300px;}
.sideBarMenu li {height:22px; line-height:22px;}
.sideBarMenu li:hover {width:201px; padding-left:25px; left:-25px; z-index:100; background-image:url(../grafica/overArrow.png); background-position:center left; background-repeat:no-repeat; background-color:#9D9D9D; color:#fff;}
.sideBarMenu li.active {width: 201px; padding-left:25px; left:-25px; z-index:100; background-image:url(../grafica/activeArrow.png); background-position:center left; background-repeat:no-repeat; background-color:#444; color:#fff;}
.sideBarNewsPreview li {height:90px; border-bottom:none; background-image:url(../grafica/linea.png); background-position:center bottom 20px; box-shadow:none;}
.sideBarNewsPreview li p {line-height:16px; text-align:left; font-size:.9em; white-space:normal;} 
#disclaimerCookies {line-height:40px!important; font-size:14px;}

.link_text_banner { height:15px; margin:38px 0; clear:both; display:block;  }
nav.mainNav-return ul li { width:auto; }
nav.mainNav-return ul li a{ border-right:#fff 1px solid;}
nav.mainNav ul li a, nav.mainNav ul li span {color:#444;}
nav.mainNav {width: 100%;}
nav.mainNav ul li {width:auto;}
/*///////////////////////  | OVERLAY GENERICO |  ///////////////////////*/
.overlay {width:670px; height:510px; display:none; position:absolute; top:50% !important; left:0; right:0; margin:0 auto; margin-top:-255px; padding:35px 5px 5px 5px; /*Questo serve per dare un margine al buco centrale in cui verr? caricato l'iframe*/}
/*///////////////////////  | OVERLAY EMAIL |  ///////////////////////*/
#overlaypopup_email {width:500px; height:480px; top:20px !important; margin-top:0px;}
#content_overlay_popup_email {width:500px; height:490px;}


.claim-seo { bottom: 45px; }
.bannerC_centrale { position:absolute; left:-230px; top:0; text-align:center; width:970px;}

/*///////////////////////  | INPUT FORM |  ///////////////////////*/
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="number"], select, textarea {margin:auto;}

/*///////////////////////  | CONTATTI |  ///////////////////////*/
.grigliaContattaci_input {width:50%;}
.grigliaContattaci_input_P {width:50%; padding-top:10px !important; padding-bottom: 10px !important;}
	.grigliaContattaci_input_P  input[type="text"], .grigliaContattaci_input_P  input[type="text"].oggetto {width:85%;}
.grigliaContattaci {width:100%;}
.grigliaContattaci_P {width:100%; padding-top:10px !important; padding-bottom: 10px !important;}

/*///////////////////////  | LOGIN |  ///////////////////////*/
.contentInput {width:33.33%;}
.inputMobile {}
.contentButton {width:33.33%;}
.ricordami {float:left;}
.ricordami span {font-size:1.2em; font-weight:bold;}
.ricordamiMobile {float:left; padding:0 2%;}
.ricordamiMobile a {font-size:1.2em; font-weight:bold; color:#962b20;}
span.bentornato {padding:0 5px; display:inherit; border-bottom:0; color:#fff; font-size:.8em; font-weight:bold;}

/*///////////////////////  | AREA AZIENDE - PROFILO |  ///////////////////////*/
.lista-dati-profilo li div.etichettaMobile {float:left; width:35%; font-weight:bold; line-height:35px;}
	.lista-dati-profilo li div.etichettaMobile span.ETInfo{display:block; color:#aaa; font-weight:normal; font-size:10px; line-height:12px;}
.lista-dati-profilo li div.datoMobile {float:left; width:65%; line-height: 35px;}
#menuSwitch a {width:auto; margin:20px 1px 0 0 !important;}
#form_registrazione textarea, #form_studio textarea {height:144px; width:364px; font-family:Arial, Helvetica, sans-serif; resize:none; border:solid 1px #ddd; padding:2px;}
.bottoniera {width:100% !important; height:40px; margin-top:20px; float:left;}

}

/* ----------------------- SMARTPHONE ------------------*/
@media screen and (min-width: 0px) and (max-width: 768px) {
    


}

/* ----------------------- IPAD PORTRAIT ------------------*/
@media screen and (min-width: 769px) and (max-width: 1023px) {

.logo {width:200px; height: 125px; margin-left:10px; background-size:auto 85px; background-position-y: 20px;}


.colRightHome {width: 350px; padding: 0px 20px; float:right; display: none;}
.colMap {display:block; width:767px; padding:0 20px;}

.boxRegAziende {width:100%; height:95px; float:left; text-align:center; background-color:#962b20;}
.boxRegAziende a {width:100%; height:100%; padding-top:15px; display:block; color:#fff;}
.boxRegAziende span {font-size:1.4em;}
.slideNews {width: 85%;}

nav.mainNav-return {width: 50%; text-align: right; top: 30px;}

.annunciLavoro li {margin-right: 20px;}


}
/* ----------------------- IPAD LANDSCAPE + NETBOOK ------------------*/
@media only screen and (min-width: 1024px) {

.colRightHome {width: 240px; padding: 0px 20px; float:right;}
.colMap {display:block; width: 764px; padding:0 20px;}

.boxRegAziende {width:100%; height:95px; float:left; text-align:center; background-color:#962b20;}
.boxRegAziende a {width:100%; height:100%; padding-top:10px; display:block; color:#fff;}
.boxRegAziende span {font-size: 1em;}


}
/* ----------------------- DESKTOP ------------------*/
@media only screen and (min-width: 1200px){

.colRightHome {width: 350px;padding: 0px 20px;float:right;}
.colMap {display:block; width:767px; padding:0 20px;}

.boxRegAziende {width:100%; height:95px; float:left; text-align:center; background-color:#962b20;}
.boxRegAziende a {width:100%; height:100%; padding-top:15px; display:block; color:#fff;}
.boxRegAziende span {font-size:1.4em;}

}