/*  
Theme Name: Galera Solidária
Theme URI: http://www.galerasolidaria.com.br/temaoriginal/
Description: Tema baseado no lay-out do site Galera Solidário feito pela RMG Connect.
Version: 0.9
Author: Celso Bessa
Author URI: http://www.celsobessa.com.br/

	Galera Solidária 0.9
	 http://www.galerasolidaria.com.br/temaoriginal/

	This theme was built by Celso Bessa over RMG Connect original design
	Celso Bessa's blog you will find at http://celsobessa.wordpress.com/

	The CSS, XHTML and is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

@charset "utf-8";
/* CSS Document */

/* --- Zerando --- */
	
* {
	margin:0px;
	padding:0px;
	list-style:none;
	border:none;
	text-align:left;
}


/* --- Divisões principais --- */

html {
	background:#fff;
	height:100%;
	font:10px Verdana, Helvetica, sans-serif;
}
body { 
	height:100%;
	margin:0 auto;
	text-align:center;
	font-size:1.0em; 
}
div.container { 
	width:768px;
	position:relative;
	margin:0 auto;
	background:#fff url(images/fundo_home_800x600.jpg) no-repeat top center;
	border:1px solid #099;
	border-top:0px solid transparent;
	border-bottom:2px solid #099;
	padding-bottom:3.0em;
}
div.footer {
	padding:1.0em;
	width:768px;
	position:relative;
	margin:0 auto;
}


/* --- Áreas principais  --- */

p.linkhome {
	position:relative;
	top:20px;
	left:10px;
	width:139px;
	height:88px;
	background:transparent url(images/logo.gif) no-repeat top center;
	text-indent:-5000px;
	display:block;
}
object.banner {
	position:relative;
	top:-68px;
	left:190px;
	width:545px;
	height:88px;
}
ul.menuprincipal {
	position:relative;
	top:-48px;
	left:10px;
	width:200px;
	height:150px;
	list-style:none;
}
div.conteudo {
	position:relative;
	top:-218px;
	left:190px;
	background:transparent url(images/apoio_banner.gif) no-repeat top center;
	width:545px;
	padding:22px 0;
}

/* --- LINKS gerais --- */

a, a:visited {
  color: #2b2b2b;
  text-decoration:underline;
  background-color:transparent;
}
a:hover {
  /*color: #099;*/
  color: #fff;
  text-decoration:none;
  background-color:#099;
}
/* --- logo e link home  --- */

p.linkhome a, p.linkhome a:visited, p.linkhome a:hover{
	width:139px;
	height:88px;
	display:block;
	background-color:transparent;
}


/* --- Formatação menu principal  --- */

ul.menuprincipal li a, ul.menuprincipal li a:visited {
	padding:0 1.2em;
	font: bold 1.4em "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
	color:#003377;
	background-color:transparent;
	text-decoration:none;
}
ul.menuprincipal li a:hover {
	text-decoration:underline;
	color: #099;
	background:transparent url(images/boneco-pequeno.gif) no-repeat top left;
}


/* --- Formatação conteúdo principal - posicionamento, tamanho, tipografia e formatação de box --- */


h1, h2, h3, h4, h5, h6 {
	font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
}
h1 {
	padding:3px 5px;
	background-color: #a2e38d;
	color:#099;
	font-size:1.8em;
	line-height:1.1em;
	margin-bottom:1.0em;
	font-weight:normal;
}
h1 a, h1 a:visited, h1 a:hover{
	color:#099;
	text-decoration:none;
	background-color: #a2e38d;
}
h1 a:hover{
	color:#0ab;
}
h2 {
	padding:3px 5px 3px 5px;
	background-color: #a2e38d;
	color:#099;
	font-size:1.4em;
	line-height:1.1em;
	margin-top:1.5em;
	margin-bottom:1.0em;
}
h3, div.conteudo dl dt {
	background-color: transparent;
	color:#003377;
	font-size:1.2em;
	line-height:1.1em;
	margin-bottom:0.5em;
}
div.conteudo dl dt {
	font-weight:bold;
	margin-bottom:0;
	margin-top:1.0em;
}
div.conteudo dl dd {
	font-size:1.1em;
}
ul.menusecundario {
	background-color: #a2e38d;
	padding:3px 5px 3px 5px;
	margin-bottom:1.0em;
	margin-top:-0.8em;
}
ul.menusecundario li{
	display:inline;
}
div.conteudo p, div.conteudo ul li {
	font-size:1.1em;
	line-height:1.1em;
	margin-bottom:0.8em;
	text-align:justify;	
}
div.conteudo ul {
	margin-bottom:1.0em;
}
div.conteudo ul li {
	margin-bottom:0;
	list-style:inside disc;
}
ul.galeriadefotos {
	width:255px;
	height:390px;
	padding:0 10px 10px 15px;
	overflow:auto;
}
ul.galeriadefotos li{
	display:inline;
	padding-bottom:5px;
}
ul.galeriadefotos li a, ul.galeriadefotos li a:visited, ul.galeriadefotos li a:hover{
	background-color:transparent;
}
ul.galeriadefotos li img {
	background-color:#00FF00;
	width:75px;
	height:50px;
}

/* --- Formatações de Formulário  --- */

form {
border:1px dashed #099;
padding:2.0em;
width:300px;
}
label {
	font-weight:bold;
	width:100px;
	display:block;
	color:#099;
}
input, textarea {
	border:1px dashed #a2e38d;
	background-color: #e6f9df;
	color:#099;
	width:300px;
	font-size:0.9em;
}
input#btn_enviar {
	width:60px;
	color:#000;
}
input#btn_enviar:hover {
	background-color:#099;
	color:#a2e38d;
	font-weight:bold;
	width:60px;
}

/* --- Formatações especiais e específicas  --- */

img.left {
	float:left;
	margin-right:15px;
	margin-bottom:15px;
}
img.right {
	float:right;
	margin-left:20px;
	margin-bottom:15px;
}
div.footer p {
	text-align:center;
	width:768px;
	display:block;	
}
p.editentry {
	margin-top:2.0em;
}
.atalho {
	text-decoration:underline;
}
.editentry strong, .editentry a, .editentry a:visited, .editentry a:hover {
	color:#000;
	background-color:#fc0;
}
.editentry strong {
	padding:5px;
}
p.googleads, li.googleads {
padding: 15px 0 0 15px;
}