@import url(/css/tvb-programa-base.css);


/* Conteúdo Geral
------------------------------------------- */
body { background:#a5afb7 url(/saltoparaofuturo/imagens/bg.jpg) repeat center center; }
h2 { color:#d45867; font-family:Verdana, Geneva, sans-serif; font-size:1.6em; }
p a, li a { color:#000; }
#tvb-conteudoGeral { color:#2b2b2c; display:block; overflow:hidden; }


/* Pescoco
------------------------------------------- */
#tvb-pescoco { background:url(/saltoparaofuturo/imagens/programa.png) no-repeat left bottom; display:block; }
	#tvb-pescoco .logo-programa a { width:600px; }
		#tvb-pescoco .logo-programa .tvescola { float:right; height:160px; width:200px; }
	#tvb-pescoco .barra-programa { background-color:transparent; margin-left:120px; text-align:right; }
	#tvb-pescoco .barra-programa .menu li { border:none; }	
				
		#tvb-pescoco .barra-programa .menu{	margin:0px;	padding:0px;font-size:13px;	font-weight:bold;border:none;}
		#tvb-pescoco .barra-programa .menu ul{background:#947350;height:35px;	list-style:none;margin:0;padding:0;	}
			#tvb-pescoco .barra-programa .menu li{float:left;	padding:0px;}
			#tvb-pescoco .barra-programa .menu li a{background-color:transparent; color:#fff; font-weight:bold; padding:0 30px 0 8px; 	display:block;	margin-top:8px;	margin-left:8px; text-align:center;text-decoration:none;	}
			#tvb-pescoco .barra-programa .menu li a:hover, .menu ul li:hover a{text-decoration:none; background-color:transparent; color:#fff; margin-top:8px;	margin-left:8px; padding:0 30px 0 8px;	}
			#tvb-pescoco .barra-programa .menu li ul{	background:#947350;	display:none; height:auto;padding:0px;margin:0px;	border:0px;	position:absolute;	width:195px;z-index:200;/*top:1em;/*left:0;*/}
			#tvb-pescoco .barra-programa .menu li:hover ul{display:block;}
			#tvb-pescoco .barra-programa .menu li li {	background:#947350;	display:block;float:none;margin:0px;padding:0px;width:195px;}
			#tvb-pescoco .barra-programa .menu li:hover li a{background:none;}
			#tvb-pescoco .barra-programa .menu li ul a{	display:block;height:35px;font-size:12px;font-style:normal;	padding:0px 10px 0px 15px; text-align:left;	 margin-bottom:-10px; }
			#tvb-pescoco .barra-programa .menu li ul a:hover, #tvb-pescoco .barra-programa .menu li ul li:hover a{padding:0px 10px 0px 15px; text-align:left; margin-bottom:-10px; background:#947350;	border:0px;	text-decoration:none;}
			#tvb-pescoco .barra-programa .menu p{clear:left;	}	

			.submenu ul { float:left; padding:32px 0 0 0; position:absolute; text-align:left; z-index:99; }
				.submenu ul li { background-color:#947351; margin:0; padding:4px 10px 7px 10px; min-width:130px; }
					.submenu ul li a { color:#fff; display:block; }
				#submenu1 ul { margin:2px 0 0 0; }
				#submenu2 ul { margin:2px 0 0 133px; }
				#submenu4 ul { margin:2px 0 0 440px; }
				#submenu5 ul { margin:2px 0 0 530px; }
				#submenu6 ul { margin:2px 0 0 638px; }
				#submenu7 ul { margin:2px 0 0 675px; }
	#tvb-pescoco .horario { color:#fff; float:right; font-size:1.6em; margin:-160px 0 0 0; text-align:right; }
	#tvb-pescoco .busca { float:right; margin:-100px 0 0 800px; }
		#tvb-pescoco .busca input { background-color:#a5c3d1; padding:8px 35px 8px 8px; width:270px; }
		#tvb-pescoco .busca .bt { height:23px; width:23px; margin:-40px 0 11px 285px; padding:0; width:auto; }


/* Destaques, Datas, Erro
------------------------------------------- */
.caixote { background-color:#fff; padding-bottom:30px; margin-bottom:30px; overflow:hidden; }
	.caixote h2 { background-color:#545355; border-bottom:2px solid #f05a72; color:#fff; padding:2px 10px; }
	.caixote h3 { font-size:1.4em; border-bottom:1px solid #545355; border-top:1px solid #545355; padding:5px 10px; }
	.caixote h4 { font-size:1.3em; padding:10px; }
	.caixote p { padding:15px; line-height:1.5em; }
	.caixote a { color:#1F6C8F; }
	
	.caixote .mais-interacao { float:right; font-weight:bold; margin:-40px 0 0 0; }
	.caixote .mais-interacao-forum { background-color:#efa4b0; cursor:pointer; padding:5px 10px; }
	
	.caixote .enquete-form { margin-bottom:25px; }
		.caixote .enquete-form legend { display:none; }
		.caixote .enquete-form ul { margin:15px 0 5px 0; }
			.caixote .enquete-form ul li { background-color:transparent; margin:10px 0 0 0; padding:0 15px; }
				.caixote .enquete-form ul li input { margin-right:6px; vertical-align:text-top; }
		.caixote .enquete-form .bt { background-color:#efa4b0; cursor:pointer; padding:5px 10px; }
	
	.caixote .enquete-total { margin:15px; }
		.caixote .enquete-total li { margin-top:10px; }
			.caixote .enquete-total li div { background-color:#a5c3d1; float:left; height:20px; margin-right:15px; }
	.caixote .enquete-outras { margin:15px; }
		.caixote .enquete-outras select { background-color:#a5c3d1; padding:5px; }
	
	.caixote .mural-capa li { padding:15px 15px 0 15px; }
		.caixote .mural-capa li .nome { display:block; padding-bottom:3px; }
		.caixote .mural-capa li .mensagem { display:block; line-height:1.4em; }
		.caixote .mural-capa li .infos { display:block; padding-top:3px; }


/* Capa 
------------------------------------------- */
.capa .caixote { background-color:#c2c2c2; }


/* Widgets 
------------------------------------------- */
#widgets-1 .caixote { padding-bottom:0; position:relative; }
	#widgets-1 .caixote div { background-color:#a5c3d1; margin:0; }
		.widget-twitter-siga { float:right; margin-top:-40px; }
			.widget-twitter-siga a { color:#a5c3d1; }

.caixote .widget-mais { float:right; margin-top:-25px; padding:0 15px; }
	.caixote .widget-mais a { color:#a5c3d1; }

	#widgets-1 .youtube { margin:0; padding:0; }
	#widgets-1 .tv { background:#ea8091 url(/saltoparaofuturo/imagens/assista.png) no-repeat 5px 0px; border-bottom:2px solid #545355; padding-left:45px; }
		#widgets-1 .tv a { color:#fff; }

	#widgets-1 .sites-relacionados li { border-top:1px solid #fff; }
		#widgets-1 .sites-relacionados li a { background-color:#f05a72; color:#fff; display:block; font-size:16px; font-weight:bold; height:20px; padding:10px; }
			#widgets-1 .sites-relacionados li a:hover { background-color:#fff; color:#f05a72; }
		#widgets-1 .sites-relacionados li a .mais { background:url(/imagens/ico-direita.png) no-repeat scroll center center; clear:both; float:right; text-indent:-9000px; display:block; height:20px; width:20px; }	
	
	#widgets-1 .site-interno li a { background-color:#947351; }
		#widgets-1 .sites-relacionados li a:hover { color:#947351; }

/* Menu ano 
------------------------------------------- */
.menu-ano { margin:20px; overflow:hidden; text-align:center; }
	.menu-ano li { font-size:1.6em; display:inline; padding:10px; }
		.menu-ano li a { color:#1f6c8f; }
			.menu-ano li a strong { color:#1f6c8f; font-size:1.2em; }


/* Entrevista/Entrevistas 
------------------------------------------- */
.listafoto { margin:15px; }
	.listafoto li { overflow:hidden; margin-bottom:40px; }
		.listafoto li img { float:left; margin-right:15px; }
		.listafoto li h4 { font-size:1.3em; padding: 0 10px;}
.fotao { float:left; }
.entrevista .titulo { font-size:1.4em; font-weight:bold; }


/* Publicações Eletrônicas
------------------------------------------- */
.boletins .semanas { margin:0 15px; }
	.boletins .semanas li { margin-top:20px; font-size:1.1em; }


/* Livros
------------------------------------------- */
.listalivro { margin:15px; }
	.listalivro li { overflow:hidden; margin-bottom:20px; }
		.listalivro li img { float:left; margin-right:15px; }


/* Narrativas
------------------------------------------- */
.narrativa .foto { float:left; margin-top:10px; }
.narrativa .mostra { margin:15px 0 15px 15px; }
	.narrativa .mostra li { float:left; margin-right:15px; width:295px; }
		.narrativa .mostra li img { width:295px; }


/* Imagens
------------------------------------------- */
.imagens .foto { margin:0 10px 0 15px; }
	.imagens .foto li { float:left; height:180px; margin:0 15px 15px 0; overflow:hidden; width:190px; }
		.imagens .foto li img { width:190px; }
		

/* Sugestões
------------------------------------------- */
.sugestoes .videos { float:left; margin:10px 0 10px 0; }
	.sugestoes .titulo { font-size:1.3em; font-weight:bold; }
		
			
/* Forum/Mural
------------------------------------------- */
.listaforum p { color:#dd2e4a; font-style:italic; }
	.listaforum p strong { color:#2b2b2c; font-size:1.4em; font-style:normal; }
.listaforum dl { margin:25px 15px; }
	.listaforum .data { color:#000; font-style:normal; margin-bottom:-15px; }
	.listaforum .link { margin:-10px 0 10px 0; font-style:normal; }
		.listaforum a { color:#1e6ab8; }


/* Vídeos
------------------------------------------- */
.videos p { float:left; margin-bottom:15px; width:400px; }
	.videos p img { float:left; width:183px; }

.busca iframe { width:95%; margin:0 15px; }


/* Equipe
------------------------------------------- */
#equipe .menu-equipe { margin:10px 0 20px 15px; overflow:hidden; }
	#equipe .menu-equipe li { float:left; width:32%; }
		#equipe .menu-equipe a { color:#fff; display:block; padding:5px; font-size:1.3em; text-align:center; } 
		#equipe .menu-equipe .educacao { background-color:#f05a72; }
		#equipe .menu-equipe .jornalismo { background-color:#ab8f72; width:33%; }
		#equipe .menu-equipe .producao { background-color:#a5c3d1; }
	
	#equipe h5 { font-size:1.1em; padding:15px 15px 0 15px; }
	#equipe div { overflow:hidden; }
	#equipe p { padding-bottom:0; }
	#equipe .cargo { padding-top:0; }
	#equipe .info { padding-top:10px; }
	
	#equipe .foto-equipe { float:left; margin:15px 25px 10px 15px; padding:8px 8px 35px 8px; overflow:hidden; }
		#equipe .foto-equipe span { background-color:#f05a72; color:#fff; display:block; font-size:1.2em; overflow:hidden; padding:8px 0; text-align:center; }
	
	#equipe .apresentadores, #equipe .apresentadores img { padding:0; width:260px; }
		#equipe .apresentadores  span { background-color:#545355; }
	
	.educacao .foto-equipe { background-color:#f05a72; }
	.educacao .nome { color:#f05a72; font-weight:bold; }
	
	.jornalismo .foto-equipe { background-color:#ab8f72; }
	.jornalismo .nome { color:#ab8f72; font-weight:bold; }

	.producao .foto-equipe { background-color:#a5c3d1; }
	.producao .nome { color:#1F6C8F; font-weight:bold; }



.atencao h4 { font-size:1.4em; border-bottom:1px solid #ea8091; padding:15px 10px 5px 10px; }


/* CRONOGRAMA - INICIO 
------------------------------------------- */
#cronograma .caixote { padding-bottom:0; }
	#cronograma .caixote div { background-color:#fff; margin:10px; }
#cronograma table { background-color:#ea8091; border:none; color:#fff; width:97%; }
	#cronograma table a { border:none; color:#fff; }
	#cronograma td { padding:3px; margin-bottom:3px; }
	#cronograma .zb { background-color:#ab8f72; color:#fff; }
		#cronograma .zb strong { color:#fff; }
		#cronograma .zb a { color:#fff; }
	#cronograma td strong { color:#fff; }
	#cronograma #tit { margin:0 0 10px 0; }
		#cronograma #tit td { background-color:#fff; font-size:14px; padding:1px 10px 3px 10px; color:#000; }
		#cronograma #tit .mes { padding:0 15px 0 0; border-right: 1px solid; }
		#cronograma #tit .semana { float:none; padding:1px 4px 3px 1px; width:100px; border-right: 1px solid; }
		#cronograma table .mes { font-size:18px; font-weight:bold; padding:0 15px 0 0; text-align:right; width:20%; }
		#cronograma table .semana { float:left; text-align:center; padding-right:12px; width:100px; }
		#cronograma table p { padding:5px;}


/* Formulários/Botões
------------------------------------------- */
.navega li { display:inline; margin:0 5px; }
	.navega .pagatual { -moz-border-radius:5px; -moz-box-shadow:0 1px 4px #ddd; background-color:#f4f4f4; background:-moz-linear-gradient(center top, #f1f1f1, #ffffff 1px, #f4f4f4 30px) repeat scroll 0 0 transparent; border:1px solid #ddd; color:#a5c3d1; display:inline-block; padding:10px 15px; text-align:center; text-decoration:none; text-shadow:1px 1px 0 #fff; text-transform:lowercase; }
	.navega a { display:inline-block; padding:10px 15px; }
		/*.navega a .mais { background-color:#f2f2f2; }*/

.formulario p { color:#000; font-style:normal; padding-top:0; padding-bottom:0; }
	.formulario .nome { clear:none; float:left; margin-right:48px; width:255px; }
	.formulario .email { clear:none; float:left; width:255px; }
	.formulario .uf { clear:none; float:left; margin-right:36px; width:60px; }
	.formulario .cidade { clear:none; float:left; width:476px; }
	.formulario .teleposto { clear:none; float:left; margin-right:36px; width:152px; }
	.formulario .instituicao { clear:none; float:left; margin-right:36px; width:152px; }
	.formulario .serie { clear:none; float:left; width:152px; }
	.formulario .msg { width:588px; margin-bottom:2px; }
		.formulario .msg textarea { height:150px; }
	.formulario .campolimite { margin-right:17px; }
.formulario .confirmacao { margin-left:15px; margin-right:17px; }
.capa .formulario { margin-top:20px; }
.formulario #atencao { margin-left:17px; }


/* Pop-up
------------------------------------------- */
#popup { clear:both; height:100%; left:0; position:fixed; top:0; width:100%; z-index:80; }
	#popup .fundo { background-color:#000; clear:both; opacity:0.3;	filter:alpha(opacity=30); -moz-opacity:0.3; height:100%; position:absolute; width:100%; z-index:81; }
	#popup .conteudo { -moz-border-radius:5px; background-color:#fff; max-height:80%; margin:5% auto 0 auto; overflow:auto; position:relative; width:680px; z-index:82; }
		#popup .conteudo .topo { -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; background-color:#f9f9f9; padding:10px; }
			#popup .conteudo .topo .titulo { color:#666; display:none; font-size:2.4em; line-height:1.6em; padding-left:6px; font-weight:normal; }
			#popup .conteudo .topo .fechar { -moz-border-radius:5px; -moz-box-shadow:none; background:-moz-linear-gradient(center top, #f1f1f1, #f9f9f9 1px, #e5e5e5 30px) repeat scroll 0 0 transparent; background-color:#e9e9e9; border:1px solid #ddd; color:#666; cursor:pointer; display:block; float:right; font:bold 1.5em Verdana, Geneva, sans-serif; padding:8px 10px; }
		#popup .conteudo p { margin:20px; }