* { margin:0; padding:0 }

body {
	margin:-15px 0 0 0;
	background:url(img/bgbody.jpg) repeat-x 0 -15px;
	font:11px "Trebuchet MS", Arial, Sans-Serif }
	
#all {
	width:775px;
	margin:0 auto }
	
#header { position:relative; height:99px; margin:0 0 4px }
#header #logotipo { position:absolute; top:28px; left:15px }
#header #logotipo a { width:187px; height:61px; display:block;  background:url(img/logo-treide.gif) no-repeat }
#header #logotipo a span{ display:none }
#header .menu { position:absolute; bottom:0; right:0; width:462px; height:75px }
#header .menu ul { list-style:none }
#header .menu ul li { float:left }
#header .menu ul li a { display:block; height:75px }

#header .menu ul li.institucional a 			{ width:107px; background:url(img/menutop_institucional.gif) }
#header .menu ul li.eventos-programados a 	{ width:106px; background:url(img/menutop_eventos-programados.gif) }
#header .menu ul li.clientes a 				{ width:77px; background:url(img/menutop_clientes.gif) }
#header .menu ul li.acordos-parcerias a 		{ width:80px; background:url(img/menutop_acordos-parcerias.gif) }
#header .menu ul li.atendimento-cliente a 	{ width:92px; background:url(img/menutop_atendimento-cliente.gif) }

#header .menu ul li a:hover { background-position:0 -75px }

#header .menu ul li a span { display:none }

#headlines { height:240px; overflow:hidden }

#banners { display:none; height:92px; text-align:center; padding:21px 0 21px }
#banners img { border:1px solid #336600 }

#container { padding:20px 10px; float:left }
p { margin:0 0 15px }

#container #boxes { width:205px; float:left; margin:0 20px 0 0 }

#container .menu ul { list-style:none; width:205px; margin:0 0 8px }
#container .menu ul li { position:relative; margin:0 0 8px  }
#container .menu ul li a.secao {
	border-left:9px solid #FF9900; 
	display:block; 
	letter-spacing:-1px;
	background:url(img/bgmenu-secao.gif) no-repeat right 11px; 
	padding:0 14px 0 8px; 
	font-size:19px;
	text-transform:uppercase }
#container .menu ul li a { display:block; color:#000; text-decoration:none }
#container .menu ul li ul {
	border:1px solid #006600;
	position:absolute; 
	z-index:999;
	left:204px; 
	top:0; 
	display:none;
	background:#FFF }
#container .menu ul li ul li { margin:0; border-bottom:1px solid #006600 }
#container .menu ul li ul li a { padding:5px 8px }
#container .menu ul li ul li a:hover { background:#EEE; font-weight:bold }

/* Fix IE. Hide from IE Mac \*/
* html #container .menu ul li { float:left; height:1% }
* html #container .menu ul li a { height:1% }
/* End */

#container .menu li:hover ul ,
#container .menu li.over ul { display: block }

.box { padding:15px 10px; float:left; width:185px; line-height:15px; margin-bottom:10px }
.box h2 { text-transform:uppercase; letter-spacing:-1px; font-weight:normal; font-size:17px; margin:0 0 5px }
.box a { color:#006600; font-weight:bold }

#banner { margin:0 0 15px }

#newsletter { background:#B9BA8A }
#newsletter input.text,
#newsletter select { font-size:11px }
#newsletter input.text  { width:185px; border:0; padding:2px 0; margin:0 0 4px }
#newsletter select { float:left }
#newsletter input.button { float:right }
#newsletter #mensagem { margin:10px 0 0 0; font-weight:bold }

#indique { background:#CCC }
#indique input.text{ font-size:11px; width:185px; border:0; padding:2px 0; margin:0 0 4px }
#indique input.button { float:right }
#indique #mensagem { margin:10px 0 0 0; font-weight:bold }

#curso-desejado { background:#BCCFA7 }

#menubig ul { font-size:11px; list-style:none; clear:both }
#menubig ul li { margin:0 0 10px; padding:0 0 10px; border-bottom:1px solid #DDD }
#menubig ul li a {
	text-decoration:none;
    font:bold 16px "Trebuchet MS", Arial, sans-serif;
	letter-spacing:-1px;
    color:#FF8C00 }

.default ul { font-size:11px; list-style:square; margin:0 0 10px 40px }
#parcerias ul { font-size:13px }

#content { float:left; width:530px }
#content h2 { 
	font-size:17px;
	font-weight:bold;
	text-transform:uppercase; 
	border-bottom:1px solid #647D4C;
	padding:0 0 5px; margin:0 0 10px }

#content a { color:#006600 }
#content.detail { font-size:13px }
#container .barback { clear:both }
#container .barback a { text-decoration:none; background:url(img/ico-back.gif) no-repeat center left; padding:0 0 0 20px; float:right; font-size:11px; font-weight:bold }
	
#programacao { position:relative }
#programacao ul { list-style:none; font-size:11px }
#programacao ul li { background:url(img/border-dashed.gif) repeat-x bottom left; padding:10px 0 10px; float:left; width:530px  }
#programacao ul li.last{ background:none }
#programacao ul li .data { font-size:11px; font-weight:bold }
#programacao ul li .obs { font-weight:bold; font-size:10px; color:#666 }
#programacao ul li .titulo { font-weight:bold; font-size:13px}
#programacao ul li .resumo { font-size:11px }
#programacao ul li .apresentador { color:#006600; display:block; padding:5px 0 0 0 }
/*#programacao ul li a { margin:10px 0 0 10px ; border-left:2px solid #CCC; display:block; width:90px; height:26px; float:right }*/
#programacao ul li a.button { margin:10px 0 0 10px ;display:block; width:90px; height:26px; float:right }
#programacao ul li a.saibamais { background:url(img/btn_saibamais.gif) no-repeat right center }
#programacao ul li a.inscricao { background:url(img/btn_inscricao.gif) no-repeat right center }
#programacao ul li a.indicacao { background:url(img/btn_indique.gif) no-repeat right center }
#programacao ul li a span { display:none }

#programacao ul li img { border:0; float:left; margin:0 10px 50px 0 }


#curso .obs { font-weight:bold; font-size:17px; color:#666 }
#curso .data { color:#FF6600; font-weight:bold; display:block }
#curso .titulo { font-size:22px; font-weight:bold; letter-spacing:-1px  }
#curso .resumo { font-weight:bold; display:block }
#curso .apresentador { color:#004F1E; display:block } 
#curso .capa { margin:0 0 15px 15px } 

/*#curso #corpo ul { font-size:11px; line-height:14px; margin:0 0 15px 35px }*/
#curso #corpo ul { margin:0 0 15px 35px }
#curso #corpo ul li { margin:0 0 5px }
#curso #corpo ul li ul { margin:5px 0 0 25px  }
#curso #corpo ul li ul li{ margin:0 0 5px  }

#curso #corpo ol { margin:0 0 15px 35px }
#curso #corpo ol li { margin:0 0 5px }
#curso #corpo ol li ul { margin:5px 0 0 25px  }
#curso #corpo ol li ul li{ margin:0 0 5px  }

#curso h3 { font-size:17px; font-weight:normal; color:#004F1E; padding:0 0 3px; margin:0 0 10px; border-bottom:1px solid #004F1E }
#curso ul.botoes { list-style:none }
#curso ul.botoes li{ float:left; width:132px; text-align:center	 }
#curso ul.botoes li img { border:0 }

#programacao h2 { margin-bottom:0 }

h3.mes { 
	clear:both;
	font-weight:normal;
	font-style:italic;
	font-size:22px;  
	padding:10px 0 3px 0; 
	margin:5px 0; 
	color:#FF9900; 
	border-bottom:2px solid #FF9900 }
 
#curso .investimentos .descricao { font-size:11px }

#locais-investimentos h2 { margin-bottom:0 }
#locais-investimentos.formulario table tr td input.radio { border:0 }
.formulario table { font-size:11px; margin:0 0 15px }
.formulario table tr td  { padding:5px; background:#EEE; border-bottom:1px solid #CCC } 
.formulario table tr td.label  { font-weight:bold; background:#FFF; width:150px } 
.formulario table tr td span  { font-weight:bold; color:#CC0000 } 
.formulario table tr td input { border:1px solid #666; padding:2px; font-size:11px } 
.formulario table tr td input.button { border:2px outset #FF6600; padding:2px; background:#FF6600; color:#fff; font:bold 11px "Trebuchet MS", Arial, Sans-serif} 
.formulario table tr td input.cb { border:0 } 
.formulario h3 { border-bottom:1px solid #FF6600; color:#FF6600; padding:0 0 5px }

.aviso { color:#CC0000; font-weight:bold; font-size:15px }

#content  #mensagem  { padding:10px; background:#FFF; font-weight:bold }
#content  #mensagem.sucesso { border:2px solid #009900; color:#009900 }
#content  #mensagem.erro { border:2px solid #CC0000; color:#CC0000 }

#dados h3 { font-size:13px; margin:15px 0 10px; padding:5px 0 0 0; border-top:1px dotted #666 }
#dados ul.bancos li { margin:0 0 10px }

.hoteis .cidade { color:#CC0000; font-weight:bold }

#footer { 
	float:left;
	width:755px;
	position:relative;
	border-top:1px solid #666;
	padding:10px;
	text-align:right }
	
#footer a { color:#006600 }
#footer a.dev { background:url(img/ico-by.gif) no-repeat center center; text-indent:-1000000px; display:block; float:left; width:100px; height:40px; text-align:center; font-size:10px; position:absolute; left:0px; top:10px }
#footer a:hover.dev { text-indent:0; text-align:center; background:none; color:#666 }