/**
 * Reset
 */
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, font, 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 {

  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
	font-style: normal;
	font-weight: normal;
  vertical-align: baseline;
  background: transparent
}

ol, ul { list-style: none}

blockquote, q { quotes: none }

hr { display:none }

textarea {
    resize:none;
    overflow:auto;
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

blockquote, q { quotes: none; }

input:focus, select:focus, textarea:focus{outline:0}

.left{float: left;}

.right{float: right;}

a {text-decoration: none}



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

}

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

}

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

}


/************************/

body{
  font-family: 'robotoregular', Arial, Helvetica, sans-serif;
}

h1{
  background: url('../imagens/logo.png');
  width: 284px;
  height: 110px;
  float: left;
  text-indent: -9000px;
}

.ics{
  text-indent: -90000px;
  background: url('../imagens/split.png');
}

.content{
  width: 965px;
  margin: 0 auto;
  display: block;
}

.header{
  background-color: #009ee0;
  width: 100%;
  height: 21px;
  float: left;
  color: #FFF;
  font-size: 12px;
  padding: 12px 0 12px 0;
  font-family: 'robotomedium'
}

.header .login{
  margin-left: 10px;
  float: left; 
}

.header .login a{
  color: #FFF
}
.header .login a:hover{
    text-decoration: underline;
}
.header .contato{
  width: 300px;
}

.ic-televendas{
  width: 24px;
  height: 24px;
  background-position: -348px -111px;
  float: left;
}

.ic-lista{
  width: 19px;
  height: 19px;
  background-position: -320px -111px;
  float: left;
}

.header .contato h2{
  margin: 4px 35px 0 5px;
}

.header .lista a{
  color: #FFF;
  text-decoration: none;
  margin: 3px 0 0 8px;
}
.modal-lista-orcamento{
    position: absolute;
    top: 27px;
    left: -25px;
    width: 170px;
    border: 1px solid #a5a5a5;
    border-radius: 4px;
    background-color: #f8f8f8;
    z-index: 10;
    display: none;
}

.modal-lista-orcamento li{
    position: relative;
    padding: 10px 5px;
    border-bottom: 1px solid #bdbdbd;
    display: inline-block;
}

.modal-lista-orcamento .img{
    border: 1px solid #ebeeef;
    border-radius: 4px;
    width: 55px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background-color: #FFF;
    float: left;
}

.modal-lista-orcamento .img img{
    vertical-align: middle;
    max-width: 50px;
    max-height: 60px;
}

.modal-lista-orcamento p{
    float: left;
    margin-left: 5px;
    font-size: 10px;
    color: #353535;
    width: 95px;
    margin-top: 25px;
}

.modal-lista-orcamento .ic-fechar{
    position: absolute;
    top: 5px;
    right: 5px;
    background-position: -430px -255px;
    width: 6px;
    height: 7px;
}

.modal-lista-orcamento .bt-lista-b{
    margin: 20px 0 10px 20px !important;
    padding: 5px 7px;
    background-color: #56ccc8;
    border-color: #23b4ca;
    float: left;
}

.modal-lista-orcamento .ic-detalhe{
    position: absolute;
    top: -9px;
    left: 75px;
    width: 25px;
    height: 9px;
    background-position: -398px -252px;
}

.header .lista a{
    color: #FFF;
    text-decoration: none;
    margin: 3px 0 0 8px;
}
.header .lista{
    width: 135px;
    position: relative;
}

.modal-lista-orcamento{
    position: absolute;
}


.busca{
  height: 106px;
}

.busca form{
  margin-top: 25px;
}

.busca input[type="text"]{
  color: #767676;
  width: 350px;
  height: 15px;
  padding: 10px 12px;
  border-radius: 5px 0 0 5px;
  border: 1px solid #dde2e4
}

.ic-busca{
  background-position: -425px -59px;
  width: 56px;
  height: 38px;
  border: 0;
}

/**
 * MENU
 */
.menu{
  border-bottom: 8px solid #009ee0;
  height: 132px;
}

.menu ul{
  float: left;
  margin: 73px 0 0 25px;
}

.menu ul li{
  float: left;
  margin-right: 15px;
  font-family: 'robotocondensed';
  font-size: 16px;
  width: 135px;
  height: 57px;
}

.menu ul li.ativo, .menu ul li:hover{
  background-color: #009ee0;
}

.menu ul li a{
  color: #009ee0;
  margin: 18px 0 0 0;
  float: left;
  width: 135px;
  text-align: center;
}

.menu ul li.ativo a, .menu ul li:hover a{
  color: #FFF;
}

/**
 *Categorias
 */

.categorias{
  margin: 32px auto 15px auto;
  width: 765px;
  height: 130px;
}

.categorias ul li{
  float: left;
  margin-right: 10px;
  width: 115px;
  height: 120px;
}

.categorias ul li a{
  width: 115px;
  height: 120px;
  border:  4px solid  ;
  border-width: 0 0 4px 0;
  float: left;
}


.categorias ul li h2{
  font-family: 'robotomedium';
  color: #fff;
  font-size: 17px;
  text-align: center;
  padding: 0 5px;
  line-height: 20px;
}

.categorias ul li a:hover{
  border-width: 4px 4px 0 0;
}


.categorias ul li a:hover span{
  margin-top: 6px;
}
.categorias ul li a:hover h2{
  margin: 0;
}

.categorias ul li span{
  width: 58px;
  height: 50px;
  margin: 10px 0 0 30px;
}

.todos a span,.descartaveis a span, .limpeza a span,.acessorios a span, .clarence a span,.mais a span {
  display: inline-block;
  text-indent: -900000px;
  background: url('../imagens/split.png');
}

.categorias ul li.todos a{ background-color: #23b4ca; }
.categorias ul li.todos a{ border-color: #1d97aa; }
.categorias ul li.todos a:hover{ border-color: #0c7d98; }
.categorias ul li.todos a span{background-position: 1px -235px;}

.categorias ul li.descartaveis a, .title-categoria.descartaveis .title{ background-color: #f7be24; }
.categorias ul li.descartaveis a, .title-categoria.descartaveis{ border-color: #d1a11f; }
.categorias ul li.descartaveis a:hover{ border-color: #e0ac21; }
.categorias ul li.descartaveis a span, .title-categoria .ic-descartaveis{background-position: -53px -235px;}
.title-categoria .ic-busca{
    text-indent: -99999px;
    background: url("../imagens/lupa.png") 10px no-repeat;

}

.categorias ul li.acessorios a, .title-categoria.acessorios .title{ background-color: #6e45a7; }
.categorias ul li.acessorios a, .title-categoria.acessorios{ border-color: #5b398b; }
.categorias ul li.acessorios a:hover{ border-color: #603c92; }
.categorias ul li.acessorios a span, .title-categoria .ic-acessorios{background-position: -101px -235px;}

.categorias ul li.limpeza a, .title-categoria.limpeza .title{ background-color: #40af63; }
.categorias ul li.limpeza a, .title-categoria.limpeza{ border-color: #338b4f; }
.categorias ul li.limpeza a:hover{ border-color: #369454; }
.categorias ul li.limpeza a span, .title-categoria .ic-limpeza{background-position: -150px -237px;}

.categorias ul li.clarence a, .title-categoria.clarence .title{ background-color: #009ee0; }
.categorias ul li.clarence a, .title-categoria.clarence{ border-color: #017fb4; }
.categorias ul li.clarence a:hover{ border-color: #0187bf; }
.categorias ul li.clarence a span, .title-categoria .ic-clarence{background-position: -216px -235px;}

.categorias ul li.mais a, .title-categoria.mais .title{ background-color: #91c547; }
.categorias ul li.mais a, .title-categoria.mais{ border-color: #739c39; }
.categorias ul li.mais a:hover{ border-color: #7ba63d; }
.categorias ul li.mais a span, .title-categoria .ic-mais{background-position: -286px -238px;}

/**
 * Lista de produtos HOME
 */
.lista-produtos{
  display: inline-block;
}


.lista-produtos.oferta{
  margin-bottom: 50px;
}

.lista-produtos .cabecalho{
  width: 941px;
  background: #f6f6f6;
  border: 1px solid #dde2e4;
  padding: 9px 12px 0 12px;
  height: 30px;
  margin-bottom: 20px;
}

.lista-produtos .cabecalho span{
  height: 5px;
  width: 160px;
  background: #009ee0;
  margin: -9px 0 0 -12px;
  float: left;
}

.lista-produtos .cabecalho h2{
  color: #444;
  font-family: 'robotomedium';
  font-size: 14px;
  float: left;
  font-weight: bold;
}

.lista-produtos .cabecalho .paginacao{
  float: right;
}

.lista-produtos .cabecalho .paginacao a{
  float: left;
  width: 18px;
  height: 18px;
  margin-left: 10px
}

.lista-produtos .cabecalho .paginacao a.bt-prev{
  background-position: -10px -10px;
}

.lista-produtos .cabecalho .paginacao a.bt-next{
  background-position: -39px -10px;
}

.lista-produtos ul li{
  float: left;
  width: 225px;
  height: 320px;
  border: 1px solid #dde2e4;
  border-bottom: 5px solid #0081b7;
  margin: 25px 19px 25px 0;

}

.lista-produtos ul li.ultimo{
  margin-right: 0;
}

.lista-produtos ul li .img{
  text-align: center;
  border-bottom: 1px solid #dde2e4;
  padding: 10px;
    overflow: hidden;
    height: 220px;
}
.lista-produtos ul li .img img {
    max-width: 210px;
    max-height: 250px;
    width: auto;
    height: auto;
}
.lista-produtos ul li .descricao a.title{
  color: #403f3f;
  font-size: 14px;
  height: 46px;
  padding: 10px 10px 0 10px;
  float: left;
  line-height: 20px;
}

.lista-produtos ul li .descricao a:hover{
  text-decoration: underline;
}

.lista-produtos ul li .ic-detalhe{
  width: 17px;
  height: 17px;
  background-position: -65px -10px;
  float: right;
  margin: 0 10px 15px 0;
}

.lista-produtos ul li h4{
  color: #403f3f;
  font-size: 14px;
  float: left;
  margin: 0 0 15px 10px;
}
.lista-produtos .nenhum {
    margin-top: 30px;
    text-align: center;
}
.connected-carousels .stage li img{
    max-height: 245px;
    max-width: 230px;
    width: auto;
    height: auto;
}
.rodape{
  clear: both;
  margin-top: 84px;
}

.rodape .atendimento{
  background: #f6f6f6;
  border: 1px solid #dde2e4;
  padding: 15px 0 0 12px;
  height: 140px;
}

.rodape .atendimento h2{
  font-size: 18px;
  color: #444;
}

.rodape .atendimento .detalhe{
  width: 160px;
  height: 5px;
  background: #5ccaf0;
  float: left;
  margin: -15px 0 0 -12px;
}

.rodape .horario{
  width: 327px;
  height: 100px;
  float: left;
  margin-left: 150px;
}

.rodape .horario p{
  color: #767676;
  font-size: 13px;
  text-align: right;
  line-height: 23px;
}
.rodape .horario p strong{
	font-weight: bold;
}
.rodape .horario .descr{
  float: left;
 
  margin-right: 20px;
}

.rodape .ic-atendimento{
  width: 89px;
  height: 89px;
  float: right;
  background-position: -227px -61px
}

.rodape .ajuda{
  width: 440px;
  height: 103px;
  margin-left: 30px;
  float: left;
}

.rodape .ajuda input[type="text"]{
  color: #767676;
  width: 350px;
  height: 15px;
  padding: 10px 12px;
  border-radius: 5px 0 0 5px;
  border: 1px solid #dde2e4;
  float: left;
}

.rodape .ajuda form{
  float: left;
  margin-bottom: 10px;
}

.rodape .ic-busca{
  background-position: -94px -10px;
  width: 59px;
  height: 38px;
  border: 0;
  float: left;
  margin-left: -12px;
}

.rodape .ic-chat{
  width: 83px;
  height: 39px;
  float: left;
  margin-right: 15px;
  background-position: -7px -60px;
}

.rodape .ic-chat:hover{
  background-position: -7px -104px;
}

.rodape .ic-contato{
  width: 107px;
  height: 39px;
  float: left;
  background-position: -102px -60px;
}

.rodape .ic-contato:hover{
  background-position: -102px -104px;
}


.rodape-conteudo{
  background: #152840;
  width: 100%;
  height: 400px;
  margin-top: 10px;
  padding-top: 30px;
}

.rodape .box{
  width: 460px;
}

.rodape .box-title{
  background-color: #FFF;
}

.rodape .box-title .ic-news, .rodape .box-title .ic-social{
  width: 47px;
  height: 40px;
  float: left;
  margin: -8px 0 0 -54px;
}

.rodape .box-title .ic-news{
  background-position: -370px -62px;
}

.rodape .box-title .ic-social{
  background-position: -322px -60px;
}

.rodape .box-title{
  color: #444;
  font-size: 16px;
  padding: 8px 0 0 54px; 
  font-family: 'robotomedium';
  height: 31px;
}

.rodape .box form {
  font-family: 'robotomedium';
  float: left;
  clear: both;
  margin: 15px 0 50px 43px;
}

.rodape .box form label{
  color: #23b4ca;
  font-size:  16px;
  float: left;
  margin: 8px 12px 0 0;
}

.rodape .box form input[type="text"]{
  background: #FFF;
  border-radius: 4px 0 0 4px;
  width: 228px;
  height: 16px;
  padding: 9px 12px;
  border: 0;
}
.rodape .box form input[type="text"].error{
    color: red;
}
.rodape .box form input[type="button"]{
  color: #FFF;
  font-size: 14px;
  padding: 8px 10px;
  border-bottom: 3px solid #1c96a8;
  border-width: 0 0 3px 0;
  background: #23b4ca;
  margin: 0 0 0 -5px;
    cursor: pointer;
} 


.rodape .clarence, .rodape .informacoes{

  background: #263a54;
  width: 210px;
}

.clarence .ic-clarence, .informacoes .ic-informacoes, .pagamentos .ic-pagamentos{
  float: left;
  width: 31px;
  height: 31px;
}

.clarence .ic-clarence{
  background-position: -346px -10px;
}

.informacoes .ic-informacoes{
  background-position: -388px -10px;
}

.pagamentos .ic-pagamentos{
  background-position: -428px -10px;
}

.clarence .title, .informacoes .title, .pagamentos .title{
  height: 29px;
  border-bottom: 2px solid;
}

.clarence .title{
  border-color: #009ee0;
}

.informacoes .title{
  border-color: #40af63;
}

.pagamentos .title{
  border-color: #4775c9;
}

.clarence h2, .informacoes h2, .pagamentos h2{
  font-family: 'robotomedium';
  color: #FFF;
  font-size: 16px;
  margin: 5px 10px;
  float: left;
}

.clarence ul, .informacoes ul{
  margin: 30px 0 20px 40px;
}

.clarence ul li, .informacoes ul li{
  margin-bottom: 10px;
}

.clarence ul li a, .informacoes ul li a{
  color: #FFF;
  font-size: 12px;
  font-family: 'robotomedium';
}

.rodape .social{
  margin: 28px 0 36px 110px;
  display: inline-block;
}

.rodape .social ul li{
  float: left;
  margin-right: 15px;
}

.rodape .social ul li a.ics{
  float: left;
  width: 32px;
  height: 32px;
}

.rodape .social ul li a.ic-facebook{ background-position: -162px -10px;}
.rodape .social ul li a.ic-pinterest{ background-position: -209px -10px;}
.rodape .social ul li a.ic-twitter{ background-position: -257px -10px;}
.rodape .social ul li a.ic-google{ background-position: -303px -10px;}

.rodape .pagamentos ul{
  margin: 25px 0 0 10px;
  display: inline-block;
}

.rodape .pagamentos ul li{
  float: left;
  margin-right: 40px;
}

.rodape .pagamentos ul li.ics{
  width: 50px;
  height: 70px;
  display: inline-block;
}

.rodape .pagamentos ul li.ic-deposito{
  background-position: -7px -160px;  
}

.rodape .pagamentos ul li.ic-cheque{
  background-position: -96px -160px;  
}

.rodape .pagamentos ul li.ic-boleto{
  background-position: -187px -160px;  
}

.rodape .cnpj{
  width: 277px;
  float: left;
  margin-top: 35px;
}

.rodape .cnpj p{
  float: left;
  color: #FFF;
  font-size: 12px;
}

.rodape .ic-design{
  float: right;
  width: 52px;
  height: 46px;
  background-position: -298px -173px;
  margin-top: 35px;
}

/**
 * Lista de categorias
 */

.title-categoria{
  width: 100%;
  height: 115px;
  border-bottom: 4px solid;
  margin-top: 35px;
}

.title-categoria .title{
  padding: 10px;
  width: 95px;
  height: 95px;
  float: left;
}

.title-categoria .title h2{
  color: #FFF;
  font-family: 'robotomedium';
  font-size: 14px;
  text-align: center;
}

.title-categoria span{
  width: 58px;
  height: 50px;
  margin: 0 0 0 15px;
  float: left;
}

.sub-categorias{
  margin-left: 210px;
  display: inline-block;
  margin-top: 50px;
}

.sub-categorias li{
  float: left;
  margin-right: 125px;
  margin-bottom: 50px;
}

.sub-categorias li.ultimo{
  margin-right: 0;
}

.bt-lista{
  float: right;
  color: #666565;
  border: 2px solid #666565;
  border-radius: 4px;
  padding: 10px 8px;
  font-size: 14px;
  margin-top: 30px;
}

/**
 * Sidebar
 */
.sidebar{
  float: left;
  width: 220px;
  margin-top: 15px;
}

.lista-orcamento h3{
  font-family: 'robotomedium';
  font-size: 16px;
  color: #FFF;
  background-color: #56ccc8;
  border-bottom: 4px solid #23b4ca;
  text-align: center;
  padding: 15px 0 10px 0;
}

.lista-orcamento ul li{
  display: inline-block;
  position: relative;
  width: 220px;
  height: 91px;
  margin-bottom: 5px;
}

.lista-orcamento ul li .img{
  float: left;
  border: 1px solid #ebeeef;
  border-radius: 4px;
  text-align: center;
  width: 80px;
  height: 85px;
}

.lista-orcamento ul li img{
  max-width: 80px;
  max-height: 85px;
}

.lista-orcamento ul li p{
  font-size: 12px;
  color: #353535;
  position: absolute;
  bottom: 5px;
  left: 95px;
}

.lista-orcamento ul li .excluir, .modal-lista-orcamento .excluir{
    background: url("../imagens/icon-excluir.png") no-repeat;
  color: #353535;
  font-size: 1px;
  float: right;
  position: absolute;
  top: 5px;
  right: 10px;
    height: 9px;width: 9px;
}

.bts{
  background-color: #56ccc8;
  border-bottom: 3px solid #23b4ca;
  color: #FFF;
  font-size: 12px;
  padding: 10px 15px;
    cursor: pointer;
}
input.bts:hover{
	background-color:#0081b7!important;
}
.bt-verlista{
  float: left;
  margin: 22px 0 50px 42px;
}

/**
 * Detalhe do produto
 */
.detalhe{
  float: left;
  margin: 35px 0 0 25px;
  /*width: 720px;*/
}

.detalhe-produto{
  float: left;
  margin-left: 30px;
  margin-top:25px;
  width: 450px;
}

.detalhe-produto h2{
  color: #353535;
  font-size: 16px;
  padding-bottom: 13px;
  border-bottom: 1px solid #dbdbdb;
}

.detalhe-produto p{
  color: #696969;
  font-size: 14px;
  margin-top: 30px;
  margin-bottom: 30px;
}

.detalhe-produto p.atencao{ color: #690000;}

.detalhe-produto h4{
  color: #009ee0;
  font-size: 14px;
}

.detalhe-produto .quantidade{
  float: left;
  margin-top: 30px;
}

.detalhe-produto .quantidade label{
  color: #a4a4a4;
  font-size: 12px;
  float: left;
  margin: 10px 10px 0 0;
}

.detalhe-produto .quantidade input{
  color: #a4a4a4;
  font-size: 12px;
  width: 33px;
  height: 33px;
  border: 1px solid #ebeeef;
  text-align: center;
  float: left;
}

.bt-mais, .bt-menos{
  background-color: #009ee0;
  border-color: #0081b7;
  float: left;
  margin-left: 5px;
}

.detalhe-produto .opcoes{
  clear: both;
  margin-top: 30px;
  float: left;
}

.detalhe-produto .bt-incluir{
  background-color: #009ee0;
  border-color: #0081b7;
  margin-left: 55px;
  float: left;
  font-size: 15px;
}

.descricao-produto{
  width: 670px;
  margin-top: 50px;
  display: inline-block;
}

.descricao-produto .title{
  border-bottom: 5px solid #23b4ca;
  margin-bottom: 20px;
}

.descricao-produto .title h4{
  color: #FFF;
  font-family: 'robotomedium';
  background-color: #56ccc8;
  font-size: 14px;
  padding: 9px 60px;
  display: inline-block;
}

.descricao-produto p{
  color: #696969;
  font-size: 14px;
  margin-bottom: 30px;
}

.breadcrumb, .breadcrumb a{
  color: #009ee0;
  font-family: 'robotomedium';
  font-size: 12px;
}

.breadcrumb{
  display: inline-block;
  margin-top: 30px;
}

.title-padrao{
  border-bottom: 3px solid #23b4ca;
  margin-top: 30px;
}

.title-padrao h2{
  background-color: #56ccc8;
  padding: 10px 35px;
  font-family: 'robotomedium';
  display: inline-block;
  font-size: 14px;
  color: #FFF;
}

.orcamento{
  display: inline-block;
  margin-left: 40px;
}

.orcamento li div{
  height: 140px;
  float: left;
  border-bottom: 1px solid #444444;
  margin-bottom: 10px;
}

.orcamento li.ultimo div{border-bottom: 0;}

.orcamento li .img{
  border: 1px solid #edf0f1;
  border-radius: 4px;
  width: 130px;
  height: 140px;
  text-align: center;
  line-height: 140px;
}

.orcamento li .img img{
  vertical-align: middle;
}

.orcamento li .nome{
  width: 138px;
  padding: 0 115px 10px 50px;
}
.orcamento li .nome p{
  color: #353535;
  font-size: 14px;
  margin-top: 50px;
}

.orcamento li .quantidade{
  padding: 0 170px 10px 0px;
}

.orcamento li .quantidade div{
  border-bottom: 0;
  margin-top: 55px;
  margin-bottom: 0;
}

.orcamento li .quantidade p{
  color: #a4a4a4;
  float: left;
  font-size: 12px;
  margin-top: 7px;
}

.orcamento li .quantidade input{
  border: 1px solid #dfe4e6;
  padding: 7px;
  text-align: center;
  width: 20px;
  margin: 0 5px;
  float: left;
}

.orcamento li .quantidade .bt-mais, .orcamento li .quantidade .bt-menos{
  width: 30px;
  height: 30px;
  float: left;
}

.quantidade .bt-mais{
  background-position: -480px -114px;
} 
.quantidade .bt-menos{
  background-position: -516px -114px;
}
.bts.bt-mais, .bts.bt-menos{
	padding: 10px 15px 5px;
}
.orcamento li .acoes{
  padding: 0 65px 10px 0;
}

.orcamento li .acoes a{
  line-height: 140px;
  color: #a4a4a4;
  font-size: 12px;
  float: left;
  width: 75px;
}

.orcamento li .acoes .ic-excluir{
  background-position: -560px -112px;
  width: 23px;
  height: 30px;
  float: right;
  margin-left: 5px;
  margin-top: 51px;
}

.orcamento li.botton{
  border: 1px solid #444444;
  border-width: 1px 0 1px 0;
  padding: 15px 20px;
  text-decoration: underline;
  display: inline-block;
  width: 885px;
}

.orcamento li.botton a{
  color: #444;
  font-size: 12px;
}

.orcamento li a.lista{
  width: 105px;
}

.orcamento li a .ic-atualizar{
  width: 17px;
  height: 17px;
  background-position: -596px -120px;
  float: right;
}

.orcamento-dados{
  display: inline-block;
}

.orcamento-dados .login{
  margin: 28px 0 0 38px;
  width: 384px;
}

.orcamento-dados .login p{
  color: #707070;
  font-family: 'robotomedium';
  font-size: 16px;
  margin-bottom: 10px;
}

.orcamento-dados form{margin-top: 15px;}

.orcamento-dados form li{ margin-top: 15px; display: inline-block; width: 386px;}

.orcamento-dados form li.bt{
  margin-top: 5px;
}

.orcamento-dados form label{
  width: 62px;
  color: #707070;
  float: left;
  font-size: 14px;
  text-align: right;
  padding-top: 5px
}

.orcamento-dados form input[type='text'], .orcamento-dados form input[type='password']{
  width: 305px;
  border: 1px solid #707070;
  border-radius: 4px;
  float: left;
  padding: 5px;
  margin-left: 5px;
}

.orcamento-dados form .bt-login{
  border-width: 0 0 2px 0;
  background-color: #009ee0;
  border-color: #0081b7;
  padding: 5px 20px;
}

.orcamento-dados form a{
  color: #444;
  font-size: 12px;
  margin-left: 170px;
  text-decoration: underline;
}

.orcamento-dados .cadastrese{ margin-top: 25px}

.orcamento-dados .cadastrese p{
  color: #707070;
  font-size: 14px;
  display: inline-block;
}

.orcamento-dados .cadastrese .bt-cadastro{
  float: right;
  padding: 5px 20px;
  background-color: #5ccaf0;
  border-color: #48b7e0;
}

.orcamento-dados .banner{
  margin-top: 30px;
}

.orcamento-dados .banner ul li{
  margin-bottom: 70px;
}
.sucesso-orcamento {
    width: 500px;
    display: block;
    margin: 55px auto 100px;
    background-color: #A3CB39;
    padding: 55px 0;
}
.sucesso-orcamento p {
    color: #FFFFFF;
    text-align: center;

}
/**
 * Cadastro
 */
.title-padrao.t-cadastro{
  border-color: #23b4ca
}

.title-padrao.t-cadastro h2{
  background: #56ccc8;
}

.cadastro{
  width: 690px;
  float: left;
  margin-left: 65px;
}

.cadastro p{
  font-size: 14px;
  color: #444;
  margin: 25px 0 30px 0;
}

.cadastro legend{
  border: 1px solid #009ee0;
  border-width: 0 0 4px 30px;
  padding-left: 20px;
  font-size: 16px;
  color: #444;
  font-family: 'robotomedium';
  width: 690px;
}

.cadastro fieldset{
  padding: 0 0 60px 0;
}

.cadastro ul{ margin-top: 30px;}

.cadastro label, .contato label{
  width: 180px;
  text-align: right;
  float: left;
  margin:5px 8px 0 0;
  color: #444;
  font-size: 14px;
}
.contato label.errors{
    width: 100%!important;
}
.cadastro li, .contato li{
  clear: both;
  display: inline-block;
  margin-bottom: 13px;
}

.cadastro input[type="text"], .cadastro input[type="password"], .contato input[type="text"]{
  border: 1px solid #ababab;
  border-radius: 4px;
  padding: 5px;
  height: 20px;
}

.cadastro input.tamanho1{
  width: 310px;
}

.cadastro input.tamanho2{
  width: 145px;
}

.cadastro .radio{
  padding-left: 260px;
}

.cadastro .radio input[type="radio"]{
  float: left;
  display: inline;
  width: auto;
}

.cadastro .radio label{
  width: auto;
}

.cadastro .termo{
  display: block;
}

.cadastro .termo *{
  color: #444;
  font-size: 12px;
}

.cadastro .termo p{
  margin: 0 0 0 95px;
  float: left;
}

.cadastro .termo label{
  float: left;
}

.cadastro .termo label a{ text-decoration: underline;}

.cadastro .termo input[type="checkbox"]{
  float: left;
  margin: 0px 0 0 5px;
}

.cadastro .termo label{
  margin: 0;
  float: left;
  width: 285px;
}

.cadastro .submit{
  display: block;
}

.cadastro .submit p{
  float: right;
  color: #444;
  font-size: 12px;
  margin-bottom: 10px;
}

.cadastro .submit .bt-cadastro, .contato .bt-enviar{
  float: right;
  padding: 5px 20px;
  background-color: #5ccaf0;
  border-color: #48b7e0;
  clear: both;
    cursor: pointer;
}

.cabecalho-title{
  width: 941px;
  background: #f6f6f6;
  border: 1px solid #dde2e4;
  padding: 9px 12px 0 12px;
  height: 30px;
  margin: 40px 0 50px 0;
  display: inline-block;
}

.cabecalho-title span{
  height: 5px;
  width: 160px;
  background: #009ee0;
  margin: -9px 0 0 -12px;
  float: left;
}

.cabecalho-title h2{
  color: #444;
  font-family: 'robotomedium';
  font-size: 14px;
  float: left;
}

.mapa img{width: 966px;}

/**
 * Contato
 */

.contato label{
  width: 80px;
  text-align: right;
}

.contato input.tamanho1{
  width: 380px;
}

.contato input.tamanho2{
  width: 165px;
}

.contato p{
  color: #444;
  font-size: 14px;
  margin-bottom: 35px;
}

.contato .box-contato{
  width: 480px;
  padding:0 20px 0 30px;
  border-right: 1px solid #444 
}

.contato textarea{
  width: 385px;
  height: 140px;
  float: left;
  border: 1px solid #ababab;
  border-radius: 4px;
}
.contato textarea.error{
    border-color: red!important;
}
.contato{display: inline-block; width: 965px;}

.contato li{
  display: block;
}

.contato input.bt-enviar{
  float: right;
  border-width:  0 0 4px 0;
  margin-top: 30px;
}

.contato .box-endereco{
  width: 390px;
}

.contato .box-endereco h2{
  font-size: 16px;
  color: #444;
  font-family: 'robotomedium';
  margin-bottom: 20px;
}

.contato .box-endereco p{
  font-size: 14px;
  color: #444;
}

/**
 * Paginas de relacionamento
 */
.relacionamento{
  display: inline-block;
}

.relacionamento p{
  color: #444;
  font-size: 14px;
  margin: 0 0 35px 0;
}

.relacionamento .menu-relacionamento{
  width: 220px;
}

.relacionamento .menu-relacionamento .title{
  background-color: #009ee0;
  height: 40px;
  border-bottom: 2px solid #017fb4;
}

.relacionamento .menu-relacionamento .title h2{
  color: #FFF;
  font-size: 14px;
  font-family: 'robotomedium';
  line-height: 40px;
  vertical-align: middle;
}

.relacionamento .menu-relacionamento .title span{
  width: 34px;
  height: 33px;
  background-position: -394px -162px;
  margin: 4px 10px 0 12px;
  float: left;
}

.relacionamento .menu-relacionamento li{
  border-bottom: 1px solid #c4c3c3;
  height: 36px;
  width: 184px;
  padding-left: 35px;
}

.relacionamento .menu-relacionamento li a.ativo{
  font-weight: bold;
}

.relacionamento .menu-relacionamento li a{
  color: #444;
  font-size: 14px;
  line-height: 36px;
  vertical-align: middle;
}

.relacionamento .conteudo-relacionamento{
  float: left;
  margin-left: 24px;
  width: 720px;
}

.relacionamento .conteudo-relacionamento h3{
  border: 1px solid #009ee0;
  border-width: 0 0 5px 30px;
  padding: 5px 0 2px 34px;
  color: #444;
  font-size: 16px;
  font-family: 'robotomedium';
  margin-bottom: 40px;
}
.relacionamento .conteudo-relacionamento h2,  .relacionamento .conteudo-relacionamento h2 strong{
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}
.relacionamento .conteudo-relacionamento p{
  font-size: 14px;
  color: #444;
  margin-bottom: 10px;
}
.relacionamento .conteudo-relacionamento p strong{
    font-weight: bold;
}
/**
 * Escolas
 */
 .escolas .para-escolas{
    width: 482px;
 }

 .escolas h2.title{
    border: 1px solid #009ee0;
    border-width: 0 0 5px 30px;
    padding: 5px 0 2px 34px;
    color: #444;
    font-size: 16px;
    font-family: 'robotomedium';
    margin-bottom: 40px;
 }

 .escolas p{
    font-size: 14px;
    color: #444;
    margin-bottom: 30px;
 }

 .escolas .como-funciona ul li{
    width: 315px;
    padding-left: 45px;
     background: url("../imagens/list-style-escola.png") 25px no-repeat;
     margin-bottom: 25px;
margin-left: 10px;
 }

 .escolas .como-funciona ul li span{
   float: left;
   margin-top: 20px;
   width: 12px;
   height: 10px;
   background-color: #009ee0;
   border-bottom:2px solid #0081b7;
 }

 .escolas .como-funciona ul li a{
    color: #444;
    font-size: 14px;
    line-height: 50px;
    vertical-align: middle;
    margin-left: 20px;
 }

 .escolas .como-funciona{
  width: 345px;
 }

 .escolas .como-funciona ul{
  margin-top: -15px;
}


.escolas .arquivos .cabecalho-title{
  margin-bottom: 15px;
}

.escolas .arquivos li{

  float: left;
  width: 215px;
  height: 80px;
  position: relative;
  margin: 0 150px 65px 0;
}

.escolas .arquivos li.ultimo{
  margin-right: 0;
}

.escolas .arquivos li span{
  float: left;
  width: 40px;
  height: 48px;
  background-position: -448px -165px;
}

.escolas .arquivos li p{
  font-size: 12px;
  color: #444;
  margin-left: 20px;
  float: left;
  width: 153px;
}

.escolas .arquivos li .bt-download{
  position: absolute;
  right: 0;
  bottom: 0;
}

.escolas .arquivos li .bt-download{
  background-color: #009ee0;
  border-color: #0081b7;
  padding: 5px 15px;
}

.quem-somos{display: inline-block; width: 965px;}

.quem-somos .box-left{
  width: 500px;
}

.quem-somos .box-right{
  width: 380px;
}

.quem-somos .box-right p{
  color: #444;
  font-size: 14px;
  margin-bottom: 30px;
  text-indent: 40px;
}

.quem-somos .box-right .img{
  margin: 20px auto 0 auto;
  width: 205px;
}

.quem-somos .box-right .img img{
  margin-bottom: 25px;
}

.quem-somos .box-right .img h2, .quem-somos .box-right .img p{
  text-align: center;
  width: 205px;
  color: #444;
  font-size: 14px;
}

.quem-somos .box-left h2{
  margin:  270px auto 0 auto;
  width: 310px;
  position: relative;
  color: #444;
  font-size: 18px;
}

.quem-somos .box-left h2 .ic-abre, .quem-somos .box-left h2 .ic-fecha{
  width: 32px;
  height: 30px;
  position: absolute;
}

.quem-somos .box-left h2 .ic-abre{
  top: -30px;
  left: -30px;
  background-position: -604px -172px;
}

.quem-somos .box-left h2 .ic-fecha{
  bottom: -30px;
  right: -30px;
  background-position: -552px -172px;
}

/**
 * Identifiquese
 */
.identifiquese{
  display: inline-block;
}

.identifiquese .box-login{
  width: 474px;
  margin-left: 15px;
  margin-top: 50px;
}

.identifiquese .box-novos{
  width: 415px;
  margin-left: 60px;
  margin-top: 50px;
}

.identifiquese h2{
  border: 1px solid #009ee0;
  border-width: 0 0 5px 30px;
  padding: 5px 0 2px 34px;
  color: #444;
  font-size: 16px;
  font-family: 'robotomedium';
  margin-bottom: 30px;
 }

.identifiquese .box-novos p{
  color: #767676;
  font-size: 14px;
  margin-left: 15px;
}

.identifiquese input.bt-cadastro{
  margin-right: 45px;
}

.identifiquese .bt-cadastrarse{
  margin-top: 54px;
}

.identifiquese input.bt-cadastro, .identifiquese .bt-cadastrarse{
  background-color: #009ee0;
  float: right;
  border-color: #0081b7;
  border-width: 0 0 2px 0;
  padding: 5px 25px;
  cursor:pointer;
}

.identifiquese ul li{
  margin-bottom: 14px;
}

.identifiquese label{
  width:  100px;
  line-height: 30px;
  vertical-align: middle;
  color: #444;
  font-size: 12px;
  text-align: right;
  float: left;
}

.identifiquese input[type="text"],.identifiquese input[type="password"]{
  border: 1px solid #ababab;
  border-radius: 4px;
  padding: 5px;
  height: 20px; 
  width: 310px;
  margin-left: 5px;
}

label.error{
  display: none!important;
}

input.error{
    border-color: red!important;
}

#modal{
    display: none;
}

.modal{
    background-color: #f7f7f7;
    width: 646px;
    height: 450px;
    padding: 28px 60px 27px 33px;
    position: absolute;
    top: 370px;
    z-index: 30;
}

.modal h2{
    border: 1px solid #009ee0;
    border-width: 0 0 5px 30px;
    padding: 5px 0 2px 34px;
    color: #444;
    font-size: 16px;
    font-family: 'robotomedium';
    margin-bottom: 30px;
}

.modal p{
    color: #444;
    font-size: 14px;
    margin-left: 30px;
}

.modal form{
    margin:30px 0 0 30px;
}

.modal li{
    margin-bottom: 10px;
}

.modal label{
    width:  85px;
    line-height: 30px;
    vertical-align: middle;
    color: #444;
    font-size: 12px;
    text-align: right;
    float: left;
}

.modal input[type="text"], .modal textarea{
    border: 1px solid #ababab;
    border-radius: 4px;
    padding: 5px;
    height: 20px;
    width: 470px;
    margin-left: 5px;
}

.modal textarea{ height: 100px;}
.modal textarea.error {border-color: red;}
.modal .bt-enviar{
    background-color: #009ee0;
    float: right;
    border-color: #0081b7;
    border-width: 0 0 2px 0;
    padding: 5px 25px;
    margin-right: 45px;
}

.modal .ic-fechar{
    width: 20px;
    height: 20px;
    background: url("../imagens/icon-excluir2.png") no-repeat;
    position: absolute;
    top: 12px;
    right: 20px;
}

.overlay{
    background-color: #000;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 20;
    top: 0;
    left: 0;
    opacity:0.65;
    -moz-opacity: 0.65;
    filter: alpha(opacity=65);
}


.nousername_password {
    display: none;
}
.nousername_password .loginmsg {
    background: red;
    color: #fff;
    margin-left: 105px;
    margin-bottom: 10px;
    padding: 5px;
    text-align: center;
    font-size: 11px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    width: 200px;
    font-family: arial;
}
.home .fancybox-outer .fancybox-inner, .fale-conosco .fancybox-outer .fancybox-inner{
    height: auto!important;
}