@charset "utf-8";
/* CSS Document */

/*Fonts---------------------------------------------------------------------------------------------*/
.BookAntiqua20Bordo { font-family:"Book Antiqua"; font-size:20px; text-align:center; color:#A6191D;}
.BookAntiqua50Verde { font-family:"Book Antiqua"; font-size:50px; text-align:left; color:#00A759;}
.bernhard_tango { font-family: "Bernhard Tango"; font-size:30px; text-align:left; color:#000000; padding: 0 15px 0 15px; font-weight: bold; }
.tahoma_12 { font-family: "Tahoma"; font-size:12px !important; color:#444444; }

@font-face{ font-family: "Bernhard Tango"; src: url(css/fonts/Bernhard%20Tango%20Regular.ttf) format('truetype'); }

@font-face{ font-family: "Tahoma"; src: url(css/fonts/tahoma.ttf) format('truetype');}

@font-face{ font-family: "Century Gothic"; src: url(css/fonts/GOTHIC.TTF) format('truetype');
 }

/*Fonts---------------------------------------------------------------------------------------------*/


* {padding:0px; margin:0px; outline:none;}

.faixaTopo {position:relative; background-image:url(imgs/img_topo.jpg); width:100%; min-width:990px; height:42px;}
	.containerMenu {position:relative; width:990px; text-align:right; margin:0 auto; clear:both;}
		#menu ul {position:relative; text-align:right; margin-right:32px; font-family:Tahoma; font-size:12px; z-index:100; width:450px; float:right;}
		#menu ul li {position:relative; display: inline; font-family:Tahoma; font-size:12px;}
		#menu ul li a {position:relative; padding: 2px 10px; display: inline-block; /* visual do link */ 
					   color: #FFFBCE; text-decoration: none; font-family:Tahoma; font-size:12px; margin-top:0px; line-height: 40px;}	
		a.menu1:hover::before { background:url(imgs/home.png) no-repeat center; width:52px; height: 75px; content:"Home"; text-align:center; position:absolute; left: 0px; top: 2px; z-index:0; }
		a.menu2:hover::before { background:url(imgs/quemsomos.png) no-repeat center; width:93px; height: 75px; content:"Quem Somos"; text-align:center; position:absolute; left: 0px; top: 2px; z-index:0; }
		a.menu3:hover::before { background:url(imgs/representantes.png) no-repeat center; width:106px; height: 75px; content:"Pontos de Venda"; text-align:center; position:absolute; left: 0px; top: 2px; z-index:0; }
		a.menu4:hover::before { background:url(imgs/localizacao.png) no-repeat center; width:79px; height: 75px; content:"Localização"; text-align:center; position:absolute; left: 0px; top: 2px; z-index:0; }
		a.menu5:hover::before { background:url(imgs/contato.png) no-repeat center; width:64px; height: 75px; content:"Contato"; text-align:center; position:absolute; left: 0px; top: 2px; z-index:0; }
		
		a.marcado1:link::before { background:url(imgs/home.png) no-repeat center; width:52px; height: 75px; content:"Home"; text-align:center; position:absolute; left: 0px; top: 2px; z-index:0;}
		a.marcado2:link::before { background:url(imgs/quemsomos.png) no-repeat center; width:102px; height: 75px; content:"Quem Somos"; text-align:center; position:absolute; left: -5px; top: 2px; z-index:0;}
		a.marcado3:link::before { background:url(imgs/representantes.png) no-repeat center; width:122px; height: 75px; content:"Pontos de Venda"; text-align:center; position:absolute; left: -8px; top: 2px; z-index:0;}
		a.marcado4:link::before { background:url(imgs/localizacao.png) no-repeat center; width:79px; height: 75px; content:"Localização"; text-align:center; position:absolute; left: 0px; top: 2px; z-index:0;}
		a.marcado5:link::before { background:url(imgs/contato.png) no-repeat center; width:64px; height: 75px; content:"Contato"; text-align:center; position:absolute; left: 0px; top: 2px; z-index:0;}


.fundoContainer {position:relative; min-width:990px; width:100%; min-height:457px; margin-top:0px; clear:both; background:  url(imgs/fundo.jpg) repeat-x ; }
	#fundo_topo { position: relative; width: 990px; height: 457px; margin: 0 auto 0; background: url(imgs/fundo_img.png) no-repeat; }
	#container {position:relative; width:990px; min-height:457px;  text-align:center; margin-left:50%; left:-495px; clear:both;}
		.logotipo {position:relative; margin-left:48px; width:313px; height:160px; margin-top:12px; float:left;}
		#conteudo {position:relative; min-height:230px; display: block; width:990px; margin: 0 auto 0; }
		
#rodape {position:relative; background-image:url(imgs/img_rodape.jpg); width:100%; min-width: 990px; height:204px; clear:both; }
		#containerRodape {position:relative; width:990px; min-height:204px;  text-align:center; margin: 0 auto; clear:both;}
			.textoRodape {position:relative; margin-left:29px; width:336px; height:144px; margin-top:32px; float:left; }
			
			.faixaRodape {position:relative; width:1px; height:160px; margin-top:21px; float:left; background-color:#AE8A3E;}
			.logotipovb {position:relative; width:87px; height:36px; margin-top:137px; margin-right:18px; float:right;}
			
/* HOME */
#quemsomos_home { position:relative; width: 490px; height: 220px; margin: 0 0 0 15px; display: block; float: left; }
#localizacao_home { position:relative; width: 465px; padding-left: 10px; height: 220px; display: block; float: left; margin: 0 0 10px 5px; }

/* QUEM SOMOS */
#quemsomos { position:relative; padding: 0 20px 0 20px; width: 950px; height: 250px; margin: 0 auto 0; }

/* REPRESENTANTES */
#representantes { position:relative; padding: 0 20px 0 20px; width: 950px; height: 330px; margin: 0 auto 0; }
.representante { position:relative; width: 450px; height: 130px; margin: 10px 0 0 5px; float: left; }
.foto_representante { margin: 10px 20px 10px 20px; float: left; border: 1px dotted #ccc; }
.titulo_representante { font-family: "Tahoma"; font-size:16px !important; color:#444444; font-weight: bold; margin-top: 15px; }
.telefone_representante { font-family: "Tahoma"; font-size:12px !important; color:#444444; }

/* CONTATO */
#contato { position:relative; padding: 0 0 0 20px; width: 990px; height: 430px; margin: 0 auto 0; }
#formulario_contato { position: relative; width: 500px; height: 368px; float: left; }
#foto_contato { position: relative; width: 470px; height: 368px; float: left; }

.nome_contato { position: relative; float: left; width: 130px; padding-right: 10px; height: 40px; margin-top: 10px; font-family: "Century Gothic"; font-size: 13px; color: #000; line-height: 40px; text-align: right; }
.caixa_contato { position: relative; float: left; width: 350px; height: 40px; margin-top: 10px; }

.nome_contato_msg { position: relative; float: left; width: 130px; padding-right: 10px; height: 40px; margin-top: 10px; font-family: "Century Gothic"; font-size: 13px; color: #000; text-align: right; }
.caixa_contato_msg { position: relative; float: left; width: 350px; height: 230px; margin-top: 10px; }

.formulario_contato { border-radius:4px !important; -moz-border-radius:4px !important;  -webkit-border-radius:4px !important; box-shadow: 1px 1px 2px  #CCCCCC !important;	 -moz-box-shadow: 1px 1px 2px #CCCCCC !important; -webkit-box-shadow: 1px 1px 2px #CCCCCC !important; font-size:13px !important; font-family:"Century Gothic" !important; background: #FFF !important; border:1px solid #CCC !important; width:300px !important; height:30px !important; padding-left:10px !important; outline:none !important; margin-top: 5px; }

.formulario_contato_mensagem { border-radius:4px !important; -moz-border-radius:4px !important;  -webkit-border-radius:4px !important; box-shadow: 1px 1px 2px  #CCCCCC !important;	 -moz-box-shadow: 1px 1px 2px #CCCCCC !important; -webkit-box-shadow: 1px 1px 2px #CCCCCC !important; font-size:13px !important; font-family:"Century Gothic" !important; border:1px solid #CCC !important; width:300px !important; height:140px !important; outline:none !important; margin-top: 5px; color: #000!important; background: #FFFFFF!important; padding: 8px 0 0 15px !important; }

.preenchimento_obrigatorio { font-family:"Century Gothic"; font-size: 12px; color: #AF0E11;  }

/* LOCALIZAÇÃO */
#localizacao { position: relative; width: 990px; height: 50px; margin: 0 auto 0; text-align: center; }


#DV_MinhaContaMenu{ position: relative; float:right; width:170px; height:40px;}
#DV_MinhaContaMenu ul { list-style:  none; margin: 0px;}
#DV_MinhaContaMenu ul li { display: block; height: 45px; line-height: 40px;  }
#DV_MinhaContaMenu ul li a:link {display: block; color: #FFFBCE; text-decoration: none; font-family:Tahoma; font-size:12px; margin-top:0px; line-height: 40px; }
#DV_MinhaContaMenu ul li a:visited {display: block; color: #FFFBCE; text-decoration: none; font-family:Tahoma; font-size:12px; margin-top:0px; line-height: 40px;}
#DV_MinhaContaMenu ul li a:hover { background-color: #AE1317;  }
#DV_MinhaContaMenu ul li:hover > .Submenu_MinhaConta { display:block;}
#DV_MinhaContaMenu ul li:hover { background-color: #AE1317;}
.Submenu_MinhaConta{ position: absolute; background-color: #fff; top: 40px; height: 150px; width: 330px; z-index: 30000; background-color: #fff; color: #000; padding: 10px; box-shadow: 10px #000; box-shadow: 0px 0px 1em #666; -webkit-box-shadow: 0px 0px 1em #666; -moz-box-shadow: 0px 0px 1em #666; border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;  border-bottom: 5px solid #AE1317; display:none; right: 0px;}
.Submenu_MinhaConta::before{ content:""; width: 0;
height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; right: 20px; top: -10px; position:absolute;}
.MinhaContaIcon::after { position: absolute; background: url(imgs/icon.png) no-repeat; content:""; left: 0px; width:22px; height:24px; top:10px; left: 10px; z-index:10; }
.MinhaContaIcon::before { position: absolute; content:""; left: 0px; width:0px; height:24px; top:10px; left: -10px; border-left: 1px solid #fff; }
#LOGAR{
	width: 150px;
	background-color: #090;
	color: #fff;
	height: 35px;
	font-family: Verdana, Geneva, sans-serif;
	font-size:14px;
	text-align:center;
	cursor: pointer;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: none;
		
}
#LOGAR:hover{
	background-color:#A3D900;	
}
.avisosLog{ position: absolute; bottom: -60px; left: 0px; width: 350px; height: 50px; line-height:50px; text-align:center;  -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; display:none; color: #fff; }

.DownloadPlanta{ position: relative; float:left; width: 150px; height:30px; background-color:#B00F0C; color: #fff; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; line-height:30px; text-align:center; margin-top: 15px;}
.DownloadPlanta:hover { background-color:#D0090C;}
.DownloadPlanta a:link, .DownloadPlanta a:visited { text-align: center; color: #fff; font-family:Tahoma; font-size: 12px; text-decoration:none; display:block;}

.DownloadPlanta2{ position: relative; float:left; width: 250px; height:30px; background-color: #024313; color: #fff; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; line-height:30px; text-align:center; margin-top: 15px;  margin-left: 20px;}
.DownloadPlanta2:hover { background-color: #04A024;}
.DownloadPlanta2 a:link, .DownloadPlanta2 a:visited { text-align: center; color: #fff; font-family:Tahoma; font-size: 12px; text-decoration:none; display:block;}


#mapageralrevendedor{
	position: relative;
	clear:both;
	width:970px;
	height: 660px;
	background:url(imgs/elementos_de_layout/mapageral.jpg) center center no-repeat;	
}

.lupamapageral{
	position: absolute; 
	float:left;  
	width: 40px;
	height: 40px;
	background-color:#D9A300;
	-webkit-border-radius: 40px;
	-ms-border-radius: 40px;
	-moz-border-radius: 40px;
	-o-border-radius: 40px;
	border-radius: 40px;
	cursor:pointer;
	background:url(imgs/elementos_de_layout/lupa.fw.png) center center no-repeat #0C0;
}

.lupamapageral:hover{
	background:url(imgs/elementos_de_layout/lupa.fw.png) center center no-repeat #900;
}

#a{ position: absolute; left: 195px; top: 470px; }
#b{ position: absolute; left: 300px; top: 200px; }
#c{ position: absolute; left: 335px; top: 325px; }
#d{ position: absolute; left: 395px; top: 395px; }
#e{ position: absolute; left: 470px; top: 443px; }
#f{ position: absolute; left: 520px; top: 220px; }
#g{ position: absolute; left: 600px; top: 170px; }
#h{ position: absolute; left: 680px; top: 120px; }
#i{ position: absolute; left: 730px; top: 280px; }
#j{ position: absolute; left: 680px; top: 340px; }
#k{ position: absolute; left: 605px; top: 405px; }
#l{ position: absolute; left: 560px; top: 480px; }
#m{ position: absolute; left: 480px; top: 570px; }
#n{ position: absolute; left: 320px; top: 560px; }

#legendablocos{
	position: absolute;
	z-index:3;
	top: 50px;
	left: 10px;
	width: 150px;
	height:75px;
	background-color: #F0F0F0;
	border: 1px solid #ccc;
	
	color: #333;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:left;
	font-size:12px;	
	text-decoration: none;
	padding: 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
	-webkit-transition:.150s;
    transition:.150s;
	opacity:0.65;
	-moz-opacity: 0.65;
	filter: alpha(opacity=65);
	cursor:default;
}
#legendablocos:hover{
	
	opacity:1;
	-moz-opacity: 1;
	filter: alpha(opacity=1);
	background-color:#333;
	color: #fff;
}
#legendavermelho {
	line-height: 25px;
	padding-left:20px;
		
}
#legendavermelho::before{
		position: absolute;
		content:"";
		height: 15px;
		width: 15px;
		left: 10px;
		top: 25px;
		background-color: #d90000;
		
		-webkit-border-radius: 15px;
			-moz-border-radius: 15px;
			-o-border-radius: 15px;
			-ms-border-radius: 15px;
			border-radius: 15px;
	}
#legendaamarelo {
	line-height: 25px;
	padding-left:20px;
		
}
#legendaamarelo::before{
		position: absolute;
		content:"";
		height: 15px;
		width: 15px;
		left: 10px;
		top: 50px;
		background-color:  #FF0;
		-webkit-border-radius: 15px;
			-moz-border-radius: 15px;
			-o-border-radius: 15px;
			-ms-border-radius: 15px;
			border-radius: 15px;
	}
#legendaverde {
	line-height: 25px;
	padding-left:20px;
		
}
#legendaverde::before{
		position: absolute;
		content:"";
		height: 15px;
		width: 15px;
		left: 10px;
		top: 75px;
		background-color:  #0C0;
		-webkit-border-radius: 15px;
			-moz-border-radius: 15px;
			-o-border-radius: 15px;
			-ms-border-radius: 15px;
			border-radius: 15px;
	}
#blocosnavegacao {
	position: absolute;
	z-index:3;
	top: 30px;
	right: 30px;
	width: 130px;
	height:15px;
	background-color: #F0F0F0;
	border: 1px solid #ccc;
	
	color: #333;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	font-size:12px;	
	text-decoration: none;
	padding: 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
	-webkit-transition:1s;
    transition:1s;
	opacity:0.65;
	-moz-opacity: 0.65;
	filter: alpha(opacity=65);	
	cursor:default;
	overflow: hidden;
}

#blocosnavegacao:hover{
	
	opacity:1;
	-moz-opacity: 1;
	filter: alpha(opacity=1);
	background-color:#333;
	color: #fff;
	height:380px;
	
}

#blocosnavegacao ul li {
	line-height: 25px;
	border-bottom: 1px dotted #666666;
	list-style:none;
}
.bloconavega:hover{
	background-color: #0C0;	
	cursor: pointer;
}



#blocosnavegacao2 {
	position: absolute;
	z-index:3;
	top: 15px;
	right: 30px;
	width: 130px;
	height:15px;
	background-color: #F0F0F0;
	border: 1px solid #ccc;
	
	color: #333;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	font-size:12px;	
	text-decoration: none;
	padding: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
	-webkit-transition:1s;
    transition:1s;
	opacity:0.85;
	-moz-opacity: 0.85;
	filter: alpha(opacity=85);	
	cursor:default;
	overflow: hidden;
}

.centraliza570 {
	position: relative;
	width: 570px;
	margin: 0 auto;
		
}

#blocosnavegacao2:hover{
	
	opacity:1;
	-moz-opacity: 1;
	filter: alpha(opacity=1);
	background-color:#333;
	color: #fff;
	height:380px;
	
}

#blocosnavegacao2 ul li {
	line-height: 25px;
	border-bottom: 1px dotted #666666;
	list-style:none;
}

.toporesumolotes{
	position: absolute;
	z-index:2;
	min-width: 180px;
	height:32px;
	margin: 0px;
	margin-left:-1px;
	margin-top: -1px;
	background-color:#00A85A;
	padding-left: 15px;
	padding-right:15px;
	line-height: 32px;
	font-style:italic;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:left;
	font-size:16px;	
}
.toporesumolotes::before{
	position: absolute;
	content:"";
	height: 0px;
	width: 0px;
	right: -31px;
	top: 0px;
	border-top: 16px solid #00A85A;
	border-bottom: 16px solid transparent;
	border-right:16px solid transparent;	
	border-left: 16px solid #00A85A;	
}

#descrevelote{
	position: relative;
	clear:both;
	width:970px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #660000;
	font-style:italic;
	font-weight:bold;
	border-bottom: 1px solid #BBBBBB;
	float:left;	
}