/*  
Theme Name: Sociedade Providência
Version: 1.0
Author: Fabricio G. Machado
Description: Tema desenvolvido especialmente para a ONG Sociedade Providência.
*/

@charset "utf-8";

html, body {height:100%;} 
body {
	margin:0; 
	padding:0;
	background:#fff url(images/fundo.jpg) repeat-x;
	color:#666;
	font:75%/1.4 Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	}
#tudo { 
	width:776px;
	position:relative;  /*Contexto de posicionamento */
	background:#fff url(images/fundo1.jpg) repeat-y;
	margin:0 auto;
	text-align:left;
	min-height:100%;/**/
	border:0px;
	}
 * html #tudo {height: 100%;}
#conteudo {
	padding-bottom:130px;
	background:url(images/topo2.jpg) no-repeat top;
	}
	
 * html #conteudo {height: 100%;}

#topo {
	width:776px;
	height:187px;
	text-align:left;
	font:bold 12px Arial, Helvetica, sans-serif;
	color: #fff;
	}
#principal {
	width:450px;
	padding-left:55px;
	padding-top:10px;
	padding-bottom:20px;
	float:left;
	text-align:justify;
	}
#auxiliar {
	width:251px;
	float:right;
	padding-top:10px;
	position:relative;
	}
#rodape {
	background:#fff url(images/rodape.jpg) no-repeat top;
	width:776px;
	height:115px;
	padding-top:30px;
	position: absolute;
	bottom: 0; 
	text-align:center;
	}
#rodape p {
	margin:0;
	font-weight:normal;
	color:#2560a2;
	}
#busca {
	width:300px;
	height:30px;
	padding-top:10px; 
	padding-left:455px;
    margin:0;
	}
#cabecalho{
	height:154px;
	padding-top:0; 
	padding-left:0px;
    margin:0;
	}
#navigation{
	padding-top:0px; 
	padding-left:212px;
    margin:0;
    height:33px;
    list-style:none;
	}



#menu {
	width:186px;
	height:52px;
	margin:0;
	padding:0;
	position:relative;
}
#menu li {
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	top:0;
}
#menu li, #menu a {
	height:52px;
	display:block;
}


img {
	border:none;
}

#auxiliar ul {
	width:237px;
	margin:0;
	padding:0;
	list-style:none;
	}
#auxiliar ul li {margin:0px 0; }
#auxiliar ul li a, #auxiliar ul li a:visited {
	height:1%;
	font:12px Arial, Helvetica, sans-serif;
	display:block;
	color:#2560a2;
	text-decoration:none;
	padding:5px 25px;
	background:url(images/botao_lat_fundo1.jpg) no-repeat top left;
	}
#auxiliar ul li a:hover {
	color:#2560a2;
	text-decoration:underline;
	}
	
#auxiliar h1 { 	
	color:#2560a2;
	font-size:16px;
	padding:7px 15px;
	height: 18px;
	background:url(images/botao_lat_topo.jpg) no-repeat top left;
	
}
#auxiliar h5 { 
	color:#2560a2;
	font-size:12px;
	padding:7px 15px 0px 15px;
	background:url(images/botao_lat_fim.jpg) no-repeat top left;
	height: 18px;
	margin:0;
	
}

#auxiliar h2, #auxiliar h3, #auxiliar h4 { 	
	color:#2560a2;
	font-size:12px;
	padding:7px 15px 0px 15px;
	background:url(images/botao_lat_fundo.jpg) no-repeat top left;
	height: 18px;
	}



h1, h2, h3, h4 { 	
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#2560a2;
	}
h1, h4 {
	font-size:12px;
	padding:10px 10px;
	height:15px;
	margin:0;
	}
	

	
h2 a, h3 a, p a, span a, span {
	color:#2560a2;
	text-decoration:none;
    font-weight:bold;
	}
h2 a:hover, h3 a:hover, p a:hover, span a:hover {
	color:#2560a2;
    text-decoration:underline;
    font-weight:bold;
	}
.clear {clear:both;}
/* ----- FORMS ----- */

.input{
    background-color: #FFF;
    color: #999999;
    border: 1px solid #CCC;
    font-size: 11px;
    padding: 2px;
    width:120px;              
}
#busca .input{
    background-color: #FFF;
    color: #999999;
    border: 1px solid #2560a2;
    font-size: 11px;
    padding: 2px;
    width:200px;              
}
.textarea{
    background-color: #FFF;
    color: #999999;
    border: 1px solid #CCC;
    font-size: 11px;
    padding: 3px;
    width:400px; 
	height:200px;
}
.textareacont{
    background-color: #FFF;
    color: #999999;
    border: 1px solid #CCC;
    font-size: 11px;
    padding: 3px;
    width:250px; 
}
.submit{
    background-color:#EFEFEF;
    line-height:11px;
    color: #000;
    border: 1px solid #ccc;
    font-size: 11px;
    margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	cursor: pointer;
}
#busca .submit{
    width:30px;
    color: #2560a2;
    border: 1px solid #2560a2;
	padding: 2px 5px 2px 5px;
}
form p{
    padding:2px 0;
}