body {
text-align:center;
line-height:1.2em;
margin:0;
padding:0;
font-size:20px;
font-family: 'Abel', sans-serif, Arial, Helvetica, sans-serif;
background:#fff;
padding-top:80px;
}
* { -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: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;  
flex-direction: column;
justify-content: center;
resize: vertical;
-webkit-flex-direction: column;
-webkit-justify-content: center;
-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_h{
background:#06f;
margin:0 auto;
text-align:center;
width:100%;
height:90px;
position:fixed; left:0; top:0;
z-index:1000;
box-shadow:0 0 6px #333;
}

#logo{float:left; width:164px;}
#redes{float:right; width:160px; height:90px;  padding-top:34px; background:#0000d3;}
#redes a{color:#fff;} #redes a:hover{color:#0c0;}
#redes i{margin-left:12px;}
#menu{float:right; width:70%; width:calc(100% - 360px); text-align:right; padding-top:30px; padding-left:20px;}
.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;}
.logo_img{width:164px; height:90px;}
.separa_header{height:115px;}
@media screen and (max-width: 800px) {
body{padding-top:45px;}
#menu_h{height:45px; padding:0; margin:0;}
.separa_header{height:55px;}
#redes {padding-top:12px; height:45px; font-size:90%; width:100px;}
#redes i{margin-left:6px; font-size:18px;}
#logo{width:20%; width:calc(100% - 200px); height:45px; text-align:center; margin-left:100px;}
.logo_img{width:82px!important; height:45px;}
#menu{display:none;}
}
@media screen and (max-width: 600px) {
#redes{padding-top:12px;}
#redes i{margin-left:6px; font-size:14px;}
}

#pulsa{
color:#06f;
}
.pulsa {animation: pulsa 1s ease infinite alternate;}
@keyframes pulsa{
   from { color:#fff; }
   to { color:#06f;}
}
/*visível apenas*/
.vp{display:none;}
.vg{display: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;}
#info{
width:100%;
margin:0 auto;
padding:50px;
text-align:center;
background:#728eb7;
color:#111;
}
#info strong, #info a{color:#111;}
#fone{width:32%; padding:12px 24px; display:inline-block; vertical-align:middle; text-align:left; font-weight:bold;
text-shadow:-2px -2px 4px #fff, 2px 2px 4px #fff;}
.icone_g {color:#111; font-size:300%!important; margin-bottom:50px; 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;}
#mapa{height:400px!important; width:100%; overflow:hidden;}
/*newsletter*/
.form-newsletter {
	text-align: center;	
	width: 280px;
	margin: 0 auto;
}
.input-newsletter {
	font-family: 'Abel', sans-serif;
	width: 100%;
	padding:6px;
	height: 38px;
	border: 0;
	color: #000;
	font-style: italic;
	border-radius:5px;
	margin-bottom:6px;
}
.textarea {
	font-family: 'Abel', sans-serif;
	margin-bottom:6px;
	width: 100%;
	padding:6px;
	height: auto;
	border: 0;
	color: #000;
	font-style: italic;
	border-radius:5px;
}
.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:#cecece;}
/*fim newsletter*/
#anima{
width:100%;
}
#tudo{
width:100%;
background:#fff url(imagens/losang.png) top repeat-x;
}
#principal{
width:100%;
margin:0 auto;
text-align:center;
text-align:left;
background:#fff;
padding:20px 10%;
}
#principal_img{width:100%; background:linear-gradient(#fff, #adc8e3); padding:20px;}
#principal_img img{max-width:100%;}
.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;}
#img_rodape{width:100%;background:url(imagens/rodape.png) top repeat-x; height:93px;}
#rodape{
width:100%;
background:#27409a;
}
#rodape_m {
margin:0 auto;
text-align:center;
width:100%;
padding-top:12px;
color:#fff;
padding-bottom:50px;
}

.seta{position:absolute; top:10px; left:10px; width:0; height:0; border:25px solid transparent; border-left: 25px solid #555;}
#rodape strong {font-size:115%; letter-spacing:2px; color: #fff;}
#parceiros{
width:100%;
height:60px;
overflow:auto;
font-size:70%;
color:#ccc;
opacity: 0.4;
filter: alpha(opacity=40); /* For IE8 and earlier */
}

#mostrar{width:98%;padding:1%; font-size:70%;}
#mostrar, #mostrar a, #mostrar em, #mostrar strong{color:#5095cf;}	
#parceiros a{color:#5095cf;}
#parceiros a:hover{color:#5095cf;}
#parceiros em{color:#eee;}	
#footer{position:fixed; background: #030354; width:100%; padding: 6px; color:#fff; bottom:0; left:0; font-size:22px;}
#footer a, #footer strong{color:#fff;}
@media screen and (max-width: 800px) {
.input-newsletter , .textarea{width:100%;}
#anima{width:100%; margin:0;}
#fone, #rs, #mp{ width:100%;}
#mp{padding:0;}
#footer{font-size:16px!important;}
#mapa{height:600px!important; overflow:hidden;}
#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:block;}
.vg{display:none; width:0; height:0; overflow:hidden;}
/*fim visível apenas*/
}
/*COPIAR NO ESTILO DO /SITE   */
p {text-align:justify;}

h1 {
font-size:46px;
color: #4d6272;
text-align:left;
margin-top:20px;
line-height:1.3em;
text-align:left;
}
h2 {
font-size:32px;
text-align:left;
color: #36c;
line-height:1.3em;
}

ul{
text-align:left;
list-style: inside;
}
em{
font-style:italic;
color: #81d0b1;
}
strong{
color:#81d0b1;
}
a {color: #03c;
text-decoration:none;

	}

a:hover
	{
	color: #00CC00;
	}
	

/* 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;}
/*TABELA PRODUTOS*/
.nutrition_table_header {
color:#ffffff;
background:#3CB371;
padding:5px 5px 5px 5px;
}

.nutrition_table_odd_line {
color:#000000;
background:#ffffff;
padding:5px 5px 5px 5px;
}

.nutrition_table_even_line {
color:#000000;
background:#eee9e9;
padding:5px 5px 5px 5px;
}