/*  
ALAE - Associação de Livre Apoio ao Excepcional
******************************************************
Design by: Areta do Bem - ATO interativo agência web
Country: Brasil
Last CSS update: 09/2007
Note: Folha acessível, apenas cores
******************************************************
Copy something of someone is WRONG, but copy 
from lot's of places is RESEARCH!
Don't let the puppies sad!
******************************************************
*/
* {
padding:	0px;
margin:		0px;
list-style:	none;
}
body {
padding:	0px;
margin:		0px;
background:	#FFF url(img/bg_a.jpg) left top repeat-x;
font: 		14px "Trebuchet MS", Tahoma, Verdana, Lucida Sans, Arial;
}
/* BARRA ACESSIVEL */
#barra_acessivel {
width:		100%;
height:		40px;
background	:#0771bf;
}
#seg_barra_acessivel {
width:		900px;
margin:		0 auto;
vertical-align:middle;
background: #0771bf;
padding:	0px 0px;
text-align:	center;
}
#seg_barra_acessivel h1 {
font: 		bold 10px "Trebuchet MS", Tahoma, Verdana, Lucida Sans, Arial;
color: 		#fff;
}
#seg_barra_acessivel ul, 
#seg_barra_acessivel h1 {
display: 	inline;
margin: 	0px 5px 0px 5px;
background:	transparent;
}
#seg_barra_acessivel ul li {
font: 		normal 11px "Trebuchet MS", Tahoma, Verdana, Lucida Sans, Arial;
margin-left:0;
padding: 	0px 3px;	
border-left:1px solid #fff;
list-style: none;
display: 	inline;
background:	transparent;
}
#seg_barra_acessivel ul li.primeiro {
margin-left:0px;
border-left:none;
list-style: none;
display:	inline;
background:	transparent;
}
#seg_barra_acessivel a:link,
#seg_barra_acessivel a:visited,
#seg_barra_acessivel a:active {
text-decoration: underline;
color: 		#f0f0f0;
background:	transparent;
}
#seg_barra_acessivel a:hover {
text-decoration: none;
}
/* LOGO E IMAGENS EM FLASH */
#logo_flash {
width:		auto;
height:		auto;
background:	transparent;
}
#seg_logo_flash {
width:		860px;
height:		auto;
margin:		0 auto;
padding:	20px 20px 5px 20px;
background:	#FFF !important;
}
#logo {
width:		auto;
height:		auto;
padding:	0px;
margin:		0px;
background:	#FFF;
float:		left;
}
#imagens {
width:		1px;
height:		auto;
float:		right;
display:	none;
}
/* PRINCIPAL */
#principal {
width:		auto;
height:		auto;
background:	transparent;
}
#seg_principal {
width:		860px;
height:		auto;
margin:		0 auto;
padding:	20px 20px 5px 20px;
background:	#FFF !important;
}
#menuprincipal {
width:		200px;
height:		auto;
padding:	0px;
margin:		0px;
float:		left;
}
#conteudo {
width:		450px;
height:		auto;
float:		left;
padding:	0px 10px;
margin:		0px 0px 0px 20px;
text-align:	justify;
}
#apoio {
width:		150px;
height:		auto;
padding:	0px;
margin:		0px 0px 0px 10px;
float:		left;
}
/** PRINCIPAL >> MENU **/
ul.menu {
width:		190px;
height:		auto;
background:	transparent;
}
ul.menu li {
padding:	5px 10px;
margin:		0px 0px 1px 0px;
background:	#0771BF;
}
ul.menu li:hover {
padding:	5px 10px;
margin:		0px 0px 1px 0px;
background:	#F5F8FB;
}
ul.menu li.primeiro {
padding:	5px 10px;
margin:		0px 0px 1px 0px;
background:	#0771BF;
}
ul.menu li.primeiro a:hover {
color:		#FFF;
text-decoration:underline;
}
ul.menu li span {
text-decoration:underline;
}
ul.menu li a,
ul.menu li a:visited,
ul.menu li a:active {
font-weight:bold;
font-size:	15px;
color:		#FFF;
text-decoration:none;
}
ul.menu li a:hover {
text-decoration:underline;
color:		#0771BF;
}
/** PRINCIPAL >> GERAL **/
#conteudo img {
border:		none;
padding:	0px;
margin:		5px;
}
#conteudo p a,
#conteudo p a:visited,
#conteudo p a:active {
text-decoration:underline;
color:		#000000;
}
#conteudo p a:hover {
text-decoration:none;
}
/** PRINCIPAL >> PARCEIROS **/
ul.lista_parceiros {
padding:	0px;
margin:		0px;
background:	transparent;
}
ul.lista_parceiros li {
height:		auto;
padding:	5px;
margin:		5px;
background:	#FFF;
border:		none;
display:	inline;
vertical-align:	middle;
float:		left;
}
ul.lista_parceiros li img {
vertical-align:	middle;
border:		none;
cursor:		pointer;
}
/** PRINCIPAL >> PUBLICACOES **/
ul.lista_publicacoes{
margin:		0px;
padding:	0px;
}
ul.lista_publicacoes li{
display: 	block;
padding:	0px 0px 5px 0px;
margin:		0px 0px 10px 0px;
}
ul.lista_publicacoes li a, 
ul.lista_publicacoes li a:visited {
display: 	block;
text-decoration:none;
}
ul.lista_publicacoes li a:hover {
display: 	block;
background:	#F2FBFF;
}
ul.lista_publicacoes li span.titulo, 
ul.lista_publicacoes li span.titulo a, 
ul.lista_publicacoes li span.titulo a:hover{
font-size:	12px;
font-weight:bold;
color:		#003366;
text-decoration:none;
display:	block;
}
ul.lista_publicacoes li span.resumo, 
ul.lista_publicacoes li span.resumo a {
color:		#000000;
text-decoration:none;
}
ul.lista_publicacoes li span.resumo a:hover {
color:		#000000;
text-decoration:underline !important;
}
ul.lista_publicacoes li span.leia_mais, 
ul.lista_publicacoes li span.leia_mais a, 
ul.lista_publicacoes li span.leia_mais a:hover {
font-size:	10px;
color:		#003366;
text-decoration:none;
display:	block;
}
/* APOIO >> PROXIMOS EVENTOS */
ul.lista_prox_eventos {
padding:	0px;
margin:		0px;
background:	transparent;
}
ul.lista_prox_eventos li {
height:		auto;
padding:	5px;
margin:		0px 0px 1px 0px;
background:	#F2FBFF;
border-bottom:1px solid #E6F8FF;
}
ul.lista_prox_eventos li img {
border:		none;
cursor:		pointer;
display:	block;
}
ul.lista_prox_eventos li:hover {
background:	#E6F8FF;
border-bottom:1px solid #C6EFFF;
}
ul.lista_prox_eventos li span.data {
padding:	0px;
margin:		0px 3px 0px 0px;
font:		bold 11px "Trebuchet MS", Tahoma, Verdana, Lucida Sans, Arial;
color:		#006699;
display:	block;
}
ul.lista_prox_eventos li a,
ul.lista_prox_eventos li a:visited,
ul.lista_prox_eventos li a.active {
text-decoration:none;
color:		#333333;
}
ul.lista_prox_eventos li a.active {
text-decoration:underline;
color:		#333333;
}

/* RODAPE */
#rodape {
width:		auto;
height:		auto;
background:	#0960A6;
}
#seg_rodape {
width:		860px;
height:		auto;
margin:		0 auto;
padding:	20px 20px 5px 20px;
background:	#0960A6;
font:		11px "Trebuchet MS", Tahoma, Verdana, Lucida Sans, Arial;
color:		#FFFFFF;
text-align:	right;
}
#seg_rodape a,
#seg_rodape a:visited,
#seg_rodape a:active {
color:		#FFFFFF;
text-decoration:underline;
}
#seg_rodape a:hover {
color:		#FFFFFF;
text-decoration:none;
}
/* FORMATAÇÕES GERAIS */
img {
padding:	0px;
margin:		0px;
cursor:		pointer;
border:		none;
}
.clear {
font-size:	1pt;
height:		1pt;
clear:		both;
background:	transparent;
}
ul.geral {
padding:	0px;
margin:		0px;
}
ul.geral li {
list-style:	disc inside;
padding:	2px;
margin:		0px 0px 1px 0px;
}
ul.geral li a,
ul.geral li a:visited,
ul.geral li a:active {
color:		#000000;
text-decoration:underline;
}
ul.geral li a:hover {
color:		#000000;
text-decoration:none;
}
blockquote {
margin-left: 15px;
border-left:5px solid #0771BF;
padding:	2px 10px 2px 05px;
}
p {
padding:	5px 0px;
margin:		0px;
}
.center {
text-align:	center;
}
hr {
font-size:	1px;
height:		1px;
padding:	0px;
margin:		5px;
border:		none;
background:	#C8D3E8;
}
.img_left {
border:		none;
cursor:		pointer;
margin:		0px 5px 0px 0px;
float:		left;
}
.img_right {
border:		none;
cursor:		pointer;
margin:		0px 0px 0px 5px;
float:		right;
}
/* TIPOGRAFIA GERAL */
h1, h2, h3, h4 {
padding:	0px;
margin:		0px 0px 5px 0px;
background:	transparent;
font-family:"Trebuchet MS", Tahoma, Verdana, Lucida Sans, Arial;
}
h1 a, h2 a, h3 a, h4 a,
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited,
h1 a:active, h2 a:active, h3 a:active, h4 a:active,
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {
text-decoration:none;
color:		#003366;
} 
h1 span, h2 span, h3 span, h4 span {
border-bottom:	1px solid #003366;
}
h1 {
font-size:	21px;
color:		#003366;
}
h2 {
font-size:	17px;
color:		#003366;
}
h3 {
font-size:	15px;
color:		#003366;
}
h4 {
font-size:	12px;
color:		#003366;
}
.linkdoe,
.linkdoe a,
.linkdoe a:visited,
.linkdoe a:active {
color:		#990000;
text-decoration:none;
cursor:		pointer;
}
.linkdoe a:hover {
color:		#990000;
text-decoration: underline;
}
/* FORMULARIOS */
fieldset {
padding:	10px;
margin:		5px;
border:		1px solid #ccc;
text-align:	left;
}
legend {
font-size:	13px;
color:		#006699;
font-weight:bold;
}
label {
width:		95px;
height:		auto;
padding:	0px;
margin:		4px 3px 0px 0px;
text-align:	right;
float:		left;
}
input,
select,
textarea {
width:		auto;
height:		auto;
padding:	5px;
margin:		0px 0px 10px 0px;
background:	#FFF;
border:		1px solid #006699;
color:		#000;
}
.radio {
background:	none;
border:		none;
vertical-align:	middle;
padding:	5px;
margin:		5px 0px 10px 0px;
}
#doar,
#enviar,
#ser,
.botao {
width:		auto;
height:		auto;
padding:	5px;
margin:		0px 0px 10px 0px;
background:	#006699;
border:		1px solid #006699;
color:		#FFF;
font:       bold 13px "Trebuchet MS", Tahoma, Verdana, Lucida Sans, Arial;
cursor:		pointer;
}

/**
 * Mensagem de erro
 * */

div.blockMsg {    
    text-align: center;    
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); 
    -moz-opacity:.85;    
}
.erro,.sucesso{
	font-weight: 			bold;
	display:				block;
	padding:				15px;
	text-align:			center;
	width:				auto;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); 
    -moz-opacity:.85;
    opacity:.85;  
}
.erro {
	background-color: #d00;
	border: 3px solid #f00;  
	color: #fff;    
}
.sucesso {
	background-color: #060;
	border: 3px solid #080;  
	color: #fff;    
}

/**
 * /Mensagem de erro
 * */