/* COLORI UTILIZZATI: blu #1b3d6a, grigio txt #4c4c4c */
body, html {width:100%; height:100%; margin:0; padding:0; /* background-color:#fff; */}
body {font-family: 'Open Sans', sans-serif; font-size:16px; color:#333;}
input, select, textarea {font-family:Arial, sans-serif; vertical-align:middle;}
img {border:none; outline:none; vertical-align:middle;}
a {text-decoration:none; outline:none; color:#333;}
a img {border:0; outline:none; vertical-align:middle;}
.sx {float:left !important;}
.dx {float:right !important;}
.clear, .clearfix {clear:both;}
.block {display:block;}
.inlineBlock {display:inline-block;}
.tableCell {display:table-cell; vertical-align:middle;}
.outline{outline:0;}
.uppercase {text-transform:uppercase;}
.txtAlignCenter {text-align:center;}
.txtAlignRight {text-align:right;}
.bold {font-weight:bold;}
.uppercase {text-transform:uppercase;}
.transition {-webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease;}
.transition-background {-webkit-transition:background .3s linear; -moz-transition:background .3s linear; -ms-transition:background .3s linear; -o-transition:background .3s linear; transition:background .3s linear;}
.box-shadow {-moz-box-shadow:0px 0px 5px 0px #999; -webkit-box-shadow:0px 0px 5px 0px #999; box-shadow:0px 0px 5px 0px #999;}
.border-radius {-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.noBorderRadius {-moz-border-radius:0 !important; -webkit-border-radius:0 !important; border-radius:0 !important;}
.invisibile {display:none;}
a.link {color:#EB2532;}
.alertMsg {margin:20px 0; line-height:20px; color:red; font-weight:bold;}
.rememberPass {display:block; font-size:12px; margin-bottom:10px;}
.rememberPass a {color:#f49c14;}
.fSize14 {font-size:14px;}

.conBg {padding:60px 0; height:auto;  background-position:center top; background-repeat:no-repeat; clear:both;}
.coverBgDiagonale {width:100%; height:0; position:absolute;bottom: 0px; left:0; border-bottom:92px solid #fff; border-left:1922px solid transparent;}
.titoloPagina {position:relative;top: 190px; color:#fff; font-size:54px;}
.titoloPagina img {width:90px; height:90px;  -webkit-clip-path: circle(45px at center);  clip-path: circle(45px at center); }
.titoloEllipsis {max-width:1010px; max-height:180px; text-align:center;  margin:0 auto; font-size:30px; overflow:hidden; text-overflow:ellipsis;}
.sottotitoloPagina {width:1038px;  margin:0 auto; position:relative;top: 190px; color:#fff; font-size:18px; line-height:28px;}
.percorsoSito {width:1038px; margin:0 auto; position:relative;top: 200px; text-align:left; color:#fff; font-weight:bold; font-size:14px;}
.percorsoSito a {color:#fff;}
	
.colLeft {width:728px; float:left;}
.colRight {width:300px; float:left;}
.colCentrale {width:100%; float:left;}

/*///////////////////////  | BOTTONI |  ///////////////////////*/
.cerca {background-color:#ea2531;}
	.cerca:hover {background-color:#c6202a;}
.cerca_block {width:100%; background-color:#ea2531;}
	.cerca_block:hover {background-color:#c6202a;}
.btnVai {width:130px; height:36px; margin:0 auto; margin-top:10px; display:table; background-color:#f39c12; color:#fff; cursor:pointer; text-align:center; font-size:.8em; text-transform:uppercase;}
	.btnVai:hover {background-color:#d88a0f;}
.verdeAcido {background-color:#88a308;}
	.verdeAcido:hover {background-color:#708705;}
.verdes {background-color:#647606;}
.blus {background-color:#0b182b;}
	.blus:hover {background-color:#040910;}
.bluc {background-color:#1c3d6a;}
	.bluc:hover {background-color:#142e50;}
.giallo {background-color:#f49c14;}
.gialloSenape {background-color:#ccae00;}
	.gialloSenape:hover {background-color:#b89d00;}
.arancione {background-color:#f56502;}

/*///////////////////////  | BOTTONIERA OFFERTA |  ///////////////////////*/
a.accedi {background-color:#1b3d6a;}
	a.accedi:hover {background-color:#142e50;}
a.registrati {background-color:#87a307;}
	a.registrati:hover {background-color:#708705;}
a.segnala {background-color:#3076d3;}
	a.segnala:hover {background-color:#2a66b6;}

/*///////////////////////  | CUSTOM CHECK E RADIOBUTTON |  ///////////////////////*/
input[type='radio'], input[type='checkbox'] {position:absolute; clip:rect(1px, 1px, 1px, 1px);} /* nasconde gli input classici */
input[type='radio'] + label, input[type='checkbox'] + label {margin:0; padding:2px 0 0px 24px; cursor:pointer; background:url(../grafica/start.png) left center no-repeat;}
input[type='radio']:checked + label {background-image:url(../grafica/radiobutton.png);}
input[type='checkbox']:checked + label {background-image:url(../grafica/checkbox.png);}

/*///////////////////////  | STRUTTURA |  ///////////////////////*/
.generalWrapper {width:100%; min-height:500px; margin:0 auto; position:relative; background-color:#FFF; }
.contentSkin {width:100%; height:auto; margin:0 auto; background-color:#FFF; }
section {width:1038px; height:auto; margin:0 auto;}
.marginT_negativo {position:relative; top:-28px; z-index:10;}
.wrapper1010 {width:1010px; margin:0 auto;}

h1 {margin:30px 0; color:#ea2531; font-size:42px; text-align:center;}
h2 {margin:10px 0; color:#ea2531; font-size:42px; text-align:center;}
h3 {color:#fff; font-size:40px;}
h4 {margin:12px 0; color:#fff; line-height:35px; font-size:26px; font-weight:normal;}
h5 {padding:20px 0 15px 10px; color:#1b3d6a; font-size:18px;}
p {line-height:22px; color:#4c4c4c;}
p.intro {border-left:5px solid #1b3d6a; padding-left:8px; margin-bottom:15px;}
.btn {padding:12px 0; margin:5px 0; display:inline-block; color:#fff; font-size:14px; text-align:center; text-transform:uppercase; cursor:pointer;}
	.red {background-color:#ea2531;}
		.red:hover {background-color:#c6202a;}
	.orange {background-color:#f39c12;}
		.orange:hover {background-color:#d88a0f;}
	.gray {color:#4c4c4c;}
.btn_laterale {width:94%; margin:0 0% 0 4%;}
.btn_assumono {width: 95%;margin: 0 1% 0 1%;}
.btn_ultime {width:96%; margin:0 2% 0 1%;}

/*///////////////////////  | HEADER |  ///////////////////////*/
header {width:100%; height:92px; position:absolute; /* top:93px; */ left:0; background-color:white; z-index:200;}
.contentLogoNavBar {width:1055px; height:92px; margin:0 auto; background-color:#fff; position:relative;}
.logo {width:180px; height:92px; margin:0 32px 0 12px; float:left; display:block; background-image:url(../grafica/logo.png); background-position:left center; background-repeat:no-repeat;}
/*///////////////////////  | SOCIAL MENU |  ///////////////////////*/
nav.socialMenu {width:168px; height:42px; display:block;}
nav.socialMenu a {width:42px; height:42px; float:left; background-repeat:no-repeat;}
	nav.socialMenu a.fb {background-image:url(../grafica/ico_fb.png); background-position:top center;}
	nav.socialMenu a.tw {background-image:url(../grafica/ico_twitter.png); background-position:top center;}
	nav.socialMenu a.in {background-image:url(../grafica/ico_linkedin.png); background-position:top center;}
	nav.socialMenu a.go {background-image:url(../grafica/ico_google.png); background-position:top center;}
	nav.socialMenu a.fb:hover, nav.socialMenu a.tw:hover, nav.socialMenu a.in:hover, nav.socialMenu a.go:hover {background-position:bottom center;}

/*///////////////////////  | TOP MENU |  ///////////////////////*/
.toolMenu {margin-left:140px; background-image:url(../grafica/shadowinset-toolMenu.png); background-position:left top; background-repeat:no-repeat;}
	nav.toolMenu ul li {float:left;}
	nav.toolMenu ul li a {width:160px; height:42px; float:left; line-height:42px; text-transform:uppercase; text-align:center; font-size:14px; font-weight:bold; color:#fff;}
	nav.toolMenu .registrati {background-color:#87a307;}
		nav.toolMenu .registrati:hover {background-color:#708705;}
	nav.toolMenu .accessoUtente {background-color:#1b3d6a;}
		nav.toolMenu .accessoUtente:hover {background-color:#142e50;}
	nav.toolMenu .accessoAziende {background-color:#0a182b;}
		nav.toolMenu .accessoAziende:hover {background-color:#040910;}
	nav.toolMenu .newsletter {background-color:#637705;}
		nav.toolMenu .newsletter:hover {background-color:#4c5b04;}
	
	.bentornato {font-weight:normal; text-transform:none;}
	.candidature {background-image:url(../grafica/ico_candidature.png); background-position:left center; background-repeat:no-repeat;}
	.crea-cv {background-image:url(../grafica/ico_crea-cv.png); background-position:left center; background-repeat:no-repeat;}
	.profilo {background-image:url(../grafica/ico_profilo.png); background-position:left center; background-repeat:no-repeat;}
	.tue-offerte {background-image:url(../grafica/ico-tue-offerte.png); background-position:left center; background-repeat:no-repeat;}
	.nuova-offerta {background-image:url(../grafica/ico-nuova-offerta.png); background-position:left center; background-repeat:no-repeat;}
	.esci {background-image:url(../grafica/ico_esci.png); background-position:left center; background-repeat:no-repeat;}
	
/*///////////////////////  | TOP MENU | ACCESSO UTENTE |  ///////////////////////*/
	nav.toolMenu ul li a.bentornatoUtente {width:320px;}
		li.apriSottomenu:hover .sottomenuTool {display:block;}
	nav.toolMenu .bentornatoUtente, .utente {background-color:#19365e;}
	
/*///////////////////////  | TOP MENU | ACCESSO AZIENDA |  ///////////////////////*/
	nav.toolMenu ul li a.bentornataAzienda {width:320px;}
	nav.toolMenu .bentornataAzienda, .azienda {background-color:#0b182b;}
	
/*///////////////////////  | SOTTOMENU | ACCESSO AZIENDA/PROFILO |  ///////////////////////*/
	.sottomenuTool { width:248px; height:200px; margin-top:42px; padding:0 36px; display:none; position:absolute; top:0px; z-index:3;}
		.sottomenuTool li {height:50px; padding:0 30px; float:none !important; text-align:center; color:#fff; border-bottom:1px solid #fff;}
		.sottomenuTool li a {width:138px !important; height:50px !important; padding-left:50px; display:inline-block; line-height:50px !important; text-align:left !important; text-transform:none !important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
		.sottomenuTool li:last-child {border-bottom:none;}
	.freccinaApri {display:block; width:14px; height:8px; background-image:url(../grafica/arrow_open.png); background-position:center right 12px; background-repeat:no-repeat;}
	.freccinaChiudi {display:block; width:14px; height:8px; background-image:url(../grafica/arrow_close.png); background-position:center right 12px; background-repeat:no-repeat;}
			
/*///////////////////////  | MAIN MENU |  ///////////////////////*/
nav.mainMenu {height:50px; float:left;}
	nav.mainMenu ul li {float:left; line-height:50px;}
	nav.mainMenu ul li a {text-transform:uppercase; color:#1b3d6a;}
	nav.mainMenu ul li a:hover {color:#ea2531;}
	span.divisoreMenu {color:#ea2531; letter-spacing:-1px;}
/*///////////////////////  | SEARCH BAR |  ///////////////////////*/
.searchBar {width:1011px; height:42px; padding:20px 22px; float:left; margin:0 auto; background-color:#fff; opacity:0.9; filter:alpha(opacity=90); background-image:url(../grafica/ombraSearchBar.png); background-position:center top; background-repeat:no-repeat;}
	.searchBar ul li {width:158px; padding-left:42px; margin-right:15px; float:left;}
		.searchBar ul li:last-child {width:150px; margin-right:0; padding-left:0;}
	.searchBar ul li input[type="text"], .searchBar ul li select {border-color:#1b3d6a; border-style:solid; border-width:2px 2px 2px 0; color:#1b3d6a; font-size:15px; text-indent:5px;}
	.searchBar ul li select {height:42px;}
	.cosa {background-image: url(../grafica/searchBar_icoLavoro.png); background-position:left center; background-repeat:no-repeat;}
	.regione {background-image: url(../grafica/searchBar_icoRegione.png); background-position:left center; background-repeat:no-repeat;}
	.citta {background-image: url(../grafica/searchBar_icoCitta.png); background-position:left center; background-repeat:no-repeat;}
	.categoria {background-image: url(../grafica/searchBar_icoCategoria.png); background-position:left center; background-repeat:no-repeat;}
	
/*///////////////////////  | SLIDESHOW |  ///////////////////////*/
.slideshow {width:100%; height:730px; position:relative; top:0; left:0; overflow:hidden; text-align:center;}
	.coverSlideshow {width:100%; height:0; position:absolute; z-index:2; bottom:0px; left:0; border-bottom:92px solid #fff; border-left:1922px solid transparent;}
	.sliderBg {background-position:50% 0px !important; background-repeat:no-repeat !important; background-size:cover!important; width:100%; height:730px; position:relative; top: 0; left:0; overflow:hidden; text-align:center;}
/*///////////////////////  | SWIPER |  ///////////////////////*/
.swiper-container {width:100%; height:100%;}
.swiper-slide {background:#fff; /* Center slide text vertically */ display:-webkit-box; display:-ms-flexbox; display:-webkit-flex;display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center;
-webkit-align-items:center; align-items:center;}
.swiper-slide a {padding-top:50px; color:#fff; font-size:32px; line-height:45px; text-align:center; text-transform:uppercase; font-weight:normal;}
	.swiper-slide a .bold {font-size:45px;}
	.swiper-slide a div.btn {padding:0;}
	
.searchJobStaff {height:486px; margin-top:25px; background-image:url(../grafica/bg_searchJobStaff.jpg); background-position:top center; background-repeat:no-repeat;}
	.contentSearchJobStaff {margin-top:170px;}
	
/*///////////////////////  | CHI SIAMO |  ///////////////////////*/
.bg_chisiamo {width:100%;height: 390px; position:relative; top:0; left:0; overflow:hidden; text-align:center; background-image:url(../grafica/bg_offerteLavoro.jpg);background-position: top center; background-repeat:no-repeat; background-size:cover;}
table.cookie, .cookie td, .cookie tr {padding:6px; border:2px solid; font-size:14px;}
form.formCookie {text-align:center;}
	form.formCookie input[type="radio"] {vertical-align:baseline; margin-right:6px;}

/*///////////////////////  | AZIENDE ASSUMONO |  ///////////////////////*/
.bg_aziendeAssumono {width:100%; height:1030px; position:relative; top:0; left:0; overflow:hidden; text-align:center; background-image:url(../grafica/bg_aziendeAssumono.png);background-position: top center; background-repeat:no-repeat; background-size:cover;}
.offerteAziende {padding-top:10px; margin-top:90px; margin-bottom:20px; background-position:center top; background-repeat:no-repeat;}
	.offerteAziende h2, .offerteAziende p {color:#fff;}
	ul.box {width: 98%;margin: 0 1%;}
	ul.box:last-child {margin-right:0;}
	.vertical {width:336px !important;}
	
	ul.box li.aziendaAssume {width:310px; height:258px; margin:14px; padding:0; float:left; position:relative; overflow:hidden;}
		ul.box li.aziendaAssume a {height:258px; display:block; background-color:#fff; border-radius:4px;}
		ul.box li.aziendaAssume h3 {width:310px; height:42px; line-height:42px; padding:5px 0; position:absolute; z-index:5; font-size:23px; font-weight:normal; background-color:#f39c12; text-align:center; border-radius:0 0 4px 4px;}
			ul.box li.aziendaAssume h3:before {content:''; position:absolute; left:0; top:-10px; width:100%; height:18px; background:#f39c12; -webkit-transform:skewY(-2.5deg); -moz-transform:skewY(-2.5deg); -ms-transform:skewY(-2.5deg); -o-transform:skewY(-2.5deg); transform:skewY(-2.5deg);}
	.contentTxtBox {width:290px; height:auto; min-height:38px; max-height:122px; padding:26px 10px 0 10px; position:relative; bottom:-80px; z-index:2; background-color:#f39c12; text-align:center; overflow:hidden;}
		.contentTxtBox:before {content:''; position:absolute; left:0; top:-44px; width:100%; height:62px; background:#fff; -webkit-transform:skewY(-2.5deg); -moz-transform:skewY(-2.5deg); -ms-transform:skewY(-2.5deg); -o-transform:skewY(-2.5deg); transform:skewY(-2.5deg);}
		.contentTxtBox p {color:#fff; line-height:28px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
		span.n_offerte {padding-left:10px; border-left:1px solid #fff; font-weight:bold;}
	.borderContentTxtBox{width:310px; height:20px; position:absolute; bottom:76px; left:0; z-index:2; background-image:url(../grafica/bordoTransition.png); background-position:left center; background-repeat:no-repeat;}
	ul.box li.aziendaAssume:hover .contentTxtBox {bottom:65px;}
	ul.box li.aziendaAssume:hover .borderContentTxtBox{bottom:138px;}
	.aziendaAssume img {margin:64px 47px;}
	
/*///////////////////////  | INDEX - ULTIME OFFERTE INSERITE |  ///////////////////////*/
ul.box li.annuncioOfferta {width:310px; height:280px; margin:14px 13px; padding:0; float:left; background:#fff; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-box-shadow:0px 0px 20px 5px #e5e5e5; -moz-box-shadow:0px 0px 20px 5px #e5e5e5; box-shadow:0px 0px 20px 5px #e5e5e5;}
	li.annuncioOfferta .categoria {background-image:url(../grafica/bgBoxAnnuncioOfferta.png); background-position:top left; background-repeat:no-repeat;}
		span.icoCategoria {padding-top:8px; display:block; text-align:center;}
			span.icoCategoria img {width:90px; height:90px;}
		/*///////////////////////  | ANNUNCI |  ///////////////////////*/
		div.descrizioneAnnuncio {height:176px; padding:0 30px 8px 30px; float:left;}
		.headerAnnuncio {padding-bottom:10px; width:250px; height:54px; float:left; color:#1b3d6a !important; border-bottom:1px solid #ccc; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; font-size:14px;}
			h2.titoloAnnuncio {line-height:30px; margin:5px 0; font-size:16px; color:#1b3d6a; text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
			.nomeAzienda {max-width:34%; padding-right:4px; margin-right:4px; float:left; border-right:1px solid #1b3d6a; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
			.dataAnnuncio {max-width:64%; float:left; font-size:13px;}
		.previewAnnuncio {padding-top:5px; width:250px; height:110px; float:left;}
			.previewAnnuncio p {height:40px; font-size:14px; line-height:20px; overflow:hidden;}
	li.banner {width:336px; height:280px !important; margin:14px 0; float:left; display:table-cell;}
		/* FORMATTAZIONE DI RESET PER I FORM DEI BANNER PUBBLICITARI */
		li.banner input[type="text"] {width:103px !important; height:15px; margin:0; padding:0; background:#fff; border:1px inset #EBEBEB; border-radius:2px;}
		li.banner input[type="submit"] {width:auto; height:25px; min-height:25px; cursor:pointer; text-align:center !important; background:#E8E8E8; font-size:12px; font-family:Arial, sans-serif; padding:3px 14px 2px 12px; margin:0; color:#000; text-transform:none; line-height:18px; border:1px solid#747474; border-radius:2px; display:initial;}
	.arrow_annunci {height:56px; background-image:url(../grafica/arrow_annunci.png); background-position:top 15px right; background-repeat:no-repeat;}
#indeed_widget_wrapper {margin:0 auto !important;} /* FORMATTAZIONE PER ALLINEARE I BANNER CENTRALMENTE */
	
/*///////////////////////  | SELEZIONA REGIONE |  ///////////////////////*/
ul#elenco_regioni {width:245px; margin-top:14px; float:left;}
	ul#elenco_regioni li a {padding-left:20px; line-height:25px; color:#1d3e6b; cursor:pointer;}
	.elenco_regioniHover {background:url(../grafica/hover_regione.png); background-position:left center; background-repeat:no-repeat;}
.txtIntro {padding-right:50px; box-sizing:border-box;}

/*///////////////////////  | OFFERTE LAVORO |  ///////////////////////*/
.bg_offerteLavoro {width:100%;height: 390px; position:relative; top:0; left:0; overflow:hidden; text-align:center; background-image:url(../grafica/bg_offerteLavoro.jpg);background-position: top center; background-repeat:no-repeat; background-size:cover;}

.paginazione {display:inline-block;}
.paginazione {float:left; width:100%; padding:12px 0 10px 0; display:inline-block;}
.paginazione li {float:left; height:20px; line-height:20px; margin-right:10px; border:solid 2px #bad6fb; padding:4px 8px; color:#006EFF; text-align:center;}
.paginazione li a {color:#006EFF;}
.paginazione li a.link_sel {color:#006EFF; font-weight:bold; font-size:24px; }

/*///////////////////////  | OFFERTA SINGOLA |  ///////////////////////*/
.bg_offerteInteressanti {width:100%; height:1030px; position:relative; top:0; left:0; overflow:hidden; text-align:center; background-image:url(../grafica/bg_offerteInteressanti.png);background-position: top center; background-repeat:no-repeat; background-size:cover;}
.bg_offertaSingola {width:100%;height: 353px; position:relative; top:0; left:0; overflow:hidden; text-align:center; background-image:url(../grafica/bg_offertaSingola.jpg);background-position: top center; background-repeat:no-repeat; background-size:cover;}
	.iconaCat {padding-right:40px; background-image:url(../grafica/categorie/307.png); background-position:left center; background-repeat:no-repeat;}
	.descrizioneOfferta p {margin:15px 0;}
	.btnIndietro {height:50px;}
ul.specificheOfferta {margin:10px 0 10px 10px; color:#4d4d4d; font-size:14px; line-height:22px;}
	ul.specificheOfferta li {padding-right:5px; margin-right:5px; margin-bottom:14px; float:left; border-right:1px solid #4d4d4d;}
	ul.specificheOfferta li:last-child {border-right:none;}
	ul.specificheOfferta li span.etichetta {padding-right:5px; font-weight:bold;}
	
.bottonieraIndietro {margin:10px 0;}
.bottonieraOfferta {width:100%; margin-top:40px;}
	.bottonieraOfferta a {height:42px; line-height:42px; margin:5px 0; display:block; color:#fff; text-transform:uppercase; text-align:center;}
.box_candidatura {margin:10px 2% 10px 0; padding:15px 10px; border:1px dotted #E02F3A;}

a.condividi {line-height:42px; margin:5px 0; background-color:#2961aa; background-image:url(../grafica/arrow_open.png); background-position:center right 12px; background-repeat:no-repeat; text-align:center; text-transform:uppercase; color:#fff; cursor:pointer;}
	a.condividi:hover {background-color:#215190;}
nav.linkCondividi {width:249px; height:42px; padding:0 50px; display:none; position:relative; top:-5px; z-index:3; background-color:#215190; background-image:url(../grafica/border1white.png); background-position:top center; background-repeat:no-repeat;}
	.openLink:hover nav.linkCondividi {display:block !important;}
	.openLink:hover a.condividi {background-color:#215190;}
	nav.linkCondividi a {width:30px; height:30px; margin-right:24px; float:left; display:block;}
		nav.linkCondividi a:last-child {margin-right:0;}
		.fb {background-image:url(../grafica/condividi_fb.png); background-position:center center; background-repeat:no-repeat;}
		.go {background-image:url(../grafica/condividi_go.png); background-position:center center; background-repeat:no-repeat;}
		.in {background-image:url(../grafica/condividi_in.png); background-position:center center; background-repeat:no-repeat;}
		.tw {background-image:url(../grafica/condividi_tw.png); background-position:center center; background-repeat:no-repeat;}
		.mail {background-image:url(../grafica/condividi_mail.png); background-position:center center; background-repeat:no-repeat;}
/*a.condividi:hover nav.linkCondividi {display:block;}*/
/* all'interno di questo spazio vengono modificati degli stili comuni come alcuni spazi, il colore dell'ombra dei box, il colore di alcuni testi... */
.eccezioniOffInteressanti {padding:120px 0; color:#fff;}
	.eccezioniOffInteressanti article.wrapper1010 {margin-bottom:15px;}
	.eccezioniOffInteressanti article.wrapper1010 h2, .eccezioniOffInteressanti article.wrapper1010 p.intro {color:#fff;}
	.eccezioniOffInteressanti ul.box li.annuncioOfferta{-webkit-box-shadow:0px 0px 20px 5px #2F2F2F; -moz-box-shadow:0px 0px 20px 5px #2F2F2F; box-shadow:0px 0px 20px 5px #2F2F2F;}
	
/*///////////////////////  | SEGNALA ANNUNCIO COME TRUFFA |  ///////////////////////*/
.formLink {height:462px !important; background-color:#e4e4e5 !important;}
.formLinkAnnuncio li input[type="text"], .formLinkAnnuncio textarea {width:93%; height:38px; padding:0 3%; margin:10px 0; border:1px solid #aaabad;}
		.formLinkAnnuncio li select {width:100%; margin:10px 0; border:1px solid #aaabad;}		
		.formLinkAnnuncio li textarea {height:40px; padding:3%;}
		.formLinkAnnuncio li ::-webkit-input-placeholder, .formLinkAnnuncio li :-moz-placeholder, .formLinkAnnuncio li ::-moz-placeholder, .formLinkAnnuncioli :-ms-input-placeholder {color:#aaabad;}

/*///////////////////////  | CONCORSI |  ///////////////////////*/
.bg_concorsi {width:100%; height:450px; position:relative; top:0; left:0; overflow:hidden; text-align:center; background-image:url(../grafica/bg_concorsi.jpg);background-position: top center; background-repeat:no-repeat; background-size:cover;}
li.annuncioOfferta .concorso {background-image:url(../grafica/bgBoxAnnuncioConcorso.png); background-position:top left; background-repeat:no-repeat;}
	span.icoConcorso {padding-top:8px; display:block; text-align:center;}
		span.icoConcorso img {width:90px; height:90px; -webkit-clip-path: circle(45px at center);  clip-path: circle(45px at center); }
#wrapCercaConcorsoA {width:986px; height:40px; padding:20px 0; background-color:#c59393; background-image:url(../grafica/ombraCercaLavoro.png); background-position:top center; background-repeat:no-repeat;}
	#ombraCercaConcorso {width:100%; height:30px; background-image:url(../grafica/ombraCercaLavoro.png); background-position:top center; background-repeat:no-repeat;}
	#wrapCercaConcorsoA form {width:554px; height:40px; margin:0 auto;}
	#wrapCercaConcorsoA form ul li.citta {width:338px; margin-right:10px; padding-left:42px;}
	#wrapCercaConcorsoA form ul li select {height:42px; border-color:#1b3d6a; border-style:solid; border-width:2px 2px 2px 0; color:#1b3d6a; font-size:15px; text-indent:5px;}
	#wrapCercaConcorsoA form ul li.btnCerca {width:164px;}
	
li.annuncioConcorso .headerAnnuncio {max-height:108px; height:auto;}
li.annuncioConcorso .grid_80_mr_5 {height:108px; overflow:hidden;}
li.annuncioConcorso  h2.titoloAnnuncio {line-height:24px; max-height:74px; white-space:normal; text-overflow:ellipsis; overflow:hidden;}
.bottonieraConcorsi {width:100%; float:left;}

/*///////////////////////  |  CONCORSO SINGOLO |  ///////////////////////*/
.bg_concorsiInteressanti {width:100%; height:1030px; position:relative; top:0; left:0; overflow:hidden; text-align:center; background-image:url(../grafica/bg_concorsiInteressanti.png);background-position: top center; background-repeat:no-repeat; background-size:cover;}

/*///////////////////////  |  CORSI |  ///////////////////////*/
li.annuncioOfferta .corsi {background-image:url(../grafica/bgBoxAnnuncioCorsi.png); background-position:top left; background-repeat:no-repeat;}
span.icoCorsi {padding-top:8px; display:block; text-align:center;}
	span.icoCorsi img {width:90px; height:90px; -webkit-clip-path: circle(45px at center);  clip-path: circle(45px at center); }

/*///////////////////////  | SPORT E LAVORO |  ///////////////////////*/
.bg_sport {width:100%; height:570px; position:relative; top:0; left:0; overflow:hidden; text-align:center; background-image:url(../grafica/bg_sport.jpg); background-position: top center; background-repeat:no-repeat; background-size:cover;}
li.annuncioOfferta .sportLavoro {background-image:url(../grafica/bgBoxAnnuncioSport.png); background-position:top left; background-repeat:no-repeat;}
	span.icoSportLavoro {padding-top:8px; display:block; text-align:center;}
		span.icoSportLavoro img {width:90px; height:90px; -webkit-clip-path:circle(45px at center);  clip-path:circle(45px at center);}
.bottonieraSportLavoro {width:100%; float:left;}
	
li.annuncioSportLavoro .headerAnnuncio {max-height:108px; height:auto;}
li.annuncioSportLavoro .grid_80_mr_5 {height:108px; overflow:hidden;}
li.annuncioSportLavoro  h2.titoloAnnuncio {line-height:24px; max-height:74px; white-space:normal; text-overflow:ellipsis; overflow:hidden;}
	
/*///////////////////////  |  WRAPOVERLAY | REGISTRATI |  ///////////////////////*/
.ovRegistrati {height:755px;}
.btnFb {height:40px; width:340px; margin:10px auto 5px auto; display:block; background-image:url(../grafica/btnFb.jpg); background-position:left center; background-repeat:no-repeat;}
.btnAccediFb {height:40px; width:340px; margin:10px auto 5px auto; display:block; background-image:url(../grafica/btnAccediFb.jpg); background-position:left center; background-repeat:no-repeat;}
.termini {margin:12px 0; font-size:14px; color:#a3a1a2; line-height:18px;}
	.termini input[type="checkbox"], .consensopriv input[type="checkbox"] {vertical-align:top; margin-left:-22px; padding:0;}
ul.itemVantaggi li {height:90px; padding-left:75px; text-align:right; border-bottom:1px solid #fff;}
	ul.itemVantaggi li p {padding:20px 0; color:#fff; font-size:14px;}
	ul.itemVantaggi li.concorsi {height:auto;}
	.offerte {background-image:url(../grafica/ico_popup_offerte.jpg); background-position:left center; background-repeat:no-repeat;}
	.newofferte {background-image:url(../grafica/ico_popup_newoff.jpg); background-position:left center; background-repeat:no-repeat;}
	.estero {background-image:url(../grafica/ico_popup_estero.jpg); background-position:left center; background-repeat:no-repeat;}
	.cv {background-image:url(../grafica/ico_popup_cv.jpg); background-position:left center; background-repeat:no-repeat;}
	.concorsi {background-image:url(../grafica/ico_popup_concorsi.jpg); background-position:left center; background-repeat:no-repeat;}
	
.termini {color:#1c3d6a;} 
.termini input[type="checkbox"], .consensopriv input[type="checkbox"] {margin-left:0;}
.logoBg {margin:80px 22px;}
	
/*/////////////////////// | WRAPOVERLAY | REGISTRA AZIENDA | ///////////////////////*/

a.privacy {color:#f49c14;}
	.utenti {background-image:url(../grafica/ico_popup_utenti.jpg); background-position:left center; background-repeat:no-repeat;}
	.newutenti {background-image:url(../grafica/ico_popup_nutenti.jpg); background-position:left center; background-repeat:no-repeat;}
	.newsletterOv {background-image:url(../grafica/ico_popup_newsletter.jpg); background-position:left center; background-repeat:no-repeat;}
	.like {background-image:url(../grafica/ico_popup_like.jpg); background-position:left center; background-repeat:no-repeat;}

.continuaRegistrazione, .continuaRegistrazionePub {background-image:url(../grafica/icona_continuaReg_ov.png); background-position:center center; background-repeat:no-repeat;}
.tipoRegistrazione {background-image:url(../grafica/icona_tipoRegistrazione_ov.png); background-position:center center; background-repeat:no-repeat;}
.regEffettuata {background-image:url(../grafica/icona_regEffettuata_ov.png); background-position:center center; background-repeat:no-repeat;}
.alert {background-image:url(../grafica/icona_alert_ov.png); background-position:center center; background-repeat:no-repeat;}

/*///////////////////////  | CONTATTI |  ///////////////////////*/
.bg_contatti {width:100%; height:570px; position:relative; top:0; left:0; overflow:hidden; text-align:center; background-image:url(../grafica/bg_contatti.jpg);background-position: top center; background-repeat:no-repeat; background-size:cover;}
.wrapContatti {width:728px; height:auto; background-color:#e4e4e5;}
	.wrapContatti .wrapLeft {width:390px!important;}
	.wrapContatti li.privacy {font-size:12px; line-height:18px;}
	.wrapContatti input[type="checkbox"] {margin:0 8px 0 0; padding-top:0;}
	li.privacy a {color:#f49c14;}
	
.wrapPromuovi {width:100%; background-color:#e3e3e3; border-bottom:5px solid #0078b8; text-align:center;}
	.wrapPromuovi .testata {padding:10px 20px; line-height:20px; position:relative; background-color:#0078b8; color:#fff;}
	.wrapPromuovi .testata:after {content:""; position:absolute; top:78px; left:114px; width:0; height:0; border-top:15px solid #0078B8; border-left:35px solid rgba(246, 246, 246, 0); border-right:35px solid rgba(246, 246, 246, 0);}

	
/*///////////////////////  | FOOTER |  ///////////////////////*/
footer {width:100%; height:166px; padding-top:100px; margin:0 auto; clear:both; color:#fff; text-align:center; background-image:url(../grafica/bg_footer.png); background-position:center top; background-repeat:no-repeat; background-size:cover; }
	nav.footerMenu {padding:20px 0; margin:0 auto; display:inline-block; text-align:center;}
	nav.footerMenu ul li {height:12px; padding:0 20px; line-height:12px; float:left; font-size:14px; border-right:1px solid #fff;}
	nav.footerMenu ul li a {color:#fff;}
		nav.footerMenu ul li:last-child {border-right:none;}
	p.credits {color:#bfbdbd; display:inline-block; font-size:12px; text-transform:uppercase;}
a.fb_bianco {background-image:url(../grafica/ico_fb_bianco.png); background-position:top center;}
a.tw_bianco {background-image:url(../grafica/ico_twitter_bianco.png); background-position:top center;}
a.in_bianco {background-image:url(../grafica/ico_linkedin_bianco.png); background-position:top center;}
a.go_bianco {background-image:url(../grafica/ico_google_bianco.png); background-position:top center;}
	a.fb_bianco:hover, a.tw_bianco:hover, a.in_bianco:hover, a.go_bianco:hover {background-position:bottom center;}
	
/*///////////////////////  | OVERLAY |  ///////////////////////*/
.wrapOverlay {width:750px; height:auto; display:block; background-color:#fff;}
	.remember {padding:10px 0 5px 0; text-align:center; font-size:14;}
	.wrapLeft {width:412px; height:auto; padding:20px 30px 20px 30px; float:left; color:#1c3d6a; line-height:22px;}
		.wrapLeft h3 {font-size:18px; font-weight:normal; color:#1c3d6a;}
		.wrapLeft p {color:#1c3d6a;}
		.formOverlay li input[type="text"], .formOverlay li input[type="password"], .formOverlay textarea {width:93%; padding:0 3%; margin:10px 0; border:1px solid #aaabad; font-size:16px;}
		.formOverlay li select {width:100%; margin:10px 0; border:1px solid #aaabad;}	
		.formOverlay li textarea {padding:3%;}
		.formOverlay li ::-webkit-input-placeholder, .formOverlay li :-moz-placeholder, .formOverlay li ::-moz-placeholder, .formOverlay li :-ms-input-placeholder {color:#aaabad;}
		.wrapLeft input[type="submit"] {width:100%;}
	.wrapRight {width:238px; height:auto; min-height:308px; padding:20px; float:left; position:relative; background-color:#f49c14; box-shadow:-8px 0px 12px rgba(0, 0, 0, 0.30); -webkit-box-shadow:-8px 0px 12px rgba(0, 0, 0, 0.30); -moz-box-shadow:-8px 0px 12px rgba(0, 0, 0, 0.30);}
		.wrapRight h3 {font-size:16px; font-weight:normal; color:#fff; line-height:22px;}
		.iscrivitiNews {background-image:url(../grafica/icona_iscrivitiNewsletter_ov.png); background-position:center center; background-repeat:no-repeat;}
		.accessoAzienda, .formContatta {background-image:url(../grafica/icona_accessoAzienda_ov.png); background-position:center center; background-repeat:no-repeat;}
		.accesso-utente {background-image:url(../grafica/icona_accessoUtente_ov.png); background-position:center center; background-repeat:no-repeat;}
/* per fare in modo di avere, come nel layout creato, la parte destra gialla obliqua con l'ombra, ho aggiunto l'ombra nel css del wrapRight e la position relative in più per ogni popup/form ho aggiunto una pseudo classe before dando lo stile transform skew per creare il div obliquo, una larghezza piccola per non nascondere l'img del wrapRight e un margin left per far vedere la linea obliqua. Ho dato un'altezza in base all'altezza del div in modo da non far fuoriuscire il div obliquo */
.wrapRight.tipoRegistrazione:before, .wrapRight.continuaRegistrazione:before, .wrapRight.accesso-utente:before, .wrapRight.accessoAzienda:before, .wrapRight.iscrivitiNews:before {content:''; position:absolute; left:0; top:0; width:30px; margin-left:-12px; background-color:#F49C14; transform:skew(2deg, 0deg); transform-origin:top left; -ms-transform:skew(2deg, 0deg); -ms-transform-origin:top left; -moz-transform:skew(2deg, 0deg);-moz-transform-origin:top left; -webkit-transform:skew(2deg, 0deg); -webkit-transform-origin:top left; -o-transform:skew(2deg, 0deg); -o-transform-origin:top left;}
.wrapRight.tipoRegistrazione:before, .wrapRight.continuaRegistrazione:before, .wrapRight.accesso-utente:before, .wrapRight.accessoAzienda:before, .wrapRight.iscrivitiNews:before {height:348px;}
.wrapRight.iscrivitiNews2:before {height:448px;}
.wrapRight.registrazUtenti:before {content:''; position:absolute; left:0; top:0; width:16px; height:740px; margin-left:-14px; background-color:#F49C14; transform:skew(1deg, 0deg); transform-origin:top left; -ms-transform:skew(1deg, 0deg); -ms-transform-origin:top left; -moz-transform:skew(1deg, 0deg);-moz-transform-origin:top left; -webkit-transform:skew(1deg, 0deg); -webkit-transform-origin:top left; -o-transform:skew(2deg, 0deg); -o-transform-origin:top left;}
.wrapRight.registrazUtenti2:before {content:''; position:absolute; left:0; top:0; width:23px; height:1175px; margin-left:-22px; background-color:#F49C14; transform:skew(1deg, 0deg); transform-origin:top left; -ms-transform:skew(1deg, 0deg); -ms-transform-origin:top left; -moz-transform:skew(1deg, 0deg);-moz-transform-origin:top left; -webkit-transform:skew(1deg, 0deg); -webkit-transform-origin:top left; -o-transform:skew(2deg, 0deg); -o-transform-origin:top left;}
.wrapRight.regitrazAzienda:before {content:''; position:absolute; left:0; top:0; width:16px; height:816px; margin-left:-16px; background-color:#F49C14; transform:skew(1deg, 0deg); transform-origin:top left; -ms-transform:skew(1deg, 0deg); -ms-transform-origin:top left; -moz-transform:skew(1deg, 0deg);-moz-transform-origin:top left; -webkit-transform:skew(1deg, 0deg); -webkit-transform-origin:top left; -o-transform:skew(2deg, 0deg); -o-transform-origin:top left;}
.wrapRight.regitrazAzienda2:before {content:''; position:absolute; left:0; top:0; width:21px; height:1118px; margin-left:-20px; background-color:#F49C14; transform:skew(1deg, 0deg); transform-origin:top left; -ms-transform:skew(1deg, 0deg); -ms-transform-origin:top left; -moz-transform:skew(1deg, 0deg);-moz-transform-origin:top left; -webkit-transform:skew(1deg, 0deg); -webkit-transform-origin:top left; -o-transform:skew(2deg, 0deg); -o-transform-origin:top left;}
.wrapRight.continuaRegistrazionePub:before {content:''; position:absolute; left:0; top:0; width:20px; height:690px; margin-left:-12px; background-color:#F49C14; transform:skew(1deg, 0deg); transform-origin:top left; -ms-transform:skew(1deg, 0deg); -ms-transform-origin:top left; -moz-transform:skew(1deg, 0deg);-moz-transform-origin:top left; -webkit-transform:skew(1deg, 0deg); -webkit-transform-origin:top left; -o-transform:skew(2deg, 0deg); -o-transform-origin:top left;}
.wrapRight.formContatta:before {content:''; position:absolute; left:0; top:0; width:15px; height:690px; margin-left:-14px; background-color:#F49C14; transform:skew(1deg, 0deg); transform-origin:top left; -ms-transform:skew(1deg, 0deg); -ms-transform-origin:top left; -moz-transform:skew(1deg, 0deg);-moz-transform-origin:top left; -webkit-transform:skew(1deg, 0deg); -webkit-transform-origin:top left; -o-transform:skew(2deg, 0deg); -o-transform-origin:top left;}
.wrapRight.regEffettuata:before {content:''; position:absolute; left:0; top:0; width:15px; height:350px; margin-left:-8px; background-color:#F49C14; transform:skew(1deg, 0deg); transform-origin:top left; -ms-transform:skew(1deg, 0deg); -ms-transform-origin:top left; -moz-transform:skew(1deg, 0deg);-moz-transform-origin:top left; -webkit-transform:skew(1deg, 0deg); -webkit-transform-origin:top left; -o-transform:skew(2deg, 0deg); -o-transform-origin:top left;}


.overlay_container {position:fixed; z-index:1000; width:100%; height:100%; background-color:rgba(0,0,0,.5); display:none; left: 0; top: 0;}
.overlay_content {background-color:#fff; left:50%; margin-top:60px; position:absolute; -moz-border-radius:3px; border-radius:3px; }
.overlay_close {width:20px; height:20px; display:block; position:absolute; right:4px; text-align:center; line-height:26px; font-size:13px; color:#fff; font-weight:bold;}
.overlay_iframe {}

/*///////////////////////  | ERRORE |  ///////////////////////*/
.errore ::-webkit-input-placeholder, .errore :-moz-placeholder, .errore ::-moz-placeholder, .errore :-ms-input-placeholder {color:red;}
.errore, label.errore {background-color:rgba(255, 60, 54, 0.19); color:red;}

.box_candidatura a { color:#333; }