@import url(bootstrap.min.css);
@import url(font-awesome.min.css);
@import url(jquery.bxslider.min.css);

@font-face { font-family: 'neo_sansregular'; src: url('../fonts/neo_sans/neo_sans_3-webfont.woff2') format('woff2'), url('../fonts/neo_sans/neo_sans_3-webfont.woff') format('woff'); font-weight: normal; font-style: normal }
@font-face { font-family: 'neo_sansbold'; src: url('../fonts/neo_sans/neo_sans_bold_3-webfont.woff2') format('woff2'),   url('../fonts/neo_sans/neo_sans_bold_3-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}

::-webkit-scrollbar-track { background-color: #fff }
::-webkit-scrollbar { width: 10px; background-color: #521243;  }
::-webkit-scrollbar-thumb {border-radius: 5px; background-color: #1f407b }

.loading-page { background: #1f407b; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 9999999; text-align: center}
.loading-page i { font-size: 60px; position: absolute; top: 50%; left: 50%; margin-left: -30px;  margin-top: -25px;}


body { background: #fff; font-family: 'neo_sansregular'; color: #029acb}
a { color: #1f407b }
a:hover, a:focus { text-decoration: none}
h1,h2,h3,h4,h5,h6,strong { font-family: 'neo_sansbold', sans-serif; }


.navbar { margin-bottom: 5px;}
.navbar-site { border: none; background: #fff }
.navbar-site .navbar-brand { height: auto; padding: 5px 15px; }
.navbar-site .navbar-brand img { width: 90px }
.navbar-site .navbar-nav a { color: #1f407b !important; font-size: 1.1em; line-height: 70px; }
.navbar-site .navbar-nav .active a, .navbar-site .navbar-nav .active a:hover, .navbar-site .navbar-nav .active a:focus { background: #fff; font-family: 'neo_sansbold' }
.navbar-site .navbar-nav a:hover, .navbar-site .navbar-nav a:focus { background: #fff; font-weight: bold }
.navbar-site .navbar-toggle { background: #fff; border: none;  margin-top: 35px;}
.navbar-site .navbar-toggle .icon-bar { background:#1f407b; width: 30px; height: 4px; }
.navbar-site .navbar-toggle:hover, .navbar-site .navbar-toggle:focus { background: #fff}
.navbar-site .nav-rede-social a { color: #029acb !important; font-size: 1.3em }




h1.titulo-health { font-size: 1.8em;color: #1f407b; letter-spacing:-0.9px; }
h1.titulo-health span { color:#029acb }
p { font-size: 16px}

.btn.btn-health {background: #029acb; border: solid 1px #9ad7ea; color: #fff; font-weight: bold}
.btn.btn-health:hover, .btn.btn-health:focus { background: #028cb9; color: #fff}

.caixa-produtos-home { margin-top: 20px;}
.item-produto-home { margin: 15px 0px }
.item-produto-home .imagem { background:#f1f1f1; padding: 10px; border-radius: 5px }
.item-produto-home .descricao { margin-top: 5px; overflow: hidden }
.item-produto-home .descricao strong {font-size: 1.2em}
.item-produto-home .descricao .btn.btn-health { float: right}
@media screen and (max-width: 400px) {  
   .item-produto-home {width: 100% }
}

/*.lista-produtos { list-style: none; padding: 0px; margin: 0px; margin-top: 30px; overflow: hidden}
.lista-produtos .item-produto { float: left; margin: 0px 7px; }
.lista-produtos .item-produto .imagem { background: #f1f1f1; padding: 5px; border-radius: 5px; margin-bottom: 3px }
.lista-produtos .item-produto .imagem img { width: 115px}
.lista-produtos .item-produto a { color: #23ace0}
.lista-produtos .item-produto strong { font-size: 1.2em}
.lista-produtos .item-produto .valor { color: #8b8b8b}*/

.lista-produtos {}
.lista-produtos .item-produto { text-align: center }
.lista-produtos .item-produto .imagem {  }
.lista-produtos .item-produto .imagem img { margin: 0 auto}
.lista-produtos .item-produto strong { font-size: 1.2em}
.lista-produtos .item-produto .valor { color: #8b8b8b;font-size: 0.9em; margin: 5px 0px}

.apresentacao { margin-top: 40px; height: 100%; background: #f1f1f1}
.apresentacao .imagem {  padding: 30px 10px; }
.apresentacao .imagem .img-responsive {margin: 0 auto}
.apresentacao .texto { background: #23ace0; color: #fff; padding: 15px 25px}
.apresentacao .texto h2 {}
.apresentacao .texto p { margin-bottom: 3px}

.caixa-selos { overflow: hidden; margin-top: 25px; text-align: center}
.caixa-selos .selo { display: inline-block; margin:0px 5px;}
.caixa-selos .selo .table { display: table;  padding:10px; width: 90px; height: 90px; border-radius: 50px; background: #23ace0; color: #fff; }
.caixa-selos .selo .table span {  display: table-cell; vertical-align: middle}
.caixa-selos .selo:hover .table { background: #1292c2 }


#conteudo-contato { padding: 10px 0px;}
#conteudo-contato > p { color: #999999; margin-bottom: 20px}
#conteudo-contato .form-control { color:#999999; padding: 8px 10px }
#conteudo-contato .form-control:hover, #conteudo-contato .form-control:focus { border-color: #1f407b; box-shadow: none; color:#1f407b}
#conteudo-contato label.error { color: #ee3124; font-size: 12px }

.rodape-contato { color: #8b8b8b; margin-top: 20px }
.rodape-contato a {color: #8b8b8b }
.rodape-contato i.fa { font-size: 35px; margin-bottom: 10px;}



.banner { margin-bottom: 25px}
.banner-slide .slide { max-width: 1920px }
.banner-slide .slide figure.fluidratio {
    padding-top: 10%;  /* slope */
    height: 500px;  /* start height */
    background-size: cover;
    -moz-background-size: cover;  /* Firefox 3.6 */
    background-position: center;  /* Internet Explorer 7/8 */
}

/*** BX-SLIDER **/
.banner .bx-wrapper { position:relative;margin:0 auto;padding:0;*zoom:1}
.banner .bx-wrapper img {max-width:100%;display:block; margin:0 auto}
.banner .bx-wrapper .bx-viewport {-webkit-transform:translatez(0);-moz-transform:translatez(0);-ms-transform:translatez(0);-o-transform:translatez(0);transform:translatez(0)}
.banner .bx-wrapper .bx-pager,.banner .bx-wrapper .bx-controls-auto {position:absolute; bottom:20px;right:0px;width:100%;z-index:99}
.banner .bx-wrapper .bx-loading {min-height:50px;background:url(../imagens/loading.gif) center center no-repeat #fff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000}
.banner .bx-wrapper .bx-pager {text-align:center;font-size:.85em;font-family:Arial;font-weight:700;color:#fff;padding-top:10px}
.banner .bx-wrapper .bx-pager .bx-pager-item,.banner .bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block;*zoom:1;*display:inline}
.banner .bx-wrapper .bx-pager.bx-default-pager a{ background:transparent; border: solid 2px #fff; text-indent:-9999px;display:block;width:8px;height:8px;margin:0 6px;outline:0;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;color:#6d2b3a;font-size:0}
.banner .bx-wrapper .bx-pager.bx-default-pager a:hover,.banner .bx-wrapper .bx-pager.bx-default-pager a.active{ background:#fff;ms-transform:scale(2);-webkit-transform:scale(2);transform:scale(2) }
.banner .bx-wrapper .bx-prev:hover { opacity: 0.6; filter: alpha(opacity=60) }
.banner .bx-wrapper .bx-next:hover { opacity: 0.6; filter: alpha(opacity=60)}
.banner .bx-wrapper .bx-controls-direction a{position:absolute;top:0;outline:0;width:32px;height:100%;text-indent:-9999px;z-index:99}
.banner .bx-wrapper .bx-controls-direction a.disabled{display:none}
.banner .bx-wrapper .bx-controls-auto{text-align:center}
.banner .bx-wrapper .bx-controls-auto .bx-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;background:url(../imagens/controls.png) -86px -11px no-repeat;margin:0 3px}
.banner .bx-wrapper .bx-controls-auto .bx-start:hover,.banner .bx-wrapper .bx-controls-auto .bx-start.active{background-position:-86px 0}
.banner .bx-wrapper .bx-controls-auto .bx-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;background:url(../imagens/controls.png) -86px -44px no-repeat;margin:0 3px}
.banner .bx-wrapper .bx-controls-auto .bx-stop:hover,.banner .bx-wrapper .bx-controls-auto .bx-stop.active{background-position:-86px -33px}
.banner .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%}
.banner .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px}
.banner .bx-wrapper .bx-caption{position:absolute;bottom:0;left:0;background:#666\9;background:rgba(80,80,80,0.75);width:100%}
.banner .bx-wrapper .bx-caption span{color:#fff;font-family:Arial;display:block;font-size:.85em;padding:10px}



footer { margin: 30px 0px }
footer .container { font-size: 0.9em; padding-top: 10px}
footer .container hr { border-top: solid 2px #23abe0; margin: 5px 0px; }
footer .container a { color: #23abe0}




@media screen and (max-width: 768px) {  
    .navbar-site .navbar-nav a { line-height: 15px; }
    .banner-slide .slide figure.fluidratio { height: 240px }
    footer .container .pull-right { float: left !important; margin-top: 5px;}
}