@charset "utf-8";
/* CSS Document */
  
*{ margin:0 auto; padding:0; font-family:Arial, Helvetica, sans-serif}
a,body,input,p,ul{color:#000}a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,figure,font,form,h1,h2,h3,h4,h5,h6,html,iframe,img,ins,kbd,label,legend,li,object,ol,pre,q,s,samp,small,span,strike,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;list-style:none}a,input,p,textarea,ul{font-family:Arial,Helvetica,sans-serif;font-size:12px}body{line-height:normal}table{border-collapse:separate;border-spacing:0}caption{text-align:left;font-weight:400}blockquote:after,blockquote:before,q:after,q:before{content:""}blockquote,q{quotes:"" ""}address{font-style:normal}
a{text-decoration:none}
img, iframe, object, embed, video{max-width:100%; height:auto;}
 
.centro{ max-width:1200px; width:100%; margin:0 auto; position: relative; }
.clear{ clear:both}
header, figure, section, aside, article, nav, footer {display: block;}


#header{height:210px; width: 100%; text-align: center; background: url(../img/bg/header.jpg) center bottom no-repeat; position:relative; border-bottom: 5px solid #51b6eb; }
 .logo{ margin:30px auto 0 auto; width: 244px; display: inline-block;}
 
/********************** Inicio Menu *******************************/
	
#menu{ height:51px; width:100%; left:0; background: url(../img/bg/menu.png) center top no-repeat; top:193px; position:absolute; z-index:99; text-align: center;}
#menu ul li{ display: inline-block; height: 43px;}
#menu ul li a{ font-size:18px; display: block; height: 43px; padding: 0px 12px; font-family: 'Lato', sans-serif; line-height: 43px; color:#000; text-transform: uppercase; } 
#menu ul li a:hover{ background:#251a69; transition: all 0.6s; -moz-transition: all 0.6s; -o-transition: all 0.6s; -webkit-transition: all 0.6s; color:#fff;} 
.sep{width: 1px; background: url(../img/icones/sep.png) center no-repeat; display: inline-block; height: 20px;}
/********************** Inicio titulos *******************************/ 
.tt-home {font-size: 30px; font-family: 'Lato', sans-serif; text-transform: uppercase; margin-bottom: 0.5em; text-align: center;}
.tit{color: #251a69; background: url(../img/icones/tit.jpg) repeat-x center; margin-bottom: 2em; font-size: 24px; border-bottom: 1px solid #92c1f6; 
text-transform: uppercase; font-family: 'Lato', sans-serif;}
.tit span{background: #fff; padding-right: 10px;}
/********************** Inicio Conteiner *******************************/
#painel-home{display: block; width: 100%; margin-top: 2px;}
#painel-home, #painel-home .bx-wrapper{max-height: 500px;}
.conteiner {padding-top:70px; clear: both; background: url(../img/bg/conteiner.jpg) no-repeat top center;}
.conteiner p {line-height: 18px;} 

.owl-carousel{display: block; width: 90% !important; display: block; margin: 20px auto 2em auto;}	
.owl-buttons div{  text-indent: -9999px;}
.owl-buttons{position: relative;}  
.owl-carousel .active img{border:none !important;}
.owl-item img{max-width: 90%; display: block; margin:0 auto; width: auto; }
.owl-next, .owl-prev{position: absolute; text-indent: -9999px; top: 35% !important; background-image: url(../img/icones/setas.png) !important; padding: 0 !important;  width: 44px; height: 44px;}
.owl-prev{background-position: left top !important; left: -55px;}
.owl-next{background-position: right top !important; right: -55px;}
.disabled{cursor: default !important; opacity: 0.5;}

.prod-home{  text-transform: uppercase;} 
	.img-prod{max-width: 200px; width: 100%; height: 170px; border: 2px solid #d7edfb; text-align: center; float: left; margin-bottom: 10px;}
		.owl-carousel .owl-item img{width: auto !important;}
	.prod-home span{display: block; font-size: 12px; font-family: 'Lato', sans-serif;}
	.prod-home h2{display: block; font-size: 18px; margin-bottom: 2px; font-family: 'Lato', sans-serif;}
	.prod-home p{display: block; font-size: 22px; font-family: 'Lato', sans-serif;}
	.prod-home figcaption{ clear: both;} 


.bloco-home{display: block; margin: 1em 0; padding: 20px; background: url(../img/bg/bloco-home.jpg) no-repeat 0 0; height: 365px;}
	.bloco-home div{float: left; width: 395px; margin-top: 20px;}
	.bloco-home h3{color: #5b1bb4; font-family: 'Lato', sans-serif; font-weight: bold; font-style: italic; font-size: 30px; margin-bottom: 10px;}
	.bloco-home p{font-size: 14px; text-align: justify;}


.boxe-home{ float:left; width:32%; height:auto; margin:0 2% 3% 0;}
	#mapa{width: 100%; height: 220px;}
	.borda{padding: 5px 22px; border:1px solid #d0beea; text-align: center;}
	.fb-page{width: 100%;}
.boxe-home h4{ color:#5b1bb4; font-size:22px; margin-bottom:5px; font-family: 'Lato', sans-serif; font-style: italic;}
.boxe-home h4 strong{ color:#5b1bb4; font-size:30px; font-family: 'Lato', sans-serif; font-weight: bold; font-style: italic;}
.boxe-home p{ font-size:12px; }
.nomar{margin-right:0px;}  
 
 .link-instagram{float: left; margin-top: 5px; padding: 5px; background: #7fcff5; color: #000; font-weight: bold; font-family: 'Lato', sans-serif; 
 font-size: 14px; font-style: italic; text-transform: uppercase; clear: both;}
/*---------------------- Formulários --------------------*/
#form {width: 615px; float: left; padding: 0px 0 0 0;}
#form label{display: block; float: left; padding: 0 0 16px 0; min-height: 50px; font-family: Arial, sans-serif; }
#form input,#form textarea{background: #fff; border: 1px solid #d9eaf0; height: 29px; font-size:14px}
#form .lr {float: right;}
#form label span { display: block; padding: 0 0 3px 0; font-size: 16px; color:#251a69; font-family: 'Lato', sans-serif; text-transform: uppercase;}
#form input[type=text],#form textarea { padding: 5px; width: 605px; }
#form input[type=email], #form input[type=tel] {width: 290px;  padding: 5px;}
#form textarea{  height:80px; }
#form input[type=submit]{ cursor:pointer; background:#251a69; color:#fff; border:none; font-family: 'Lato', sans-serif; width: 88px; font-size:16px; height:33px; 
float:left; text-transform:uppercase}
#form input[type=submit]:hover{background:#40abe8;}

/*Footer Rodapé*/ 
#footer{ background:#191054 url(../img/bg/rodape.jpg) center top repeat-x; height:auto; color:#FFF; padding:15px 0 ; clear: both;} 
#footer address{ font-family: Arial, sans-serif; font-size:14px; line-height: 18px; float: left; padding: 5px 10px 5px 0px; margin: 5px 0 0 10px; width: 27%; }
#footer address a{color:#fff; font-size:14px; margin-top: 10px; display: block;}
#footer address a:hover, #footer address a:focus{text-decoration: underline;}
.pratica {background: url(../img/pratica.png) no-repeat left top; float: right; clear: both; margin: -5px auto 0 auto; height: 19px;width: 65px;} 
#footer address span{padding-top: 10px; float: left;}
#footer address i{float: left; width: 62px; height: 62px; background-image: url(../img/icones/icones.png); margin-right: 10px;}
.ico-local{background-position: 0 0;}
.ico-whatsapp{background-position: -66px 0;}
.ico-email{background-position: -132px 0;}

.social{float: right; width: 44px; margin:10px 0px 0 0 ; height: 40px;}
.social li {float: left; margin: 2px;}
.social li a i{float: left; width: 38px; height: 38px; background-image: url(../img/icones/icones.png); }
.social li a i.facebook{background-position: -2px -68px;}  
.social li a i.instagram{background-position: -45px -68px;} 
/********************** Inicio Interna *******************************/
#conteiner{background: url(../img/bg/internas.jpg) repeat-x top; padding-bottom: 2%; }
#quem #conteiner {padding-bottom: 0px !important;}
.main{min-height: 350px; padding-top: 3.5em;}
.main p{font-size: 14px; margin-bottom: 27px;} 
.conteudo{float: left; width: 585px;}

.imgqm {float: right; }
.boxe{width: 270px; float: left; }
	.boxe h2{padding: 10px; background-color: #e7f7ff; color: #251a69; font-size: 18px; font-family: 'Lato', sans-serif; margin-bottom: 13px;
border-bottom: 1px solid #251a69;}
.fr{float: right !important;}	

.produto-zoom{float: left; width: 415px;}	
	.produto-zoom .capa{float: left; width: 400px; height: 350px; border:none;}
	.produto-zoom .capa #zoom_01{border: 5px solid #eef9ff;}
.listadeprodutos{float: right; width: 673px;}
.listadeprodutos p{color: #981111; font-size: 22px;}


.capaprod {width: 45%; border: 5px solid #eef9ff; height: 265px; position: relative; float: left; margin:0 2% 2% 0px;}
	.capaprod img{max-width: 100%; display: block; max-height: 100%; margin: 0 auto;}

	.capaprod .zoomWrapper{ width: 100% !important; height: 100% !important;}

.detalhe{float: right; width: 50%; position: relative; height: 285px;}	
	.detalhe .cod{font-size: 16px;}
	.detalhe h1{font-size: 24px; text-transform: uppercase;}
	.detalhe h1 span{font-size: 30px; display: block;}

.capa{width: 100%; border: 5px solid #eef9ff; height: 446px; position: relative;}
/*set a border on the images to prevent shifting*/ 
#gallery_01 img{border:2px solid white;} 
/*Change the colour*/ 
#internas .active{border:2px solid #666 !important;} 
.produtos #gal1 { width: 100%; }
#gal1 {position: absolute; bottom: 5px;} 
#gal1 img{width: auto; max-width: 150%; }
#gal1 a{width: 50px; height: 50px; border: 2px solid #abe2ff; vertical-align: middle; overflow: hidden; float: left; margin: 5px;}

.produto-zoom h1{ font-size: 18px; display: block; text-transform: uppercase; font-family: 'Lato', sans-serif; }
.produto-zoom h1 span{ color: #981111; font-size: 22px; }
.cod{display: block;font-size: 12px; font-family: 'Lato', sans-serif;}

.contato{float: right; width: 547px; }
.contato h3{font-size: 16px; margin-bottom: 5px; color:#251a69; text-transform: uppercase; font-family: 'Lato', sans-serif; }
#map_canvas{float: left; width: 100%; height: 252px; margin-bottom:15px;}

.lateral{float: left; width: 242px;}
.lateral li{display: block; margin-bottom: 1px; position: relative;}
.lateral a{padding: 10px 10px 10px 28px; background: url(../img/icones/link.jpg) no-repeat 14px 15px #78cbf3; text-transform: uppercase; font-size: 14px; font-family: 'Lato', sans-serif; display: block;
border-bottom: 5px solid #66b9e1; color: #160e4a}
.lateral a:hover{ background-color: #251a69; color: #fff; border-bottom: 5px solid #3995cf; transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s;}


.lateral .ativo a{color: #fff; background-color: #251a69;}
.lateral .submenu {position: absolute; right: -100%; top: 0; width: 100%; z-index: 100; display: none;}
.lateral li:hover .submenu {display: block;}
.lateral .submenu li {margin: 0; }
.lateral .submenu li a {background: url(../img/icones/link.jpg) no-repeat 14px 15px #4ca5dd; }
.lateral .submenu li a:hover {background-color: #251a69; border-bottom-color: #2d7eb1; color: #fff;}
 
.produtos{float: right; width: 890px;}
.bloco-prod{float: left; width: 200px; height: 260px;    margin: 0 2.5% 3% 0; }
.nomar{margin-right: 0px;}
/********************** Classes úteis *******************************/
.bt-efeito:hover {opacity: 0.80; -moz-opacity: 0.80; -webkit-opacity: 0.80; -o-opacity: 0.80; filter: alpha(opacity=80);}
.visuallyhidden{border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px}
p.error {margin: 0; padding: 0;  color: #f00; font-size: 10px;}
#dp_swf_engine {display:none;}
#fb-root {display: none;}
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {width: 100% !important;}
/* INICIO PAGINAÇÕES */
#paginacao {margin: 10px 0 3em 0; clear:both; padding: 5px; width:100%; height:20px;text-align:center; vertical-align:middle;	float:left;}
#paginacao a{color:#000; text-decoration: none;	border:1px solid #c1eaff; background-color: #c1eaff; line-height:20px; padding:5px 11px; margin-left:3px; 
border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;	font-size: 18px;}
#paginacao a.linkpage{margin-left:0; background: none; border:none; font-size: 12px;}
#paginacao p {padding: 0;}
#paginacao strong{background:#fff;border:1px solid #c1eaff;line-height:0;padding:5px 11px;margin-left:3px;color:#000; font-size: 18px;
border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;}
/* FIM PAGINAÇÕES */

.barratopo{display:none} 
.pull {display: none; background: url(../img/icones/pull.png) no-repeat right top; width: 36px; height: 36px; margin-right: 20px; }
@media only screen and (max-width: 1200px) {

.owl-carousel{width: 88% !important; }
#footer{padding: 15px 10px; background-position: 0 0;}
#footer address{width: 45%; margin: 5px 0 0 1%; padding:5px 1% 5px 0px }

#conteiner{padding: 20px 10px 1em 10px}

#form, .contato{width:49%}
#form textarea, #form label,#form input[type=email], #form input[type=tel], #form input[type=text]{width:100% !important; } 
#form input[type=submit]{width:100px !important; }	

.conteudo{width: 65%;}
	.boxe, .produto-zoom, .listadeprodutos{width: 48%;}
.imgqm{width: 30%;}

.lateral{width: 28%;}
.produtos{width: 70%;}
.produtos .bloco-prod{width: 30%;}


}

@media only screen and (max-width: 960px) {
	.conteiner{padding:70px 10px 0 10px;} 
	.owl-item img{max-width: 80%;}  
	.produto-zoom{width: 100%; max-width: 400px; display: block; margin: 0 auto 2em auto; float: none;}
	 .listadeprodutos{width: 100%;}
	 .listadeprodutos .bloco-prod{width: 20%;}
	 .zoomWindowContainer, .zoomLens{display: none !important;}
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (max-width: 787px) {
	.pull {display: block; float: right; padding: 0 40px 0 0; }
	.bgplb {background: url(../img/icones/pull.png) no-repeat right bottom; width: 36px; height: 36px; margin-right: 20px; float: right; padding: 0 40px 0 0;}  
	.off-canvas {left: 0 !important;}
	#menu {background: #7bcdf4; position: fixed; left: -100%; top: 0;  z-index: 99999; width: 200px; height: 100%; overflow-y: scroll; overflow-x: hidden;transition-property: left; transition-duration: 0.5s; transition-timing-function:  ease-in-out; margin: 0;}
	#menu ul li {width: 200px; display: block; float: none; height: auto; border-bottom:1px solid #251a69;}
	#menu ul li a {text-align: left; font-size: 1.3em; text-indent: 0px; width: auto; height: auto; line-height: 36px; padding: 0 0 0 10px; } 
	.sep{display: none;}
.barratopo{position:fixed; display: block; left: 0; top: 0; padding: 0; width: 100%; height: 35px; z-index:99999; background: #251a69; border-bottom:1px solid #7bcdf4;}	
.barratopo p{color: #fff; position: absolute; z-index: 99999; line-height:35px; right: 60px; font-size:14px;}
.barratopo span {color: #fff; position: absolute; z-index: 99999; line-height:35px; left: 10px; font-family:Arial, Helvetica, sans-serif; font-size:14px;}

#header{margin-top:30px; height: auto; }	
.logo{margin-bottom: 15px;}


.bloco-home{background: url(../img/bg/bloco-home-mob.jpg) repeat-x 0 0; height: auto;}
	.bloco-home div{float: none; clear: both; width: auto; margin: 0px;}
.boxe-home{ float:left; width:100%; height:auto; margin:0 0 1em 0;}
.rodape, .imgqm{display: none;}
 #footer {padding: 10px; margin-top: 2em;}
 #footer address{ padding: 10px; width: auto; top: auto; }

.owl-carousel{width: 100% !important; margin-bottom: 4.5em;}
.owl-next, .owl-prev{top: 250px !important;  }
.owl-prev{ left: 0;}
.owl-next{ right: 0;} 

#form{width: 97%; margin-bottom: 2em;}
 .contato{width:100%; margin-bottom: 2em;}


.bloco-prod{height: auto;}
.lateral{width: 200px; margin-bottom: 2em;}
 .capaprod{width: 98%; margin: 0 0 2em 0;}
 .detalhe{height: auto; padding-top: 70px;}
  .detalhe #gal1{ top: 0px; bottom: initial;  }
.produtos, .conteudo, .detalhe{width: 100%;}
	 .listadeprodutos .bloco-prod{width: 30%;}
		}


	@media only screen and (max-width: 610px) {
		#header{background: none;}
		.conteiner{padding:10px; background: none;}
		.tt-home{font-size: 1.5em;} 
		#painel-home{display: none;}
		#footer address{width: 100%; margin: 5px 0 1%  0; padding:5px 0 5px 0px }
		.social{display: block; margin: 0 auto; float: none;}
	.boxe{width: 100%; float: left; margin-bottom: 10px;} 
.produtos .bloco-prod{width: 30%;}
.produtos .bloco-prod{width: 45%;}
	}	

/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (max-width: 470px) {
.produtos .bloco-prod, .listadeprodutos .bloco-prod{width: 200px;}
}