/*padrao*/
html {
  font-size: 10pt;
  color: #404041;
}

body {
	font-family: 'SEGOEUIL', arial, Helvetica, sans-serif; color: #404041;
	background-color: transparent;
	margin:0; padding: 0;
}

img{border: none;}
a, a *{text-decoration: none; color:inherit;}

h1{padding:0; margin:0 0 10px 0; font-weight:normal; }
h2{padding:0; margin:0 0 10px 0; font-weight:normal; font-size:20px; }
h3{padding:0; margin:0 0 10px 0; font-weight:normal; font-size:16px; }

.left{display: block; float:left;}
.right{display: block;  float:right;}
.overflow{overflow:hidden;}
.block{display:block;}
.relative{position: relative !important; display: block; }
.none{display:none !important; }
.v-text-center{vertical-align:middle;}
.underline{text-decoration:underline;}
.text-center{text-align:center !important;}
.text-justify{text-align:justify !important;}
.text-right{text-align:right !important;}
.clear{display: block; clear:both;}
.italic{font-style:italic;}
.bold{font-weight:bold;}
.uppercase{text-transform: uppercase;}
.lowcase{text-transform: lowercase;}
.rounded { -moz-border-radius: 3px;  -webkit-border-radius: 3px; border-radius: 3px; }

.button{background-color: transparent; height: 35px; line-height: 35px; padding:0 12px; text-align: center; font-size: 1.1em; cursor: pointer; }
.button-azul {border:solid 1px #315da3 !important; color:#315da3;}

/*tamanho do texto*/
.texto-maior{font-size: 1.185em;}
.texto-ainda-maior{font-size: 1.4em;} 
.texto-como-titulo{font-size: 2em;}

/*cores de texto */
.texto-azul{color: #1c5cc8;}
.texto-verde{color: #67c613;}
.texto-vermelho{color: #fe2609; color:#fc5171;}

/********************************** H1 TITULOS *********************************************************/
h1.titulo-com-sobre-titulo{margin: 0; font-size: 2em;}
h1.titulo-com-sobre-titulo>.titulo{line-height: 52px; display: inline-block;}
h1.titulo-com-sobre-titulo>.sobre-titulo {display: block; font-size: 0.64em !important; margin-bottom: 8px;}



/*************************************** LAYOUT MESTRE *************************************************/
#header-wrapper, #footer-wrapper{height: 63px; background-color: #f7f7f7; margin-bottom: 5px;}
#footer-wrapper{padding-top:3px;}

#content-before-wrapper{}
#content-wrapper{}

.conteudo-centralizado{width: 978px; margin:0 auto;}
.content-padding{padding: 20px 0 20px 0; }

#cadastre-se{cursor: pointer; border:solid 1px #838383; background-color: transparent; float: right; height: 35px; line-height: 35px; margin-top: 16px; padding:0 12px; text-align: center;}
#menu-header-wrapper{float:right; padding:12px 20px 0 0;}
#menu-header{display: block;}
#menu-header li{display: inline; padding: 0; margin: 0; padding-right:20px; }
#menu-header li > img{vertical-align: middle;}
#marketing-bottom{background-color: #032565; height: 343px;}

/*************************************** CUSTOM SELECT *************************************************/
.custom-select { display: block; position: relative; }
.custom-select select{height: 36px;background-color: white;color: #cccccc;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;
    appearance: none;display: block;border: solid 1px #cccccc;font-size: 1.2em;padding:0 20px 0 5px;}
.custom-select select::-ms-expand {display: none;}
.custom-select:after{content:" ";position:absolute;z-index:2;right:8px;top:50%;margin-top:-3px;height:0;width:0;border-top:6px solid #0e4e9c;
	border-left:6px solid transparent;border-right:6px solid transparent;pointer-events:none;}

/*************************************** CAIXA CINZA *************************************************/
.caixa-cinza{}
.caixa-cinza .caixa-cinza-titulo{background-color: #032565; height: 45px; line-height: 45px; color:white; font-size: 1.3em; padding:0 15px;}
.caixa-cinza .caixa-cinza-content{background-color: #f7f7f7; padding:30px;}

/*************************************** LOGIN *************************************************/
#banner{height: 613px; padding-bottom:7px; background-position:center; background-repeat: no-repeat;}
#login-wrapper{width:348px; float: right; margin-top: 100px;}
#login-titulo{float:left; width:110px; height: 34px; line-height: 34px; background-color: white; font-size: 1.4em; text-align: center;}
#login-titulo > img{vertical-align: middle;}
#login-content{clear: both; background-color: white; padding:20px; height: 185px;}
.login-form{display: block;}
.login-form-linha{overflow:hidden; padding-bottom:8px;}
.login-form-label{display:block; padding-bottom:2px;}
.login-form-linha > span > input{width:308px; height: 39px; line-height: 39px; background-color: #e2e2e2; border: none;}

/*************************************** CADASTRE-SE *************************************************/
#cadastro-wrapper{background-color:#e2e2e2; overflow: hidden;}
#cadastro-form{width:490px; margin: 0px auto 240px auto; padding: 100px; background-color: white; position: relative; top:46px;}
.crow{border-bottom: solid 1px #404041; padding-bottom:14px; margin-top: 56px; overflow: hidden;}
.crow .clabel{float: left; width:100px;}
.crow .cfield{margin-left:100px;}
.crow .cfield input{border: none !important; display: block; width: 100%; height: 25px; line-height: 25px;}
.pronto{border: none; background-color: transparent; font-size: 22px; margin-top: 60px; color: #757575; font-weight: normal; cursor: pointer;}

/************************ button-toolbox ****************************/
.button-toolbox{padding: 30px 0 0 0;}
.button{ margin: 0 10px 0 0; background-color: transparent; outline: none; display: inline-block; border: none; background-position: left center; background-repeat: no-repeat; font-style: normal; font-weight: normal; font-size: 1.133em; font: inherit;}
.download-button{height: 52px; min-width: 52px; background-image: url(../icones/img/anexos.png); text-indent: 52px; line-height: 52px;  color: #12c200;}
.aprovar-button, .revisar-button{background-position: 20px center; height: 45px; min-width: 45px; text-indent: 45px; line-height: 45px; padding: 0 20px 0 0;}
.aprovar-button{ background-image: url(../icones/img/ico-aprovar.png);  color: #12c200; border: solid 1px #12c200; }
.revisar-button{ background-image: url(../icones/img/ico-revisar.png);  color: #414142; border: solid 1px #414142; }

/*********************** MENU *************************************/
.greetins-banner{}
.menu-bar{height: 42px;  height: 42px; background-color: #0e4d9c; border: none;}
#menu-wrapper{width: 978px; overflow: hidden;}
#menu-wrapper .item-menu{float:left; height: 42px; margin-right: 30px; color: white; line-height: 42px;}
#menu-wrapper .item-menu > a > img{margin-top: 2px; vertical-align: -20%;}
.pesquisar-wrapper{background-color: white; overflow: hidden; padding-right: 20px; background-image: url(layout/menu/lupa.png); background-repeat: no-repeat; background-position: 262px center; width: 262px; height: 34px;}
.pesquisar-wrapper input{width: 250px; padding-left: 5px; height: 34px; display: block; border: none;}
/********************** PAGINATION ********************************/
.pagination-wrapper{float:right;}
.endless_container{position: relative; float: right;}
.endless_more {
    position: absolute;
    display: block;
    padding: 3px 10px;
    /*-moz-border-radius: 3px;*/
 	/*-webkit-border-radius: 3px;*/
  	/*border-radius: 3px;*/
    color: #444445;
    border-left: solid 5px #444445;
    background-color: #ffffff;
    opacity: 0.8;
    filter: alpha(opacity=80);
}
.endless_loading{
    position: absolute;
    display: block;
    padding: 3px 10px;
    background: #444;
    color: #ffffff;
    opacity: 0.6;
    filter: alpha(opacity=60);
    height: 20px;
}
.endless_page_current, .endless_page_link{display: block; min-width: 20px; height: 20px; display: inline-block; margin: 15px 5px 0 0; border: solid 1px #444445; text-align: center; color: #444445;}
.endless_page_current{ color: #ffffff; background-color: #444445; }

/********************** menu produto wrapper ********************************/
.menu-produto-wrapper{width: 235px; float: left;}
.ptitle{margin-bottom: 10px; font-size:14px; font-weight: bold;}
.menu-produto-content{width: 195px; padding:15px 10px; border:solid 1px #444445; }
.product-content{margin-left:240px;}
ul.menu-product{margin:0; padding:0;}
ul.menu-product li{list-style:none; margin-bottom: 5px;}

.product-line{overflow: hidden; margin-bottom: 55px;}
.product-line .product-column-wrapper{width: 231px; float: left; margin-right: 20px; text-align: center; font-size:14px; font-weight: bold;}
.product-line .product-column-wrapper .img{display: block; border:solid 1px #444445; height: 246px; background-position: center center; background-repeat: no-repeat; background-image: url(layout/img/no-image.png);}
.product-line .product-column-wrapper .catalog{color:#a5a5a5; }
#product-detail-wrapper .img{display: block; border:solid 1px #444445; height: 311px; width: 420px; background-position: center center; background-repeat: no-repeat; background-image: url(layout/img/no-image.png);}
.product-details{margin-left: 435px;}
/********************** cart ********************************/
.cart-line{overflow: hidden; margin-bottom: 30px; border-bottom: solid 1px #a5a5a5; padding-bottom: 32px;}
.cart-line .img{display: block; border:solid 1px #444445; height: 104px; width: 140px; background-position: center center; background-repeat: no-repeat; background-image: url(layout/img/no-image.png);}
.cart-line .cart-detail{margin-left: 160px;}


/*form*/
div.form{padding-bottom:30px;}
div.form div.detalhe{padding:10px; background-color:#ebebeb;}
div.form div.linha{overflow:hidden; padding-bottom:4px;}
div.form div.linha div.coluna{float:left; padding-right:20px;}
div.form div.linha div.coluna span.label{display:block; padding-bottom:2px; font-weight:bold;}
div.form div.linha div.coluna span.label-2{display:block; padding-bottom:2px;}

.manual-utilizacao{background-color: #1c5cc8;
    float: right;
    display: inline-block;
    height: 36px;
    /*line-height: 36px;*/
    display: flex;
    align-content: center;
    justify-content: center;
    margin-top: 3px;
    padding:10px 42px;
    box-sizing: border-box;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    color: white;
}
.indice {display: inline-block; color: white; height: 42px; line-height: 42px;}

.row-manual {padding-top: 50px; border-bottom: solid 1px #bebebe;}
.row-manual .texto-manual {float:left; width: 50%; box-sizing: border-box; padding-top: 20px;}
.row-manual .video-manual {float:left; width: 50%;}
.row-manual .texto-manual > h3{font-weight: bolder;}