@charset "iso-8859-1";

* {

	font-family:Tahoma, Geneva, sans-serif;

	margin:0px;

	padding:0px;

	color:#222;

}



body {

	text-align:center;

	background:#DCDADB;

}



div#carregando {

	width:100%;

	height:100%;

	position:fixed;

	z-index:10000;

	background:url(../imagens_layout/fundo-transparente.png);

}



div#carregando div.mensagem {

	width:220px;

	height:30px;

	position:absolute;

	top:50%;

	left:50%;

	margin:-15px 0 0 -110px;

	color:#fff;

	font-size:10px;

	background:url(../imagens_layout/loader.gif) no-repeat bottom center;

}



h3 {

	background:#bf2c26;

	padding:1px 5px;

	color:#fff;

	font-size:24px;

	display:inline;

	height:25px;

	line-height:25px;

	float:left;

	margin:0 0 10px 0;

	font-weight:normal;

}



h4 {

	font-size:20px;

	float:left;

	color:#8F1512;

	margin:30px 0 10px 30px;

	width:500px;

}



h1 {

	font-weight:normal;

	font-size: 237%;

	color:#504f4f;

	float:left;

	width:100%;

	margin:0 0 15px 0;

}



h5 {

	margin:0px 0 8px 0;

	color:#4F4F4F;

	font-size:17px;

}



a {

	color: #8F1512;

}



a:hover {

	color: #333;

}



img {

	border:none;

}



div.corpo {

	width:918px;

	display:block;

	text-align:left;

	margin:0px auto;

	position:relative;

}









/*  Topo

/***************************************************************/

div.topo {

	width:920px; 

	height:188px;

	background:url(../imagens_layout/barraTopo.png) no-repeat bottom left;	

	position:absolute;

	left:0px;

	z-index:2;

}



div.topo a.logo {

	text-indent:-99999px;

	outline:none;

	background:url(../imagens_layout/logo.png) no-repeat top left;

	width:203px;

	height:84px;

	float:left;

	display:block;

	margin:15px 0 0 10px;

}



div.topo div.redesSociais {

	float:left;

}



div.topo div.redesSociais a {

	float:left;

	width:24px;

	height:24px;

	display:block;

	text-indent:-99999px;

	background:url(../imagens_layout/facebook.png) no-repeat center center;

	margin:4px 2px 0 0;

}



div.topo div.redesSociais a.facebook { 	background:url(../imagens_layout/facebook.png) no-repeat center center; }

div.topo div.redesSociais a.orkut    { 	background:url(../imagens_layout/orkut.png) no-repeat center center; }

div.topo div.redesSociais a.youtube  { 	background:url(../imagens_layout/youtube.png) no-repeat center center; }

div.topo div.redesSociais a.twitter  { 	background:url(../imagens_layout/twitter.png) no-repeat center center; }



div.topo div.redesBusca {

	float:left;

	margin:50px 0 30px 30px;

}



div.topo div.redesBusca div.busca {

	float:left;

	margin:0px 0 0 30px;

	*margin:0px 0 0 15px;

}



div.topo div.redesBusca div.busca input.input {

	background:url(../imagens_layout/inputBuscaTopo.png) no-repeat top left;

	width:122px;

	height:31px;

	float:left;

	border:none;

	font-size:11px;

	padding:0px 8px 0 30px;

	*padding:9px 8px 0 30px;

	display:block;

	color:#222;

}



div.topo div.redesBusca div.busca input.botao {

	border:none;

	background:none;

	color:#999;

	font-size:14px;

	cursor:pointer;

	margin:6px 0 0 2px;

	letter-spacing:-1px;

}



div.topo div.redesBusca div.busca input.botao:hover {

	color:#222;

}



div.topo ul.menu {

	float:left;

	width:600px;

	height:30px;

	margin:0px 0 0 10px;

	_margin:0px 0 0 0px;

}



div.topo ul.menu li {

	float:left;

	padding:0px;

	margin:8px 0 0 9px;

	*margin:0px 0 0 9px;	

}



div.topo ul.menu li a {

	color:#fff;

	font-size:11px;

	text-decoration:none;

	font-weight:bold;

}



div.topo ul.menu li a.ativo {

	color:#cc2222;

}



div.topo ul.menu li a:active {

	color:#cc2222;

}



div.topo ul.menu li a:hover {

	color:#f4e807;

}





div.topo div.encomendeSuaPrancha {

	float:right;

	width:295px;

	margin:-30px 0 0 0;

}



div.topo div.encomendeSuaPrancha a.encomende {

	color:#d0cdcd;

	font-size:15px;

	font-weight:bold;

	text-decoration:none;

}



div.topo div.encomendeSuaPrancha a.encomende span {

	color:#d0cdcd;

	font-size:22px;

	letter-spacing:-1px;

	float:left;

	margin:1px 0 0 0;

	font-weight:normal;

	text-decoration:none;

}



div.topo div.encomendeSuaPrancha a.encomende:hover, div.topo div.encomendeSuaPrancha a.encomende:hover span {

	color:#c0bebe;

}



div.topo div.encomendeSuaPrancha a.aqui {

	color:#fff;

	font-size:26px;

	float:right;

	margin:-10px 16px 0 0;

}



div.topo div.encomendeSuaPrancha a.aqui:hover {

	color:#f4e807;

}





div.conteudo {

	background:#fff;

	float:left;

	margin:140px 0 0 0;

	width:100%;

	padding:10px 0 20px 0;

}



div.imgCatalogo {

	float:left;

	width:120px;

	margin:0 3px 6px 3px;

	text-align:center;

	border-right:1px dotted #999;

	border-bottom:1px dotted #999;

}



div.imgCatalogo a {

	float:left;

	width:100%;

	text-align:center;

	margin:0px;

}



div.imgCatalogo img {

	text-align:center;

	clear:both;

}



div.imgCatalogo span {

	width:100%;

	float:left;

	font-size:18px;

	margin:4px 0 6px 0;

}



/*  Captcha

*************************************************/



div.captcha {

	float:left;

	margin:-1px 0 0 8px;

}



div.captcha img {

	border:none;

	border:none;

	float:left;

}



p#atualiza_captcha.parado {

	width:16px;

	height:16px;

	display:block;

	background:url(../php/captcha/atualizar.gif) no-repeat center center;

	text-indent:-99999px;

	cursor:pointer;

	float:left;

	margin:1px 0 0 2px;

}



p#atualiza_captcha.loader {

	background:url(../php/captcha/atualizar-loader.gif) no-repeat center center;

}







/*  Surfando com uma TBC

/***************************************************************/

div.surfandoComUmaTBC {

	float:left;

	width:850px;

	margin:30px 30px 30px 30px;

	_margin:30px 10px 10px 15px;

}



div.surfandoComUmaTBC div.BOXsurfandoComUmaTBC {

	float:left;

	width:150px;

	height:130px;

	margin:10px;

	_margin:6px;

}



div.surfandoComUmaTBC div.BOXsurfandoComUmaTBC a.img {

	border:3px solid #fff;

	float:left;

	-moz-border-radius:2px;

	-webkit-border-radius:2px;

}



div.surfandoComUmaTBC div.BOXsurfandoComUmaTBC a.img:hover {

	border:3px solid #B71A21;

} 



div.surfandoComUmaTBC div.BOXsurfandoComUmaTBC a.img img {

	float:left;

}



div.surfandoComUmaTBC div.BOXsurfandoComUmaTBC a.nome {

	font-size:13px;

	text-decoration:none;

	margin:5px 0 0 0;

	float:left;

	color:#222;

}



div.surfandoComUmaTBC div.BOXsurfandoComUmaTBC a.nome:hover {

	color: #8F1512;

}



span.mostrandoRegistro {

	color:#222;

	font-size:10px;

	width:100%;

	float:left;

	font-weight:bold;

	margin:0 0 20px 0;

}



a.voceSurfaTBC {

	color: #B71A21;

	float:left;

	width:100%;

	margin:30px 0 0 0;

	font-size:24px;

	font-weight:bold;

	text-decoration:none;

}



a.voceSurfaTBC:hover {

	text-decoration:underline;

	color: #222;

}



div.surfandoComUmaTBC h1 a {

	float:right;

	font-size:15px;

	text-decoration:none;

	width:300px;

	margin:4px 0 0 0;

	*margin:-34px 0 0 0;

	font-weight:bold;

	text-align:center;

}	



ul.resumoNoticias {

	float:left;

}



div.noticia span.mostrandoRegistro {

	margin:0 0 10px 0;

}



ul.resumoNoticias li {

	float:left;

	width:100%;

	font-size:12px;

	background:url(../imagens_layout/flecha.gif) no-repeat 0px 2px;

	padding:0 0 0 12px;

	margin:3px 0 0 0;

}



ul.resumoNoticias li a.titulo {

	font-weight:bold;

	color:#B71A21;

	text-decoration:none;

}



ul.resumoNoticias li a.titulo:hover {

	color:#222;

	text-decoration:underline;

}



ul.resumoNoticias li p {

	float:left;

}



div.detalharNoticia {

	float:left;

	width:100%;

	margin:20px 0 20px 0;

	padding:0 0 20px 0;

	border-bottom:1px dotted #ccc;

}



div.noticia h4 {

	color:#222;

}



div.detalharNoticia p.dataPublicacao {

	font-size:10px;

	color:#666;

	width:100%;

	float:left;

}



div.detalharNoticia div.corpoNoticia {

	float:left;

	margin:20px 0 0 0;

}





div.detalharNoticia div.corpoNoticia a.img {

	float:left;

	margin:0 10px 10px 0;

	border:2px solid #ccc;

	-moz-border-radius:2px;

	-webkit-border-radius:2px;

}



div.detalharNoticia div.corpoNoticia a.img:hover {

	border:2px solid #222;

}



div.detalharNoticia div.corpoNoticia a.img img {

	float:right;

	border:none;

}



div.detalharNoticia div.corpoNoticia p {

	font-size:14px;

	color:#222;

	line-height:16px;

}



div.detalharNoticia p.fonte {

	font-size:11px;

	color:#222;

	float:left;

	margin:10px 0 0 0;

	font-weight:bold;

}



div.surfandoComUmaTBC div.BOXsurfandoComUmaTBC.boxVideo {

	float:left;

	width:190px;

	height:170px;

	margin:10px;

}





/*  Atletas

/***************************************************************/



div.atletas ul.colunaAtletas {

	border-right:1px dotted #ccc;

	float:left;

	width:205px;

}



div.atletas ul.colunaAtletas li {

	margin:5px 0 0 0;

	float:left;

	width:200px;

	display:block;

	border:1px solid #fff;

}



div.atletas ul.colunaAtletas li a {

	text-decoration:none;

	font-weight:bold;

	color:#504f4f;

	font-family:Arial, Helvetica, sans-serif;

	font-size:14px;

	padding:3px;

}



div.atletas ul.colunaAtletas li a:hover, div.atletas ul.colunaAtletas li a.ativo {

	background:#EC151C;

	color:#fff;

}



div.atletas p.infoAtleta {

	float:left;

	width:100%;

	font-size:13px;

	font-weight:bold;

	background:url(../imagens_layout/flecha.gif) no-repeat 0px 1px;

	padding:0 0 0 12px;

	margin:3px 0 0 0;

}



div.atletas div.detalharAtleta {

	width:610px !important;

	margin:0 0 0 20px;

	border:none;

}



div.atletas p.infoAtleta span {

	font-weight:normal;

}



div.atletas div.infoAtleta {

	float:left;

	margin:10px 0 0 0;

}







/*  As Pranchas

/***************************************************************/



div.asPranchas {

	float:left;

	width:100%;

	margin:0px 0px 0px 0px;

}



div.asPranchas div.boxCatPrancha {

	float:left;

	margin:0px;

}



div.boxAsPranchasDetalha {

	float:left;

	width:100%;

	margin:20px 0px 10px 0px;

	border-bottom:1px dotted #ccc;

	padding:0 0 20px 0;

	color:#504f4f;

	font-size:15px;

	line-height:17px;

}



div.boxAsPranchasDetalha p {

	color:#504f4f;

	font-size:15px;

	line-height:17px;	

}



div.boxAsPranchasDetalha a.img {

	float:left;

	margin:0 10px 10px 0;

}



a.verOutrasCategorias {

	font-size:10px;

	font-weight:bold;

	float:left;

	margin:0 0 10px 0;

	text-decoration:none;

}



p.totalRegistro {

	font-size:11px;

	float:left;

	margin:0 0 20px 0;

}





/*  Principal

/***************************************************************/

div.principal {

	width:100%;

	float:left;

	margin:-9px 0 0 0;

}



div.principal div.imagensDestaque {

	float:left;

	width:615px;

	height:420px;

	position:relative;

	

}



div.principal div.imagensDestaque img {

	_margin: 0 0 -4px 0;

}



div.principal div.imagensDestaque div.dadosImagem {

	float:left;

	width:100%;

	position:absolute;

	margin:20px 0 0 0;

}



div.principal div.imagensDestaque div.linkSurfando {

	float:right;

	width:190px;

}



div.principal div.imagensDestaque a.verTodos {

	float:right;

	background:url(../imagens_layout/preto_60.png);

	padding:4px 8px;

	font-size:12px;

	font-weight:bold;

	text-decoration:none;

	color:#fff;

}



div.principal div.imagensDestaque a.verTodos:hover  {

	color:#ccc;

}



div.principal div.imagensDestaque div.surfandoComUmaTBC  {

	background:#CC2222;

	color:#fff;

	height:44px;

	line-height:44px;

	font-size:20px;

	padding:0 10px 0 10px;

	width:170px;

	float:right;

	letter-spacing:-1px;

	margin:0px;

	float:left;

}



div.principal div.imagensDestaque div.surfandoComUmaTBC span {

	font-weight:bold;

	color:#fff;

	font-size:22px;

}



div.principal div.imagensDestaque div.nomeAtleta  {

	background:url(../imagens_layout/preto_60.png);

	color:#fff;

	height:44px;

	line-height:44px;

	font-size:23px;

	letter-spacing:-1px;

	float:right;

	font-weight:bold;

	padding:0 15px 0 15px;

	min-width:200px;

}



div.principal div.imagensDestaque div.nomeAtleta a  {

	color:#fff;

	text-decoration:none;

}



div.principal div.imagensDestaque div.nomeAtleta a:hover  {

	color:#ccc;

}



div.principal div.ImagemDestaqueGeral {

	float:left;

	width:615px;

	margin:0px;

	height:420px;

}



div.principal div.ImagemDestaqueGeral a.botao {

	width:79px;

	height:149px;

	outline:none;

	text-indent:-99999px;

	margin:-270px 0 0 5px;

	position:absolute;

	z-index:40;

	background:url(../imagens_layout/flechaTopoLeft.png) no-repeat center left;

}



div.principal div.ImagemDestaqueGeral a.botao.next {

	margin:-270px 0 0 530px;

	background:url(../imagens_layout/flechaTopoRight.png) no-repeat center left;

}



div.principal div.perfil {

	background:#333333;

	padding:20px 20px 14px 20px;

	float:left;

	width:263px;

	color:#fff;

	font-size:12px;

}



div.principal div.perfil p {

	color:#fff;

	line-height:16px;

	font-size:12px;

}



div.principal div.perfil p a {

	color:#fff;

	line-height:16px;

	font-size:12px;

}



div.principal a.tbc_nome_perfil {

	float:left;

	background:url(../imagens_layout/tbc_nome_perfil.png) no-repeat center center;

	width:100%;

	margin:13px 0 9px 0;

	height:81px;

	text-indent:-99999px;

	outline:none;	

}



div.principal a.conta_mais_tbc {

	float:right;

	background:#242424;

	margin:15px 0 0px 0;

	padding:7px 9px;

	color:#ccc;

	font-weight:bold;

	text-decoration:none;

	font-size:16px;

	outline:none;	

}



div.principal a.conta_mais_tbc:hover {

	float:right;

	background:#222;

}



div.principal div.sliderCategoriaPrancha {

	width:100%;

	float:left;

}



div.principal div.sliderCategoriaPrancha ul li {

	width:306px;

	float:left;

}



div.principal div.sliderCategoriaPrancha ul {

	height:204px;

	overflow:hidden;

}



div.principal div.barraFlecha {

	background:url(../imagens_layout/preto_40.png);

	width:100%;

	height:64px;

	top:0px;

	position:absolute;

	z-index:9;

}



div.principal div.barraFlecha a {

	width:32px;

	float:left;

	height:64px;

	outline:none;

	text-indent:-99999px;

	background:url(../imagens_layout/flechaPeqLeft.png) no-repeat center left;

}



div.principal div.barraFlecha a.next {

	float:right;

	background:url(../imagens_layout/flechaPeqRight.png) no-repeat center left;

}



div.banner {

	margin:0px;

}



div.banner a img {

	float:left;

}



div.bannerBaixo a img {

	float:left;

}





div.principal div.noticiaVideo {

	float:left;

	margin:20px 0 20px 0;

}



div.principal div.noticiaVideo div.box {

	float:left;

	margin:0px 0 0 39px;

	_margin:0px 0 0 20px;

	width:180px;

}



div.principal div.noticiaVideo div.box div.img {

	background:#DBDBDB;

	width:156px;

	display:block;

	float:left;

	height:52px;

	padding:12px;

	cursor:pointer;

}



div.principal div.noticiaVideo div.box a.img:hover div.img {

	background:#666;

}



div.principal div.noticiaVideo div.box div.texto {

	float:left;

	margin:58px 0 0 13px;

	_margin:6px 0 0 0px;

}



div.principal div.noticiaVideo div.box div.texto p.titulo {

	font-size:12px;

	font-weight:bold;

	color:#222;

}



div.principal div.noticiaVideo div.box div.texto p.resumo {

	font-size:11px;

	color:#333;

}



div.principal div.noticiaVideo div.box div.texto a.continuarLendo {

	background:url(../imagens_layout/flechaCompartilhar.gif) no-repeat 0px 1px;

	color:#efa700;

	font-weight:bold;

	font-size:12px;

	margin:8px 0 0 0;

	float:left;

	padding:0 0 0 16px;

	text-decoration:none;

}



div.principal div.noticiaVideo div.box div.texto a.continuarLendo:hover {

	color:#b27d00;

}



div.tbcJaFalou {

	background:url(../imagens_layout/tbcJaFalou.png) no-repeat top left;

	height:217px;

	float:left;

	width:550px;

	padding:0px 20px 0 50px;

	_padding:0px 8px 0 50px;

}



div.previsaoNoticias {

	float:left;

	position:relative;

	top:20px;

	bottom:0px;

}



div.previsaoOndas {

	background:url(../imagens_layout/previsaoOndas.png) no-repeat top left;

	height:217px;

	float:left;

	padding:0px 0 0 75px;

}



div.lojaTBC {

	background:url(../imagens_layout/lojaTBC.png) no-repeat top left #ECC508;

	height:220px;

	float:left;

	display:block;

	width:564px;

	padding:0px 20px 0 36px;

}



div.lojaTBC iframe {

	overflow:hidden;

}



ul.sliderPranchas {

	position:relative;

	height:204px;

}



span.hight_light {

	background:#FF6;

}



div.telaBusca ul.resumoNoticias {

	border-bottom:1px dotted #ccc;

	padding:0 0 20px 5px;

	margin:0 0 20px 0px;

	float:left;

	width:100%;

}



/*  Contato

/***************************************************************/

div.contato {

	float:left;

	margin:30px 30px 30px 30px;

	_margin:30px 10px 10px 15px;

	width:850px;

}



div.form {

	float:left;

	margin:20px 0 0 0;

}



div.form {

	float:left;

	margin:20px 0 0 0;

}



div.form div.linhaForm {

	width:850px;

	margin:10px 0 0 0;

	padding:0px;

	float:left;

}



div.form div.linhaForm label {

	width:140px;

	text-align:right;

	font-size:14px;

	float:left;

	line-height:20px;

}



div.form div.linhaForm div.observacao {

	float:left;

	display:block;

	margin:-4px 0 0 130px;

	font-size:10px;

}



div.form div.linhaForm p.medidaInput {

	font-size:14px;

	color:#222;

	font-weight:bold;

	margin:8px 0 0 5px;

	float:left;

}



label.error {

	display:block;

	background:url(../imagens_layout/warning.png) no-repeat center left;

	width:600px !important;

	float:left;

	text-align:left !important;

	padding:0 0 0 19px !important;

}



div.boxCheckForm {

	float:left;

	width:650px;

	_padding:0 0 4px 0;

}



div.boxCheckForm div {

	float:left;

	width:100%;

}



div.boxCheckForm div span.label {

	font-size:12px;

	margin:12px 0 0 0px;

	float:left;

}



div.boxCheckForm label.img img {

	float:left;

}



div.checkBox {

	width:450px; 

	margin:0px 0 -5px 0px; 

	text-align:left;

	float:left;

}



div.checkBox label {

	text-align:left !important;

	font-size:13px;

}



div.boxCheckForm label.img {

	float:left;

	text-align:center !important;

	width:50px !important;

}





div.pgCorpo {

	float:left; 

	width:100%;

	color:#504f4f;

}



div.pgCorpo p {

	color:#4F4F4F;

	font-size:15px;

	

}



div.pgCorpo img {

	border:2px solid #222;	

	-moz-border-radius:2px;

	-webkit-border-radius:2px;

	margin:5px;

}







/*  Paginação

/***************************************************************/

div#paginacao {

	float:left;

	width:100%;

	margin:30px 0 0 0;

}





div#paginacao p {

	font-size:18px;

	color:#8F1512 !important;

	font-weight:bold;

}



div#paginacao a {

	font-size:14px;

	font-weight:bold;

	background:#222;

	padding:5px;

	display:inline-block;

	-moz-border-radius:2px;

	-webkit-border-radius:2px;

	color:#fcfcfc;

	margin:0 0 0 0 !important;

	text-decoration:none;

}



div#paginacao a:hover {

	background:#f4e807;

	color:#222;

	text-decoration:none;

}









/*  Rodapé

/***************************************************************/



div.rodape {

	width:100%;

	height:60px;

	display:block;

	background:#A91E23;

	float:left;

	margin:0 0 30px 0;

}



div.rodape div.copy {

	float:left;

	width:700px;

	margin:15px 0px 0 5px;

}



div.rodape div.copy p.copy {

	font-size:12px;

	color:#fff;

	margin:0px 0px 0 5px;

}



div.rodape div.copy ul.menu {

	float:left;

	margin:5px 0px 0 3px;

}



div.rodape div.copy ul.menu li {

	float:left;

	padding:0px;

	color:#fff;

	margin:0 2px 0 2px;

	font-size:12px;

}



div.rodape div.copy ul.menu li a {

	color:#fff;

	font-size:12px;

	text-decoration:none;

}



div.rodape div.copy ul.menu li a.ativo {

	color:#999;

}



div.rodape div.copy ul.menu li a:hover {

	color:#222;

}



div.rodape div.autor {

	float:right;

	margin:20px 20px 0 0;

}



div.rodape div.autor p {

	float:left;

	font-size:9px;

	color:#fcfcfc;

}



div.rodape div.autor p a {

	float:left;

	font-size:10px;

	color:#fcfcfc;

	font-weight:bold;

	text-decoration:none;

}



div.rodape div.autor p a:hover {

	color:#222;

}



div.subRodape {

	background:url(../imagens_layout/topoRodape.png) no-repeat top left;

	width:100%;

	height:76px;

	float:left;

	display:block;

	margin:0 0 -7px 0;

}



div.subRodape p {

	font-size:12px;

	color:#fcfcfc;

	letter-spacing:-.02em;

	font-weight:bold;

	float:left;

	margin:12px 0 0 15px;

	*font-size:11px;

	*margin:12px 0 0 20px;

	_margin:12px 0 0 10px;

}



div.subRodape p a {

	font-size:12px;

	color:#fcfcfc;

}



div.subRodape p a:hover {

	color:#f4e807;

}



div.subRodape span {

	font-size:10px;

	color:#fcfcfc;

	letter-spacing:-.02em;

	font-weight:bold;

	float:left;

	margin:5px 0 0 15px;

	*margin:5px 0 0 20px;

}