* { margin:0; padding:0; border:0; }

body {
	margin: 0px;
	padding: 0px;
	color:#111;
	font-family: Tahoma, Geneva, sans-serif;
	font-size:12px;
}

html {
	overflow-y: scroll;
}

.strong {	
	font-weight:bold;
}

.italico {
	font-style:italic;
}

.hide { 
	display: none; 
}

.clear {
	clear: both; 
}

img {
	border: none;
}

.img-left {
	float:left;
	padding: 2px 8px 2px 0px;
}

.img-right {
	float:right;
	padding: 2px 0px 2px 8px;
}

.centro {
	text-align: center;
}

.direita {
	text-align:right;
}

.left {
	float:left;
}

.right { 
	float:right;
} 

a {
	color:#0A428E;
}

/********** CAPA ********** /

/* procurar deixar imagens grandes, que ocupem toda a tela: 1680 x 1050 */

#siteCapa {
	background-repeat: no-repeat;
	background-image:url(../img/capa/01.jpg);
	width:100%;
	background-position: center top;
	min-height:600px; /* alterar com a altura da imagem escolhida */
}

#faixaBranca {
	padding-top:300px;
	/* se sempre for utilizada imagens grandes, como citado acima, pode-se deixar a faixa flutuante de acordo com a resolução */
	/* neste caso, deixar da seguinte forma: */
	/*padding-top:40%;*/
}

#faixaBranca .bg{
	background-repeat: repeat-x;
	background-image:url(../img/capa/bgFaixa.png);
	height:154px;
	width:100%;
}

#siteCapa .conteudo {
	width: 980px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

#siteCapa .logo {
	background-repeat: no-repeat;
	background-image:url(../img/capa/logo.png);
	height:70px;
	width:320px;
	float:left;
	margin:50px 0 0 55px;
}

#areaBotoes {
	float:left;
	width:550px;
	margin-left:40px;
}

#areaBotoes p {
	color:#153373;
	font-size:20px;
	font-weight:bold;
	margin:10px 0 15px 0;
	text-align:center;
}

#areaBotoes .item {
	float:left;
	margin-bottom:18px;
	*margin-bottom:0px;	
	margin-left:10px;
	margin-right:10px;
	width:28%;
}

#areaBotoes .bgEsq {
	background-repeat: no-repeat;
	background-image:url(../img/capa/btnEsq.png);
	height:34px;
	width:11px;
	float:left;
}

#areaBotoes .bgDir {
	background-repeat: no-repeat;
	background-image:url(../img/capa/btnDir.png);
	height:34px;
	width:13px;
	float:left;
}

#areaBotoes .esporte {
	background-repeat: repeat-x;
	background-image:url(../img/capa/btnMeio.png);
	height:34px;
	width:120px;
	float:left;
	padding:4px 0 0 0;
	min-width:70px;
}

#areaBotoes a {
	color:#fff;
	font-family:Helvetica, Tahoma, Geneva, sans-serif;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
	cursor:pointer;
}

#areaBotoes a:hover {
	color: #E4E4E4;
}

/********** ESPORTE **********/

#areaEsporte {
	width: 900px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

#areaEsporte .banner {
	width:990px;
	height:100px;
}

#areaEsporte .lateralEsquerda {
	float:left;
	width: 222px;
	min-height: 300px;
}

#areaEsporte .titulo {
	width:222px;
	height:28px;
	color:#fff;
	font-size:13px;
	font-weight:bold;
	padding: 6px 0 0 0;
	height:22px;
	background-color:#0A428E;
}

#areaEsporte .tituloC {
	width:222px;
	height:28px;
	color:#fff;
	font-size:13px;
	font-weight:bold;
	padding: 6px 0 0 0;
	height:22px;
	background-color:#5F5F5F;
}

#areaBuscar {
	width:222px;
	height:137px;
	background-color:#CED7E3;
	padding: 18px 8px 10px 8px;
	width:206px;
	height:105px;
}

#areaBuscar .input {
	background:url(../img_pt/esporte/input.png);
	background-repeat:no-repeat;
	margin:10px 0 0 0px;
	padding:0px 0px 0 8px;
	*padding-top:7px;
	min-width:202px;
	height:33px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#0A428E;
	font-weight:bold;
	outline:none;
}

#areaBuscar .botao {
	border:none; 
	margin-top:10px;
	*margin-top:0px;
}

#ultimasCorridas {
	margin-top:15px;
	width:222px;
	background-color:#D8D8D8;
	margin-bottom:15px;
}

#ultimasCorridas .titulo {
	background:url(../img_pt/esporte/bgTitulo.png);
	width:222px;
	height:28px;
	width:222px;
	height:28px;
	color:#fff;
	font-size:13px;
	font-weight:bold;
	padding: 6px 0 0 0;
	height:22px;
}

#ultimasCorridas .conteudo {
	padding: 8px 8px 10px 8px;
	width:206px;
	background-color:#D8D8D8;	
}

#ultimasCorridas .data {
	float:left;
	width:32px;
	font-size:12px;
	color:#333;
	line-height:140%;
	margin-bottom:7px;	
}

#ultimasCorridas .nome {
	float:left;
	width:165px;
	margin-left:9px;
	margin-bottom:7px;	
}

#ultimasCorridas a {
	color:#0A408C;
	font-size:12px;
	text-decoration:underline;
	line-height:140%;
	font-weight:bold;
}

#ultimasCorridas a:hover {
	text-decoration:none;
}

#destaque {
	width:222px;
	background-color:#CED7E3;
	padding: 18px 8px 10px 8px;
	width:206px;
}

#destaque p {
	margin: 8px 0 4px 0;
	font-size:13px;
	color:#333;
	line-height:135%;
}

#destaque .data {
	color: #0A418D;
}

#destaque a {
	color:#0A418D;
	font-size:12px;
	text-decoration:underline;
	line-height:100%;
	font-weight:bold;
}

#destaque a:hover {
	text-decoration:none;
}

#areaEsporte .tituloA {
	background:url(../img_pt/esporte/bgTituloA.png);
	width:222px;
	height:28px;
	width:222px;
	height:28px;
	color:#fff;
	font-size:13px;
	font-weight:bold;
	padding: 6px 0 0 0;
	height:22px;
}

#areaEsporte .meio {
	float:left;
	margin: 0 20px 0 20px;
	min-height:300px;
	width:416px;
	padding-top:10px;
}

#infoCorrida .borda {
	border:2px solid #0A428E;
}

#infoCorrida .nome {
	margin: 10px 0 8px 0;
}

#infoCorrida a.nomeCorrida {
	color:#0A408C;
	font-size:16px;
	text-decoration:none;
	font-weight:bold;
}

#infoCorrida a.nomeCorrida:hover {
	text-decoration:underline;
}

#infoCorrida a.veja {
	color:#0A408C;
	font-size:13px;
	text-decoration:underline;
	font-weight:bold;
}

#infoCorrida a.veja:hover {
	text-decoration:none;
}
	
#infoCorrida .data {
	color: #0A418D;
}

#infoCorrida p {
	line-height:140%;
	margin-bottom:10px;
}

#infoCorrida .vejaFotos {
	background:url(../img_pt/esporte/icoFotos.png);
	min-width: 30px;
	height: 20px;
	background-repeat:no-repeat;
	padding: 1px 0 0 26px;
	margin-bottom:20px;
}

#areaEsporte .lateralDireita {
	float:left;
	width: 222px;
	min-height: 300px;
}

#proximasCorridas {
	width:222px;
	background-color:#D8D8D8;
	margin-bottom:15px;
}

#proximasCorridas .conteudo {
	padding: 8px 8px 10px 8px;
	width:206px;
	background-color:#D8D8D8;	
}

#proximasCorridas .data {
	float:left;
	width:32px;
	font-size:12px;
	color:#333;
	line-height:140%;
	margin-bottom:7px;	
}

#proximasCorridas .nome {
	float:left;
	width:165px;
	margin-left:9px;
	margin-bottom:7px;	
}

#proximasCorridas a {
	color:#0A408C;
	font-size:12px;
	text-decoration:underline;
	line-height:140%;
	font-weight:bold;
}

#proximasCorridas a:hover {
	text-decoration:none;
}

/********** CALENDÁRIO **********/

#areaCalendario {
	width: 900px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

#areaCalendario .banner {
	width:990px;
	height:100px;
}

#areaCalendario .lateralEsquerda {
	float:left;
	width: 222px;
	min-height: 632px; /*deixar do mesmo tamanho que a div meio para a borda ficar alinhada */
}

#areaCalendario .titulo {
	width:222px;
	height:28px;
	color:#fff;
	font-size:13px;
	font-weight:bold;
	padding: 6px 0 0 0;
	height:22px;
	background-color:#0A428E;
}

#areaCalendario .conteudo {
	padding: 8px 8px 10px 8px;
	width:206px;
	background-color:#CED7E3;	
}

#calendarioDestaque {
	margin: 15px 0 15px 0;
	font-size:13px;
	color:#333;
	font-weight:bold;
}

#calendarioDestaque .item {
	margin-bottom:10px;
}

#calendarioDestaque a {
	font-size:13px;
	color:#333;
	font-weight:bold;
	text-decoration:none;
}

#calendarioDestaque a:hover {
	text-decoration:underline;
}

#calendarioDestaque .dados {
	font-size:12px;
	color:#0A428E;
	line-height:170%;
	font-weight:normal;
	margin-left:12px;
}

#areaCalendario .meio {
	float:left;
	width:677px;
	padding-top:10px;
	border-right:1px solid #D5D5D5;
	border-bottom:1px solid #D5D5D5;
	min-height: 622px; /*deixar do mesmo tamanho que a div lateralEsquerda para a borda ficar alinhada - tirando o padding e 1px da borda */
}

#provasCalendario {
	padding: 15px 10px 10px 10px;
	background-color:#fff;
}

#provasCalendario .titulo {
	background:url(../img/calendario/txtCalendario.png);
	width: 259px;
	height: 31px;
	background-repeat:no-repeat;
	padding: 0px 0 15px 0px;
}

#provasCalendario .mes {
	font-size:18px;
	font-weight:bold;
	color:#333;
	padding: 0px 0 15px 0px;
}

#tabCalendario {
	font-size:11px;
	color:#222;
	margin-bottom:25px;
}

#tabCalendario .bgA {
	background-color:#EAEAEA;
}

#tabCalendario .bgB {
	background-color:#E6ECF3;
}

#tabCalendario .bordaA {
	border:2px solid #fff;
	border-top:none;
	border-left: none;
}

#tabCalendario .bordaB {
	border-bottom:2px solid #fff;
}

#tabCalendario a {
	color:#0A408C;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
}

#tabCalendario a:hover {
	text-decoration:underline;
}