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,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,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}

.full-width {width: 100vw!important; position: relative!important;left: 50%!important;right: 50%!important; margin-left: -50vw!important;}

.left{float:left;}

#content.site-content {padding-bottom: 0; padding-top: 0px;}

header#masthead {background-color: #fff;border-bottom: 0; padding: 0;}
#masthead .navbar-nav > li > a {color:#a54686; font-size: 22px;}
#masthead .navbar-nav > li > a:hover {color:#a54686; font-size: 22px;}
#masthead nav {padding-left: 0; padding-right: 0; clear: both;}
.navbar-toggler { background: #fff; float: right;}
.navbar-collapse {background: transparent;}

.navbar-dark .navbar-toggler {background-color: #485e88;}

body{font-family: 'Questrial', sans-serif;overflow-x: hidden;}

.desktoponly{display: block;}
.mobileonly{display: none;}

.miolo{width:1000px; margin:auto;}

h1{font-family: 'Questrial', sans-serif!important; font-weight: 900!important; margin:0!important;}
h1 {font-size: 36px;}
h2{font-family: 'Questrial', sans-serif!important; font-weight: 900!important; margin:0!important;}

h2{font-size:29px; text-align: center;}
h3{font-size:25px;}

input [type="submit"]{}

.entry-content{width: 90%;margin: auto;}
#content ul,ol{margin-bottom: 20px;}
#content li{list-style: circle; margin-left: 20px;}

p{font-size: 20px; margin-bottom: 20px;}

header#masthead {background-color: #fff; height:185px;width:100%;}
header#masthead  #logo{background-image:url(imagens/logo.png); width:189px; height:118px;float: left;margin-top: 30px;}
header#masthead  #atendimentoTopo{color:#485e88; margin-top: 50px;float: left; margin-left: 310px;}
header#masthead  #atendimentoTopo #central{float:left;}
header#masthead  #atendimentoTopo #central #titulo{text-align: center; font-size:18px;}
header#masthead  #atendimentoTopo #central #info{text-align: center; font-size:23px;}
header#masthead  #atendimentoTopo #contatos{float:left;}
header#masthead  #atendimentoTopo #contatos li{float:left; width:45px; height:45px; margin-left: 11px;}
header#masthead  #atendimentoTopo #contatos #email{background-image: url(imagens/icn_email.png);}
header#masthead  #atendimentoTopo #contatos #facebook{background-image: url(imagens/icn_facebook.png);}

#menu-principal {margin-top: -30px; float: left;font-family: 'Questrial', sans-serif;font-weight: 900;float: right;}
#menu-principal li{float: left;text-decoration: none;list-style: none;cursor: pointer;font-size:22px;color:#a54686; margin-left:28px!important; margin-top:0px!important;margin-bottom:0px!important; }
#menu-principal a, a:hover, a:link, a:visited{color:#a54686;}
#menu-principal a:hover{text-decoration:none;}

#barra {background-color: #a21b52;margin-bottom: 3px;}
#barra .miolo{background-color: #b5b5b5; color:#a21b52;}
#barra form{float:left; padding:10px;}
#barra form input{background-color: #c8c8c8;border: 1px solid #c8c8c8;padding: 5px; color:#434343;margin-left:10px;width: 220px;}
#barra form input[type="submit"]{background-color: #485e88; color:#fff;border: 1px solid #485e88; text-transform: uppercase;-moz-border-radius: 20px!important;-webkit-border-radius: 20px!important;border-radius: 20px!important;-khtml-border-radius: 20px!important; padding-left:10px; padding-right:20px;margin: 0;}
.mc-field-group {float:left;}

#barra form p{font-family: 'Questrial', sans-serif; font-weight: 900; padding:3px; font-size: 18px; float:left; margin:0px;}
#barra #btCatalogo {float: right; background-color: #22466b; color: #fff;padding: 12px;cursor: pointer;font-size: 17px;line-height: 14px; text-align: center; font-family: 'Questrial', sans-serif; font-weight: 900; margin-top: 0px; background-image: url(imagens/icn_catalogo.png); background-repeat: no-repeat; background-position: 8px; background-size: 16%; padding-left: 55px;}

.container{width:100%!important;}

#content {background-color: #ececec; width:100%;}
#content .miolobranco {background-color: #fff; width:1000px; margin:auto; border-left: 1px solid #c1c1c1; border-right: 1px solid #c1c1c1;padding-top: 110px; padding-bottom: 50px;}

#vitrine {}
#vitrine .background{width:100%; height:600px; background-size:cover; background-position: center; background-repeat: no-repeat;}
#vitrine .miolo {position: absolute; z-index: 999; top: 230px;}
#vitrine .legenda{background-color: rgba(255,255,255,0.6); color: #373737; width: 650px; margin: auto; padding: 20px;}
#vitrine a, a:link, a:visited{color:#fff; text-decoration: none;}
#vitrine a:hover{text-decoration: none;}
#vitrine h1{font-size:20px;margin-bottom: 10px!important;}
#vitrine h2{font-size:17px;}

a, a:link, a:visited, a:hover{color:#22466b;}

.tituloPagina {width:100%; border-top:#a21b52 25px solid; z-index:100; position: absolute!important;}
.tituloPagina div {width:400px; margin:auto; text-align: center; background-color:#a21b52; color:#fff; -moz-border-radius: 0 0 30px 30px; -webkit-border-radius: 0 0 30px 30px; border-radius: 0 0 30px 30px; padding-bottom: 10px;}

.tituloHome {width:100%; border-bottom:#485e88 25px solid; height: 260px; position: relative;}
.tituloHome div {width:400px; margin:auto; text-align: center; background-color:#485e88; color:#fff; -moz-border-radius: 30px 30px 0 0; -webkit-border-radius: 30px 30px 0 0; border-radius: 30px 30px 0 0; padding-top: 10px;position: absolute; left: 50%; margin-left: -200px;bottom:0;}

#menu-produtos{position: relative;}
#menu-produtos-topo{font-family: 'Questrial', sans-serif; font-weight: 900;}
#menu-produtos-topo li{float: left; background-color: #dedede; width: 19%; margin: 4px; font-size: 18px; padding: 8px; height: 58px; line-height: 20px;}

#menu-produtos-topo li .icone{width: 42px;height: 42px;background-size: cover;float: left; margin-right: 10px;}
#menu-produtos-topo li .titulo{float: left; width: 60%; margin-top: 3px;}
#menu-produtos-topo li.current-menu-item{background-color: #009cd6; color:#fff;}
#menu-produtos-topo li.current-menu-parent{background-color: #009cd6; color:#fff;}
#menu-produtos-topo .sub-menu{position: absolute;left: 10px;width: 97%;z-index: 99;border-bottom: 1px solid #22466b;margin: auto; display:none;}
#menu-produtos-topo li.current-menu-parent .sub-menu{display:block;}
#menu-produtos-topo .sub-menu li{float: left;background-color: transparent; width: 15%; clear: none; padding-left: 0px; margin-top: 21px;height: 20px;padding-bottom: 23px;text-align: center;}

.titulo-pagina{color: #23527c; text-align: center; border-bottom: 1px solid #bcbcbc; padding-top: 20px!important; width: 96%; margin: auto!important; margin-bottom: 20px!important;}

.titulo-home{color: #485e88; text-align: center; border-bottom: 1px solid #bcbcbc; padding-top: 20px!important; width: 96%; margin: auto!important; margin-bottom: 20px!important;}

#caracteristicas li {width:30%; float:left; height:440px;}

#caracteristicas h3{margin:auto; text-align: center; margin-top:20px;}
#caracteristicas .imagem{margin:auto; margin-top:10px;}
#caracteristicas .resumo{margin:auto;text-align: center; margin-top:10px;font-size: 15px;line-height: 20px;}

#formFaleconosco {margin:auto; width:96%; padding:20px;}
#formFaleconosco .coluna{width:47%; float:left; margin:10px;}
#formFaleconosco input{width:100%; border: 1px solid #22466b;background-color: #fff;}
#formFaleconosco textarea{width:100%; border: 1px solid #22466b;background-color: #fff;}
#formFaleconosco input[type="submit"]{width:100%;background-color: #009cd6; color:#23527c;font-family: 'Questrial', sans-serif!important; text-align: center;padding:10px;font-size: 19px;}

.redondo{width:200px; height:200px;-moz-border-radius: 250px!important;-webkit-border-radius: 250px!important;border-radius: 250px!important;-khtml-border-radius: 250px!important; background-position: center; background-repeat: no-repeat; background-size: cover;}

.conteudoHome .texto{margin-bottom: 20px; font-size:17px; text-align: center;line-height: 23px;}
.conteudoHome .especialidade {width:33%;height: 510px; float:left;}
.conteudoHome .especialidade h3{margin:auto; text-align: center; height:50px;}
.conteudoHome .especialidade .imagem{margin:auto;}
.conteudoHome .especialidade .dados{margin-top:20px;}
.conteudoHome .especialidade .resumo{margin:auto;text-align: center;font-size: 15px;padding-bottom: 20px;line-height: 20px;}
.conteudoHome .especialidade .saibamais{margin:auto;text-align: center; background-color: #485e88; color:#fff;border: 1px solid #485e88; text-transform: uppercase;-moz-border-radius: 20px!important;-webkit-border-radius: 20px!important;border-radius: 20px!important;-khtml-border-radius: 20px!important; padding-left:10px; padding-right:20px;margin-left:10px;font-size: 12px;height:50px;padding-top: 7px; line-height: 14px;}

.ilustra{height:260px; background-position: center; background-position: top; background-size: cover;}

#fotoprincipal{width:100%; height:400px;}
#fotoprincipal .slide{width:100%; height:400px;background-position: center; background-repeat: no-repeat; background-size: contain;}
#fotoprincipal .slide img{width:100%; height:400px;}

.conteudoHome {margin: auto; width: 90%;}

.margintop70{margin:70px;}

#content article{margin: auto; width: 90%;font-size: 20px; margin-top: 0px; margin-bottom: 40px; color: #737272;}
.sub {margin: auto; width: 90%;font-size: 16px;}
.sub h3{text-align: center; color:#a21b52; margin: 30px;}

.sub .especialidade {width:100%;height: 200px; clear:both;}
.sub .especialidade h4{width:110px; float: left; text-align: center; margin-top: 29px; font-size: 19px;}
.sub .especialidade .imagem{float: left; text-align: left; width:100px; height:100px; float:left;margin-left: 20px;}
.sub .especialidade .resumo{width: 390px;float: left; text-align: left;margin-left: 20px;     font-size: 15px; line-height: 19px; margin-top: 12px;}
.sub .especialidade .saibamais{width:200px;float: left; text-align: center;margin-left: 20px;background-color: #485e88; color:#fff;border: 1px solid #485e88; text-transform: uppercase;-moz-border-radius: 20px!important;-webkit-border-radius: 20px!important;border-radius: 20px!important;-khtml-border-radius: 20px!important; margin-left:10px; font-size: 13px; margin-top: 20px; padding: 5px;}

#centralatendimento {background-color: #d1d2d4; color:#485e88; height: 280px;}
#centralatendimento h2{text-align: center; padding:20px!important; color:#485e88;}
#centralatendimento .central{background-color: #d1d2d4; color:#485e88; float:left; width:33%; background-repeat: no-repeat;height: 130px;}
#centralatendimento .central#telefone{text-align: left; font-size: 21px;background-image: url(imagens/icn_telefone.png);background-position: 70px center; padding-left: 130px; padding-top: 42px; line-height: 24px;}
#centralatendimento .central#email{text-align: center; font-size: 21px;background-image: url(imagens/icn_emailrodape.png); background-position: center 30px; padding-top: 77px;}
#centralatendimento .central#facebook{text-align: center; font-size: 21px;background-image: url(imagens/icn_facebookrodape.png);background-position: center 30px;padding-top: 77px;}
#centralatendimento .bairro{color:#fff; float:left; width:33%;padding:0px; padding-top: 50px;}
#centralatendimento .bairro h3{text-align: center; font-size: 28px;color:#fff;}
#centralatendimento .bairro p{text-align: center; font-size: 16px; height: 60px;}
#centralatendimento .bairro#b1{background-color: #485e88;}
#centralatendimento .bairro#b2{background-color: #a21b52;}
#centralatendimento .bairro#b3{background-color: #7e8084;}

#logoRodape{background-image: url(imagens/logo_rodape.png); width: 128px; height: 80px;float: left;  margin-top: 22px; margin-left: 90px; margin-right: 90px;}

#camada1{background-color: #dedede; color: #646464;padding-top: 90px;}
#camada1 #menu-rodape1{background-color: #dedede; color: #646464;width: 30%;float: left;margin: 0px;margin-bottom: 20px;margin-left: 25px;margin-top: 30px;}

#camada1 #menu-rodape2{background-color: #dedede; color: #646464;width: 30%;float: left;margin: 0px;margin-bottom: 20px;margin-left: 25px;margin-top: 30px;}

#camada2 {background-color: #b6b6b6; color: #646464;height:83px; width:100%;}

@media only screen and (min-width: 0px) and (max-width: 1200px) {
	
	.tituloHome div {width: 100%; left: 0;  margin: auto;font-size: 21px!important;}	
	.tituloPagina div {width: 100%; font-size: 21px;}	
	
    .navbar-toggler {margin: auto;  margin-bottom: 20px;}
	
	#content.site-content {padding-top: 100px;}

	header#masthead nav {margin-top: 20px;}	
	header#masthead {height:auto;}
	header#masthead #logo {float: none; margin: auto; margin-top: 30px; margin-bottom: 30px;}	
	header#masthead #atendimentoTopo {float: none; margin: auto; margin-top: 30px;}	
	header#masthead #atendimentoTopo #central {float: none; margin: auto;}
	header#masthead #atendimentoTopo #contatos {float: none; margin: auto; display:table;  margin-top: 30px;}
	
	.mobileonly{display:block;}
	.desktoponly{display:none;}	
	.miolo{width:100%;}
	
	#container .miolobranco {width:100%;}
	
	#menu-principal {float: none;}	
	
	#menu {margin-top: 77px;margin-left: 0px; z-index: 999; position:absolute;background-color: #fff;
    width: 100%; display:none;}
	#menu ul {margin-left: auto; margin-right: auto; margin-top: 0; display: table; float: left;}
	#menu li{float: none;padding: 15px;}
	#menu li.separador {width:100%;height:1px;margin:5px; margin-top:0px; margin-bottom:0px; display:block; border:none;border-bottom: #000 1px solid;}
	#menu li.separador:last-child {display:none;}
	
	.ilustra{background-attachment:inherit;}
	
	#vitrineMobile .legenda{background-color: rgba(255,255,255,0.6); color: #373737; width: 100%; margin: auto; padding: 20px;}
	#vitrineMobile a, a:link, a:visited{color:#485e88; text-decoration: none;}
	#vitrineMobile a:hover{text-decoration: none;}
	#vitrineMobile h1{font-size:20px;margin-bottom: 10px!important;}
	#vitrineMobile h2{font-size:17px;}
	
	#content .miolobranco {width: 100%;padding-top: 50px;}
	
	.conteudoHome .especialidade {width: 100%;	height: auto;	float: none; margin:auto; margin-top: 30px;}
	
	.sub .especialidade {height: auto;}
	.sub .especialidade h4{float: none; text-align: center;width: 100%; margin-top: 10px;}
	.sub .especialidade .imagem{float: none; text-align: center; margin: auto;}
	.sub .especialidade .resumo{float: none; text-align: center; width: 90%; margin: auto; margin-top: 10px;}
	.sub .especialidade .saibamais {width: 100%; float: none; margin: auto; margin-top: 20px; margin-bottom: 20px;}
	
	#caracteristicas li {width: 100%;	height: auto;	float: none; margin:auto;}	
	#centralatendimento .central {width: 100%;	height: auto;	float: none; margin: auto; margin-top: 10px;}
	#centralatendimento .bairro {width: 100%;	height: auto;	float: none; margin:auto;}
	
	#centralatendimento .central#telefone {text-align: center; background-position: center center; padding-left: inherit; padding-top: 161px;margin: auto;}	
	#centralatendimento .central#email {font-size: 16px;padding-bottom: 50px;}	
	#centralatendimento .central#facebook {padding-bottom: 50px;}	
	
	#camada1 {padding-top: 800px;}
	#logoRodape{float: none; margin-left:auto; margin-right:auto;}
	#camada1 #menu-rodape1{float: none;width:90%; margin-left:auto; margin-right:auto;}
	#camada1 #menu-rodape2{float: none;width:90%; margin-left:auto; margin-right:auto;}	
	
}
