@charset "utf-8";
/* CSS Document */

* { font-family: Trebuchet MS, Arial, Helvetica;  }/*color: #fafafa;*/
body { background: url(../imagens/bg.jpg) fixed center top #000 no-repeat; font-size: 13px; }
h1 { height: px; width: px; background: ; }

#container { background: url(../imagens/bg-main.png) no-repeat bottom center; width: 100%; }
#header {  width: 990px; margin: 0 auto 8px auto; overflow: hidden; }
#content { width: 900px; margin: 0 auto; padding-bottom: 106px;  }
#content p{ line-height: 18px; margin-bottom: 10px; }
#footer { height: 100px;  }
#foot { height: 100px; width: 990px; margin: 0 auto; color: #838383;  overflow: hidden; }
#foot li { border-right: solid 1px #333333; margin-top: 18px; height: 60px;  }
#foot .logo { width: 148px; text-align: center; height: 70px; }
#foot .adress { width: 201px; padding: 10px 0 0 20px; line-height: 18px; color: #FC0; }
#foot .cadastroHome { width: 445px; padding: 10px 0 0 17px; }
#foot .cadastroHome h3 { background: url(../imagens/tit-cadastrohome.png) no-repeat; width: 432px; height: 19px; margin-bottom: 10px; }
#foot .fator { width: 136px; border: none; padding: 10px 0 0 20px; }
#foot input { width: 147px; height: 16px; margin-right: 10px; border: solid 1px #4b4b4b; background: #333333; color: #838383; }
#foot .bt { width: 24px; height: 18px; margin-right: 0; border: none; }



.fimHome { display: block; width: 900px; height: 165px; margin: 0 auto; background: url(../imagens/bg-fim-home.png) no-repeat; }
.fimContent { display: block; width: 900px; height: 165px; margin: 0 auto; background: url(../imagens/bg-fim.png) no-repeat; }
.justifyText { text-align: justify }
.leftText { text-align: left; }
.bgConteudo { background: url(../imagens/bg-conteudo.png) repeat; }
.bgConteudoMais { background: url(../imagens/bg-tit.png) repeat; }
.bgTit { background: rgba(0, 0, 0, 0.7); height: 50px; }
.titCasa { display: block; height: 50px; background: url(../imagens/tit.club.png) no-repeat left center; }
.titProg { display: block; height: 50px; background:url(../imagens/tit-programacao.png) no-repeat left center; }
.titVideos { display: block; height: 50px; background:url(../imagens/tit-videos.png) no-repeat left center; } 
.titFotos { display: block; height: 50px; background:url(../imagens/tit-fotos.png) no-repeat left center; }
.titCadastro { display: block; height: 50px; background:url(../imagens/tit-cadastro.png) no-repeat left center; }
.titAniversarios { display: block; height: 50px; background:url(../imagens/tit-aniversarios.png) no-repeat left center; }
.titScraps { display: block; height: 50px; background:url(../imagens/tit-scraps.png) no-repeat left center; }
.titContato { display: block; height: 50px; background:url(../imagens/tit-contato.png) no-repeat left center; }
.titLogin { display: block; height: 50px; background:url(../imagens/tit-login.png) no-repeat left center; }


.conteudo { padding: 10px;  }
.conteudo p { margin-bottom: 15px; color: #F7F8F9; }

#eventosHome { width: 900px; height: 227px; margin-bottom: 10px; color: #ebeff3; }

#eventosHome .itemEvento { display: block; width: 754px; height: 157px; position: relative; }
#eventosHome .itemEvento li { float: left; }
#eventosHome .itemEvento .limage { width: 340px; height: 157px; }
#eventosHome .itemEvento .limage img { border: 1px solid #848484; }
#eventosHome .itemEvento .litexto { width: 410px; height: 157px; }
#eventosHome .itemEvento .litexto h3 { font-size: 18px; }
#eventosHome .itemEvento .litexto .data { font-size: 15px; font-weight: bold; margin-bottom: 8px; }
#eventosHome .itemEvento .a { font-size: 14px; font-weight: bold; bottom: 10px; right: 0; color: #FC0; }
#eventosHome .itemEvento .aa { position: absolute; bottom: 5px; right: 0; background: url(../imagens/bg-link.jpg) repeat-x; font-size: 14px; font-weight: bold; color: #FC0; width: 200px; display: block;  border: 1px solid #848484; height: 25px; line-height: 25px; text-transform: uppercase; text-align: center; }

#videosScrap { width: 590px; height: 540px; margin-right: 10px; float: left; position: relative; }

#videosHome { width: 590px; height: 340px; position: relative; margin-bottom: 10px; }
#imagemdiv { padding: 10px; width: 320px; height: 270px; }
#listVideo { width: 240px; padding: 10px 0; }
#listVideo li{ background: url(../imagens/bg-conteudo.png) repeat; margin-bottom: 5px; }
#listVideo li a { width: 220px; height: 44px; padding: 10px; display: block; color: #ebeff3; }
#listVideo li a:hover { color: #FC0; background: url(../imagens/bg-tit.png) repeat; }
#listVideo span { display: block; }
#listVideo .a { display: block; position: absolute; bottom: 0; right: 35px; background: url(../imagens/bg-bt-videos.png); width: 190px; height: 23px; }
#listVideo .titulo { font-size: 14px; font-weight: bold; }

#scrapHome { width: 580px; height: 230px; position: relative; padding-left: 10px; }
#scrapHome li { position: relative; display: block; float: left; margin: 0; font-size: 13px; }
#scrapHome .recado { padding: 20px 20px 0 55px; margin: 10px 0 0 10px; width: 480px; color: #F7F8F9; background: url(../imagens/bg-scrap.png) no-repeat; }
#scrapHome .recadofim { height: 25px;  margin: 0 0 0 10px; width: 552px; background: url(../imagens/bg-scrap.png) no-repeat; background-position: bottom left; }

#fotosHome { width: 300px; height: 580px; float: left; position: relative; }
#fotosHome h2 { margin-bottom: 10px; }
#fotosHome li{ background: url(../imagens/bg-conteudo.png) repeat; margin: 0 0 5px 10px; width: 280px; }
#fotosHome li a { width: 260px; height: 77px; padding: 5px; display: block; color: #ebeff3;  }
#fotosHome li a:hover { color: #FC0; background: url(../imagens/bg-tit.png) repeat; }
#fotosHome span { display: block; width: 150px; }
#fotosHome .a { display: block; position: absolute; bottom: 0; right: 55px; background: url(../imagens/bg-bt-fotos.png); width: 190px; height: 23px; }
#fotosHome .titulo { font-size: 14px; font-weight: bold; }
#fotosHome img { border: solid 1px #ebeff3; }

#eventos li { margin-bottom: 15px; padding-bottom: 5px; }
#eventos .itemEvento { display: block; width: 860px; height: 187px; position: relative; color: #ebeff3; padding: 10px; }
#eventos .itemEvento li { float: left; margin-bottom: 0; padding-bottom: 0; }
#eventos .itemEvento .limage { width: 340px; height: 187px; }
#eventos .itemEvento .limage img { border: 1px solid #848484; }
#eventos .itemEvento .limage a { background: url(../imagens/bg-link.jpg) repeat-x; font-size: 16px; font-weight: bold; color: #FC0; width: 314px; display: block;  border: 3px solid #848484; height: 25px; line-height: 25px; position: static; text-transform: uppercase; text-align: center; margin-top: 5px; }
#eventos .itemEvento .litexto { width: 520px; height: 187px; }
#eventos .itemEvento .litexto h3 { font-size: 18px; }
#eventos .itemEvento .litexto .data { font-size: 15px; font-weight: bold; margin-bottom: 8px; }
#eventos .itemEvento .litexto a { position: absolute;  font-size: 16px; font-weight: bold; bottom: 10px; right: 20px; color: #FC0; }
#eventos .itemEvento .litexto a:hover { color: #fff; }

#evento li { margin-bottom: 15px; padding-bottom: 5px; }
#evento .itemEvento { display: block; width: 860px; position: relative; color: #ebeff3; padding: 10px 10px 30px 10px; }
#evento .itemEvento li { float: left; margin-bottom: 0; padding-bottom: 0; }
#evento .itemEvento .limage { width: 340px; }
#evento .itemEvento .limage img { border: 1px solid #848484; }
#evento .itemEvento .limage a { background: url(../imagens/bg-link.jpg) repeat-x; font-size: 16px; font-weight: bold; color: #FC0; width: 314px; display: block;  border: 3px solid #848484; height: 25px; line-height: 25px; position: static; text-transform: uppercase; text-align: center; margin-top: 5px; }
#evento .itemEvento .litexto { width: 520px; }
#evento .itemEvento .litexto h3 { font-size: 18px; }
#evento .itemEvento .litexto .data { font-size: 15px; font-weight: bold; margin-bottom: 8px; }
#evento .itemEvento a { position: absolute;  font-size: 16px; font-weight: bold; bottom: 10px; right: 20px; color: #FC0; }
#evento .itemEvento a:hover { color: #fff; }

.fotos { position: relative; }
.fotos li{ background: url(../imagens/bg-conteudo.png) repeat; width: 288px; float: left; margin: 0 5px 5px 0; }
.fotos li a { width: 278px; height: 105px; padding: 5px; display: block; color: #ebeff3;  }
.fotos li a:hover { color: #FC0; background: url(../imagens/bg-tit.png) repeat; }
.fotos span { display: block; width: 160px; }
.fotos .titulo { font-size: 14px; font-weight: bold; width: 135px }
.fotos img { border: solid 1px #ebeff3; }

.foto { position: relative; }
.foto a { width: 160px; height: 120px; padding: 1px; display: block; margin: 7px; text-align: center; background: url(../imagens/bg-conteudo.png) repeat; }
.foto a:hover { color: #FC0; background: url(../imagens/bg-tit.png) repeat; }
.foto span { display: block; width: 160px; }
.foto .titulo { font-size: 14px; font-weight: bold; width: 135px }
.foto img { margin: 0 auto; }
.fotosInt { color: #F7F8F9; padding-left: 95px; line-height: 46px; text-transform: uppercase; font-size: 26px; letter-spacing: -1px; }

#imagemdiv2 { padding: 0; width: 570px; height: 420px; }
#listVideo2 { width: 290px; height: 450px; overflow: hidden; padding: 0;  position: relative; }
#listVideo2 li{ background: url(../imagens/bg-conteudo.png) repeat; margin-bottom: 5px; }
#listVideo2 li a { height: 65px; padding: 10px; display: block; color: #ebeff3; }
#listVideo2 li a:hover { color: #FC0; background: url(../imagens/bg-tit.png) repeat; }
#listVideo2 span { display: block; }
#listVideo2 .a { display: block; position: absolute; bottom: 0; right: 35px; background: url(../imagens/bg-bt-videos.png); width: 190px; height: 23px; }
#listVideo2 .titulo { font-size: 14px; font-weight: bold; }
#promoters10 { height: 365px; overflow: hidden; position:relative; }
#setas .mouseover_up{ display: block; background: url(../imagens/seta-up.png) no-repeat left top; width: 145px; height: 27px; float: left; margin-top: 10px; }
#setas .mouseover_down{ display: block; background: url(../imagens/seta-down.png) no-repeat left top; width: 145px; height: 27px; float: left;  margin-top: 10px; }
#setas a span { display: none ; }


.fotosCasa a { width: 225px; height: 150px; border: 2px solid #999; margin: 0 11px; display: block; float: left; } 

#cadastro { color: #F7F8F9;  }
#cadastro label { text-align: right; margin-right: 5px; display: block; color: #F7F8F9; width: 200px; font-size: 18px; height: 34px; line-height: 30px; float: left; margin-bottom: 5px; }
#cadastro .input { border: 2px solid #2C3338; background: #fff; display: block; color: #000; font-size: 18px; height: 30px; line-height: 30px; float: left;  margin-bottom: 5px; }
#cadastro input:focus { border: 2px solid #F90; }
#cadastro .textinput { padding-left: 5px; display: block; font-size: 18px; height: 35px; line-height: 35px; float: left;  margin-bottom: 5px; }
#cadastro .desire { padding-left: 0; display: block; font-size: 18px; height: 35px; line-height: 35px; float: left;  margin-bottom: 5px; }
#cadastro .bt { width: 100px; display: block;  border: 1px solid #848484; height: 30px; float: right; text-transform: uppercase; text-align: center; margin-top: 5px; margin-right: 10px; }
#cadastro .btt { margin-right: 190px; }
#cadastro .text { border: 2px solid #2C3338; background: #fff; display: block; color: #000; font-size: 14px; float: left;  margin-bottom: 5px; }
.ai { font-size: 16px; font-weight: bold; color: #FC0; }

#niver { color: #F7F8F9;  }
#niver label { text-align: right; margin-right: 5px; display: block; color: #F7F8F9; width: 200px; font-size: 18px; height: 34px; line-height: 30px; float: left; margin-bottom: 5px; }
#niver .input { border: 2px solid #2C3338; background: #fff; display: block; color: #000; font-size: 18px; height: 30px; line-height: 30px; float: left;  margin-bottom: 5px; }
#niver input:focus { border: 2px solid #F90; }
#niver .textinput { padding-left: 5px; display: block; font-size: 18px; height: 35px; line-height: 35px; float: left;  margin-bottom: 5px; }
#niver .text { border: 2px solid #2C3338; background: #fff; display: block; color: #000; font-size: 14px; float: left;  margin-bottom: 5px; }
#niver .desire { padding-left: 0; display: block; font-size: 18px; height: 35px; line-height: 35px; float: left;  margin-bottom: 5px; }
#niver .bt { font-weight: bold; width: 100px; display: block;  border: 1px solid #848484; height: 30px; float: right; text-transform: uppercase; text-align: center; margin-top: 5px; margin-right: 10px; }
#niver .btt { margin-right: 175px; }
#niver a { font-size: 16px; font-weight: bold; color: #FC0; }


.scrapOne{ margin: 0 0 20px 30px; position: relative; }
.scrapOne .de { position: absolute; left: 0; top: 5px; padding-left: 5px; font-size: 16px; line-height: 30px; height: 30px; width: 270px; color: #F7F8F9; overflow: hidden; background: url(../imagens/bg-de.png) no-repeat; }
.scrapOne .para { position: absolute; left: 0; top: 40px; padding-left: 5px; font-size: 16px; line-height: 30px; height: 30px;  width: 300px; color: #F7F8F9; overflow: hidden; background: url(../imagens/bg-de.png) no-repeat; }
.scrapOne .falei { padding: 20px 20px 0 55px; min-height: 30px;  margin: 0 0 0 270px; font-size: 15px;  width: 480px; color: #F7F8F9; background: url(../imagens/bg-scrap.png) no-repeat; }
.scrapOne .faleifim { height: 25px;  margin: 0 0 0 270px; width: 552px; background: url(../imagens/bg-scrap.png) no-repeat; background-position: bottom left; }
.scrapLink { display: block; background: url(../imagens/bg-scrap3.png) no-repeat; width: 200px; height: 30px; line-height: 30px; margin: 0 auto 15px auto; font-size: 16px; font-weight: bold; text-align: center; color: #FC0; }


.navegacao { display: block; padding: 5px; float: left; background: url(../imagens/bg-tit.png) repeat; margin: 0 3px 3px 0; color: #fff; font-size: 13px; font-weight: bold; }
.navegacao:hover { color: #FC0; }
.atual { color: #FC0; }


#enviar { color: #F7F8F9; background: url(../imagens/bg-tit.png) repeat; padding: 10px;  }
#enviar label { text-align: right; margin-right: 5px; display: block; color: #F7F8F9; width: 70px; font-size: 18px; height: 34px; line-height: 30px; float: left; margin-bottom: 5px; }
#enviar .input { border: 2px solid #2C3338; background: #fff; display: block; color: #000; font-size: 18px; height: 30px; line-height: 30px; float: left;  margin-bottom: 5px; }
#enviar input:focus { border: 2px solid #F90; }
#enviar .textinput { border: 2px solid #2C3338; background: #fff; display: block; color: #000; font-size: 14px; float: left;  margin-bottom: 5px; }
#enviar .bt { font-weight: bold; width: 120px; display: block;  border: 1px solid #848484; height: 30px; float: right; text-transform: uppercase; text-align: center; margin-top: 5px; margin-right: 10px; }
#niver a { font-size: 16px; font-weight: bold; color: #FC0; }

#loginIn { color: #F7F8F9; background: url(../imagens/bg-tit.png) repeat; padding: 10px; width: 500px; margin: 0 auto;  }
#loginIn label { text-align: left; margin-right: 5px; display: block; color: #F7F8F9; width: 170px; font-size: 18px; height: 34px; line-height: 30px; float: left; margin-bottom: 5px; }
#loginIn .input { border: 2px solid #2C3338; background: #fff; display: block; color: #000; font-size: 18px; height: 30px; line-height: 30px; float: left;  margin-bottom: 5px; }
#loginIn input:focus { border: 2px solid #F90; }
#loginIn .textinput { border: 2px solid #2C3338; background: #fff; display: block; color: #000; font-size: 14px; float: left;  margin-bottom: 5px; }
#loginIn .bt { font-weight: bold; width: 120px; display: block;  border: 1px solid #848484; height: 30px; float: right; text-transform: uppercase; text-align: center; margin-top: 5px; margin-right: 10px; }
#loginIn a { font-size: 16px; font-weight: bold; color: #FC0; }
#loginIn p { color: #F7F8F9; margin-bottom: 20px; }

.fantigas { display: block; padding: 5px; margin: 10px auto; background: url(../imagens/bg-tit.png) repeat ; font-size: 16px; font-weight: bold; color: #FC0; text-align: center; width: 500px; }

.arialazul {
	font-size: 10px;
	color: #00BEFF;
	text-decoration: none;
}
.laranja {
	font-size: 10px;
	color: #FFAE00;
	text-decoration: none;
}
.onze {
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
.onzeazul {
	font-size: 11px;
	color: #00BEFF;
	text-decoration: none;
}
.doze {
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}


#romer { background: url(../imagens/bg-conteudo.png) repeat; display: block; position: absolute; height: 100%; width: 100%; z-index: 20000; left: 0; top: 0; }
#ie6 { padding: 0 10px 0 0; z-index: 100; margin: 30px auto 0 auto; width: 480px; height: 240px; background: #fff url(../imagens/bg-body.gif) repeat-x 0 -150px;  }
#top { padding-left: 100px; width: 390px; height: 60px; line-height: 50px; background: url(../imagens/logo.png) no-repeat left top; font-size: 45px; text-transform: uppercase; color: #ccc; }
#ie6 p{ padding: 5px 10px; }
.browsers{
	display: block;
	width: 265px;
	margin: 8px auto;
}

.browsers ul{
	list-style: none;
}

.browsers li{
	float: left;
	margin: 0 20px 0 0;
}
.browsers li a:link, .browsers li a:visited, .browsers li a:hover{
	display: block;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
}
.browsers li.ff{
	background: url(../imagens/sprHotsite.gif) 0px -2px no-repeat;
}
.browsers li.as{
	background: url(../imagens/sprHotsite.gif) -74px -2px no-repeat;
}
.browsers li.gc{
	background: url(../imagens/sprHotsite.gif) -35px -2px no-repeat;
}
.browsers li.op{
	background: url(../imagens/sprHotsite.gif) -109px -2px no-repeat;
}
.browsers li.ie{
	background: url(../imagens/sprHotsite.gif) -147px -2px no-repeat;
}