@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td,img{padding: 0; margin: 0;}
table {border-collapse: collapse; border-spacing: 0;}
fieldset,img {border: 0;}
address,caption,cite,code,dfn,em,strong,th,var {font-weight: normal; font-style: normal; font-family: Tahoma}
ol,ul {list-style: none;}
caption,th {text-align: left;}
h1,h2,h3,h4,h5,h6,p,span,div{font-weight: normal; font-size: 100%; font-family: Tahoma}
q:before,q:after {content:'';}
abbr,acronym,input,textarea{border: 0;}
a{text-decoration:none; font-family: Tahoma}
strong{font-weight: bold}

.clearfix{zoom: 1}
.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden}

.container-site{width: 1000px; margin: 0 auto 0 auto; position: relative}
.floatl{float: left}
.floatr{float: right}
.clearb{clear: both}
.hidden{display: none!important}

.txt1,.txt2,.txt3,.txt4,.txt5,.txt6,.txt7,.txt8,.flash-success,.flash-error{font-family: Source Sans Pro}
.txt1{color: #606062; font-size: 14px}
small.txt1{font-size: 12px}
.txt2{color: #fff; font-size: 14px}
.txt3{color: #606062; font-size: 18px}
.txt4{color: #fff; font-size: 12px}
.txt5{color: #fff; font-size: 24px}
.txt6{color: #000; font-size: 14px; font-weight: bold}
.txt7{color: #fff; font-size: 40px}
.txt8{color: #606062; font-size: 16px}

.flash-success,.flash-error{
    font-size: 14px;
    padding: 5px;
    font-weight: bold
}

.flash-success{
    color: green;
}

.flash-error{
    color: red;
}


h1.txt1,h2.txt1{
    font-size: 20px;
    padding: 5px 0;
    font-weight: bold;
}

h2.txt1{
    padding-top: 15px;
    font-size: 16px;
    font-weight: normal;
}

.btn{
    background: #53555a;
    color: #fff;
    font-size: 12px;
    padding: 8px 15px;
    cursor: pointer;
}

.btn-disabled{
    background: #fff!important;
    color: #000!important;
    border: 1px solid #000!important
}

.pagina-interna-inner{
    margin-top: 5px;
    padding: 10px;
}

.instrucoes-head,.item-dashboard,#instrucoes-status-pautas{
    background: #ecf4d8;
    padding: 10px;
    margin-bottom: 10px;
}

.item-dashboard .floatl{
    width: 240px
}

#instrucoes-status-pautas{margin-bottom: 0}

.instrucoes-head a{
    padding: 0 10px
}

.instrucoes-head .campo-form{
    width: 170px!important;
}

.coluna-form{
    margin-right: 10px
}

.item-form{
    padding: 7px 4px;
}

.item-form-btn{
    text-align: center
}

.item-form-pauta{
    float: left;
    margin: 10px 12px;
    width: 450px;
}

.desc-produto-pauta{
    font-size: 12px;
    font-style: italic
}

.item-form label{
    font-family: Source Sans Pro;
    font-size: 12px;
    display: inline-block
}

.coluna-form .item-form label{
    width: 115px!important;
    text-align: right
}

.campo-form{
    border: 1px solid #b5d365;
    height: 25px;
    width: 200px;
    outline: none;
    padding-left: 5px;
    padding-right: 5px;
}

textarea.campo-form{
    resize: none;
    min-height: 70px;
    padding-top: 5px;
    padding-bottom: 5px;
}

textarea.campo-texto-pauta,.livespell_textarea{
    width: 960px;
    height: 600px;
    line-height: 20px;
    outline: 0;
    border: 1px solid #b5d365!important;
}

.item-form-pauta input.campo-form,.item-form-pauta textarea.campo-form{
    width: 440px
}

.item-form-pauta textarea.campo-form{
    height: 150px;
    resize: vertical
}


#header-logo{float: left; margin: 30px 0 40px}
#header-menu{float: right; margin-top: 60px}
#header-menu li,#rodape-menu li{float: left}
.header-menu-itens .txt1:hover, .rodape-menu-itens .txt2:hover{text-decoration: underline}
.header-menu-separadores,.rodape-menu-separadores{margin: 0 8px}
#header-login{background: #a8cf45; height: 62px}
#header-login-form{float: left; width: 470px}
.header-login-form-dados{float: left; width: 166px; height: 31px; margin: 15px 0 0 20px; padding-left: 5px; line-height: 31px; outline: 0}
.header-login-form-dados::-webkit-input-placeholder{color: #606062}
.header-login-form-dados::-moz-placeholder{color: #606062}

#header-login-form-entrarbtn{
    float: left;
    margin-top: 15px;
}

#header-login-slogan{float: right; margin: 17px 20px 0 0}

#pagina-sec{
    min-height: 550px;
    margin-bottom: 30px
}
.pagina-cont{margin: 20px 0}

#rodape-sec{height: 100px; background: #a8cf45}
#rodape-menu{float: left; margin: 35px 0 5px}
#rodape-sistema{float: left; clear: left}
#rodape-logo{float: right; margin-top: 15px}

#slider-sec{height: 503px; background: url(fundosli.jpg) top no-repeat}
#banners-control{position: absolute; top: 25px; right: 25px; z-index: 2}
#banners-control li{float: left; margin-right: 5px}
#banners-control li a{color: #606062; font: 14px 'Source Sans Pro'; background: #fff; padding: 0 5px; float: left}
.current a{background: #a8cf45!important}

#home-cont1{margin-top: 25px; margin-bottom: 25px}
#home-cont1-box1,#home-cont1-box2{float: left; margin: 0 10px; width: 314px; height: 259px}
#home-cont1-box1{text-align: center}
#home-cont1-box1 h2.txt3{margin: 25px 0}
#home-cont1-box1 p.txt3{line-height: 20px}
#home-cont1-box1 p.txt3 em{font-style: italic}
#home-cont1-box3{float: left; margin: 0 9px; width: 314px; height: 204px; padding-top: 55px; text-align: center}
#home-cont1-box3 span.txt3{display: block; text-align: center}
#home-cont1-box3 div.clearfix{margin: 20px 0}
.home-cont1-box3-num{background: #4f5053; display: inline-block}
.home-cont1-box3-num .txt7{padding: 0 15px}
.home-cont1-box3-ponto{display: inline-block; border: 2px solid #4f5053;position: relative;top: 10px}

#home-comofaco{height: 360px; background: url(fundohom.jpg) top no-repeat}
#home-comofaco a{float: left;color: #fff}
#home-comofaco .container-site{padding-top: 15px}
#home-comofaco .container-site .txt5{clear: both; margin-bottom: 20px}
#home-circulos{margin-bottom: 15px}

#home-cont2{margin-top: 20px; height: 140px}
#home-cont2 .txt6{float: left; margin: 65px 0 0 110px}



#home-cont2-fone,#home-cont2-email,#home-cont2-cadastro{float: left; margin: 40px 0 0 60px}

#home-cont2-fone .txt1,#home-cont2-email .txt1,#home-cont2-cadastro .txt1{float: left; margin: 25px 0 0 5px}

#home-cont2-email .txt1 a{color: #606062; font-size: 12px}




#myCanvas,#myCanvas2,#comofunciona-myCanvas,#comofunciona-myCanvas2{float: left}
#myCanvas3,#myCanvas4,#comofunciona-myCanvas3,#comofunciona-myCanvas4{float: right}
#myCanvas,#myCanvas4,#comofunciona-myCanvas,#comofunciona-myCanvas4{margin-right: 14px}

#comofunciona-sec .txt3,#comofunciona-sec .txt8{margin-top: 15px}
#comofunciona-sec h3.txt3{margin-top: 30px}
#comofunciona-comofunciona{margin-top: 15px}

#termosdeuso-sec .txt1{padding: 10px 0;text-align: justify}

#precos-tabela1-sec{float: left; width: 450px; margin: 50px 0 0 20px}
#precos-tabela2-sec{float: right; width: 450px; margin: 50px 20px 0 0}
.precos-tabela .dif1{float: left; padding: 5px 0}
.precos-tabela .dif2{float: right; width: 141px; background: #eef5da}
.precos-tabela .dif3{float: left; clear: left; width: 258px; background: #53555a}
.precos-tabela .dif4{float: right; clear: right; width: 141px; background: #53555a}
.precos-tabela .dif2,.precos-tabela .dif3,.precos-tabela .dif4{padding: 7px 0 7px 20px}
.precos-tabela .dif3,.precos-tabela .dif4{margin-top: 7px}


#tabelas-de-preco{
    margin-bottom: 30px
}

.tabela-precos, .tabela-concorrentes{
    width: 480px;
    margin: 10px;
    border-collapse: separate;
    border-spacing: 7px;
}

.tabela-precos{
    clear: both;
    margin: 0 auto 30px;
}

.tabela-concorrentes{
    width: 900px;
    margin: 10px auto
}

.tabela-precos th,.tabela-precos td,
.tabela-concorrentes th,.tabela-concorrentes td{
    padding: 7px 5px 7px 20px;
    font-family: 'Source Sans Pro';
}

.tabela-precos .th-produto,
.tabela-concorrentes .th-produto{
    color: #606062;
    font-size: 18px;
    font-weight: bold;
}

.tabela-precos .th-empresa,
.tabela-concorrentes .th-empresa{
    background: #eef5da;
    color: #606062;
    font-size: 14px;
    font-weight: bold;
}

.th-empresa-redaweb{
    background: #a8cf45;
    color: #606062;
    font-size: 14px;
    font-weight: bold;
}

.tabela-precos .th-qtdade, .tabela-precos .th-preco,
.tabela-concorrentes .th-qtdade, .tabela-concorrentes .th-preco{
    background: #eef5da;
    color: #606062;
    font-size: 14px;
}

#precos-tabela3-sec{width: 915px; float: left; margin: 20px 0 0 45px}
#precos-tabela3-sec span{padding: 8px 0 8px 20px}
#precos-tabela3-sec .dif1{float: right; width: 165px; background: #eef5da; margin-right: 10px}
#precos-tabela3-sec .dif2{float: right; width: 165px; background: #a8cf45; margin-right: 10px}
#precos-tabela3-sec .dif3{float: left; clear: right; width: 300px; background: #eef5da; margin-top: 2px; color: #606062}
#precos-tabela3-sec .dif4{float: left; width: 165px; background: #eef5da; margin: 2px 0 0 10px; color: #606062}
#precos-tabela3-sec .dif5{float: left; clear: left; width: 300px; background: #36383b; margin-top: 2px}
#precos-tabela3-sec .dif6{float: left; width: 165px; background: #36383b; margin: 2px 0 0 10px}


#contato-sec span.txt3{display: block; margin: 20px 0 30px}
#contato-form-sec{float: left; width: 820px; position: relative; padding: 0 90px; margin-bottom: 50px}
.contato-form-dados,#contato-form-msg{width: 395px; border: 1px solid #606062; margin-bottom: 5px; padding-left: 5px; color: #606062; font: 16px 'Source Sans Pro'}
.contato-form-dados{height: 44px; line-height: 44px; float: left; clear: left}
#contato-form-msg{height: 192px; padding-top: 5px; float: right; resize: none}
#contato-form-enviarbtn{background: #606062; color: #fff; font: 16px 'Source Sans Pro'; float: right; clear: right; padding: 8px 30px; cursor: pointer}
#msgemail{position: absolute; left: 0; top: -20px}
.flash_error{color: red; font: 13px 'Tahoma'}
.flash_success{color: green; font: 13px 'Tahoma'}


#menu-usuario-logado{
    padding-top: 10px;
}

#menu-usuario-logado ul li{
    float: left;
}

#menu-usuario-logado ul li a{
    display: block;
    padding: 5px 13px;
    color: #606062;
    font-size: 14px;
}

#menu-usuario-logado ul li a:hover{
    background: #ccc;
}

.tabela-precos-admin{
    border-collapse: collapse;
    font-size: 12px;
    margin: 15px 10px;
    width: 450px
}

.tabela-precos-admin th,.tabela-precos-admin td{
    border: 1px solid #000;
    padding: 5px
}

.tabela-precos-admin th{
    font-weight: bold
}

.pedidos-list, .pautas-list, .pessoas-list, .produtos-list{
    margin-top: 10px;
    margin-bottom: 20px;
}

.pedidos-list li.pedido-item, .pautas-list li.pauta-item, .pessoas-list li.pessoa-item, .produtos-list li.produto-item, .tickets-list li.ticket-item{
    margin: 8px 0;
    padding: 5px;
    font-size: 12px;
    background: #f2f2f2;
}

.pedidos-list li.pedido-item span, .pautas-list li.pauta-item span, .pessoas-list li.pessoa-item span, .produtos li.produto-item span, .tickets-list li.ticket-item span{
    padding: 0 7px;
}

.pedidos-list li.pedido-item form{
    display: inline;
}

.menu-pedido, .menu-pauta, .menu-pessoa, .menu-produto, .menu-ticket{
    float: right;
}

.menu-pauta li, .menu-pedido li, .menu-pessoa li, .menu-ticket li{
    float: left;
    padding: 0 7px;
}

.menu-pauta li a, .menu-pedido li a, .pedido-item a, .pauta-item a, .menu-ticket li a{
    color: #606062
}

.menu-pauta li a:hover, .menu-pedido li a:hover, .pedido-item a:hover, .pauta-item a:hover, .menu-ticket li a:hover{
    text-decoration: underline
}

.menu-pauta li a:hover, .menu-pedido li a:hover, .menu-ticket li a:hover{
    text-decoration: underline
}

.cor-status-0 .status-pauta{color: red}
.cor-status-1 .status-pauta{color: red}
.cor-status-2 .status-pauta{color: red}
.cor-status-3 .status-pauta{color: red}
.cor-status-4 .status-pauta{color: red}
.cor-status-5 .status-pauta{color: green}
.cor-status-6 .status-pauta{color: green}
.cor-status-7 .status-pauta{color: red}


.instrucoes-head-pedido{
    clear: both;
    padding-top: 30px
}

.itens-form-pedido{
    /*padding: 10px 0;*/
}

.itens-form-pedido .item-form label,
.itens-form-pedido .numeric-slider,
.itens-form-pedido .item-form span{
    padding: 0 15px;
}

.itens-form-pedido .campo-qtdade-textos{
    width: 35px!important;
    text-align: center;
    padding: 0;
}

.itens-form-pedido .item-form{
    margin: 10px 0;
    padding-left: 10px;
}

.itens-form-pedido .item-pedido,.valor-total-pedido{
    background: #f7fceb;
}

.itens-form-pedido .item-form a.floatr{
    font-size: 12px;
    color: #8d8d8d;
}

.valor-total-pedido{
    clear: both;
    text-align: right;
    float: right;
    padding: 10px;
}

.valor-total-pedido span{
    font-size: 14px;
    color: #3b3b3c;
}

.itens-form-pedido .item-form label,
.itens-form-pedido .item-form .select-palavras-item-pedido,
.itens-form-pedido .numeric-slider{
    float: left
}

.itens-form-pedido .numeric-slider{
    display: none;
    margin-left: 15px;
}

.itens-form-pedido .item-form label{
    font-size: 16px;
    color: #606062;
    margin-top: 1px;
    padding-left: 20px;
    padding-right: 20px;
}

.subtotal-item-pedido{
    color: #606062
}

a.ui-slider-handle{
    font-size: 12px;
    outline: none;
    text-align: center;
    padding: 1px 17px;
    border: 1px solid #a8cf45!important;
}

.itens-form-pedido .numeric-slider{
    width: 400px;
    margin-top: 5px;
    margin-right: 25px;
}

label.form-error,label.form-error-pedido{
    color: red!important;
    display: block;
    position: absolute;
    font-size: 12px!important;
}

#form-add-editor label.form-error,
#form-add-revisor label.form-error,
#form-add-redator label.form-error,
#form-add-cliente label.form-error,
#form-add-cliente label.form-error-pedido{
    position: static;
}

#item-form-tipo-pessoa{
    width: 390px
}

#item-form-tipo-pessoa label.form-error,
#item-form-tipo-pessoa label.form-error-pedido{
    float: right;
    padding-top: 3px
}

.itens-form-pedido label.form-error-pedido{
    color: red;
    font-size: 14px;
    padding: 0;
    position: absolute;
}

.itens-form-pedido input.form-error-pedido{
    background: #fffed3;
}

.paginacao{
    padding: 5px 10px 7px;
    background: #ecf4d8;
}

.paginacao span a{
    font-size: 12px;
    display: inline-block;
    padding: 1px 4px;
    color: #606062;
}

.paginacao span a.find_page,.instrucoes-head a.find_page{
    background: #a8cf45;
}

#num-slider-500{
    width: 300px;
    float: left;
    margin-right: 10px
}

.list-financeiro-cliente li{
    padding: 5px 0
}

.credito-financeiro,.debito-financeiro{
    font-size: 12px;
}

.credito-financeiro{
    color: blue;
    padding-left: 10px;
    font-weight: bold
}

.debito-financeiro{
    color: red;
    padding-left: 30px;
}

.check-termos{
    padding: 5px 0
}

.form-bcash{
    float: left;
    margin-left: 15px
}

#form-add-ticket-suporte .campo-form{width: 400px}
#form-add-ticket-suporte textarea.campo-form{height: 100px}
#form-add-ticket-suporte .item-form-btn{text-align: left}