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



/* CORPO */

body { margin: 0; padding: 0; text-align: center; background-color: white;}
			
@font-face {font-family: "calibri";	src: url("../fontes/calibri.ttf") format("truetype");}

/* Estilos Texto */

h1{	font: 44px/50px calibri; color: #808080; font-weight: 400; text-align: left;}
h2{	font: 28px/30px calibri; color: #B7B7B7;}
h2 a{ color: #00a650; font: 20px/28px calibri; font-weight: 800;}
h3{	font: 28px/30px calibri; color: #FF8E00; text-align: left;}
h4{	font: 21px/26px calibri; color: white; text-align: left; margin-top: 5px;}

p{ text-align: justify;	font: 14px/17px calibri; text-justify: inter-word;	padding-left: 15px; color: gray;}
p.big{font: 27px/32px Calibri;}

.faixa_laranja{	width: 100%; 	background-color: #FFA500; height: 4px;}

/*     */ 

#container {width: 70%;	min-width: 800px; max-width: 800px;	margin: 0 auto;}
.fluid_container { padding-top: 100px;	width: 100%; z-index: -3;}
.slide{ padding-top: 100px;	width: 100%; z-index: -3;}

.largura{ width: 800px; margin: 0 auto; margin-top: 0px; }
.largura span{ width: 33%; float: left; padding: 10px; 	text-align: left;}
.largura span a{ text-decoration: none;	color: white; font: 12px/32px calibri;}
.largura span a:hover{ text-decoration: none; color: #FFA500; font: 12px/32px calibri;}

/* Header */
header { background-color: white; border-bottom: 0px solid #aaa; float: left; width: 100%; position: fixed;	z-index: 10;}
header a { color: gray;	text-decoration: none; font-family: calibri , sans-serif; text-transform: uppercase; font-size: 0.9em;}
header a.active, header a:hover { color: #FFA500;}
header ul {	float: right;}
header ul.top a { color: gray; text-decoration: none; font-family: calibri , sans-serif; text-transform: uppercase;	font-size: 0.8em; padding: 3px;}
header ul.top a.active, header ul.top a:hover {	color: #FFA500;	border-radius: 3px;}
header li {	display: inline; float: left; padding-right: 20px; margin-right: 40px;}

/* header large */
header.large { height: 94px;}
header.large img { margin-top: 7px; height: 70px;}
header.large li { margin-top: 22px;}
header.large ul.top li {margin-top: 9px;}
header.small div.sombra{width: 100%; background-image: url('../imagens/sombra.png'); height: 8px;
}

/* header small */
header.small { height: 58px; border-bottom: 0px solid #C6C6C6;}
header.small img { height: 53px;}
header.small li { margin-top: 6px;}
header.small ul.top li {margin-top: 0px;}





/* menu */
.menu_min, #menu_resp{	display: none;}

nav { width: 100%;	margin: 0 auto;}


/* Transitions */

header, nav, img, li {
	transition: .7s all;
	-moz-transition: .7s all;
	-webkit-transition: .7s all;
	-o-transition: .7s all;
}

header li ul li, .icones img{
	transition: none;
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none;
}

/* Menu dropdow */

/*
  Menus drop-down horizontal-vertical (hv) e vertical-vertical (vv) até 4 níveis
  by Micox - elmicox.blogspot.com - Ver. 2.0 - 20/02/08 - Creative Commons License
*/    
.menu-hv, .menu-vv { position: relative; margin: 0; padding: 0; display: block; }
	.menu-hv * ,    .menu-vv * { margin: 0; padding: 0 ; list-style: none}
	.menu-hv li ,   .menu-vv li { position: relative; line-height: 1.2em;  }
	.menu-hv a ,    .menu-vv a { display: block; line-height: 1.2em }
	.menu-hv li ul, .menu-vv li ul { position: absolute; visibility: hidden  }
	.menu-hv li:hover ul,  .menu-vv li:hover ul,
	.menu-hv li.hover ul,  .menu-vv li.hover ul { visibility: visible }
	.menu-hv li:hover ul ul,  .menu-vv li:hover ul ul,
	.menu-hv li.hover ul ul,  .menu-vv li.hover ul ul { visibility: hidden }
	.menu-hv li li:hover ul,  .menu-vv li li:hover ul,
	.menu-hv li li.hover ul,  .menu-vv li li.hover ul { visibility: visible }
	.menu-hv li li:hover ul ul,  .menu-vv li li:hover ul ul,
	.menu-hv li li.hover ul ul,  .menu-vv li li.hover ul ul { visibility: hidden }
	.menu-hv li li li:hover ul,  .menu-vv li li li:hover ul,
	.menu-hv li li li.hover ul,  .menu-vv li li li.hover ul { visibility: visible }
	/* características horizontal-vertical */
	.menu-hv:after, .menu-hv.after { content: "."; line-height: 0px; clear: both; display: block; visibility: hidden}
	.menu-hv li { float: left; }		
	.menu-hv li ul li { float: none; }
	.menu-hv li ul li ul { position: absolute; left: 100%; top: 0; }

	/* ****************************************
	  ALTERE ABAIXO. defina a largura, cor, formatações, etc, dos itens do seu menu abaixo
	  ou apague as linhas se for definir em outro lugar
	*/
	.menu-hv li { margin-right: 20px; background-color: white;  padding: 2px; }
	.menu-hv li a:hover { background-color: white; border: 0px gray solid; color: #FFA500;  }
	.menu-hv li a {}


/* RODAPÈ */
		

footer { margin: 0px; width: 100%; background-color: #616161;}
/*footer .rodape a { color: white; text-decoration: none; font: 15px/16px calibri;}
footer .rodape a:hover {text-decoration: none; font: 15px/15px calibri; color:  #FFA500;}*/

.rodape-linha-le{ float: left;  width: 50%; display: inline-block; padding: 2px; text-align: left ; background-color: #FFA500;}
.rodape-linha-ld{ float: left;  width: 50%; display: inline-block; padding: 2px; text-align: right; background-color: #FFA500;}

.rodape-linha-le a, .rodape-linha-ld a { color: white; font: 12px/14px calibri; text-align: left;}

div.end {clear: both; width: 100%; background-color: #F1D0A2;} 
div.end p {font: 12px/14px calibri; text-align: center; padding: 5px; color: #D78B00;} 
div.infos {width: 100%; background-color: #FFA500; height: 25px; margin: 0 auto;}

.icones{ padding-top: 70px;	width: 100%; border: 0px solid white;}
.icones a img{ margin: 2px;	width: 22px;}
.icones a img:hover{ margin: 1px; width: 24px;}

img.logo { float: left; padding: 3px;}

.arestrita{ float: right;  position: relative;  right: 84px;  top: 40px;  width: 100px;  font: 13px/16px Calibri; color:  #C2C2C2;}
@media only screen and (max-width: 800px) {

.div_fantasma{
	display: none;
}

.largura{ width: 100%; margin: 0 auto; padding: 0;}
/*.menu_min{ display: initial; width: 100%; border: 0px solid gray;}
.menu_min .button{ float: right; padding: 2px;	z-index: 12;}
.menu-hv{display: none;}
#menu_resp{	background-color: white; z-index: 10; margin-top: 67px;}
#menu_resp li, #menu_resp ul li ul li{position: relative;	top: 0px; padding: 0; margin-bottom: 2px; margin-top: 10px; text-align: left; border-bottom: 1px dotted #D8D8D8;  left: 5px; width: 100%;  padding-left: 10px;}*/

#container {width: 70%;	min-width: 100%; max-width: 100%;	margin: 0 auto;}

.menu-hv li { margin-right: 4px; padding: 2px;}
.menu-hv li a:hover { background-color: white; border: 0px gray solid; color: #FFA500;  }

#logo{ float: none; clear: both; position: fixed; top: 26px; left: calc(50% - 82px) ; z-index: 1; }

header ul {	float: left; position: relative; top: 57px; margin: 0 auto; width: 100%; left: 5px;}
header.large .top, header.small .top {float: right; position: relative; top: 2px; margin: 0; text-align: right; width: auto;}
header.large img, header.small img  { margin-top: 0px; height: 60px;}

header.large ul.top li {margin-top: 0px;}
header.large li, header.small li { margin-top: 2px;}
header.large .menu-hv li ul, header.small .menu-hv li ul {margin-top: 2px; top: 13px;}

header.large, header.small { height: 113px;}
header.small div.sombra{width: 100%; background-image: url('../imagens/sombra.png'); height: 8px; position: relative; top: 58px; z-index: -10;}
 
#submenu{top: 10px; z-index: -1;} 
.arestrita{ display: none;} 
}

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

#submenu{top: 0px; z-index: 10;} 
#container{ width: 100%; min-width: 100px;}
#logo{ float: left;	position: fixed; top: 2px; left: 4px; z-index: 1;}


header,	nav, img, li { transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none;}

header{	position: fixed; }
header li{ width: 100%;	margin-top: 0px; padding-top: 0px;}
header ul{ background-color: #FFFFFF; top: 0px;}
header.large, header.small { height: 77px;}
header.large img, header.small img  { margin-top: 7px; height: 60px;}
header.large li, header.small li {	margin-top: 5px; text-align: left; border-bottom: 0px solid #D8D8D8;}

.largura{ width: 100%; margin: 0 auto; padding: 0;}
.menu_min{ display: initial; width: 100%; border: 0px solid gray;}
.menu_min .button{ float: right; padding: 2px;	z-index: 12;}

.menu-hv{display: none;}
#menu_resp{	background-color: white; z-index: 10; margin-top: 67px;}
#menu_resp li, #menu_resp ul li ul li{position: relative;	top: 0px; padding: 0; margin-bottom: 2px; margin-top: 10px; text-align: left; border-bottom: 1px dotted #D8D8D8;  left: 5px; width: 100%;  padding-left: 10px;}

.buttonb{ position: absolute; top: 16px; right: 14px;}
footer { margin: 0px; width: 100%; background-color: #616161; height: 310px; margin-top: 0px;}
footer div.largura span { width: 50%; }
footer div.largura span a{ font: 13px/26px calibri; }
footer div.largura span a:hover{ font: 13px/26px calibri;}

.rodape-linha-ld, .rodape-linha-le{ float: left;  width: 100%; display: inline-block; padding: 2px; text-align: center;}
.rodape-linha-ld a, .rodape-linha-le a { color: white; font: 10px/12px calibri;}

.icones{ clear: both; padding-top:10px;	width: 100%; border: 0px solid white;}
.icones a img{ margin: 2px;	width: 22px;}
.icones a img:hover{ margin: 1px; width: 24px;}

.arestrita{ display: none;} 


header.small div.sombra{width: 100%; background-image: url('../imagens/sombra.png'); height: 8px; position: relative; top: 73px; z-index: -10;}

div.infos{height: 50px;}

}