html{
    height:100%;
}
body{
    margin:0;
    height:100%;
}

.hidden{
	display: none;
}

#wrapper{
    top: 0px;
    padding-top: 50px;
    width:100%;
    height:100%;
    background: url(../imgs/fornetto/fornetto1.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; 
}

/*f89e5d*/

.top-bar{
	background: #f89e5d;
}

.top-bar.expanded .title-area{
	background: #f89e5d;
}

.top-bar-section ul{
	background: #f89e5d;
}

.top-bar-section ul li>a{
	background: #f89e5d;
}

.top-bar-section ul li:hover:not(.has-form)>a{
	background: #d6571a;
}

.top-bar-section ul li.active>a{
	background: #d6571a;
}

.top-bar.expanded .toggle-topbar a{
	color: #FFF;
}

.top-bar-section .divider, .top-bar-section [role="separator"]{
	border-top: solid 1px #d6571a;
}

.top-bar.expanded .toggle-topbar a::after {
-webkit-box-shadow: 1px 10px 1px 1px #d6571a,1px 16px 1px 1px #d6571a,1px 22px 1px 1px #d6571a;
box-shadow: 0 10px 0 1px #d6571a,0 16px 0 1px #d6571a,0 22px 0 1px #d6571a;
}

.wrap{
	position: relative;
	margin-right: auto;
	margin-left: auto;
	width: 960px;
	height: 570px;
}

.wrap a{
	color: #000;
}

.wrap a:hover{
	color: #333;
	text-decoration: underline;
}

h1{
	font-size: 5em;	
	font-family: arial,helvetica;
}
.section{
	text-align:center;
}

.section img{
	position: absolute;
}

/*MENU*/

#menu{
	z-index: 23231;
	height: 50px;
	background: url(../imgs/bgMenu.png) center top;
}

#menu a[data-dropdown="hover1"] img, #menu a[data-dropdown="hover2"] img, #menu a[data-dropdown="hover3"] img{
	height: 40px;
}

#hover1{
	z-index: 242;
	margin-top: 30px;
}

#hover2{
	z-index: 242;
	margin-top: 30px;
}

#hover3{
	z-index: 242;
	margin-top: 30px;
}

.f-dropdown{
	border: none;
}

.f-dropdown li a{
	
	background: #f89e5d;
	color: #FFF;
}

.f-dropdown li a:hover{
	background: #d6571a;
}

.f-dropdown:before{
	border-color: transparent transparent #f89e5d transparent;
}

.menuOrange ul li{
	display:inline-block;
	padding: 6px 20px 0px 20px;
	color: #ccc;
}
.menuOrange ul li.active{
   color: #000;
}
.menuOrange ul{
	position:fixed;
	top:0;
	left:0;
	margin:0;
	padding: 0;


	width: 100%;
	height: 40px;
}

#base{
	top: 50.2%;
	left: 40.3%;
	z-index: 1234;

}

#funcaoInovacao{
	right: 386px;
	bottom: 105px;
	opacity: 0;
}

#base1{
	bottom: 105px;
	left: 425px;
	opacity: 0;
}

#base2{
	top: 320px;
	left:426px;
	opacity: 0;
}

#base3{
	top: 323px;
	right: 399px;
	opacity: 0;
}

#rodape{
	position: absolute;
	bottom: 0px;
	z-index: 999;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100px;
	background: url(../imgs/bgFooter.png) center bottom repeat-x;
}

.contentFooter{
	margin-top: 65px;
	color: #7a2c06;
	letter-spacing: 1px;
	font-weight: normal;
	font-size: 13px;
	font-family: tahoma;
}

.separador{
	background: red;
}

/*MENU TOP*/

#hover1 li:hover ul, li.over ul { 
	/*opacity: 1;*/
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
	}

	#hover2 li:hover ul, li.over ul { 
	/*opacity: 1;*/
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
	}

	#hover3 li:hover ul, li.over ul { 
	/*opacity: 1;*/
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
	}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

#hover1 ul li a {
	display: block;
	padding: 5px;
	height: 35px;
	border: 0px solid #d6571a;
	border-top: 0;
	background: #f89e5d;
	color: #FFF;
	text-decoration: none;
}

#hover1 li a:hover{
	background: #d6571a;
}

#hover2 ul li a {
	display: block;
	padding: 5px;
	height: 35px;
	border: 0px solid #d6571a;
	border-top: 0;
	background: #f89e5d;
	color: #FFF;
	text-decoration: none;
}

#hover2 li a:hover{
	background: #d6571a;
}

#hover3 ul li a {
	display: block;
	padding: 5px;
	height: 35px;
	border: 0px solid #d6571a;
	border-top: 0;
	background: #f89e5d;
	color: #FFF;
	text-decoration: none;
}

#hover3 li a:hover{
	background: #d6571a;
}

@media only screen and (max-width: 640px) {
	.menuOrange{
		display: none;
	}
	#rodape{
		display: none;
	}
}



.conteudo{
	margin-top: 60px;
	margin-right: auto;
	margin-left: auto;
	width: 95%;
}


.inner-wrap{
    width:100%;
    height:100%;
	background: url(../imgs/bgProd1.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

}

.pushy p{
	font-size: 15px;
}


/*MENU*/

#menuPages{width:200px; margin: 0px;}
		#menuPages li{
			list-style: none;
			_float:left;/*Hack para o IE6*/
		}
		
		#menuPages li a{
		   display:block; 
		   height:25px; 
		   line-height:25px;
		   color:#777;  
		   
		}
		#menuPages li a:hover{
		   color:#FFF;
		}
		
		#menuPages li ul, #menuPages li:hover ul ul{
		   display:none;
		   position:absolute; 
		   width:200px;
		   top:0; 
		   left:180px; 
		}
		#menuPages li:hover ul,
		#menuPages ul li:hover ul{
		   display:block;
		}


		.spanIndex{
	position: absolute;
	display: block;
	opacity: 0;
}

#artfire1{
	top:20%;
	left: -0.3%;
}

#artfire2{
	top:34%;
	left: 22.1%;
}

#artfire3{
	top:5%;
	left: 21.7%;
}

#bronpi1{
	top:25.6%;
	right: 39.3%;
}

#bronpi2{
	top:35.9%;
	right: 38.5%;
}

#bronpi3{
	top:15%;
	right: 25%;
}

#bronpi4{
	top:27%;
	right: 11.4%;
}

#fornetto1{
	bottom:21.6%;
	left: 2%;
}

#logoArtfire{
	top: 96px;
	left: 218px;
	opacity: 0;
	z-index: 3142;
	width: 70px;
	height: 39px;
	cursor: pointer;
	background: url(../imgs/artfire-icon.png);
}

#logoArtfire:hover{
	top: 96px;
	left: 218px;
	opacity: 0;
	z-index: 3142;
	width: 70px;
	height: 39px;
	cursor: pointer;
	background: url(../imgs/artfire-icon-on.png);
}

#logoFornetto{
	top: 418px;
    left: 219px;
	opacity: 0;
	z-index: 3145;
	width: 76px;
	height: 41px;
	cursor: pointer;
	background: url(../imgs/euromob-icon.png);
}

#logoFornetto:hover{
	top: 418px;
    left: 219px;
	opacity: 0;
	z-index: 3145;
	width: 76px;
	height: 41px;
	cursor: pointer;
	background: url(../imgs/euromob-icon-on.png);
}

#logoBronpi{
	top: 156px;
	right: 266px;
	opacity: 0;
	z-index: 3145;
	width: 70px;
	height: 38px;
	cursor: pointer;
	background: url(../imgs/bronpi-icon.png);
}

#logoBronpi:hover{
	top: 156px;
	right: 266px;
	opacity: 0;
	z-index: 3145;
	width: 70px;
	height: 38px;
	cursor: pointer;
	background: url(../imgs/bronpi-icon-on.png);
}