/*


----- Verificar as divs Body #topo e #livresportes em menu.css -----------------
                para alterar os itens do natal


*/

@import url("menu.css");

* { outline:none;}

.menu li ul{ background:#eef6fc; }

.menu li a{color:#dcf2fd;}
.menu li a:hover{color:#FFF;}

.separador {color:#dcf2fd; }

.menu li:hover ul{	background:#950C14; }

.menu li ul a{background:#D61824; color:#dcf2fd;}

.menu li ul a:hover{ background:url(../images/menu_seta_drop.gif) bottom left no-repeat #950C14; color:#FFF;}

html {
  height: 100%;
}

.fm { margin:5px; } /* classe para colocar margem as fotos postadas via sistema WYSIWYG */

body {
  background:url(../images/bg_interno_livresportes.jpg) top center repeat-x #FFF;
  font-family: arial,helvetica,sans-serif;
  font-weight:normal;
  font-size:14px;
  color:#333333;
  margin:0;
  padding:0;
  line-height:17px;
  height: 100%;
 }
 
 @font-face {
   font-family: MyriadPro-Regular; /* Vamos dar o nome para a fonte */
   src: url('../fonts/MyriadPro-Regular.otf'); /* Caminho da font */
}
 
img {
	padding:0;
	margin:0;
	border:none;
	text-align: center;
}


a:link { color:#000; text-decoration:none;}
a:visited { color:#000; text-decoration:none;}
a:hover { color:#C00; text-decoration:underline;}


  
#wrapper {
	width:990px;
	margin:0 auto;
}



#topo {
		width:990px;
		margin-top:50px;
		margin-bottom:50px;
		height:170px;
		float:left;
}



#contetAll {
		/*background:url(../images/fundo_side.gif) top center repeat-y;*/
}

#content {
		width:725px;
		float:left;
		text-align:justify;
}

#content a:link { color:#06C; text-decoration:none;}
#content a:visited { color:#06C; text-decoration:none;}
#content a:hover { color:#069; text-decoration:underline;}

#content a.LinkPretoPeq:link { color:#000; text-decoration:none; font-size:11px; line-height:15px;}
#content a.LinkPretoPeq:visited { color:#000; text-decoration:none; font-size:11px; line-height:15px;}
#content a.LinkPretoPeq:hover { color:#333; text-decoration:underline;}

h1 { font-size:28px; margin:0 0 10px 0; padding:0; line-height:29px; font-weight:normal;} /* títulos dos links dinâmicos */
h2 { font-size:27px; margin:0 0 10px 0; padding:0; line-height:25px; color:#039; font-weight:normal;} /* títulos dos links estáticos */
.TxtLink { font-size:10px; color:#999;} /* Identificação do link */
.TxtAutor {
	font-size:10px;
	color:#666;
}

#ComentariosSite {
	width:665px;
	background:url(../images/comentarios_bg.gif) top left no-repeat #f7fcff;
	padding:10px 10px 10px 25px;
	margin-bottom:10px;
}


.TxtComentarios {
	font-size:14px;
	color:#F00;
	font-weight: bold;
}

.TxtNomecomentatio { color:#000; font-weight:bold;}

.TxtSemComentarios { color:#06C;}




				  /* ---- tooltip ---------- */
				  	#content	a.tooltip:link { color:#036; text-decoration:underline;}
				  	#content	a.tooltip:hover {background:#ffffff; text-decoration:none;} /* background-color e necessario para o IE6 */
					#content 	a.tooltip span {display:none; padding:4px 4px; margin-left:8px; width:280px;}
					#content  	a.tooltip:hover span{display:inline; position:absolute; background:#ffffff; border:1px solid #cccccc; color:#900;}


.fotoArtigoVertical {
		float:left;
		width:310px;
		height:auto;
		margin:0 15px 10px 0;
		color:#666;
		font-size:10px;
		line-height:15px;
		text-align:left;
}

.fotoArtigoHorizontal {
		float:left;
		width:360px;
		height:auto;
		margin:0 15px 10px 0;
		color:#666;
		font-size:10px;
		line-height:15px;
		text-align:left;
}

/* #bannerTop {} --- dentro de menu.css */


#bannerOutdoor { 
		width:700px;
		height:auto;
		float:left;
		text-align:left;
		font-size:9px;
		color:#666;
}

#bannerSmall {
		width:230px;
		height:auto;
		text-align:right;
		font-size:9px;
		color:#666;
		margin:0 0 0 10px;
}

#sidebar {
		width:250px;
		float:right;
		margin-left:10px;
		padding-top:10px;
		background:#F8F8F8;
		border-color: #E8E8E8;
        border-style: solid;
        border-width: thin;
}

.LinkTodos {
		float:right;
		color:#333;
		font-size:10px;
		margin-top:5px;
		*margin-top:-17px;
}

#newsletterBot {
	width:230px;
	height:63px;
	float:left;
	text-indent:-9000em;
	margin-top:12px;
	margin-bottom:12px;
}

#newsletterBot a { display:block; width:230px; height:63px; background:url(../images/newsletter_bot.gif) top center no-repeat;}
#newsletterBot a:visited { display:block; width:230px; height:63px;  background:url(../images/newsletter_bot.gif) top center no-repeat; }
#newsletterBot a:hover { display:block; width:230px; height:63px;  background:url(../images/newsletter_bot.gif) bottom center no-repeat; }

#livrewebBot {
	width:230px;
	height:63px;
	float:left;
	text-indent:-9000em;
	margin-top:12px;
	margin-bottom:12px;
}

#livrewebBot a { display:block; width:230px; height:63px; background:url(../images/bot-livreweb.gif) top center no-repeat;}
#livrewebBot a:visited { display:block; width:230px; height:63px;  background:url(../images/bot-livreweb.gif) top center no-repeat; }
#livrewebBot a:hover { display:block; width:230px; height:63px;  background:url(../images/bot-livreweb.gif) bottom center no-repeat; }

#twitterBot {
	width:230px;
	height:63px;
	float:left;
	text-indent:-9000em;
	margin-top:12px;
	margin-bottom:12px;
}

#twitterBot a { display:block; width:230px; height:63px; background:url(../images/bot-twitter.gif) top center no-repeat;}
#twitterBot a:visited { display:block; width:230px; height:63px;  background:url(../images/bot-twitter.gif) top center no-repeat; }
#twitterBot a:hover { display:block; width:230px; height:63px;  background:url(../images/bot-twitter.gif) bottom center no-repeat; }



.SidebarBox {
		width:230px;
		height:auto;
		margin:10px 0 0 10px;
		font-size:12px;
		line-height:16px;
}

.SidebarBox ul {
	margin-left:-40px;
	*margin-left:0;
}

.SidebarBox .tituloSidebar {
		font-size:14px;
		color:#000;
		font-weight:bold;
		line-height:25px;
}

.SidebarBox .ArtigoSidebar {
		font-size:12px;
		color:#000;
		font-weight:bold;
}

#parceirosLivre { float:right; height:auto; margin-top:-30px;}
#parceirosLivre img { margin-left:10px;}

.FotoCronica {
		float:left;
		width:50px;
		height:auto;
		margin-right:7px;
}

#CronistaHeader {
		width:700px;
		float:left;
}

#CronistaHeader a.LinkAutor:link {color:#000;}
#CronistaHeader a.LinkAutor:visited {color:#000;}
#CronistaHeader a.LinkAutor:hover {color:#900;}

#livrewebColaborador {
	float:right;
	width:280px;
	height:auto;
	text-align: center;
}

.modalidade {width:223px; float:left; margin-right:10px; margin-bottom:3px;}
.secaoModalidadeTxt { font-size:10px; color:#C00; margin-left:14px;}

.VideosThumbs {
		width:320px;
		float:left;
		margin-right:25px;
		margin-bottom:25px;
		text-align:left;
}

.VideosImg {
		float:left;
		width:120px;
		height:90px;
		height:auto;
		margin-right:7px;
}

.txtTitulo { font-size:11px;}



h4 { color:#090; margin-bottom:25px; font-size:13px; float:left; width:700px; padding-left:40px; background:url(../images/agenda_linha_mes.gif) bottom left no-repeat;}
.agendaTopico { width:700px; float:left; margin-bottom:25px; }
.agendaData { width:30px; height:40px; float:left; background:url(../images/agenda_data.jpg) top left no-repeat; margin-right:8px; padding-left:8px; padding-top:10px; color:#FFF; font-weight:bold; font-family: Verdana, Arial, Helvetica, sans-serif; line-height:13px;}
.agendaSemana {font-weight:normal; font-size:8px;}
.agendaInfo { float:right; width:650px; text-align:left;}


/* --- galeria - video e ensaio --- */

#scrollerFull {
		width:700px;
		float:left;
		margin-top:10px;
}

    #Galeria {
			position:relative;
			float:left;
			width:425px;
			height:344px;
	}
	
	#videoGaleria{
			position:absolute;
			background:#FFF;
			top:0;
			left:0;
			width:425px;
			height:344px;
			z-index:999;	
	}
	
	#sobreGaleria{
			position:absolute;
			background:#FFF url(../images/carregando.gif) no-repeat top left;
			display:none;
			top:0;
			left:0;
			width:425px;
			height:344px;
			z-index:9999;
	}
	
	#GaleriaInfo {
			float:right;
			width:265px; /* 265 */
			height:344px;
			overflow-y:auto;
	}

	#GaleriaInfoTxt {
			width:240px;
			height:auto;
			float:left;
	}
			



		  /* --- Twitter /// Tempo Real ----- */
		   
		  ul#twitter_update_list a { color:#F30; background:none; width:auto; display:inline; text-decoration:underline;}
		  ul#twitter_update_list a:hover { color:#FC0; background:none; width:auto; display:inline;}
		  
		  #twitter_div ul {
		  list-style-image:url(../images/icon_chat.jpg);
		  margin-left:-16px;
		  }
		  
		  #twitter_div li span {
		  margin-left:0px;
		  _margin-left:0px;
		  }


		  /* -- formulários --- */
		  
		  
		  
.FormCx {
	  border:1px solid #CCC;
	  width:350px;
}

.captcha { border:1px solid #CCC;}
		  
		  

#rodape {
		width:990px;
		height:136px;
		padding-top:15px;
		margin:auto;
		text-align:left;
		font-size:17px;
		font-family:Arial,Helvetica,sans-serif;
		font-weight:normal;
		color:#fff;
		
}

#rodapeLogos {
		float:left;
		width:210px;
		height:32px;
		margin-right:25px;
		margin-top:2px;
}


#rodape a { color:#fff; text-decoration:none;}

#rodape a:visited { color:#999; text-decoration:none;}
#rodape a:hover { text-decoration:underline;}




/* ------- publicidade ------ */
#publicidadeInfo {
	float:left;
	width:690px;
	font-size:9px;
	color:#999;
	line-height:15px;
	}
	
#publicidadePreview {
		float:right;
		margin-left:7px;
		margin-bottom:7px;
		text-align:left;
}

#wrapper #contetAll #content table tr td strong {
	color: #FFF;
}
#wrapper #contetAll #content table tr td {
	font-weight:normal;
}
.tableAmarelo { background:url(../images/pub_table_amarelo.jpg) repeat-x #FFF; }
.tableAzul { background:url(../images/pub_table_azul.jpg) repeat-x #FFF; }
.tableLaranja { color:#F90}


/*---- fim --- publicidade -------- */


.clear {         /* --- "hack" para o Mozilla que nao expande a div se houver div´s com Float ---- */
	float: none;
	clear: both;
	display: block;
	}

/* estilos da paginação */
	ul#paging {
		list-style:none;
		margin:0 auto;
		padding:0;
		display:inline;
	}
	ul#paging li{
		float:left;
		padding-right:5px;
	}
	ul#paging li a:link, a:visited{	text-decoration:none;	}
	ul#paging li a:hover{	text-decoration: underline;	}
	
	
	
	
	
	
/*--- plugin - Share ------- */

div.compartilhando { margin:0; font-size:10px; color:#03C; margin-top:15px; margin-bottom:10px;}


.compartilhando ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.compartilhando ul li {
	background: none;
	display: inline !important;
	list-style-type: none;
	margin: 0;
	padding-right:8px;
}
.compartilhando ul li:before { content: ""; }
.compartilhando img {
	float: none;
	width: 26px;
	height: 25px;
	border: 0;
	margin: 0;
	padding: 0;
}

.compartilharWebIcon {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=50);
}
.compartilharWebIcon:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}



/*-- fim plugin - share ---- */

#rodape-wrapper {
 background-image: url("../images/bg-rodape.png");
    background-position: center top;
    background-repeat: no-repeat;
    height: 150px;
    margin: auto;
    width: 100%;
}

.creditos {
	width:890px;
	margin:0px;
	padding:0px;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-style:normal;
	
}

.creditos p {
	text-align:center;
}



.redes {
	
    display: block;
    float: right;
    height: 25px;
    margin-right: 16px;
    margin-top: -45px;
    width: 91px;
}

.twitter {
	margin-left:5px;
}

.redes-inferior {
    float: left;
    height: 26px;
    padding-left: 131px;
    padding-top: 6px;
    width: 57px;
}