*{padding:0; margin:0; list-style:none;}
a{outline:none; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#606060;}
body{}
.block{display:block;}
.left{float:left;}
.right{float:right;}
.indent{text-indent:-999999px; overflow:hidden;}
.dspNone{display:none;}
/***********************[ESTRUTURA]**************************/

html, body {height:100%;}
#distance { 
	width:1px;
	height:50%;
	background-color:#fc6;
	margin-bottom:-275px; /* Metade da altura do nosso box que ficará centralizado */
	float:left;
	}
.contener{
	width:778px;
	height:560px; 
	margin:auto auto;
	margin:0 auto;
	position:relative; /* Coloca o container frente ao elemento com o id distance */
	text-align:left;
	clear:left;
	/****/background-color:#CCC 4F4017;
	}
.contener .ColEsq{width:804px; height:500px; margin:0 4px 0 0;}
.contener .ColEsq h1.logo{width:504px; height:75px; background:url(../imagens/logo_von.gif) 0 23px no-repeat;}
.ColDir{width:254px; height:484px; border:8px solid #000; position:absolute; top:0; left:532px;}
.contener .ColEsq .topo{width:504px; height:99px; background:url(../imagens/bg_topo.jpg) 0 0 no-repeat;}
.contener .ColEsq .conteudo{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color:#000; line-height:20px; width:475px; height:325px; padding:0 0 0 20px; background-color:#F3F3F3; overflow:auto;
	scrollbar-arrow-color:#FFF;
	scrollbar-3dlight-color:#000000;
	scrollbar-highlight-color:#4F4017;
	scrollbar-face-color:#4F4017;
	scrollbar-shadow-color:#0000FF;
	scrollbar-darkshadow-color:#FFFF00;
	scrollbar-track-color:#EEEEEE;
	
}
.contener .ColEsq .conteudo P{width:440px; padding:0 0 15px 10px;}
.contener .ColEsq .conteudo h2{width:455px; height:25px; margin:13px 0 5px 0; display:block; text-indent:-999999px; overflow:hidden;}
.contener .ColEsq .topo h1{display:none;}
.contener address{width:778px; height:45px; padding:15px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-style:normal; font-weight:12px; font-size:12px; color:#969696; }
.contener .ColEsq .conteudo h2.a_empresa{background:url(../imagens/tit_a_empresa.gif) 0 0 no-repeat;}
.contener .ColEsq .conteudo h2.produtos{background:url(../imagens/tit_produtos.gif) 0 0 no-repeat;}
.contener .ColEsq .conteudo h2.servicos{background:url(../imagens/tit_servicos.gif) 0 0 no-repeat;}
.contener .ColEsq .conteudo h2.localizacao{background:url(../imagens/tit_localizacao.gif) 0 0 no-repeat;}
.contener .ColEsq .conteudo h2.contato{background:url(../imagens/tit_contato.gif) 0 0 no-repeat;}
/***********************[ MENU ]**************************/
.contener .ColEsq .topo ul{width:504px; height:24px; margin:75px 0 0 0; }
.contener .ColEsq .topo ul li{height:24px; display:block; float:left; /*text-indent:-999999px; overflow:hidden;*/}
.contener .ColEsq .topo ul li.bt_empresa,
.contener .ColEsq .topo ul li.bt_empresa a{width:92px; height:24px; display:block; background:url(../imagens/bt_a_empresa.gif) 0 0 no-repeat;}
.contener .ColEsq .topo ul li.bt_produtos,
.contener .ColEsq .topo ul li.bt_produtos a{width:86px; height:24px; display:block; background:url(../imagens/bt_produtos.gif) 0 0 no-repeat;}
.contener .ColEsq .topo ul li.bt_servicos,
.contener .ColEsq .topo ul li.bt_servicos a{width:80px; height:24px; display:block; background:url(../imagens/bt_servicos.gif) 0 0 no-repeat;}
.contener .ColEsq .topo ul li.bt_localizacao,
.contener .ColEsq .topo ul li.bt_localizacao a{width:107px; height:24px; display:block; background:url(../imagens/bt_localizacao.gif) 0 0 no-repeat;}
.contener .ColEsq .topo ul li.bt_contato,
.contener .ColEsq .topo ul li.bt_contato a{width:79px; height:24px; display:block; background:url(../imagens/bt_contato.gif) 0 0 no-repeat;}
.contener .ColEsq .topo ul li.bt_home,
.contener .ColEsq .topo ul li.bt_home a{width:60px; height:24px; display:block; background:url(../imagens/bt_home.gif) 0 0 no-repeat;}

        /* menu horizontal by micox */
        { display: table; }
        * { margin: 0; padding: 0;}
        a { display: block; }
        li { list-style: none; float: left; height: 1%; }
        li ul { position: absolute; visibility: hidden; white-space: nowrap;}
        
        /* hack para navegadores que exigem width para elementos pos absolute (Opera) */
        html:first-child>body li ul { width: 500px; }
        li:hover ul,  li.over ul { visibility: visible;} /* a class  .over eh tecnica pro hover no IE */
        li:hover ul li ul, li.over ul li ul{ visibility: hidden;}
        li ul li:hover ul, li ul li.over ul{ visibility: visible;}
        /* visual */
        { background-color: #F60; width: 90%; margin: 0 0 0 12px; height: 31px;}
        ul#demo-nav li a { font-weight: bold; text-decoration: none; color: #FFF; padding: 0 10px; line-height: 20px;}
        ul#demo-nav li a:hover { text-decoration: underline; }
        ul#demo-nav li ul {background-color:#666; border: 0px solid #000; }
        .contener .ColEsq .topo ul#demo-nav li ul.subProd {z-index:99999;}
		
		ul#demo-nav li.bt_produtos ul.subProd li a{background:none; font-weight:normal;}
        ul#demo-nav li.bt_produtos ul{ width:170px; height:189px; display:block; top:23px; left:100px;}
        ul#demo-nav li.bt_produtos ul li{ width:170px; height:20px; display:block; background-color:#333; font-size:10px; margin:0 0 1px 0;display:block; float:left; text-indent:0px;}
 		ul#demo-nav li.bt_produtos ul li a{ font-size:11px;}

	    ul#demo-nav li.bt_servicos ul.subServ li a{background:none; font-weight:normal;}
        ul#demo-nav li.bt_servicos ul{ width:319px; height:41px; display:block;  top:23px; left:185px;}
        ul#demo-nav li.bt_servicos ul li{ width:319px; height:20px; display:block; background-color:#333; font-size:10px; margin:0 0 1px 0;display:block; float:left; text-indent:0px;}
 		ul#demo-nav li.bt_servicos ul li a{ font-size:11px;}
		
.BTindex{width:60px; height:20px; display:block; position:absolute; top:75px; left:443px; z-index:99999; background:none; text-indent:-999999px; overflow:hidden;}
.BTindex a:hover{background:none;}
a.nomeHome{font-weight: bold; text-decoration: none; color: #FFF; padding: 0 10px; line-height: 20px;}

/************************************************************/
.contener .ColEsq .topo ul li ul.subProd:hover{width:60px; height:24px; display:block; position:absolute; /****/ background-color:#666; }

ul.galeriaProdutos{ width:455px; display:block; float:left;}
ul.galeriaProdutos li a img{border:none;}
ul.galeriaProdutos li{border:1px solid #999; margin:0 5px 5px 0;}
ul.galeriaProdutos li img{width:77px; height:60px; display:block; float:left; padding:3px;}
ul.galeriaProdutos li a{float:left; padding:0; margin:0; border:none;}

.pg_contato {
	margin-top:5px;	
}