/*-----------------------------------------------------------------------------
HORSES.COM.BR

data:      03/05/2007
Alterado:  17/10/07
Alterado:  23/10/07
Alterado:  15/02/08
Alterado:  27/05/08
Alterado:  01/09/08
Alterado:  09/10/08
autor:     Marcelo Cintra de Melo
email:     marcelo@webtask.com.br
website:   www.webtask.com.br

Obs: Redisign de estrutura do site
-----------------------------------------------------------------------------*/

/*************************
CONFIGURAÇÕES GERAIS
**************************/
* {margin:0px; padding:0px; text-indent:0px; text-decoration:none; border:none; list-style:none}
	
html,body {margin:0;padding:0;height:100%;}

BODY{scrollbar-face-color:#CCB399;scrollbar-shadow-color:#8E7664; scrollbar-highlight-color:#8E7664;
	scrollbar-3dlight-color:#CCB399; scrollbar-darkshadow-color:#CCB399; scrollbar-track-color:#CCB399;
	scrollbar-arrow-color:#553521}

	/* fonte e cores */
html,body { behavior:url("./js/csshover.htc");
	background: #E6D5C4 url(../imagens/geralFundo.jpg) repeat-x top left;
	font: normal 12px/18px Arial, Helvetica, sans-serif;
	color:#5C473B;}

div#container { position:relative; /* margin:0 auto; */  width:750px; height:auto !important; 
	height:100%; min-height:100%;  background:#CCB299; border:solid 3px #5D3A24; border-top:0px; border-bottom:0px;}

	/* elementos gerais */
br {clear:both;} .hide {display:none;} .right {float:right;} .left {float:left;} .fix {border:solid 1px red;}
.imagem {float:left; overflow:hidden; text-indent:-7777px; font-size:1px;}


/*************************
CABEÇALHO
**************************/
div#cabecalho { background:#5D3A24; height:190px;}
.linhaDetCabecalho { float:left; width:100%; height:12px; background: url(../imagens/cabecalhoDet.gif) repeat-x center left;}
.centroCabecalho { float:left; background:#AC8359 url(../imagens/sombraCabecalho.gif) repeat-x top left; width:100%;}
.imagensFazenda { float:left; background: url(../imagens/imagemFazenda.jpg) no-repeat top left; width:502px; height:141px;}
h1.logo {float:right; width:190px; height:64px; background: url(../imagens/logo.gif) no-repeat;
	position:relative; top:40px; right:25px;}

/* menu */
.fundoMenu {background:#795F4F; float:left; width:750px; height:25px; padding-left:0px;}
.menuEsq {float:left; background: url(../imagens/menuEsq.gif) no-repeat; height:25px; width:6px;}
.menuDir {float:left; background: url(../imagens/menuDir.gif) no-repeat; height:25px; width:6px;}
ul.menu {float:left; background: url(../imagens/fundoMenu.gif) repeat-x; height:25px; width:750px; }
ul.menu li {float:left; display:inline; color:white; margin:0px 14px;position:relative;}
ul.menu li a { float:left; color:#C2B09C;}
ul.menu li a:hover { color:#E2DAD0; cursor:pointer; }
ul.menu li .botaoEsq, ul.menu li .botaoDir {height:16px; width:16px; margin-top:8px;}
ul.menu li .botaoEsq {float:left; background: url(../imagens/botaoEsq.gif) no-repeat;}
ul.menu li .botaoDir {float:left; background: url(../imagens/botaoDir.gif) no-repeat;}
.menu em {float:left;margin:0px 7px; font:normal 14px "Times New Roman", Times, serif; line-height:22px;}

ul.menu .submenu {position:absolute; top:20px; left:10px; padding:2px; padding-top:5px; padding-left:10px; float:left; 
	display:none; float:left;}
ul.menu .submenu li {clear:both; width:140px; background:#3C2617; white-space:nowrap;
	padding-left:10px; float:left;  margin-bottom:0px; border:solid 1px #382316;}
ul.menu .submenu li:hover { background:#553521;}

ul.menu li:hover .submenu {display:block;}

/*************************
PATROCINADORES
**************************/
.posicionaPt {float:left; top:14px; right:-167px;}

.patrocinadores { border:solid 1px #977A66; width:300px;  float:left; clear:both;
	background:#DDCAB9 url(../imagens/patrocinaBg.jpg) repeat-x; padding-bottom:10px;margin:20px 0 0 20px;}
.patrocinaTitulo { float:left; width:100%; background:#4C301E; text-align:center; color:#C2B09C; 
	font:normal 12px Arial, Helvetica, sans-serif; height:22px; line-height:22px;}
.patrocinaTitulo dir {background:transparent url(../imagens/botaoDir.gif) no-repeat scroll 0%; float:left;}
.patrocinaTitulo esq {background:transparent url(../imagens/botaoEsq.gif) no-repeat scroll 0%; float:left;}

.venderCavalo { float:left; padding:8px 11px; border:solid 1px #977A66; margin-bottom:8px;
	background:#DDCAB9 url(../imagens/patrocinaBg.jpg) repeat-x;}

.patrocinadores span {float:left; width:140px; height:64px; background:#fff; text-align:center; padding-top:6px; 
	margin:7px 0px 0px 7px;}
 
/*************************
CONTEÚDO
**************************/
.centraliza {display:block; margin:auto; width:730px;}
div#conteudo { padding:20px 0px 70px 20px;  float:left; width: 730px;}
.cartaoLogo {float:left; background: url(../imagens/cartaoLogo.jpg) no-repeat; height:230px; width:230px;
	margin:10px 0px 0px 10px;}
.fundoEventos { float:right; width:270px; height:300px; background: url(../imagens/bg_eventos.jpg) no-repeat;
	padding:50px 0px 0px 30px; margin-top:10px;}
.eventoTitulo {font:bold 18px "Times New Roman", Times, serif;}
.eventoCorpo { margin-top:10px; border-bottom:solid 1px #846A51; width:220px; padding-bottom:10px;}
.fundoConteudo {background:url(../imagens/fundoConteudo.jpg) no-repeat top left;}
.logosParceiros {padding:0px 14px 10px 0px;}

/*pagina principal*/
#blocoPrincipalEsq {float:left; width:360px; padding:20px 0px 0px 20px;}
#blocoPrincipalEsq .titulo {color:#553521; font: normal 24px "Times New Roman", Times, serif; float:left;
	padding-bottom:30px; width:320px;}
#blocoPrincipalEsq .titulo2 {color:#553521; font: normal 20px "Times New Roman", Times, serif; float:left;
	padding-bottom:20px; margin-top:60px; width:320px;}
#blocoPrincipalEsq .corpoTexto {color:#553521; font:normal 14px/24px "Times New Roman", Times, serif; float:left; 
	text-align:justify;}
#blocoPrincipalEsq .corpoTexto p {margin-bottom:20px;}

#blocoPrincipalDir {float:right; width:260px;}
.blocoChamadaEvento {float:left; margin:20px 0px;}
.tituloBCE {background:url(../imagens/abaCima.jpg) no-repeat top left; float:left; width:232px; height:23px;
	font:bold 14px Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:center; line-height:24px; }
.imagemBCE {float:left; background:#BCA48E; border:solid 1px #B09780; border-top:0px; padding:10px;width:210px;}
.linkBCE {float:left; background:#9E856D; width:232px; padding:3px 0px; text-align:center;}
.linkBCE a { color:#301E1F; font:normal 12px Arial, Helvetica, sans-serif; text-transform:capitalize;fon }
.linkBCE a:hover {text-decoration:underline;}
#blocoPrincipalDir .imagemLink {border: solid 3px #B09780; float:left;}
#blocoPrincipalDir .imagemLink:hover {border: solid 3px #E3C8AF;}

/* area */
.tituloArea { float:left; background: url(../imagens/tituloDetalhe.jpg) no-repeat; width:200px; height:40px;
	font:normal 22px "Times New Roman", Times, serif; color:#5C473B; text-transform:capitalize; line-height: 35px;
	padding-left:50px; margin:20px 0px 0px 0px;}
.subtituloArea {text-transform:uppercase; clear:both; margin-top:20px; float:left; font-size:15px; margin-left:20px;
	text-decoration:underline; font-weight:bold;}
.imagensArea {float:left; width:720px;}

.voltar {float:right; margin-right:10px;}

	/* CONTATO */
	.formularioContato { float:left;}
	.formularioContato textarea {height:100px;}
	.combo { float:left; width:240px; text-indent:5px;
		font-size: 13px; color: #392818; background-color: #DDC8B7; border: 1px solid #AE9078;}
	.linhaContato em { float:left; width:90px; font:bold 12px Arial, Helvetica, sans-serif;}
	.linhaContato {float:left; margin-bottom:3px; width:100%; }
	.outrasFormasContato, .formularioContato { padding:10px; margin-top:20px; width:340px; height:250px;}
	.outrasFormasContato {margin-left:10px; float:left}
	.botaoFormulario {float:right; margin-right:8px;}
	.formularioContato h2.titulo, .outrasFormasContato h2.titulo {font:bold 17px "Times New Roman", Times, serif;
		color:#311F14; width:340px; border-bottom:solid 1px #311F14; margin-bottom:10px;  text-transform:uppercase;}

	/* EMPRESA */
	.blocoTextoEmpresa { float:left; margin:20px 10px 10px 0px; font-size:13px; width:700px;}
	.blocoTextoEmpresa p { text-align:justify; margin-bottom:15px;}
	.imagemEmpresa {float:left; margin:0px 10px 10px 0px; position:relative; top:-10px; margin-bottom:-5px;}
	.blocoTextoEmpresa h2.titulo {font:bold 17px "Times New Roman", Times, serif; text-transform:uppercase;
		color:#311F14; width:100%; border-bottom:solid 1px #311F14; margin-bottom:20px;}
 
	/* SERVIÇOS */
	.posicionaConteudo {float:left; margin-top:30px;}
	.blocoServicos {float:left; width:350px; margin-right:10px; margin-bottom:30px;}
	.blocoServicos h2.titulo {font:bold 17px "Times New Roman", Times, serif; text-transform:uppercase;
		color:#311F14; width:90%; border-bottom:solid 1px #311F14; margin-bottom:10px;}
	.blocoServicos li { float:left; width:90%;}
	.blocoServicos a {color:#311F14;}
	.blocoServicos a:hover {color:#705438; text-decoration: underline; }
	
	/* PRODUTOS */
	.geralProdutos {float:left;} 
	.blocoProdutos {float:left; width:580px; margin-bottom:50px;}
	.tituloProdutos {float:left; font:bold 17px "Times New Roman", Times, serif; text-transform:uppercase;
		color:#311F14; width:100%; border-bottom:solid 1px #311F14; margin-bottom:20px;}
	.tituloSubBloco {float:left; width:550px; color:#311F14; background:#D5BFAA url(../imagens/fundoTitulo.jpg) repeat-x; 
		padding:2px 5px 2px 20px;margin-bottom:10px; text-transform:uppercase; font-size:14px; border-top:solid 1px #311F14;}
	.garanhoes {float:left;}
	.garanhoes .fotoCavalo {float:left; display:inline; margin-left:5px; height:210px;}
	.subBlocoProdutos {float:left; margin-bottom:30px;}
	.colunaDirProdutos {float:left; margin:40px 0px 50px 10px; width:139px;}
	.blocoProdutos a.linkProdutos {color:#5C473B; text-decoration:underline;}
	.blocoProdutos a.linkProdutos:hover {color:#5C473B; text-decoration:underline; font-weight:bold;}
	
	#apresentaProduto {float:left; width:100%; height:450px; background:#CCB399;}
	#apresentaProduto .imagem {float:left; border:solid 2px #957360; margin-left:10px; margin-bottom:20px; }
	#apresentaProduto .descricaoCavalo {float:left; width:375px; margin-left:15px;}
	#apresentaProduto .cavaloNome {  font-size:22px; color:#7C0000;}
	#apresentaProduto .descricao { float:left; padding-bottom:20px; width:375px; margin-top:20px; margin-right:10px; text-align:justify;}
	#apresentaProduto .valorCobertura { float:left; margin-right:10px; padding-bottom:20px; margin-left:60px; clear:both;}
	#apresentaProduto .valorCobertura em {font:bold 12px Arial, Helvetica, sans-serif}
	#apresentaProduto .fotoPedido {float:left;}
 
	.adds {float:left;}
	.addsLink { float:left; border:solid 2px #A38C75; margin-bottom:10px;}
	.addsLink:hover {border:solid 2px #E0DBD1;}

	.subtituloProdutosForm {font:bold 17px "Times New Roman", Times, serif; color:#311F14; width:450px;  float:left;
		margin:20px 0px 10px 0px; border-bottom:solid 1px #311F14;} 
		.blocoAtoa {float:left; width:450px;}
		label {float:left; width:150px; margin:0px 0px 5px 0px; text-align:left;}
		.corrigeBotao {float:left; margin:30px 0px 0px 270px;}
	.globalProdutosCompra { float:left; width:420px; margin-left:150px; margin-top:30px;}
	
	/* EVENTOS */ 
	.noticiaInformacao { float:left;}
	.noticiaImagem { float:left; margin:0px 20px 20px 0px;}
	.noticiaMateria { float:left; text-align:justify; width:700px;}
	.linkImagemEvento {float:left; clear:both; background:#7C5E52; color:#E6D8CC; padding:1px 0px; width:204px;
		text-align:center; position:relative; top:-5px;}
		.linkImagemEvento:hover { background:#906F5F; opacity: 0.9; -moz-opacity: 0.9; filter: alpha(opacity=90);}
	#eventosRealizados { float:left; width:700px; margin-top:20px;}
	#eventosRealizados ul { float:left; clear:both;}
	#eventosRealizados li { float:left; clear:both;}
	#eventosRealizados h2 { float:left; clear:both; font:bold 20px Arial, Helvetica, sans-serif; padding-top:22px;}
	#eventosRealizados a:hover { color:#CCB299; background:#5C473B;}
	#eventosRealizados a { text-decoration:underline; color:#5C473B;}
 
/*EXTRAS*/
.tabelaEvento { text-transform:uppercase; border-collapse:collapse; text-align:center; font-size:10px;}	
.tabelaEvento thead td { background:#4F311F; font-weight:bold; color:#C2B09C;}
.tabelaEvento em { color:#E2D3C5; font:bold 10px Arial, Helvetica, sans-serif;}
.tabelaEvento td { border:solid 1px #3C2617;  background:#BFA082}	
 
/************************* 
RODAPÉ
**************************/
div#rodape {position:absolute; width:100%; bottom:0; background:#705438; color:#fff; text-align:center; height:30px;}
#rodape h3 { font:normal 11px Arial, Helvetica, sans-serif; line-height:30px;}
#rodape a {color:#FFFFFF;}
#rodape a:hover {color:#A88C76;}

.noticiaInformacao a:hover{text-decoration:underline;}

.linkindex {color:#301E1F;}
.linkindex:hover {text-decoration :underline;}