/* Global */

@font-face {
    font-family: 'plantagenet_cherokeeregular';
    src: url('plantagenet_cherokee-webfont.eot');
    src: url('plantagenet_cherokee-webfont.eot?#iefix') format('embedded-opentype'),
         url('plantagenet_cherokee-webfont.woff') format('woff'),
         url('plantagenet_cherokee-webfont.ttf') format('truetype'),
         url('plantagenet_cherokee-webfont.svg#plantagenet_cherokeeregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'bisonbold';
    src: url('bison-boldpersonaluse-webfont.woff2') format('woff2'),
         url('bison-boldpersonaluse-webfont.woff') format('woff'),
		url('bison-boldpersonaluse-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

body {
	overflow: hidden;
}

#header{display:none;}


#owl-segreto .item{
margin: 3px;
}
#owl-segreto .item img{
display: block;
width: 100%;
height: auto;
}




/* Preloader */
#preloader {
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#c4c2bc; /* change if the mask should have another color then white */
	z-index:99; /* makes sure it stays on top */
}

#status {
	width:200px;
	height:200px;
	position:absolute;
	left:50%; /* centers the loading animation horizontally one the screen */
	top:50%; /* centers the loading animation vertically one the screen */
	background-image:url('status.gif'); /* path to your loading animation */
	background-repeat:no-repeat;
	background-position:center;
	margin:-100px 0 0 -100px; /* is width and height divided by two */
}

body {
	font-family: 'plantagenet_cherokeeregular', georgia, serif;
	font-weight: 400;
	font-size: 1em;
	color: #8a8683;
	background-color:#ffffff;
}
img {
	max-width: 100%;
}
a:link {
	color: #ED162D;
	text-decoration: none;
}
a:hover {
	color: #8a8683;
	text-decoration: none;
}
a:visited {
	color: #8a8683;
	text-decoration: none;
}

menu, ol, ul {padding:0}

.iten:link, .iten:visited {color:#8a8683} .iten:hover {color:#8a8683}
.currentLang-it .it:link, .currentLang-it .it:visited, .currentLang-en .en:link, .currentLang-en .en:visited {color:#f9b233 !important}


#slide3, #slide5 {background-color:#EFEDED}
#slide8 {background-color:#f9b233}



.grid_6 iframe {width:100%; height:360px}

h3.linea {font-size:19px; border-bottom:3px solid #EAEAEA; color:#f9b233; font-weight:normal; margin-bottom:20px}

.news {color:#8A8683; font-size:14px}
ul.lista-news {padding:0}
ul.lista-news li {clear:both; list-style:none; position:relative; padding-bottom:20px; height:150px: height:auto}
.lista-news img {float:left; width:150px}
.lista-news > div {float:none; padding-left:0; margin-bottom:20px; border-bottom: 2px solid gray}
.lista-news h3 {font-weight:normal; margin:0; margin-bottom:20px;padding-top:10px; border-bottom:1px solid gray}

.collapse h3 a:link {text-decoration:none !important; color:#000}
.collapse h3.open a:link {color:#ff0000}
.collapse h3.open {border-top: 2px solid gray; border-bottom:none}

.rassegnastampa p {border-bottom:none; margin-bottom:20px; padding-bottom:5px}

a:focus {outline:none !important}


/* Navigation */

.menu {
	position:fixed;
	top:0px;
	width:100%; 
	height:50px; 
	background-color:#ffffff;
	z-index:100;
	-moz-opacity: 0.90;
	-khtml-opacity: 0.90;
	opacity: 0.90;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=90);
	border-bottom:1px solid #eaeaea;
}
#logo { text-align: left; margin: 5px 0; }
#logo img { height: 40px; width: auto }



#nav {
	text-align: right;
	margin: 30px 0 0 0;
}
.navigation{
	float: right;
	list-style: none;
	margin: 0;
}
.navigation li{
	float: left;
	padding:0 0 0 40px;
}
.navigation li:hover{
	cursor:pointer;
	color: #f9b233;
}

.navigation .active{
	cursor:pointer;
	color: #8a8683;
}


img.capa {width:200px;float:right}

/* General Slides */ 

.slide{
	background-attachment: fixed;
	width:100%;
	/*height:auto;*/
	position: relative;
	padding: 0;
}

.slide .container {height:100%; position:relative}

#slide4.slide .container, #slide5.slide .container {padding: 200px 0;}
#slide4 a:link {text-decoration:underline}

/* Slide 1 */ 
#slide1.slide .container {padding-top: 0;}

img.tff { position: absolute; right: -150px; top: 0px; width: 120px;}

#slide1{
	background-color:#000;
	background-image:url('../images/lievito_madre.jpg');
	background-size:cover; background-position: center !important;
}
#slide1 #content {position:absolute; bottom:0}
#slide1 h1 {
	font-family: 'bisonbold';
	font-size: 6.8em;
	letter-spacing: auto;
	color:#f9b233;
	font-weight: 700;
	margin: 0 0 -20px 0; 

}
#slide1 h2 {
	font-size: 1.5em;
	color: #fff;
	font-weight: 400;
}
#slide1 h2:before {content:url('../images/play-small-red.png'); position:absolute;left:0;top:2px}
#slide1 h2:hover:before {content:url('../images/play-small-red.png')}
#slide1 h2 {padding-left: 35px}
ul.navigation.play {float:left; padding:0} .navigation.play li {padding:0; position:relative;}




/* Slide 2 */ 

#slide2.slide .container {padding: 200px 0;}

#slide2{
	/*background-image:url('../images/footprints.png');*/
	background-color:#fff;
}
#slide2 h1 {
	font-size: 3.8em;
	letter-spacing: -3px;
	line-height: 0px;
	color:#ffffff;
	font-weight: 700;
}
#slide2 h2 {
	font-size: 1em;
	color: #000;
	font-weight: 400;
}
#slide2 p, #slide3 p {text-align:justify; font-size:16px; line-height:20px; margin:0}

#slide3 .slideshow-content img {width:100% !important}




/* Slide 3 */ 

#slide3.slide .container {padding: 100px 0;}


#slide3{
}
#slide3 h1 {
	font-size: 3.8em;
	letter-spacing: -3px;
	line-height: 0px;
	color:#8a8683;
	font-weight: 700;
}
#slide3 h2 {
	font-size: 1em;
	color: #000;
	font-weight: 400;
}
#test{
	background-color:#bde2df;
	color:#ffffff;
	text-align:center;
	font-size: 2em;
	font-weight: 400;
}




/* Slide 4 */

#slide4{
	/*background-image:url('../images/sunglasses.png');*/
	background-color:transparent;
}
#slide4 h1 {
	font-size: 3.8em;
	letter-spacing: -3px;
	line-height: 0px;
	color:#ffffff;
	font-weight: 700;
}
#slide4 h2 {
	font-size: 2em;
	color: #ffffff;
	line-height: 0px;
	padding-bottom:20px;
	font-weight: 400;
}

#slide7.slide .container {padding-top: 300px;padding-bottom: 300px}

#slide8.slide .container {padding-top: 300px; padding-bottom: 300px}
#slide6.slide .container {padding-top: 200px; padding-bottom: 200px}
p.credits {text-align:center; color:#000} ul.credits {color:#fff; list-style:none; margin:0; text-align:center}
p.credits span, ul.credits span {color:#000}
#slide5 p.credits span, #slide5 ul.credits span {color:#8a8683} #slide5 p.credits, #slide5 ul.credits {color:#000}



@media screen and (max-width: 1280px) {
img.tff {right:0}
.navigation li {padding: 0 0 0 40px}
}

/* Tablet */
@media screen and (max-width: 1024px) {

#logo.grid_3 {width: 15%; font-size:12px}
#nav.grid_9 {width: 85%}

#slide2 p, #slide3 p {font-size:14px; line-height:17px}


/* #logo { width: 100%; text-align: center; }*/
.navigation li {padding: 0 0 0 20px}
ul.navigation {padding:0}
.slide{
	background-attachment: fixed;
	width:100%;
	position: relative;
	/*padding:150px 0;*/
}

#decorative {
	display:none;
}

#content {
	width:100%;
}

#slide1 h1 {
}
#slide1 h2 {
	line-height: 1em;
}
#slide2 h1 {
	line-height: 1em;
}
#slide2 h2 {
	line-height: 1em;
}
#slide3 h1 {
	line-height: 1em;
}
#slide3 h2 {
	line-height: 1em;
}
#slide4 h1 {
	line-height: 1em;
}
#slide4 h2 {
	line-height: 1em;
}

}

@media screen and (max-width: 650px) {
	ul.navigation {font-size:13px}
	#slide1 {background-size: auto}
	#logo.grid_3 {width: 15%;}
	#nav.grid_9 {width: 85%}
	
	ul.lista-news div {padding-left:0; padding-top:15px}
	img.capa {width:200px;float:none}
	
	
}


/* Mobile */
@media screen and (max-width: 480px) {

#logo.grid_3 {width: 40px;}	
#nav.grid_9 {width: auto; position:absolute; padding-left:40px}

#slide8.slide .container {padding-top: 100px; padding-bottom: 50px}
#slide6.slide .container {padding-top: 50px; padding-bottom: 10px}
#slide2.slide .container, #slide3.slide .container,#slide4.slide .container,#slide5.slide .container {padding: 50px 0}
	
.menu {height:70px}

#logo img {height:auto; width:auto}

#logo {
	width: 100%;
	text-align: center;
}

#nav {
	width:100%;
	margin:5px 0;
}

.navigation{
	width: 100%;
	float: left;
	list-style: none;
	margin: 0;
	padding:0;
}

.navigation li{
}

.slide{
	background-attachment: fixed;
	width:100%;
	position: relative;
	padding:10px 0;
}


#slide1 h1 {
}
#slide1 h2 {
	line-height: 1em;
}
#slide2 h1 {
	line-height: 1em;
}
#slide2 h2 {
	line-height: 1em;
}
#slide3 h1 {
	line-height: 1em;
}
#slide3 h2 {
	line-height: 1em;
}
#slide4 h1 {
	line-height: 1em;
}
#slide4 h2 {
	line-height: 1em;
}


}




