/*
** Desenvolvido por Agencia Mxmais. 
** http://www.mxmais.com.br 
*/

@charset "UTF-8";

/* Reset */
* { margin: 0; padding: 0; font-family: arial; }

/* Controle de Animações */
* { transition: color .5s, background .5s, border .5s; } 

/* Configurações basicas */
a, a:hover { text-decoration: none; }

p { font-size: 15px; margin: 10px 0px; }

h1, h2, h3, h4 { font-weight: 100; }

h1 { font-size: 33px; margin: 10px 0px; }
h2 { font-size: 23px; margin: 10px 0px; }
h3 { font-size: 21px; margin: 10px 0px; }
h4 { font-size: 19px; margin: 10px 0px; }

.tx_1 { font-size: 45px; margin: 10px; }
.tx_2 { font-size: 32px; margin: 10px; }
.tx_3 { font-size: 20px; margin: 10px; }
.tx_4 { font-size:  8px; margin: 10px; }

.primary_color { color: #C20102; }
.primary_bg { background: #C20102; }

.bg_red         { background: #C81C0E; }
.bg_yellow      { background: #FFFF00; }
.bg_orange      { background: #E44413; }
.bg_blue        { background: #0000FF; }
.bg_white       { background: #FFFFFF; }
.bg_grey        { background: #F4F4F4; }
.bg_black       { background: #000000; }

.left       { text-align: left; }
.center     { text-align: center; }
.right      { text-align: right; }
.justify    { text-align: justify; }

.float_left  { float: left; }
.float_right { float: right; }

.img_left   { width: 20%; margin: 10px 10px 10px 0; float: left; }
.img_right  { width: 20%; margin: 10px 0 10px 10px; float: right; }

.table { display: table; }
.block { display: block; }

.cont_2     { width: 48.000%; margin: 1%; float: left; display: table; }
.cont_3     { width: 23%; margin: 9px; float: left; display: table; }
.cont_3 img { width: 93%; margin: 0px; float: left; display: table; }
.cont_3_2   { width: 64.666%; margin: 1%; float: left; display: table; }

section     { width: 95%; margin: 3px auto; display: table; float:left; }


/*** Responsive ***/
/* Tablet */
@media only screen and (max-width: 930px){
    h1 { font-size: 32px; }
    h2 { font-size: 26px; }
    h3 { font-size: 20px; }
    h4 { font-size: 18px; }
    
    .cont_2     { width: 98%; margin: 1%; float: none; }
    .cont_3     { width: 98%; margin: 1%; float: none; }
    .cont_3_2   { width: 98%; margin: 1%; float: none; }
    
}

/* Celular */
@media only screen and (max-width: 640px){
    
}
/*** Responsive ***/