/*

Theme Name: SB5
Theme URI: http://www.sb5.com.br/
Description: Tema desenvolvido para o site da empresa.
Version: 0.1
Author: Pedro Lamin
Author URI: http://www.pedrolamin.com.br/
Tags: sb5, eventos, contemporaneo, grade

*/

@font-face {
	font-family: "Micro";
	src: url(fonts/mi.eot);
	src: local("Micro"), url(fonts/mi.ttf) format("truetype");
}

@font-face {
	font-family: "Microbold";
	src: url(fonts/mibold.eot);
	src: local("Microbold"), url(fonts/mibold.ttf) format("truetype");
}

/* Reset */

*{  
	margin:0; 
	padding:0; 
	border:0;
	font-family:Arial, Helvetica, sans-serif;
	color:#4b4b4b;
}

/* Estrutura principal */

body{ 
	background:#FFF url(imagens/fundo.jpg) top center repeat-y;
}

h2{
	padding:50px 50px 20px 50px;
	font-family: 'Micro', Arial, Helvetica, sans-serif;
	font-weight:100;
	font-size:40px;
	line-height:35px;
	color:#919191;
}

#voltar,
#voltar-sb5{
	width:39px;
	height:39px;
	margin-left:460px;
	position:absolute;
	z-index:9000000;
	left:50%;
}
#voltar-sb5{
	height:49px;
}
#voltar a,
#voltar-sb5 a{
	width:39px;
	height:39px;
	display:block;
	text-indent:-9000px;
	overflow:hidden;
	background:url(imagens/voltar.png) left top no-repeat;
}
#voltar-sb5 a{
	margin-height:42px;
	background:url(imagens/voltar-sb5.png) left top no-repeat;
}
#voltar a:hover,
#voltar-sb5 a:hover{
	background-position:right;
}

#container{
	min-height:900px;
	background:url(imagens/fundo-container.jpg) top center no-repeat;
}
.central{
	width:960px;
	margin:0 auto;
}

.central #esquerda{
	width:219px;
	min-height:670px;
	float:left;
	background:url(imagens/fundo-esquerda.png) top right no-repeat;
}


.central #esquerda h1 a{
	width:219px;
	height:126px;
	display:block;
	text-indent:-9000px;
	overflow:hidden;
	background:url(imagens/logo.png) left bottom no-repeat;
}
.central #esquerda ul{
	padding:30px 0 40px 0;
	background:url(imagens/fundo-item-menu.png) left bottom no-repeat;
}
.central #esquerda ul li{
	list-style:none;
}
.central #esquerda ul li a{
	width:199px;
	height:40px;
	padding-right:20px;
	display:block;
	font-family: 'Micro', Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
	line-height:40px;
	text-align:right;
	text-transform:uppercase;
	text-decoration:none;
	background:url(imagens/fundo-item-menu.png) no-repeat;
	background-position:0 0;
}

.central #esquerda ul li a:hover, 
.central #esquerda ul li a:focus, 
.central #esquerda ul li a:active{
	color:#990000;
	background-position:-20px 0;
}


.central #direita{
	width:740px;
	margin-right:1px;
	float:right;
}
.textos p{
	padding:0 50px 8px 50px;
	font-size:14px;
	text-align:justify;
	line-height:20px;
}

.central #direita #rodape{
	height:115px;
	padding-top:15px;
	text-align:center;
	background:url(imagens/fundo-rodape.png) top repeat-x;
}
.central #direita #rodape span a{
	font-family: 'Micro', Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#666;
	text-decoration:none;
}
.central #direita #rodape span.email{
	padding:0 30px 0 30px;
}
.central #direita #rodape span.email a{
	color:#FFF;
}


img.centered, img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}
.alignright {
	float: right;
}
.alignleft {
	float: left;
}


/* LINK INICIAL */

#informativos h3{
	width:90px;
	height:25px;
	float:left;
	text-align:center;
	text-transform:uppercase;
	font-size:11px;
	line-height:25px;
	color:#C00;
	background-color:#f7f7f7;
	border-top:1px solid #666;
	border-bottom:1px solid #666;
}

ul.twitter{
	width:640px;
	height:25px;
	padding-left:10px;
	overflow:hidden;
	float:right;
	border-top:1px solid #666;
	border-bottom:1px solid #666;
}

ul.twitter li{
	list-style:none;
	font-size:11px;
	line-height:25px;
	color:#000;
}

ul.twitter li a{
	text-decoration:none;
}
 

/* LINK EVENTOS / RESULTADOS / PARCERIAS / NOTICIAS / SOBRE / TEMPO / CONTATO */
body .central #direita .sublinks .textos,
body.eventos .central #direita .textos,
body.resultados .central #direita .textos,
body.parcerias .central #direita .textos,
.blog .textos,
body.sobre .central #direita .textos,
body.locacao .central #direita .textos,
body.tempo .central #direita .textos,
body.contato .central #direita .textos,
body.inscricoes .central #direita .textos,
body.esqueci .central #direita .textos,
body.cadastrese .central #direita .textos,
body.cadastro .central #direita .textos,
body.inscricoes-atletas .central #direita .textos{
	width:553px;
	min-height:690px;
	padding-bottom:50px;
	float:left;
	background:url(imagens/fundo-direito.png) center bottom repeat-x;
}
.blog .textos{
	width:auto;
}
.blog .textos .tw_button,
.blog .textos #fbLikeIframe{
	margin:5px 5px 0 50px;
}
	


body.eventos .central #direita .textos ul.lista,
body.resultados .central #direita .textos ul.lista,
body.atletas-eventos .central #direita .textos ul.lista,
body.inscricoes-atletas .central #direita .textos ul.lista,
.blog .textos ul.lista{
	padding:20px 0 0 1px;
}
body.eventos .central #direita .textos ul.lista li,
body.resultados .central #direita .textos ul.lista li,
body.atletas-eventos .central #direita .textos ul.lista li,
body.inscricoes-atletas .central #direita .textos ul.lista li,
.blog .textos ul.lista li{
	padding:0 50px 20px 50px;
	list-style:none;
	font-size:13px;
	background:url(imagens/fundo-li-lista.png) center bottom repeat-x;
}
body.eventos .central #direita .textos ul.lista li a,
body.resultados .central #direita .textos ul.lista li a,
body.atletas-eventos .central #direita .textos ul.lista li a,
body.inscricoes-atletas .central #direita .textos ul.lista li a,
.blog .textos ul.lista li a{
	color:#999;
	text-decoration:none;
}
body.eventos .central #direita .textos ul.lista li a:hover,
body.resultados .central #direita .textos ul.lista li a:hover,
body.atletas-eventos .central #direita .textos ul.lista li a:hover,
body.inscricoes-atletas .central #direita .textos ul.lista li a:hover,
.blog .textos ul.lista li a:hover{
	color:#000;
}
body.eventos .central #direita ul#fotos,
body.resultados .central #direita ul#fotos,
.blog ul#fotos,
body.sobre .central #direita ul#fotos,
body.contato .central #direita ul#fotos{
	width:186px;
	padding-left:1px;
	float:right;
	background:url(imagens/fundo-lateral-foto.png) left top no-repeat;
}
body.eventos .central #direita ul#fotos li,
body.resultados .central #direita ul#fotos li,
.blog ul#fotos li,
body.sobre .central #direita ul#fotos li,
body.contato .central #direita ul#fotos li{
	list-style:none;
}

/* LINK SOBRE */

body.sobre .central #direita .textos{
	padding-bottom:0;
}
body.sobre .central #direita .textos #hoje{
	height:435px;
}
body.sobre .central #direita .textos #futuro{
	height:260px;
	margin-left:1px;
	background:url(imagens/fundo-sobre-futuro.jpg) left top no-repeat;
}
body.sobre .central #direita .textos #futuro h2{
	padding-top:40px;
	color:#CC0000;
}
body.sobre .central #direita .textos #futuro p{
	color:#FFF;
}


/* LINK PARCEIROS / LOCAÇÃO */
body .central #direita .sublinks .textos,
body.locacao .central #direita .textos{
	min-height:690px;
	padding-bottom:0;
}
body .central #direita .sublinks .lista-direita .textos img,
body .central #direita .sublinks .textos address img,
body.parcerias .central #direita .textos img,
body.locacao .central #direita .textos img{
	margin-bottom:20px;
}
body .central #direita .sublinks .lista-direita,
body.parcerias .central #direita .lista-direita,
body.locacao .central #direita .lista-direita{
	width:186px;
	min-height:690px;
	padding-left:1px;
	float:right;
	background:#fff url(imagens/fundo-lateral-foto.png) left top no-repeat;
}
body .central #direita .sublinks .lista-direita,
body.locacao .central #direita .lista-direita{
	min-height:690px;
}
body .central #direita .sublinks .lista-direita h2,
body.parcerias .central #direita .lista-direita h2,
body.locacao .central #direita .lista-direita h2{
	padding:20px 0 20px 20px;
	font-size:25px;
}
body .central #direita .sublinks .lista-direita ul li,
body.parcerias .central #direita .lista-direita ul li,
body.locacao .central #direita .lista-direita ul li{
	padding:0 20px 15px 20px;
	list-style:none;
	font-size:13px;
	background:url(imagens/fundo-li-lista-direita.png) center bottom repeat-x;
}
body .central #direita .sublinks .lista-direita ul li a,
body.parcerias .central #direita .lista-direita ul li a,
body.locacao .central #direita .lista-direita ul li a{
	display:block;
	color:#999;
	text-decoration:none;
}
body .central #direita .sublinks .lista-direita ul li a:hover,
body.parcerias .central #direita .lista-direita ul li a:hover,
body.locacao .central #direita .lista-direita ul li a:hover{
	color:#000;
}

/* LINK NOTICIAS */

.blog span.data{
	padding-left:50px;
	color:#666;
	font-size:12px;
}

/* LINK TEMPO */

body.tempo .central #direita .textos{
	width:740px;
}
body.tempo .central #direita .textos p{
	padding-left:40px;
}


/* LINK CONTATO */
body.contato .central #direita .textos,
body.inscricoes .central #direita .textos,
body.esqueci .central #direita .textos,
body.cadastrese .central #direita .textos,
body.cadastro .central #direita .textoss,
body.inscricoes-atletas .central #direita .textos{
	min-height:694px;
	padding-bottom:0;
}
body.contato .central #direita .textos form,
body.inscricoes .central #direita .textos form,
body.esqueci .central #direita .textos form,
body.cadastrese .central #direita .textos form,
body.cadastro .central #direita .textos form{
	padding:0 50px 0 50px;
}
body.contato .central #direita .textos form label,
body.inscricoes .central #direita .textos form label,
body.esqueci .central #direita .textos form label,
body.cadastrese .central #direita .textos form label,
body.cadastro .central #direita .textos form label{
	padding:10px 0 4px 0;
	display:block;
	font-size:13px;
	text-transform:uppercase;
}
body.contato .central #direita .textos form input,
body.contato .central #direita .textos form textarea,
body.inscricoes .central #direita .textos form input,
body.inscricoes .central #direita .textos form textarea,
body.esqueci .central #direita .textos form input,
body.esqueci .central #direita .textos form textarea,
body.cadastrese .central #direita .textos form input,
body.cadastrese .central #direita .textos form select,
body.cadastrese .central #direita .textos form textarea,
body.cadastro .central #direita .textos form input,
body.cadastro .central #direita .textos form select,
body.cadastro .central #direita .textos form textarea{
	width:435px;
	padding:9px;
	font-size:12px;
	background:#e9e9e9 url(imagens/fundo-input.png) center top no-repeat;
	border:2px solid #fff;
}
body.cadastrese .central #direita .textos form select,
body.cadastro .central #direita .textos form select{
	width:453px;
}


body.cadastrese .central #direita .textos form #coluna_esquerda,
body.cadastro .central #direita .textos form #coluna_esquerda{
	float:left;
}
body.cadastrese .central #direita .textos form #coluna_direita,
body.cadastro .central #direita .textos form #coluna_direita{
	float:right;
}

body.cadastrese .central #direita .textos form #coluna_esquerda input,
body.cadastrese .central #direita .textos form #coluna_esquerda select,
body.cadastrese .central #direita .textos form #coluna_esquerda textarea,
body.cadastrese .central #direita .textos form #coluna_direita input,
body.cadastrese .central #direita .textos form #coluna_direita select,
body.cadastrese .central #direita .textos form #coluna_direita textarea,
body.cadastro .central #direita .textos form #coluna_esquerda input,
body.cadastro .central #direita .textos form #coluna_esquerda select,
body.cadastro .central #direita .textos form #coluna_esquerda textarea,
body.cadastro .central #direita .textos form #coluna_direita input,
body.cadastro .central #direita .textos form #coluna_direita select,
body.cadastro .central #direita .textos form #coluna_direita textarea{
	width:201px;
	background:#e9e9e9 url(imagens/fundo-input-metade.png) center top no-repeat;
}
body.cadastrese .central #direita .textos form #coluna_esquerda select,
body.cadastrese .central #direita .textos form #coluna_direita select,
body.cadastro .central #direita .textos form #coluna_esquerda select,
body.cadastro .central #direita .textos form #coluna_direita select{
	width:219px;
}



body.contato .central #direita .textos form input.botao,
body.inscricoes .central #direita .textos form input.botao,
body.esqueci .central #direita .textos form input.botao,
body.cadastrese .central #direita .textos form input.botao,
body.cadastro .central #direita .textos form input.botao{
	width:133px;
	height:43px;
	margin-top:10px;
	border:0;
	font-family: 'Micro', Arial, Helvetica, sans-serif;
	font-size:16px;
	text-transform:uppercase;
	color:#FFFFFF;
	background:url(imagens/fundo-input-botao.png) center center no-repeat;
}
body.contato .central #direita ul#fotos{
	background-color:#FF0000;
}



body.resultados table{
	margin-bottom:8px;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}
body.resultados table tr td{
	padding:4px;
	font-size:12px;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
}