body
{
	background-image: url(img/bg_white_main.gif);
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; 
	background: #666666;
	font: 76% Verdana, Arial, Helvetica, sans-serif;
}

#tudo
{
	width:990px;
	background: #E0DDD6; /* the background color will be displayed for the length of the content in the column, but no further */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

#cabecalho
{
	height: 79px;
	background-color:#FFFFFF;
}

#alerta {
	background-image: url(img/Post-it3.jpg) ;
	background-position:top;
	background-repeat:no-repeat;
	/*background: #FF0;*/
	width: 176px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	height: 144px;
	color:#900;
	font-size:10px;
	text-align: justify;
}

#esquerda {
	width: 200px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	float: left; /* since this element is floated, a width must be given */
	padding: 10px 10px 10px 10px; /* padding keeps the content of the div away from the edges */
}

#esquerda a {
	text-decoration: none;
	color: #00c;
}

#esquerda a:hover {
	text-decoration: underline;
	color: #00f;
}

#direita {
	position:relative;
}

#conteudo
{
	position: relative;
	min-height: 519px;
	/*height: 539px;*/
	margin-left: 220px;
	padding: 10px 20px 10px 10px; /* padding keeps the content of the div away from the edges */
	border-left: 1px solid #FFFFFF;
	text-align: justify; 
	color:#444;
}

#bemvindo
{
	float: left; /* since this element is floated, a width must be given */
	width: 385px;
	height: 265px;
	/*background-color: #fcfcfc;*/
	margin-top: 0px;
	/*margin-left:410px;*/
	/*margin-right:390px;*/
	/*padding: 0px;*/
	/*border: 1px  solid #FFFFFF;*/
	border-bottom: 1px solid #FFFFFF;
	padding: 0px 10px 15px 0px; /* padding keeps the content of the div away from the edges */
	text-align: justify; 
}

#mensagem {
	float: left; /* since this element is floated, a width must be given */
	/*background: #CCCCCC;*/ 
	width:743px;
	height: 45px;
	/*border: 1px  solid #FFFFFF;*/
	/*margin-top: 0px;*/
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	padding: 0px; 
	/*padding: 15px 10px 15px 0px; */
	font-size:18px;
}

#base {
	/*clear: left;*/  /*since this element is floated, a width must be given*/ 
	float: left; /* since this element is floated, a width must be given */
	/*background: #CCCCCC;*/ /* the background color will be displayed for the length of the content in the column, but no further */
	width:745px;
	height: 150px;
	/*margin-top: 0px;*/
}

#rodape
{
	height: 20px;
	clear:left;
	position: relative;
	font-size: 85%;
	color: #000;
	text-align: left;
	background-image: url(img/footerbackground2.gif);
	background-color:#FFF;
	padding-top: 10px;
} 

#rodape a {
	text-decoration: none;
	color: #00c;
}

#quadro1 {
	background-color: #CCCCCC;
	padding: 10px 10px 10px 10px; /* padding keeps the content of the div away from the edges */
	border: 1px  solid #FFFFFF;
	height: 491px;
}

#quadro2 {
	/*background: #CCCCCC;*/ /* the background color will be displayed for the length of the content in the column, but no further */
	float: left; /* since this element is floated, a width must be given */
	width: 338px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	_width: 336px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	height: 265px;
	/*border: 1px  solid #FFFFFF;*/
	padding: 0px 10px 15px 0px; /* padding keeps the content of the div away from the edges */
}

#quadro3 {
	position: absolute;
	top: 25px;
	height:244px;
	background-color:#CCCCCC;
	padding: 10px 10px 10px 10px; /* padding keeps the content of the div away from the edges */
	border: 1px  solid #FFFFFF;
}

.q3 {
	position: absolute;
	top: 0px;
	height:244px;
	background-color:#CCCCCC;
	padding-left: 10px; /* padding keeps the content of the div away from the edges */
	border: 0;
	border-bottom: 1px  solid #FFFFFF;
	border-left: 1px  solid #FFFFFF;
	border-right: 1px  solid #FFFFFF;
}


#quadro4 {
	background-color:#CCCCCC;
	/*padding: 10px 10px 10px 0px;*/
	padding: 0;
	border: 1px  solid #FFFFFF;
	height:45px;
}

#quadro5 {
	position: relative;
	height: 139px;
	padding: 15px 0px 10px 0px;
	float: left;
	/*border: 1px solid #FFFFFF;*/
}
#quadro6 {
	padding: 10px 15px 10px 15px;
}

#menu {
	background: #FC9C44;
	height: 25px;
	margin:0px;	
	padding:0px;
	z-index:1000;
	border-bottom: 1px solid white;
	/*zoom: 1;*/
}
#menu ul {
	list-style: none;
	text-align: center;
	margin:0px;	
	padding:0px;
	z-index:1000;
	/*zoom: 1;*/
}
#menu ul li ul {
	margin:0px;	
	padding:0px;
	border: 1px solid white;
	float: left;
	background: #fff;
	z-index:1000;
	/*zoom: 1;*/
}

#menu a {
	width:153px;
	display: block;
	text-decoration: none;
	background: #FC9C44;
	color: #000;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 6px;
	/*margin: 1px 0 1px 0;*/
}
#menu ul li {
	float:left;    
	margin:0;
	margin: 0 0 1px 0;
	padding:0;
}
#menu ul li ul {
	width:165px;
	text-align: left;
	position: absolute;
	padding:0;
	font-weight: normal;
	margin:0;
	visibility:hidden;
}
#menu ul li ul ul {margin: -27px 0 0 166px;}
#menu ul li:hover ul ul, #menu ul li.over ul ul, #menu ul li.over ul ul ul {visibility:hidden;}
#menu ul li:hover ul, #menu ul li li:hover ul, #menu ul li li li:hover ul, #menu ul li.over ul, #menu ul li li.over ul, #menu ul li li li.over ul {visibility:visible;}
#menu a:hover {background: #DF4102;color: #fff;}

#conteudo img, #base img{
	/*border: 1px  solid #FFFFFF;*/
}

#menu2 {
	/*background-image: url(img/centro_off.jpg);*/
	position:absolute;
	top:22px;
	left:644px;
	margin: 0px;
	padding: 0px;
	text-align:center;
} 

#menu2 a {
	/*background-repeat:repeat-x;*/
	/*color: #CCCCCC;*/
	color: black;
	font: 11px  Verdana,Tahoma,Helvetica,sans-serif;
	text-decoration: none;
	text-align: center;
	display:inline-block;
	padding: 5px 10px 5px 10px;
	margin: 0px;
	/*vertical-align:middle;*/
	/*border-color: #003300;*/
} 

#menu2 a img{
	margin: 0px;
	padding: 0px;
	border: 0px;
}

#menu2 a:visited{
	color: #CCCCCC;
} 
#menu2 a:hover {
	color: #CC3300;
	/*background: #333333;*/
	/*border: 0 1px 0 1px solid;*/
	/*border-color: #003300;*/
} 

#menu3 {
	/*background-image: url(img/centro_off.jpg);*/
	/*position:absolute;*/
	/*top:20px;*/
	/*left:939px;*/
	float: right;
	margin: 0px;
	padding: 0px;
	text-align:center;
} 

#menu3 a {
	/*background-repeat:repeat-x;*/
	/*color: #CCCCCC;*/
	color: black;
	font: 12px  Verdana,Tahoma,Helvetica,sans-serif;
	text-decoration: none;
	text-align: center;
	display:inline-block;
	padding: 5px 10px 5px 10px;
	margin: 0px;
	/*vertical-align:middle;*/
	/*border-color: #003300;*/
} 

#menu3 a img{
	margin: 0px;
	padding: 0px;
	border: 0px;
}

#menu3 a:visited{
	color: #CCCCCC;
} 
#menu3 a:hover {
	color: #CC3300;
	/*background: #333333;*/
	/*border: 0 1px 0 1px solid;*/
	/*border-color: #003300;*/
} 

#submenu {
	/*background-image: url(img/centro_off.jpg);*/
	margin: 0px;
	padding: 0px;
	text-align:center;
} 

#submenu a {
	/*background-repeat:repeat-x;*/
	/*color: #CCCCCC;*/
	background: #FC9C44;
	color: black;
	font: 11px  Verdana,Tahoma,Helvetica,sans-serif;
	text-decoration: none;
	text-align: left;
	display: block;
	padding: 5px;
	margin: 1px;
	/*border-color: #003300;*/
} 

#submenu a img{
	margin: 0px;
	padding: 0px;
	border: 0px;
}

#submenu a:visited{
	color: #CCCCCC;
} 
#submenu a:hover {
	background: #DF4102;
	color: white;
	/*background: #333333;*/
	/*border: 0 1px 0 1px solid;*/
	/*border-color: #003300;*/
} 

#menuabas {
	list-style: none;
	/*text-align: center;*/
	margin:0px;	
	padding:0px;
	z-index:1000;
	/*zoom: 1;*/
}

#menuabas a {
	/*background: #CCCCCC;*/
	display: block;
	text-decoration: none;
	color: #000; 
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 6px;
	border-top: 1px  solid #FFFFFF;
	border-left: 1px  solid #FFFFFF;
	border-right: 1px  solid #FFFFFF;
	/*margin-right: 5px;*/
	/*margin: 1px 0 1px 0;*/
}

#menuabas a:hover { background-color: #6b696b; color: #000; text-decoration: none; } 

#menuabas li {
	float:left;    
	margin:0;
	margin: 0 0 1px 0;
	padding:0;
}

#menuabas li.current a {
    background: #0f0;
}

#menuabas li.current {
    background: #0f0;
}

#menubarra {
	height: 9px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 1px;
	background-image: url(imagens/menu_barra.gif);
	background-repeat: repeat-x;
} 

.fig_esquerda {
	float: left; /* since this element is floated, a width must be given */
	margin-right: 10px;
}

.fig_quadro2 {
	float: right; /* since this element is floated, a width must be given */
	margin-left: 10px;
}

.style1 {font-size: 80%}
.style2 {font-size: 73%}
.style3 {font-size: 75%}
.style4 {font-size: 90%}

h1 {
	font-size: 150%;
	margin: 0px;
	padding: 0px;
}

h2 {
	font-size: 120%;
	margin: 0px;
	padding: 0px;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

a img{
	margin: 0px;
	padding: 0px;
	border: 0px;
}