@import "fonts.css";

html,body{min-width: 320px;}
body{font-family: 'FuturaLight', sans-serif; font-size: 14px; margin: 0;}
*{outline: none;}
a, a:hover{text-decoration: none!important; -webkit-transform: translateZ(0); transition: 0.4s ease;}

/* Header ------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
.header .colL{position: relative;}
.header .colL .tbl-col, .header .colR .tbl-col{height: 125px; position: relative; z-index: 2;}
.header .colL .logo{width: 160px;}
.header .colL .logo img{width: 100%; display: block;}
.header .colL .base{position: absolute; top: 0; bottom: 0; right: 0; margin-right: 100%; width: 2000px; background: #e7e7e7;}
.header .colL .base .corte{position: absolute; top: 0; bottom: 0; right: -85px; width: 100px; background: url(../img/header-base-corte.jpg) left center no-repeat;}
.header .colR .base{position: absolute; top: 0; bottom: 0; left: 0; margin-left: 0; width: 2300px; background: #e7e7e7;}
.header .colR .base .corte{position: absolute; top: 0; bottom: 0; left: -20px; width: 90px; background: url(../img/header-base-corteR.jpg) right center no-repeat;}
.header .colR .titulo i{display: inline-block; width: 40px; height: 40px; border: 1px solid #9a9a9a; vertical-align: middle; background: #ffffff url(../img/bt-mn-resp-orcamento.png) center center no-repeat; margin: 0 10px 0 -20px;}
.header .colR .titulo span{display: inline-block; vertical-align: middle; color: #1e120d; font-size: 32px;}


/* Header base -------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
.header-base{background: #ba0017; margin-bottom: 50px;}
.header-base .col{height: 45px; line-height: 45px;  font-size: 20px; position: relative;}
.header-base .colL{text-align: right;}
.header-base .colL span{position: relative; z-index: 1; color: #858585;}
.header-base .colL .base{position: absolute; top: 0; bottom: 0; right: 0; width: 2500px; background: #404040;}
.header-base .colL .base .corte{position: absolute; top: 0; bottom: 0; right: -90px; width: 90px; background: url(../img/header-base-base-corte.png) right center no-repeat;} 
.header-base .colR span{color: #ffffff; padding-left: 35px;}


/* Barra de etapas ---------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
.etapas-orcamento{text-align: center;}    
.etapas-orcamento .area-etapas{position: relative; margin-bottom: 65px;}
.etapas-orcamento .area-etapas ul{display: inline-block; padding: 0; margin: 0; list-style: none; position: relative; z-index: 1;}
.etapas-orcamento .area-etapas ul li{display: inline-block; margin: 0 45px; position: relative; }
.etapas-orcamento .area-etapas ul li span{border: 1px solid #9a9a9a; display: block; width: 40px; height: 40px; line-height: 36px; font-size: 25px; color: #9a9a9a; background: #fff;}
.etapas-orcamento .area-etapas ul li i{position: absolute; left: -30px; right: -30px; height: 30px; margin: 8px 0; font-style: normal; color: #ba0017; font-family:'FuturaMedium'; text-transform: uppercase; font-size: 12px; line-height: 14px; display: none;}
.etapas-orcamento .area-etapas ul li.atv span{border: 1px solid #ba0017; color: #ba0017;}
.etapas-orcamento .area-etapas ul li.atv i{display: block;}
.etapas-orcamento .info{margin: 50px 295px; font-size: 18px;}
.etapas-orcamento .base{position: absolute; top: 50%; right: 150px;  width: 2500px; height: 1px; background: #9a9a9a;}
.etapas-orcamento .base .icone{position: absolute; right: 0; margin-top: -5px; width: 11px; height: 11px; background: #9a9a9a;}     
.etapas-orcamento .base .icone i{position: absolute; top: 24px; left: -30px; right: -30px; height: 30px; margin: 8px 0; font-style: normal; color: #ba0017; font-family:'FuturaMedium'; text-transform: uppercase; font-size: 12px; line-height: 14px; display: none}
.etapas-orcamento .base .icone.atv{background: #ba0017}
.etapas-orcamento .base .icone.atv i{display: block;}



/* Footer ------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
.footer{background: #ba0017;}
.footer .colL .tbl-col, .footer .colR .tbl-col{height: 70px; position: relative; z-index: 2;}
.footer .colL .logo{width: 105px; padding: 0px;}
.footer .colL .logo img{width: 100%; display: block;}
.footer .colL .copy{padding:  0 0 0 20px;}
.footer .colL .copy span{display: block; padding: 10px 0; font-size: 10px; color: #fff; text-transform: uppercase;}    
.footer .colL .base{position: absolute; top: 0; bottom: 0; right: 0; width: 2000px; background: #404040;}
.footer .colL .base .corte{position: absolute; top: 0; bottom: 0; right: -55px; width: 160px; background: url(../img/footer-base-corte.png) right center no-repeat;}
.footer .colR .icone{width: 60px; padding: 5px 0;}
.footer .colR .icone img{width: 100%; display: block;}
.footer .colR .txt{padding:  0 20px 0 0 ; text-align: right;}
.footer .colR .txt span{display: block; padding: 10px 0; font-size: 14px; color: #fff; text-transform: uppercase;}    


/* Produtos ----------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */    
.prodItem{margin-bottom: 45px;}

.prodItem .titulo-prod{font-size: 24px; margin: 0 0 30px 0; position: relative; text-transform: uppercase;}
.prodItem .titulo-prod .base{ position: absolute; top: 0; bottom: 0; right: 0; width: 2000px; margin-right: 100%; background: #ba0017;} /*url(../img/base-titulo-item-prod.png) right center no-repeat*/
.prodItem .titulo-prod .base .corte{position: absolute; top: 0; bottom: 0; right: 0px; width: 60px; background: #fff url(../img/prod-base-corte-titulo.png) left center no-repeat; z-index: 2;}    

.prodItem .item-sessao{position: relative; height: 23px; margin-top: 25px; margin-bottom: 25px; border-top: 1px solid #9e9e9e;}
.prodItem .item-sessao span{padding: 0 0 0 70px; color: #ba0017; font-size: 18px; line-height: 19px; }
.prodItem .item-sessao .count{position: absolute; margin-top: -24px; left: 15px; width: 46px; height: 46px; border: 2px solid #fff; font-style: normal; font-size: 24px; text-align: center; line-height: 45px; color: #fff; background: #ba0017;}
.prodItem .item-sessao .info{position: absolute; margin-top: -13px; right: 15px; width: 25px; height: 25px; border: 2px solid #fff; font-style: normal; font-size: 24px; text-align: center; line-height: 23px; color: #fff; background: #ba0017; font-family: arial; font-weight: bold; font-size: 15px;}
.prodItem .item-sessao .opt{font-weight: normal; color: #454545;}


.prodItem .item-sessao-2{position: relative; height: 23px; margin-top: 25px; margin-bottom: 25px; border-bottom: 1px solid #9e9e9e;}
.prodItem .item-sessao-2 span{color: #ba0017; font-size: 18px; line-height: 19px; }
.prodItem .item-sessao-2 .info{position: absolute; bottom: -13px; right: 15px;  width: 25px; height: 25px; border: 2px solid #fff; font-style: normal; text-align: center; line-height: 23px; color: #fff; background: #ba0017; font-family: arial; font-weight: bold; font-size: 15px;}
.prodItem .item-sessao-2 .editar{position: absolute; bottom: -13px; right: 45px;  width: auto; height: 25px; border: 2px solid #fff; font-style: normal; text-align: center; line-height: 23px; color: #fff; background: #ba0017; font-family: arial; font-weight: bold; font-size: 12px; padding: 0 10px;}


.prodItem .margin-b10{margin-bottom: 10px;}
.prodItem .margin-b20{margin-bottom: 20px;}
.prodItem .box-form .label{display: block; text-align: left; font-size: 18px; color: #000000; text-transform: uppercase; margin-bottom: 5px; font-weight: normal; padding: 0;}
.prodItem .box-form .label .complemento{color: #ba0017;}
.prodItem .box-form .txt-label{display: inline-block; vertical-align: middle; font-size: 18px; color: #000000; text-transform: uppercase; font-weight: normal; padding: 0;}
.prodItem .box-form .txt-info{color: #686868;}
.prodItem .box-form .cp-grupo{margin-bottom: 20px; height: 36px; position: relative;}
.prodItem .box-form .cp-grupo-sld{margin: 17px 0 27px 0; height: 12px; position: relative;}
.prodItem .box-form .cp{border-radius: 0; border: 1px solid #ba0017; box-sizing: border-box; padding: 6px 12px; display: block; width: 100%;}
.prodItem .box-form .cps{border-radius: 0; border: 1px solid #ba0017; box-sizing: border-box; padding: 7px 8px;  display: block; width: 100%;}
.prodItem .box-form .cpt{border-radius: 0; border: 1px solid #ba0017; box-sizing: border-box; padding: 6px 12px;  display: block; width: 100%; resize: none;}    
.prodItem .box-form .area-ckb{display: inline-block; vertical-align: middle; margin: 0 18px;}
.prodItem .box-form .area-ckb .input-ckb{display: inline-block; vertical-align: middle; width: 32px; height: 32px; border: 1px solid #ba0017; cursor: pointer; overflow: hidden;}
.prodItem .box-form .area-ckb .input-ckb.atv{background: url(../img/form-ckb-atv.jpg) center center no-repeat;}
.prodItem .box-form .area-ckb .input-ckb input{margin-left: -100px; } /**/
.prodItem .box-form .area-ckb span{display: inline-block; vertical-align: middle; text-transform: uppercase; font-size: 18px; margin-left: 10px;}

.prodItem .box-form .sld01{margin-right: 105px; margin-left: 7px;}
.prodItem .box-form .sld01 .cp-w{width: 90px; position: absolute; right: 0; top: -12px;}
.prodItem .box-form .sld01 .cp-w .addon{position: absolute; right: 1px; top: 1px; bottom: 1px; background: #fff; padding: 0 4px; line-height: 34px; border-left: 1px solid #fff;}
.prodItem .box-form .sld01 .cp-w .cp{padding-left: 6px; padding-right: 6px;}
.prodItem .box-form .ui-widget.ui-widget-content{background: #ed7d8a; border: 0; border-radius: 8px;}
.prodItem .box-form .ui-widget-header{background: #ba0017;}
.prodItem .box-form .ui-slider-horizontal .ui-slider-handle {top: -9px; margin-left: -5px; width: 18px!important; height: 30px; border: 3px solid #fff; -ms-touch-action: none; touch-action: none;}
.prodItem .box-form .ui-state-default, .ui-widget-content .ui-state-default{border: 1px solid #fff; background: #696969; border-radius: 9px!important;}
.prodItem .box-form .ui-state-active, .ui-widget-content .ui-state-active{border: 1px solid #696969; background: #000; }    


/* novo slide*/
.prodItem .box-form .slider.slider-horizontal{width: 100%; margin-top: -10px;}
.prodItem .box-form .slider.slider-horizontal .slider-track{background: #ba0017;}
.prodItem .box-form .slider.slider-horizontal .slider-selection{background: #ed7d8a;}
.prodItem .box-form .slider.slider-horizontal .slider-handle {width: 17px; height: 30px; top: -5px; border: 3px solid #fff; background: #696969!important; border-radius: 9px !important; box-shadow:none;}
/* .novo slide*/

.prodItem .box-form .area-file-imagem{ height: 36px; border-radius: 0; border: 1px solid #ba0017; box-sizing: border-box; padding: 8px 12px; display: block; width: 100%; cursor: pointer; position: relative;}
.prodItem .box-form .area-file-imagem .file-bt-label{position: absolute; left: 0; right: 0; color: #ba0017; font-style: normal;}
.prodItem .box-form .area-file-imagem .pd{overflow: hidden; height: 17px; padding-left: 50px;}



.prodItem .box-form .up-disabled{position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: #e3e3e3; z-index: 9; border: 1px solid #ba0017; box-sizing: border-box;}
.prodItem .box-form .slide-disabled{position: absolute; top: -13px; right: -5px; left: -10px; bottom: 11px; background: #fff; z-index: 9; box-sizing: border-box; opacity: 0.8;}
.prodItem .box-form .mask-disabled{position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: #fff; z-index: 9;  box-sizing: border-box; opacity: 0.8; display: none}


/* Botoes base de controle de produtos -------------------------------------------- */
/* -------------------------------------------------------------------------------- */
.prodBotoes{font-family: FuturaMedium!important;}
.prodBotoes .btn{height: 45px; border-radius: 0!important; border: 0!important; text-align: left; text-transform: uppercase; font-size: 12px;}
.prodBotoes .btn-a{height: 45px; line-height: 45px; box-sizing: border-box; border-radius: 0!important; border: 0!important; text-align: left; text-transform: uppercase; font-size: 12px; padding: 0 12px;}
.prodBotoes .base-corte{position: absolute; top: 0; bottom: 0; left: 0px; z-index: 2;}
.prodBotoes .btn-prod-cancelar{background: #ffb400; display: block; width: 100%; position: relative;}
.prodBotoes .btn-prod-cancelar .base-corte{width: 25px; left: -25px; background: #ffb400 url(../img/prod-bt-base-01.png) right center no-repeat;}
.prodBotoes .btn-prod-cancelar:hover{color: #ba0017;}
.prodBotoes .btn-prod-voltar{background: #969696; display: block; width: 100%; color: #fff; position: relative;}
.prodBotoes .btn-prod-voltar .base-corte{width: 27px; left: -27px; background: url(../img/prod-bt-base-02.png) right center no-repeat;}
.prodBotoes .btn-prod-avancar{background: #ba0017; display: block; width: 100%; position: relative; z-index: 1; color: #fff;}
.prodBotoes .btn-prod-avancar .base-corte{width: 25px; left: -25px; background: url(../img/prod-bt-base-03.png) right center no-repeat;}
.prodBotoes .btn-prod-avancar:hover{color: #ffb400;}
.prodBotoes .area-btn-prod-avancar{position: relative;}
.prodBotoes .area-btn-prod-avancar .base{position: absolute; top: 0; bottom: 0; left: 0; width: 2000px; background: #ba0017;}    


/* Tootips - modal informativo ---------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
.item-sessao .info2{position: absolute; top: 0; margin-top: -13px; right: 15px; width: 25px; height: 25px; border: 2px solid #fff;}
.item-sessao .info2 i{display: block;  font-style: normal; font-size: 24px; text-align: center; line-height: 23px; color: #fff; background: #ba0017; font-family: arial; font-weight: bold; font-size: 15px; cursor: pointer;}
.item-sessao .info2 .infoMsg{position: absolute; top: -55px; width: 460px; min-height: 250px; border: 4px solid #ba0017; box-sizing: border-box; background: #fff; z-index: 999991; display: none;}
.item-sessao .info2 .infoMsg .icone{position: absolute; top: 40px; width: 31px; height: 44px; background: url(../img/tootip-arrow.png) 0 0 no-repeat; }
.item-sessao .info2 .infoMsg.right .icone{right: -31px; background-position: -40px center;}
.item-sessao .info2 .infoMsg.left .icone{left: -31px; background-position: 5px center;}
.item-sessao .info2 .infoMsg.left{left: 50px;}
.item-sessao .info2 .infoMsg.right{right: 50px;}
.item-sessao .info2 .infoMsg .area-cont{padding: 20px 13px 50px 13px;}
.item-sessao .info2 .infoMsg .area-cont .titulo{font-size: 18px; text-transform: uppercase; color: #000; padding: 0 0 5px 0;}
.item-sessao .info2 .infoMsg .area-cont .txt{font-size: 14px;} 
.item-sessao .info2 .infoMsg .area-cont .fechar{position: absolute; right: 35px; bottom: -19px; width: 33px; height: 33px; border: 3px solid #fff; background: #ba0017 url(../img/close-modal.png) center center no-repeat; cursor: pointer;}

.item-sessao-2 .info2{position: absolute; top: 0; margin-top: 8px; right: 15px; width: 25px; height: 25px; border: 2px solid #fff;}
.item-sessao-2 .info2 i{display: block;  font-style: normal; font-size: 24px; text-align: center; line-height: 23px; color: #fff; background: #ba0017; font-family: arial; font-weight: bold; font-size: 15px; cursor: pointer;}
.item-sessao-2 .info2 .infoMsg{position: absolute; top: -55px; width: 460px; min-height: 250px; border: 4px solid #ba0017; box-sizing: border-box; background: #fff; z-index: 999991; display: none;}
.item-sessao-2 .info2 .infoMsg .icone{position: absolute; top: 40px; width: 31px; height: 44px; background: url(../img/tootip-arrow.png) 0 0 no-repeat; }
.item-sessao-2 .info2 .infoMsg.right .icone{right: -31px; background-position: -40px center;}
.item-sessao-2 .info2 .infoMsg.left .icone{left: -31px; background-position: 5px center;}
.item-sessao-2 .info2 .infoMsg.left{left: 50px;}
.item-sessao-2 .info2 .infoMsg.right{right: 50px;}
.item-sessao-2 .info2 .infoMsg .area-cont{padding: 20px 13px 50px 13px;}
.item-sessao-2 .info2 .infoMsg .area-cont .titulo{font-size: 18px; text-transform: uppercase; color: #000; padding: 0 0 5px 0;}
.item-sessao-2 .info2 .infoMsg .area-cont .txt{font-size: 14px;} 
.item-sessao-2 .info2 .infoMsg .area-cont .fechar{position: absolute; right: 35px; bottom: -19px; width: 33px; height: 33px; border: 3px solid #fff; background: #ba0017 url(../img/close-modal.png) center center no-repeat; cursor: pointer;}


/* Base botão para enviar projetos direto ----------------------------------------- */
/* -------------------------------------------------------------------------------- */
.base-enviar-projeto{margin: 1px 0 2px 0;}
.base-enviar-projeto .col, .base-enviar-projeto .tbl-col{height: 106px;}    
.base-enviar-projeto .tbl-col span{font-size: 24px; line-height: 24px; color: #000; font-family:'FuturaMedium'; position: relative; z-index: 1;}
.base-enviar-projeto .colL{background: #ffb400; position: relative;}    
.base-enviar-projeto .colL .base{position: absolute; top: 0; bottom: 0; right: 0; margin-left: 0; width: 2300px; background: #ffb400;}
.base-enviar-projeto .colL .base .corte{position: absolute; top: 0; bottom: 0; right: -123px; width: 125px; background: url(../img/enviar-projeto-base-corte.png) right center no-repeat;}


/* Lista produtos home ------------------------------------------------------------ */
/* -------------------------------------------------------------------------------- */
.lista-00{background: #eee url(../img/back-repeat-01.png);}
.lista-00 .grupo-item{width: 25%; height: 0; padding-bottom: 25%; float: left; position: relative;}
.lista-00 .grupo-item .item{height: 100%; width: 100%; border: 1px solid #fff; background: #eee; position: absolute; overflow: hidden;}
.lista-00 .grupo-item .item img{height: 100%; width: 100%; display: block;}
.lista-00 .grupo-item .item .txt{position: absolute; bottom: 0; left: 0; right: 0; padding: 60px 5px 10px 5px; text-align: center; background: url(../img/lista-01-back-txt.png) center top; z-index: 2;}
.lista-00 .grupo-item .item .txt .titulo{font-size: 26px; font-family:'FuturaMedium'; line-height: 26px; color: #fff; text-transform: uppercase; position: relative;}
.lista-00 .grupo-item .item:hover .txt{padding-bottom: 25px;}
.lista-00 .grupo-item .item:hover .txt .titulo{color: #ba0017; text-shadow: 0px 0px 4px #fff;  }


/* Açoes lista produtos ----------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
.produto-add-item-lista{ background: #f4f4f4; margin-bottom: 40px; padding: 20px; position: relative;}
.produto-add-item-lista .linha-valores.titulo { font-size: 20px; border-bottom: 1px solid #202020; padding-bottom: 5px; margin-bottom: 5px; text-transform: uppercase;}
.produto-add-item-lista .remover{position: absolute; top: 20px; right: 20px; width: 20px; height: 20px; background: #ccc; color: #fff; text-align: center; font-size: 18px; line-height: 15px; font-family: verdana}    
.produto-add-item-lista .editar{position: absolute; top: 20px; right: 50px;   height: 20px; background: #ccc; color: #fff; text-align: center; font-size: 12px; line-height: 20px; font-family: verdana; padding: 0 15px; text-transform: uppercase;}
.produto-add-item-lista a:hover{background: #000!important;}
.produto-add-item-lista .mask-disabled{position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: #fff; z-index: 9; box-sizing: border-box; opacity: 0.8; border: 2px dashed #eee;}


/* Calendario --------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
#ag-calendario{width:auto; padding: 2px 0 0 0; position:relative; margin-bottom: 25px;}
#ag-calendario .mes{border:1px solid #3e3e3e; padding: 8px; text-transform:uppercase; font-size:21px; color:#000; text-align:center; display:block; background:#fff; position: relative;}
#ag-calendario .mes-np{position:absolute; top:50%; margin-top: -15px; width:30px; height:30px; display:block; background:url(../img/np-calendar.png) no-repeat; overflow:hidden; text-indent:500px;}
#ag-calendario .mes-prev{left:5px; background-position:0 0;}
#ag-calendario .mes-next{right:5px; background-position:0 -30px;}
#ag-calendario .listaDias{ border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; overflow: hidden;}
#ag-calendario .listaDias .overflow{width: 105%;}
#ag-calendario .listaSemana{ overflow: hidden;}
#ag-calendario .listaSemana .overflow{width: 105%;}
#ag-calendario .itemGrade{width:13.61%; height:40px; line-height:39px; font-size:21px; font-weight:300; color:#808080; display:inline-block; vertical-align:top; text-align:center; border-left: 1px solid #ccc; border-top: 1px solid #ccc; box-sizing: border-box;}
#ag-calendario .top{color:#ccc; font-size: 14px; border: none; width:13.6%;}
#ag-calendario .quebra{ clear:both; display:block; }
#ag-calendario .dia-hj{color:#000; font-weight:bold; background: #f5f5f5; display: block; height: 100%;}
#ag-calendario .quebra:first-child, #agenda_chamada .quebra:last-child, .no-border{border:none!important}
#ag-calendario .itemGrade a, #ag-calendario .itemGrade a .dia-hj{background:#dc1e34; margin: 0; display: block; height: 100%; vertical-align: middle; color: #fff!important; font-weight: bold;}
#ag-calendario .dia-futuro{ display: block; -webkit-transform: translateZ(0); transition: 0.4s ease; cursor: pointer;}
#ag-calendario .dia-futuro:hover{background-color: #f9f9f9;}
#ag-calendario .dia-futuro.atv{color: #fff; background: #ba0017;}
#ag-calendario .dia-passado{display: block; opacity: 0.5;}


/* Lista lojas -------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
.lista-lojas{text-transform: uppercase;}
.lista-lojas .item{box-sizing: border-box; float: left; padding: 0 5px 0 0; height: 115px; margin-bottom: 20px; position: relative;}
.lista-lojas .item .txt{padding-left: 32px;}
.lista-lojas .item .txt .titulo{font-size: 22px; line-height: 20px; color: #ba0017;}
.lista-lojas .item .txt .endereco{color: #454545; padding-top: 5px;}
.lista-lojas .item .txt .telefone{font-size: 18px; padding-top: 3px; font-family:'FuturaMedium';  color: #ba0017;}
.lista-lojas .item .escolhaLj{position: absolute; left: 0; top: 2px;}
.lista-lojas .item .escolhaLj .area-ckb{display: block; vertical-align: middle; margin: 0 0;}
.lista-lojas .item .escolhaLj .area-ckb .input-ckb{width: 14px; height: 14px; border: 1px solid #ba0017; cursor: pointer; overflow: hidden;}
.lista-lojas .item .escolhaLj .area-ckb .input-ckb.atv{background: url(../img/form-ckb-atv.jpg) center center no-repeat; background-size: 80% 80%;}
.lista-lojas .item .escolhaLj .area-ckb .input-ckb input{margin-left: -100px; }


/* Passo 3 upload de arquivos - e outros ------------------------------------------ */
/* -------------------------------------------------------------------------------- */
.prodItem .area-arq .bt-add-arq{position: relative; display: block; cursor: pointer;}
.prodItem .area-arq .bt-add-arq span{display: inline-block; width: 35px; height: 35px; background: #ba0017 url(../img/bt-back-mais.png) center center no-repeat; vertical-align: middle; -webkit-transform: translateZ(0); transition: 0.4s ease;}
.prodItem .area-arq .bt-add-arq:hover span{background-color: #000;}
.prodItem .area-arq .limit-area-arq{ height: 79px; margin: 5px 0; overflow: auto;}
.prodItem .area-arq .btn{display: block; height: 35px; width: 100%; border-radius: 0; background: #ba0017; color: #fff;}
.prodItem .area-cp-txt, .prodItem .area-cp-txt .cps{height: 160px; resize: none;}
.c-area-filelist{position: relative;}
.c-area-filelist .c-filelist{overflow: hidden; overflow-y: visible!important;}
.c-area-filelist .c-filelist div{font-size: 10px; height: 17px; line-height: 17px; border: 1px solid #ccc; border-radius: 10px; overflow: hidden; padding: 0 8px; position: relative; margin-bottom: 5px;}
.c-area-filelist .c-filelist div b{display: block; width: 50px; position: absolute; top: 0; right: 0; height: 17px; font-size: 11px; color: #fff; text-align: center; background: #7f7f7f; border-left:5px solid #fff;}