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

/* CORPO */
body {
	background:url(../img/bg-all.png);
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:normal;
	color:#000;
}
hr {height:1px; display:block; background:#E4E4E4; border:0;}

/* TÍTULOS */
h1, h2, h3, h4, h5 {display:block;}
h1 {font-size:2.4em;}
h2 {font-size:2em; font-size:2.0em;}
h3 {font-size:1.6em;}
h4 {font-size:1.2em;}
h5 {font-size:1em; font-weight:bold;}

/* FORM */
input, textarea {padding:3px;}

/* TEXTOS */
p {padding:3px 0; line-height:18px; color:#FFF;}
em {font-style:italic;}
strong {font-weight:bold}
address {color:#FFF; font-size:1em; line-height:18px; font-family:Arial, Helvetica, sans-serif;}

/* LINKS */
a  {color:#cfd610; text-decoration:none;}
a:hover {text-decoration:underline;}

/** PRÉ DEFINIDAS **/
.escondido {display:none;}
.clear {clear:both;}
.nomargin {margin:0 !important;}
.noborder {border:0px !important;}
.nobackground {background:inherit !important;}
.left {float:left;}
.right {float:right;}
.text-left {text-align:left;}
.text-right {text-align:right;}
.text-center {text-align:center;}
.text-justify {text-align:justify;}

.wrap {width:850px; margin:0 auto; position:relative;}

/* --------------------------------------------------------------------------------------------------------------- **/

#header {background:url(../img/bg-header.png) left top repeat-x; margin-bottom:30px;}

#logo a {display:block; width:113px; height:111px; background:url(../img/logo.png) left top no-repeat; text-indent:-9999px;}

#content {margin:20px auto 20px auto;}

.internas {background:url(../img/bg-content-internas.jpg); min-height:500px; position:relative;}

.menu {display:block; width:585px; height:62px; position:absolute; right:20px; top:0px;}
.menu a {display:block; height:62px; background:url(../img/menu.png); text-indent:-9999px; float:left;}

.menu1 {width:84px;} .menu1:hover {background-position:0 -62px !important;}
.menu2 {width:84px; background-position:-84px 0 !important;} .menu2:hover {background-position:-84px -62px !important;}
.menu3 {width:86px; background-position:-168px 0 !important;} .menu3:hover {background-position:-168px -62px !important;}
.menu4 {width:106px; background-position:-255px 0 !important;} .menu4:hover {background-position:-255px -62px !important;}
.menu5 {width:137px; background-position:-367px 0 !important;} .menu5:hover {background-position:-367px -62px !important;}
.menu6 {width:86px; background-position:-497px 0 !important;} .menu6:hover {background-position:-497px -62px !important;}

#footer {background:url(../img/bg-footer.png) left bottom repeat-x; height:250px;}
#footer .wrap {background:url(../img/marcas-rodape.jpg) center 50px no-repeat; padding-top:100px;}
.footer-menu {display:block; width:200px; float:left; margin:17px 0 0 150px;}
.footer-menu li a {display:block; color:#707070; font-size:1.2em; padding-bottom:6px;}
.footer-menu li a:hover {font-weight:bold; font-style:italic;}


/* BANNER */
#envolve-banner {
	width:848px; height:350px;
	position:relative;
}
#banner {overflow:hidden; width:848px; height:350px; position:relative;}

.destaques {
	overflow:hidden;
	position:relative;
	width:10000px;
	height:343px;
}
.destaques li {
	float:left;
	height:350px;
}
.controle {position:absolute; bottom:30px; left:20px;}
.controle li {float:left; width:14px; height:14px; margin-right:5px;}
.controle li a {
	background:url(../img/bolinha1.png) left top no-repeat;
	display:block;
	width:14px;
	height:14px;
	text-indent:-9999px;
	margin-right:7px;
}
.controle li a:hover {
	background:url(../img/bolinha2.png) left top no-repeat;
}
.ativo {background:url(../img/bolinha2.png) left top no-repeat !important;}




/* HOME */
.marca-home, .lojas-home {float:left;}
.marca-home {width:266px; margin-right:10px;}
.lojas-home {width:571px;}
.img-lojas-home {display:block; margin-bottom:10px;}

/* EMPRESA */
.empresa {padding:150px 0 0 0;}
.empresa h2 {width:154px; height:49px; display:block; background:url(../img/marca-h2.png) left top no-repeat; text-indent:-9999px; position:absolute; top:50px; left:-4px;}
.empresa h3 {font-size:2.5em; color:#FFF; text-transform:uppercase; letter-spacing:-0.05em; font-weight:bold; margin-left:25px;}
.texto-empresa {width:350px; margin:30px 0 0 25px; font-size:1.2em; text-align:left; background:url(../img/linha-bottom-empresa.jpg) bottom center no-repeat; padding-bottom:20px;}
.foto-empresa {position:absolute; right:0px; top:0px;}

/* LOJAS */
.lojas h2 {font-size:3.5em; color:#FFF; text-transform:uppercase; letter-spacing:-0.05em; font-weight:bold; background:url(../img/separador-lojas.jpg) center bottom no-repeat; padding:40px 0 10px 30px;}

.fotos-lojas {margin:50px 0 30px 0; height:282px;}
.lojas h3 {font-size:2.0em; color:#FFF; text-transform:uppercase; letter-spacing:-0.05em; font-weight:bold; margin-bottom:20px;}
.loja {width:245px; float:left; margin-left:30px; /*position:relative;*/}
.loja span, .tarja-msg {font-size:1.1em; color:#FFF; background:#333; margin: 30px auto 0 30px;
    padding: 10px; text-align: center;width: 770px; float: left;}
.loja-esq {margin-left:62px !important;}
.loja img.foto-loja {border:6px solid #FFF; /*position:absolute; z-index:10; */}
.loja img.foto-loja:hover {border:6px solid #f0ff00; position:absolute; z-index:10;}
.arrow-esquerda {position:absolute; top:160px; left:-40px;}
.arrow-direita {position:absolute; top:160px; right:-35px;}

.localizacao-lojas {background:url(../img/separador-lojas.jpg) center top no-repeat;}
.localizacao-lojas  h2 {background:none !important;}

.localizacao { display:block; margin-bottom: 30px; float: left; width: 283px; }

.end {background:url(../img/img-end.png) left top no-repeat; padding:10px 0 0 80px; margin:0px 0 20px 20px; float: left; min-height: 60px;}
.end p {font-size:1.2em;}

.mapa { width: 790px; margin:20px auto;}




/* MULTIMARCAS */
.multimarcas h2 {font-size:3.5em; color:#FFF; text-transform:uppercase; letter-spacing:-0.05em; font-weight:bold; background:url(../img/separador-lojas.jpg) center bottom no-repeat; padding:40px 0 10px 30px;}

.logos-multimarcas {margin-left:20px;}
.logos-multimarcas li {float:left; width:163px; height:163px; margin:30px 0 0 0;}

.multimarcas p {font-size:1.2em; margin:10px 0 0 25px;}

.foto-multimarcas {margin:0 0 -15px -15px;}

/* TRABALHE CONOSCO */
.trabalhe-conosco h2 {font-size:3.5em; color:#FFF; text-transform:uppercase; letter-spacing:-0.05em; font-weight:bold; background:url(../img/separador-lojas.jpg) center bottom no-repeat; padding:40px 0 10px 30px;}
.texto-trabalhe-conosco p {font-size:1.2em; margin:10px 0 0 25px;}

.trabalhe-conosco form {width:450px; float:left; padding:35px 0 0 20px;}
.texto-trabalhe-conosco {width:300px; float:left;}

.input-trabalhe-conosco {display:block; margin-bottom:5px;}
.input-trabalhe-conosco input {margin:4px 0 0 5px; height:19px; width:300px;}
.input-trabalhe-conosco select {margin:4px 0 0 5px; width:308px; padding:5px 5px;}
.input-trabalhe-conosco textarea {margin:4px 0 0 5px; width:300px; height:100px;}
.input-anexo {margin:4px 0 0 5px; width:300px; height:auto !important;}

.nome label {background:url(../img/label-nome.jpg) left top no-repeat; width:112px; height:36px; display:block; float:left; text-indent:-9999px;}
.email label {background:url(../img/label-email.jpg) left top no-repeat; width:112px; height:36px; display:block; float:left; text-indent:-9999px;}
.endereco label {background:url(../img/label-end.jpg) left top no-repeat; width:112px; height:36px; display:block; float:left; text-indent:-9999px;}
.tel label {background:url(../img/label-tel.jpg) left top no-repeat; width:112px; height:36px; display:block; float:left; text-indent:-9999px;}
.cargo label {background:url(../img/label-cargo.jpg) left top no-repeat; width:112px; height:36px; display:block; float:left; text-indent:-9999px;}
.anexo label {background:url(../img/label-anexo.jpg) left top no-repeat; width:112px; height:36px; display:block; float:left; text-indent:-9999px;}
.anexo anexar {background:url(../img/label-anexo.jpg) left top no-repeat; width:112px; height:36px; display:block; float:left; text-indent:-9999px;}

/* CONTATO */
.assunto label {background:url(../img/label-assunto.jpg) left top no-repeat; width:112px; height:36px; display:block; float:left; text-indent:-9999px;}
.msg label {background:url(../img/label-mensagem.jpg) left top no-repeat; width:112px; height:36px; display:block; float:left; text-indent:-9999px;}

.enviar {background:url(../img/btn-enviar.jpg) left top no-repeat; width:84px; height:33px; border:0px; text-indent:-9999px; cursor:pointer; margin:10px 0 0 342px;}