* {
	margin: 0px;
}
html, body {
	height: 100%;
}
body {
	background: url(../imagens/body_bkg.gif) repeat-x top left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}
#container {
	position:relative;
	width: 728px;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	margin: 0 auto -100px; /* the bottom margin is the negative value of the footer's height */
	padding: 0px;
	overflow: hidden;
	background: url(../imagens/bkg_borda.png) center top repeat-y;
}

/*==========================================================================*/

#header {
	width: 728px;
	height: 238px;
	margin: 0 auto;
	overflow: hidden;
}
#header #content{
	width: 718px;
	height: 238px;
	margin: 0 auto;
	overflow: hidden;
	/*background: url(../imagens/header_bkg.gif) repeat-y top center;*/
	background-color:#005b7f;
}
#header #content #info{
	width: 638px;
	height: 200px;
	padding-top:20px;
	margin: 0 auto;
	overflow: hidden;
}
#header #content #info #logo{
	width: 170px;
	height: 50px;
	float:left;
}
#header #content #info #texto{
	width: 467px;
	height: 50px;
	float:left;
	text-align:left;
	color:#FFF;
	font: 23px Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	border-left: 1px solid #fff;
}
#header #content #info #texto .alinha{
	padding: 17px 0px 0px 10px
}
#header #content #info #flash{
	width: 638px;
	height: 137px;
	float:left;
	margin: 10px 0px 0px 0px;
	background-color:#333;
}
#header #content #info #flash #atalhos{
	width: 638px;
	height: 27px;
	float:left;
	margin: 0px;
	background-color:#333;
	border-bottom: 1px solid #666;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
}

/*======================menu===============================*/

#header #content #info #flash #atalhos ul {	
	margin:0px;
	padding-left: 0px;
	color: White;
	float: left;
	font-family: arial, helvetica, sans-serif;
	border-right: 1px solid #666;

}
#header #content #info #flash #atalhos ul li {
	display: inline;
}

#header #content #info #flash #atalhos ul li a{
	width: auto;
	padding: 5px 11px;
	height:17px;
	color: White;
	text-decoration: none;
	float: left;
	border-left: 1px solid #666;
	text-align:center;
}
#header #content #info #flash #atalhos ul ul li a{
	width: auto;
	padding: 5px 11px;
	height:17px;
	color:#FC0;
	text-decoration: none;
	float: left;
	border-left: 1px solid #666;
	text-align:center;
}

#header #content #info #flash #atalhos ul li a:hover{
	background-color: #404040;
	color: #fff;
}

/*===============================fim do menu====================================*/


#header #content #info #flash #animacao{
	width: 638px;
	height: 112px;
	float:left;
	padding: 10px 0px 0px 0px;
	background-color:#333;
	text-align:center;
}

/*======================================================================*/
#boxcontent {
	position: relative;
	width: 638px;
	height:100%;
	margin: 0 auto -100px;
	padding: 0px;
	overflow:hidden;
}
#boxcontent #menu{
	position:relative;
	height:auto;
	float:left;
	margin: 15px 0px 0px 0px;
}
#boxcontent #menu ul{
	width: 128px;
	list-style:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	margin: 0;
	padding: 0;
}
#boxcontent #menu ul li{
	margin: 0px 0px 0px 0px;
	background: url(../imagens/border_menu.gif) repeat-x bottom;
}
#boxcontent #menu ul li a{
	display:block;
	padding: 5px;
	color:#000;
	text-decoration:none;
}
#boxcontent #menu ul li a:hover{
	display:block;
	color:#003c58;
	text-decoration:underline;
}
#display{
	position:relative;
	width: 487px;
	height:auto;
	float:left;
	margin: 15px 0px 0px 23px;
}
#display h1{
	font: 18px Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#333;
	padding-bottom:10px;
}
#display p{
/*	line-height:20px;*/
	margin-bottom:15px;
	color:#333;
}
#display .destaqueCurso{
	background-color:#003c58;
	color:#fff;
	font-size:11px;
	padding:0px 3px 0px 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

}
#display #push {
	position:relative;
	height:100px;
}
#display a{
	color:#003c58;
	text-decoration:none;
}
#display a:hover{
	color:#000;
	text-decoration:underline;
}

#display td a{
	color:#000;
	text-decoration:none;
}
#display td a:hover{
	color:#003c58;
	text-decoration:underline;
}
#display h2{
	font-style:normal;
	font-size:16px;
	color:#fff;
}
#display h3{
	font-style:normal;
	color:#ffffff;
	font: 12px Arial, Helvetica, sans-serif;
}
#display h4{
	font: 75px Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#333;
	padding-bottom:0px;
	margin:0px;
}
#display li{
/*	line-height:20px;*/
	color:#333;
	list-style:square;
}
/*==========================================================================*/

#rodape{
	position:relative;
	width: 100%;
	height:100px;
	margin: 0 auto;
	padding: 0px;
	overflow: hidden;
	background: #333 url(../imagens/footer_bkg.gif) repeat-x top left;
}
#rodape #box {
	width: 718px;
	height:100px;
	margin: 0 auto;
	padding: 0px;
	overflow: hidden;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	font: 11px Arial, Helvetica, sans-serif;
	color:#FFF;
}
#rodape #box #interno{
	width: 638px;
	height:100px;
	margin: 0 auto;
	padding: 0px;
	overflow: hidden;
}
#rodape #box #interno #left {
	width: 319px;
	float:left;
	margin: 25px 0px 0px 0px ;
}
#rodape #box #interno #right {
	width: 319px;
	float:left;
	margin: 25px 0px 0px 0px ;
}
#rodape #box #interno a{
	color:#51b0d6;
	text-decoration:none;
}
#rodape #box #interno a:hover{
	color:#999;
	text-decoration:underline;
}

#rodape #creditos{
	width:1000px;
	font: 12px Arial, Helvetica, sans-serif;
	color:#FFF;
	text-align:left;
	padding:30px 0px 0px 0px;
}
#rodape #creditos a{
	color:#FFF;
	text-decoration:none;
}
#rodape #creditos a:hover{
	color:#FFF;
	text-decoration:underline;
}
#rodape #creditos #textos {
	width:700px;
	float:left;
	margin-left:10px;
}
#rodape #creditos #logometodista {
	width:105px;
	height:60px;
	float:left;
	padding-left:10px;
	border-right: 1px solid #fff;
}

/*============================BANNER=============================*/
/*==========================================================================*/

.banner{
	width: 128px;
	margin: 10px 0px 0px 0px;
	background-color:#CCC;
}
.newsletter{
	width: 128px;
	margin: 10px 0px 0px 0px;
	font-size:10px;
}
.campo{
	width: 85px;
	margin: 5px 0px 0px 0px;
}
.but{
	width: 30px;
	text-align:center;
	padding:0;
}.new {
	color: #990000;
	font-size:10px;
	font-weight:bold;
}

/*====================tabela===============*/
/*=========================================================*/
table.bordatextoCurso {border-collapse: collapse;}
table.bordatextoCurso tr td {border:1px solid #999;}
.style2 {
	color: #990000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
}
.style3 {
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}
.foto {
	float:left;
	margin-right:2px;
}