@import url('reset.css');

a.opacity {
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
	-o-transition: opacity .25s ease-in-out;
	transition: opacity .25s ease-in-out;
	border: none;
}

a:hover.opacity {
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter: alpha(opacity=60);
	border: none;
}

a.opacityinverse {
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
	-o-transition: opacity .25s ease-in-out;
	transition: opacity .25s ease-in-out; border:none;
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter: alpha(opacity=50);}
	
a:hover.opacityinverse {
	opacity: 1;
	-moz-opacity: 1;
	border: none;
}

.clear{clear: both;}

a,
a:link,
a:visited {
	color: #af8c51;
	text-decoration: none;
        cursor: pointer;
}

a:hover {
	color: #252628;
        cursor: pointer;
}

body {
        -webkit-text-size-adjust: 100%;
	background-color: #af8c51;
	font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 12px;
        line-height: 19px;
        color: #252628;
        
}

h1 {
    font-family: 'Oswald', sans-serif; 
    font-size: 24px;
    font-weight: 300;
    color: #252628;
    text-transform: uppercase;
    padding-bottom: 6px;
    border-bottom: 2px solid #af8c51;
    margin-bottom: 20px;
    line-height: 25px;
}

.left {position: relative; float: left;}
.right {position: relative; float: right;}


/* --------------------------------------------------------------------------
	CSS BASE
--------------------------------------------------------------------------- */

#topbar {width: 100%; height: 7px; position: relative; background: #030000; z-index: 2;}
.wrapper {position: relative; height: auto; overflow: hidden;}
.content {position: relative; width: 980px; margin: 0 auto; height: auto;  z-index: 2;}
#header {position: relative; height: auto; overflow: hidden; z-index: 99999; background: #FFF;}
#logo {position: relative; height: auto; overflow: hidden; width: 230px; float: left; margin-top: 5px;}

#footer { z-index: 9999; height: auto; overflow: hidden; background: #af8c51; padding: 10px 0 10px 0; font-family: 'Oswald', sans-serif; font-weight: 300; font-size: 14px; text-transform: uppercase; color: #FFF;}
#footer a {color: #FFF;}

.whitebg{position: relative; height: auto; overflow: hidden; background: #FFF; z-index:999;}

.pic {height: auto;  margin-right: 20px; position: relative; float: left; margin-bottom: 10px; width: 220px;} 


/* --------------------------------------------------------------------------
	MENU
--------------------------------------------------------------------------- */

#menu {position: relative; height: auto; overflow: hidden; float: right;}
#menu ul {position: relative; height: auto; overflow: hidden;}
#menu ul li {position: relative; height: auto; overflow: hidden; float: left; padding: 50px 20px 5px 20px; margin-left: 2px;}
#menu ul li:hover, #menu ul li.active {background: #af8c51;}
#menu ul li:hover a {color: #FFF;}
#menu ul li a {font-family: 'Oswald', sans-serif; font-weight: 400; font-size: 17px; text-transform: uppercase; color: #252628; letter-spacing: -1px;}
#menu ul li a:hover, #menu ul li.active a {color: #FFF;}


/* --------------------------------------------------------------------------
	CONTENUTI
--------------------------------------------------------------------------- */

.immagine-filiera-logo {height:20px;}
.testo-filiera {margin-bottom:30px}
.testo-filiera p {margin-bottom:10px}
.logo-intero {width:400px; margin:20px 0px}

.box-home  {position: relative; height: auto; overflow: hidden; float: left; width: 460px; margin-bottom: 60px; margin-right: 60px;}

.box {position: relative; height: auto; overflow: hidden; float: left; margin-bottom: 60px; width:100%}
.box-last {margin-right: 0;}

.mappa {position: relative; height: auto; overflow: hidden; width: 640px; float: left; margin-right: 0;}

.main-content {padding-top: 40px; padding-bottom: 40px; z-index: 2; min-height: 250px;}

#background {position: relative; height: auto; overflow: hidden; width: 100%; height: 400px; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC;}

#background-video { display: none; z-index: 43; position: relative; height: auto; overflow: hidden; width: 100%; height: 400px; cursor: pointer;}

#vimeo {position: absolute; top: 0; left: 0; overflow: hidden !important; width: 100%; height: 100%; z-index: 1; }

iframe#video {width: 100%; height: 100%; position: fixed;}

#wrapper-full {height: 2000px; position: relative; width: 100%;}


.col-left {position: relative; height: auto; overflow: hidden; float: left; width: 460px; margin-right: 60px;}
.col-right {position: relative; height: auto; overflow: hidden; float: left; width: 460px; margin-right: 0;}





@media only screen and (device-width: 768px) {
  /* For general iPad layouts */
  #vimeo {top: 78px;}
}