/*********************/
/***** TAGS HTML *****/
/*********************/

body {
padding: 0; 
margin: 0; 
font: 12px Verdana, Arial, sans-serif; 
background: url(../imagens/fundao.jpg);
line-height:20px;
color: #333; 
}

a { 
color: #0099FF;
text-decoration:none;
}

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

p {	
margin: 5px 0 10px 0; 
}

h1 {
font: bold 20px Verdana, Arial, Sans-Serif; 
padding: 8px 0 0 0; 
margin: 0; 
}

h2 { 
font: bold 12px Verdana, Arial, Sans-Serif; 
color:#fff;
margin: 0; 
padding: 0; 
}

h3 {
font-size:15px;
margin:0;
padding:0 0 10px 0;
color:#003399;
}

h4 {
font-size:15px;
margin:0;
padding:0 0 10px 0;
color:#666;
}

h1 a, h2 a { 
color: #000; 
background: inherit; 
text-decoration: none;
}

ul {
margin: 0; 
padding : 0; 
list-style : none;
}

img {
border: 0; 
}

/******************/
/***** LAYOUT *****/
/******************/

/* INICIO DE GERAL */
#geral { 
margin: 0 auto; 
width: 760px; 
padding: 80px 0 0 0;
background:#000 url(../imagens/topo.jpg) no-repeat;
}

/* INICIO DE LOGO */
#logo { 
margin: 20px 0 10px 0;
height:80px;
}

#logo img {
margin: 0 10px 0 0;
float:left;
}

/* INICIO DE SLOGAN */
#slogan {
font-size: 12px; 
margin: 0 0 10px 2px; 
padding: 0; 
color: #003399; 
background: #fff;
}

/* INICIO DE INFO */
#info { 
line-height: 27px; 
float: right; 
color: #808080; 
background: #fff; 
margin: 12px 5px 8px 0; 
text-align: right; 
height: 73px;
}

/* INICIO DE DESTAQUE */
.destaque {
background: #999;
color: #454545;
height: 200px;
}

/***** INICIO DO MENU *****/
#abas{ 
padding: 3px 0; 
margin: 0; 
float: left;
}

#abas li{
list-style: none;
display: inline;
margin: 0;
}

#abas li a{
text-decoration: none;
padding: 4px 10px;
margin-right: 2px;
background: #FF3300 url(../imagens/corner.gif) no-repeat top right;
font-weight: bold;
color: #fff;
}

#abas li a:hover{
background: #0099FF url(../imagens/corner.gif) no-repeat top right;
color: #fff;
}

#abas li a.current{
background: #000 url(../imagens/corner.gif) no-repeat top right;
color: #fff;
padding: 6px 22px;

}
#abas .key {
text-decoration: underline;
}

/***** INICIO DO TOPICO *****/
#topico {
float: left;
width: 760px;
background: #000;
padding: 0;
margin: 0;
color: #0099FF;
}
#topico li a { 
background: url(../imagens/bullet.gif) no-repeat center left; 
padding: 5px;
color: #0099FF;
}

/***** INICIO DA TARJA *****/
#tarja {
float: right;
padding: 25px 20px 11px 20px;
height: 30px;	/* IE height */
width: 212px;
margin-top:3px;
}

#table {
width:760px;
float:left;
margin:0;
padding:0;
}

/***** INICIO DO MENU LATERAL *****/
#menu_lateral {
float:left;
width:180px;
margin:0;
padding:0;
}

#lateral h2 {
margin:15px 5px 15px 20px;
}

#lateral ul {
margin:5px 5px 20px 20px;
}

#lateral li {
font-size:12px;
font-weight:bold;
margin:0;
padding:0;
}

#lateral li a {
color:#FF3300;
text-decoration:none;
}

#lateral li a:hover{
color:#fff;	
}

/***** INICIO DA LATERAL ESQUERDA *****/
#destaque {
float:left;
width: 580px;
height:180px;
margin:0;
padding:0;
}

/***** INICIO DOS S *****/
.artigo_esquerdo {
background: #fff url(../imagens/bgshade.gif) repeat-x;
color: #454545;
margin:0 0 10px 0;
padding: 15px 15px 5px 15px;
height:100%;
float:left;
width:580px;
}

.artigo_esquerdo img {
float:left;
padding:0 10px 10px 0; 
}

/***** INICIO DE DATA *****/
.data { 
font-size:9px;
padding: 0 0 0 12px;
background: #fff url(../imagens/news.gif) no-repeat center left;
color: #808080; }

/***** INICIO DA IMAGEM *****/
.img_artigo {
float: left;
clear: left;
border: 1px solid #ccc;
background: #eee;
color: #000;
width: 200px;
height: 150px;
margin: 0 15px 10px 0;
}

.imagem {
float: left; 
margin: 0 9px 3px 0;
}

/***** INICIO DE BOX *****/
#box {
text-align:justify;
float:left;
width:430px;
padding:7px 20px 5px 22px;
color:#0099FF;
}

/***** INICIO DE FONE *****/
#fone {
width:170px;
float:left;
text-align:left;
margin-top:20px;
padding-left:75px;
}

/***** INICIO DE E-MAIL *****/
#email {
width:180px;
float:left;
text-align:left;
margin-top:20px;
padding-left:10px;
}

/*******************************************/
/*************** FORMULÁRIO ****************/
/*******************************************/
form {padding:10px 0 0 5px;}
form fieldset {border:0 solid;} /* Opera */
form textarea {overflow:auto;}

form p {
padding:6px 0;
border-color:white;
font-size:10px;
}

form em {
margin-left:5px;
font-size:10px;
font-style:normal;
color:#CC0000;
}

form label {
display:block;
float:left;
width:250px;
color:#333333;
}

.box {
padding:2px;
width:250px;
border:2px solid;
font-size:10px;
color:#414141;
border-color:#DCDCDC;
font-family:Verdana, Arial, Helvetica, sans-serif;
height:100%;
}

.box:focus, .box:focus, .box:hover, .box:hover {
border:2px solid #000;
}

/***** INICIO DE CONTEUDO *****/
#conteudo {
float: left;
width: 610px;
margin:0;
padding:0;
}

#texto {
width: 590px;
_width: 580px;
margin:0;
padding:5px;
}

#noticia {
width: 590px;
_width: 580px;
margin:0;
padding:5px;
}

.borda {
border: 1px #ccc solid;
}

#noticia img {
margin:0 10px 0 0;
padding:0;
}

/***** INICIO DE RODAPE ******/
#rodape {
width: 750px;
height:50px;
text-align:center;
clear: both; 
color: #999;
padding: 10px 5px 5px 5px;
margin:0 0 15px 0;
}

#rodape p {
margin:0;
padding:0;
}

#rodape a {
color: #999;
text-decoration:none;
font-weight:bold;
}

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