/*****************************************************/
/*                                                   */
/*             Estilos - Vital Brazil                */
/*                                                   */
/*****************************************************/

/*****************/
/*   MAIN BODY   */
/*****************/
body {
	font-size: 62.5%;
	margin: 0em auto;
	padding: 0em;
	background: url(../imagens/background.jpg) top center no-repeat;
  	font-family: Verdana,Tahoma, Arial,sans-serif;
	color:#336699;
}

#wrap {
	width: 76em;
	margin: 0em auto;
}

/**************/
/*     H      */
/**************/
h2{
	font-size:1em;
	padding:0em;
	margin:0em;
}

h2 a{
	font-size:1em;
	padding:0em;
	margin:0em;
	text-decoration:none;
	color: rgb(51,51,51);
}

h2 a:hover{
	font-size:1em;
	padding:0em;
	margin:0em;
	text-decoration:underline;
	color: rgb(100,100,100);
	background-color: rgb(147,190,255);
}

h3{ 
	font-size:0.9em;
	padding:0em;
	margin-top:0em;
	margin-bottom:0.1em;
	color: rgb(100,100,100);
	font-weight:bold;
}

h3 a{
	font-size:1em;
	padding:0em;
	margin:0em;
	color: rgb(100,100,100);
	font-weight:bold;
	text-decoration:none;
}

h3 a:hover{
	text-decoration:underline;
}

/**************/
/*   HEADER   */
/**************/
#header-section {
	width: 76em;
	margin: 0em 0em 0em 0em;
}

#header-background-left {
	float: left;
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	border: none;
}

#header {
	clear: both;
	margin: 0em 0em 1.5em 0em;
	text-transform: uppercase;
	text-align:right;
	line-height: 2.0em;
	height: 2.0em;
	color: rgb(50,50,50);
}

#left-header {
	text-transform: uppercase;
	text-align:left;
	line-height: 2.0em;
	height: 2.0em;
	width:200px;
	float:left;
}
#right-header {
	text-transform: uppercase;
	text-align:right;
	line-height: 2.0em;
	height: 2.0em;
	color: rgb(50,50,50);
	width:200px;
	float:right;
}

/***********************/
/***   LEFT COLUMN   ***/
/***********************/
#left-column {
	width: 46%;
	float: left;
	vertical-align: top;
	background-color: rgb(255,255,255);
	font-size: 1.2em;
	line-height:1.3em;
	color: rgb(0,51,102);
	margin-top:11em;
	text-align:justify;
}

#left-column ul {	
	width: 95%;
	padding: 0em;
	margin: 0em;
}	

#left-column li {
	margin: 1em 0em 0em 2em;
	list-style-image:url(../imagens/icone_cobra20.jpg);
	padding: 0em 0em 0em 1em;
}

#left-column li a {
	clear: both;
	display: block;
	padding: 0.3em 0.0em 0.2em 0em;
	text-decoration: none;
	font-weight: normal;
	color: rgb(0,51,102);
	text-align:left;
/*	height: 1.3em;*/
}	

#left-column li a:hover {
	clear: both;
	display: block;
	padding: 0.3em 0.0em 0.2em 0em;
	text-decoration: underline;
	font-weight: normal;
	color: rgb(0,51,102);
/*	height: 1.3em;*/
	background-color:#FFFFFF;
}	


.left-column-box-white {
	float: right;
	width: 91%;
	margin: 0em 0em 0.8em 0em;
	padding: 0.4em 0.4em 0.4em 0.4em;
/*	border: solid 0.1em rgb(200,200,200); */
	text-align:right;
	color: rgb(51,102,153);
}	

.left-column-box-white a{
	float: right;
	width: 91%;
	margin: 0em 0em 0.8em 0em;
	padding: 0.4em 0.4em 0.4em 0.4em;
	text-align:right;
	color: rgb(51,102,153);
}	
	
/*************************/
/***   MIDDLE COLUMN   ***/
/*************************/

/* Sections */
/************/
#middle-column {
	float: left;
	width: 19.5%;
	padding: 0.8em 0.6em 0em 1.1em;
	color: rgb(51,102,153);
	line-height: 1.3em;
	font-size: 1.2em;
	margin-left:3em;
}

.middle-column-left {
	float: left;
	width: 47.75%;
}

.middle-column-right {
	float: right;
	width: 47.75%;
}

/* Box titlebars */
/*****************/

.middle-column-box-title-yellow {
	clear: both;
	display: block;
	margin: 0em 0em 0.5em 0em;
	padding: 0.2em 0em 0.8em 0.3em;
	background: url(../imagens/linhas.jpg) bottom repeat-x;
	font-weight: bold;
	color:#CC0000;
}

/* Box backgrounds -  Full width boxes */
/***************************************/
.middle-column-box-white {
	float: left;
	width: 100%;
	margin: 0em 0em 1.5em 0em;
	padding: 0em 0em 0em 0em;
	text-align:left;
	color: rgb(0,51,102);
}

.middle-column-box-white a{
	border:none;
}

/* Text headings and paragraphs */
/********************************/
.middle-column-box-white p.heading {
	margin: 1.0em 0em 1.0em 0em;
	font-weight: bold;
	font-size: 1.2em;
}

.middle-column-box-white p.subheading {
	margin: 1.0em 0em 0.6em 0em;	
	font-weight: bold;
}

.middle-column-box-white p {
	margin: 0em 0em 0.6em 0em;
}

/* Images */
/**********/
.middle-column-img-left{
	float: left;
	margin: 0.3em 0.5em 0em 0em;
	border: solid 1px rgb(100,100,100);
}

.middle-column-img-right{
	float: right;
	margin: 0.3em 0em 0em 0.5em;
	border: solid 1px rgb(100,100,100);	
}

.middle-column-img-center{
	margin: 0.3em 0em 0em 0.5em;
	border: none;
	text-align:center;
}

/************************/
/***   RIGHT COLUMN   ***/
/************************/
#right-column {
	float: right;
	width: 25%;
	background-color: rgb(255,255,255);
	color: rgb(100,100,100);
	font-size: 1.1em;
	margin: 0.8em 0em 0em 0em;
}

.right-column-box-white {
	float: right;
	width: 91%;
	margin: 0em 0em 0.8em 0em;
	padding: 0.4em 0.4em 0.4em 0.4em;
}	


.right-column-box-white p {
	margin: 0.3em 0em 0.4em 0em;
}

.right-column-img{
	float: right;
	margin: 1.0em 0em 0em 0em;
	border: solid 1px rgb(100,100,100);
}

.right-column-img2{
	text-align: center;
	margin: 0em 0em 0em 0em;
	border: solid 1px rgb(100,100,100);
}

/*******************/
/***   FOOTER    ***/
/*******************/
#footer {
	clear: both;
	float: left;
	width: 76em;
	height: 107px;
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	text-align: center;
	color: rgb(100,100,100);
	font-size: 1.0em;
/*	background: url(../imagens/rodape.jpg) bottom no-repeat;*/
}

#parceiros{
	clear: both;
	float: left;
	width: 76em;
	height: 180px;
	margin: 5em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	text-align: center;
	text-align:inherit;
	color: rgb(100,100,100);
	font-size: 1.0em;
	vertical-align:middle;
	border-top: solid 3px #CC3300;

}

#parceiros a{
	border:none;
}

#parceiros img{
	margin-right:2.6em;
}

#apoio{
	clear: both;
	float: left;
	width: 76em;
	height: 111px;
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	text-align: center;
	text-align:inherit;
	color: rgb(100,100,100);
	font-size: 1.0em;
	vertical-align:middle;
	border-top: solid 3px #CC9900;
}



a{
	font-size:1em;
	padding:0em;
	margin:0em;
	color: rgb(100,100,100);
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
	color:#CC3300;
}

.centro{
	text-align:center;
	border:none;
}