/*************** =Normalize ***************/
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:5px 0}textarea{vertical-align:top;resize:vertical;max-height:300px;}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
:focus {outline:none;}

/*************** =Estrutura ***************/
html{ font-size:100%; }
body{ 
    font-family:Lato,Calibri,sans-serif;
    background-color:#FAFAFA;
    color:#000;
}

#topo .container,#conteudo.container,#bdw #content,.sect{
    width:95%;
    margin:0 auto;
    position:relative;
	padding:0;
}

h1{
    font-weight:bold; 
    font-size:30px;
    color:#F20;
    border-bottom:1px solid #8DB9AA;
    line-height:0.8;
    margin:0 0 60px 0;
}

h2{
    font-weight:bold; 
    font-size:24px;
    color:#F20;
    margin:0 0 30px 0;
}

h3{
    font-weight:600; 
    font-size:20px;
    color:#319DDF;
    margin:20px 0;
	}
h4{
    font-weight:600; 
    font-size:16px;
    color:#000;
    margin:10px 0;
}

a,a:link,a:visited{
    text-decoration:none;
    font-weight:600;
    color:#1E68BF;
    transition:all 0.3s ease-in-out;
    outline:none;
}

a:hover{ color:#FC0; transition:all 0.3s ease-in-out; }
strong{ font-weight:bold; }
em{ font-style:italic; font-weight:600; }
img{ vertical-align:middle; }
small{ font-size:12px; }

progress{ 
	position:relative; 
	width:200px;
	height:22px;
	margin:0 20px; 
	vertical-align:top;
}

progress:before{
	display:inline-block;
	content:attr(title); 
	font-size:12px;
    font-weight:bold;
    width:100%;
    text-align:center;
}


.alignleft{
    display:inline;
    float:left;
    margin:0 1em 1em 0;
}

.alignright{
    display:inline;
    float:right;
    margin: 0 0 1em 1em;
}

.aligncenter {
    clear: both;
    display: block;
    margin:1.5em auto;
}
.clearfix{ clear:both; }

#submit_button{
    display:block;
    margin:40px auto 0 auto;
    padding:10px 20px;
    text-transform:uppercase;
    text-align:center;
    color:#FFF;
    background-color:#1E68BF;
    font-size:30px;
    border:none;
    border-radius:10px;
}

#submit_button:hover{ opacity:0.8; }

#submit_button2 {
    display: inline;
    padding: 10px 20px;
    text-transform: uppercase;
    text-align: center;
    color: #FFF;
    background-color: #1E68BF;
    font-size:12px;
    font-weight: bold;
    border: none;
    border-radius: 10px;
}

#submit_button2:hover{ opacity:0.8; }


/*************** =Topo ***************/
.logged-in #topo{ padding-top:40px; }
#topo{ text-align:center; }

.topo-superior{
    text-align:center;
    padding:10px 0;
    background-color:#1E68BF;
    border-bottom:3px solid #FC0; 
}

#topo-logo{
    /*
	width:185px;
    height:70px;
    margin:0 20px 0 0;
    float:left;
    vertical-align:middle;
    background:url('img/logo.png') no-repeat;
	background-size:contain;
	*/
}

#menu-topo{
	display:inline-block;
    vertical-align:middle;
	margin:10px;
}
#menu-topo ul{
	display:inline-block;
	margin:0 auto;
	padding:0;
	list-style:none;
}

#menu-topo ul li{
	display:inline-block;
	margin:0 10px;
	padding:0;
}

#menu-topo ul li a{ color:#FFF; }
#menu-topo ul li a:hover,#menu-topo ul li a.sel{ color:#FC0; }

#formlogar{
    display:inline-block;
    vertical-align:middle;
    background-color:#FFF;
    color:#000;
    margin:0 30px;
    padding:5px 20px;
    border:1px solid #FC0;
    border-radius:10px;
    font-size:14px;
    line-height:1;
}
#formlogar p{ margin:0; }
#formlogar a{ color:#1E68BF; } 

#formlogar input[type='text'], #formlogar input[type='password']{
    display:inline-block;
    width:40%;
    border:none;
    padding:2px 3px;
    background-color:#DDD;
    color:#666;
    line-height:14px;
    vertical-align:top;
}

#formlogar input[type='submit']{
    display:inline-block;
    border:none;
    font-size:24px;
    line-height:24px;
    font-weight:bold;
    font-family:monospace;
    background-color:#FC0;
    padding:0 5px;
    color:#FFF;
    text-align:center;
}
#formlogar input[type='submit']:hover{
    transition:.5s all;
    background-color:#1E68BF;
}

#atendimento{
    display:inline-block;
    vertical-align:middle;
    font-size:13px;
    padding:5px 0;
    color:#FFF;
    text-transform:uppercase;
    text-decoration:none;
    text-indent:25px;
    background:url('img/icone.png') no-repeat 0 50%;
    background-size:contain;
    transition:1s all;
}

#atendimento:hover, #facebook:hover{ opacity:0.7; transition:1s all; }

#busca{
    display:inline-block;
    vertical-align:middle;
    margin:10px 40px;
}

#busca input[type="text"]{
    width:150px;
    height:20px;
    color:#FC0;
    padding:5px;
    margin:0;
    border:1px solid #FC0;
    border-top-left-radius:10px;
    border-bottom-left-radius:10px;
    text-align:center;
    font-size:14px;
}

#busca input[type="submit"]{
    font-size:14px;
    height:32px;
    padding:5px 15px;
    margin:0;
    color:#FFF;
    border:1px solid #FC0;
    border-top-right-radius:10px;
    border-bottom-right-radius:10px;
    text-transform:uppercase;
    background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAv9JREFUeNq8V01oE0EUngllKeJBQpEgQXKQUmqU4qGI9CBSSxEREUHp0Yu3IrkoKIKIXjyVHqQHDx56kFKi9iBSipSgotiDepBKQTEUKVKl8WBtm3l+k3nJTmOzu5lt+uDLvMzOz7fvvXlvVooAISq3CSH7oZ1EewRdKbQe/pegf4ZegP5UysQ3sZ1CRB4wTKSKVBHFKFt6rR+dKg9kXfaS/2+uOtH9CFoPD1HQX6EF6As61tAm8f8Q9AG0KZ6JfnEbuAuLKMc3V73AMr/dOn7uA5kAS7Vh3Hngk28VGtf9Lmbv9Den79D7miDebsjWXDTm4HP13tr8gKMF7/gxooaamZjjzWF2dcw5eMcra+XZHUvA7qgRv8R+H41/glQK+M0vlIsy4SybTAddenuOsRplK3yMYoExZjttLZCNmUeOWnlif9DYhDnvpKcVrPRwVbsmBod3wKpJM7InhIBM88Cv1UDC7yDQ5bq7lHIDTTU9p8Ms4BkLaMaQIWrHEh3AqZihsMqtF0JAlNhzSW43TFqlyzHd0MFtKcwFC+yCg8Z8CRCQHwCkYLruGIRJUzkrshA2+CZH67zxf6Xvip+Y6JwDgYs8/09oMtJHzkqfx/3cXisw61yaE00QmGECU1EnzPKEN0DCKk6LVpV7Df1MWKXD80HyZSAqgT6+bWi5ZfUjrdKEuXTUZAV4yQksU7eOHr/I42aqLo1KYoSzl95suO5ZBrgE3ACu8Vt6W2xerah/tQVdSvJzKx4eAHsizu0HirRZcpySeyNbgoNv0iLxQ7sE6KpfREc3oGPimbVpmbaWh5FvSTraAR31K5svoKTJzJlgpHk+HbYUgG7gXgMSE00lNmy8l284RWosmgTcRqetHHIiYHy+noSMYhEM64aqq9o+zu38XSDeovD8rI8HNNMBSz4GLmDemmiFmJsyTVGwPIlZZ0JJ7LKyYSOZdLq+N0niRQiJEdFK4aMaRGJZtFqYxGwDAnNiJ6SBJfRXWFbslHBM6O/GX1wzDuv+fwIMAMXxgRWcqe2zAAAAAElFTkSuQmCC') 35% 50% no-repeat #FC0;
    background-size:70%;
    transition:all .5s;
}

#busca input[type="submit"]:hover{ background-size:50%; }

#busca.ativo{
    border-bottom-right-radius:0;
    border-bottom-left-radius:0;
}

#busca:hover span{
    transition:all .5s;
    transform:rotate(0.25turn);
}

#busca.ativo span{
    transition:all .5s;
    transform:rotate(0.75turn);
}

#busca span{
    display:inline-block;
    font-size:40px;
    font-family:monospace;
    vertical-align:sub;
    transition:all .5s;
}

#nomeusuario{
    display:inline-block;
    font-size:14px;
    vertical-align:middle;
    padding:5px;
    margin:0 5px;
    color:#FFF;
}

#nomeusuario figure{
	display:inline-block;
	width:36px;
	height:36px;
	vertical-align:middle;
	margin:0 10px 0 0;
	padding:0;
	border-top-left-radius:7px;
	border-bottom-left-radius:7px;
	background-image:url('img/usuario.png');
    background-position:50% 50%;
    background-repeat:no-repeat;
    background-size:contain;
}

#sair{
    float:right;
	margin:10px 0;
	padding:10px;
    font-size:18px;
    color:#FC0;
    letter-spacing:2px;
}
#sair:hover{ border:1px solid #FC0; }
	

/*************** =Menu ***************/
#menu-conta{
	display:block; 
	text-align:center;
	margin:0 0 -6px 0;
}

#menu-conta>ul{
	display:inline-block;
	margin:0 auto;
	padding:0;
	list-style:none;
	background-color:#EFEFEF;
    text-align:center;
}

#menu-conta>ul li{
	float:left;
	position:relative;
    width:150px;
    margin:0;
    padding:5px;
    border-bottom:3px solid #FC0;
}
#menu-conta>ul li:nth-child(even){ background-color:#E0E0E0; }

#menu-conta>ul li:hover{ border-bottom-color:#1E68BF; }

#menu-conta ul li ul{ 
	display:none; 
	list-style:none;
	text-align:left;
	width:auto;
	margin:7px 0 0 0;
	padding:0;
	position:absolute;
	left:0;
	z-index:1000;
	box-shadow:0 0 7px 0 #000;
}

#menu-conta>ul li:hover ul{ display:block; }

#menu-conta ul li ul li{
	display:list-item;
    width:auto;
	float:none;
    white-space:nowrap;
    margin:0;
    padding:15px 10px;
    background-color:#FFF;
    border-bottom:2px solid #329DE1;
}

#menu-conta ul li ul li:nth-child(even){ background-color:#F0F0F0; }

#menu-conta ul li ul li a{ font-size:12px; color:#329DE1; }	
#menu-conta ul li ul li a:hover{ color:#FC0; }	

/*************** =Categorias ***************/
#menu-botao{ display:none; }

#menu{
    width:100%;
    border-top:3px solid #FC0;
    background-color:#329DE1;
    text-align:center;
}

#menu ul{
    display:block;
    list-style:none;
    padding:0;
    margin:0 auto;
}

#menu ul li{
    display:inline-block;
    border-bottom:6px solid #CCC;
    padding:0 3px;
    margin:0 -2px;
    vertical-align:bottom;
    text-align:center;
    transition:all 1s;
}

#menu ul li:hover{ border-bottom:6px solid #1E68BF; }
#menu ul li.sel{
    border-bottom:6px solid #1E68BF;
    background:linear-gradient( #329DE1,rgba(255,255,255,0.2) );
}

#menu ul li a{
    display:inline-block;
    width:85px;
    min-height:100px;
    font-size:10px;
    font-weight:normal;
    color:#FFF7D4;
    text-align:center;
    text-transform:uppercase;
    word-break:break-word;
}
#menu ul li.sel a,#menu ul li a:hover{ color:#FFF; }

#menu ul li a span{
    display:inline-block;
    width:70px;
    height:60px;
    margin:0 0 10px 0;
    vertical-align:top;
    background:url('img/categorias.png') no-repeat;	
}	

#menu ul li a.automotivo span{ background-position:0 0; }
#menu ul li a.beleza-saude span{ background-position:-70px 0; }
#menu ul li a.esporte-lazer span{ background-position:-140px 0; }
#menu ul li a.mundo-pet span{ background-position:-210px 0; }
#menu ul li a.casa-construcao span{ background-position:-280px 0; }
#menu ul li a.bebes-criancas span{ background-position:-350px 0; }
#menu ul li a.alimentos-bebidas span{ background-position:-420px 0; }
#menu ul li a.turismo-viagens span{ background-position:-560px 0; }
#menu ul li a.eletroeletronicos span{ background-position:-490px 0; }
#menu ul li a.variedades span{ background-position:-630px 0; }

/*************** =Banner ***************/
#conteudo #banner{
    height:150px;
    margin:20px auto;
    padding:10px 30px 40px 30px;
    box-shadow:0 0 10px 0 #AAA;
    color:#666;
    text-align:left;
    background-image:url('img/ofertas.jpg');
    background-repeat:no-repeat;
    background-color:#FFF;
    background-position:100% 100%;
    background-size:contain;
}

#conteudo #banner p{ color:#999; }

#conteudo #banner h2{
    display:inline-block;
    width:70%;
    color:inherit;
    font-size:40px;
    word-break:break-word;
}

#conteudo #banner.categoria-automotivo{ background-image:url('img/automotivo.jpg'); color:#000; }
#conteudo #banner.categoria-beleza-saude{ background-image:url('img/beleza-saude.jpg'); color:#78BAB6; }
#conteudo #banner.categoria-esporte-lazer{ background-image:url('img/esporte-lazer.jpg'); color:#1E68BF; }
#conteudo #banner.categoria-mundo-pet{ background-image:url('img/mundo-pet.jpg'); color:#F7AD79; }
#conteudo #banner.categoria-casa-construcao{ background-image:url('img/casa-construcao.jpg'); color:#E4AC11; }
#conteudo #banner.categoria-bebes-criancas{ background-image:url('img/bebes-criancas.jpg'); color:#F82650; }
#conteudo #banner.categoria-alimentos-bebidas{ background-image:url('img/alimentos-bebidas.jpg'); color:#F5740B; }
#conteudo #banner.categoria-turismo-viagens{ background-image:url('img/turismo-viagens.jpg'); color:#1CCCCE; }
#conteudo #banner.categoria-eletroeletronicos{ background-image:url('img/eletroeletronicos.jpg'); color:#B0B4B3; }
#conteudo #banner.categoria-variedades{ background-image:url('img/variedades.jpg'); color:#21B24B; }

/*************** =Lojas ***************/
#lojas{
    display:block;
    margin:0;
    padding:0;
    list-style:none;
}

#lojas li{
    position:relative;
    display:inline-block;
    width:220px;
    height:260px;
    padding:5px;
    margin:0 0 5px 0;
    text-align:center;
    background-color:#FFF;
    vertical-align:top;
}

#lojas li .logo{
    width:100%;
    height:100px;
    margin:5px auto;
    background-repeat:no-repeat;
    background-position:50% 50%;
    background-size:contain;
    background-color:#FAFAFA;
}

#lojas li h3{
    font-size:14px;
    color:#1E68BF; 
    margin:5px 0;
    line-height:1;
}

#lojas li button{
    display:block;
    width:80%;
    margin:5px auto;
    padding:2px;
    background-color:#329DE1;
    color:#FFF;
    border:none;
    font-weight:normal;
    font-size:14px;
}

#lojas li .cashback{
    color:#329DE1; 
    font-weight:bold; 
    transition:all .5s ease-in-out; 
    text-align:center;
}
#lojas li .cashback:hover{ color:#FC0; }

#lojas li button{ background-color:#1E68BF; }
#lojas li .loja_botoes{ min-height:50px; }
#lojas li .abrir_mapa button{ background-color:#7B95D0; font-weight: bold }

#lojas li small{
    font-size:10px;
    margin:10px 0 0 0;
    color:#999;
    font-style:italic;
    font-weight:normal;
}

#lojas li .lojainfo{
    visibility:hidden;
    position:absolute;
    z-index:0;
    opacity:0;
    width:210px;
    height:251px;
    overflow:auto;
    top:-1px;
    left:230px;
    font-size:12px;
    word-break:break-word;
    background-color:#FFF;
    border:1px solid #AAA;
    border-left:1px dashed #FC0;
    padding:10px;
    box-shadow:4px 0 0 transparent;
}

#lojas li .lojainfo p{ margin:0 0 10px 0; }

#lojas li:nth-child(4n) .lojainfo{
    left:-230px;
    border-left:1px solid #AAA;
    border-right:1px dashed #FC0;
    box-shadow:-4px 0 0 transparent;
}

#lojas li:hover{ box-shadow:0 0 5px #000; transition:.5s all; }
#lojas li:hover .lojainfo{ 
    visibility:visible;
    opacity:1;
    z-index:100;
    transition:1s all;
    box-shadow:4px 0 5px #AAA;
}

#lojas li:nth-child(4n):hover .lojainfo{ box-shadow:-4px 0 5px #AAA; transition:0.3s all; }

/*************** =Form ***************/
section.interna label{
	display:inline-block;
	width:250px;
	font-weight:bold;
	font-size:16px;
}
section.interna .field{ width:100%; }
ul.field{ list-style:none;}
ul.field li{ 
    display:inline-block;
	width:250px;
	font-size:16px;
	margin:5px;
}
input[type="checkbox"]{ margin:0 10px; }

#transacao label{
    display:inline-block;
    color:#999;
    font-size:14px;
    text-transform:uppercase;
    margin:10px;
    text-align:left;
}

#transacao input[name=cupom]{ text-transform:uppercase; }

#transacao input,#transacao select{
    color:#000;
    border:1px solid #000;
    background-color:transparent;
    padding:5px 10px;
}

#transacao input[type="submit"]{
    display:block;
    margin:40px auto 0 auto;
    padding:10px 20px;
    text-transform:uppercase;
    text-align:center;
    color:#FFF;
    background-color:#1E68BF;
    font-size:30px;
    border:none;
    border-radius:10px;
}

#transacao input[type="submit"]:hover{ opacity:0.8; }

#listacupom{
    margin:20px;
    list-style:none;
    background:#FECC01;
    border:1px solid #1F68BF;
    padding:10px;
}
#listacupom li{ position:relative; margin:0 0 10px 0;  }
#listacupom label{ width:80%; margin:0 15px 0 0; }
#listacupom input[type="checkbox"]{ transform:scale(1.6); margin:0 20px 5px 0; }
/*
#listacupom progress{ display:none; }
#listacupom li:hover progress{ 
	display:block; 
	position:absolute;
    top:90%;
    left:15px;
}
*/

#totalcupom{
	border-top:3px solid #FECC01;
	padding:20px 20px 0 20px;
	text-align:right;
	font-size:16px;
    color:#1F68BF;
}	

/*************** =Avisos ***************/
#avisos_conta{
    width:90vw;
    min-height:initial;
    margin:20px auto;
    border:1px solid #FC0;
    color:#329DE1;
    text-align:center;
}
#avisos_conta h2,#avisos_conta p{ margin:0; font-size:16px; }

.alertas{
    margin:20px auto;
    padding:20px;
    color:#329DE1;
    border:1px solid #319DDF;
}

/*************** =Interna ***************/
#conteudo,#bdw #content{ 
    margin:20px auto;
    text-align:center;
}

#conteudo.conteudo-curto{ margin:0 auto; background-color:transparent; } 

#conteudo h2{
    font-size:50px;
    font-weight:normal;
    text-align:left;
    text-transform:uppercase;
    padding:10px 0;
    color:#319DDF;
    border-bottom:2px solid #1E68BF;
}

section.interna{
    padding:25px;
    margin:20px auto ;
    background-color:#FFF;
    text-align:left;
    min-height:200px;
    box-shadow:0 0 5px 0px #DDD;
    border-radius: 10px;
} 

section.interna h2{ font-size:36px; }

section.interna .interna-coluna{
    display:inline-block;
    width:45%;
    margin:0 10px;
    vertical-align:top;
}

section.interna .submenu{
    list-style-position:inside;
    border:1px solid #CCC;
    padding:10px;
    margin:0 auto 20px auto;
}

.interna-coluna a.foto{
    float:left;
    margin:0 10px 0 0;
    border:1px solid #CCC;
}

.interna-coluna h3{ margin:0 0 10px 0; }

hr.separador{
    border:none;
    border-bottom:3px solid #CCC;
    margin:50px 0;
}

.paginator{ 
    list-style:none;
    margin:20px auto;
    padding:10px 0;
    text-align:center;
    color:#1E68BF;
    border-top:2px solid #FC0;
    border-top:2px solid #CCC;	
}

.paginator li{
    display:inline-block;
    margin:0 5px;
    padding:0;
    vertical-align:middle;
}
.paginator li.current{ min-width:30px; color:#FC0; font-weight:bold;  }

.paginator li a{ display:block; color:inherit; }
.paginator li a:hover{ color:#329DE1; }
.paginator .c_count{ 
    display:block;
    text-align:right; 
    margin:0 0 10px 0;
}
.paginator .c_count:before{
    content:"Total de lojas: ";
    font-size:12px;
    color:#000;
    font-weight:bold;
}

/*************** =Tabelas ***************/
#tabela-extrato,table{
    padding:0;
    margin:0;
    font-size:12px;
}
#tabela-extrato th,table th{
    text-align:center;
    padding:5px;
    border:1px solid #319DDF;
    background-color:#1E68BF;
    color:#FFF;
    font-weight:bold;
}

#tabela-extrato td,table td{
    padding:5px;
    border:1px solid #319DDF;
}

/*************** =Formulários ***************/
#feedback-user-form label{ display:inline-block; min-width:120px; }
.hint{ font-size:10px; }

.sysmsgw{
	display:block;
	clear:both;
	width:60%;
	margin:40px auto;
    clear:both;
    padding:20px;
    color:#000;
    font-size:24px;
    border-radius:10px;
    text-align:center;
}
.sysmsg{
	position:relative;
	width:60%;
	margin:10px auto;
	padding:10px;
}

.sysmsg .close{
	float:right;
	position:absolute;
	top:0;
	right:25px;
	padding:3px 0;
	background:none;
	font-size:12px;
	cursor:pointer;
	text-decoration:underline;
}

#sysmsg-error{
    border:1px solid #d01e5e;
    background:#ffdcd7;
    color:#d01e5e;
}

#sysmsg-success{
    border:1px solid #690;
    background:#EDFEDA;
    color: #690;
}

#sysmsg-error .sysmsg{background:none;}

#sysmsg-success .sysmsg{background:none;}