/*************************** 
  Disposição do layout 
 ***************************/
body{
	
	background:#FFF;
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:80%;
	padding:0px;
	width:824px;
	margin-left:100px;
	margin-right:100px;
	margin-top:00px;
}

.logo {
	text-align: left;
	width: 223px;
	height:199px;
	background-color:#007CC3;
	padding:00px;
	float:left;
	}

.login {
	position:relative;
	width:547px;
	height:199px;
	background-repeat:no-repeat;
	background-color:#007CC3;
	margin-top:0px;
	color:white;
	float:left;
	}

#bem_vindo{
	position:relative;
	width:547px;
	height:99px;
	background-repeat:no-repeat;
	background-color:#007CC3;
	margin-top:0px;
	color:white;
	text-align:left;
	float:left;
			}
#menu{
	position:relative;
	width:547px;
	height:100px;
	background-repeat:no-repeat;
	background-color:#007CC3;
	margin-top:0px;
	color:yellow;
	text-align:center;
	line-height: 140px;
	vertical-align: bottom;
	float:left;
	}
#head{
	position:relative;
	width:547px;
	height:199px;
	background-repeat:no-repeat;
	background-color:#007CC3;
	margin-top:0px;
	color:yellow;
	text-align:center;
	line-height: 140px;
	vertical-align: bottom;
	float:left;
	}
#menu2 {
	position:relative;
	float:left;

	}
#menu2 ul { height: 1%; display: table; } 
#menu2 ul li { float: left; margin: 0 02px; } 
#menu2 ul li.primeira { margin-left: 0; } 
#menu2 ul li a { 
    display: block; 
    float: left; 
    padding: 1px 2px; 
    background-color: #6565FC; 
    color: #FFFFFF; 
    font-weight: bold; 
} 

#menu2 ul li a.selecionado, #menu2 ul li a:hover { background-color: #C4D8FD; color: #FFFFFF; text-decoration: none; 
}

#conteudo{
	color: #666666;
	text-align:center;
	margin:0 auto 0 auto;
	height: 100%;
	min-height:100%;/**/
				}
* html #geral {
	height: 100%; /* hack para IE6 hq trata height como min-height */
	}
#geral { 
    margin: 10px auto; 
    width: 800px; 
    text-align: left;
	float:left;
}


#menu_inferior {
	position:absolute;
	bottom:0;
	width:770px;
	font:68% Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	}


/*************************** 
  Estilos de texto 
 ***************************/

/* Títulos */

hr.amarelo{
      color: yellow;
      background-color: #007CC3;
      height: 2px;
    }
ul { list-style: none; } 
p { margin-bottom: 10px; } 
h1 { margin-bottom: 5px; color: #69A90A; font-size: 100%; } 
h2 { margin-bottom: 2px; color: #81C281; font-size: 150%; } 
h3 { color: #709AFE; font-size: 130%; } 
ul.noticias{
	margin-top: 15px;
	margin-left:0px;
	list-style: none;
	}
li.noticias{
	margin-top:0px;
		}

form{
	text-align:center;
	font-size:11px;
	margin: 0;
	display:inline;
		}

p{
	margin:5px 5px 5px 5px;
	line-height:130%;
}

p.just{
	margin:5px 5px 5px 5px;
	line-height:130%;
	text-align:justify;
	text-indent:40px;
	}

a.noticias{
	color:#1487C9;
	text-decoration:none;
	}
a.noticias:hover{
	color: bold;
	text-decoration: underline;
	}
div.noticias{
	width:700px;
	float:left;
		}
pre{
	margin:10px 30px;
	padding:10px;
	color:#500;
	font-size:120%;
	background:#EDEDED;
}
pre i{
	color:#D22;
}


span{
	font-size:78%;
	}

/* Rodapé */
#rodape{
	position:absolute;
	bottom:0;
	width:760px;
	height:35px;   /* altura do rodape */
	background:#0093DD;
	font:78% Verdana, Arial, Helvetica, sans-serif;
	color:white;
	text-align:center;
	}
	
	
a.rodape{
	color:yellow;
	text-decoration:none;
}
a.rodape:hover{
	color: bold;
	text-decoration: underline;
	}

/*************************** 
  Menu 
 ***************************/




/* Tooltip */
a span{
	display:none
}
a:hover span{
	display:block;
	position:absolute;
	top:20px;
	left:120px;
	background:#FFC;
	color:black;
	border:1px dotted black;
	width:150px;
	padding:10px;
}
/************************
     CALENDARIO
************************/

table{
	font: 95% "Trebuchet MS", Verdana, Arial, Tahoma; 
	text-align:left;
	margin-left:1px;
	margin-right:1px;
	margin-top:0px;
	}