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

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600);

html, body, h1, h2, h3, h4, ul { margin:0; padding:0; }
* { font-family:'Open Sans', Arial, Verdana; }
body { background:#939393; }
ul { list-style-type:none; }
img { display:block; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }
.c { width:100%; clear:both; }
.spacer { height:20px; box-shadow:none !important; z-index:99999999999999; }

.header, .corpo, .rodape { width:960px; position:relative; margin:0 auto; }
.corpo { background:#FFFFFF; box-shadow:0 0 50px #000000; }

.header { height:160px; background:#ff8b00; z-index:99999; }
.header .logo { position:absolute; left:50px; top:30px; background:url(images/logo.png) no-repeat top left; width:267px; height:105px; }

ul.menu { position:absolute; right:20px; bottom:40px; display:inline; }
ul.menu li { float:left; border-left:1px solid #FFFFFF; }
ul.menu li:first-child { border-left:none; }
ul.menu li a { text-transform:uppercase; color:#FFFFFF; font-weight:600; padding:0 10px; }

.banner { position:relative; width:100%; max-width:1920px; height:400px; background:#EAEAEA; z-index:99999; overflow:hidden; }
.banner .cycle-slideshow img { position:relative; width:1920px; height:400px; left:50% !important; margin-left:-960px; cursor:pointer; }

.cycle-pager { position:absolute; left:0; bottom:30px; width:100%; height:20px; text-align:center !important; z-index:9999999; }
.cycle-pager span { text-indent:-999999px; width:10px; height:10px; display:inline-block !important; background:#FFFFFF; border-radius:100%; margin:0 0 0 5px; border:1px solid #999; }
.cycle-pager span:hover, .cycle-pager span.cycle-pager-active { background:#ff8b00; border:1px solid #FFFFFF; cursor:pointer; }

.boxes-home { position:relative; margin-left:40px; width:880px; height:160px; background:#ff9c00; border-bottom-left-radius:20px; border-bottom-right-radius:20px; z-index:9999999; }
.boxes-home ul { width:820px; position:absolute; left:30px; top:-10px; }
.boxes-home ul li { float:left; width:260px; margin-right:20px; height:140px; background:#FFFFFF; border-bottom-left-radius:20px; border-bottom-right-radius:20px; }
.boxes-home ul li img { width:260px; height:110px; border-bottom-left-radius:20px; border-bottom-right-radius:20px; }
.boxes-home ul li.last { margin-right:0 !important; }
.boxes-home ul li h2 { color:#FFFFFF; background:#ff5601; text-align:center; }

.marcas { position:relative; margin-left:40px; width:880px; text-align:center; margin-top:20px; margin-bottom:20px; }
.marcas table { width:880px; height:80px; }
.marcas table td { width:97px; height:80px; text-align:center; vertical-align:middle; }

h2.titulo { color:#FFFFFF; background:#ff5601; padding-left:10px; width:870px; margin-left:40px; text-transform:uppercase; font-weight:normal; letter-spacing:-1px; }

ul.box-produtos { width:880px; margin-left:40px; }
ul.box-produtos li { width:164px; height:164px; margin:10px 15px 50px 0; float:left; position:relative; }
ul.box-produtos li:last-child { margin-right:0; }

ul.box-produtos li img.produto { width:164px; height:164px; border:1px solid #CCCCCC; position:absolute; left:0; top:0; }
ul.box-produtos li img.logotipo { width:50px; height:25px; position:absolute; left:5px; bottom:5px; z-index:9999999; }
ul.box-produtos li.separadora { display:block; text-align:center; clear:both; width:100%; height:30px !important; line-height:30px; margin:10px 15px 10px 0; }

ul.box-produtos li span.preco { position:absolute; width:100px; height:30px; left:1px; bottom:-10px; background:#ff5700; color:#FFFFFF; line-height:30px; text-align:center; font-weight:600; }
ul.box-produtos li span.rs { font-weight:normal !important; }
ul.box-produtos li span.descr { position:absolute; top:169px; left:0; display:block; width:164px; text-align:center; font-weight:600; letter-spacing:-1px; font-size:12px; }

ul.box-lateral-categorias { margin:0 0 0 40px; padding:0; width:245px; display:inline-block; background:#EAEAEA; float:left; }
ul.box-lateral-categorias li.titulo-laranja { text-transform:uppercase; background:#ff5601; color:#FFFFFF; height:40px; line-height:40px; font-size:20px; }
ul.box-lateral-categorias li.titulo-laranja a { display:block; height:40px; line-height:40px; font-size:20px; color:#FFFFFF; }
ul.box-lateral-categorias li.titulo-bold { text-transform:uppercase; font-weight:600; background:#CCCCCC; }
ul.box-lateral-categorias li.imagem { margin:0; padding:0; }
ul.box-lateral-categorias li.spacer { height:10px; }
ul.box-lateral-categorias li { padding:2px 5px; }
ul.box-lateral-categorias li a { color:#000000; text-decoration:none; }
ul.box-lateral-categorias li a:hover { text-decoration:underline; }

ul.box-marcas li.titulo-laranja { border-bottom:none; }
ul.box-marcas li.titulo-laranja a { display:block; height:40px; line-height:40px; font-size:20px; color:#FFFFFF; }
ul.box-marcas li { height:30px; border-bottom:1px solid #CCCCCC; }
ul.box-marcas li:last-child { border-bottom:none; }
ul.box-marcas li a { height:30px; line-height:30px; }

.conteudo { position:relative; float:right; width:600px; margin:0 40px 0 0; }
.conteudo img.titulo-header { max-width:600px; }
.conteudo h2 { width:590px !important; margin:0 !important; }
.conteudo ul.box-produtos { width:600px !important; margin:0 !important; display:inline-block; }
.conteudo ul.box-produtos li.primeira { margin-left:40px !important; }

.holder-texto-img-left { float:left; margin:20px 10px 10px 0; }
.holder-texto-img-left h2 { width:auto !important; margin:0 !important; }
.holder-texto-img-right { float:right; margin:20px 0 10px 10px; }
.holder-texto-img-right h2 { width:auto !important; margin:0 !important; }

.tip { font-size:12px; font-weight:600; clear:both; }

.duas-colunas { -moz-column-count:2; -webkit-column-count:2; column-count:2; -moz-column-gap:40px; -webkit-column-gap:40px; column-gap:40px; }

.map_canvas { width:600px; height:250px; }

.paginador { float:right; width:600px; margin:20px 40px 0 0; text-align:center; }
.paginador a { padding:5px; background:#ff5601; color:#FFFFFF; font-weight:600; border-radius:5px; }

#preview { position:absolute; border:1px solid #ccc; background:#333; padding:5px; display:none; color:#fff; z-index:99999999; }

.regulamento { width:880px; margin:20px 40px; font-size:12px; }
.regulamento ul { list-style-type:circle; padding:0 0 20px 30px; }


.tabela-fidelidade { position:relative; margin-left:40px; margin-bottom:40px; width:880px; }
.tabela-fidelidade input[type="text"], .form-fidelidade input[type="password"] { width:280px; height:30px; border-radius:10px; border:1px solid #669; background:transparent !important; color:#FFFFFF; }
.tabela-fidelidade p, .form-fidelidade a, .form-fidelidade span  { color:#FFFFFF; font-weight:600; font-size:11px; }
.tabela-fidelidade input[type="submit"] {background:#e4e418; font-weight:bold; text-transform:uppercase; border:1px solid #000000; border-radius:5px; }

.rodape { height:120px; background:#ff8b00; }
.rodape p { padding:0; margin:0; position:absolute; left:40px; top:40px; font-weight:600; color:#FFFFFF; font-size:14px; }
.rodape ul.social { position:absolute; right:40px; top:40px; color:#FFFFFF; font-size:12px; }
.rodape ul.social li { float:left; margin-left:10px; line-height:30px; }
.rodape ul.social li a { display:block; width:30px; height:30px; background-position:center; background-repeat:no-repeat; text-indent:-9999999999px; }
.rodape ul.social li.facebook a { background-image:url(images/social-facebook.png); }
.rodape ul.social li.instagram a { background-image:url(images/social-instagram.png); }
