body{color:#333;font-family:sans-serif,arial;font-size:16px;margin:0;padding:0}

::-moz-selection{background:#0080ff;color:#fff}
::selection{background:#0080ff;color:#fff}

h1,h2,h3,h4,h5,h6{font-weight:100;margin:0;padding:0}

ul,ol,li{list-style:none;margin:0;padding:0}

a{color:#0080ff}
a:hover{color:#f0f;text-decoration:none}
a:focus{color:#f0f;text-decoration:none}

.glyphicon{font-size:14px}

label{font-weight:200}

.row{margin:0 -15px}

.row-eq-height{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-wrap:wrap}
.row-eq-height > [class*='col-']{display:flex;flex-direction:column}

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9{padding:0 15px}

.container{padding:0 15px}

@media(max-width:1199px){
    .container{padding:0 30px;width:100%}
}

@media (max-width:767px) {
    .container{padding:0 15px}
}

.navbar-toggle{float:right;padding:9px 10px;margin-top:6px;margin-right:15px;margin-bottom:6px;border-radius:6px;background:#fff;border:1px solid #e5e5e5}
.navbar-toggle .icon-bar{background-color:#0080ff}
.navbar-collapse.toggled{display:block}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus{outline:none;outline-offset:0}

.btn.btn-primary{background-color:#0080ff;border-color:#0080ff}
.btn.btn-primary:hover{background-color:#0040ff;border-color:#0040ff}

.pagination{margin:60px 0 0 0}
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover{background-color:#0080ff;border-color:#0080ff}

.pagination>li>a,
.pagination>li>span{color:#0080ff}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{background-color:#0080ff;border-color:#0080ff}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover{color:#400040}

.pagination>a{margin:0 5px}
.pagination>strong{display:inline-block;margin:0 5px}

span.duvida{border-bottom:1px dotted #bbb;cursor:help;font-style:italic}
span.info{border-bottom:1px dotted #bbb;font-style:italic}
a.origem{font-style:italic}

.breadcrumb{background:#fff;font-size:14px;margin:0 0 30px 0;padding:0}
.breadcrumb li a{color:#bbb}
.breadcrumb li a:hover{color:#777}
.breadcrumb li.active{color:#ff00ff}

.form-control{border:1px solid #e5e5e5;border-radius:6px;box-shadow:none;color:#0080ff;transition:none}
.form-control:focus{border-color:#0080ff;box-shadow:none}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group>.btn,
.input-group-btn:first-child>.dropdown-toggle,
.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-radius:6px}

.input-group .form-control:first-child{border-radius:6px 0 0 6px}

.has-error .form-control{border-color:#a94442;box-shadow:none}
.has-error .form-control:focus{color:#a94442;box-shadow:none;}

.form-message{font-size: 14px;padding:10px;color:#0080ff}

.img-responsive,
.thumbnail a>img,
.thumbnail>img{margin:0 auto}

.popover{box-shadow:none;border-color:#bbb;border-radius:10px;z-index:99999}
.popover .popover-content{padding:0}
.popover.top > .arrow{border-top-color:#bbb}

.jumbotron{background:#f0f0f0;border:1px solid #e5e5e5;margin:15px 0 0 0}
.jumbotron h1{color:#777;font-size:48px}
.jumbotron p{color:#777;font-size:18px;font-weight:normal}

.alerta{padding:15px 30px;text-align:center}
.alerta .pergunta{color:#333;margin:0 0 20px 0}
.alerta .pergunta strong{font-weight:700}
.alerta .btn.alerta-nao{margin:0 10px 0 0}
.alerta a.fechar{color:#333;font-size:10px;position:absolute;right:8px;top:8px}
.alerta a.fechar:hover{color:#f0f}

.geral{min-width:360px}

.topo{background-color:#fff;border-top:3px solid #f0f;padding:15px 0 11px 0}
.topo .logotipo{display:inline-block}
.topo .logotipo img{display:inline-block}

.topo .titulo{color:#0080ff;display:inline-block;font-size:22px;font-weight:normal;margin:0 0 0 10px;vertical-align:middle}

.categorias{background:#f0f0f0;border-bottom:1px solid #e5e5e5;border-top:1px solid #e5e5e5;margin:0 0 30px 0}
.categorias li{display:inline-block;float:left;width:20%}
.categorias li a{color:#777;display:inline-block;font-size:14px;padding:10px 0}
.categorias li a:hover{color:#0080ff}
.categorias li a.link-loja{color:#f0f}
.categorias li a.link-loja:hover{color:#0080ff}

@media (max-width:767px) {
    .categorias li{display:block;float:none;width:100%}
}

.destaques {background:#fff;border-radius:10px;margin:0 0 15px 0;padding:15px}
.destaques a{border-bottom:1px solid #f0f0f0;color:#777;font-size:18px;display:block;margin:0 0 15px 0;padding:0 0 5px 0;text-align:center}
.destaques .posicao{color:#e5e5e5;display:block;font-weight:bold;font-style:italic;font-size:32px;line-height:32px;text-align:center}

.novidades ul{margin:30px 0 30px 30px}
.novidades li{margin:0 0 15px 0}
.novidades li .glyphicon{font-size:12px;margin:0 3px 0 0}

h1{font-size:28px;font-weight:bold;margin:0 0 15px 0}
h2{border-bottom:1px solid #f0f0f0;color:#0080ff;display:inline-block;font-size:24px;font-weight:normal;margin:30px 0 15px 0;padding:0 30px 10px 0}
h3{color:#f0f;font-size:20px;font-weight:normal;margin:30px 0 15px 0}

p{margin:0 0 15px 0}

.opcoes li{display:inline-block;margin:5px 15px 0 0}
.opcoes .voto img{display:inline-block;margin:0 2px 0 0;vertical-align:top}

header blockquote{font-size:20px;margin:15px 0 30px 0}
header blockquote .data{color:#bbb;font-style:italic;font-size:12px}
header blockquote.azul{border-color:#0080ff}
header blockquote.rosa{border-color:#f0f}
header blockquote a{font-size:14px}

section blockquote{font-size:14px;font-style:italic;margin:15px 0 30px 0}
section blockquote .data{color:#bbb;font-style:italic;font-size:12px}
section blockquote a{font-size:14px}
section ul{padding:0 0 15px 45px}
section ul li{padding:0 0 5px 0;list-style:disc}

#ad-banner-topo,
#ad-banner-meio,
#ad-banner-final{margin:30px 0;text-align:center;height:330px}
#ad-banner-txt{margin:30px 0;text-align:center;height:200px}

#ad-correspond{text-align:center;margin:30px}

.lista ul{padding:0}
.lista li{list-style:none;margin:0 0 15px 0;padding:0}

.balao{background:#f0f0f0;border:1px solid #e5e5e5;border-radius:10px;font-size:14px;margin:15px 0;padding:15px}
.balao .glyphicon{margin:0 10px 0 0}
.balao .descricao{margin:5px 0 0 22px}

.table tbody td{font-size:14px}
.table tbody td:first-child{font-weight:bold}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th{border:0}

.imagem label{color:#777;font-size:12px;margin:0 0 5px 0}
.imagem .compartilhar{margin:30px 0 0 0}

.sugestoes ul{margin:0 0 15px 30px}
.sugestoes li{list-style-type:circle;margin:0 0 5px 0}

.formulario .error{color:#d00;font-size:12px;margin:5px 0 0 5px}
.formulario label{font-weight:bold}
.formulario label .ex{font-size:14px;font-weight:normal}
.formulario .mensagem{height:200px}
.formulario .codigo{width:150px}
.formulario .atualizar{font-size:12px}
.formulario .botao{text-align:right}
.formulario .botao .btn{margin:30px 0 0 0;width:150px}

.letras h2,
.area h2{border-bottom:1px solid #e5e5e5;color:#333;display:inline-block;font-size:18px;margin:0 0 15px 0;padding:0 30px 5px 0}
.letras h2 .glyphicon,
.area h2 .glyphicon{color:#0080ff;display:inline-block;margin:0 3px 0 0}
.area,
.area.principal{margin:30px 0}
.area a,
.area p{font-size:14px}
.area ul{margin:0 0 5px 0}
.area li a{border-radius:6px;color:#000;display:block;padding:5px;width:100%}
.area li a img{display:inline-block;vertical-align:middle}
.area li a:hover{background:#f0f0f0;color:#0080ff;text-decoration:none}
.area .mais{text-align:right}

.news-top{margin:0 0 30px 0}

.letras{margin:0 0 30px 0}
.letras.principal{margin:30px 0}
.letras ul{margin:0;padding:0;list-style:none}
.letras li{display:inline-block}
.letras a{color:#000;display:block;font-size:14px;padding:5px;text-align:center;width:20px}
.letras a:hover{background:#f0f0f0;border-radius:5px;color:#0080ff;text-decoration:none}

@media (max-width:767px) {
    .letras{margin:30px 0}
}

.letra a,
.nome a{color:#333;display:block;padding:5px 10px}
.letra a:hover,
.nome a:hover{background:#f0f0f0;border-radius:5px;color:#0080ff}
.letra a .glyphicon,
.nome a .glyphicon{display:inline-block;font-size:12px;margin:0 3px 0 0}
.letra a .glyphicon.rosa,
.nome a .glyphicon.rosa{color:#f0f}
.letra a .glyphicon.azul,
.nome a .glyphicon.azul{color:#0080ff}
.letra ul,
.nome ul{margin:0 0 0 -10px}
.letra .ver,
.nome .ver{margin:15px 0 0 -10px;text-align:left}
.letra .ver a,
.nome .ver a{color:#0080ff;display:inline-block;font-size:14px}
.letra .ver a:hover,
.nome .ver a:hover{background:none;color:#400040}

.revisado{margin:30px 0 0 0}
.revisado .nome{font-weight:bold}
.revisado .glyphicon{display:inline-block;font-size:12px;margin:0 3px 0 0}
.revisado .glyphicon.rosa{color:#f0f}
.revisado .glyphicon.azul{color:#0080ff}
.revisado .data{color:#bbb;font-style:italic;font-size:12px;margin:0 0 0 22px}
.revisado .resumo{margin:15px 0 0 22px}
.revisado .ver{font-size:14px;margin:15px 0 0 22px}

.instagram{font-size:14px;margin:15px 0 30px 0}

.rodape{background:#f0f0f0;border-top:1px solid #e5e5e5;margin:100px 0 -20px 0}
.rodape .links{float:left}
.rodape .links li{display:inline-block;margin:0 30px 0 0;padding:30px 0}
.rodape .links a{color:#333;display:block;font-size:14px}
.rodape .links a:hover{color:#0080ff}
.rodape .links a.link-loja{color:#f0f}
.rodape .links a.link-loja:hover{color:#0080ff}
.rodape .copy{color:#bbb;font-size:14px;float:right;padding:30px 0}
.rodape hr{border-top:none;border-bottom:1px solid #e5e5e5;margin:30px 0 0 0}


@media (max-width:767px) {
    .rodape .links,.rodape .copy{float:none}
    .rodape .links{margin:30px 0}
    .rodape .copy{text-align:right}
    .rodape .links li{display:block;margin:0;padding:0}
}