html, body {
	margin: 0px;
	}

body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	background: url(../imagens/background.gif) repeat top left;
	font-size:12px;
}
#container {
	width: 980px;
	height:auto;
	margin: 0 auto;
	padding: 10px;
	overflow: hidden;
	background-color:#fff;
}


/* -- ================== CONFIGURAÇÕES DO CABEÇALHO  ================== */
#header {
	width: 980px;
	height: 135px;
	margin: 0 auto;
	overflow: hidden;
}
#header #info{
	width: 980px;
	height: 85px;
	background: url(../imagens/header_bkg.jpg) no-repeat top left;
}
#header #info h1{
	font-size:22px;
	font-weight:200;
	letter-spacing:-1px;
	color:#0980C0;
	padding: 55px 0px 0px 110px;
	margin:0px;
}
#header #info #login{
	width:260px;
	height:70px;
	margin: 10px 10px 0px 0px;
	float:right;
}
#header #info #login #titulo{
	width:260px;
	height:15px;
	float:left;
}
#header #info #login #titulo h2{
	width:260px;
	height:15px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-weight:200;
	color:#fff;
	margin:0px;
}
#header #info #login #campos{
	width:250px;
	float:left;
	padding:10px 5px 0px 0px;
}
#header #info #login #campos .logpass{
	width:90px;
	background-color:#f2f2f2; 
	font: 10px arial, sans-serif;
	color:#808080;
	border: 1px solid #808080;
	padding:5px;
}
#header #info #login #lembrar{
	width:185px;
	height:15px;
	float:left;
	padding: 3px 0px 0px 0px;
}
#header #info #login #lembrar h2{
	width:260px;
	height:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:200;
	color:#fff;
	margin:0px;
}
#header #info #login #lembrar h2 a{
	color:#fff;
	text-decoration:none;
}
#header #info #login #lembrar h2 a:hover{
	color:#fff;
	text-decoration:underline;
}

#header #menu{
	width: 980px;
	height: 41px;
	background-color:#8C1126;
}
#navcontainer ul {	
	margin:0px;
	padding-left: 110px;
	margin-left: 0px;
	background-color: #8C1126;
	color: White;
	float: left;
	font-family: arial, helvetica, sans-serif;
	border-right: 1px solid #fff;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
	width:85px;
	padding: 12px 11px;
	height:17px;
	background-color: #8C1126;
	color: White;
	text-decoration: none;
	float: left;
	border-left: 1px solid #fff;
	text-align:center;
}

#navcontainer ul li a:hover
{
	background-color: #6C0D1E;
	color: #fff;
}
#header #logo{
	position:absolute;
	width: 95px;
	height: 133px;
	float:left;
	margin-left:7px;
}


/* -- ================== CONFIGURAÇÕES DO CONTEÚDO  ================== */
#content {
	width: 980px;
	height: 567px;
	margin: 0 auto;
	background: url(../imagens/content_background.gif) no-repeat top left;
}


/* -- ================== CONFIGURAÇÕES DA CAIXA DE TITULO DA ESQUERDA  ================== */
#content #leftbox{
	width: 547px;
	height: 563px;
	float:left;
}
#content #leftbox #title{
	width: 524px;
	height: 70px;
	padding: 23px 0px 0px 10px;
	float:left;
}

#content #leftbox #title h1{
	font-family: georgia, serif;
	font-size: 33px;
	font-weight:100;
	color:#1F346B;
	line-height: 30px;
	letter-spacing: -1.8pt;
	margin:0px;
}
#content #leftbox #title h1 .destaque{
	color:#8C1126;
}

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

#content #leftbox #intro{
	width: 240px;
	height:170px;
	padding: 0px 0px 0px 10px;
	float:left;
	margin:0px;
}
#content #leftbox #intro p{
	font-size:13px;
	color:#4D4D4D;
}
#content #leftbox #intro a{
	color:#4D4D4D;
	text-decoration:none;
}
#content #leftbox #intro a:hover{
	color:#FFF;
	text-decoration:none;
}
#content #leftbox #intro p span{
	padding:5px;
	background-color:#CCC;
	font-size:10px;
	color:#4D4D4D;
}
#content #leftbox #foto{
	width: 284px;
	height:170px;
	padding: 0px 0px 0px 0px;
	float:left;
	margin:0px;
}

/* -- ================== CONFIGURAÇÕES DO BOX DESENHO  ================== */
#content #leftbox #desenho{
	width: 241px;
	height:300px;
	padding: 0px 0px 0px 0px;
	float:left;
	margin:0px;
}
/* -- ================== CONFIGURAÇÕES DO BOX MÉTODOS  ================== */
#content #leftbox #metodo{
	width: 306px;
	height:295px;
	padding: 0px;
	float:left;
	margin:5px 0px 0px 0px;
}
#content #leftbox #metodo #topo{
	background: url(../imagens/metodo_fundo.gif) no-repeat top left;
	width: 305px;
	height:43px;
	padding: 10px 0px 0px 0px;
	float:left;
	margin:0px;
}
#content #leftbox #metodo #topo h1{
	width: 305px;
	font-family: georgia, serif;
	font-size: 22px;
	font-weight:100;
	color:#fff;
	line-height: 30px;
	letter-spacing: -1pt;
	margin:0px;
}
#content #leftbox #metodo #texto{
	background: url(../imagens/metodo_fundo_02.gif) repeat-x top center;
	width: 306px;
	height:242px;
	padding: 0px 0px 0px 0px;
	float:left;
	margin:0px;
}
#content #leftbox #metodo #texto p{
	width: 240px;
	padding:5px 0px 0px 30px;
	margin:26px 0px 0px 0px;
	float:left;
	color:#FFF;
	background: url(../imagens/metodo_seta.gif) no-repeat center left;
}
#content #leftbox #metodo #texto a{
	color:#00ADEE;
	text-decoration:none;
}
#content #leftbox #metodo #texto a:hover{
	color:#fff;
	text-decoration:none;
}
/* -- ================== CONFIGURAÇÕES DA CAIXA DA ESQUERDA  ================== */
#content #rightbox{
	width: 433px;
	height: 563px;
	float:left;
}
#content #rightbox #subtitle{
	width: 420px;
	height: 70px;
	padding: 23px 0px 0px 10px;
	float:left;
}
#content #rightbox #subtitle h2{
	font-family: georgia, serif;
	font-size: 25px;
	font-weight:100;
	color:#666;
	line-height: 30px;
	letter-spacing: -1.8pt;
	margin:0px;
}
#content #rightbox #video{
	width: 422px;
	height: 470px;
	padding: 0px 0px 0px 10px;
	float:left;
	background: url(../imagens/metodo_fundo_02.gif) repeat-x;
	background-position: 0px 228px;
}
#content #rightbox #video #box{
	width: 380px;
	height: 273px;
	padding: 10px;
	float:left;
	background-color:#333;
}
#content #rightbox #video #mais{
	width: 400px;
	height: 65px;
	margin: 5px 0px 0px 0px;
	padding-top:15px;
	float:left;
	text-align:center;
	color:#FFF;
	background: url(../imagens/video_sombra.gif) no-repeat top left;
}
#content #rightbox #video #mais a{
	color:#FFF;
	text-decoration:none;
}
#content #rightbox #video #mais a:hover{
	color:#FFF;
	text-decoration:underline;
}

#content #rightbox #video #cadastro{
	width: 400px;
	height: 80px;
	margin: 0px 0px 0px 0px;
	float:left;
	text-align:center;
}
/* -- ================== CONFIGURAÇÕES DO RODAPÉ  ================== */
#footer {
	width: 980px;
	height: 207px;
	margin: 0 auto;
	margin-top:0px;
	overflow: hidden;
	background: url(../imagens/footer_background.gif) repeat-x top left;
}
#footer .box1{
	width: 215px;
	height: 167px;
	float:left;
	background: url(../imagens/footer_background_box1.gif) no-repeat center right;
	padding: 20px 15px 20px 15px;
}
#footer .box2{
	width: 215px;
	height: 167px;
	float:left;
	background: url(../imagens/footer_background_box2.gif) no-repeat center right;
	padding: 20px 15px 20px 15px;
}
#footer .box3{
	width: 215px;
	height: 167px;
	float:left;
	background: url(../imagens/footer_background_box3.gif) no-repeat center right;
	padding: 20px 15px 20px 15px;
}
#footer .box4{
	width: 215px;
	height: 167px;
	float:left;
	background: url(../imagens/footer_background_box4.gif) no-repeat center right;
	padding: 20px 15px 20px 15px;
}
#footer h1{
	font-family: georgia, serif;
	font-size: 20px;
	font-weight:100;
	color:#1F346B;
	line-height: 30px;
	letter-spacing: -1pt;
	margin:0px 0px 10px 0px;
}
#footer ul{
	list-style:none;
	margin:0;
	padding:0;
}
#footer li{
	display:block;
	width:47px;
	height:47px;
	float:left;
	margin:0px 6px 25px 0px;
}
#footer p{
	font-family: georgia, serif;
	font-size:12px;
	color:#999;
	margin:0;
}
#footer p a{
	color:#333;
	text-decoration:none;
}
#footer p a:hover{
	color:#1F346B;
	text-decoration:underline;
}


/* -- ================== CONFIGURAÇÕES DA CAIXA DE CRÉDITOS  ================== */

#creditos {
	width: 980px;
	height: 20px;
	margin: 0 auto;
	margin-top:10px;
	overflow: hidden;
	text-align:center;
}
#creditos .texto{
	font-family: georgia, serif;
	font-size:12px;
	color:#B3B3B3;
}