/*
Theme Name: Esporte Balada
Theme URI: http://www.esportebalada.com.br/
Version: 1.0
Author: Agencia Pro
*/

@import url(css/slidefoto.css);

*, html, body {
	border: 0;
	margin: 0;
	padding: 0;
	outline: 0;
	line-height: 100%;
}
body {
	background: url(img/textura-madeira.jpg) center -7px;
	font: 15px verdana, tahoma, arial;
}
#wrp {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}
#header h1 {
	display: block;
	float: left;
	width: 217px;
	height: 191px;
	overflow: hidden;
	margin: 0 0 0 37px;
}
#header #marketingSocial {
	float: right;
	margin: 0 0 22px 0;
}
#marketingSocial a.rss {
	float: left;
	display: block;
	width: 108px;
	height: 126px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(img/topo-rss.jpg) top center no-repeat;
}
#marketingSocial a.rss:hover {
	background: url(img/topo-rss-hover.jpg) top center no-repeat;
}
#marketingSocial a.twitter {
	float: left;
	display: block;
	width: 88px;
	height: 126px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(img/topo-twitter.jpg) top center no-repeat;
}
#marketingSocial a.twitter:hover {
	background: url(img/topo-twitter-hover.jpg) top center no-repeat;
}
#marketingSocial a.orkut {
	float: left;
	display: block;
	width: 95px;
	height: 126px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(img/topo-orkut.jpg) top center no-repeat;
}
#marketingSocial a.orkut:hover {
	background: url(img/topo-orkut-hover.jpg) top center no-repeat;
}
#marketingSocial a.youtube {
	float: left;
	display: block;
	width: 95px;
	height: 126px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(img/topo-youtube.jpg) top center no-repeat;
}
#marketingSocial a.youtube:hover {
	background: url(img/topo-youtube-hover.jpg) top center no-repeat;
}
#header #buscar {
	clear: right;
	float: right;
	background: url(img/buscar.jpg) top left no-repeat;
	width: 355px;
	height: 40px;
	margin: 0 20px 0 0;
}
#header #buscar input {
	background: none;
	color: #fff;
	width: 300px;
	padding: 10px 0 0 10px;
	font-size: 18px;
}
#header #buscar button {
	background: none;
	width: 45px;
	height: 40px;
	overflow: hidden;
	text-indent: -9999px;
}

/* Coluna esquerda */
#conteudo #esquerda {
	float: left;
	width: 170px;
}

/* Menu */
#header ul.menu {
	clear: both;
	font-size: 16px;
	display: block;
	padding: 30px 0 0;
	margin: 0 0 0 40px;
	text-align: center;
	height: 30px;
}

#header ul.menu li {
	list-style: none;
	float: left;
}

#header ul.menu li a {
	display: block;
	color: #b2b2b2;
	text-decoration: none;
	padding: 0 25px 0 0;
	margin: 0 25px 0 0;
	border-right: 1px solid #fff;
}

#header ul.menu li a.last {
	border-right: none;
	margin: 0;
	padding: 0;
}


#header .menu li a:hover {
	color: #fff;
}

#header #slidefoto {
	clear: both;
	width: 960px;
	height: 380px;
	overflow: hidden;
	padding: 20px 0 0 15px;
	background: url(img/slide.png) top left;
}

#header #flashTopo {
	width: 960px;
	height: 330px;
}

/* Meio */
#conteudo #meio {
	float: left;
	width: 570px;
	margin: 0 0 0 25px;
}
/* Home */
#meio #home h2 {
	padding: 0 0 5px 0;
	margin: 0 0 15px 0;
	background: url(img/titulo-home.png)  left bottom no-repeat;
}
#meio .box-esquerda {
	width: 275px;
	float: left;
	height: 455px;
	margin: 0 0 20px 0;
}
#meio .box-direita {
	width: 275px;
	float: right;
	height: 455px;
	margin: 0 0 20px 0;
}

#meio #home ul {
	height: 362px;
	padding-right: 10px;
	color: #aaa;
	font-size: 12px;
	overflow: auto;
	padding: 10px 10px 10px;
	background: url(img/fundo-conteudo.png) left top;
}
#meio #home ul li {
	list-style: none;
	line-height: 150%;
	border-bottom: 1px solid #222;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
#meio #home ul li a {
	text-decoration: none;
	color: #a30055;
	font-weight: bold;
}

#esquerda {
	margin: 45px 0 0 0;
}

#esquerda .banner {
	margin: 0 0 20px 15px; 
}

#direita {
	margin: 45px 0 0 0;
}

#direita .banner {
	margin: 0 0 20px 0; 
}

#home li h3 {
	padding: 0 0 5px 0;
}
#home ul li p {
	line-height: 130%;
}
#home .mais {
background: url(img/fundo-conteudo.png);
}
/**/
#meio #home .ver {
	padding: 5px 0;
	display: block;
}
#meio #home .ver a {
	color: #3B89BA;
	padding: 0 0 0 8px;
	background: url(img/marcador1.png) no-repeat left center;
}
#meio #home .ver a:hover {
	color: #fff;
}

#meio #home #flashTop10 {
	width: 275px;
	height: 411px;
}


/*Pages*/
#pages h2 {
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	background: url(img/titulo-home.png)  left bottom no-repeat;
}

#pages h3 {
	color: #9F1D65;
	margin: 0 0 10px 0;
	font-weight: normal;
}

#pages p {
	color: #ccc;
	margin: 0 0 10px 0;
	line-height: 150%;
	font-size: 14px;
}

#pages ul {
	margin: 10px 0 15px 0;
	color: white;	
}

#pages ul li  {
	list-style: none;
	margin-bottom: 10px; 
}

#pages ul li a {
	background: url(img/sombra-lista.png) bottom center no-repeat;
	color: #888;
	display: block;
	padding-bottom: 8px;
	text-decoration: none;
}

#pages ul li a:hover {
	color: #fff;
}


#pages .resultado h3 a {
	display: block;
	color: #9F1D65;
	text-decoration: none;
	margin: 0 0 5px 0;
}
#pages .resultado p a {
	color: #DE6300;
}
#pages .resultado p a:hover {
	color: #FFA73F;
}
#pages .voltar a {
  clear: left;
  float: left;
	margin: 10px 0 0 0;
	color: #9F1D65;
	text-decoration: none;
}
#pages .voltar a:hover {
	color: #CF0C7D;
}
/* Direita */
#conteudo #direita {
	float: right;
	width: 160px;
	display: inline;
	margin-right: 15px;
}
#conteudo #direita a {
	display: block;
}
/*Galerias de imagens*/
#pages .album .galerias {
	height: 160px;
	overflow: hidden;
	margin: 0 0 15px 0 ;
	background: url(img/fundo-galeria.png) no-repeat right top ;
}

#pages .album a {
	color: #fff;
	font-size: 13px;
	text-decoration: none;
}

#pages .album a.foto {
  width: 100px;
  height: 75px;
  display: inline;
  float: left;
  margin: 20px 20px 0 0;
  border: 5px solid #000;
}

#pages .album a.foto:hover {  
  border: 5px solid #333;
}

#pages .album h3 a {
  display: block;
	color: #9F1D65;
	font-size: 20px;
  margin: 15px 10px 10px 0;
	font-weight: normal;
}

#pages .album p.desc a {
  display: block;
  margin: 0 10px 0 0;
	font-weight: normal;
	color: #aaa;
	line-height: 18px;
}

#pages .album a.link {
  font-weight: bold;
  width: 50px;
  height: 70px;
  float: left;
  display: block;
  text-align: center;
  margin: 30px 0 0 0;
  padding-top: 30px;
  background: url(img/separador.png) top left repeat-y;
}

#pages .album a.link:hover {
  color: #fff;
}

#pages .album .ver a:hover {
	color: #fff;
}

#pages .galeria a {
  margin: 0 25px 15px 0;
  float: left;
  width: 100px;
  height: 75px;
  border: 8px solid #000;
}

#pages .ngg-navigation {
  clear: both;
  display: block;
}

#pages .ngg-navigation a {
  display: block;
  color: #fff;
  text-decoration: none;
}

#pages .ngg-navigation a:hover {
	color: #9F1D65;
}

#pages .ngg-navigation span {
  color: #333;
}

#pages .ngg-navigation a.page-numbers, #pages .ngg-navigation a.next, #pages .ngg-navigation a.prev, #pages .ngg-navigation span {
  float: left;
  width: 25px;
  height: 25px;
  line-height: 150%;
  text-align: center;
  background-color: #000;
  margin: 0 5px 0 0;
}

#pages .agenda h3 a {
  display: block;
	color: #9F1D65;
	font-size: 20px;
  margin: 15px 10px 10px 0;
	font-weight: normal;
}

#pages .ver {
	padding: 5px 0;
	display: block;
}
#pages .ver a {
	color: #3B89BA;
	padding: 0 0 0 8px;
	background: url(img/marcador1.png) no-repeat left center;
}

/*Formularios*/
button, label {
	cursor: pointer;
}
.contato {
	color: #fff;
	font-size: 13px;
}
.contato label {
	display: block;
	padding: 3px 0;
}
.contato input.text, .contato textarea {
	color: #eee;
	width: 400px;
	padding: 4px;
	background: #444;
}
.contato textarea {
	height: 100px;
	font: 13px Verdana, Arial, Helveltica, Sans-serif;
}
.contato .newsletter {
	padding: 10px 0;
}
.contato button {
	clear: both;
	width: 110px;
	height: 30px;
	display: block;
	margin: 20px 0;
	text-indent: -9999px;
	background:  url(img/enviar.png);
}
.contato button:hover {
	background-position: left bottom;
}


/* Rodape */
#rodape-topo {
	clear: both;
	background: url(img/rodape-topo.png) center top no-repeat;
	height: 48px;
}
#rodape {
	display: block;
	width: 930px;
	margin: 0 auto;
	height: 270px;
	background: url(img/fundo-conteudo.png) left top;
	margin-bottom: 10px;
}
#rodape #newsletter {
	float: left;
	overflow: hidden;
	display: inline;
	width: 340px;
}
#rodape #newsletter h3 {
	margin: 30px 0 10px 40px;
	background: url(img/titulo-newsletter.png) top left no-repeat;
	text-indent: -9999px;
	width: 230px;
	height: 24px;
}
#rodape #newsletter form {
	margin: 0 0 0 40px;
}
#rodape #newsletter label {
	display: block;
	color: #cccccc;
	margin: 0 0 12px 0;
}
#rodape #newsletter p.text {
	background: url(img/input-newsletter.png) bottom left no-repeat;
	width: 255px;
	margin: 0 0 10px 0;
}
#rodape #newsletter input {
	background: none;
	color: #ffffff;
	width: 240px;
	height: 18px;
}
#rodape #newsletter button {
	display: block;
	background: url(img/assinar.png) top left no-repeat;
	width: 110px;
	height: 30px;
	text-indent: -9999px;
}
#rodape #interacao {
	float: left;
	display: inline;
	width: 285px;
}
#rodape #interacao h3 {
	margin: 30px 0 20px 0;
	background: url(img/titulo-interacao.png) top left no-repeat;
	text-indent: -9999px;
	width: 230px;
	height: 24px;
}
#rodape #interacao ul li {
	list-style: none;
	text-indent: -9999px;
	margin: 0 0 10px 0;
}
#interacao .twitter a, #interacao .orkut a, #interacao .youtube a, #interacao .rss a {
	width: 120px;
	height: 28px;
	display: block;
}
#rodape #interacao .twitter {
	background: url(img/interacao.png) top left no-repeat;
}
#rodape #interacao .orkut {
	background: url(img/interacao.png) 0px -42px no-repeat;
}
#rodape #interacao .youtube {
	background: url(img/interacao.png) 0px -84px no-repeat;
}
#rodape #interacao .rss {
	background: url(img/interacao.png) 0px -127px no-repeat;
}
#rodape #equipe {
	float: left;
	display: inline;
	width: 285px;
}
#rodape #equipe h3 {
	margin: 30px 0 20px 0;
	background: url(img/titulo-equipe.png) top left no-repeat;
	text-indent: -9999px;
	width: 230px;
	height: 24px;
}
#rodape #equipe ul li {
	list-style: none;
	text-indent: -9999px;
	margin: 0 0 10px 0;
}
#equipe .junior, #equipe .mauricio, #equipe .soneka {
	width: 244px;
	height: 46px;
	display: block;
}
#rodape #equipe .junior {
	background: url(img/equipe.png) top left no-repeat;
}
#rodape #equipe .mauricio {
	background: url(img/equipe.png) 0px -57px no-repeat;
}
#rodape #equipe .soneka {
	background: url(img/equipe.png) 0px -114px no-repeat;
}
#desenvolvedor {
	margin-bottom: 30px;
	text-align: center;
	font-size: 14px;
}
#desenvolvedor a {
	color: #fff;
	text-decoration: none;
}
#desenvolvedor a:hover {
	color: #A3004A;
}