/*Palheta de Cores
vermelho: #f33
cinza escuro: #666
cinza médio: #999 
cinza: #ccc
cinza: #b4b4b4
cinza: #f4f4f4
*/


/* Reset de Eric Meyer - limpa e iguala os valores default dos vários navegadores. NÃO ALTERE ESTA PARTE!! */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body { line-height: 1; color: #666; text-align: center;}
ol, ul { list-style: none; }
/* as tabelas ainda precisam 'cellspacing="0"' no html */
table {	border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left;	font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Tipografia */
body { font: 12px/18px "Lucida Sans Unicode", Arial, Helvetica, sans-serif; }
pre { font-family: "Courier New", Courier, monospace; } 
code { font-family: "Courier New", Courier, monospace; }
cite { font-style: italic; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; }
h1 { font-size: 24px; line-height: 36px; }
h2 { font-size: 18px; line-height: 36px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }
h5 { font-size: 12px; }
h6 { font-size: 11px; }

/* Elementos de texto */
p           { margin: 0 0 18px 0; }
p.last      { margin-bottom: 0; }
p img       { margin-right: 10px; padding:0; }
p img.meio  { margin-top: 18px; } /* Usar esta classe quando a imagem estiver no meio do <p>. */

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

ul, ol      { margin: 0 0 18px 0; }
dl          { margin: 0 0 18px 0; }
dl dt       { font-weight: bold; }

blockquote  { margin: 0 0 18px 18px; font-style: italic; }
strong      { color:#333; font-weight: normal; }
em          { font-style: italic; }
pre         { color: #333; margin-bottom: 18px; background: #f4f4f4; border:1px solid #ccc; padding:16px; }

/* Structure */
html, body { height: 100%;}
body { height: 100%;  background:url(../img/barra.gif) repeat-x scroll left 174px;}
#container { position: relative; margin: auto; width: 980px; min-height: 100%; height: 100%; height: auto; text-align:left; padding:0 10px; background:transparent; margin: 18px 0 0 0;}
html>body #container { height: auto }

/*Topo*/
#ingles a { color: #999; background: transparent url(../img/english_version_bg.jpg) no-repeat ; display: block; width: 101px; height: 18px; text-align: center; float: right; }
#ingles a:hover { text-decoration: none; color: #fff; }

#header { clear: both;  }
#header h1 a { background: transparent url(../img/logo.jpg) no-repeat; display: block; margin: 0 75px 0 50px ; width:180px; height: 0px; overflow: hidden; padding-top: 126px; float: left; }
#header p { color: #b4b4b4; font-size: 36px; line-height: 36px; padding-top: 18px; }
.slogan { margin-left: 220px; }



#menu { height: 30px; float: right; display: inline; margin-bottom: 15px; }
#menu li { display: inline; float: left; margin-left: 3px; }
#menu li a { display: block; height: 22px; width: 100px; padding-top: 8px; background: transparent url(../img/menu_bg.jpg) no-repeat; text-align: center; text-transform: uppercase; color: #999; }
#menu li a:hover, #menu li a.ativa { background: transparent  url(../img/menu_bg_ativo.jpg) no-repeat; text-decoration: none; color: #fff; }

/*Principal*/
#principal { width: 715px; margin-right: 10px; padding: 0 10px 18px; float:left; display:inline; }

/*home*/
#lista { padding-top:1px; position: relative; }
#lista li { cursor: pointer; }
#programas, #com-corporativa, #documentarios, #teleducacao, #comerciais { border-top: 1px dotted #ccc; padding-top: 8px; clear: both; }
#programas ul.thumbs { background: transparent url(../img/programas.gif) no-repeat; }
#com-corporativa ul.thumbs { background: transparent url(../img/comunicacao.gif) no-repeat; }
#documentarios ul.thumbs { background: transparent url(../img/documentarios.gif) no-repeat; }
#teleducacao ul.thumbs { background: transparent url(../img/teleducacao.gif) no-repeat; }
#comerciais ul.thumbs { background: transparent url(../img/comerciais.gif) no-repeat; }
.imgbg { float: left; display: inline; margin: 0 10px 9px 0; background: #fff url(../img/loading.gif) no-repeat center; }
.pbaixo { display: block; background: transparent url(../img/down.gif) no-repeat; width: 22px; height: 22px; }

#principal ul.thumbs { height: 58px; float: left; display: inline; width: 333px;  }
#principal ul.thumbs li { float: left; margin: 36px 4px 4px 0; border: none; display:block; background: transparent url(../img/quadradinho.gif) no-repeat; width: 18px; height: 18px; }
#principal ul.thumbs li a { display:block; background: transparent url(../img/quadradinho.gif) no-repeat; width: 18px; height: 18px; cursor:pointer;}
#principal ul.thumbs li a:hover { background: transparent url(../img/quadradinho_ativo.gif) no-repeat; }
#principal ul.description {width: 340px; float: left; display: none;}
#principal ul.description h4{ color: #333; }
#principal ul.descricao h4{ color: #333; }
#list li{

	display:block;
	/*cursor:pointer;*/
}

#principal ul.description li{ cursor: default;}
.ver-video { background: transparent url(../img/botao_gw.jpg) no-repeat; padding-left: 40px; display: block; height: 23px; width: 250px; }

/*interna*/
#submenu { height: 18px; font-size: 14px; margin-top: 9px; padding-bottom: 9px; border-bottom: 1px dotted #ccc; margin-bottom: 26px; }
#submenu li { display:inline; float: left; margin: 0 8px 0 0; padding-right: 8px; border-right: 1px solid #f33; }
#submenu li.last { border: none; }
#submenu a:hover, #submenu a.ativa { text-decoration:none; border-bottom: 2px solid #f33; display: block; }
.foto { float: left; display: inline; margin: 0 10px 18px 0; }
#conteudo { float: left; display: inline; width: 470px; margin-left: 10px; }
#conteudo h2, #conteudo h4 { color: #666; }
#perfil, #presenca-nacional, #equipe { clear: both; }
.presenca { margin-bottom: 36px; }
.thumbs-estrutura { height: 22px; float: left; display: inline; margin-bottom: 36px; }
.thumbs-estrutura li { display:none; float: left; margin: 0 4px 4px 0; border: none; }
.thumbs-estrutura li a { display:none; background: transparent url(../img/quadradinho.gif) no-repeat; width: 18px; height: 18px; }


div.estrutura { width: 225px; float: left; display: inline; margin: 72px 20px 18px 0; }
div.last { margin-right: 0; }
.conheca { margin-top: 36px; }
.Clients { width: 225px; margin-right: 20px; float: left; display: inline; }
.Clients li { list-style:inside square; }
ul.last { margin-right: 0; }

/*dir*/
#dir { float: left; display: inline; width: 235px; margin-bottom: 18px; }
#dir2{ float: left; display: inline; width: 235px; margin-bottom: 18px; }

/*mootabs (notícias e contato)*/
.mootabs_title { height: 27px; margin-top: 9px; border-bottom: 1px solid #ccc; margin-bottom: 26px; }
.mootabs_title li {	float: right; display: block; background: transparent url(../img/tab_bg.jpg) no-repeat ; margin-left: 4px; cursor: pointer; height: 23px; width: 69px; padding-top: 5px; text-align: center; color: #f33; }
.mootabs_title li.active { background: transparent url(../img/tab_bg_ativa.jpg) no-repeat ; }
.mootabs_panel { display: none;	width: 100%; clear: both; font-size: 11px; }
.mootabs_panel.active {	display: block; }

/* tool tips */
/*.tool-tip {
	position:absolute;
	left:16px;
	top:215px;
	color: #777;
	width: 200px;
	color: #fff; font-size:10px; z-index: 13000; background: url(img/tips_bg.png);
	z-index: 13000;
}
*/
.tool-tip {
	color: #fff; font-size:10px; 
	background: url(../img/tips_bg.png);
	position:absolute;
	left:16px;
	top:200px;
	max-width: 200px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	padding: 0 3px 0;
}
 
.tool-text {
	color: #fff;
	font-size: 11px;
	padding: 0 3px 0;
}

/*Rodapé*/
#rodape { clear: both; width: 980px; height: 108px; padding-top: 18px; background: transparent url(../img/rodape_bg.gif) repeat-x; color: #666; }
#rodape p { padding: 0 10px; margin: 0; width: 305px; float:left; display: inline; border-left: 1px solid #ccc; }

/*Formulários */
input[type="text"], input [type="file"]{ background-color: #f4f4f4; vertical-align: middle; font-size: 11px; border: none; padding: 2px; height: 14px; color: #666; }
textarea { background-color: #f4f4f4; font-size: 11px; border: none; padding: 2px; color: #666; }
input[type="image"] { vertical-align: middle; }
#nome, #email, #mensagem, #curriculo { width: 235px; }


/*Classes */
.pequeno { font-size: 11px; }
.grande { font-size: 14px }
.align-right { text-align: right; }
.aDir { float: right; display: inline; }
.aEsq { float: left; display: inline; }
.borda-topo { border-top: 1px dotted #ccc; }
.no-clear { clear: none; }
.clear { clear: both; }
.esconde { display: none; }
.mostra { display: block; }

/*////////////////////////////////////////////////////*/

#list li ul.description li{
	display:none;
}
#list li ul.description li.links{
	display:none;
}
#list li ul.description li.links ul li{
	display:block;
}
#list li ul.description{
	display:block;
	/*margin-left:556px;*/
}