@charset "utf-8";
/* CSS Document */
/* FFFFFF/texto:333333/coluna:EEEEEE/bg:CCCCCC/cinza:6b7d87/verde:a8cf45/azul:1c678f */
body{color:#333; font-family:"Open Sans", "Trebuchet MS", Helvetica, sans-serif !important; font-size:16px; background:#FFF;}
.container{position:relative; display:block; max-width:980px !important; margin:0 auto; padding:0 20px; height:auto;}
div#apoio .container, div#menu .container, div#conteudo .container{}
div#topo{position:relative; z-index:2; background-color:#cde489;}
div#cabecalho{position:relative; display:block; margin-bottom:25px; padding:0 20px; max-width:100%; height:auto;}
div#cabecalho>h1{position:relative; float:left; display:block; margin:5px auto; z-index:1; background:url(../lay/logo-clepa-fabricacao-e-pintura-de-moveis.png) no-repeat left top; background-size:auto 80px;}
div#cabecalho>h1 a{display:block; text-indent:-9999px; height:80px; width:259px;}
div#cabecalho>h1 a img{display:none;}
div#apoio{display:table; position:relative; padding:0; width:100%; height:auto; color:#FFF; background-color:#605f5b; font-size:15px; line-height:25px; font-family:"Open Sans", "Trebuchet MS", Helvetica, sans-serif; border-bottom:1px solid #FFF;}
div#apoio .apoio-contatos{float:right; display:block; padding:5px 20px;}
div#apoio .apoio-contatos a{color:#FFF;}
div#apoio .apoio-contatos p:first-child{display:inline; border-left:none;}
div#apoio .apoio-contatos p{display:inline; margin-left:5px; border-left:1px solid #FFF;}
div#slides{position:relative; max-width:980px; height:auto!important; background:#FFF; z-index:2; display:none;}
body.hom div#slides{display:block;}
div#slides{margin:0 auto; padding:0;}
div#slides img{display:none; width:100%; height:auto !important;}
div#slides a{border:none; display:block;}
div#slides .nivo-directionNav{}
div#slides .nivo-controlNav{position:absolute; bottom:0; z-index:500; padding:10px 0; width:100%;}
div#slides .nivo-controlNav a{margin:0 auto; display:inline-block; float:none; width:22px; height:22px; background:url(../lay/slider/bullets.png) no-repeat; text-indent:-9999px; border:none;}
div#slides .nivo-controlNav a.active{background-position:0 -22px;}
div#slides .nivo-directionNav a{display:block; width:30px; height:30px; background:url(../lay/slider/arrows.png) no-repeat; text-indent:-9999px; border:none;}
div#slides a.nivo-nextNav{background-position:-30px 0; right:25px;}
div#slides a.nivo-prevNav{left:25px;}
div#slides .nivo-caption{text-shadow:none; font-family:"Open Sans", "Trebuchet MS", Helvetica, sans-serif;}
div#slides .nivo-caption a{text-decoration:underline;}
div#slides .nivo-caption span{position:relative; display:block; height:auto; text-align:center; line-height:50px;}
div#slides .nivo-caption span a{display:block; padding:13px 20px; color:#605f5b; font-size:18px; font-weight:bold; line-height:35px; background:#FFF; text-decoration:none; text-transform:uppercase;}
div#slides .nivo-caption span a:hover{color:#FFF; background:#C00;}
div#conteudo{position:relative; background:rgba(255,255,255,0.60);}
div#conteudo-main{position:relative; margin-bottom:10px; padding-bottom:20px; background:#FFF url(../lay/bg_rodape.jpg) no-repeat bottom center; background-size:100% auto;}
div#menu{float:right; margin:0; height:auto; position:relative; overflow:hidden; }
div#menu ul{text-align:center;}
div#menu ul li{display:inline;}
div#menu ul li a{display:inline-block; padding:34px 10px 33px; color:#6f8d29; font-family:'Open Sans', sans-serif; font-size:17px; line-height:normal; position:relative; text-decoration:none; border-left:1px solid #cde489; border-right:1px solid #cde489; text-transform:uppercase;}
div#menu ul li a:hover{color:#FFF; background-color:#6f8d29;}
div#menu ul li.selecao a{color:#FFF; background:#6f8d29; border-color:#FFF; line-height:normal;}
div#principal{position:relative; display:table; padding:10px 0 30px; width:100% !important;}
body.hom div#principal{margin-bottom:15px; border-bottom:1px dashed #6f8d29;}
body.ctt div#principal{float:left; max-width:530px;}
div#principal p{font-family:"Open Sans", "Trebuchet MS", Helvetica, sans-serif !important; margin:0 0 15px;}
div#principal>p a img{margin:5px 15px 0 0; border:none; border:3px solid #cde489;}
div#principal>p a img:hover{border:3px solid #6f8d29;}
#mygallery{padding-right:3px; background:#cde489;}
.justified-gallery a{border:2px solid #222;}
a.botao_orcamento{display:block; width:372px; height:98px; text-indent:-9999px; margin:20px auto 0; background:url(../lay/img_orcamento.png) no-repeat center center;}
body.rtf div#principal> table p a img{margin:0 5px 0 0;}
div#principal>ul{margin:15px 0;}
div#principal>ul li, div#principal>ul li ul li{display:list-item;}
div#principal>ul li{margin:0 0 0 35px; list-style:disc; font-family:"Open Sans", "Trebuchet MS", Helvetica, sans-serif !important;}
div#principal>ul li ul li{margin:0 0 0 15px; list-style:circle;}
div#principal>ul li ul{margin:2px 0;}
div#principal h1,div#principal h2,div#principal h3,div#principal h4,div#principal h5,div#principal h6{color:#CC0000; margin:5px 0 10px; font-family:"Open Sans", "Trebuchet MS", Helvetica, sans-serif !important; font-weight:normal;}
div#principal h1{font-size:30px; margin:5px 0 20px; line-height:33px; color:#6f8d29;}
div#principal h2{font-size:22px; color:#605f5b; margin:30px 0 15px; text-transform:uppercase; font-weight:bold; line-height:25px;}
div#principal h3{font-size:19px; color:#069;}
div#principal h4{font-size:15px;}
div#principal h5{font-size:12px;}
div#principal h6{font-size:10px;}
div.coluna hr, div#principal hr{border:none; border-top:1px solid #CCC; clear:both; margin:15px 0;}
div#principal a{font-family:"Open Sans", "Trebuchet MS", Helvetica, sans-serif !important; font-weight:bold; color:#333;}
div#principal a:hover{color:#6f8d29;}
div#principal table{margin:0 auto;}
#chamadas-destaque{display:block; padding:0; border-bottom:1px solid #6f8d29; background-color:#6f8d29;}
#chamadas-destaque .container{padding:0 !important;}
footer #chamadas-destaque{display:block; border-bottom:none;}
/*body.hom footer #chamadas-destaque{display:none;}
body.hom #chamadas-destaque{display:block;}*/
div#chamadas{}
div#chamadas ul{margin:0 auto; width:100%; height:auto; right:auto; padding:5px 0; position:relative; display:table; text-align:center;}
div#chamadas ul li{display:inline-table; margin:0 auto; padding:10px; max-width:30%; min-height:259px; vertical-align:top; border-left:1px dashed #CCC; background:none;}
div#chamadas ul li:hover{background:#FFF;}
div#chamadas ul li:first-child{margin:0; border:none;}
div#chamadas ul li a{display:block; padding:0; min-height:105px; font-family:"Open Sans", "Trebuchet MS", Helvetica, sans-serif !important;}
div#chamadas ul li a{text-decoration:none;}
div#chamadas ul li a span{margin:5px auto; display:block; height:140px; width:220px; text-indent:-9999px; text-align:center; border:1px solid #FFF;}
div#chamadas ul li._1 a span, div#chamadas ul li._4 a span{background:url(../lay/img_box_01.jpg) no-repeat center center;}
div#chamadas ul li._2 a span, div#chamadas ul li._5 a span{background:url(../lay/img_box_02.jpg) no-repeat center center;}
div#chamadas ul li._3 a span, div#chamadas ul li._6 a span{background:url(../lay/img_box_03.jpg) no-repeat center center;}
div#chamadas ul li a strong{color:#FFF; text-decoration:none !important; display:block; font-size:22px; max-width:100%; height:25px; text-align:center; margin:5px 5px 10px; text-transform:uppercase;}
div#chamadas ul li a:hover strong{color:#6f8d29; text-decoration:none;}
div#chamadas ul li a b{font-size:14px; color:#fff; text-decoration:none; display:block; font-weight:normal; max-width:100%; padding:5px 0 10px; text-align:center; margin:0 5px;}
div#chamadas ul li:hover a b{color:#6f8d29;}
div#itm{clear:both; position:relative; display:block;}
div#itm ul{position:relative; display:table; padding:10px 0 0; text-align:center; height:auto;}
div#itm ul li{float:left; margin:0 auto; vertical-align:top;}
div#itm ul li a, div#itm ul li a *{cursor:pointer;}
div#itm ul li>a{margin:0 15px 15px 0; padding:1px; display:inline-block; width:470px; height:137px; text-align:left; background-color:#FFF; border:1px solid #CCC;}
div#itm ul li a:hover{text-decoration:none; background:#F3F3F3;}
div#itm ul li a span img{float:left; margin-top:1px; width:125px; height:auto; border:1px solid #CCC;}
div#itm ul li a:hover span img{border:1px solid #CCC;}
div#itm ul li a strong{padding:10px; color:#FFF; display:block; font-size:15px; font-weight:bold; font-family:'Open Sans', sans-serif; background:#6f8d29;}
div#itm ul li a:hover strong{background:#ff9a00;}
div#itm ul li a span{display:block;}
div#itm ul li a span span{display:table; position:relative; padding:15px; color:#666; font-size:14px; font-weight:normal; line-height:normal;}
div#itm ul li a:hover span span{color:#333;}
div#psp{clear:both;}
div#psp ul{padding:10px 0 0;}
div#psp ul li{display:inline;}
div#psp ul li a{margin:0 0 3px; padding:3px 10px; display:inline-block; border:1px solid #CCC; text-align:center; color:#FFF; width:215px; background:#6f8d29;}
div#psp ul li a:hover{text-decoration:none; color:#6f8d29; background:#FFF;}
div.padrao form{width:340px; float:right;}
div.padrao form button{border:none; color:#FFF; background:#6f8d29; text-transform:uppercase; font-family:"Open Sans", "Trebuchet MS", Helvetica, sans-serif; font-size:14px;}
div.padrao form button:hover{background:#6f8d29; text-transform:uppercase; font-family:"Open Sans", "Trebuchet MS", Helvetica, sans-serif; font-size:14px;}
body.ctt div#principal {float:left;}
body.ctt div#conteudo #container{max-width:80%; padding:0 !important;}
div.padrao {float:right; display:block; position:relative; padding:25px; width:320px; margin-bottom:20px;}
div.padrao form {width:100%; float:none; padding:0; display:block;}
div.padrao form fieldset{width:100%;}
div.padrao form fieldset legend {display:block; padding:5px 0; margin:0; float:right; font-size:13px;}
div.padrao form label strong {max-width:85px; clear:both; margin:0; padding:5px; font-size:14px;}
div.padrao form label:nth-child(12) strong{float:right; display:block; max-width:100%; line-height:30px; padding:0; height:29px;}
div.padrao form input, div.padrao form select, div.padrao form textarea{float:right; padding:5px; width:210px;}
div.padrao form select{clear:both; float:right; padding:5px; width:170px;}
div.padrao form span.exibicao {display:block; width:100%; text-align:right; font-size:11px; line-height:30px; color:#000; padding:0; position:relative; clear:both;}
div.padrao form div {display:inline-block; margin:10px 0; padding:0; float:right;}
.whats{background:url(../lay/whats.png) no-repeat 6px 1px; background-size:18px 18px; padding-left:31px !important;}
.mail{background:url(../lay/mail.png) no-repeat 6px 1px; background-size:18px 18px; padding-left:31px !important;}
.phone{background:url(../lay/phone.png) no-repeat 6px 1px; background-size:17px 17px; padding-left:31px !important;}
.cel{background:url(../lay/cel.png) no-repeat 6px 1px; background-size:20px 20px; padding-left:31px !important;}
div#rodape .phone, div#rodape .cel{background-size:18px 18px;}
div#topo .whats, div#topo .mail, div#topo .phone{background-size:20px 20px; padding-left:30px !important;}
body.ctt div#principal .whats{background-position:right; background-size:19px 19px; padding-left:0 !important; padding-right:23px;}
/*Telefones*/
.tele-cel{display:none;}
.tel-desktop,.tel-celular{display:none;}
div.social{margin:0; padding:0;}
div.social ul{margin:0; padding:0; text-align:center;}
div.social ul li{display:block; margin:0; padding:0; width:35px; height:35px; float:left;}
div.social ul li.siga{margin:0; padding:5px 0 11px 0; width:185px !important; height:19px; text-transform:uppercase; font-size:15px; font-weight:bold; text-align:left;}
div.social ul li a{margin:0; padding:0; background:url(../lay/redes_sociais.png) no-repeat center center; display:inline-block; height:35px; width:35px; background-size:auto 35px;}
div.social ul li a:hover{background:url(../lay/redes_sociais_hover.png) no-repeat center center;}
div.social ul li a.facebook{background-position:0 0 !important;}
div.social ul li a.twitter{background-position:-105px 0;}
div.social ul li a.instagram{background-position:-280px 0 !important;}
div.social ul li a.facebook, div.social ul li a.twitter, div.social ul li a.instagram{background-size:auto 35px;}
#topo div.social, #topo div.apoio-social{float:left; margin:0; padding:0;}
div#rodape div#apoio{background:none; border-bottom:1px dashed #DDD; margin-bottom:10px;}
div#rodape div.social ul li{float:none; display:inline; width:100%;}
div#rodape div.social ul li.siga{display:inline-block; vertical-align:top; padding:6px 0; width:210px !important; font-size:17px;}
div#rodape div.social ul li a{margin:0; background:url(../lay/redes_sociais_hover.png) no-repeat center center; display:inline-block; height:35px; width:35px; background-size:auto 35px;}
div#rodape div.social ul li a:hover{background:url(../lay/redes_sociais.png) no-repeat center center;}
div#rodape div#apoio .apoio-contatos{float:none; margin:0 auto; width:100%; display:inline-block; text-align:center; padding:0 0 10px 0;}
div#rodape div#apoio .apoio-contatos p{border-left:none; font-size:14px;}
div#rodape{margin-top:10px; padding:10px 0; font-family:"Open Sans", "Trebuchet MS", Helvetica, sans-serif !important; text-align:center; background:#605f5b; position:relative;}
div#rodape p{color:#FFF; font-size:12px; margin:0 auto;}
div#rodape a{color:#EEE; margin:0 0 10px;}
div#rodape div.menu ul{text-align:center;}
div#rodape div.menu ul li{display:inline;}
div#rodape div.menu ul li a{display:inline-block; padding:0 2px 0 5px; margin:0; line-height:12px; border-left:solid 1px #EEE;}
div#rodape div.menu ul li:first-child a{border:none;}
.limpar{clear:both; float:none;}
@media screen and (max-width:1050px){
	div#cabecalho{position:relative; display:block; padding:0 20px; width:initial; max-width:100%; height:auto;}
	div#itm ul li>a {margin:0 10px 10px 0; width:380px;}
	div#itm ul li a span span {padding:10px; font-size:13px;}
}
#whatsapp-flutuante{position:fixed;display:flex;z-index:2000;width:70px;height:70px;right:30px;bottom:20px;}
#whatsapp-flutuante .whats-float{display:table;width:70px;height:70px;}
#whatsapp-flutuante .whats-float .whats-orcamento{display:table;padding:10px;width:50px;height:50px;-moz-border-radius:50px;-webkit-border-radius:40px;border-radius:40px;background:forestgreen url(../lay/whats-orcamento.png) no-repeat center center;text-decoration:none;opacity:0.8;transform:scale(0.9);-o-transition:all .2s linear;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;transition:all .2s linear;}
#whatsapp-flutuante .whats-float .whats-orcamento:hover{opacity:1;transform:scale(1);}
@media screen and (max-width:590px){
	#whatsapp-flutuante{position:fixed;display:flex;z-index:2000;width:60px;height:60px;right:15px;bottom:15px;}
	#whatsapp-flutuante .whats-float{display:table;width:60px;height:60px;}
	#whatsapp-flutuante .whats-float .whats-orcamento{display:table;padding:5px;width:50px;height:50px;-moz-border-radius:50px;-webkit-border-radius:40px;border-radius:40px;background:forestgreen url(../lay/whats-orcamento.png) no-repeat center center;}
}