body{background-color: #5e2003; margin-top: 10px;}
li{ list-style-type: none;}
a{ text-decoration: none; font-family: 'Helvetica';}
span, p, h1, h2, h3, h4, td{font-family: 'Helvetica';}
textarea{resize: none;}
tr, td{ border: solid 2px #000}


.main{width: 960px; height: auto; margin: 0 auto; background-color: #fff;}
.cabecalho{width: 100%; height: 125px;}
.logo-cabecalho{width: 300px; height: 95px; padding: 15px 10px 15px 10px; float: left;}
.logo-cabecalho .logo{background: url("../img/logo-avance.png") no-repeat; width: 100%; height: 100%;}
.cabecalho-menu{width: 605px; height: 100px; float: left; padding-top: 20px}

/*	MENU */
.cabecalho-menu .menu{ width: 700px; height: 43px; margin-left: -29px; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 
	.cabecalho-menu .menu{ width: 700px; height: 43px; margin-left: -37px; }
} 
@media screen and (-webkit-min-device-pixel-ratio:0){ 
	.cabecalho-menu .menu{ width: 700px; height: 43px; margin-left: -38px; }
}
.cabecalho-menu .menu li{float: left;  text-align: center; margin-top: 11px;}
.cabecalho-menu .menu li a{width: 119px; height: 20px; background-color: #000000; border: solid 1px #fff; padding: 10px 10px 10px 10px; color: #fff; text-transform: uppercase; font-weight: bold; }
.cabecalho-menu .menu li a:hover {background-color: #343434}
.cabecalho-menu .menu-detalhe{ width: 645px; height: 5px; background-color: #5e2003; margin-left: 4px;}

.java{width: 100%; height: 300px; }


.conteudo{width: 100%; height: auto; margin-bottom: -4px;}
.conteudo .avance-detalhe{ background: url("../img/detalheprodutos.jpg") no-repeat; width: 260px; height: 500px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; float: left;}
.conteudo .texto{width: 910px; height: auto; padding: 0 25px 0 25px; margin-bottom: 20px;}
.conteudo .texto li{list-style-type: circle; margin-left: 40px;}
.conteudo .texto-show-room{width: 833px; height: auto; padding: 0 60px 0 60px; margin-bottom: 20px;}
.conteudo .texto li{list-style-type: circle; margin-left: 40px;}
.conteudo .foto-historico{width: 720px; height: 530px; margin-left: 100px; margin-top: 20px;}
.list-produtos{ width: 700px; height: 900px; margin-left: 260px;}
.list-produtos li{ margin: 20px; float: left;}
.conteudo .lojas{width: 873px; height: 530px; padding: 10px 48px 10px 48px; }
.conteudo .lojas .loja{border: solid 5px #000000; width: 250px; height: 440px; float: left; margin: 0 14px 0 14px;}
.conteudo .lojas .loja .lst-icon.telefone{background: url("../img/filter.png"); width: 30px; height: 25px; float: left;}
.conteudo .lojas .loja .lst-icon.endereco{background: url("../img/filter.png"); background-position: 30px; width: 30px; height: 25px; float: left;}
.conteudo .lojas .loja .lst-icon.email{background: url("../img/filter.png"); background-position: 30px 25px; width: 30px; height: 25px; float: left;}

.novo-hamburgo{width: 100%;}
/*Projetos*/
.conteudo .produtos{height: auto; padding-right: 5%; width: 61%; position: relative; float: right;}
.conteudo .texto-produtos{padding-right: 10px;}
/*.conteudo .projetos ul{margin-left: -49px;}
.conteudo .projetos ul li{ float: left; margin: 5px;}
.conteudo .projetos ul li img{border: solid 2px #ccc;}*/
.conteudo .menu-lateral{float: left; margin: 0; padding: 0; position: relative; top: 30px; width: 20%;}
.conteudo .menu-lateral ul{margin-top: -20px; margin-left: -40px;}
.conteudo .menu-lateral li {margin: 0; padding: 0px; text-align: center; border: solid 1px #fff;}
.conteudo .menu-lateral a{background-color: #000000; width: 90%; color: #ffffff; font-weight: bold; padding: 8px; display: block; text-transform: uppercase;}
.conteudo .menu-lateral a:hover {background-color: #343434; width: 100%;}
/*Projetos*/
.conteudo .efeito-home{ background: url("../img/esboco-home.jpg") no-repeat; height: 400px;}
.conteudo .efeito-home img {left: 370px; position: relative; top: 170px;}
.conteudo .efeito-home .tv{background: url("../img/tv.png") no-repeat; width: 352px; height: 227px; position: relative; left: 550px; top: -5px;}
.conteudo .efeito-home .tv video {height: 190px; padding: 9px; width: 336px;}
.cidade{width: 960px; height: 400px; margin-left: 50px;}
.cidade .novo-hamburgo{width: 260px; height: 324px; float: left; margin: 0 10px 0 10px; text-align: center; border: solid 2px #ccc;}
.cidade .porto-alegre{width: 260px; height: 324px; float: left; margin: 0 10px 0 10px; text-align: center; border: solid 2px #ccc;}
.cidade .atlantida{width: 260px; height: 324px; float: left; margin: 0 10px 0 10px; text-align: center; border: solid 2px #ccc;}
.foto-formulario{width: 300px; height: 400px; float: left;} 
.formulario{width: 660px; height: 600px; float: left;}
.formulario form{ height: 500px; overflow-x:hidden; overflow-y:hidden; resize: none;}
.form textarea {resize: none;}

/*Revendedores*/
.revendedores{width: 100%; height: auto; min-height: 300px; max-height: 5200px;}
.table{ width: 100%; margin: 0 auto;}
.table table{margin: 0 auto;}
.table .empresa{font-size: 18px; color: #000; text-transform: none;}
.table strong{font-size: 18px;}
.table h2{margin-left: 15%; font-size: 28px;}
.table td{width: 150px; height: 60px; text-align: center}
.table .email{font-size: 12px; color:navy;}
.table .min{height: 25px; font-style: bold; text-align: center; line-height: 1px; font-weight: bold; font-size: 18px; }
.table .contato{width: 200px;}
.link-base{width: 100%; height: 70px; background: url("../img/bk-detalhe.png") no-repeat;}
.link{width: 99%; margin: 0 auto; padding-top: 9px;}
.link a{margin: 0 -4px 0 3px; margin-top: 10px;}
.representantes{width: 800px; height: auto; margin: 0 auto;}
/*Revendedores*/

.facsom{margin: 0 auto; width: 190px;}
.facsom a{    background-color: #000000; color: white; font-weight: bold; height: 50px; padding: 20px; text-align: center; width: 120px;}
.facsom a:hover{background-color: #343434}

.catalogo{background: url("../img/pdf.png"); width: 450px; height: 190px; float: right; margin-right: 100px;}

.rodape{background-color: #000; bottom: 0; clear: both; height: 35px; margin-left: 0; overflow: visible; position: fixed; width: 960px;}
.rodape span{ height: 100%; margin-top: 9px; float: left; color: #fff; float: left;  padding-left: 14%;}