/*----------|Body e classses gerais |----------------*/
body {
	background-color: #000;
	font: 13px "Trebuchet MS";
	color: #FFF;
}

.alt { display: none; }
.clean { clear: left; }

a { color: #666; text-decoration: none; }
a:hover { color:#333; text-decoration: underline; }

/*--------|Geral|-----------*/
#Geral {
	width: 990px; 
	margin: 25px auto 0px auto;
	background: #0D0D0D;
}

/*--------|Geral|-----------*/
#Topo { 
	width: 990px;
	height: auto;
	position: relative;
}

#Topo h1 { 
	background:url(../imagens/imgTitulo.png) no-repeat 0 0;
	width: 206px;
	height: 147px;
	position: absolute;
	top: 10px;
	left: 0px;
	z-index:9999;
}
#Topo h1 a.linkHome {
	width: 206px;
	height: 147px;
	display: block;
}

#Topo a.destTituloMundial { 
	background:url(../imagens/imgTitCampeaoMundial.png) no-repeat 0 0;
	width: 383px;
	height: 122px;
	position: absolute;
	top: 133px;
	right: 0px;
	z-index:9998;
}

#Topo .baseTopo {
	background:url(../imagens/bgBaseTopo.png) no-repeat 0 0;
	width: 990px;
	height: 165px;
	position: absolute;
	left:0px;
	bottom:0px;
	z-index: 9996;
}

/* ccs destaque de fotos */
#Topo .destaqueFotos {
	display: block;
}

#Topo .destaqueFotos .dstItens { 
	width: 990px; /* largura das imagens de destaque */
	height: 400px; /* altura das imagens de destaque */
}

#Topo .destaqueFotos ol.dstItens li  { list-style: none; }

#Topo .destaqueFotos .destaqueBotoes { 	
	background: url(../imagens/bgNumDestFotos.png) no-repeat 0 0;
	width: 130px;
	height:122px;
	padding-left: 130px;
	position: absolute;
	top: -25px;
	right: 0;
	z-index: 9996;
}

#Topo .destaqueFotos .destaqueBotoes a.btRpt {
	font-size: 0.84em;
	color: #FFF;
	text-align: center;
	line-height: 24px;
	text-decoration: none;
	background-color: #333;
	width: 24px;
	height: 24px;
	float: left;	
	margin: 2px 2px 0 0;
}

#Topo .destaqueFotos .destaqueBotoes a.btRpt:hover, 
#Topo .destaqueFotos .destaqueBotoes a.btRpt_active { background-color: #000; }

/* ---|Topo - Busca|--- */
#Topo .baseTopo .destBusca { 
	position: absolute;
	bottom: 8px;
	right: 13px;
	z-index: auto;
}

.destBusca label {
	background: url(../imagens/imgTitBusca.gif) no-repeat 0 0;
	width: 60px;
	height: 25px;
	float: left;
}

.destBusca input { 
	color: #036;
        font-size: 12px;
	height: 22px;
	padding: 3px 2px 0 4px;
	width: 198px;
	float: left;
	border: none; 
}

.destBusca button {
	background: url(../imagens/imgBotBusca.gif) no-repeat 0 0;
	width: 35px;
	height: 25px;
	float: left;
	border: none;
	cursor: pointer;
}

/*--------|Blocos|-----------*/
#BlocoEsq, #BlocoCentral, #BlocoDir { float: left; }

#BlocoEsq { width: 187px; margin-top: 13px; }
#BlocoCentral { width: 675px; margin-top: 13px; vertical-align: top; }
#BlocoDir { width: 128px; margin-top: 60px; }

/*--------|Bloco Esq - Menu|-----------*/

#BlocoEsq .menuPrincipal {
	width: 175px;
	height: auto;
	left: 17px;
	top: -45px;
	position: relative;
	z-index: 9997;
}

a.bot001, a.bot002, a.bot003, a.bot004, a.bot005, a.bot006, a.bot007, a.bot008 {
	background: no-repeat 0 0;
	width: 158px;
	height: 30px;
	margin-bottom: 8px;
	display: block;
	opacity: 0.5;
	filter: alpha(opacity=50);	
	-khtml-opacity: 0.5; /*Chrome*/
}

a.bot001 { background-image:url(../imagens/bot001.gif); }
a.bot002 { background-image:url(../imagens/bot002.gif); }
a.bot003 { background-image:url(../imagens/bot003.gif); }
a.bot004 { background-image:url(../imagens/bot004.gif); }
a.bot005 { background-image:url(../imagens/bot005.gif); }
a.bot006 { background-image:url(../imagens/bot006.gif); }
a.bot007 { background-image:url(../imagens/bot007.gif); }
a.bot008 { background-image:url(../imagens/bot008.gif); }

a:hover.bot001, a:hover.bot002, a:hover.bot003, a:hover.bot004, a:hover.bot005, a:hover.bot006, a:hover.bot007, a:hover.bot008 { 
	opacity: 1;
	filter: alpha(opacity=100);
	-khtml-opacity: 1.0; /*Chrome*/
	outline: none;
}
/*--------|Assine info|-----------*/
#BlocoEsq .destAssine { 
	width: 162px;
	position: relative;
	left: 10px;
}

.destAssine p { 
	font-size: 0.8em;
	color: #FC0;
	margin-bottom: 5px;
}

.destAssine input { 
	color: 	#A3A3A3;
	height: 22px;
	padding: 3px 2px 0 4px;
	width: 127px;
	float: left;
	border: none;
        font-size: 13px;
}

.destAssine button {
	background: url(../imagens/imgBotOK.gif) no-repeat 0 top;
	width: 25px;
	height: 25px;
	border: none;
	float: right;
	margin: 0 0 0 4px;
	cursor: pointer;
}

/*--------|Marcas|-----------*/
#BlocoEsq .destMarcas {
	text-align: center;
	width: 140px;
	height: auto;
	position: relative;
	left: 19px;
	top: 40px;
}

#BlocoEsq .destMarcas img { margin-bottom: 10px; }

/*--------| Bloco Central - Noticias |-----------*/
#BlocoCentral .destNoticias { 
	width: 326px;
	float: left;
	padding-right: 15px;
}

.destNoticias h2 {
	background:url(../imagens/imgTitDestaqueNoticia.gif) no-repeat 0 top;
	width: 326px;
	height: 47px;
	display: block;
}
.destNoticias .noticiaPrincipal {  
	background-color: #FFF; 
	width: 326px;
	padding-bottom: 6px;
}

.noticiaPrincipal img{
    width: 300px;
    height: 224px;
}

.noticiaPrincipal .linkSaibaMais {
	background:url(../imagens/imgSaibaMais.gif) no-repeat 0 0;
	width: 50px;
	height: 20px;
	float: right;
	margin: 0 12px 0 0;
}

.destNoticias dl { padding: 12px; }

.destNoticias dt img a { text-align: center; border: none; }

.destNoticias dt.titulo{
     font-size: 2.3em;
     color: #333;
}

.noticiaPrincipal dt strong{
     font-size: 2.1em;
     color: #333;
}

.destNoticias dd a {
	font-size: 0.84em;
	color: #666;
	text-decoration: none;
}

.destNoticias dd a:hover {
	color: #333;
	text-decoration: underline;
}

.destNoticias h3 {
	background:url(../imagens/imgTitOutrasNoticias.gif) no-repeat center 0;
	width: 326px;
	height: 35px;
}
.destNoticias .outrasNoticias dl { padding-left: 0px; margin-bottom: 20px; height: auto;}

.destNoticias .outrasNoticias dt { font-size: 0.84em; }

.destNoticias .outrasNoticias dt strong { color: #FC0; font-weight: bold; }

.destNoticias .outrasNoticias dd a { color: #FFF; text-decoration: none; }

.destNoticias .outrasNoticias dd a:hover { color: #FFF; text-decoration: underline; }

.destNoticias .outrasNoticias dt a img  {
	border: 5px solid #FFF;
	float: left;
	margin-right: 5px;
        width: 120px;
        height: 80px;
}

.destNoticias .outrasNoticias dt a img:hover {
	border-color: #FC0;
}

.destNoticias a.linkTodasNoticias {
	background:url(../imagens/imgTodasNoticias.gif) no-repeat center 0;
	width: 326px;
	height: 22px;
	float: left;
	margin-top: 5px;
}

/*--------| Bloco Central - Videos |-----------*/
#BlocoCentral .destVideos { 
	background-color: #CCC; 
	width: 300px; /*width: 325px;*/
	float: left;
	/*padding: 0px 12px 10px 12px;*/
	padding: 0px 12px;
}

.destVideos .videoPrincipal{
    height: 310px;
    color: #333;
}
.destVideos h2 {
	background:url(../imagens/imgTitDestaqueVideo.gif) #0D0D0D no-repeat left top;
	width: 326px;
	height: 47px;
	margin-bottom: 12px;
	position: relative;
	left: -12px;
	z-index: auto;
}

/*.destVideos h3 {
	background:url(../imagens/imgTitOutrosVideos.gif) no-repeat center top;
	width: 300px;
	height: 35px;
}
*/
.destVideos .videosLista dl, .videosLista dl {
	font-size: 0.84em; 
	color: #333;
	margin-top: 6px;
	border-bottom: 1px solid #999;
}

.destVideos .videosLista dt strong, .videosLista dt strong { color: #690; font-weight: bold; }

.destVideos .videosLista dd, .videosLista dd { margin-bottom: 3px; }

.destVideos .videosLista dd a, .videosLista dd a { color: #333; text-decoration: none; }

.destVideos .videosLista dd a:hover, .videosLista dd a:hover { color: #333; text-decoration: underline; }

.destVideos .videosLista dt a img, .videosLista dt a img  {
	border: 5px solid #FFF;
	float: left;
	margin-right: 5px;
    width: 100px;
    height: 67px;
}

.destVideos .videosLista dt a img:hover, .videosLista dt a img:hover {
	border-color: #690;
}

.destVideos a.linkTodosVideos, a.linkTodosVideos {
	background:url(../imagens/imgTodosVideos.gif) no-repeat center 0;
	width: 300px;
	height: 22px;
	float: left;
	margin-top: 5px;
}

.outrosVideos { /* nova classe criada para resolver problemas de posicionamento */ 
	background-color: #CCC; 
	width: 300px;
	height: 330px; /* altura fixa devido ao rcms */
	float: left;
	padding: 0px 12px 10px 12px;
	position: relative;
	top: -120px;	/* devido ao rcms pra resolver problemas de posicionamento */
	z-index: auto;
}

.outrosVideos h3 {
	background:url(../imagens/imgTitOutrosVideos.gif) no-repeat center top;
	width: 300px;
	height: 35px;
}

.outrosVideos .videosLista dd {
	font-size: 0.84em; 
	color: #333;
	height: 48px;
}


/*--------| Bloco Central - Projetos Sociais |-----------*/
/*#BlocoCentral .destProjetosSociais {
	width: 310px;
	float: right;
	padding-right: 16px;
}*/

#BlocoCentral .outrosVideos {
        background-color:#CCCCCC;
        float:left;
        height:330px;
        padding:0 12px 10px;
        position:relative;
        top:-60px; /* mudar aqui */
        width:300px;
        z-index:auto;
}

#BlocoCentral .destProjetosSociais {
	width: 310px;
	float: right;
	padding-right: 16px;
	position: relative;
	top:-50px; /* ajuste devido ao rcms */
}

.destProjetosSociais h2 {
	background:url(../imagens/imgTitDestaqueProjSociais.gif) no-repeat 0 0;
	width: 326px;
	height: 58px;
}

.destProjetosSociais dt img {
	border: 6px solid #CCC;
	float: left;
	margin-right: 10px;
}
.destProjetosSociais dt.titulo { 
 font-size: 1.55em;
 color: #069;
}
.destProjetosSociais dd { font-size: 0.84em; }

.destProjetosSociais dd a { color: #CCC; }

#Conteudo {
	width: auto;
	height:auto;
	font-family: "Trebuchet MS";
	color:#666;
}

/*--------| Bloco Dir - Publicidade Banners |-----------*/
#BlocoDir .destBanners {
	background:url(../imagens/imgTitPublicidade.gif) #666 no-repeat center top;
	width: 100px;
	padding: 65px 10px 10px 10px;
}
.destBanners a img { margin-bottom: 20px; border: none; }

/*--------| Rodape |-----------*/
#Rodape { 
	background: url(../imagens/bgRodape.gif) #000 no-repeat 0 0;
	width:990px;
	height: 248px;
	margin-top: 50px;
	position: relative;
}

#Rodape p small { 
	position: relative;
	top: 55px;
	left: 150px;
}

#Rodape p a.linkRandernet {
	background:url(../imagens/imgLogoRandernet.gif) no-repeat 0 0;
	width: 145px;
	height: 40px;
	position: absolute;
	top: 50px;
	right: 40px;
}

#Topo .baseTopo ul.redes {
	height: 26px;
	width: 250px;
	position: absolute;
	left: 389px; /* editar numeros para colocar no lugar certo (389px) */
	bottom: 8px; /* editar numeros para colocar no lugar certo (8px) */
	z-index: auto;
}

#Topo .baseTopo ul.redes li { float: left; height: 26px; list-style: none; }

#Topo .baseTopo ul.redes li a.navRedeTwitter,
#Topo .baseTopo ul.redes li a.navRedeFacebook,
#Topo .baseTopo ul.redes li a.navRedeVimeo {
	background :url(../imagens/navSpriteRedes.gif) no-repeat 0 0;
	height: 26px;
	margin-right: 13px;
	float: left;
	text-indent: -9000px;
	overflow: hidden;
	opacity: .6;
	filter: alpha(opacity=60);
	opacity: 50%;
	-khtml-opacity: 0.6; /*Chrome*/
}

#Topo .baseTopo ul.redes li a.navRedeTwitter { width: 65px; }
#Topo .baseTopo ul.redes li a.navRedeFacebook { background-position: -65px top; width: 83px; }
#Topo .baseTopo ul.redes li a.navRedeVimeo { background-position: -148px top; width: 62px; }

#Topo .baseTopo ul.redes li a:hover {
	opacity: 1.0;
	filter: alpha(opacity=100);
	opacity: 100%;
	-khtml-opacity: 1.0; /*Chrome*/
}