@import url("fontes.css");
@import url("padrao.css");
body {
text-align:center;
line-height:1.2em;
margin:0;
padding:0;
padding-top:45px;
color:#fff;
}
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
/*flexbox*/
.flex{
display: flex;display:  -webkit-flex;display: -moz-box;display: -ms-flexbox;
flex-flow: row wrap;  -webkit-flex-flow: row wrap;
align-items:stretch;  -webkit-align-items:stretch;/*padrao = stretch  flex-start*/
justify-content:center;  -webkit-justify-content:center;/*space-around;*/
}
.cont{flex:1 1 21%;-webkit-flex:1 1 21%; margin:1%; border:1px solid  #ccc; border-radius:6px; max-width:21%;}
/*ALINHAMENTO VERTICAL
para texto ÚNICO solto dentro do .cont usar classe .vert -> ela alinha tudo no meio, independente do self de cada div - PARA DIVS OU TEXTOS  posicionados em cima, meio e embaixo, usar as classes .fv_t, c e b.
*/
.vert{
display:flex;  display: -webkit-box; display: -moz-box;display: -ms-flexbox; display: -webkit-flex; 
flex-direction: column;  -webkit-flex-direction: column;
justify-content: center;  -webkit-justify-content: center;
resize: vertical;  -webkit-resize: vertical;
}
.fv_t{align-self:flex-start;-webkit-align-self:flex-start;}
.fv_c{align-self:center;-webkit-align-self:center;}
.fv_b{align-self:flex-end;-webkit-align-self:flex-end;}
/*fim flexbox*/
/*MENU E BOTOES HOME ETC*/
#menu_desk{
position:fixed;
left:0; top:0;
background:#111;
margin:0 auto;
text-align:center;
width:100%;
height:45px;
z-index:10;
padding-left:0;/* distância igual ao logo + 10px*/
/*flex box*/
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;  
flex-direction: column;
justify-content: center;
-webkit-flex-direction: column;
-webkit-justify-content: center;
}
#botoes{position:fixed; top:6px; right:20px; z-index:200;*}
#botoes a{color: #ecbc34;} #botoes a:hover{color: #fff;}

/*barra simples*/
#barra_simples{
background:rgba(0,0,0,1);
width:100%;
text-align:center;
color:#fff;
}
.bs_logo{display:inline-block; width:25%; vertical-align:middle;}
.bs_texto{display:inline-block; width:50%; color:#f71722; font-size:120%; vertical-align:middle; padding: 12px;}
.bs_fones{display:inline-block; width:24%; vertical-align:middle; text-align:center!important;}
#barra_simples i{color:#0C0;}
#barra_simples a, #barra_simples strong{color:#fff!important;}
.logom{width:250px; height:106px;}
@media screen and (max-width: 800px) {
.cont{flex:1 1 47%;-webkit-flex:1 1 47%; margin:3px; max-width:47%;}
.bs_texto, .bs_logo{width:100%;}
}
#pulsa{
color:#06f;
}
.pulsa {animation: pulsa 1s ease infinite alternate;}
@keyframes pulsa{
   from { color:#fff; }
   to { color:#06f;}
}
@keyframes gira {
    to {
        transform: rotate(360deg);
    }
}
.gira{
   animation: gira 8s linear infinite;   
}
/*visível apenas*/
.vp{display:none;}
.vg{display:inline-block;}
/*fim visível apenas*/
#topo{
background:#fff;
margin-top:45px;
padding:6px 20px 0 20px;
}
#topo_m{width:30%; margin:0 auto; text-align:center;}
#topo_left{ width:40%; float:left;}
#topo_left img{width:100%;}
#topo_right{float:right; width:57%; padding-left:2%; margin-top:10px; text-align:center;}
#topo_right strong{color:#fff; font-size:30px; text-shadow:0 0 20px #000; line-height:1.2em;  font-weight:bold; font-family:Arial, Helvetica, sans-serif;}

#lateral{
	position:fixed;
	right:6px;
	top:50vh;
	top: calc(50vh - 120px);
	width:auto;
	z-index:200;
}
#lateral i{
	font-size:34px;
}
#lateral a{color:#fff!important;}
#lateral a:hover{color:#3ff;}
.ico{
text-align:center;
border-radius:50%;
padding-top:16px;
padding-bottom:20px;
width:70px; height:70px;
border:3px solid #fff;
}
.face{background:#3a5894; margin-bottom:30px;}
.insta{background:linear-gradient(#720db1,#f6c863);}
.whats{background:#009649; margin: 10px 0!important;}
@media screen and (max-width: 800px) {
#lateral i{font-size:28px;}
.ico{
border-radius:50%;
padding-top:8px;
padding-bottom:10px;
border:2px solid #fff;
width:48px; height:48px;
}
}


#info{
font-family: 'Abel', sans-serif;
font-size:22px;
width:100%;
margin:0 auto;
padding:50px;
text-align:center;
color:#333!important;
}
#info strong, #info a{color:#333;}
#fone{width:32%; padding:12px 24px; display:inline-block; vertical-align:middle; text-align:left;}
.icone_g {color:rgba(0,0,0,0.3); font-size:300%!important; margin-bottom:20px; display:block;}
#rs{width:32%; padding:12px 24px; display:inline-block; vertical-align:middle; text-align:center;}
#mp{width:32%; padding:12px 24px; display:inline-block; vertical-align:middle; text-align:center;}
.zape, .email{
width:90px!important;
margin:6px 2px;
padding:6px;
/*background:url(imagens/envie_z.png) center center no-repeat!important;*/
background:#090;
display:inline-block;
font-size:60%;
border:1px solid #fff;
border-radius:2px;
color:#fff;
}
.email{
background: #06f;
/*background:url(imagens/envie_m.png) center center no-repeat!important;*/
}
.zape:hover, .email:hover{background:#333; -webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease;}
#mapa{height:400px!important; width:100%; overflow:hidden;}
/*newsletter*/
.form-newsletter {
	text-align: center;	
	width: 280px;
	margin: 0 auto;
	text-align:center!important;
}
.input-newsletter {
	font-family: 'Abel', sans-serif!important;
	width: 100%;
	padding:6px;
	height: 38px;
	border: 0;
	color: #000;
	font-style: italic;
	border-radius:5px;
	margin-bottom:6px;
	text-align:left!important;
}
.textarea-newsletter {
	font-family: 'Abel', sans-serif!important;
	margin-bottom:6px;
	width: 100%;
	padding:6px;
	height: auto;
	border: 0;
	color: #000;
	font-style: italic;
	border-radius:5px;
	text-align:left!important;
}
.botao-newsletter {
	font-family: 'Abel', sans-serif;
	width: 70px;
	height: 38px;
	float: right;
	background-color: #CEB453;
	color: #FFF;
	border: 0;
	border-radius:5px;
	cursor: pointer;
}
	.botao-newsletter:hover {
		background-color:#06f;
	}
	.input-newsletter:hover, .textarea:hover{box-shadow: 0 0 12px #333; background:#eee;}
@media screen and (max-width: 800px) {
.textarea-newsletter,.input-newsletter{width:80%;}
}
/*fim newsletter*/
.anima{
width:70%;
text-align:center;
margin-top:20px;
border:2px solid #ccc;
border-radius:4px;
}
#tudo{
width:100%;
background:#fff url(imagens/losang.png) top repeat-x;
}
#principal, .principal, #principal_ab{
width:100%;
margin:0 auto;
text-align:center;
text-align:left;
padding:60px;
color:#333;
}
.bg10{background:rgba(255,255,255,.8);}
.separa, .clear{clear:both;}
.float_left{ width:auto; height:auto; float:left; margin:0 10px 10px 0;}
.float_right{width:auto; height:auto; float:right; margin: 0 0 10px 10px;}
.centralizada{ max-width:100%!important; text-align:center;}
.zapzap{display:inline-block; background: #0c0; color:#fff; padding:4px 8px; border-radius:4px; margin-left:6px; font-size:70%; border:0;}
#rodape{
width:100%;
padding:12px 50px;
background:rgba(0,0,0,0.4);
padding-bottom:60px;
font-size:70%;
line-height:1em;
color:#fefefe;
}
#rodape strong, #rodape a, #rodape a:hover, #rodape em{color:#fefefe;!important;}
.seta{position:absolute; top:10px; left:10px; width:0; height:0; border:25px solid transparent; border-left: 25px solid #555;}
#parceiros{
width:100%;
height:60px;
overflow:auto;
font-size:70%;
color:#ccc;
opacity: 0.4;
filter: alpha(opacity=40); /* For IE8 and earlier */
}
#footer{position:fixed; background:rgba(0,0,0,0.8); width:100%; padding: 6px; color:#fff; bottom:0; left:0; font-size:22px;font-family: 'Questrial', sans-serif; z-index:20; letter-spacing:2px;}
#footer a, #footer strong{color:#fff;}
@media screen and (max-width: 800px) {
.input-newsletter , .textarea{width:100%;}
.anima{width:100%; margin:0; padding:0;}
#info{padding:20px;}
#fone, #rs, #mp{ width:100%;}
#mp{padding:0;}
#footer{font-size:16px!important;}
#mapa{height:600px!important; overflow:hidden;}
#principal, .principal{padding:12px 20px;}
.colunas{
	-webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
}
.float_left, .float_right, #topo_left{ float:none; width:100%; padding:8px 20px;}
#topo_left img{ width:80%; max-width:80%;}
/*visível apenas*/
.vp{display:inline-block;}
.vg{display:none; width:0; height:0; overflow:hidden;}
/*fim visível apenas*/
}
/*COPIAR NO ESTILO DO /SITE   */

	
/* PARA MAPA DO GOOGLE RESPONSIVO declarar classe abrindo e fechando iframe*/
.Flexible-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.Flexible-container iframe,   
.Flexible-container object,  
.Flexible-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*tooltip legal - pegar js*/
#tooltip
{
    text-align: center;
    color: #fff;
    background: #336051;
    position: absolute;
    z-index: 1000;
    padding: 12px;
}
 
    #tooltip:after /* triangle decoration */
    {
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #111;
        content: '';
        position: absolute;
        left: 50%;
        bottom: -10px;
        margin-left: -10px;
    }
 
        #tooltip.top:after
        {
            border-top-color: transparent;
            border-bottom: 10px solid #111;
            top: -20px;
            bottom: auto;
        }
 
        #tooltip.left:after
        {
            left: 10px;
            margin: 0;
        }
 
        #tooltip.right:after
        {
            right: 10px;
            left: auto;
            margin: 0;
        }
/*COR TRADUTOR GOOGLE*/
.goog-te-gadget-simple .goog-te-menu-value{color:#fff!important;}
.goog-te-gadget-simple{border:0!important; color:#fff!important;}
.goog-te-gadget-simple{background:transparent!important; }
#u_0_2, #u_0_2 a{color:#fff;}