@import url("fontes.css");
@import url("padrao.css");
body {
text-align:center;
line-height:1.2em;
margin:0;
padding:0;
padding-top:45px;
position:relative;
padding-top:60px;
}
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
/*flexbox*/
.flex{
display: -webkit-flex;
display: flex;
display: -moz-box;
display: -ms-flexbox;
flex-flow: row wrap;
align-items:stretch;/*padrao = stretch  flex-start*/
justify-content:center;
-webkit-flex-flow: row wrap;
-webkit-align-items:stretch;/*padrao = stretch  flex-start*/
-webkit-justify-content:center;/*space-around;*/
}
.cont{flex:1 1 33%;-webkit-flex:1 1 33%;}
/*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*/
/* barra flex*/
.barra_flex {
width:100%;
margin:0 auto!important;
text-align:center;
}
.bg_1{background: #4E6894;}
.bg_2{background:#DFC28C;}
.bg_3{background:#339;}
.bg_4{background:linear-gradient(to right, #fff, #cecece);}
.barra_flex strong, .barra_flex a{color:#fff;}
.barra_flex > div{  padding:12px;}
.bf_25{flex:1 1 25%!important;-webkit-flex:1 1 25%!important; text-align:center; }
.bf_73{flex:1 1 73%!important;-webkit-flex:1 1 73%!important; text-align:left;}
/* fim barra flex*/
.veja{width:180px; height:auto;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;}
.veja:hover{opacity:0.6;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;}
#header{
background:#a49d9c;
background: linear-gradient(#333,#a49d9c);
position:fixed;
left:0; top:0;
margin:0 auto;
text-align:center;
width:100%;
height:50px;
padding-top:6px;
padding-left:240px;
z-index:200;
box-shadow: 0 0 6px #ddd; 
}
/*MENU E BOTOES HOME ETC*/
#logog{width:220px; height:79px; position:fixed; top:12px; left:60px; z-index:300;}
.logog{width:100%; height:auto;}
#botoes{ position:fixed; top:6px; right:20px; z-index:1200;}
#botoes a{color: #fff;} #botoes a:hover{color: #09f;}
#botoes i{margin-left:12px; font-size:30px;}

.menu_h{
-webkit-transition:all 1s ease;-ms-transition:all 1s ease;transition:all 1s ease;
display:inline-block; height:60px; padding-top:18px; padding-left:6px; padding-right:6px; margin:0;
border-left:1px solid #e6e5e5;
}
.menu_h:hover{background:#da0101;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;}
.menu_h:last-child{border-right:1px solid #e6e5e5 ;}
.menu_h a{font-weight:bold; color:#000!important;}
.menu_h a:hover{color:#fff!important;}
.separa_header{height:115px;}
@media screen and (max-width: 800px) {
body{padding-top:80px;}
#menu_desk{ padding:0; width:100%; height:60px; top:0; left:0;}
#logog{width:139px; height:50px; position:fixed; top:6px; left:60px; z-index:300;}
#botoes{ position:fixed; top:6px; right:10px;}
#menu{display:none;}
.veja{width:140px; height:auto;}
}

.bg_1{background: #4E6894;}
.bg_2{background:#DFC28C;}
.bg_3{background:#339;}
.bg_4{background:linear-gradient(to right, #fff, #cecece);}

.barra_flex > div{  padding:12px;}
.bf_25{flex:1 1 25%!important;-webkit-flex:1 1 25%!important; text-align:center; }
.bf_73{flex:1 1 73%!important;-webkit-flex:1 1 73%!important; text-align:left;}
/* fim barra flex*/
#pulsa{
color:#cc0;
}
.pulsa {animation: pulsa 1s ease infinite alternate;}
@keyframes pulsa{
   from { color:#fff; }
   to { color: #cc0;}
}
@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*/
.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); margin-bottom:30px;}
.whats{background:#009649;}
@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{background:#444; color:#eee!important;}
#info strong, #info a{color:#eee; letter-spacing:2px; font-weight:100; font-size:30px;}
#fone{width:32%; padding:12px 24px; display:inline-block; vertical-align:middle; text-align:left; font-size:28px;}
#form{width:32%; padding:12px 24px; display:inline-block; vertical-align:middle; text-align:center;}
#bgi{width:32%; padding:12px 24px; display:inline-block; vertical-align:middle; text-align:center; letter-spacing:2px; font-weight:100; font-size:26px;}

#rs{width:30%; padding:12px 24px; display:inline-block; vertical-align:middle; text-align:center;}
#mp{width:30%; 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 {
	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 {
	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 {
	width: 70px;
	height: 38px;
	float: right;
	background-color: #CEB453;
	color: #FFF;
	border: 0;
	border-radius:5px;
}
	.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) {
.input-newsletter{width:80%;}
}
/*fim newsletter*/
#anima{
width:100%;
}
#tudo{
width:100%;
background:#fff url(imagens/losang.png) top repeat-x;
}
#principal, .principal, #principal_ab{
width:100%;
margin:0 auto;
text-align:center;
color: #555;
padding:20px 50px;
}
#principal ul, #principal ul li{text-align:left!important;}
.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:40%; height:auto; float:right; margin: 0 0 20px 20px;}
.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:#ccc; bottom:0; left:0; z-index:20; letter-spacing:3px; font-size:80%;}
#footer a, #footer strong{color:#cf9907;}
@media screen and (max-width: 800px) {
#footer{letter-spacing: normal; font-size:70%;}
.input-newsletter , .textarea{width:100%;}
#anima{width:100%; margin:0;}
#info{padding:20px;}
#fone, #form, #bgi{ width:100%;}
#mp{padding:0;}
#mapa{height:600px!important; overflow:hidden;}
#principal, .principal{padding:12px 20px; padding-bottom:80px;}
.colunas{
	-webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
}
#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;}