
/*****
 RESET
 *****/
 
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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0px;
	outline: 0;
	background: transparent;
}
input, select, textarea { color:#505050; border:0px; margin:0px; font-family:Tahoma, Geneva, sans-serif; font-size:11px; }
body {
	line-height: 1;
	color:#505050;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

a,
a:active,
a:hover{ text-decoration: none; }

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

.clear {
	clear:both;
}

@font-face{	font-family: 'Cronos-Light';	src: url('../fonts/cronos_light.otf');}
@font-face{	font-family: 'Cronos-Regular';	src: url('../fonts/cronos_regular.otf');}
@font-face{	font-family: 'Cronos-Semibold';	src: url('../fonts/cronos_semibold.otf');}
body{	font-family: 'Cronos-Regular', Tahoma, Helvetica, sans-serif;	margin: 0px;}


/**********
 TIPOGRAFIA
 **********/

h2 {
	font-family:'Cronos-SemiBold', Tahoma, Helvetica, sans-serif;
	font-weight:normal;
	font-size: 16px;
	font-style:italic;
	color:#626262;
	display:block;
}

#direita h2.avancado { padding:0 0 15px 15px; }

.titulocaixa { height:45px; max-width:642px; margin-bottom:20px; }
.titulocaixa h2 { height:32px; padding:13px 13px 0px 13px; font-family: 'Cronos-Semibold', Tahoma, Helvetica, sans-serif; color: #FFFFFF; font-size:16px; font-style:italic; font-weight:normal; }
.titulocaixa img { float:right; right:0px; }
.titulocaixa .mais { float:right; right:10px; height:15px; font-size:10px; font-family:Tahoma, Geneva, sans-serif; color:#FFF; padding:2px 10px 0 0; }

.titulocaixa h2.padrao { background:url(../imgs/estrutura/abas/cinza_on.gif) top left no-repeat; }
.titulocaixa h2.institucional { background:url(../imgs/estrutura/abas/vinho_on.gif) top left no-repeat; }
.titulocaixa h2.difusao { background:url(../imgs/estrutura/abas/laranja_on.gif); }
.titulocaixa h2.ensino { background:url(../imgs/estrutura/abas/rosa_on.gif) no-repeat top left; }
.titulocaixa h2.contato { background:url(../imgs/estrutura/abas/amarelo_on.gif); }
.titulocaixa h2.processo { background:url(../imgs/estrutura/abas/limao_on.gif); }
.titulocaixa h2.escola { background:url(../imgs/estrutura/abas/verde_on.gif); }
.titulocaixa h2.complemento { background:url(../imgs/estrutura/abas/cinza_escuro.gif); }

.titulocaixa h2.padrao img{ background-color:#949599; }
.titulocaixa h2.institucional img{ background-color:#99194a; }
.titulocaixa h2.difusao img{ background-color:#f26426; }
.titulocaixa h2.ensino img{ background-color:#ab0938; }
.titulocaixa h2.contato img{ background-color:#ab8100; }
.titulocaixa h2.processo img{ background-color:#8f8f00; }
.titulocaixa h2.escola img{ background-color:#327876; }
.titulocaixa h2.complemento img{ background-color:#949599; }


/* * */

p { font-size:14px; line-height:19px; color:#505050; font-family:'Cronos-Light', Tahoma, Helvetica, sans-serif; }
a { color: #323232; }
a:hover { color: #1b1a1b; }


p.botao {
	fon-size:18px;
	font-weight:bold;
	font-style:italic;
}

/* * */

.ensino a { color:#ED1652; }
.ensino a:hover { color:#ab0938; }

.difusao a { color:#f68b1e; }
.difusao a:hover { color:#ab5e00; }

.escola a { color:#367c73; }
.escola a:hover { color:#2c665e; }

.processo a { color:#afaf00; }
.processo a:hover { color:#8f8f00; }

.institucional a { color:#a2214f; }
.institucional a:hover { color:#851c41; }

.contato a { color:#d19c00; }
.contato a:hover { color:#ab8100; }

/*********
 ESTRUTURA
 *********/

/* Topo */

#topoHome { height:516px; }
#topoInterna { height:169px; background:#eee; }

#testeiraHome { position:absolute; z-index:3; height:516px; width:100%; }
#testeiraInterna { }

#topoSite{	z-index: 4;	position: absolute;	float: none;	top: 0;	width: 100%;	margin: auto;	height: 140px;}
#areaTesteira{	width:970px;	height:140px;	text-align:left;	margin:auto;}
#areaTesteira .areaLogo{ position: relative;	float: left;	width:780px;	height:100px;	text-align:left; margin-bottom: 5px;}
#areaTesteira .caixaLateral { position:relative; float:right; width:180px; height:140px; text-align:left; background:#f5f5f5; }
#areaTesteira .areaMenu{	position: relative;	float: left;	width:780px;	height:35px;	text-align:left;}

#areaTesteira .idioma { padding:15px 0 0 15px; }
#areaTesteira .idioma li { font-family:Tahoma, Geneva, sans-serif; font-size:9px; margin-bottom:7px; }
#areaTesteira .idioma li .ativo { background:#707277; padding:5px; line-height:16px; color:#FFF; position:relative; left:-5px; }
#areaTesteira .idioma li .ativo a { background:#707277; padding:5px; line-height:16px; color:#FFF; position:relative; left:-5px; }
#areaTesteira .idioma li .rss { position:relative; top:8px; left:-5px; }


#areaTesteira .aluno { padding:13px 13px 0 0; float:right; }
#areaTesteira .aluno li { font-family:Tahoma, Geneva, sans-serif; font-size:10px; margin-bottom:7px; padding:8px; background:url(../imgs/seta_areaaluno.gif) no-repeat right #707277; margin-bottom:1px; color:#CCC; padding-right:20px; }
#areaTesteira .aluno li a:active,#areaTesteira .aluno li a:link, #areaTesteira .aluno li a:visited { color:#FFF; }
#areaTesteira .aluno li a:hover { color:#CCC; }

#areaTesteira .busca { clear:both; padding:10px 0 0 10px; }
#areaTesteira .busca .campo { float:left; width:125px; height:20px; background:#FFF; border-top:1px solid #DDD; border-left:1px solid #DDD; border-bottom:1px solid #DDD; padding:4px 4px 0 4px; color:#CCC; }
#areaTesteira .busca .campo:focus { color:#505050; }


/* MENU LATERAL */
/* CSS Basico */

#submenu #menulateral {
	width:258px;
	padding:0 0 50px 0;
	margin:0px;
	font-family:'Cronos-Regular', Tahoma;
	font-size:16px;
	font-style:italic;
	list-style:none;
}

#submenu #menulateral li a { display:block; padding: 15px 10px 15px 15px; _padding:0 10px 15px 15px; text-decoration:none; }
#submenu #menulateral ul {list-style: none; padding:0px; margin:0px; }
#submenu #menulateral ul li a {	border-bottom: 1px solid #dedfe0; padding:10px 10px 10px 27px;  _padding:10px 10px 10px 27px; border-left: 3px solid #FFFFFF;	text-decoration: none;	color: #505050; }
#submenu #menulateral ul li a:hover, #submenu #menulateral ul .ativo a { border-left: 3px solid #505050; }

/* ESTILOS MENU Lateral */
/* Ensino - Rosa */
#submenu .ensino li a{	color: #ff0e53;	border-bottom: 1px solid #ffb7cb;	border-left: 3px solid #FFFFFF;}
#submenu .ensino li a:hover, #submenu .ensino .ativo a:hover, #submenu .ensino .ativo a{	border-left: 3px solid #ff0e53;}

/* Difusao - Laranja */
#submenu .difusao li a{	color: #ff8c00;	border-bottom: 1px solid #ffddb2;	border-left: 3px solid #FFFFFF;}
#submenu .difusao li a:hover, #submenu .difusao .ativo a:hover, #submenu .difusao .ativo a{	border-left: 3px solid #ff8c00;}

/* Escola - Verde */
#submenu .escola li a{	color: #42988c;	border-bottom: 1px solid #c6e0dc;	border-left: 3px solid #FFFFFF;}
#submenu .escola li a:hover, #submenu .escola .ativo a:hover, #submenu .escola .ativo a{	border-left: 3px solid #42988c;}

/* Processo Seletivo - Limão */
#submenu .processo li a{	color: #d6d600;	border-bottom: 1px solid #f3f3b2;	border-left: 3px solid #FFFFFF;}
#submenu .processo li a:hover, #submenu .processo .ativo a:hover, #submenu .processo .ativo a{	border-left: 3px solid #d6d600;}

/* Institucional - Vinho */
#submenu .institucional li a{	color: #c62961;	border-bottom: 1px solid #eebecf;	border-left: 3px solid #FFFFFF;}
#submenu .institucional li a:hover, #submenu .institucional .ativo a:hover, #submenu .institucional .ativo a{	border-left: 3px solid #c62961;}

/* Contato - Amarelo */
#submenu .contato li a{	color: #ffbe00;	border-bottom: 1px solid #ffebb2;	border-left: 3px solid #FFFFFF;}
#submenu .contato li a:hover, #submenu .contato .ativo a:hover, #submenu .contato .ativo a{	border-left: 3px solid #ffbe00;}

/* Contato - Amarelo */
#submenu .padrao li a{	color: #908e8f;	border-bottom: 1px solid #dedede;	border-left: 3px solid #FFFFFF;}
#submenu .padrao li a:hover, #submenu .padrao .ativo a:hover, #submenu .padrao .ativo a{	border-left: 3px solid #908e8f;}

/*#menu_lateral {
	width:258px;
	font-family: 'Cronos-Regular', Tahoma;
	font-size:16px;
	font-style:italic;
}

#menu_lateral li {
	background:#blue;
	padding:16px 0 16px 0px;
	border-bottom:1px solid #888;
	margin:0 0 0 0px;
}

#menu_lateral li.ativo {
	padding-bottom:0px;
}

#submenu_lateral {
	padding:16px 0 0 0;
	margin:0px 0 0 0;
	_margin:0px 0 0 0;
	width:258px;
	font-family: 'Cronos-Regular', Tahoma;
	font-size:16px;
	font-style:italic;
}

#submenu_lateral li {
	margin:0px 0 0px 0;
	padding:10px 0 10px 30px;
	border-bottom:0px;
	border-top:1px solid #888;
	background:#FFC;
}

#submenu_lateral li.ativo {
	padding-bottom:10px;
}*/

/* MENU SUPERIOR */
/* PRIMEIRO NIVEL */
#dropdown{	position: relative; 	list-style: none;}
#dropdown li{ 	float: left;	text-align: center;	font-size: 14px;	width:120px;	padding: 10px 5px 10px 5px;}
#dropdown a:hover, #dropdown a, #dropdown a:active{	color:#ffffff;	text-decoration: none;}
#dropdown li a{display: block;}
#dropdown li.hover, #dropdown li:hover{	position: relative;}
#dropdown li.hover a{}
/* SEGUNDO NIVEL */
#dropdown ul{	visibility: hidden;	position: absolute;	top: 100%;	left: 0; list-style: none;}
#dropdown ul li{	float: left;	text-align: left;	font-size: 13px;	width:170px;	padding: 8px 5px 8px 5px;}
#dropdown ul li a{display: block;} 
/* TERCEIRO NIVEL */
#dropdown ul ul{ 	left: 100%;	top: 0;	list-style: none;}
#dropdown li:hover > ul {	visibility: visible;}
/* ESTILOS MENU SUPERIOR */
/* Ensino - Rosa */
#dropdown .ensino{background-color: #ed1652;}
#dropdown .ensino ul li{	background-color: #d10b44;	border-bottom: 1px solid #ab0938;}
#dropdown .ensino ul li ul li{	background-color: #ab0938;	border-bottom: 1px solid #8c082e;}
#dropdown .ensino #seta{width:15px; height: 15px; float:right;  background: url(../imgs/estrutura/menu/seta_rosa.gif) no-repeat center; }
#dropdown .ensino ul .hover, #dropdown .ensino ul :hover  {	background-color: #ab0938;}
#dropdown .ensino ul li ul .hover, #dropdown .ensino ul li ul :hover  {	background-color: #8c082e;}
/* Difusao - Laranja */
#dropdown .difusao{background-color: #ff8c00;}
#dropdown .difusao ul li{	background-color: #d17300;	border-bottom: 1px solid #ab5e00;}
#dropdown .difusao ul li ul li{	background-color: #ab5e00;	border-bottom: 1px solid #8c4d00;}
#dropdown .difusao #seta{width:15px; height: 15px; float:right;  background: url(../imgs/estrutura/menu/seta_laranja.gif) no-repeat center; }
#dropdown .difusao ul .hover, #dropdown .difusao ul :hover  {	background-color: #ab5e00;}
#dropdown .difusao ul li ul .hover, #dropdown .difusao ul li ul :hover  {	background-color: #8c4d00;}
/* Escola - Verde */
#dropdown .escola{background-color: #42978c;}
#dropdown .escola ul li{	background-color: #367c73;	border-bottom: 1px solid #2c665e;}
#dropdown .escola ul li ul li{	background-color: #2c665e;	border-bottom: 1px solid #24544d;}
#dropdown .escola #seta{width:15px; height: 15px; float:right;  background: url(../imgs/estrutura/menu/seta_verde.gif) no-repeat center; }
#dropdown .escola ul .hover, #dropdown .escola ul :hover  {	background-color: #2c665e;}
#dropdown .escola ul li ul .hover, #dropdown .escola ul li ul :hover  {	background-color: #24544d;}
/* Processo Seletivo - Limão */
#dropdown .processo{background-color: #d0d001;}
#dropdown .processo ul li{	background-color: #afaf00;	border-bottom: 1px solid #8f8f00;}
#dropdown .processo ul li ul li{	background-color: #8f8f00;	border-bottom: 1px solid #757500;}
#dropdown .processo #seta{width:15px; height: 15px; float:right;  background: url(../imgs/estrutura/menu/seta_limao.gif) no-repeat center; }
#dropdown .processo ul .hover, #dropdown .processo ul :hover  {	background-color: #8f8f00;}
#dropdown .processo ul li ul .hover, #dropdown .processo ul li ul :hover  {	background-color: #757500;}
/* Institucional - Vinho */
#dropdown .institucional{background-color: #c62961;}
#dropdown .institucional ul li{	background-color: #a2214f;	border-bottom: 1px solid #851c41;}
#dropdown .institucional ul li ul li{	background-color: #851c41;	border-bottom: 1px solid #6d1635;}
#dropdown .institucional #seta{width:15px; height: 15px; float:right;  background: url(../imgs/estrutura/menu/seta_vinho.gif) no-repeat center; }
#dropdown .institucional ul .hover, #dropdown .institucional ul :hover  {	background-color: #851c41;}
#dropdown .institucional ul li ul .hover, #dropdown .institucional ul li ul :hover  {	background-color: #851c41;}
/* Contato - Amarelo */
#dropdown .contato{background-color: #ffbe00;}
#dropdown .contato ul li{	background-color: #d19c00;	border-bottom: 1px solid #ab8100;}
#dropdown .contato ul li ul li{	background-color: #ab8100;	border-bottom: 1px solid #8c6900;}
#dropdown .contato #seta{width:15px; height: 15px; float:right;  background: url(../imgs/estrutura/menu/seta_amarelo.gif) no-repeat center; }
#dropdown .contato ul .hover, #dropdown .contato ul :hover  {	background-color: #ab8100;}
#dropdown .contato ul li ul .hover, #dropdown .contato ul li ul :hover  {	background-color: #8c6900;}

/******
 RODAPE
 ******/
 
#rodape {
	position:relative;
	clear:both;
	height:104px;
	width:970px;
	margin:0 auto;
}

#rodape .faixalogos {
	border-top:1px solid #DDD;
	height:95px;
	background:url(../imgs/tit_programas.jpg) left no-repeat;
}

	#rodape .logo {
		float:right;
		margin-left:100px;
		margin-top:20px;
		background:#CCC;
	}

#rodape .menu {
	padding:15px 20px 15px 20px;
	background:#EEE;
	margin-bottom:20px;
}

#rodape .menu ul li {
	display:inline;
	font-size:10px;
	color:#999;
	border-right:1px solid #CCC;
	margin-right:8px;
	padding-right:8px;
}

#rodape .menu ul li a:link,
#rodape .menu ul li a:active,
#rodape .menu ul li a:visited {
	color:#505050;
}

#rodape .menu ul li a:hover {
	color:#707277;
}

#rodape .creditos { font-size:10px; font-weight:bold; float:right; position:relative; top:4px; }



