html, body, #nav ul li { margin:0; padding:0; }
h1, h2, h3, h4, h5, h6{ font-weight:normal; margin:0; line-height:1em; width:100%; }
h1 { font-size:29px;}
h2 { font-size:25px; letter-spacing:-1px; font-weight:bold; }
h3 { font-size:21px; }
h4 { font-size:17px; }
h5, h6 { font-size:13px; font-weight:bold; }
p, blockquote, ul, ol, dl, form, pre { display:block; line-height:inherit; }
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display:block; }
ul, ol, dl { padding:0; margin:15px 0; }
ul ul, ul ol, ol ol, ol ul, dd, form { margin:0;}
li { padding:0; list-style:none; }
img, table, a { border:none; }
hr { display:block; height:1px; border:0; border-top:1px solid #CCC; margin:0 0 24px 0; padding:0; }
table { width:100%; border-collapse:collapse; }
th, caption { text-align:left; }
label { display:inline; }
fieldset { margin:0; padding:10px; border:none; }
legend { font-weight:bold; padding:2px 5px; }
input, select { vertical-align:middle; }
input[type=radio], input[type=checkbox] { margin:0 2px 1px 0; cursor:pointer; }
p { line-height:22px; }
textarea, select, input, button { resize:none; outline:none; }
input[type=text][disabled], select[disabled], .disabled { background-color:#EEE; } /*IE*/
input[type=submit][disabled], input[type=button][disabled], button[disabled] { color:gray; }

/* resert */
html, body {
    height: 100%;
}
#container {
    min-height: 100%;
    position: relative;
}
* html #container {
    height: 100%; /*hack IE6*/
}
body, table, input, textarea, select, li, button {
    font: 14px Arial, Sans-Serif;
    line-height: 20px;
    color: black;
}
body {
    font-size: 14px;
    background: white;
}
input, textarea, select {
    border: 1px solid #14B0FB;
    padding: 5px;
    width: 95%;
    font-size: 18px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    background: white;
}
a {
    text-decoration: none;
    color: black;
}
a:hover {
    text-decoration: none;
    color: #2A5091;
}
#container {
    margin: 0 auto;
    text-align: left;
    background-color: white;
}

/* header */
#header {
    background-color: #F2F3F5;
    height: 55px;
}
#header img {
    cursor: pointer;
}

/* Menu */
#nav {
    max-width: 700px;
    margin: auto;
    margin-top: 5px;
}
#nav li div {
    border: 1px solid #14B0FB;
    padding: 5px;
    margin-bottom: 5px;
    background: transparent url('/m/global/imgs/bg-prox.png') no-repeat center right;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    cursor: pointer;
}
#nav ul {
    max-width: 92%;
    margin: auto;
    display: none;
}
#nav ul ul li div {
    background-color: #F2F3F5;
}

/* slider */
#slider-wrapper {
    padding-top: 10px;
    text-align: center;
    color: #0073B8;
    font-size: 16px;
}
#slider {
    width: 620px;
    height: 320px;
    margin: auto;
    position: relative;
}
#slider img {
    display: none;
    position: absolute;
    left: 0;
}
#slider-wrapper .htmlcaption {
    width: 620px;
    height: 105px;
    margin: auto;
}
#slider-wrapper .descricao {
    font-weight: bold;
    padding-top: 5px;
}

/* produtos */
#setas {
    height: 45px;
    border-top: 1px solid #DFE4E7;
    margin: auto;
    margin-top: 10px;
    padding: 15px 10px 0 10px;
    letter-spacing: 1px;
    font-size: 16px;
    color: #2A5091;
    max-width: 700px;
}
#setas img {
    margin-left: 10px;
    cursor: pointer;
}
#setas img.opaco {
    filter: alpha(opacity=60);
    -moz-opacity:0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
    cursor: default !important;
}
#produtos {
    text-align: center;
}
#produtos div.produto {
    width: 140px;
    padding: 0 15px;
    display: inline-table;
}
#produtos div.some {
    display: none;
}
#produtos div.item {
    border: 1px solid #E8E8E8;
    height: 130px;
    width: 140px;
    text-align: center;
}
#produtos div.item a {
    display: block;
}
#produtos div.item img {
    height: 130px;
}
#produtos div.texto {
    width: 140px;
    padding-top: 10px;
    padding-bottom: 15px;
    background: transparent url('/global/imgs/bg-prod.png') no-repeat 0 0;
    text-align: left;
}

/* trio */
#trio {
    border-top: 1px solid #DFE4E7;
    margin-top: 10px;
    padding-top: 25px;
    padding-left: 15px;
    padding-bottom: 50px;
    text-align: center;
}
#trio div {
    display: inline-table;
    padding: 0 20px 25px 20px;
    width: 275px;
    text-align: left;
}
#trio p {
    padding: 0 0 10px 0;
    margin: 0;
    color: #2A5091;
    font-size: 16px;
    letter-spacing: 1px;
}
#trio p span {
    color: #14B0FB;
}

/* rodape */
#rodape {
    border-top: 1px solid #385C9A;
    background-color: #2C5293;
    color: white;
    text-align: center;
    width: 100%;
    position: absolute;
    padding: 0 0 10px 0;
    bottom: 0;
}
#rodape div {
    margin-top: 15px;
}
#rodape span {
    font-weight: bold;
}
#rodape .telefone {
    font-size: 18px;
    line-height: 25px;
    background: transparent url('/m/global/imgs/icon-telef.png') no-repeat 0 0;
    width: 240px;
    margin: 15px auto 0 auto;
}
#rodape a, #rodape a:hover {
    color: white;
}

/* Padroes */
#container .painel {
    width: 95%;
    margin: auto;
}
div.anilTitulo {
    color: #305594 !important;
    border-bottom: 1px solid #14B0FB;
    padding: 5px 0 8px 30px;
    margin: 10px 0;
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 1px;
}
.anil {
    color: #14B0FB !important;
}
.menu, .pesquisa {
    margin: auto;
}
.pesquisa {
    padding: 10px 0;
    display: none;
}
div.clear {
    clear: both;
    float: none !important;
}
.none {
    display: none;
}

input:focus, button:focus, textarea:focus, select:focus {
    outline: none;
    -moz-box-shadow: 0 0 3px #14B0FB;
    -webkit-box-shadow: 0 0 3px #14B0FB;
    -khtml-box-shadow: 0 0 3px #14B0FB;
    -ms-box-shadow: 0 0 3px #14B0FB;
    box-shadow: 0 0 3px #14B0FB;
    border-color: #14B0FB;
}
.btn {
    background-color: #EDEDED;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    padding: 10px 15px;
    cursor: pointer;
    border: 1px solid #DDD;
}
.btn:hover {
    background-color: #DDD;
    -moz-box-shadow: 0 0 3px #14B0FB;
    -webkit-box-shadow: 0 0 3px #14B0FB;
    -khtml-box-shadow: 0 0 3px #14B0FB;
    -ms-box-shadow: 0 0 3px #14B0FB;
    box-shadow: 0 0 3px #14B0FB;
    border-color: #14B0FB;
}
button.btn::-moz-focus-inner {
    border: 0;
    padding: 0;
}
.btn span {
    padding: 6px 0 6px 30px;
    background: transparent url('') no-repeat left center;
}
.btn span.calc {
    background-image: url('/global/imgs/icon-calc.png');
}
.btn span.mais {
    background-image: url('/global/imgs/icon-mais.png');
}
.btn span.atual {
    background-image: url('/global/imgs/icon-atual.png');
}
.btn span.prox {
    background-image: url('/global/imgs/icon-prox-mini.png');
}
