html, body {
	float: left;
    width: 100%;
}
a {
	color: #669;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
h1 {
	font: bold 36px/100% Arial, Helvetica, sans-serif;
}

/************************************************************************************
STRUCTURE
*************************************************************************************/
section{
	float: left;
	width: 100%;
}
section h1{
	text-align: center;
	font-weight: bold;
}
#pagewrap {
	width: 100%;
	/*background-image: url(../imagens/fundo_topo.png);*/
}
#header {
	float: left;
	width: 100%;
	height: 150px;
	background-color: #8F540E;
}
#menu{
	float: left;
	width: 100%;
	min-height: 1px;
	margin: 0;
	padding: 0;
	background-color: rgb(238, 57, 65);
	/*background-image: url(../imagens/27.png);*/
}
.transicao{
	background-image: url(../imagens/transicao.png);
	background-size: 100px;
	height: 60px;
	width: 100%;
}
.transicao_red{
	background-image: url(../imagens/transicao_red.png);
	background-size: 100px;
	height: 60px;
	width: 100%;
}
#content {
	float: left;
	width: 100%;
	margin: 0 auto;
	/*background-color: #fff;*/

	/*height: 800px;*/
	min-height: 100px;
}
.mapa{
	z-index: 1
}
footer {
	float: left;
	width: 100%;
	margin-top: -5px;
}
footer img{
	margin-top: -25px;
	z-index: 9999999;
	height: 80px;
}
#rodape{
	position: relative;
	overflow: visible !important; 
	z-index: 2;
	height: 90px;
	background-color: #8F540E;
}
#toprod{
	width: 100%;
	min-height: 100px;
	background-color: #D63D25;
	color: #fff;
	font-size: 18px;
	letter-spacing: 1.5px;
	padding-top: 10px;
}
/*#slider{
	height: 250px;
}
#slider div{
	border: 1px solid #fff;
	height: 250px;
	cursor: pointer; cursor: hand;
}*/

#triangulo2{
	margin-top: 20px;

	width: 100%;
	border-right: 1903px solid transparent;
    border-left: 0px solid transparent;
    border-bottom: 60px solid #D63D25;

    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
}
#infos{
	background-color: #D63D25;
	color: #000;
	font-size:20px;
	line-height: 1.5em;
	min-height: 340px;
	/*padding-top: 15px;*/
	background-color: #8F540E;
	/*background-image: url(../imagens/27.png);*/
	margin-top: -10px;
	/*font-family: "bikoreg";*/
}
#infos h1{
	text-align: left;
}
#fb-pagina{
	padding-left:70px;
	margin-top: 35px;
}

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
@media screen and (max-width: 1680px) {
	
}
@media screen and (max-width: 1600px) {
	
}
@media screen and (max-width: 1440px) {
	
}
@media screen and (max-width: 1366px) {
	/*#infos{
		height: 360px;
	}*/
	#fb-pagina {
  		padding-left: 40px;
  		margin-top: 40px;
	}
}
@media screen and (max-width: 1280px) {
	/*#infos{
		height: 395px;
	}*/
	#fb-pagina {
  		padding-left: 20px;
  		margin-top: 60px;
	}
}
@media screen and (max-width: 1136px) {
	#fb-pagina{
		padding-left:0px;
		margin-bottom: 20px;
	}
}
@media screen and (max-width: 1024px) {

}
@media screen and (max-width: 980px) {
	#toprod .col-md-6 {
        padding-bottom: 20px;
    }
    /*#infos {
  		height: 565px;
	}*/
	#infos > .col-md-6{
		width: 50%;
		float: left;
	}
	#infos{
		text-align: center;
	}
	#infos h1{
		text-align: center;
	}
	#infos > .col-md-6 > .col-md-6{
		width: 100%;
		padding-top: 10px;
		padding-left: 0;
		text-align: center;
	}
}
@media screen and (max-width: 854px) {
	#infos{
		padding-bottom: 20px;
	}
	#infos > .col-md-6{
		width: 100%;
		margin: 0 auto;
		float:none;
	}
	#infos > .col-md-6 > .col-md-6{
		width: 100%;
		padding-top: 10px;
		padding-left: 0;
	}
}
@media screen and (max-width: 800px) {

}
@media screen and (max-width: 768px) {
	
}
@media screen and (max-width: 640px) {
	#infos > .col-md-6 {
  		width: 100%;
  	}
  	.transicao,.transicao_red{
		background-size: 67px;
		height: 40px;
	}
	section h1{
		font-size: 26px;
	}
}
@media screen and (max-width: 480px) {
	#header {
		height: 90px;
	}
	h1 {
		font-size: 24px;
	}
	#logo{
		padding-top: 0;
	}
	#logo img{
		width: 410px;
	}
}
@media screen and (max-width: 451px) {
	#fb-pagina {
		display: none;
	}
}
@media only screen and (min-width : 321px) and (max-width: 479px){
	
}
@media only screen and (min-width : 1px) and (max-width: 320px){
	
}
/*#pagewrap, #header, #content, #menu, #footer {
	border: solid 1px #000;
}*/

/*FONTES*/
#rodape{
	color: #fff;
	font-size:12px;
	padding: 10px;
}
#rodape text{
	font-size: 14px;
	font-weight: bold;
}