/*-------------------------
-    DAVIDE PILLITTERI    - 
- Itinerari previdenziali -
-------------------------*/
/* FONT FACE */
@font-face {
	font-family: 'BebasNeueRegular';
	src: url('http://www.itinerariprevidenziali.it/contents/instance16/css62/font/bebasneue-webfont.eot');
	src: url('font/bebasneue-webfont.eot.html') format('embedded-opentype'),
		 url('font/bebasneue-webfont.woff.html') format('woff'),
		 url('font/bebasneue-webfont.ttf.html') format('truetype'),
		 url('font/bebasneue-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* RESET/CLASSI/FORMATTAZIONI GENERICHE */
* {
	margin: 0;
	padding: 0;
	border: 0;
}
html { /*background-color: #3D3D3D;*/ }
body {
	background-color: #EEE;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3D3D3D;
}
h1,h1 a, h2,h2 a, h3,h3 a, h4,h4 a, h5,h5 a, h6,h6 a {
	font-family: 'BebasNeueRegular', Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: #F39507;
	margin: 0 0 10px 0;
}
h1, h1 a { font-size: 24px; }
h2, h2 a { font-size: 20px; }
h3, h3 a { font-size: 16px; }
h4, h4 a { font-size: 15px; }
h5, h5 a { font-size: 14px; }
h6, h6 a { font-size: 15px; }
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0 0 10px 0;
}
a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #F39507;
	text-decoration: none;
	outline: 0;
}
a:hover { color: #F39507; text-decoration: none; }
ul, ol { margin: 10px 0 10px 20px; }
.clear {
	clear: both;
	height: 0;
	font-size: 1px;
	overflow: hidden;
}
.clearing {
	overflow: hidden;
	width: auto;
	height: auto;
}
.hide { display: none; }
.sx { float: left; }
.dx { float: right; }
.text_c { text-align: center !important; }
.text_l { text-align: left !important; }
.text_r { text-align: right !important; }
.uppercase { text-transform: uppercase !important; }
.italic { font-style: italic !important; }
.bold { font-weight: bold !important; }
.orange {color:#F39507 !important;}
.noborder {border:none !important;}
select, option, input { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #3D3D3D; }
::-moz-selection { background-color: #F39507; color: #FFF; }
/* Works in Safari */
::selection { background-color: #F39507; color: #FFF; }

/* CONTAINER SITO */
#container { width: 980px; margin: 0 auto; background-color: #FFF; }

/* HEADER */
header { margin-bottom: 10px; }
header #htop { background: url('htop.png') repeat-x left bottom; }
header #htop .container { position: relative; }
/* logo */
#logo {
	float: left;
	width: 260px;
	margin-bottom: 4px;
}
#navmenu {
	float: left;
	width: 720px;
}
/* menu header */
#menu_top {
	display: none;
	float: right;
	text-align: right;
}
#menu_top ul {
	list-style: none;
	margin: 3px 0 0 0;
}
#menu_top ul li { float: left; display: inline; }
#menu_top ul li a {
	display: block;
	font-size: 11px;
	color: #F39507;
	font-weight: bold;
	border-left: solid 1px #F39507;
	padding: 10px 5px;
}
#menu_top ul li:first-child a { border-left: 0; }
#menu_top ul li:hover a { background-color: #F39507; color: #FFF; }
/* menu principale */
header #menu { display: none; }
header #menu ul {
	float: right;
	display: inline;
	list-style: none;
	background: url('bg-menu.png') repeat-x left bottom;
}
header #menu ul li {
	float: left;
	background: url('divisor.png') no-repeat right center;
	padding: 16px 9px 12px;
}
html.webkit header #menu ul li { padding: 16px 8px 12px; }
header #menu ul li:hover, header #menu ul li.active { background: url('bg-menu-hover.png') repeat-x center left; }
header #menu ul li a {
	font-family: 'BebasNeueRegular',Helvetica,Arial,sans-serif;
	font-size: 19px;
	color: #A0A0A0;
	text-shadow: 0 1px 5px #000;
	padding: 16px 0 12px;
}
header #menu ul li:hover a, header #menu ul li.active a { color: #FFF; }
/* background fascia arancione */
#hbottom { background: url('hbottom.jpg') no-repeat top center #F39507; height: 50px; }
.intro {
	font-family: Arial,sans-serif;
	font-size: 14px;
	font-weight:bold;
	text-align: center;
	padding: 0 50px 6px 50px;
	text-transform:uppercase;
}
fheader #menu ul li
/* HOMEPAGE */
#main .container { background-color: #FFF; padding-top: 12px; }
.bannerhome { margin-bottom: 20px; }
#main.homepage #content section { margin-bottom: 20px; }
.notizie_recensioni p em { padding-left: 24px; }
.bannertop { text-align: center; }
/* timeline eventi */
#timeline {
	background: url('timeline4.png') no-repeat center top;
	font-family: 'BebasNeueRegular',Helvetica,Arial,sans-serif;
	text-align: center;
	padding: 0 20px 0;
	margin-bottom: 15px;
}
#timeline .event-marker {
	width: 10px;
	height: 10px;
	background-color: #EF8216;
	border-radius: 10px;
	box-shadow: 1px 1px 2px #333;
	margin-left: 43%;
	margin-bottom: 10px;
}
#timeline .event-wrap { float: left; padding: 0 20px; }
#timeline .event { margin-top: 5px; }
#timeline .event .event-name h3.title a { color: #3D3D3D; }
#timeline .event-day {
	position: relative;
	float: left;
	width: 100%;
	font-size: 14px;
	white-space: nowrap;
    background-color: #FFF;
    box-shadow: 1px 1px 3px #333;
	margin-bottom: 5px;
}
#wrapper-home #sidebar { margin: 0; }
#wrapper-home #content { margin: 0 10px 40px 15px; }

/* EVENTI */
#eventi {
	background-color: #EAE8E8;
	border-top: solid 1px #B3B3B3;
	padding: 10px 15px;
	margin-bottom: 10px;
}
#eventi article { border-bottom: solid 1px #CDCECE; padding-bottom: 10px; margin-bottom: 10px; }
#eventi article.last { border-bottom: 0; }
#eventi article h2 { margin: 0; }
#eventi .bollino-materiali, #eventi .bollino-evidenza { float: left; margin-right: 10px; }
.biblioteca-preview { border-bottom: solid 1px #CDCECE; padding-bottom: 20px; margin-bottom: 10px; }
.biblioteca-preview .box { float: left; width: 315px; margin-right: 10px; }
.biblioteca-preview .box.last { margin-right: 0; }
.biblioteca-preview .box h2 {
	font-family: 'BebasNeueRegular',Helvetica,Arial,sans-serif;
	font-size: 18px;
	color: #FFF;
	background-color: #F39507;
	padding: 2px 10px;
	margin-bottom: 2px;
}
.biblioteca-preview .box h3 { margin-bottom: 0; margin-top:10px;}
.biblioteca-preview .box div { padding-bottom: 20px; }

/* PAGINE INTERNE */
/* menu navigazione secondo-terzo livello */
#sidebar { float: left; width: 305px; margin: 0 15px 20px 10px; }
#sidebar nav { margin-bottom: 20px; }
#sidebar nav ul { list-style: none; text-align: right; margin: 0; }
#sidebar nav ul li {
	background: url('menuEventBg.png') repeat-x center top;
	padding: 1px 0;
	margin-bottom: 2px;
}
#sidebar nav ul li.light { background: url('submenuEventBg.png') repeat-x center top; }
#sidebar nav ul li a {
	display: block;
	font-family: 'BebasNeueRegular', Helvetica, Arial, sans-serif;
	font-size: 17px;
	color: #FFF;
	white-space: nowrap;
	letter-spacing: 1px;
	border-right: 1px solid #F39507;
	padding: 1px 10px 0 0;
	margin: 0 20px;
}
#sidebar nav ul li a:hover, #sidebar nav ul li a.active { color: #F39507; }
/* articolo aggiuntivo spalla sinistra */
.article-box-wrap { border: 1px solid #CCC; padding: 20px 10px 10px 10px; margin-bottom: 20px; }
.cts-thumbs img { float: left; border: 1px solid #666; margin: 5px; }
.cts-box {margin-bottom:20px;}
.profile-box-title img {float:left; margin-right:10px; border: 1px solid #666;}
.profile-box {width:300px; padding-right:14px; float:left; margin-bottom:20px;}
/* contenuto di pagina */
#content  { float: left; width: 640px; margin-bottom: 40px; }
#content .box-wrap-container {
	background-color: #F2F2F2;
	border: solid 2px #3D3D3D;
	box-shadow: 1px 1px 2px #B3B3B3;
	padding: 6px 4px;
}
#content .box-wrap { background-color: #FFF; border: solid 2px #999; box-shadow: 1px 1px 2px #B3B3B3; padding: 15px 20px; }
/* pagine sfondo grigio */
.profile-title { position: relative; padding: 15px 0 15px 100px; margin-bottom:10px; }
.profile-title img { position: absolute; top: 0; left: 0; }
.profile-title h1 {
    line-height: 0.8;
    margin-bottom: 0 !important;
    padding-left: 25px;
}
.scheda-profilo {margin-bottom:20px;}
.scheda-profilo .scheda-thumb { margin-right:20px; border: 1px solid #666; float:left;}
.scheda-abstract {float:left; width:350px; padding-right:20px;}
#content ul { 
	list-style: none;
	padding-left: 30px;
	margin: 20px 0;
}
#content ul li {
	background: url('li-point-2.png') no-repeat left 3px;
	padding-left: 15px;
	margin: 10px 0;
}
#evento_desc  table img { margin-right: 15px; }
/* eventi */
.date { font-family: 'BebasNeueRegular', Helvetica, Arial, sans-serif; font-size: 17px; }
.single-event-info { margin-bottom: 20px; }
.single-event-date { font-style: italic; margin-bottom: 5px; }
#content h2.single-event-title { color: #3D3D3D; margin-bottom: 2px; }
#content h2.single-event-title a { color: #3D3D3D; }
#content h2.single-event-title a:hover { color: #F39507; }
/* dettaglio evento */
#info_evento { margin-top: 10px; }
/*
#info_evento ul { list-style: none; margin: 0; }
#info_evento ul li.more_info { background: url('../images/submenuEventBg.png') repeat-x scroll center top rgba(0, 0, 0, 0); margin-bottom: 10px; }
#info_evento ul li.more_info a.gruppo {
	display: block;
	font-family: 'BebasNeueRegular', Helvetica, Arial, sans-serif;
	font-size: 20px;
	color: #FFF;
	background: url('../images/arrow_left.png') no-repeat 8px center;
	padding: 2px 0 0 25px;
}
#info_evento ul li.more_info a.gruppo:hover, #info_evento ul li a.gruppo.open { color: #F39507; }
#info_evento ul li.more_info a.gruppo.open { background: url('../images/arrow_bottom.png') no-repeat 8px center; }
#info_evento .tabevento ul li { border-bottom: solid 1px #CDCECE; padding: 10px 0; }
*/
.video { margin-top: 24px; }
html.video { margin-top: 0; }
.pdf { display: block; background: url('http://www.itinerariprevidenziali.it/contents/instance16/images/file-pdf.png') no-repeat left center; padding: 3px 0 3px 25px; }
.ppt { display: block; background: url('file-ppt.png') no-repeat left center; padding: 3px 0 3px 25px; }
#main.homepage #content .pdf,  #content .ppt  { color: #3D3D3D; }
#info_evento .tabevento h2 { color: #3D3D3D; margin: 0; }

#info_evento .tabevento .block { float: left; width: 85%; }
#info_evento .tabevento .block.time { width: 15%; font-family: 'BebasNeueRegular', Helvetica, Arial, sans-serif; font-size: 18px; }
/* FOOTER */
footer { color: #8C8C8C; background: url('bg-footer.png') repeat-x top left; }
footer .ftop { border-top: solid 3px #F39507; padding: 20px 0 17px 0; }
footer a:hover { color: #FFF; }
/* footer top: logo + menu */
#logofooter { float: left; width: 300px; padding: 40px 0 0 50px; }
#footer-menu { float: left; width: 610px; padding: 10px; }
#footer-menu .col {
	position: relative;
	float: left;
	width: 31%;
	height: 190px;
	font-family: 'BebasNeueRegular', Helvetica, Arial, sans-serif;
	font-size: 18px;
	line-height: 1;
	background: url('footerIncision.png') no-repeat left center;
	padding: 10px 0 0 10px;
}
#footer-menu ul { list-style: none; margin: 0; }
#footer-menu li.nav-item { margin-bottom: 10px; }
#footer-menu li.nav-item a {
	font-family: 'BebasNeueRegular', Helvetica, Arial, sans-serif;
	font-size: 18px;
	color: #8C8C8C;
}
#footer-menu li.nav-item a:hover { color: #FFF; }
#footer-menu .col li.nav-item .footer-sub-nav { line-height: 12px; }
#footer-menu .col li.nav-item .footer-sub-nav li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	padding-left: 8px;
}
#footer-menu .socials { position: absolute; bottom: 0; }
/* footer bottom: informazioni legali */
.fbottom { font-size: 11px; color: #8C8C8C; background-color: #3D3D3D; padding: 5px 10px 10px 10px; }
.fbottom a { font-size: 11px; color: #8C8C8C; }
.fbottom span { float: right; }
/* form */
#survey #errors { width: 320px; margin: 20px auto; border: solid 2px #FF0000; padding: 20px; }
#survey td { padding: 5px 0; }
#survey td p { font-size: 12px; }
#survey .label_obbligatorio { text-align: right; }
#survey .question-box { float: left; width: 250px; margin: 0 50px 15px 0; }
#survey .opzioni { margin-top: 3px; }
#survey label.question-title { display: block; margin-bottom: 4px; }
#survey label.error { display: block; color: #FF0000; font-style: italic; }
#survey #registrazione label.error, #survey #disiscrizione label.error { display: inline; margin-left: 20px; }
#survey #registrazione #info_privacy label.error, #survey #disiscrizione #info_privacy label.error { display: block; margin-left: 0; }
#survey #registrazione .radio, #survey #disiscrizione .radio { margin-right: 5px; }
#survey #registrazione .campo, #survey #disiscrizione .campo { margin-bottom: 20px; }
#survey input.input-testo { width: 240px; color: #707173; border: solid 1px #C2C2C3; padding: 4px 5px; }
#survey select { width: 250px; color: #707173; border: solid 1px #C2C2C3; padding: 4px 5px; }
#survey textarea { width: 550px; color: #707173; border: solid 1px #C2C2C3; padding: 2px 5px; }
#survey input.input-submit {
	font-size: 16px;
	color: #FFF;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
	background-color:#F39507;
	padding:6px;
}
#survey .mandatory { color: #F39507; }

.biblioteca {background-color:#F7F7F7; padding:10px; border:1px solid #ccc; margin-bottom:20px;}
.biblioteca-result {padding:12px 0; border-bottom:1px dotted #F39507;}
.biblioteca-result a {font-size:14px; font-weight:bold; }
.biblioteca-result .field a {font-size:12px;  }
#biblioteca-results .field {padding:3px 0;}
#biblioteca-results .field-label {font-weight:bold;}
.biblioteca-result .download-pdf {margin:10px 0;}
.biblioteca-result .download-pdf a {font-weight:bold; font-size:12px;}
.paginazione {margin-top:15px;text-align:center; font-size:14px;}
.backhistory { text-align: right; padding: 10px; }
#slider-code {
    height: 177px;
    overflow: hidden;
    position: relative;
}
#slider-code .viewport {
    height: 177px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 920px;
}
#slider-code .buttons {
    display: block;
    height: 20px;
    left: 8px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
}
#slider-code .next {
    left: auto;
    right: 10px;
}
#slider-code .disable { visibility: hidden; }
#slider-code .overview {
    left: 0;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
}
#slider-code .overview li {
    border: 1px solid #DCDCDC;
    float: left;
    height: 94px;
    margin: 25px 5px 0 0;
    padding: 1px;
    position: relative;
    width: 175px;
}
#slider-code .overview li a .titolo {
    left: 0;
    position: absolute;
    top: 10px;
    width: 100%;
}
#slider-code .overview li a .titolo h1 {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #FFFFFF;
    font-family: 'BebasNeueRegular',Helvetica,Arial,sans-serif;
    font-size: 14px;
    text-align: center;
}
#ospiti_box { padding-left:40px; }
#ospiti { border: 1px solid #999; }

.block_2 { margin-top: 20px; }

.itp-single-video-wrap {
    float: left;
    width: 260px;
}

.download {
    float: right;
    width: 350px;
}
.partner_article table, #info_evento table {margin:auto;}
.partner_article td,  #info_evento td {padding: 20px 10px; text-align:center;}

#info_evento table.videomateriali { margin: 0; }
#info_evento table.videomateriali td { padding: 0 10px 20px 0; }

/* tabella "programma" da editor */
.programma { padding: 10px 0 10px 20px; }
.programma tr td:first-child { width: 20%; }
.programma td { vertical-align: top; text-align: left !important; padding: 0 0 10px 0 !important; }
.programma td h2 { color: #3D3D3D; margin-bottom: 0; }
.orario {
	font-family: 'BebasNeueRegular', Helvetica, Arial, sans-serif;
	font-size: 18px;
	background: url('li-point-2.png') no-repeat scroll left 6px;
	padding-left: 15px;
}
/* COOKIE TOOLBAR */
.cookie-message {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 99;
	line-height: 20px;
	background-color: #FFF;
	border-bottom: 9px solid #F39507;
	padding-top: 10px;
}
.message-text { width: 980px; margin: 0 auto; }
.text-cookie { padding-right: 50px; }
.cookie-message a { text-decoration: underline; }
.cookie-message a:hover { text-decoration: none; }
.cookie-message a.cookiebar-close { float: right; display:block; }