@charset "utf-8";
/* CSS Document */

html, body {
	height: 100%;
	margin: 0;
}

#tudo{
	position: relative;
	width: 100%;
}

#topo{
	width: 100%;
	height: 148px;
	background: #eeeeee;
	position:relative;
	background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc));
	background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%);
	background: -o-linear-gradient(top,  #eeeeee 0%,#cccccc 100%);
	background: -ms-linear-gradient(top,  #eeeeee 0%,#cccccc 100%);
	background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );
}

#espaco_logomarca{
	width:990px;
	height:100px;
	margin:0 auto;
	padding:0;
	position:relative;
}

#menutodo{
	width: 100%;
	height: 45px;
	background: #f4f4f4;
	margin-top: 0;
	border-top: 1px #fff solid;
	border-bottom: 1px #ccc solid;
	position:absolute;
}

#menu{
	width: fit-content;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	position: relative;
	z-index: 10;
	margin-top: -7px;    
}
#menu li{
	position: relative;
	margin: 0;
	height: 60px;
	display: inline-block;
	float: left;
}
#menu li a{
	font-family:"Century Gothic";
	text-transform:uppercase;
	margin:0;
	border-radius: 5px;
	display:block;
	font-size:14px;
	width: auto;
	color:#333;
	text-decoration:none;
	text-align:center;
	line-height:60px;
	padding-left: 10px;
    padding-right: 10px;
	font-weight:bold;
	
	-webkit-transition:all 300ms ease-out;
	-moz-transition:all 300ms ease-out;
	-ms-transition:all 300ms ease-out;
	-o-transition:all 300ms ease-out;
}
#menu li a:hover{
	background-image: linear-gradient(to bottom, #ff9b12, #c57910);
    color: #FFF;
}


.menu-alt{
	font-family:"Century Gothic";
	text-transform:uppercase;
	margin:0;
	border-radius: 5px;
	display:block;
	font-size:14px;
	width: auto;
	text-decoration:none;
	text-align:center;
	line-height:60px;
	padding-left: 10px;
    padding-right: 10px;
	font-weight:bold;
	background-image: linear-gradient(to bottom, #ff9b12, #c57910);
    color:#333;
	background-size: 400% 100%;
	background-position: 0 0;
	
	-webkit-transition:all 300ms ease-out;
	-moz-transition:all 300ms ease-out;
	-ms-transition:all 300ms ease-out;
	-o-transition:all 300ms ease-out;
}
.menu-alt :hover{
	color: #FFF;
}

#espaco_banner{
	width:100%;
	height:295px;
	background:#eee;
}

#espaco_02{
	width:100%;
	height:295px;
	overflow:hidden;
	border-bottom: 2px #ccc solid;
	background:url(imagens/fd_banner.png) right no-repeat;
}

#conteudo{
	width:990px;
	overflow:hidden;
	margin: 0 auto;
	padding:0;
}

#lateral{
	width:300px;
	height:600px;
	float:left;
	background:url(imagens/fd_lateral.png);
}

#meio{
	width:670px;
	float:right;
	margin-top:20px;
}

#menu_vertical{
	width:300px;
	height:40px;
}

#menu_rodape{
	margin: 0;
	padding:0;
	list-style: none;
	width: 250px;
}

#menu_rodape li{
	border-bottom: 1px dotted rgba(255,255,255,0.3);
}

#menu_rodape li a {
	display:block;	
	padding: 10px;
	font: normal 12px Arial;
	text-indent: 10px;
	color: #fff;
	text-decoration:none;
	
	-webkit-transition:all 300ms ease-out;
	-moz-transition:all 300ms ease-out;
	-ms-transition:all 300ms ease-out;
	-o-transition:all 300ms ease-out;
}

#menu_rodape li a:hover {
	margin-left:10px;
}
 
#menu_rodape li a:after{
	content:"»";
	float:left;
}

#espaco_rodape{
	width: 100%;
	height: 342px;
	background: #eeeeee;
	position:relative;
	background: #020202;
	background: -moz-linear-gradient(top,  #020202 82%, #686868 90%, #686868 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(82%,#020202), color-stop(90%,#686868), color-stop(100%,#686868));
	background: -webkit-linear-gradient(top,  #020202 82%,#686868 90%,#686868 100%); 
	background: -o-linear-gradient(top,  #020202 82%,#686868 90%,#686868 100%); 
	background: -ms-linear-gradient(top,  #020202 82%,#686868 90%,#686868 100%); 
	background: linear-gradient(to bottom,  #020202 82%,#686868 90%,#686868 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#020202', endColorstr='#686868',GradientType=0 ); 
}

#rodape{
	width:990px;
	overflow:hidden;
	margin: 0 auto;
	padding:0;
}

#rod01{
	width: 280px;
	padding-top: 20px;
	height:280px;
	float:left;
	text-align:left;
}

#rod02{
	width: 409px;
	border-left: 1px solid rgba(255,255,255,0.3);
	margin-top: 20px;
	padding-left: 20px;
	height:240px;
	float:right;
	text-align:left;
}

<!------------------------------------------------------------------------------------>

.titulo01{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#999;
	text-align:left;
	line-height: 20px;
}

.titulo02{
	font-family:"avantgarde_bk_btbook";
	font-size:20px;
	color:#006D36;
	text-align:left;
	line-height: 20px;
}

.titulo03{
	font-family:"avantgarde_bk_btbook";
	font-size:24px;
	color:#6F6F6F;
	text-align:left;
	line-height: 20px;
}

.texto01{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	text-align:justify;
	line-height: 20px;
}

.texto02{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FC0;
	text-align:justify;
	line-height: 20px;
}

.texto03{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#C16100;
	text-align:justify;
	line-height: 20px;
	font-weight:bold;
}

.texto04{
	font: normal 12px Arial;
	text-indent: 10px;
	color: #fff;
	text-decoration:none;
	text-transform:uppercase;
}

.texto05{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	text-align:left;
	line-height: 14px;
	resize: none;
}

.link01{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	text-align:justify;
	line-height: 20px;
}

.link01:hover{
	color:#999;
}


.link02{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	cursor: pointer;
	font-weight:bold;
}

.link02 a{
	color: #069;
	text-decoration: none;
	
	-webkit-transition:all 300ms ease-out;
	-moz-transition:all 300ms ease-out;
	-ms-transition:all 300ms ease-out;
	-o-transition:all 300ms ease-out;
}

.link02 a:hover{
	color: #09C;
}

#data{
	font-family:Arial, Helvetica, sans-serif;
	line-height: 14px;	
	color:#fff;	
	font-size:12px;	
}