@import url('normalize.css');
@import url('960_12_col.css');

/* Geral  */
body {
	background: #001A29 url('../img/fundo-liga-polo.jpg') center top no-repeat;
	color: #fff;
	font: normal normal 12px/1.25em Verdana, Arial, sans-serif;
}

a {
	text-decoration: none;
	color: #fff;
}
a:hover { color: #79BCD5 }

h1,h2,h3,h4,h5,h6 { line-height: 1.3em }

input, textarea {font: normal normal 12px/1.25em Verdana, Arial, sans-serif }

.inactive { opacity: .4 }

body.home #topo .menu ul li.home,
body.competicao #topo .menu ul li.competicao,
body.tabela #topo .menu ul li.tabela,
body.artilharia #topo .menu ul li.artilharia,
body.noticias #topo .menu ul li.noticias,
body.clubes #topo .menu ul li.clubes,
body.fotos #topo .menu ul li.fotos,
body.tv-polo #topo .menu ul li.tv-polo,
body.contato #topo .menu ul li.contato { text-decoration: underline }

#topo .barra-topo,
#topo .menu,
#conteudo .bloco .titulo,
#conteudo input.submit,
#lateral input.submit,
thead {
	background-color: #1B4E9A;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#1B4E9A), to(#033379));
	background-image: -webkit-linear-gradient(top, #1B4E9A, #033379);
	background-image:    -moz-linear-gradient(top, #1B4E9A, #033379);
	background-image:     -ms-linear-gradient(top, #1B4E9A, #033379);
	background-image:      -o-linear-gradient(top, #1B4E9A, #033379);
	background-image:         linear-gradient(top, #1B4E9A, #033379);
}
#conteudo input.submit:hover { color: #79BCD5 }

/* Topo */
#topo {
	text-transform: uppercase;
	font-weight: bold;
	background-position: center 60px;
	margin-bottom: 
}

#topo .barra-topo {
	margin-bottom: 358px;
}

#topo .barra-topo h1 {
	margin: 0;
	font-size: 21px;
}

#topo .barra-topo a {
	display: block;
	padding: 10px 22px;
	line-height: 36px;
	height: 40px;
}


#topo .menu ul {
	overflow: hidden;
	font-size: 13px;
	margin: 0;
	padding: 12px 22px;
	text-align: center;
}

#topo .menu ul li{
	display: inline;
	padding: 0 15px;
	border-right: 1px solid #fff;
}

#topo .menu ul li:first-child { padding-left: 0}
#topo .menu ul li:last-child { padding-right: 0; border-right: 0 }

/* Conteúdo */
#conteudo .bloco {
	margin-top: 30px;
	padding: 15px;
	background: rgba(56,138,187,.3);
	overflow: hidden;
}

#conteudo .bloco .titulo {
	margin: -15px -15px 15px -15px;
	padding: 15px;
	
	text-transform: uppercase;
	font-weight: bold;
	font-size: 18px;
}

#conteudo .destaque article img {
	float: left;
	overflow: hidden;
	margin-right: 20px;
}

#conteudo .destaque h1{
	margin: 0 0 25px 0;
	font-size: 20px;
}

#conteudo .banner{
	margin: 30px 0 0;
	text-align: center;
}

#conteudo .enquete h1, 
#conteudo .enquete label {
	font-size: 14px;
}



#conteudo article.texto h2,
#conteudo article.texto h3,
#conteudo article.texto h4,
#conteudo article.texto h5,
#conteudo article.texto h6 {
	margin-top: 30px;
}

#conteudo article.texto h2:nth-of-type(1){
	margin-top: 0;
}

#conteudo article.texto h2 { font-size: 1.6em }
#conteudo article.texto h3 { font-size: 1.5em }
#conteudo article.texto h4 { font-size: 1.4em }
#conteudo article.texto h5 { font-size: 1.3em }
#conteudo article.texto h6 { font-size: 1.2em }


#conteudo input.submit {
	border: none;
	padding: 10px 20px;
	text-transform: uppercase;
	color: #fff;
	font-weight: bold;
	float: right;
	margin-top: 20px;
}

#conteudo .galeria .titulo { margin-bottom: 5px }

#conteudo .galeria article {
	width: 190px;
	float: left;
	margin-right: 10px;
	margin-top: 10px;
}
#conteudo .galeria article:nth-of-type(3n) { margin-right: 0 }


#conteudo .tabela h2.titulo {
	margin: 0 0 10px;
	padding: 5px;
	font-size: 12px;
}

#conteudo .tabela table + h2.titulo { margin-top: 40px }

#conteudo .tabela table {
	width: 100%;
	margin-bottom: 20px;
}
#conteudo .tabela table:last-child { margin-bottom: 0 }

#conteudo .tabela table th,
#conteudo .tabela table td {
	text-align: left;
	padding: 2px 3px;
}

#conteudo .tabela table th { padding: 3px 5px }

#conteudo .tabela .right { text-align: right }
#conteudo .tabela .center { text-align: center }

#conteudo .tabela table tr:nth-child(2n) td { background: #388ABB }

#conteudo .destaque ul {
	margin-top: 70px ;
	margin-left: 0px;
	padding: 0;
}

#conteudo .destaque ul li {
	border-left: solid #1B4E9A 3px;
	list-style: none;
	margin-bottom: 20px;
	padding: 2px 0 0 15px;
	
}

#conteudo .destaque ul li  p.clube {
	margin: 0;
	font-weight: bold;

}

#conteudo .destaque ul li h3{
	font-weight: normal;
	font-size: 14px;
	margin: 0;
	padding: 0;
}

#conteudo ul.paginas {
	float: right;
	list-style: none;
	padding: 0;
	margin-top: 15px;
}

#conteudo ul.paginas li {
	border-left: 1px solid #fff; 
	display: inline;
	text-align: center;
	font-size: 12px;
	margin: 0;
	padding: 0 4px;
	float: left;
	
}

#conteudo ul.paginas li:first-child {
	border-left: 0;
}

#conteudo ul.paginas li:last-child {
	border-left: 0;
}

#conteudo .clubes article{
	float: left;
	width: 25%;
	text-align: center;
	
}
#conteudo .clubes article h1 {
	font-size: 1.1em;
	margin-top: 5px;
	font-weight: normal;
}

#conteudo .tv-polo article {
	float: left;
	margin: 0 10px 10px 0; 
	width: 190px;
	padding: 0;
	border: 0;
}

#conteudo .tv-polo .maior time{
	margin-top: 0;
}


#conteudo .tv-polo .maior h1 {
	font-size: 20px;
	margin: 0 0 24px 0;
	padding: 0
}

#conteudo .tv-polo article h1 {
	font-size: 11px;
	margin: 0 0 5px 0;
}

#conteudo .tv-polo article time {
	margin-top: 0
}

#conteudo .tv-polo article:nth-of-type(3n+1) {
	margin-right: 0;
}

#conteudo .tv-polo .maior {
	width: 590px;
	margin-bottom: 40px;
}


#conteudo .tv-polo ul.paginas {
	margin-top: 30px;
}

#conteudo .contato h1 {
	font-size: 1.8em;
	margin: 0 0 30px 0;
	padding: 0;
}

#conteudo .contato article {
	margin: 0 0 15px 5px;
	font-size: 14px;
	padding: 0;
}

#conteudo .contato article h1 {
	margin-left: 0;
	font-size: 20px;
	padding: 0;
}

#conteudo .contato h2 {
	margin: 0;
	font-size: 14px;
	padding-top: 15px;
}

#conteudo .contato article p {
	margin: 0;
	padding: 0;
}

#conteudo .clubes-interna article.info-time  {
	padding: 0;
	border: 0;
	margin-bottom: 30px;
	overflow: hidden;
}

#conteudo .clubes-interna article.info-time img {
	float: left;
	margin: 0 25px 0 0;
}

#conteudo .clubes-interna article.info-time h1 {
	font-size: 18px;	
}

#conteudo .clubes-interna article img {
	float: left;
	clear: left;
	margin: 0 20px 20px 0;
	
}

#conteudo .clubes-interna article.jogador h1 {
	font-size: 18px;
	margin:0;
}

#conteudo .clubes-interna article.jogador {
	display: block;
	overflow: hidden;
	font-size: 12px;
	margin-bottom: 10px;
}

#conteudo .clubes-interna article.jogador p {
	margin: 0;
}

#conteudo .noticias-interna article time {
	border-bottom: solid 1px #889FAC;
	margin-bottom: 0;
	height: 100%;
	display: block;
	font-size: 10px;
	font-weight: bold;
	padding-bottom: 10	px;
}

#conteudo .noticias-interna article h1 {
	margin: 15px 0 20px 0;
	font-weight: normal;
	font-size: 22px;
}

#conteudo .noticias-interna article img {
	float: left;
	margin: 0 20px 10px 0;
}

#conteudo .noticias-interna article p {
	margin-bottom: 15px;
	line-height: 1.4em;
}

/* Lateral */
#conteudo .tv-polo time {
	font-size: 11px;
	font-weight: bold;
	margin-top: 10px;
	display: block;	
}

#lateral .tv-polo {
	padding-bottom: 0;
	margin-bottom: 0;
}

#conteudo  .tv-polo h1{
	font-size: 14px;
	font-weight: normal;
	margin: 5px 0 0;
}

#conteudo .enquete h1, 
#conteudo .enquete label {
	font-size: 11px;
}

#lateral .rank table { width: 100%; font-weight: bold; text-transform: uppercase }
#lateral .rank table thead { display: none }
#lateral .rank table tbody tr:nth-child(2n-1) { background: #388ABB }
#lateral .rank table tbody td { padding: 2px 5px; font-size: 11px; vertical-align: middle }
#lateral .rank table tbody td.posicao,
#lateral .rank table tbody td.pontos { font-size: 15px; }
#lateral .rank table tbody td.pontos { text-align: right }

#lateral .artilharia .titulo a { float: right; font-size: 10px; text-transform: lowercase; font-weight: normal }

/* Rodapé */
#rodape { text-align: center; background: #fff; padding: 20px; margin: 30px 0 20px }
#rodape a { text-indent: -9999em; display: inline-block; background-repeat: no-repeat; background-position: center center; margin: 0 25px }
#rodape a.correios { width: 179px; height: 72px; background-image: url('../img/creditos/correios.jpg') }
#rodape a.bradesco { width: 142px; height: 72px; background-image: url('../img/creditos/bradesco.jpg') }
#rodape a.lei-incentivo { width: 75px; height: 72px; background-image: url('../img/creditos/lei-incentivo-esporte.jpg') }
#rodape a.speedo { width: 59px; height: 72px; background-image: url('../img/creditos/speedo.jpg') }