@charset "utf-8";

/******************** PADROES ***********************/

*{
	color:#333333;
	margin:0;
	padding:0;
	text-decoration:none;
	font-style:none;
	font-size:1em;
}
body{
	margin:0;
	padding:0;
	list-style:none;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%; /*Equivalente a 10px*/
	background:#CCCCCC;
	text-align:center; /*For IE5*/
	background:url(../img/bg.png) repeat-x #FFFFFF;
}
a{font-style:normal;text-decoration:none;}
a img{border:none;}
a:hover{text-decoration:underline;}
ul, li{list-style:none;}

/******************** INDEX **********************/

#tudo{
	margin:0 auto;
	width:78em;
	*width:779px; /*HACK FOR IE*/
	background:#FFFFFF;
	text-align:left;
}
#cabecalho{
	background:url(../img/cabecalho.jpg) top left no-repeat;
	height:8.3em;
}
#cabecalho_interno{
	background:url(../img/cabecalho_interno.jpg) top left no-repeat;
	height:8.3em;
}
#cabecalho .logo, #cabecalho_interno .logo{
	padding-left:1.8em;
	float:left;
}
#cabecalho span.nome_curso{
	display:block;
	float:left;
	padding-top:3.5em;
	width:32.3em;
	text-align:right;
	padding-right:1em;
	font-weight:bold;
	letter-spacing:0.1em;
}
#cabecalho_interno span.saudacao{
	display:block;
	float:left;
	padding-top:3.5em;
	width:32.3em;
	text-align:left;
	padding-left:2.1em;
}
#cabecalho_interno a.sair{
	display:block;
	float:left;
	padding-top:3.5em;
	width:4.8em;
	text-align:left;
	padding-left:2.3em;
	font-weight:bold;
	letter-spacing:0.1em;
	background:url(../img/btn_sair.png) no-repeat bottom right;
	text-indent:-5000px;
}

/******************** MENU CURSOS ********************/

#cabecalho #menu_cursos, #cabecalho_interno #menu_cursos{
	float:left;
	height:4.5em;
	padding-top:1.8em;
	text-align:center;
}
#cabecalho #menu_cursos ul{
	padding-top:0.2em;
}
#cabecalho #menu_cursos ul li{
	list-style:none;
	float:left;
	padding:0;
	margin:0;
	width:1.6em;
	height:3.5em;
}
#cabecalho #menu_cursos ul li a {
	display:block;
	width:1.6em;
	height:3.5em;
	margin:0;
	padding:0;
}
#cabecalho #menu_cursos ul li a:hover {
	background:url(../img/curso_marcador.gif) no-repeat left 2.5em;
}
#cabecalho #menu_cursos ul li.adm	{background:url(../img/curso_azul.gif) top left no-repeat;}
#cabecalho #menu_cursos ul li.cc 	{background:url(../img/curso_roxo.gif) top left no-repeat;}
#cabecalho #menu_cursos ul li.mat	{background:url(../img/curso_marrom.gif) top left no-repeat;}
#cabecalho #menu_cursos ul li.tur	{background:url(../img/curso_verde.gif) top left no-repeat;}
#cabecalho #menu_cursos ul li.edu	{background:url(../img/curso_amarelo.gif) top left no-repeat;}

/******************** LISTA CURSOS ********************/

ul.lista_cursos li{
	background:url(../img/bg_lista_curso.gif) no-repeat bottom right;
	margin:1em;
}
ul.lista_cursos li a {
	display:block;
	padding-left:3em;
	height:2.3em;
	line-height:2.3em;
	margin-bottom:0.7em;
}
.quadro ul.lista_cursos li a.adm			{background:url(../img/curso_azul2.gif) no-repeat left top;}
.quadro ul.lista_cursos li a.cc				{background:url(../img/curso_roxo2.gif) no-repeat left top;}
.quadro ul.lista_cursos li a.mat			{background:url(../img/curso_marrom2.gif) no-repeat left top;}
.quadro ul.lista_cursos li a.tur			{background:url(../img/curso_verde2.gif) no-repeat left top;}
.quadro ul.lista_cursos li a.edu			{background:url(../img/curso_amarelo2.gif) no-repeat left top;}

/****************** LISTA NOTCIAS ******************/
ul.lista_noticias{margin:1em;}
ul.lista_noticias li{margin-top:1em;}

/*********/
#conteudo.index{
	background:url(../img/bg.gif) bottom repeat-x;
}
/******************* MENU INTERNO ******************/
#menu_interno{
	position: relative;
	top:180px;
	left:10px;
	z-index: 10;
	display: block;
	width: 760px;
	font-family:tahoma, arial, verdana;
	font-size:11px;
}
#menu_interno ul{
	border-bottom:3px solid #666666;
	display:block;
	height:18px;
	width:760px;
}
#menu_interno ul li{
	float:left;
	display:inline;
	margin-right:10px;
	padding:3px;
	font-weight:bold;
}
#menu_interno ul li a{
	color:#999999;
	padding:3px;
	text-transform:uppercase;
}
#menu_interno ul li a.selected, #menu_interno ul li a:hover{
	padding:3px;
	font-weight:bold;
	color:#FFFFFF;
	background:#666666;
	text-decoration:none;
}

/******************* CONTEUDO 2 (páginas internas) *****************/
#conteudo2{
	width:760px;
	margin-left:10px;
}
#conteudo2.fundo{
	background:url(../img/bg_blanko.jpg) no-repeat right bottom;
}
#conteudo2 p{
	font-size:12px;
	line-height:19px;
	margin:10px 0;
	text-align:justify;
	display:block;
	}
#conteudo2 h2{
	font-size:25px;
	margin-top:10px;
	font-family:Trebuchet Ms,Arial,Helvetica,sans-serif;
}
#conteudo2 h3{
	font-size:19px;
	margin-bottom:10px;
	font-family:Trebuchet Ms,Arial,Helvetica,sans-serif;
	font-weight:normal;
}
#conteudo2 h3, #conteudo2 h3 a											{color:#3770CC;} /*PADRÃO*/
#conteudo2.cc h3, #conteudo2.cc h3 a									{color:#76386a;} /*roxo*/
#conteudo2.edu h3, #conteudo2.edu h3 a									{color:#859b02;} /*amarelo*/
#conteudo2.tur h3, #conteudo2.tur h3 a									{color:#277c1c;} /*verde*/
#conteudo2.mat h3, #conteudo2.mat h3 a									{color:#80471a;} /*marrom*/


.conteudo_interno{
	width:495px;
	display:none;
}
/**************** PRE-INSCRICAO ****************/
#conteudo2 #pre-insc{
	width:250px;
	height:520px;
	float:right;
	margin-left:10px;
	background:url(../img/bg.gif) bottom repeat-x;
	border:1px solid #CCCCCC;
}
					/*BACKGROUNDS DO PRé POR CURSO*/
					#conteudo2.adm #pre-insc{background:#f9fcff url(../img/bg_azul.png) bottom repeat-x; border:1px solid #DBDFEA;}
					#conteudo2.cc #pre-insc{background:#fef8fd url(../img/bg_roxo.png) bottom repeat-x; border:1px solid #e7d3e4;}
					#conteudo2.edu #pre-insc{background:#fffdf1 url(../img/bg_amarelo.png) bottom repeat-x; border:1px solid #e1ddc0;}
					#conteudo2.mat #pre-insc{background:#fff5ee url(../img/bg_marrom.png) bottom repeat-x; border:1px solid #efe0d4;}
					#conteudo2.tur #pre-insc{background:#f1ffef url(../img/bg_verde.png) bottom repeat-x; border:1px solid #add3a9;}

					
#conteudo2 #pre-insc form p input,
#conteudo2 #pre-grande form p input{
	border:1px solid #AEABA6;
}
#conteudo2 #pre-insc form p input:focus,
#conteudo2 #pre-grande form p input:focus{
	background:#FEFEED;
	border:1px solid #AEABA6;
	padding:2px;
}
/******* Class PEQUENO **********/
#conteudo2 #pre-insc.pequeno h3{
	background:#E2E2E2;
	color:#999999;
	text-align:center;
	text-transform:uppercase;
	padding:3px;
}
					/*CORES dos h3s do PRé por curso*/
					#conteudo2.adm #pre-insc.pequeno h3{background:#006cbe;color:#FFFFFF;}
					#conteudo2.cc #pre-insc.pequeno h3{background:#753869;color:#FFFFFF;}
					#conteudo2.edu #pre-insc.pequeno h3{background:#b8a300;color:#FFFFFF;}
					#conteudo2.mat #pre-insc.pequeno h3{background:#9c591f;color:#FFFFFF;}
					#conteudo2.tur #pre-insc.pequeno h3{background:#298a1e;color:#FFFFFF;}


#conteudo2 #pre-insc.pequeno form p{
	padding:0 5px;
}
#conteudo2 #pre-insc.pequeno form p input,
#conteudo2 #pre-insc.pequeno form p select{
	width:140px;
	font-size:10px;
	padding:1px;
}
#conteudo2 #pre-grande form p input,
#conteudo2 #pre-grande form p select{
	width:340px;
	font-size:10px;
	padding:1px;
}
		#conteudo2 #pre-insc.pequeno form p select{width:147px;}
		#conteudo2 #pre-grande form p select{width:347px;}
	
#conteudo2 #pre-insc.pequeno form p select.curso{
	width:234px;
}
#conteudo2 #pre-insc.pequeno form p label,
#conteudo2 #pre-grande form p label{
	width:90px;
	display:block;
	float:left;
	font-size:10px;
}
/****************************/
.quadro{
	width:24em;
	height:21em;
	float:left;
	margin-left:1.5em;
	margin-top:1.5em;
	margin-bottom:1.5em;
	background:#FFFFFF;
}
.quadro p{
	margin:1em;
	text-align:justify;
}
.quadro div.titulo{
	background:#e7e7e7 url(../img/quadro_titulo.gif) top repeat-x;
}
.quadro div.titulo h1{
	background:url(../img/quadro_titulo_aresta.gif) right top no-repeat;
	font-size:1em;
	padding-left:1em;
	line-height:2em;
}
#rodape{
	background:url(../img/rodape.gif) repeat-x top #aeaeae;
	clear:both;
	padding:1em;
	
}
#rodape adress{
	display:block;
	color:#FFFFFF;
}

/*******************/
fieldset.inscricao{
	padding:0;
	border:none;
}
fieldset.inscricao p{
}
/********************** Labels ************************/
fieldset.inscricao label.esq{
	float:left;
	width:7em;
	text-align:left;
	font-weight:bold;
	color:#8e9090;
	line-height:2em;
}
fieldset.inscricao input{
	width:13em;
	border:#b0b0b0 solid 1px;
	background:#f9f9f9;
	padding:0.3em;
}
/*******/
.nav{
	padding-left:15px;
	padding-top:5px;
}
/*********************/
.gallery img{
	float:left;
	border:1px solid #E9E9E9;
	margin-right:12px;
}
/***************/
ul.lista li{
	background:url(../img/setinha.gif) no-repeat left;
	padding-left:10px;
	line-height:18px;
}
ul.lista ul, ul.lista li{
	margin-left:30px;
}