html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {        margin: 0;  padding: 0; border: 0;  font-size: 100%;  font: inherit;  vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}/* Hide from IE Mac \*/
.clearfix {display: block;}/* End hide from IE Mac */
.none {display: none;}/* End Clearfix */

html, body {
    height: 100%;
}


/* FONTES */
@font-face {
    font-family: 'robotobold_condensed';
    src: url(fontes/roboto-boldcondensed-webfont.eot);
    src: url(fontes/roboto-boldcondensed-webfont.eot?#iefix) format('embedded-opentype'),
         url(fontes/roboto-boldcondensed-webfont.woff) format('woff'),
         url(fontes/roboto-boldcondensed-webfont.ttf) format('truetype'),
         url(fontes/roboto-boldcondensed-webfont.svg#robotobold_condensed) format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotolight';
    src: url(fontes/roboto-light-webfont.eot);
    src: url(fontes/roboto-light-webfont.eot?#iefix) format('embedded-opentype'),
         url(fontes/roboto-light-webfont.woff2) format('woff2'),
         url(fontes/roboto-light-webfont.woff) format('woff'),
         url(fontes/roboto-light-webfont.ttf) format('truetype'),
         url(fontes/roboto-light-webfont.svg#robotolight) format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'square721_btroman';
    src: url(fontes/tt0246m_-webfont.eot);
    src: url(fontes/tt0246m_-webfont.eot?#iefix) format('embedded-opentype'),
         url(fontes/tt0246m_-webfont.woff2) format('woff2'),
         url(fontes/tt0246m_-webfont.woff) format('woff'),
         url(fontes/tt0246m_-webfont.ttf) format('truetype'),
         url(fontes/tt0246m_-webfont.svg#square721_btroman) format('svg');
    font-weight: normal;
    font-style: normal;
}

body { 
    /*font-family: 'robotolight'; */
    font-family: 'square721_btroman';
}

/*h2 { font-family: 'robotobold_condensed'; }*/

a { outline: none;   -webkit-transition: All 0.5s ease;
  -moz-transition: All 0.5s ease;
  -o-transition: All 0.5s ease;
  transition: All 0.5s ease; }

.padding{padding: 0;}
.padding-right{padding-right: 0}
.padding-left{padding-left: 0;}
.box-shadow{box-shadow: 0 0 0 }
.margin{margin: 0;}
.margin-left{margin-left: 0;}
.margin-right{margin-right: 0;}
.margin-top{margin-top: 0;}
.margin-bottom{margin-bottom: 0;}

.xXx {height:140px;}


/* HEADER */
.topo { height: 427px; background-color: #f5f5f5; }
.logo img { width:90%; padding:30px 0px; display: block; } 

.banner { background-color: #f5f5f5; max-height: 427px;}
.banner img { border-bottom: 3px solid #222222; border-top: 2px solid #222222; max-height: 425px; }
.banner .cbp-fwnext img { border-bottom: none; border-top: none;}
.banner .cbp-fwprev img { border-bottom: none; border-top: none;}

.geralmenu { background: url(../../assets/imgs/men01.jpg) no-repeat scroll #f5f5f5; }
.navbar-default { background: none; border: none; padding: 32px 0px 0px 0px; }
.menu {  }
.cx-menu { padding:20px 0px; }

.menu ul li { margin-right:10px; color:#fff; }
.menu ul li a { background-color: #224F92; border-radius:5px; padding: 5px 13px; color:#fff !important;  font-size: 15px; }
.menu ul li a:hover { background-color: #3F86D0 !important; }

/* inicial width:100%;*/
.inicial { max-width:940px;}

.caixa { background-color: #ffffff; padding-bottom: 30px; color:#333333; text-decoration: none; }
.caixa:hover { opacity: 0.8; cursor: pointer; text-decoration: none; }
.box { height:auto; background-color:#224F92; margin: 30px 0px 10px 0px; }
.box .titulo {  /*font-family: 'robotobold_condensed';*/ font-size: 20px; background-color: #3F86D0; text-align: center; padding: 8px 0px 8px 0px; color:#ffffff; }
.caixa .texto { font-size: 12px; padding-bottom: 25px; font-family: calibri;  }
.caixa p { font-family: calibri; }

.lateral_paginas { border-right:1px solid #cccccc; }
/*.lateral_paginas .lateral_menu #accordion h3 { font-size: 21px; color:#444444; }*/
.lateral_paginas .lateral_menu #accordion h3 a { font-size: 16px; color:#333333; cursor: pointer; font-weight: bold; padding:10px 0px; display: block; }
.lateral_paginas .lateral_menu #accordion ul li { list-style: none; }
.lateral_paginas .lateral_menu #accordion ul li a {  color:#444444; padding:0px 5px; font-weight: 300; }

.lateral_paginas .lateral_menu #accordion2 h3 a { font-size: 16px; color:#333333; cursor: pointer; font-weight: bold; padding:10px 0px; display: block; }
.lateral_paginas .lateral_menu #accordion2 ul li { list-style: none; }
.lateral_paginas .lateral_menu #accordion2 ul li a {  color:#444444; padding:0px 5px; font-weight: 300; }

/* Sobre */
.geral {max-width: 1100px; margin-top: 40px; margin-bottom: 40px; }
.geral .titulos { width:70%; font-family: 'robotobold_condensed'; font-size: 20px; color: #ffffff; background-color: #224F92; padding: 10px 20px; text-align: center;  }
.geral .texto { padding:20px 0px; font-size: 14px; line-height: 25px; color:#214F91; font-family: calibri;  }

.geralrodape { background-color: #224F92; padding: 30px 0px; display: block; }
.geralrodape p { font-size: 13px; color: #ffffff; padding: 10px 0px;  display: block; }

.geralrodape .tel_rodape { background: url(../../assets/imgs/tel_rodape.png) no-repeat scroll 5px 20px; padding-left: 20px; line-height: 30px; }
.geralrodape .end_rodape {  background: url(../../assets/imgs/end_rodape.png) no-repeat scroll 5px 20px; padding-left: 20px; line-height: 30px; }
.geralrodape .email_rodape { background: url(../../assets/imgs/email_rodape.png) no-repeat scroll 5px 20px; padding-left: 25px; line-height: 30px; }
.geralrodape .email_facebook { background: url(../../assets/imgs/facebook_icon.png) no-repeat scroll 5px 18px; padding-left: 25px; line-height: 30px; }
.geralrodape .copy_rodape {  padding-left: 20px; line-height: 30px; }

/* CLIENTES */

.geral .boxclientes { padding:20px; /*border-right:2px solid #DDDDDD; border-bottom: 2px solid #DDDDDD;*/ text-align: center; }
.geral .boxclientes img { margin: 0 auto;  }
.geral .boxclientes h5 { padding:20px 0px; }

/* CONTATO */
.titulo_contato { margin-left: 15%; }
.titulo_contato h4 { color: #444444; padding:10px; font-size: 20px; }
.formulario_contato { }
.formulario_contato input { background-color:#DCDFE2; height:40px; line-height: 20px; }
.formulario_contato .form-group { margin-bottom: 10px; }
.formulario_contato textarea { background-color: #DCDFE2; }
.formulario_contato .enviar { background-color: #269DD8; width:140px; padding: 10px 20px; color: #ffffff; }
.info_contato { padding: 20px; }

/* PRODUTOS */
.caixa_produto {  /*border: 1px solid #444444; */ margin-top: 12px; margin-bottom: 5px; text-align: center;}

/* */

.titulo_subcategoria { font-size: 23px; color:#888888; padding: 20px 0px; }
.texto_subcategoria { padding-bottom: 15px; }

@media (min-width: 768px) and (max-width: 979px) {

}

@media (min-width: 481px) and (max-width: 767px) {

}

@media (max-width: 480px) {
    .geralmenu { background: none; }
    .geralrodape { text-align: center; }
}


@media screen and (max-width: 1024px) {

}