/**************************************************************************
 $Revision: 1.6 $
 $Author: apoenaweb $ Apoena Machado Cunha
 $Date: 2005/08/28 04:56:04 $
 $Id: estilo.css,v 1.6 2005/08/28 04:56:04 apoenaweb Exp $
**************************************************************************/

/**************************************************************************
 Layout
**************************************************************************/
/** Zerando todos os margins naturais **/
body, h1, h2, h3, h4, h5, h6, form, dl, ul, ol, dt, dd, p, address {
	margin:0px;
	padding:0px;
}

body{
	text-align:center;
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:66%;
	padding:0px;
	margin:0px;
	background:#F4F4F4 url(../img/sobrasbordas.gif) repeat-y center top;
	color:#494949;
}

img {border:0px;}

/** Div GERAL **/
#geral {

	background:#FFF;
	width:760px;
	text-align:left;
	margin:0px auto 0px auto;
	padding-top:0px;

	/*dashed, solid, dotted*/
	/*
	border:1px solid #CCC;
	border-left:1px solid #FFF;
	border-right:1px solid #FFF;
	border-top:1px solid #CCC;
	*/
	
	/*border-botton:1px solid #E1E1E1;*/
}

html>body #geral {
	/*background:#F4F4F4 url(../img/biglogo.gif) no-repeat 0px 0px;*/
}
/** Fim do div Geral **/

#esquerda {
	background:#FFFFFF;
	padding:10px;
	width:200px;
	height:100%;
	float:left;
}

#esquerdacontato{
	/*background:#F4F4F4;*/
	padding:10px;
	width:250px;
	height:100%;
	float:left;
}
/* Maior em 50 px */
#esquerdab{
	/*background:#F4F4F4;*/
	padding:10px;
	width:250px;
	height:100%;
	float:left;
}

/*
#esquerda #conteudo a{
	text-decoration: none;
	color:#494949;
}

#esquerda #conteudo a:hover{
	text-decoration: underline;
	color:#3d3f41;
}
*/

#direita { 
	width:140px;
	float:right;
	margin:0px 10px;
}
#conteudo{
	background:#FFF;
	width:520px;
	margin-left:225px;
}
#conteudob{
	background:#FFF;
	width:480px;
	margin-left:270px;
}
#conteudosimples{
	background:#FFF;
	width:100%;
}

hr {
	margin:10px 10px;
	
	/* hacks para IE. */
	_margin:0px 0px;
	_color:#E1E1E1;
}


#imagem {
	margin:0px 10px 0px 20px;
	padding:auto 0px;
	width:80px;
	float:left;
}

#imagempeq{
	margin:0px 0px 0px 0px;
	padding:auto 0px;
	width:80px;
	float:left;
}



/**************************************************************************
 Estilos de texto 
**************************************************************************/
/* Títulos */
h1{
	font-size:16px;
	font-family:Verdana;
	background:#3d3f41;
	color:white;
	padding:5px;
	margin:0px;
	font-size:14px;
	
	/* hacks para IE. */
	_font-family:Arial;
}
h2{
	font-family:Verdana;
	font-size:18px;
	font-family:Verdana;
	margin:10px 10px 10px 20px;
	color:#3d3f41;
	
	/* hacks para IE. */
	_font-family:Arial;
}
h3{
	font-family:Verdana;
	color:#494949;
	font-size:15px;
	margin:10px 20px -10px;
	/*clear:both;*/
	
	/*letter-spacing:5px;
	border-left:35px solid #3d3f41;
	padding:0px 20px;
	width:300px;
	*/
	
	/* hacks para IE. */
	_font-family:Arial;
}
h4{
	color:#494949;
	background:#F4F4F4;
	color:#3d3f41;
	font-size:12px;
	margin:0px 10px 10px;
	clear:both;
	/*letter-spacing:2px;*/
	border:1px solid #E1E1E1;
	border-left:1px solid #E1E1E1;
	border-right:1px solid #FFF;
	border-top:1px solid #FFF;
	padding:0px 10px;
}
h5{
	/* Implementar */
}
h6{
	/* Implementar */
}

/*Texto*/
/*
ul{
	margin-right:100px;
}

li{
	margin-bottom:5px;
}
*/
code{
	color:#D22;
}
p{
	margin:10px 20px 20px 20px;
	line-height:150%;
}
pre{
	margin:10px 30px;
	padding:10px;
	color:#500;
	font-size:120%;
	background:#f7f7f7;
}
pre i{
	color:#D22;
}
dir{
	background:#F4F4F4;
	padding:10px;
	margin:10px;
	margin-right:0px;
	width:200px;
	float:right;
	/*
	border-left:7px solid #E1E1E1;
	border-bottom:7px solid #E1E1E1;
	*/
}


blockquote {
	/*
	padding:0px;
	margin-top:0px;
	width:400px;
	*/
}

/**************************************************************************
 Links
**************************************************************************/
a{
	color:#3d3f41;
}
a:hover{
	color:#000000;
}
a.titulo{
	color:#3d3f41;
}
a.titulo:hover{
	color:#CCCCCC;
}
a.submenu{
	text-decoration:none;
	color:#3d3f41;
}
a.submenu:hover{
	color:#000000;
}

#barra_navegacao{
	background:#FFFFFF;
	margin:20px 20px 40px;
}


/* Rodapé */
#rodape{
	background:#F4F4F4;
	color:#000000;
	text-align:center;
	padding:10px;
	border-top:0px solid #E1E1E1;
}
#rodape a{
	/*color:#3d3f41*/
}

/* Cabecalho */
#cabecalho{
	
	background:#F4F4F4;
	/*background:#E1E1E1 url(../img/cabecalho.jpg) no-repeat 0px 0px;*/
	background:#E1E1E1 url(../img/08.jpg) no-repeat 0px 0px;
	background:#FFF url(../img/08.jpg) no-repeat 0px 0px;
	
	color:white;
	padding:0px;
	margin:0px;
	font-size:30px;
	height: 205px;
}


/**************************************************************************
 Formulários
**************************************************************************/
input {
	background-color: #F2F2F2;
	font: 11px Verdana;
	border-size: 1px;
	border: 1px solid #CCCCCC;
	color: #000000;
}
select {
	background-color: #F2F2F2;
	font: 11px Verdana;
	border-size: 1px;
	border: 1px solid #CCCCCC;
	color: #000000;
}

textarea {
	background-color: #F2F2F2;
	font: 11px Verdana;
	border-size: 1px;
	border: 1px solid #CCCCCC;
	color: #000000;
}
.form_botao     {
	font-family: Verdana;
	font-size: 10px;
	font-style: normal;
	text-align: center;
	height: 18px;
	width: 78px;
	background-color: #E2E2E2;
	color: #000000;
	font-weight: bold;
	border: 1px none #FFFFFF;
}

/**************************************************************************
 Menu 
**************************************************************************/
#menu {
	/*background:#f7f7f7 url(../img/fundo_tr_titulo.jpg) repeat 0px 0px;*/
	background:#f7f7f7 url(../img/fundo_tr_menu.jpg) repeat 0px 0px;
	padding:10px;
	width: 740px;
	height:20px;
	/*border-bottom:1px solid #CCC;*/
} 

#menu ul {
	padding:0px;
	/*margin:0px 120px;*/
	/*float: center;*/
	float: right;

	/*background-color:#F4F4F4;*/
	list-style:none;
	/*font:80% Verdana;*/
}

#menu ul li { display: inline; }

#menu ul li a {
	background-color:#f7f7f7;
	color: #333;
	text-decoration: none;
	border-left:1px solid #CCC;

	padding: 2px 10px;
	float:left;
}

#menu ul li a:hover {
	background-color:#FFFFFF;
	color: #6D6D6D;
	border-bottom:3px solid #3d3f41;
}

#menu ul li a:active {
	background-color:#CCC;
	color: #6D6D6D;
	border-bottom:3px solid #3d3f41;
}

#barra_imagens {
	height:150px;
	background:#E1E1E1;
	/*padding:0px;*/
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	border-top:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	position:relative;
	margin:0px 0px 0px;
} 
 
.itemmenu a{
	display:block;
	/*background:#E1E1E1;*/
	font-size:11px;
	text-align:left;
	padding:2px;
	color:#333333;
	text-decoration:none;
	/*
	border-left:1px solid #FFFFFF;
	border-right:1px solid #CCCCCC;
	border-top:1px solid #FFFFFF;
	*/
	border-bottom:1px solid #CCCCCC;
	/*
	position:relative;
	top:0px;
	left:0px;
	*/
}
.itemmenu a:hover{
	/*background:#F4F4F4;*/
	color:#000000;
	/*border:1px dotted #E1E1E1;*/
}
.itemmenu{
	float:center;
	width:100%;
}

/* 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;
}

#clear { 
		/*clear: both;*/
	}
	
#divisao {
	color:#CCCCCC;
	display:block;
	border:0px solid;
	height:10px;
	width:100%;
	margin:0px 0 10px 0;
	/*background:url("http://www.nead.org.br/images/divisao.gif")  no-repeat  top left ;*/
}
	
hr {
	margin:20px 20px 0px 0px;
	padding:1px;
	border-left:0px solid #F4F4F4;
	border-right:0px solid #F4F4F4;
	border-top:0px solid #F4F4F4;
	border-botton:1px solid #F4F4F4;
}

hr.branco {
	margin:20px 0px 0px 20px;
	padding:0.1px;
	border-left:0px solid #FFFFFF;
	border-right:0px solid #FFFFFF;
	border-top:0px solid #FFFFFF;
	border-botton:1px solid #FFFFFF;
}

#sombrinha {
	/*width:755px;*/
	background:url(../img/fundodiresq.png) no-repeat top center;
	_background:url(../img/fundodiresq.gif) no-repeat top center;
}