* { margin:0; padding:0; }

body { 
		  overflow-x: hidden;
			 background: #fff url('images/fundo.jpg') 0% 0%;
			 background-repeat:repeat-x;

}

	html, body {
				overflow:hidden;
	}
	body, html {
			 width:100%;
			 height:100%;
	}


body, td, p {
			font-family: 'Open Sans', sans-serif;
			font-size: 15px;
			color:#ffffff;
}
input, textarea {
			font-family: 'Open Sans', sans-serif;
			font-size: 15px;
}


ol,ul {
	list-style:none;
}

.clr{
	clear: both;
}


#contentX{
	position:absolute;
	margin-top: 0px;
	width:100%;
	text-align:center;
	height:211px;
	z-index:1;
}
#contentX .centrar {
	margin-left: auto ;
 	margin-right: auto ;
	width:1100px;
	text-align:left;
	margin-top:5px;
}



#contentX .logo { margin-top: 0px; float: left;  width:130px; height:112px;}

#contentX .menu { text-align:right; float: right; width:955px; border-bottom:1px solid #fff; height:112px;}
#contentX .menu .posicionarMenu {  margin-top: 70px;  }


#contentX .menu .posicionarMenu a {padding-left:10px; }



#centrarTit{
	z-index:4;
	/*bottom:0px; margin-bottom:100px;*/
	position:fixed;
	width:100%;
	top:50%;
	margin-top: -50px;
	text-align:left;
}
#centrarTit .centrar {
	margin-left: auto;
 	margin-right: auto;
	width:940px;
	text-align:left;
	
}

#centrarFundo{
	z-index:3; position:fixed; bottom:0px;
	width:100%;
	position:fixed;
	text-align:left;
	
	background: url('../images/sombra_fundo.png');
	height:50px;
}
#centrarFundo .centrar {
	margin-left: auto;
 	margin-right: auto;
	width:1100px;
	text-align:left;
}


#centrarFundo .centrar .esq {
	float:left;
	/*border:1px solid #fff;*/
}
#centrarFundo .centrar .dir {
	float:right;
	text-align:right;
	/*border:1px solid #fff;*/
}


#msgHome{
	font-family: 'Open Sans', sans-serif;
	font-size:50px;
	text-shadow: 0.1em 0.1em 0.1em black;
}



#zonaDados{
	/*position:relative;*/
	width:100%;
	text-align:center;
	/*z-index:1;*/
								/*padding-bottom:120px;*/
	/*height:80%;*/
}
#zonaDados .centrar {
	margin-left: auto;
 	margin-right: auto;
	width:900px;
	text-align:left;
	margin-top:50px;
}
#zonaDados .centrarTxtMarca {
	margin-left: auto;
 	margin-right: auto;
	width:1100px;
	text-align:left;
	margin-top:50px;
}

#zonaDados .centrarMarcas {
	margin-left: auto;
 	margin-right: auto;
	width:1000px;
	text-align:left;
	margin-top:50px;
}
#zonaDados .centrarMadeiras {
	margin-left: auto;
 	margin-right: auto;
	width:1000px;
	text-align:center;
	margin-top:50px;
}

#zonaDados .centrarObras {
	margin-left: auto;
 	margin-right: auto;
	width:1100px;
	text-align:left;
	margin-top:50px;
}

.painelMarcasFundo {
	background: url('images/madeiras_fundo.png');
}






#alavanca1,#alavanca2 {
	 transition: background .25s ease-in-out;
   -moz-transition: background .25s ease-in-out;
   -webkit-transition: background .25s ease-in-out;
	
	opacity: 0.5;
  -moz-transition-property: opacity;
  -moz-transition-duration: 0.5s;
  -moz-transition-delay: 0s;
  /* WebKit */
  -webkit-transition-property: opacity;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-delay: 0s;
  /* Opera */
  -o-transition-property: opacity;
  -o-transition-duration: 0.5s;
  -o-transition-delay: 0s;
  /* Standard */
  transition-property: opacity;
  transition-duration: 0.5s;
  transition-delay: 0s;	
	/*cursor: pointer;*/
}

#alavanca1:hover,#alavanca2:hover {
  opacity: 1;
	/*cursor: pointer;*/
  
/* Firefox */
  -moz-transition-property: opacity;
  -moz-transition-duration: 0.5s;
  -moz-transition-delay: 0s;
  /* WebKit */
  -webkit-transition-property: opacity;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-delay: 0s;
  /* Opera */
  -o-transition-property: opacity;
  -o-transition-duration: 0.5s;
  -o-transition-delay: 0s;
  /* Standard */
  transition-property: opacity;
  transition-duration: 0.5s;
  transition-delay: 0s;
}





a:link { COLOR: #999999; 	TEXT-DECORATION: none; }
a:visited { COLOR: #999999; 	TEXT-DECORATION: none; }
a:hover { 	COLOR: #ffffff; 	TEXT-DECORATION: none; }

a.botGroup { font-size:12px; COLOR: #ffffff; 	TEXT-DECORATION: none; }
a.botGroup:visited { COLOR: #ffffff; 	TEXT-DECORATION: none; }
a.botGroup:hover { 	COLOR: #ffffff; 	TEXT-DECORATION: underline; }

#painelM1,#painelM2 {
  width:440px; height:440px;
}

#painelMarca {
  width:140px; height:440px;
}

	
@media screen and (min-height: 900px) {
  #painelM1,#painelM2 {
		height:490px;
	}
  #painelMarca {
    height:490px;
  }
}