/* CSS Document */

body {
	font:             11px/1.5em "Trebuchet MS", "Lucida Sans", Arial, Helvetica, sans-serif;
	color:            #4d4d4f;
	background-color: white;
	text-align:       center; /* Caso o Internet Explorer nao queira centralizar o conteudo */
}

a {
	color: #003e5d;
}

a:hover, a:focus {
	color: #005078;
}

div#tudo {
	width:      970px;
	margin:     16px auto 0px;
	text-align: left; /* Neutraliza o text-align:center da tag body */
}

/* Banners do topo */
div#banners_top {
	width:         100%;
	height:        60px;
	margin-bottom: 14px;
}

div#banners_top div.banner {
	width: 467px;
	float: left;
}

div#logoemenu {
	width:  100%;
	height: 72px;
	margin-bottom:40px;
}

/* Logo do CTG no topo da pagina */
div#ctg_logo {
	width:  130px;
	height: 72px;
	float:  left;
}

div#ctg_logo h1 a {
	float:       left;
	display:     block;
	overflow:    hidden;
	text-indent:-999px;
	height:      102px !important;
	height /**/: 72px;
	width:       160px;
	background:  transparent url(../img/ctg_logo.jpg) no-repeat scroll top left;
	margin-bottom:10px;
}

/* Menu principal */
div#topmenu {
	float:       left;
	width:       801px;
	height:      72px;
	margin-left: 36px;
	background:  transparent url(../img/mainmenu_reflection.gif) no-repeat scroll 0px 51px;
	
}

/* Itens do menu principal */

ul#mainmenu {
	margin-top: 16px;
}

ul#mainmenu li {
	float:left;
	position: relative;
}

ul#mainmenu li a {
	float:             left;
	display:           block;
	padding:           33px 0px 0px 0px;
	overflow:          hidden;
	height:            0px !important;
	background-repeat: no-repeat;
	height /**/:       33px;
}

ul#mainmenu li a#institucional {
	background-image: url(../img/mainmenu_institucional.gif);
	width:            137px;
}

ul#mainmenu li a#cursos {
	background-image: url(../img/mainmenu_cursos.gif);
	width:            100px;
}

ul#mainmenu li a#dicasctg {
	background-image: url(../img/mainmenu_dicasctg.gif);
	width:            125px;
}

ul#mainmenu li a#programadeestagio {
	background-image: url(../img/mainmenu_programadeestagio.gif);
	width:            174px;
}

ul#mainmenu li a#atendimento {
	background-image: url(../img/mainmenu_atendimento.gif);
	width:            141px;
}

/* Comportamento do menu principal quando o mouse passa por cima */

ul#mainmenu li a#institucional:hover, ul#mainmenu li a#institucional:focus {
	background-position: -137px 0px;
}

ul#mainmenu li a#cursos:hover, ul#mainmenu li a#cursos:focus {
	background-position: -100px 0px;
}

ul#mainmenu li a#dicasctg:hover, ul#mainmenu li a#dicasctg:focus {
	background-position: -125px 0px;
}

ul#mainmenu li a#programadeestagio:hover, ul#mainmenu li a#programadeestagio:focus {
	background-position: -174px 0px;
}

ul#mainmenu li a#atendimento:hover, ul#mainmenu li a#atendimento:focus {
	background-position: -141px 0px;
}

/* Submenus */

ul#mainmenu li ul {
	display: none;
	position: absolute;
	top: 33px;
	left: 0px !important;
	margin-left: 0px;
	width: 157px;
}

ul#mainmenu li ul li a {
	color: white;
	height: 33px !important;
	padding: 0px;
	width: 157px;
		/*display: block;*/
/*		padding: 0px 0px 0px 0px;*/
		/*overflow: visible;*/
		/*height: 33px;*/
}

ul#mainmenu li:hover ul, ul#mainmenu li.over ul {
	display: block;
}

ul#mainmenu li ul li:hover a {
	background-position: -157px 0px;
}

ul#mainmenu li ul li a {
	float:             left;
	display:           block;
	overflow:          hidden;
	height:            0px !important;
	background-repeat: no-repeat;
	z-index:           3000;
}

/* Menu Institucional */

ul#mainmenu li ul li#quemsomos a {
	padding:          29px 0px 0px 0px;
	height/**/:       29px;
	background-image: url('../img/mainmenu_institucional_quemsomos.png');
}

ul#mainmenu li ul li#nossosservicos a {
	padding:          24px 0px 0px 0px;
	height/**/:       24px;
	background-image: url('../img/mainmenu_institucional_nossosservicos.png');
}

ul#mainmenu li ul li#nossosinstrutores a {
	padding:          23px 0px 0px 0px;
	height/**/:       23px;
	background-image: url('../img/mainmenu_institucional_nossosinstrutores.png');
}

ul#mainmenu li ul li#nossosclientes a {
	padding:          24px 0px 0px 0px;
	height/**/:       24px;
	background-image: url('../img/mainmenu_institucional_nossosclientes.png');
}

ul#mainmenu li ul li#nossoportfolio a {
	padding:          25px 0px 0px 0px;
	height/**/:       25px;
	background-image: url('../img/mainmenu_institucional_nossoportfolio.png');
}

ul#mainmenu li ul li#compromissosocial a {
	padding:          24px 0px 0px 0px;
	height/**/:       24px;
	background-image: url('../img/mainmenu_institucional_compromissosocial.png');
}

ul#mainmenu li ul li#instalacoes a {
	padding:          24px 0px 0px 0px;
	height/**/:       24px;
	background-image: url('../img/mainmenu_institucional_instalacoes.png');
}

ul#mainmenu li ul li#mapa a {
	padding:          30px 0px 0px 0px;
	height/**/:       30px;
	background-image: url('../img/mainmenu_institucional_mapa.png');
}

/* Menu Cursos */

ul#mainmenu li ul li#listacursos a {
	padding:          29px 0px 0px 0px;
	height/**/:       29px;
	background-image: url('../img/mainmenu_cursos_lista.png');
}

ul#mainmenu li ul li#treinamentocorporativo a {
	padding:          24px 0px 0px 0px;
	height/**/:       24px;
	background-image: url('../img/mainmenu_cursos_treinamentocorporativo.png');
}

ul#mainmenu li ul li#agenda a {
	padding:          30px 0px 0px 0px;
	height/**/:       30px;
	background-image: url('../img/mainmenu_cursos_agenda.png');
}

/* Menu Dicas CTG */

ul#mainmenu li ul li#tutoriais a {
	padding:          29px 0px 0px 0px;
	height/**/:       29px;
	background-image: url('../img/mainmenu_dicasctg_tutoriais.png');
}

ul#mainmenu li ul li#manuais a {
	padding:          30px 0px 0px 0px;
	height/**/:       30px;
	background-image: url('../img/mainmenu_dicasctg_manuais.png');
}

/* Menu Atendimento */

ul#mainmenu li ul li#faleconosco a {
	padding:          29px 0px 0px 0px;
	height/**/:       29px;
	background-image: url('../img/mainmenu_contato_faleconosco.png');
}

ul#mainmenu li ul li#cadastrocorporativo a {
	padding:          24px 0px 0px 0px;
	height/**/:       24px;
	background-image: url('../img/mainmenu_contato_cadastrocorporativo.png');
}

ul#mainmenu li ul li#reserva a {
	padding:          23px 0px 0px 0px;
	height/**/:       23px;
	background-image: url('../img/mainmenu_contato_reserva.png');
}

ul#mainmenu li ul li#personalize a {
	padding:          24px 0px 0px 0px;
	height/**/:       24px;
	background-image: url('../img/mainmenu_contato_treinamentopersonalizado.png');
}

ul#mainmenu li ul li#atendimento_estagio a {
	padding:          32px 0px 0px 0px;
	height/**/:       32px;
	background-image: url('../img/mainmenu_contato_programadeestagio.png');
}

/* Botoes ao lado do menu principal */

ul#navbuttons {
	margin-top:  16px;
	margin-left: 684px;
}

ul#navbuttons li {
	float:left;
}

ul#navbuttons li a {
	float:             left;
	display:           block;
	padding:           33px 0px 0px 0px;
	overflow:          hidden;
	height:            0px !important;
	background-repeat: no-repeat;
	height /**/:       33px;
}

ul#navbuttons li a#home {
	background-image: url(../img/navbuttons_home.gif);
	width:            40px;
}

ul#navbuttons li a#mapadosite {
	background-image: url(../img/navbuttons_mapadosite.gif);
	width:            41px;
}

ul#navbuttons li a#contato {
	background-image: url(../img/navbuttons_contato.gif);
	width:            36px;
}

/* Comportamento dos botoes quando o mouse passa por cima */

ul#navbuttons li a#home:hover, ul#navbuttons li a#home:focus {
	background-position: -40px 0px;
}

ul#navbuttons li a#mapadosite:hover, ul#navbuttons li a#mapadosite:focus {
	background-position: -41px 0px;
}

ul#navbuttons li a#contato:hover, ul#navbuttons li a#contato:focus {
	background-position: -36px 0px;
}

/* Painel Principal */

div#painel_botoes {
	width: 150px;
	float: left;
}

div#painel_botoes ul li a {

	display:           block;
	padding:           62px 0 0;
	overflow:          hidden;
	height:            0px !important;
	background-repeat: no-repeat;
	width:             151px;
	height /**/:       62px;
	text-decoration:none;



}

/* Imagens de fundo de cada botao do painel */

div#painel_botoes ul li a#publicidade {
	background-image: url(../img/painel_btn_publicidade.gif);
}

div#painel_botoes ul li a#design {
	background-image: url(../img/painel_btn_design.gif);
}

div#painel_botoes ul li a#grafica {
	background-image: url(../img/painel_btn_grafica.gif);
}

div#painel_botoes ul li a#cinema {
	background-image: url(../img/painel_btn_cinema.gif);
}

div#painel_botoes ul li a#audio {
	background-image: url(../img/painel_btn_audio.gif);
}

div#painel_botoes ul li a#assessorias {
	background-image: url(../img/painel_btn_assessorias.gif);
	padding-top:      63px;
	height /**/:      63px;
}

/* Comportamento do menu quando o mouse passa por cima */

/*div#painel_botoes ul li a:hover, div#painel_botoes ul li a:focus {
	background-position: -151px 0px;
}*/

div#painel_botoes ul li a.normal {
	background-position: 0px 0px;
}

div#painel_botoes ul li a.over {
	background-position: -151px 0px;
}

/* Painel de conteudo */

div.painel_conteudo_mostra {
	width:      818px;
	height:     320px;
	float:      left;
	background: transparent url(../img/painel_conteudo_bg.gif) no-repeat scroll top left;
	display:    block;
}

div.painel_conteudo_esconde { /* Esconder os paineis inativos */
	width:      818px;
	height:     373px;
	float:      left;
	background: transparent url(../img/painel_conteudo_bg.gif) no-repeat scroll top left;
	display:    none;
}

div.painel_conteudo_mostra div.conteudo_conteudo, div.painel_conteudo_esconde div.conteudo_conteudo {
	float:        left;
	width:        700px;
	padding-left: 60px;
	padding-top:  4px;
}

/* Formatacao do texto dos paineis */

div.painel_conteudo_mostra h1.titulo, div.painel_conteudo_esconde h1.titulo {
	color:          #00436a;
	text-transform: uppercase;
	font:           bold 31px "Trebuchet MS", Verdana, Granada, Arial, Helvetica, sans-serif;
	padding-bottom: 11px;
	border-bottom:  1px solid #00436a;
	margin-bottom:  11px;
}

div.curso_dock {
	float:       left;
	width:       590px;
	height:      252px;
	margin-left: 60px;
}

/* Painel de observacao */

div#barra_observacao {
	float:         left;
	margin:        9px 0px;
	padding:       15px 17px;
	border-top:    1px solid #7E7E7E;
	border-bottom: 1px solid #7E7E7E;
	font-size:     0.81em;
	line-height:   1.5em;
}

/* Barra calendario */

div#barra_calendario {
	float:      left;
	width:      968px;
	height:     30px;
	background: transparent url(../img/barra_calendario_bg.gif) no-repeat scroll top left;
	color:      #333;
}

div#calendario_title {
	margin: 7px 0px 0px 16px;
}

div#calendario_title h3 {
	width:          124px;
	float:          left;
	font-weight:    bold;
	color:          #006723;
	text-transform: uppercase;
}

div.calendario_curso {
	float:        left;
	margin-right: 63px;
	margin-left:  53px;
}

div.calendario_curso h4 {
	float:       left;
	font-weight: bold;
}

div.calendario_curso p {
	float:               left;
	padding-left:        30px;
	background-repeat:   no-repeat;
	background-position: 10px 0px;
}

/* icone de cada curso */

div.calendario_curso p#illustrator {
	background-image: url(../img/icone_illustrator.gif);
}

div.calendario_curso p#photoshop {
	background-image: url(../img/icone_photoshop.gif);
}

span.data {
	color: #006723;
}

/* Painel inferior */

div#area_inferior {
	width:  968px;
	float:  left;
	margin: 32px 0px 28px 0px;
}

/* CTG News */

div#ctg_new {
	float:left;
	width: 304px;
	margin-left: 12px;
}

div#sugestao h2 {
	float:             left;
	display:           block;
	padding:           20px 0px 0px 0px;
	margin-bottom:     12px;
	overflow:          hidden;
	height:            0px !important;
	background-image:  url(../img/header_ctgnews.gif);
	background-repeat: no-repeat;
	width:             290px;
	height /**/:       15px;
}

div#ctg_new h4 {
	float:        left;
	margin-right: 5px;
	color:        #ff7800;
}

div#ctg_new p {
	padding-right:20px;
	margin-bottom: 8px;
}

/* Area direita */

div#area_direita {
	float:       left;
	width:       610px;
	margin-left: 21px;
}

div#estagio {
	float: left;
	width: 100%;
	margin-bottom:20px;
}

div#estagio h2#programadeestagio {
	float:             left;
	display:           block;
	padding:           19px 0px 0px 0px;
	margin-bottom:     12px;
	overflow:          hidden;
	height:            0px !important;
	background-image:  url(../img/programadeestagio_bg.gif);
	background-repeat: no-repeat;
	width:             610px;
	height /**/:       19px;
}

div#estagio div#estagio_esq {
	width:        290px;
	float:        left;
	margin-right: 30px;
}

div#estagio div#estagio_dir {
	float:left;
}

div#estagio_dir h3 {
	font-size:     15px;
	font-weight:   bold;
	margin-bottom: 11px;
}

/* Formatacao dos itens do formulario Programa de Estagio */

div#estagio_dir form label {
	float:       left;
	padding-top: 4px;
	width:       44px;
}

div#estagio_dir form input {
	margin-bottom: 5px;
}

div#estagio_dir form input#login, div#estagio_dir form input#senha {
	border:           1px solid #ccc;
	background-color: white;
	padding:          4px;
	font: normal 11px "Trebuchet MS", Verdana, Arial, sans-serif;
}

div#estagio_dir form input#enviar {
	margin-left: 5px;
	border: 1px solid #ccc;
	background-color: #eee;
	padding: 2px;
	font: bold 11px/1.5em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

div#direita_embaixo {
	float: left;
	width: 610px;
}

div#cursoeminteresse {
	float:        left;
	width:        290px;
	margin-right: 30px;
}

div#cursoeminteresse h2#cursoeminteresse {
	float:             left;
	display:           block;
	padding:           16px 0px 0px 0px;
	margin-bottom:     12px;
	overflow:          hidden;
	height:            0px !important;
	background-image:  url(../img/cursoeminteresse_bg.gif);
	background-repeat: no-repeat;
	width:             289px;
	height /**/:       16px;
}

div#enews {
	float: left;
	width: 283px;
}

div#enews h2#enews {
	float:             left;
	display:           block;
	padding:           16px 0px 0px 0px;
	margin-bottom:     12px;
	overflow:          hidden;
	height:            0px !important;
	background-image:  url(../img/enews_bg.gif);
	background-repeat: no-repeat;
	width:             283px;
	height /**/:       16px;
}

/* Formatacao dos itens do formulario CTG News */

div#enews form#ctgnews div.formnews_col {
	width: 105px;
	float: left;
}

div#enews form#ctgnews label {
	float:         left;
	margin-bottom: 5px;
}

div#enews form#ctgnews input#nomeNews, div#enews form#ctgnews input#emailNews {
	width:            80px;
	border:           1px solid #ccc;
	background-color: white;
	padding:          4px;
	font:             normal 11px "Trebuchet MS", Verdana, Arial, sans-serif;
}

div#enews form#ctgnews input#enviar_newsletter {
	margin-left:      5px;
	margin-top:       21px;
	border:           1px solid #ccc;
	background-color: #eee;
	padding:          2px;
	font:             bold 11px/1.5em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

/* Menu inferior */

div#menu_inferior {
	float:         left;
	padding:       15px 23px 12px 23px;
	border-top:    1px solid #363636;
	border-bottom: 1px solid #363636;
	margin-bottom: 22px;
}

div#menu_inferior div#menu {
	float: left;
	/*width: 694px;*/
}

div#menu_inferior div#menu ul li {
	float:     left;
	font-size: 10px;
}

div#menu_inferior div#menu ul li a {
	float:           left;
	display:         block;
	text-decoration: none;
	padding:         0px 15px;
	border-right:    1px solid #363636;
}

div#menu_inferior div#menu_cursos {
	float: left;
	width: 229px;
}

div#menu_cursos label {
	margin-left: 15px;
	float:       left;
	width:       90px;
}

div#menu_cursos select#select_cursos {
	width: 120px;
}

div#menu_cursos select#select_cursos option#escolha {
	color:#888;
	font-style: italic;
}

/* Rodape */

div#rodape {
	float:          left;
	width:          100%;
	clear:          both;
	padding-bottom: 20px;
	font-size:      10px;
}

div#marca_dombosco {
	float: left;
	width: 244px;
}

div#marca_dombosco h1 {
	margin-left:       81px;
	float:             left;
	display:           block;
	padding:           111px 0px 0px 0px;
	overflow:          hidden;
	height:            0px !important;
	background-image:  url(../img/logo_edb_rodape.gif);
	background-repeat: no-repeat;
	width:             91px;
	height /**/:       111px;
}

div#dados_dombosco {
	text-align:  center;
	float:       left;
	width:       482px;
	line-height: 1.1em;
}

div#dados_dombosco p {
	margin-bottom: 0.5em;
}

div#selo {
	text-align: center;
	float:      left;
	width:      240px;
}

/* Estilos diversos */

	/* Destaque laranja */
	.destaque_laranja {
		color:       #E89228;
		font-weight: bold;
	}
	
	a.leiamais {
		display:           block;
		padding:           18px 0px 0px 0px;
		margin:			   11px 0px;
		overflow:          hidden;
		height:            0px !important;
		background-image:  url(../img/btn_leiamais.gif);
		background-repeat: no-repeat;
		width:             60px;
		height /**/:       18px;		
	}
	
	a.maisinfo {
		display:           block;
		padding:           18px 0px 0px 0px;
		margin:            11px 0px;
		overflow:          hidden;
		height:            0px !important;
		background-image:  url(../img/btn_maisinfo.gif);
		background-repeat: no-repeat;
		width:             106px;
		height /**/:       18px;
	}
	
	strong {
		font-weight: bold;
	}
	
ul.lista {
	list-style:    disc;
	margin-bottom: 1em;
}

ol.lista {
	list-style:    decimal;
	margin-bottom: 1em;
}

ul li ul, ul li ol, ol li ul, ol li ol {
	margin-left:   2em;
	margin-bottom: 0 !important;
}

a.destaque {
	background: transparent url('../img/setinha_destaque_vermelha.gif') no-repeat scroll 0px 3px;
	padding-left: 16px;
}

div.floater {
	position: absolute;
	left: 516px;
	top:  110px;
	z-index: 3000;
}

div#floater_novaslinhas {
	margin-left: -240px;
}

div.floater_imagem {
	position: relative;
	z-index: 3001;
}

div.floater_fechar {
	position: absolute;
	top: -12px;
	right: -12px;
	z-index: 3002;
}




#sugestao{width:290px; height:240px; float:left;}