/* CSS Document */

/* LAYOUT */
.clear { clear:both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }

/* GERAL */
html {
	height:100%;
}
body {
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	/*background: #666;*/	
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000;
	height:100%;
}
.alert {
	font-weight:bold !important;
	color:#F00 !important;	
}
a, a:link, a:visited, a:active {
	color:#0079A6;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
	background-color:#0079A6;
	color:#FFF;	
}
strong, b {
	font-weight:bold;
}
em, i {
	font-style:italic;
}
b i, i b, b em, em b, strong em, em strong, strong i, i strong {
	font-weight:bold;
	font-style:italic;
}
/*.zero {
	margin:0;
	padding:0;
}*/
.footer {
	_margin:0;
	_padding:0;
	_position:relative;
	_top:-5px;
}
.footerBottom {
	_margin:0;
	_padding:0;
	_position:relative;
	_top:5px;
}

/****************** Topo - Apresentação da linha de Produto - Graduação************/
#mainTop {
	width:800px;
	margin-bottom:10px;
	font:normal 10px/12px Verdana;
	color:#666;
	display:block;
	margin:5px 0;
}

/*****************Coluna Esquerda*************************/
#colLeft {
	float: left; /* since this element is floated, a width must be given */
	width: 513px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	/*background: #CCC;  the background color will be displayed for the length of the content in the column, but no further */
}
/*Abas*/
.abas {}
.aba {}
/*Box Veja Mais - Contém Slideshow*/
.vejaMais {
	width:513px;	
	background:#FFF url(../_img/slideshow_bg.gif) repeat-y;
	_position:relative;
	_top:-5px;
}
.imgslideshow {
	position:relative;
	_left:32px;
	width:450px;
	padding-bottom:0px;
	margin:0 auto;
	min-height:236px;
	_height:236px;
}
/*Box Informe-se - Contém Eventos e Notícias*/
.informese {
	width:513px;
	background:#FFF url(../_img/informese_bg.gif) repeat-y;
	_position:relative;
	_top:-5px;
}
#eventos {
	float:left;
	_position:relative;
	_top:-5px;
	_left:10px;
	width:220px;
	_width:200px;
	padding:60px 10px 10px 20px;
	margin-left:21px;
	_margin-left:10px;
	background:#DCC878 url(../_img/informese_eventos_bg.gif) no-repeat top left;
	border-right:2px dashed #666;	
}
#eventos li {
	font:bold 14px "Trebuchet MS";
	margin:5px 0;
}
#eventos li .data {
	font:bold 14px "Trebuchet MS";
	color:#FFF;
	background-color:#88BE67;
	margin-right:10px;
}
#noticias {
	float:right;
	width:200px;
	padding:10px;
	margin-right:20px;	
	background:#DCC878 url(../_img/informese_noticias_bg.gif) no-repeat top right;
	
}
#noticias li {
	font:bold 14px/14px "Trebuchet MS";
	margin:10px 0;
	list-style:inside url(../_img/list_type_green.gif);
}

/*Box Placas - Contém Links de Navegação Interna*/
.placasHome {
	width:513px;
	background:#FFF url(../_img/placa_bg.gif) repeat-y center;
}
.placasHome .header {
	position: relative;
	left:238px;
	width:37px;
	display:block;
}
.placasHome .footer {
	_position:relative;
	_top:5px;
	border: 0;
	margin: 0;
}
/*Coluna Esquerda de Placas*/
.placasHome .left {
	float:left;
	width:246px;
}
/*Placa Conheça o Campus*/
.placasHome a.conheca {
	position:relative;
	left:0;	
	width:236px;
	_width:246px;
	background:transparent url(../_img/placas_home_conheca.gif) no-repeat 0 0;
	padding:120px 10px 20px 0;
	font:normal 12px "Trebuchet MS";
	color:#000;
	text-decoration:none;
	display:block;
}
.placasHome a.conheca:hover {	
	background:transparent url(../_img/placas_home_conheca.gif) no-repeat -260px 0;
	font:normal 12px "Trebuchet MS";
	color:#000;
	text-decoration:none;
	cursor:pointer;
}
/*Placa Serviços*/
.placasHome a.servicos {
	position:relative;
	left:0;	
	width:236px;
	_width:246px;
	background:transparent url(../_img/placas_home_servicos.gif) no-repeat 0 0;
	padding:120px 10px 20px 0;
	font:normal 12px "Trebuchet MS";
	color:#000;
	text-decoration:none;
	display:block;
}
.placasHome a.servicos:hover {	
	background:transparent url(../_img/placas_home_servicos.gif) no-repeat -260px 0;
	font:normal 12px "Trebuchet MS";
	color:#000;
	text-decoration:none;
	cursor:pointer;
}
/*Coluna Direita de Placas*/
.placasHome .right {
	float:right;
	width:246px;
	margin-left:20px;
}
/*Placa Como Chegar*/
.placasHome a.comochegar {
	position:relative;
	width:246px;
	background:transparent url(../_img/placas_home_comochegar.gif) no-repeat 0 0;
	padding:120px 0 20px 10px;
	font:normal 12px "Trebuchet MS";
	color:#000;
	text-decoration:none;
	display:block;
}
.placasHome a.comochegar:hover {	
	background:transparent url(../_img/placas_home_comochegar.gif) no-repeat -260px 0;
	font:normal 12px "Trebuchet MS";
	color:#000;
	text-decoration:none;
	cursor:pointer;
}
/*Placa oportunidades*/
.placasHome a.oportunidades {
	position:relative;
	width:246px;
	background:transparent url(../_img/placas_home_oportunidades.gif) no-repeat 0 0;
	padding:120px 0 20px 10px;
	font:normal 12px "Trebuchet MS";
	color:#000;
	text-decoration:none;
	display:block;
}
.placasHome a.oportunidades:hover {	
	background:transparent url(../_img/placas_home_oportunidades.gif) no-repeat -260px 0;
	font:normal 12px "Trebuchet MS";
	color:#000;
	text-decoration:none;
	cursor:pointer;
}

/*****************Coluna Direita*************************/
#colRight {
	width: 230px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	/*background: #EBEBEB;  the background color will be displayed for the length of the content in the column, but no further */
	margin-left:545px; /*para afastamento da coluna Esquerda*/
}
.cursosOferecidos {
	margin-bottom:20px;
	font:normal 14px "Trebuchet MS";
}
.cursosOferecidos table td p{
	margin-bottom:5px;
}
.cursosDestaque {
	margin-bottom:20px;
	font:normal 12px "Trebuchet MS";
}
.cursosDestaque a.graduacao, .cursosDestaque a.politecnico, .cursosDestaque a.posgraduacao, .cursosDestaque a.extensao{
	margin:5px 0;
	padding:5px;
	display:block;
	font:normal 12px "Trebuchet MS";
	color:#000;
	text-decoration:none;
}
.cursosDestaque a.graduacao {
	border:2px solid #0079A6;
	border-left-width:10px;
}
.cursosDestaque a.politecnico {
	border:2px solid #fc0;
	border-left-width:10px;
}
.cursosDestaque a.posgraduacao {
	border:2px solid #9D0C15;
	border-left-width:10px;
}
.cursosDestaque a.extensao {
	border:2px solid #ECC801;
	border-left-width:10px;
}
.cursosDestaque a.graduacao:hover {
	background-color:#0079A6;
	color:#FFF;
}

.cursosDestaque a.politecnico:hover {
	background-color:#fc0;
	color:#FFF;
}
.cursosDestaque a.posgraduacao:hover {
	background-color:#9D0C15;
	color:#FFF;
}
.cursosDestaque a.extensao:hover {
	background-color:#ECC801;
	color:#FFF;
}
.button, .banner {
	margin:10px auto;
	text-align:center;
}
.todosCursos {
	background:transparent url(../_img/button_todoscursos.gif) no-repeat 0px 0px ;
	padding-top:60px;
	_padding-top:40px;
	width:230px;
	display:block;
}
.todosCursos:hover {
	background:transparent url(../_img/button_todoscursos.gif) no-repeat 0px -59px;
}
.banner {
	padding:10px;
	text-align:center;
	background-color:#EEE;
}
/****************Footer***********************/
#footer { 
	margin-top:10px;
}

/*********Página Interna*************/
/*Coluna da Esquerda - Contém a navegação pelas placas*/
#colLeftInterna {
	width: 227px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	/*background: #EBEBEB;  the background color will be displayed for the length of the content in the column, but no further */
	float:left;
	position:relative;	
}
.placasInterna {
	width:227px;
	background:#FFF url(../_img/placa_bg.gif) repeat-y 7px 0px;
}
.placasInterna .header {
	position: relative;
	left:7px;
	width:37px;
	display:block;
}
.placasInterna .footer {
	_position:relative;
	_top:5px;
	margin: 0;
	border: 0;
}
.placasInterna a {
	position:relative;
	padding-top:71px;
	display:block;
	margin:5px 0;
}
.placasInterna a.cursos  {
	background:transparent url(../_img/placainterna_cursos.gif) no-repeat 38px 0;
}
.placasInterna a.cursos:hover   {
	background:transparent url(../_img/placainterna_cursos.gif) no-repeat 38px -73px;
}
.placasInterna a.cursosVisit   {
	background:transparent url(../_img/placainterna_cursos.gif) no-repeat 38px -73px;
}
.placasInterna a.conheca  {
	background:transparent url(../_img/placainterna_conheca.gif) no-repeat 38px 0;
}
.placasInterna a.conheca:hover  {
	background:transparent url(../_img/placainterna_conheca.gif) no-repeat 38px -73px;
}
.placasInterna a.conhecaVisit  {
	background:transparent url(../_img/placainterna_conheca.gif) no-repeat 38px -73px;
}
.placasInterna a.servicos  {
	background:transparent url(../_img/placainterna_servicos.gif) no-repeat 38px 0;
}
.placasInterna a.servicos:hover  {
	background:transparent url(../_img/placainterna_servicos.gif) no-repeat 38px -73px;
}
.placasInterna a.servicosVisit  {
	background:transparent url(../_img/placainterna_servicos.gif) no-repeat 38px -73px;
}
.placasInterna a.oportunidades  {
	background:transparent url(../_img/placainterna_oportunidades.gif) no-repeat 38px 0;
}
.placasInterna a.oportunidades:hover  {
	background:transparent url(../_img/placainterna_oportunidades.gif) no-repeat 38px -73px;
}
.placasInterna a.oportunidadesVisit  {
	background:transparent url(../_img/placainterna_oportunidades.gif) no-repeat 38px -73px;
}
.placasInterna a.eventos  {
	background:transparent url(../_img/placainterna_eventos.gif) no-repeat 38px 0;
}
.placasInterna a.eventos:hover  {
	background:transparent url(../_img/placainterna_eventos.gif) no-repeat 38px -73px;
}
.placasInterna a.eventosVisit  {
	background:transparent url(../_img/placainterna_eventos.gif) no-repeat 38px -73px;
}
.placasInterna a.noticias  {
	background:transparent url(../_img/placainterna_noticias.gif) no-repeat 38px 0;
}
.placasInterna a.noticias:hover  {
	background:transparent url(../_img/placainterna_noticias.gif) no-repeat 38px -73px;
}
.placasInterna a.noticiasVisit  {
	background:transparent url(../_img/placainterna_noticias.gif) no-repeat 38px -73px;
}
.placasInterna a.faleconosco  {
	background:transparent url(../_img/placainterna_faleconosco.gif) no-repeat 38px 0;
}
.placasInterna a.faleconosco:hover  {
	background:transparent url(../_img/placainterna_faleconosco.gif) no-repeat 38px -72px;
}
.placasInterna a.faleconoscoVisit  {
	background:transparent url(../_img/placainterna_faleconosco.gif) no-repeat 38px -72px;
}
.placasInterna .visit {
	position:relative;
	display:block;
	padding-left: 35px;
	margin:10px 0;
}
.placasInterna a.endereco  {
	font:bold 14px "Trebuchet MS";
	position:relative;
	padding-top:0;
	width:170px;
	left:50px;
	display:block;
	margin:5px 0;
}

/******Coluna da Direita - Contém o detalhamento da página*/
#colRightInterna {
	width: 540px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	/*background: #CCC;  the background color will be displayed for the length of the content in the column, but no further */
	margin-left:240px; /*para afastamento da coluna Esquerda*/
	position:relative;
}
/***Cursos*/
#internaCursos h1 {
	display:block;
	background:#F8B356 url(../_img/cursos/title.gif) no-repeat;
	height:33px;
	margin-bottom:10px;
}
.abasCursos {
	margin:20px 0;
}
/**Coluna Direita - Merchandising e cálculo de mensalidades*/
.cursosRight {
	width:210px;
	float:right;
	background-color:#EEE;
	display:block;
	height:100%;
	position:relative;
}
/*Mensalidades*/
.mensalidades {
	width:200px;
	background-color:#D8D6C0;
	font:normal 11px "Trebuchet MS";
	padding: 1px 5px 5px 5px;
	_padding: 0 5px 10px 5px;
}
.mensalidades h2.graduacao {
	background:#D8D6C0 url(../_img/cursos/title_mensalidades_graduacao.gif) no-repeat;
	height:16px;
}
.mensalidades h2.posgraduacao {
	background:#D8D6C0 url(../_img/cursos/title_mensalidades_posgraduacao.gif) no-repeat;
	height:16px;
}
.mensalidades h2.extensao {
	background:#D8D6C0 url(../_img/cursos/title_mensalidades_extensao.gif) no-repeat;
	height:16px;
}
.mensalidades p {
	font-weight:bold;
	display:block;
	text-align:center;
}
.mensalidades .formSelect {
	width:100%;		
	font:normal 10px/10px Verdana;
	color:#333;
	margin:2px 0;
}
.mensalidades a {
	color:#000;
	text-align:center;
	display:block;
}
.mensalidades .footer {
	background-color:#FFF;
	border:2px dashed #D8D6C0;
	padding:10px 0;
}

/**Coluna Esquerda - Demonstração de Cursos*/
.cursosLeft {
	width:290px;
	margin-right:220px;
	display:block;
	position:relative;
}
#cursosGraduacao {
	display:block;
	width:516px;
	border:1px solid #666;
	border-top:7px solid #0079A6;
	padding:10px;
	_position:relative;
	_top:-5px;
}
#cursosPosgraduacao {
	display:block;
	width:516px;
	border:1px solid #666;
	border-top:7px solid #9D0C15;
	padding:10px;
	_position:relative;
	_top:-5px;
}
#cursosExtensao {
	display:block;
	width:516px;
	border:1px solid #666;
	border-top:7px solid #ECC801;
	padding:10px;
	_position:relative;
	_top:-5px;
}
.listacursos {
	margin-bottom: 20px;
	border-bottom:2px dotted #EEE;
}
#cursosGraduacao h2, #cursosPosgraduacao h2, #cursosExtensao h2 {
	font:bold 16px "Trebuchet MS";
	text-transform:uppercase;
	margin:10px 0;
}
#cursosGraduacao h3, #cursosPosgraduacao h3, #cursosExtensao h3 {
	font:bold 14px "Trebuchet MS";
	/*text-transform:uppercase;*/
	margin:10px 0;
}
#cursosGraduacao p, #cursosPosgraduacao p, #cursosExtensao p {
	padding-left:20px;
	margin:0;
}
#cursosGraduacao a.nome, #cursosPosgraduacao a.nome, #cursosExtensao a.nome {
	padding:5px;
	margin-top:10px;
	font:normal 12px "Trebuchet MS";
	color:#000;
	text-transform:none;
	display:block;
	border:1px solid #0079A6;
	text-decoration:none;
}
/*#cursosGraduacao a.nome:first-letter, #cursosPosgraduacao a.nome:first-letter, #cursosExtensao a.nome:first-letter {	
	text-transform:uppercase;	
}*/
#cursosGraduacao a.nome {
	border:1px solid #0079A6;
}
#cursosPosgraduacao a.nome {
	border:1px solid #9D0C15;
}
#cursosExtensao a.nome {
	border:1px solid #ECC801;
}
#cursosGraduacao a.nome:hover {
	background-color:#0079A6;
	color:#FFF;
}
#cursosPosgraduacao a.nome:hover {
	background-color:#9D0C15;
	color:#FFF;
}
#cursosExtensao a.nome:hover {
	background-color:#ECC801;
	color:#FFF;
}
.destaque {
	padding:5px;	
	border:1px solid #666;
	font:bold 14px "Trebuchet MS"; 
	color:#000 !important;
	text-decoration:none !important;
	text-transform:uppercase;
	display:block;
	clear:both;
}
.destaque:hover {
	background-color:#EEE;
	color:#000;
}
/***Serviços*/
#internaServicos h1 {
	display:block;
	background:#D95959 url(../_img/servicos/title.gif) no-repeat;
	height:33px;
	margin-bottom:10px;
}
#internaServicos h2 {
	font:bold 16px "Trebuchet MS";
	text-transform:uppercase;
	border-bottom:2px dashed #D95959;
	margin:20px 0;
	display:block;
}
#internaServicos h3 {
	font:bold 14px "Trebuchet MS";
	text-transform:uppercase;
	margin:10px 0;
	display:block;
}
a.nomeservico {
	padding:5px;
	margin:10px 0;
	font:bold 14px "Trebuchet MS";
	color:#000 !important;
	text-transform:capitalize;
	text-decoration:none !important;
	border:1px solid #D95959;
	display:block;
}
a.nomeservico:hover {
	background-color:#D95959;
	color:#FFF !important;
}
img.servicos {
	float:left;
	margin:0 10px 10px 0;
}

/***Oportunidades*/
#internaOportunidades h1 {
	display:block;
	background:#59B9E9 url(../_img/oportunidades/title.gif) no-repeat;
	height:33px;
	margin-bottom:10px;
}
#convenios, #aluguel, #lojas, #parcerias {
	border:2px dashed #59B9E9;
	margin:10px auto;
	padding:10px;
}
#aluguel {
	width:240px;
	float:left;
}
#lojas {
	width:240px;
	float:right;
}
#parcerias {
	clear:right;
}
#convenios h2 {
	display:block;
	background:#FFF url(../_img/oportunidades/convenios.gif) no-repeat;
	height:25px;
	margin-bottom:10px;
}
#aluguel h2 {
	display:block;
	background:#FFF url(../_img/oportunidades/aluguel.gif) no-repeat;
	height:44px;
	margin-bottom:10px;
}
#lojas h2{
	display:block;
	background:#FFF url(../_img/oportunidades/lojas.gif) no-repeat;
	height:43px;
	margin-bottom:10px;
}
#parcerias h2{
	display:block;
	background:#FFF url(../_img/oportunidades/parcerias.gif) no-repeat;
	height:21px;
	margin-bottom:10px;
}

/***Conheca o Campus*/
#internaConheca h1 {
	display:block;
	background:#88BE67 url(../_img/conheca/title.gif) no-repeat;
	height:33px;
	margin-bottom:10px;
}
#imagens {
	margin:15px 0;
}
#imagens #loadarea {
	width:350px;	
	background:#FFF url(../_img/conheca/image_bg.gif) repeat-y;
	text-align:center;
	-position:relative;
	_top:-5px;
}
#imagens .thumbs {
	float:right;
	width:185px;		
}
#imagens .thumbs .foto_green {
	float:left;
	background:#FFF url(../_img/conheca/thumb_bg_green.gif) no-repeat;
	width:77px;
	height:90px;
	padding:12px 3px 0 6px;
	margin:2px;	
}
#imagens .thumbs .foto_blue {
	float:left;
	background:#FFF url(../_img/conheca/thumb_bg_blue.gif);
	width:77px;
	height:90px;
	padding:12px 3px 0 6px;	
	margin:2px;	
}
#imagens .thumbs .foto_orange {
	float:left;
	background:#FFF url(../_img/conheca/thumb_bg_orange.gif);
	width:77px;
	height:90px;
	padding:12px 3px 0 6px;	
	margin:2px;	
}
#imagens .thumbs .foto_red {
	float:left;
	background:#FFF url(../_img/conheca/thumb_bg_red.gif);
	width:77px;
	height:90px;
	padding:12px 3px 0 6px;	
	margin:2px;	
}
	
#conhecaLeft {
	width:200px;
	float:left;
}
.horarios{}
.horarios h2 {
	display:block;
	background:#FFF url(../_img/conheca/horarios.gif) no-repeat;
	height:57px;
	margin-bottom:10px;
	border-bottom:2px dashed #88BE67;
}
.horarios h3 {
	padding-left:17px;
	background:#FFF url(../_img/list_type_green.gif) no-repeat left 3px;
	display:block;
	font:bold 12px "Trebuchet MS";
	text-transform:uppercase;
	margin-top:5px;
}
.horarios p {
	padding-left:17px;
}

.infra{
	margin:20px 0;
}
.infra h2 {
	display:block;
	background:#FFF url(../_img/conheca/infra.gif) no-repeat;
	height:42px;
	margin-bottom:10px;
	border-bottom:2px dashed #D95959;
}
.infra h3 {
	padding-left:17px;
	background:#FFF url(../_img/list_type_red.gif) no-repeat left 3px;
	display:block;
	font:bold 12px "Trebuchet MS";
	text-transform:uppercase;
	margin-top:5px;
}
.infra p {
	padding-left:17px;
}
.administracao{
	margin:20px 0;
}
.administracao h2 {
	display:block;
	background:#FFF url(../_img/conheca/administracao.gif) no-repeat;
	height:28px;
	margin-bottom:10px;
	border-bottom:2px dashed #333;
}
.administracao h3 {
	padding-left:17px;
	background:#FFF url(../_img/list_type_gray.gif) no-repeat left 3px;
	display:block;
	font:bold 12px "Trebuchet MS";
	text-transform:uppercase;
	margin-top:5px;
}
.administracao p {
	padding-left:17px;
}


#conhecaRight {
	width:330px;
	margin-left:210px;
	_margin-left:205px;
}
iframe {
	width:330px;
	height:272px;
	margin-top:5px;
}
.linhas {
	margin-top:10px;
}
.linhas h2 {
	background:#FFF url(../_img/conheca/meios_onibus.gif) no-repeat;
	display:block;
	height:33px;
	cursor:pointer;
	margin:10px 0;
}
.linhas h2.onibus {
	background:#FFF url(../_img/conheca/meios_onibus.gif) no-repeat;
}
.linhas h2.trem {
	background:#FFF url(../_img/conheca/meios_trem.gif) no-repeat;	
}
.linhas h2.metro {
	background:#FFF url(../_img/conheca/meios_metro.gif) no-repeat;
}
.linhas h2.vans {
	background:#FFF url(../_img/conheca/meios_vans.gif) no-repeat;
}
.linhas h2.taxi {
	background:#FFF url(../_img/conheca/meios_taxi.gif) no-repeat;
}
.linhas h2.carro {
	background:#FFF url(../_img/conheca/meios_carro.gif) no-repeat;
}
.linhas p {
	background:#FFF url(../_img/conheca/meios_bullet.gif) no-repeat 11px 4px;
	display:block;
	margin:10px 0;
	padding-left:30px;
}
