/* CSS Document */
@import url("home.css");
@import url("ogrupo.css");
@import url("independentes.css");
@import url("agenda.css");
@import url("clipping.css");
@import url("fotos.css");
@import url("contato.css");

/*----------------------------- definindo as tags padrões ----------------------------------*/

* {
	margin:0;
	padding:0;
}

body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.9em;
	color: #FFFFFF;
	background-image: url(../imagens/fundobody2.jpg);
	background-repeat: repeat-x;
	background-color: #494747;
	text-align: justify;
	}
	
img {
	border: 0px;
	}	
	
h2 {
	color: #F8981D;
	font-size: 1.2em;
	}
	
h3 {
	color: #866A20;
	font-size: 1.0em;
	}
	
a {
	color: #bc0101;
	text-decoration: none;
	}	
	
.migalha {
	color: #937a38;
	font-size: 0.8em;
	margin-left: 10px;
	margin-bottom: 10px;
	}				
	
/*----------------------------- encerrando as tags padrões ----------------------------------*/

/*----------------------------- definindo a div container ----------------------------------*/

#container {
	margin: 0 auto;
	width: 770px;
	height: auto;
	background-color: #000;
	}
	
/*----------------------------- encerrando a div container ----------------------------------*/	

/*----------------------------- definindo a div header ----------------------------------*/

#header {
	width: 770px;
	height: 60px;
	margin-bottom: 7px;
	}

#header h1 {
	background-image: url(../imagens/logo.jpg);
	width: 284px;
	height: 57px;
	background-repeat: no-repeat;
	float: left;
	}
	
#header ul#menu {
	width: 475px;	
	height: 15px;
	display: block;
	float: right;
	margin-top: 38px;
	}
	
#header ul#menu li {
	display: inline;
	float:left;
	}	
	
#header ul#menu li a {
	float:left;
	height:15px;
	/*text-indent:-15000px;*/
	}		
	
#header ul#menu li a.home {
	background-image:url(../imagens/home.jpg);
	background-repeat: no-repeat;
	width:37px;
	}
	
#header ul#menu li a.ogrupo {
	background-image:url(../imagens/ogrupo.jpg);
	background-repeat: no-repeat;
	width:53px;
	margin-left: 5px;
	}	
	
#header ul#menu li a.independentes {
	background-image:url(../imagens/independentes.jpg);
	background-repeat: no-repeat;
	width:93px;
	margin-left: 5px;
	}	
	
#header ul#menu li a.agenda {
	background-image:url(../imagens/agenda.jpg);
	background-repeat: no-repeat;
	width:49px;
	margin-left: 5px;
	}	
	
#header ul#menu li a.clipping {
	background-image:url(../imagens/clipping.jpg);
	background-repeat: no-repeat;
	width:55px;
	margin-left: 5px;
	}	
	
#header ul#menu li a.fotos {
	background-image:url(../imagens/fotos.jpg);
	background-repeat: no-repeat;
	width:41px;
	margin-left: 5px;
	}	
	
#header ul#menu li a.contato {
	background-image:url(../imagens/contato.jpg);
	background-repeat: no-repeat;
	width:56px;
	margin-left: 5px;
	}	

#header ul#menu li a:hover {
	background-position:bottom;
	}
	
/*----------------------------- encerrando a div header ----------------------------------*/

/*----------------------------- definindo a div fotogrande----------------------------------*/

#fotogrande {
	clear: both;
	margin-bottom: 10px;
	}

/*----------------------------- encerrando a div fotogrande ----------------------------------*/

/*----------------------------- definindo a div conteudo ----------------------------------*/

#conteudo {
	width: 770px;
	height: auto;
	/*position: relative;
	z-index:1;*/
	}
	
#titulo_tamanho {
	width: 165px;
	height: 40px;
	float: right;
	margin-top: -30px;
	}

/*----------------------------- encerrando a div conteudo ----------------------------------*/

/*----------------------------- definindo a div rodape ----------------------------------*/

#rodape {
	width: 770px;
	height: 40px;
	clear: both;
	background-image: url(../imagens/separadorrodape.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
	}
	
#rodape ul#menurodape {
	height: 20px;
	padding-top: 15px;
	text-align: center;
	color: #990000;
	}	
	
#rodape li {
	display: inline;
	}
	
/*----------------------------- encerrando a div rodape ----------------------------------*/

/*----------------------------- definindo a div apoiadores ----------------------------------*/

#apoiadores {
	width: 750px;
	height: 100px;;
	padding: 10px;
	}
	
#apoiadores a {
	color: #575757;
	}	
	
#apoiadores span {
	color: #7e7e7e;
	}	
	
/*#apoiadores img {
	float: left;
	}	*/

#apoiadores .desenvolvedor {
	width: 190px;
	height: 20px;
	float: right;
	}
	
#apoiadores .twitter {
	margin-left: 5px;
	margin-top: -7px;
	margin-right:10px;
	float: left;
	}	
	
#apoiadores ul#apoio {
	clear: both;
	display: block;
	padding-top: 10px;
	}	
	
#apoiadores li {
	display: inline;
	}		
	
/*----------------------------- encerrando a div apoiadores ----------------------------------*/