/*  CSS principale */

.responsive > *{display:none;}

* { box-sizing:border-box;}

body { font-family: 'Lato', sans-serif; background: url('img/body-sf.jpg') no-repeat center bottom fixed #000; color:#fff;}

h1, h2, a {color:#eee1ad;}

blockquote {font-style: italic; padding: 20px 30px 30px;}
blockquote:before {
  color: #fff;
  content: open-quote;
  font-size: 4em;
}
blockquote:after {
  color: #fff;
  content: close-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}

.header-container, .footer-container, .main aside {background:none;}
.header-container {border-bottom:0; color:#000; position:relative;}
.header-container .wrapper {  background: url('img/header-sf-2015.jpg') no-repeat center top; background-size: cover;} 

header {position:relative;}

#coming-video { width:100%; height:500px;}


.language { position:relative; top: 2px; left:5px; }
.language .flag { margin:0 5px 0 0;}
.language .flag.off { opacity:0.5;}

h1.title{ 
    margin: 0 0 0 30px;
    width:955px;
    float:none;
}

h1.title a{
    display: block;
    text-indent:-9999px; 
    overflow:hidden;
    background: url('/media/88784/esec-2016-fondo-bianco.png');
    width:100%;
    height:289px;
    background-size: cover;
}

h2 a { text-decoration:none;}

.description { height:0; text-indent:-9999px; margin:0; padding:0; overflow:hidden;}

#countdown { 
    width:361px; 
    height:46px; 
    background: url('img/countdown-sf.png') no-repeat right 0;
    color:#eee1ad;
    font-size:23px;
    font-weight: bold;
    font-style:italic;
    padding-top:3px;
    overflow:hidden;
    border:none;
    position:absolute;
    top: 307px;
	left: 50%;
	margin: 0 0 0 -105px;
}

#countdown .countdown-row { width: 252px; float:right; position:absolute; right:-10px;}
#countdown .countdown-section{padding:0 4px; display:inline-block;  }
#countdown .countdown-section:last-child{ margin-right:0;}
#countdown .countdown-amount {min-width:52px; display:inline-block;}
#countdown .countdown-period { text-indent:-9999px; overflow:hidden;}

nav {width:auto; float:none; margin:0 auto; text-align:left}
.header-container nav a, nav a { 
    width: auto; 
    font-size:15px; 
    color:#000; 
    text-transform:uppercase; 
    padding: 0; 
    margin:0;
    background:none;
    display:inline;
    float:none;
}
nav a:hover {color:#000;}
nav a::after { content: "•"; padding:0 5px; }
nav .last a::after {content: none; padding:0;}
nav a:hover {text-decoration:none;}

.sottoMenu .nav{list-style:none; margin:0 0 10px 0 ; padding:0;}
.sottoMenu .nav li{border-bottom: 1px solid #d4c99b; padding:7px 20px;}
.sottoMenu .nav li a{ text-decoration:none;}
.sottoMenu .nav li.ultimo{ border-bottom:hidden;}

.header-container nav {background: url('img/cornice.png') repeat-x #EEE1AD; min-height:45px; padding:14px 110px 0 20px;}

.header-container .social, .share ul { list-style:none; margin:0; padding:0;}
.header-container .social li, .share li {display:inline-block;}
.header-container .social a, .share a {
    display:block; 
    text-indent:-9999px; 
    overflow:hidden; 
    width:30px; 
    height:30px;
    background-repeat:no-repeat;
}

.share a { width:15px; height:15px;}

.header-container .social {
    position: absolute;
    right: 10px;
    bottom: -5px;
}
.header-container .social .fb {background-image:url(img/header-fb-sf.png)}
.header-container .social .tw {background-image:url(img/header-tw-sf.png)}
.header-container .social .yt {background-image:url(img/header-yt-sf.png)}
.header-container .social .instagram {background-image:url(img/header-istagram-sf.png)}

#search {position:relative; width:415px;}
#search form { position: absolute; top:2px; right: 10px;}
#search input.txt { background:#000; color:#fff; border:none; padding:2px; margin-top:-2px; height:25px;}
#search input.btn { display:inline-block; text-indent:-9999px; overflow:hidde; width:25px; height:25px; background:url('img/search.png'); border:none; margin-left:10px;}

#istituzionali { position: absolute; top:10px; left:20px;}
#istituzionali-responsive { position: absolute; top:10px; left:15px; display:none;}

.main-container .main { background: url('img/content-sf.png'); padding-bottom:0; }

#content {width: 757px; float: left; padding-right:10px;}
#content.full { width:100%; float:none; padding-right:0;}

.imgPagineInterne, .imgFL{float:left; margin:10px 10px 5px 0;}

.row { overflow:auto; margin-bottom:5px; clear: both;}
.row > div {float:left;}

.pagination ul {list-style:none;}
.pagination ul>li>a, .pagination ul>li>span {float: left;padding: 4px 12px;line-height: 20px;text-decoration: none;}
.pagination ul > li > a, .pagination ul > li > span {background-color:#932C32;border:1px solid #770000;margin:2px 2px;color:#eee1ad;}
.pagination ul > .active > a, .pagination ul > .active > span {color: #932C32;background-color:#eee1ad;cursor: default;}
.pagination ul > li.disabled {display: none;}
.pagination-centered {text-align: center; margin-bottom:20px; overflow:auto;}

.breadcrumb{list-style:none;padding:0; margin:10px 0 0 0; display: inline-block;}
.breadcrumb li {float:left; margin:0 5px;}
.breadcrumb li a{}


article.paginaInterna, .single-post article, .page.list-post { padding: 0 20px;}

section{}
section.paginaInterna{overflow:auto; margin-bottom:40px;}
.pgTFFLA .paginaInterna{margin-bottom:10px;}
section.paginaInterna h3 { color:#932C32;}


#video {width:460px; height:390px;}
.spot {width:385px; text-align:center; background-color:#EFE2AE; margin-right:7px; color:#000;}
.spot .spot-title {color:#000; margin-top: 15px;}
#tao-class {width:265px; margin: 0 0 0 16px;}
#gallery {width:415px;}
.list-post {width:100%;}
.main article {width:95%;}

.box-title, .section-title { background-color:#932C32; padding:2px 7px 0; font-weight:normal; text-transform:uppercase; margin: 0 0 7px 0; font-size:18px; height:31px; color:#EEE1AD;}
.box-title a{text-decoration:none;}

.documenti .documenti_titolo{padding-right:40px;}
.documenti .documenti_titolo strong{color:#c13d44;}
.documenti{list-style:none; margin:0; padding:0;}
.documenti li{background-color: #1c1c1c;padding: 10px 20px; margin-bottom:5px; overflow: auto;}
/*.documenti li{padding:10px 0; border-bottom:1px solid #ccc;}*/
.documenti .documenti_apri{float:right; text-transform: uppercase;}

.titolo-evidenza{color:#c13d44;}

.boxElenco{margin-bottom:30px;}

.colonnaDX{float:left; width:50%;}
.colonnaSX{}

#video .box-body {background-color:#eee1ad; color:#000; padding:5px 5px 10px; height: 351px;}
#video .post-title { text-transform:uppercase; border-bottom:1px solid #000; margin:0 0 2px 0; padding: 0 1px;}
#video .post-body { font-size:14px; font-style:italic; line-height:16px; padding: 0 5px;}

#tao-class { background-color:#922C32; padding:5px; color:#eee1ad; height:389px; }
#tao-class .spot-title {color:#EFE2AE; }
#tao-class .spot-title::before { display: block; height:13px; width:100%; background: url('img/tao-class-cornice-top.png') repeat-x; content: ""; margin-bottom: 20px;}
#tao-class .spot-title::after { content: ""; display: block; height:13px; width:100%; background: url('img/tao-class-cornice-bottom.png') repeat-x; margin-top: 20px; } 
#tao-class .spot-body p {margin-top: 40px;padding: 0 15px;}


.spot .spot-title {font-size:44px; line-height: 39px; text-transform:uppercase; margin-bottom:20px; font-style: italic;}
.spot .spot-body {font-size:14px; line-height:16px; font-style: italic; }


#gallery .fade .slick-track {left:5px;}
#gallery .fade .slick-prev,  #gallery .fade .slick-next {top :92%; width:30px; height:30px; text-indent:-9999px; overflow:hidden;}
#gallery .fade .slick-prev { background: url('img/gallery-prev.png') no-repeat;}
#gallery .fade .slick-next { background: url('img/gallery-next.png') no-repeat;}
#gallery .slick-prev {left:0;}
#gallery .slick-next {right:0;}
#gallery .slick-slider {margin-bottom:0px;}
#gallery .fade {margin-bottom:14px;}
#gallery .lazy img {cursor:pointer;}

#imagelightbox
{
    position: fixed;
    z-index: 9999;
}
/* WITH OVERLAY */

		#imagelightbox-overlay
		{
			background-color: #000;
			background-color: rgba( 0, 0, 0, .9 );
			position: fixed;
			z-index: 9998;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
		}


#photo-gallery {width:100%;}
#photo-gallery .photos img { width: 99%;}
#photo-gallery .photos .slick-track {left:5px;}
#photo-gallery .photos .slick-prev,  #photo-gallery .photos .slick-next {top :92%; width:30px; height:30px; text-indent:-9999px; overflow:hidden;}
#photo-gallery .photos .slick-prev { background: url('img/gallery-prev.png') no-repeat;}
#photo-gallery .photos .slick-next { background: url('img/gallery-next.png') no-repeat;}
#photo-gallery .slick-prev {left:0;}
#photo-gallery .slick-next {right:0;}
#photo-gallery .slick-slider {margin-bottom:0px;}
#photo-gallery .photos {margin-bottom:14px; max-height:585px;}
#photo-gallery .navigation .slick-slide {overflow:hidden; width:135px; height:133px;}
#photo-gallery .navigation slick-slide img {height:133px; width:135px}
#photo-gallery .navigation img {cursor:pointer;}
#photo-gallery .description {
	height: 117px;
	text-indent: 0;
	margin: 0;
	padding: 20px 44px;
	overflow: hidden;
	background: url('img/content-sf.png');
	position: absolute;
	bottom: 0;
	width: 100%;
	font-size: 18px;
	font-style: italic;
}

.slick-slider .slick-disabled { opacity:0.25;}


.list-post {margin-right: 0px; padding-right:10px;}
.list-post article { float:none; margin-bottom: 10px; overflow:auto;}
article .post-image { margin: 0 20px 0 0; float: left; }
article .post-image img { /*width:337px;*/}
.page.list-post article .post-image img { width: auto; height: 170px}

.list-post article section {overflow:auto;}
.main article .post-title { font-size:18px; text-transform:uppercase; padding-bottom:4px; border-bottom:1px solid #eee1ad; overflow:auto; margin-bottom: 10px;}
.list-post article .post-title a {text-decoration:none;}
.list-post article section p {display:inline-block; font-size:14px; line-height:16px; font-style:italic; margin: 0;}
.list-post article .date { font-weight:bold; font-style:normal;}
.list-post article .read-more {font-size:12px; font-style:italic; font-weight:bold; text-decoration:none;}
.list-post article .share {overflow:auto;}
.list-post article .share p, .list-post article .share ul{font-size:11px; display:inline-block; font-style:italic; margin:0;}
.list-post article .share li {border-left: 1px solid #eee1ad; margin-left:4px; padding-left:7px;}
.list-post article .share .fb {background-image:url(img/share-fb-sf.png);}
.list-post article .share .tw {background-image:url(img/share-tw-sf.png);}
.list-post > footer { height:20px; background-image:url(img/cornice-footer.png); font-size:10px; clear:both;}
.list-post .archive {display:block; text-indent:-9999px; overflow:hidden; background:url(img/archive-sf.png) no-repeat; width:107px; height:20px; float:right;} 

.partner ul li{overflow:auto; padding:5px 0;}
.partner ul{padding:0; margin: 0 20px;}
.partner .titolo-evidenza{margin:1em 0 0 0}
.partner ul li strong{font-size:17px}
.partner ul li img{margin: 0 15px 5px 0;}


.banner { text-align:center;}

.social-tabs { padding: 0 0 0 0px; margin-top: 10px; /*border-left:1px solid #eee1ad;*/}
/*.social-tabs::after { content: ""; display: block; height:20px; width:100%; background: url('img/cornice.png') repeat-x; margin-top: 10px; } */
.tabs ul { list-style:none; margin:0; padding:0;}
.tabs li { display:inline-block;}
.tabs .tabs-container > div { width:450px;}
.tabs li a {
	display: block;
	background-color: #000;
	color: #932C32; 
	padding: 2px 7px 2px;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0 0 7px 0;
	font-size: 18px;
	height: 31px;
	text-decoration:none;
}
.tabs li a.active {color: #eee1ad; background-color: #932C32;}

.tabs li a:hover {background: #eee1ad;}
.tabs li a.active:hover {background: #932C32;}

.widget {width: 412px;}
#twitter-widget {width:100%;}
#twitter-widget .twitter-timeline { display: block; margin: 0 auto 19px;}

.spots .spot {height:187px; margin-bottom: 15px; padding: 0 20px;}
.spots .spot:last-child {margin-right: 0;}
.spots .spot .spot-title::before {content: ""; display: block; height:19px; width:100%; background: url('img/spot-cornice-top.png') repeat-x;}
.spots .spot .spot-title::after {content: ""; display: block; height:19px; width:100%; background: url('img/spot-cornice-bottom.png') repeat-x;}

.calendar .date a{ color:#000; text-decoration:none; display:block; width:63px; height:69px; background-image:url(img/calendar-day.png); font-size:50px; font-style:italic; font-weight:bold; line-height: 51px; padding-right:3px;}
#calendar .spot-title { margin-bottom: 10px;}
#calendar .slick-slider { margin-bottom:0;}
#calendar .slick-prev {left:0;}
#calendar .slick-next {right:0;}
#calendar .calendar {left:22px; width:90%;}
#calendar .slick-prev,  #calendar .slick-next {top :10px; width:29px; height:69px; text-indent:-9999px; overflow:hidden;}
#calendar .slick-prev { background: url('img/calendar-prev.png') no-repeat; left: -34px;}
#calendar .slick-next { background: url('img/calendar-next.png') no-repeat; right: -24px;}

.footer-container, .main aside {
border-top: none;
}

.footer-container {margin-top: 30px; }
.footer-container nav a { color:#EFE2AE;}
.footer-container nav a:hover {color: #fff;}
.footer-container .wrapper { background: url('img/content-sf.png'); padding: 10px;}
.footer-container nav a::after {content: "|";}

.page #content { margin-bottom: 15px; min-height: 913px; position: relative;}
.page #content::after { content: ""; display: block; height:20px; width:99%; background: url('img/cornice.png') repeat-x; margin-top: 10px; position: absolute; bottom:0;}
.page article section { font-size: 16px; line-height: 18px;}
.page article .post-image { margin: 15px 20px 0;}
.page article .post-title { font-weight: normal;}
.page .post-slider {left:20px; margin: 27px 0 0 0;}
.page .post-slider .slick-prev { left: -14px; }
.page .post-slider .slick-next { right: -4px;}

/*---- Social ---- */

.boxUtility2 {
color: #222;
height: 20px;
}

.condivisioneSocial {
padding: 0px 0 10px 0;
margin: 10px 0 20px;
}

.sharethis {
float: left;
margin: 5px 0 0 0;
}

.boxUtility2 p {
margin: 7px 5px 0 15px;
vertical-align: middle;
float: left;
font-size: 11px;
color: #FFF;
}

.boxUtility2 img {
display: block;
float: left;
border: none;
margin: 0;
padding: 2px 3px;
vertical-align: middle;
}

.stampa_pulsante {
background: url('img/icoUtilityStampa.png') no-repeat center 3px;
display: block;
text-indent: -9999px;
width: 24px;
height: 28px;
float: left;
}

.fb_edge_widget_with_comment {
margin-top: 5px;
}

.pluginButton {
width: 50px;}

/*---- Social fine ---- */

.ospiti {clear:both;overflow:auto;}
.immagini_ospiti {float:left; margin-right:10px;}
.immagini_ospiti p {margin-top: 0; text-align:center;}


/*---- TFF LOS ANGELES ---- */

.testataTFFLosAngeles{width:auto; max-width:100%; height:auto;}
#TFFLA img, .img-banner img{max-width:416px;}
#TFFLA {margin:15px 0;}


@media only screen and (max-width: 1174px) {

/* ===============
    Maximal Width
   =============== */

    .wrapper {
        /*width: 1173px;  1140px - 10% for margins */
        margin: 0 auto;
    }
	
	#content { width: 100%; padding-right: 0px;}
	
}

@media only screen and (min-width: 999px)  and (max-width: 1174px) {
	
		
	
	#video iframe { width:100%; height:253px;}
	#video {width: 70%;}
	#tao-class { width: calc(30% - 16px);}
	.list-post {width:100%;}
	.list-post article { float:left; width: 48%;}
	.list-post article.first {margin-right: 16px;}
	.list-post article figure img {width:220px; margin-top:20px;}
	.list-post article footer { padding-left:240px;}
	
	#gallery {float:left;}
	.social-tabs { width:100%; margin-left:0; float:left;}
 	.main aside { float:left; margin-right:10px;}
	.main aside .sottoMenu { display:none;}
	.responsive .sottoMenu { display:block; margin-bottom:20px;}
	.spots { float: right; clear:right; width: 50%}
	.spots .spot { width:100%; height: 195px;}
	.full .spots { width:100%;}
	.full .spots .spot { width:48%; height: 195px;}
.full .spots #calendar { width: 90%;}
h1.title {margin:0;}
h1.title a {width:94%; height:315px;}
#istituzionali{width:60%;}

}

@media only screen and (min-width: 769px)  and (max-width: 998px) {
	
	#video iframe { width:100%; height:253px;}
	#video {width: 60%;}
	#tao-class { width: calc(40% - 16px);}
	
	h1.title{ width: 715px;}
	h1.title a { height:242px;}
	#countdown { top:228px; left:60%;}
	h1.title {margin:0;}
	#istituzionali{width:60%;}
}


@media only screen and (min-width: 911px)  and (max-width: 998px) {
	
	
	.main aside { float:left; margin-right:10px;}
	.main aside .sottoMenu { display:none;}
	.responsive .sottoMenu { display:block; margin-bottom:20px;}
	.spots { float: right; clear:right; width: 48%}
	.full .spots { width:100%;}
	.spots .spot { width:100%; height: 195px;}
	

}

@media only screen and (min-width: 769px)  and (max-width: 911px) {
	
	#gallery {float:left;}
	.social-tabs {margin-left:0; float:left; margin-top: 0; width:100%;}
	.main aside .sottoMenu { display:none;}
	.responsive .sottoMenu { display:block; margin-bottom:20px;}
 	.main aside {width: 45% !important;position:relative; float:left;}
	#search { width:100%;}
.spots { width:45%; float:right; clear:right;}
	.spots .spot { width:100%; height: 195px; float: left; }
	.banner { display:none;}
	
	#TFFLA img, .img-banner img{max-width:100%; width:auto;}

}

@media only screen and (min-width: 768px) {
    .main aside {
        float: left;
        width: 416px;
        padding:0;
        margin-bottom: 15px;
	
    }
}

@media only screen and (min-width: 480px)  and (max-width: 768px) {
		
		h1.title { width: 445px;}
		h1.title a { height:152px;}
	
		header.wrapper { width: 480px;}
		
	.main.wrapper { width:480px;}
	
	#video iframe { width:100%; height:253px;}
	#video {width: 100%;}
	#tao-class { width: 100%; margin:10px 0 0 0; height:292px;}

	#coming-video { width:100%; height:400px;}
	#istituzionali{width:100%; left:0;}
}


@media only screen and (max-width: 768px) {
	
	h1.title { margin-top:52px;}
	
	header nav li { display:block;}
	header nav a::after { content: ""; padding:0px; }
	
	.list-post article { width: 100%;}
	.list-post article .post-image {float:none;}
	article .post-image img {width: 100%;}
	#content { float:none;}
	.spots .spot, .spots .spot:last-child { margin: 0 auto 15px auto; float:none; height: 212px; padding:20px;}

#countdown { position: relative; top: auto; left:auto; margin:0 auto 15px auto;}
	#coming-video { width:100%; height:400px;}
	
#search { width:100%;}

	.banner {display:none;}


h1.title {margin: 71px 0 0 0;}
}


@media only screen and (max-width: 480px) {
	
	body, html { min-width:320px;}
	h1.title { width: 320px; margin-top:72px;}
	h1.title a { height:109px;}
	#istituzionali { display:none;}
	#istituzionali-responsive {display:inline; width:70%; left:35px;}
	.wrapper { width:320px;}
	#countdown { width:249px; }
	#video iframe { width:100%; height:253px;}
	#video {width: 100%;}
	#tao-class { width: 100%; margin:10px 0 10px 0;}
.list-post {padding:5px;}
.list-post article {margin:0 auto 10px;}	
.list-post article .post-image {margin:0;}
.social-tabs{width:100%; border:none;}

#search input.txt { width:156px;}

#gallery { width:100%;}
#gallery .fade .slick-slide img { width:275px;}
#gallery .slider .slick-slide img { width:94px;}

.spots .spot {width:320px;}

#coming-video { width:100%; height:300px;}

#search {width:100%;}


#TFFLA img, .img-banner img{max-width:100%; width:auto;}

}









/*-- CHAD STYLE --*/

.spot .spot-title {  font-size: 28px; }

/*.spots .spot { height: 110px; }*/

.spots .spot h2 a { color:#000; text-decoration: none }
.spots .spot h2 a:hover { color: #932C32}




.content_staff .titolo-evidenza { padding-top:20px;

}


.content_staff p { margin:0;}

































































































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */