﻿@charset "utf-8";
/* CSS Document */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX     MENU      XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX   */

#menu {
	font:normal normal normal 11px "Trebuchet MS", sans-serif;
	color:#8a8a8a;
	text-decoration:none;
	margin:0;
	white-space:nowrap;
	float:left;
	padding:0;
	margin:0;
	height: 110px;/*	width:516px;*/

}
#menuHoriz {
	padding: 0px;
	margin: 0px;
	margin-top: 37px;
}
#menuHoriz ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	float:left;
	width:auto;
}
#menuHoriz:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#menuHoriz a:link, #menuHoriz a:visited {
	display: block;
	text-decoration:none;
}
#menuHoriz a:hover, #menuHoriz a:active {
	padding: 0px;
	display: block;
	text-decoration:none;
}
#menuHoriz img {
	border:none;
	height: 35px;
	width:100%;
}
#menuHoriz li { /* all list items */
	float:left;
	position:relative;
	list-style-image: none;
	list-style-position:outside;
	list-style:none;
	/*	_display:inline;*/
	margin: 0px;
	padding: 0px;
	width:auto
}
#menuHoriz li ul { /* LISTA SUBMENU */
	margin: 0px;
	padding: 0px;
	float:left;
	position: absolute;
	display: none;
	width: 137px;
	border-top:solid 2px #4c7fae;
}
#menuHoriz li li { /*ITENS SUBMENU */
	margin: 0px;
	padding: 0px;
	border-top:none;
	float: left;
	white-space:normal !important;
	width: 100%; /*width needed or else Opera goes nuts */
}
#menuHoriz li li img {
	height:28px !important;
}
#menuHoriz li li a {
	/*	padding: 5px;*/
	text-decoration:none;
	color:#8a8a8a;
	width: auto;
}
#menuHoriz li li a:hover, #menuHoriz li li a:active {
	text-decoration:none;
	width: auto;
}
#menuHoriz li:hover ul ul, #menuHoriz li.sfhover ul ul {
	display: none;
}
#menuHoriz li:hover ul, #menuHoriz li li:hover ul, #menuHoriz li.sfhover ul, #menuHoriz li li.sfhover ul { /* lists nested under hovered list items */
	display: inline;
}
#menuHoriz li:hover {
	position: static;
}
.sobreoprograma {
	height: 35px;
	position: relative;
	width: 138px;
	overflow: visible;
}
#sobreoprograma ul {
	width: 138px;
}
.sobreoprograma:hover, .sobreoprogramahover {
	height: 35px;
	width: 138px;
	background:transparent url(/img/bt_menu_sobre-o-programa-on.gif) left no-repeat;
}
#programacao ul {
	margin-left: -31px!important;
}
.programacao {
	height: 35px;
	position: relative;
	width: 103px !important;
	margin-left: 8px!important;
	overflow: visible;
}
.programacao:hover, .programacaohover {
	height: 35px;
	position: relative;
	width: 103px !important;
	margin-left: 8px!important;
	background:transparent url(/img/bt_menu_programacao-on.gif) left no-repeat;
}
#episodios ul {
}
.episodios {
	height: 35px;
	position: relative;
	width: 78px;
	margin-left: 9px!important;
	overflow: visible;
}
.episodios:hover, .episodioshover {
	height: 35px;
	position: relative;
	width: 78px;
	margin-left: 9px!important;
	background:transparent url(/img/bt_menu_episodios-on.gif) left no-repeat;
}
.extras {
	height: 35px;
	position: relative;
	width: 62px;
	margin-left: 12px!important;
}
#extras ul {
	width: 159px !important;
	margin-left: 12px!important;
}
.extras:hover, .extrashover {
	height: 35px;
	height: 35px;
	position: relative;
	width: 62px;
	margin-left: 12px!important;
	background:transparent url(/img/bt_menu_extras-on.gif) left no-repeat;
}
.contato, #contato ul {
	height: 35px;
	position: relative;
	width: 70px;
	margin-left: 8px!important;
}
.contato:hover, .contatohover {
	height: 35px;
	position: relative;
	width: 70px;
	margin-left: 8px!important;
	background:transparent url(/img/bt_menu_contato-on.gif) left no-repeat;
}
/*  SUBMENUS USANDO IMAGEM  */

#itemMenuEnquetes {  /* TEMPORARIAMENTE OCULTO ATÉ A PUBLICAÇÃO DA PRIMEIRA ENQUETE */
}
#itemMenuBastidores {
	padding-top: 7px !important;
	background:transparent url(/img/divisor-temporario2.gif) top repeat-y;
}
#sub1Conheca {
	display:block;
	width: 137px;
	height: 35px;
	background:transparent url(/img/bt_submenu_conheca.gif) top no-repeat;
}
#sub1Conheca:hover {
	display:block;
	width: 137px;
	height: 35px;
	background:transparent url(/img/bt_submenu_conheca.gif) bottom no-repeat;
}
#sub1Apres {
	display:block;
	width: 137px;
	height: 28px;
	background:transparent url(/img/bt_submenu_apresentadora.gif) top no-repeat;
}
#sub1Apres:hover {
	display:block;
	width: 137px;
	height: 28px;
	/*	_margin-top:-4px; 
	_margin-bottom:4px;
	_background-color:#fff;*/
	background:transparent url(/img/bt_submenu_apresentadora.gif) bottom no-repeat;
}
#sub1Apoio {
	display:block;
	width: 137px;
	height: 50px;
	background:transparent url(/img/bt_submenu_parceria.gif) top no-repeat;
}
#sub1Apoio:hover {
	display:block;
	width: 137px;
	height: 50px;
	background:transparent url(/img/bt_submenu_parceria.gif) bottom no-repeat;
}
#sub2Enquetes {
	display:block;
	width: 159px;
	height: 48px;
	background:transparent url(/img/bt_submenu_enquetes.gif) top no-repeat;
}
#sub2Enquetes:hover {
	display:block;
	width: 159px;
	height: 48px;
	background:transparent url(/img/bt_submenu_enquetes.gif) bottom no-repeat;
}
#sub2Bastidores {
	display:block;
	width: 159px;
	height: 28px;
	background:transparent url(/img/bt_submenu_bastidores.gif) top no-repeat;
}
#sub2Bastidores:hover {
	display:block;
	width: 159px;
	height: 28px;
	background:transparent url(/img/bt_submenu_bastidores.gif) bottom no-repeat;
}
#sub2Links {
	display:block;
	width: 159px;
	height: 28px;
	background:transparent url(/img/bt_submenu_links.gif) top no-repeat;
}
#sub2Links:hover {
	display:block;
	width: 159px;
	height: 28px;
	background:transparent url(/img/bt_submenu_links.gif) bottom no-repeat;
}
#sub2planilha {
	display:block;
	width: 159px;
	height: 28px;
	background:transparent url(/img/bt_submenu_planilha.gif) top no-repeat;
}
#sub2planilha:hover {
	display:block;
	width: 159px;
	height: 28px;
	background:transparent url(/img/bt_submenu_planilha.gif) bottom no-repeat;
}
#sub2dicas {
	display:block;
	width: 159px;
	height: 28px;
	background:transparent url(/img/bt_submenu_dicas.gif) top no-repeat;
}
#sub2dicas:hover {
	display:block;
	width: 159px;
	height: 28px;
	background:transparent url(/img/bt_submenu_dicas.gif) bottom no-repeat;
}
#sub2dicas2 {
	display:block;
	width: 159px;
	height: 48px;
	background:transparent url(/img/bt_submenu_dicas2.gif) top no-repeat;
}
#sub2dicas2:hover {
	display:block;
	width: 159px;
	height: 48px;
	background:transparent url(/img/bt_submenu_dicas2.gif) bottom no-repeat;
}
#sub2calendario {
	display:block;
	width: 159px;
	height: 28px;
	background:transparent url(/img/bt_submenu_calendario.gif) top no-repeat;
}
#sub2calendario:hover {
	display:block;
	width: 159px;
	height: 28px;
	background:transparent url(/img/bt_submenu_calendario.gif) bottom no-repeat;
}
#pag_bastidores #menu2 {
	display: block !important
}
#pag_bastidores .extras:hover, .extrashover, #pag_bastidores .extras {
	background:transparent url(/img/bt_menu_extras-on.gif) left no-repeat !important;
}
#pag_bastidores #sub2Bastidores, #sub2Bastidores:hover {
	background:transparent url(/img/bt_submenu_bastidores.gif) bottom no-repeat;
}
#pag_episodios #linkEpisodios, #pag_episodios #linkEpisodios:hover {
	background:transparent url(/img/bt_menu_episodios-on.gif) left no-repeat;
}
#pag_episodios #linkEpisodios, #pag_episodios #linkEpisodios:hover {
	background:transparent url(/img/bt_menu_episodios-on.gif) left no-repeat;
}
#pag_progracao #linkprogramacao, #pag_progracao #linkprogramacao:hover {
	background:transparent url(/img/bt_menu_programacao-on.gif) left no-repeat;
}
#pag_contato #linkcontato, #pag_contato #linkcontato:hover {
	background:transparent url(/img/bt_menu_contato-on.gif) left no-repeat;
}
#pag_conheca #menu1, #pag_apresentadora #menu1, #pag_apoio #menu1 {
	display: block !important
}
#pag_conheca .sobreoprograma, #pag_conheca .sobreoprogramahover, #pag_apresentadora .sobreoprograma, #pag_apresentadora .sobreoprogramahover, #pag_apoio .sobreoprograma, #pag_apoio .sobreoprogramahover {
	background:transparent url(/img/bt_menu_sobre-o-programa-on.gif) left no-repeat !important;
}
#pag_conheca #sub1Conheca, #pag_conheca #sub1Conheca:hover {
	background:transparent url(/img/bt_submenu_conheca.gif) bottom no-repeat;
}
#pag_apresentadora #sub1Apres, #pag_apresentadora #sub1Apres:hover {
	background:transparent url(/img/bt_submenu_apresentadora.gif) bottom no-repeat;
}
#pag_apoio #sub1Apoio, #pag_apoio #sub1Apoio:hover {
	background:transparent url(/img/bt_submenu_parceria.gif) bottom no-repeat;
}
#pag_planilha #menu2 { /*display:none !important*/
}
#pag_enquetes #menu2, #pag_bastidores #menu2, #pag_cursos #menu2, #pag_planilha #menu2, #pag_dicas #menu2, #pag_calendario #menu2 {
	display: block !important
}
#pag_enquetes #linkextras, #pag_enquetes .extras:hover, #pag_enquetes .extrashover, #pag_bastidores #linkextras, #pag_bastidores .extras:hover, #pag_bastidores .extrashover, #pag_cursos #linkextras, #pag_cursos .extras:hover, #pag_cursos .extrashover, #pag_planilha #linkextras, #pag_planilha .extras:hover, #pag_planilha .extrashover, #pag_dicas #linkextras, #pag_dicas .extras:hover, #pag_dicas .extrashover, #pag_calendario #linkextras, #pag_calendario .extras:hover, #pag_calendario .extrashover {
	background:transparent url(/img/bt_menu_extras-on.gif) left no-repeat;
}
#pag_enquetes #sub2Enquetes, #pag_enquetes #sub2Enquetes:hover {
	background:transparent url(/img/bt_submenu_enquetes.gif) bottom no-repeat;
}
#pag_cursos #sub2Links, #pag_cursos #sub2Links:hover {
	background:transparent url(/img/bt_submenu_links.gif) bottom no-repeat;
}
#pag_planilha #sub2planilha, #pag_planilha #sub2planilha:hover {
	background:transparent url(/img/bt_submenu_planilha.gif) bottom no-repeat;
}
#pag_dicas #sub2dicas, #pag_dicas #sub2dicas:hover {
background:transparent url(/img/bt_submenu_dicas.gif) bottom no-repeat;
}
#pag_dicas #sub2dicas2, #pag_dicas #sub2dicas2:hover {
background:transparent url(/img/bt_submenu_dicas2.gif) bottom no-repeat;
}
#pag_calendario #sub2calendario, #pag_calendario #sub2calendario:hover {
	background:transparent url(/img/bt_submenu_calendario.gif) bottom no-repeat;
}
