/* ==========================================================================
   Normatizacao CSS
   ========================================================================== */

body {
    font-size: 62.5%;
    font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
	color: #000;
}

.body1 {
	background: #fff url(../img/fundo_body1.png) repeat-x;
}

.body2 {
	background: #fff url(../img/fundo_body2.png) repeat-x;
}

.body3 {
	background: #fff url(../img/fundo_body3.png) repeat-x;
}

.body4 {
	background: #fff url(../img/fundo_body4.png) repeat-x;
}

.body5 {
	background: #fff url(../img/fundo_body5.png) repeat-x;
}

.body6 {
	background: #fff url(../img/fundo_body.png) repeat-x;
}

.body7 {
	background: #fff url(../img/fundo_body7.png) repeat-x;
}

.body8 {
	background: #fff url(../img/fundo_body8.png) repeat-x;
}


body, nav, ul, li, a  {
	margin: 0;
	padding: 0;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

a {
    text-decoration: none;
    font-size: 1.2em;	
}

p, span {
    font-size: 1.6em;
}

a:hover {
    text-decoration: none;
}

h1 {
	color: #111;
	font-size: 3em;
}

h2 {
	font-size: 2.8em;
}

input, select, label, textarea, submit {
	font-size: 1.6em;
	padding: 6px;	
}

.submit2 {
	font-size: 3em;
	padding: 12px 25px 12px 25px;
	margin-top: 10px;
	background: #d2f1ff;
	font-weight: bold;
}

.submit3 {
	font-size: 2em;
	padding: 12px;
	background: #d2f1ff;
	font-weight: bold;
}

.submit2:hover, .submit3:hover {
	background: #abe4fe;
}

.submit4 {
	font-size: 3em;
	padding: 12px 25px 12px 25px;
	margin-top: 10px;
	background: #fbffce;
	font-weight: bold;
}

.submit4:hover {
	background: #f5fe91;
}


input {
	border: 1px solid #aaa;
}

table {
	width: 100%;
	margin-bottom: 10px;
}

.lista_titulos {
	font-size: 2.8em;
	line-height: 1.3em;
}

.lista_titulos2 {
	font-size: 2em;
	line-height: 1.4em;
}

/* ==|== Estilos Principais ================================================== */

.container {
    max-width: 1131px;
    margin: 0 auto;
}

img,
picture,
video,
embed {
    max-width: 100%;
}
/* ==|== Estilos Principais Fim============================================= */



td {
 padding: 2px 0 0 3px;
}

.novo {
 background: url(../img/seta1.png) no-repeat  0 50%;
 margin: 0 12px 0 10px; 
 padding: 0 0 0 30px; 
 font-size: 1.5em;
 text-decoration: none;
 color: #000;
}

.novo_18 {
 background: url(../img/seta1.png) no-repeat  0 50%;
 margin: 0 12px 0 10px; 
 padding: 0 0 0 30px; 
 font-size: 1.8em;
 text-decoration: none;
 color: #000;
}

.novo2 {
 margin: 0 12px 0 0; 
 padding: 0 0 0 0; 
 font-size: 1.7em;
 text-decoration: none;
 color: #000;
}

.pdf1 {
 background: url(../img/icone_pdf.png) no-repeat  0 50%;
 margin: 0 12px 0 10px; 
 padding: 15px 0 0 80px; 
 font-weight: bold;
 text-decoration: none;
 color: #000;
 display: block;
 height: 60px;
 font-size: 1em;
}

.pdf {
 background: url(../img/icone_pdf.png) no-repeat  0 50%;
}

.pdf_pb {
 background: url(../img/icone_pdf_pb.png) no-repeat  0 50%;
}

.video1 {
 background: url(../img/icone_video.png) no-repeat  0 50%;
}

.jpg {
 background: url(../img/icone_foto.png) no-repeat  0 50%;
}

.chef {
 background: url(../img/icone_chef.png) no-repeat  0 50%;
}

.receita {
 background: url(../img/icone_receita.png) no-repeat  0 50%;
}

.historico {
 background: url(../img/icone_historico.png) no-repeat  0 50%;
}

.fichat {
 background: url(../img/icone_fichat.png) no-repeat  0 50%;
}

.pdf, .video1, .pdf_pb, .chef, .jpg, .receita, .historico, .fichat {
 margin: 0 12px 0 10px; 
 padding: 15px 0 0 80px; 
 font-weight: bold;
 text-decoration: none;
 color: #000;
 display: block;
 height: 60px;
 font-size: 2em;
}

.titulo {
 font-size: 2.4em;
 padding: 8px 8px 8px 20px;
}

.titulob {
 font-size: 2em;
 padding: 8px 8px 8px 12px;
}

.titulob18 {
 font-size: 1.8em;
 padding: 8px 8px 8px 12px;
}

.titulo2 {
 font-size: 2.4em;
 text-decoration: bold; 
}

.fundo_cz1 {
 background: #fafafa;
 border-bottom: 1px solid #ccc;
}

.fundo_bc1 {
 background: #f4f4f4;
 border-bottom: 1px solid #ccc;
}

.fundo_bc1_font10 {
 background: #f4f4f4;
 border-bottom: 1px solid #ccc;
 font-size: 0.9em;
}

.fundo_am1 {
 background: #fffd45;
 border-bottom: 1px solid #ccc;
}

.fundo_am2 {
 background: #fffec7;
 border-bottom: 1px solid #ccc;
}

.fundo_vm1 {
 background: #ffa3a3;
 border-bottom: 1px solid #ccc;
}

.fundo_az1 {
 background: #c2e5ed;
 border-bottom: 1px solid #ccc;
}

.fundo_vd1 {
 background: #bbebaa;
 border-bottom: 1px solid #ccc;
}

.fundo_rx1 {
 background: #cb94ff;
 border-bottom: 1px solid #ccc;
}

/* ==|== CAIXAS ================================================== */
#caixas {
 position: relative;
 width: 990px;
 text-align: center;
 clear: both;
}
 
#caixas a {
 font-size: 1em;
 font-weight: bold;	 
 float: left;
 width: 210px;
 margin: 0 5px 6px 5px;
 border-bottom: 1px solid #000; 
 border-right: 2px solid #000; 
}

#caixas a:hover {
 background: #c1f0ff;  
 text-decoration: none;
 color: #000;
} 

#caixas p {
 display: table-cell;
 vertical-align: middle;
 height: 60px;
 line-height: auto;
 width: 210px;
 text-align: center;
}

.caixa_cz {
 background: #efefed;  
 color: #333;
}

.caixa_vm {
 background: #c64f20;  
 color: #fff;
}

.botao {
 background: #ddd;
 border: 1px solid #aaa;
 padding: 10px 25px 10px 25px;
 font-size: 2.5em;
 color: #000;
}

.botao_am {
 background: #fbffce;
 border: 1px solid #aaa;
 padding: 10px 25px 10px 25px;
 font-size: 2.5em;
 color: #000;
}

.botao_am:hover {
	background: #f5fe91;
}
/* ==|== CAIXAS ================================================== */


/* ==|== Texto ================================================== */
.line {
	line-height: 2em;
}	

.pt_10 {
	color: #000;
	font-size: 1em;
}

.pt_14 {
	color: #000;
	font-size: 1.4em;
}

.pt_16 {
	color: #000;
	font-size: 1.6em;
}

.pt_18 {
	color: #000;
	font-size: 1.8em;
	line-height: 1.5em;
}

.pt_20 {
	color: #000;
	font-size: 2.0em;
	line-height: 1.4em;
}


.pt_22 {
	color: #000;
	font-size: 2.2em;
	line-height: 1.6em;
}

.pt_24 {
	color: #000;
	font-size: 2.4em;
	line-height: 1.6em;
}

.pt_30 {
	color: #000;
	font-size: 3em;
	padding: 10px;
}

.pt_60 {
	color: #000;
	font-size: 6em;
}

.pt_30a {
	color: #000;
	font-size: 3em;
	line-height: 1.4em;
}

.pt_13 {
	color: #000;
	font-size: 1.3em;
}

.cz_11 {
	color: #999;
	font-size: 1.1em;
}

.cz_12 {
	color: #999;
	font-size: 1.2em;
}

.cz_13 {
	color: #999;
	font-size: 1.3em;
}

.cz_14 {
	color: #999;
	font-size: 1.4em;
}

.cz_16 {
	color: #999;
	font-size: 1.6em;
}

.cz_18 {
	color: #999;
	font-size: 1.8em;
}

.cz_20 {
	color: #888;
	font-size: 2em;
	line-height: 1.4em;	
}

.cz_22 {
	color: #888;
	font-size: 2.2em;
	line-height: 1.4em;	
}

.pt_13l {
	color: #000;
	font-size: 1.3em;
	line-height: 1.4em;
}

.pt_11 {
	color: #000;
	font-size: 1.1em;
}

.pt_12 {
	color: #000;
	font-size: 1.2em;
}

.pt_11:hover {
	text-decoration: underline;
}

.ma_11 {
	color: #c64f20;
	font-size: 1.1em;
}

.ma_11:hover {
	text-decoration: underline;
}

.bc_16 {
	color: #fff;
	font-size: 1.6em;
}

.bc_16:hover {
	color: #fece00;
}

.az_18 {
	color: #0000ff;
	font-size: 1.8em;
}

.az_16 {
	color: #0000ff;
	font-size: 1.6em;
}

.az_14 {
	color: #0000ff;
	font-size: 1.4em;
}

.az_12 {
	color: #0000ff;
	font-size: 1.2em;
}

.az_9 {
	color: #0000ff;
	font-size: 0.8em;
}

.az_10 {
	color: #0000ff;
	font-size: 1em;
}

.az_20 {
	font-size: 2.0em;
	color: #0000ff;
}

.az_22 {
	color: #0000ff;
	font-size: 2.2em;
}

.az_30 {
	color: #0000ff;
	font-size: 3em;
}

.cz_10 {
	color: #999;
	font-size: 1em;
}

.vm {
	color: #ff0000;
}

.vm_13 {
	color: #ff0000;
	font-size: 1.3em;
}

.vm_14 {
	color: #ff0000;
	font-size: 1.4em;
}

.vm_16 {
	color: #ff0000;
	font-size: 1.6em;
}

.vm_18 {
	color: #ff0000;
	font-size: 1.8em;
}

.vm_20 {
	color: #ff0000;
	font-size: 2.0em;
}

.vm_22 {
	color: #ff0000;
	font-size: 2.2em;
}

.vm_30 {
	color: #ff0000;
	font-size: 3em;
}

.vm_10 {
	color: #ff0000;
	font-size: 1em;
}

.restricao_vm {
	color: #ff0000;
	text-decoration: underline;
}

.link_azul {
	color: #0000ff;
	font-size: 0.9em;
	text-decoration: underline;
}





/* ==|== Texto Fim============================================= */


.fd_vermelho {
		background: #ff0000;
		color: #fff;
}

.fd_amarelo {
		background: #fff600;
		color: #fff;
}

.bc_22 {
	color: #fff;
	font-size: 2.2em;
}

.am_22 {
	color: #fff600;
	font-size: 2.2em;
}

.vm_22 {
	color: #ff0000;
	font-size: 2.2em;
}



/* ==|== ESTRUTURA DA INDEX - as DIVs ================================================== */
.container {
    max-width: 1128px;
    margin: 0 auto;
}

.container2 {
    max-width: 1100px;
    margin: 0 auto;
}

.topo {
	height: 200px;
	position: relative;
	display: block;
}

.topo_interno {
	height: 120px;
	position: relative;
	display: block;
}

.menu {
	margin: -55px 0 0 25px;
}

.banner {
	margin: 22px 0 22px 0;
	height: 228px;
	width: 100%;
}

.principal {
	margin: 0;
	height: 200px;
}
/* ==|== ESTRUTURA DA INDEX - as DIVs =====================FIM========================== */



/* ==|== Elementos do Topo da Pagina ================================================== */
.logo {
    float: left;
    width: 13.29787234042553%; /*150px / 1128px */  
	min-width: 150px;	
	margin-left: 1.77304964539007%;
	margin-top: 16px;
}

.slogan {
    width: 34.54964539007092%; /*401px / 1128px */
	position: relative;
	margin: 100px 0 0 20px;
	color: #993031;
	font-size: 4em;
 	font-weight: bold;
}

.slogan2 {
    width: 34.54964539007092%; /*401px / 1128px */
	position: relative;
	margin: 40px 0 0 20px;
}

.passo_passo {
	position: absolute;
	margin: -150px 0 0 45%;
}
/* ==|== Elementos do Topo da Pagina ======================FIM========================= */




/* ==|== Elementos visuais internos ================================================== */
.icone_despesa {
    float: left;
    width: 19.50354609929078%; /*265px / 1128px */  
	min-width: 120px;	
	margin-left: 100px;
	margin-top: 12px;
	margin-bottom: 30px;
}


.icone_estoque {
    float: left;
    width: 20%; /*265px / 1128px */  
	min-width: 120px;	
	margin-left: 40px;
	margin-top: 12px;
	margin-bottom: 30px;
}

.icone_estoque2 {
    float: left;
    width: 15.95744680851064%; /*180px / 1128px */  
	min-width: 120px;	
	margin-left: 30px;
	margin-top: 12px;
	margin-bottom: 30px;
}
/* ==|== Elementos do Topo da Pagina ======================FIM========================= */


/* ==|== Imagens Rotacao ================================================== */
.rotacao {
    transform: rotate(90deg);
    position:relative;
	left: 20px;
}

.rotacao_zero {
    transform: rotate(0deg);
    position:relative;
}
/* ==|== Imagens Rotacao ================================================== */




/* ==|== Rodapé 2================================================== */
.rodape1 {
    width: 100%;
    float: left;
    clear: both;
	color: #000;
	height: 110px;
	margin-top: 30px;
}



.footer {
    width: 100%;
    float: left;
    clear: both;
	background: #f1f1f1; 
	color: #000;
	height: 110px;
	margin-top: 50px;
}

.footer span {
	float: right;
	text-align: right;
}

.footer p {
    margin-bottom: 0;
}

.footer small {
    font-size: 1.4em;
}

.footer a, .footer1 a {
    font-size: 1em;
	color: #000;
}


/* ==|== Rodapé =======================FIM======================== */








/* ==========================================================================
   Media Queries
   ========================================================================== */


@media screen and (max-width: 1128px) {

    .container {
        padding: 0 2.4em 0 2.4em;
    }
	
	.topo_barra a {
		font-size: 1.4em;
	}

	.passo_passo {
		position: absolute;
		margin: -150px 0 0 70%;
		text-align: right;
	}		
	
}

@media screen and (max-width: 1090px) {
	
	.topo_barra a {
		font-size: 1.1em;
	}

}


@media screen and (max-width: 860px) {

	.topo_barra {
		display: none;
	}
	
	.principal {
	  margin-top: 120px;		
	}
	
}

@media screen and (max-width: 768px) {

    .coluna, .coluna2 {
        width: 48%;
        margin-bottom: 2.4em;
        margin-right: 2%;
    }

    .coluna:nth-child(even) {
       margin-right: 0;
    }
	
    .coluna2:nth-child(even) {
       margin-right: 0;
    }	
	
	.menu {
		margin: -10px 0 0 0;
	}


}


@media screen and (max-width: 718px) {

   .banner {
        position: relative;
        float: left;
        margin:0;
    }

    .principal {
        margin-top: 60px;
    }

	.footer img {
		margin: 0 0.8em 0 0;
	}	
	
	.slogan {
		font-size: 2em;
		margin: 40px 0 0 0;
	}	
	
	.slogan2 {
		display: none;
	}
	
}




@media screen and (max-width: 520px) {

    .coluna, .coluna2 {
        width: 100%;
        margin-right: 0;
    }

    .principal {
        margin-top: 10px;
    }

	.footer img {
		margin: 0 0.5em 0 0;
	}
	
	.footer p, .footer a {
		font-size: 1.3em;
	}
	
	input, select, textarea {
		width: 95%; 
	}	
	
}

/* ==========================================================================
   Media Queries
   ========================================================================== */


.clearfix:before,
.clearfix:after {
    content: " "; 
    display: table; 
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}