@charset "utf-8";

html { margin-top: -15px }

html, body {
	width: 100%; min-height: 100%;
	background: transparent url(/esade/img2/portal/portal-bg-left.jpg) repeat-y 0 0;
	font-size: 11px;
}

body { 
	background: transparent url(/esade/img2/portal/portal-bg-right.jpg) repeat-y right top;
	font: 1em Verdana, Tahoma, sans-serif;
	color: #666;
	padding-top: 15px
}

a { color: #333 }
p a { text-decoration: underline }
a:hover { color: #B62922 }
strong { font-weight: bold }
br { margin-bottom: 5px; }

/***************** ACESSO RESTRITO - BARRA VERMELHA*/

/*coloca barra e link de acesso restrito */
#acesso-r {
	width: 100%; height: 22px; 
	background: transparent url(/esade/img2/portal/portal-bg-topo.jpg) repeat-x center top;
	position: absolute; top: 0; left: 0; z-index: 0;
}
/*posiciona o parágrafo no lugar certo */
#acesso-r p { 
	width: 730px; 
	margin: 0 auto;
	text-align: right;
	padding-top: 2px;
	position: relative; z-index: 0
}
/*configs para o link*/
#acesso-r a {
	font-size: 0.8em;
	color: #fff;
	position: absolute; z-index: 0;
	right: 0;
	width: 150px
}

#acesso-r a.email { padding-right: 60px }

/* navigation notes to each menu item */
#note_acesso {
	width: 150px; height: 20px;
	position: absolute; top: 0;
	right: 130px;
	font-size: 0.8em;
	display: none;
	color: #fff
}

/***************** BARRA CINZA COM FLASH - #flash  - OU CABEÇALHO - #header*/

/* removes the flash div from the normal flow of the document */
#header, #flash { 
	/*background: transparent url(/esade/img2/portal/header-bg.jpg) repeat-x center top; */
	position: absolute; 
	top: 146px; 
	left: -10px;
	z-index: 0;
	width: 100%; 
}
.header-cursos{
	background-position:50%; 
	background-repeat:no-repeat; 
}

#flash { top:22px }

/*  CABEÇALHO - #header */
#header {
	height: 95px;
	background-color: transparent;
}

#header-ct {
	line-height: 1;
	width: 780px;
	margin: 0 auto;
	padding-top: 0;
}

/* nome do curso */
#header  h1 {
	font-family: "Times New Roman", Georgia, Serif;
	font-size: 2.5em;
	color: #ccc;
	float: left;
	text-transform: uppercase;
	margin-top: 15px
}

/* screw you, ie6 */
#header-ct  > p {
	text-align: right;
	width: 330px;
	color: #fff;
	float: left;
	margin-left: 13px;
}

/***************** CENTRALIZA A ÁREA DE CONTEÚDO E NAVEGAÇÃO DO SITE */
#content {
	width: 780px; min-height: 500px;
	margin: 36px auto 5px auto;
}

/***************** NAVIGATION */
#navigation {
	width:775px; _height:66px; /*must be declared for f* ie6 */
	font-size: 1.2em;
	position: relative; z-index: 255;
}

/*posiciona o logo */
#logo  { width: 175px; }

/*posiciona o menu */
#menu {
	width: 759px;
	float: left;
	margin-top: 5px;
	position: relative;
	background-color: #eaeaea;
	border-top: 3px solid #b62922
}

/*tira sublinhados*/
#menu a { display: block }

#menu .first  > a { max-width:71px }

/*coloca o menu em linhas horizontais*/
#menu li {
	float: left;
	display: block;
	color: #4d4d4d;
	padding: 15px;
	text-align: center;
	position: relative;
}

#menu li:first-child:hover, #menu li.first:hover, #menu li:hover, #menu li.over { background-color: #f2f2f2 }

/* alunos' button, with text replacement */
#menu li.alunos  { 
	background: url(/esade/img2/portal/nav-alunos-novo.gif) no-repeat;
	width: 100px; height: 46px;
	text-indent: -9999%;
	position: absolute;
	top: -62px;
	right: 0;
	padding: 0
}

/* makes the text-replacement technique above possible */
#menu li.last  a{ display: block; width: 100px; height: 46px; }

/* hides and positions the dropdown menu */
#menu li ul {
	position: absolute; top: 50px; z-index: 5;
	display: none;
	margin-left: -15px;
	margin-top: -5px
}

/* say hi when the mouse passes over the li's */
#menu li:hover ul, #menu li.over ul  { display: block }

/* styles each menu item */
#navigation #menu li ul li {
	position: relative; z-index: 5;
	width: 100%; height: 100%;
	max-width: 357px;
	padding: 5px;
	float: none;
	background: #f2f2f2 url(); /* the empty url overrides the gray line in the menu*/
	border-bottom: solid 2px #ccc;
	font-size: 0.8em;
	display: block;
	text-align: left;
}

/* for ie: it helps with position and clicking of the links */
#navigation #menu li ul li a { color:#808080; display: block; width: 100%; height: 100% }

/* mouse over */
#navigation #menu li ul li:hover   { background-color: #ccc }

/* overrides the text-indent for the text-replacement on alunos' button - if ie supported css3 , this wouldn't be necessary */
#menu li ul li:last-child, #menu li ul li.last  { text-indent: 0 }

/* navigation notes to each menu item */
p.note {
	width: 150px; height: 36px;
	position: absolute; top: -30px;
	font-size: 0.6em;
	background: transparent url(/esade/img2/portal/seta-note.gif) no-repeat left bottom;
	padding: 3px 55px 3px 10px;
	margin-left: -20px;
	display:none;
}



/***************** SETAGEM INICIAL  PARA O CONTEÚDO DA CAPA */
.modulo {
	margin-top: 155px;
	float: left;
	width: 174px;
}

.modulo.grande {
	width: 400px;
	position: relative;
}

/***************** MENU SECUNDÁRIO */

/* these next lines are pretty straight-forward - positions the list, configures the typography and style links and borders. the sublists ul > li > ul are hidden and shown with jquery  */
#page-navigation {
	margin-top: 160px;
	width: 185px;
	position: relative; z-index: 1;
}

#page-navigation ul{
	background-color: #fff;
	border-top: 5px solid #e6e6e6;
	border-bottom: 5px solid #e6e6e6
}

#page-navigation li { 
	border: 1px solid #ccc;
	padding: 7px 5px
}

#page-navigation li a { color: #808080 }

#page-navigation li a:hover { text-decoration: underline }

#page-navigation .button { margin: 15px 0 }

#page-navigation ul ul{
	background-color: #fff;
	border: 0; 
}

#page-navigation ul ul li{
	border: 0;
	padding-bottom: 5px;
	color: #4d4d4d
}

#page-navigation ul ul li a{color: #4d4d4d}

/***************** CONTEÚDO PRINCIPAL  - COLUNA DO MEIO */

/* 
	quando são listagens na coluna do meio, a estrutura fica div#main.modulo.grande >  4x div.noticia  + a#todas
*/

#main .noticia {
	width: 160px; height: 170px;
	position: relative; z-index: 1;
	float: left; 
	margin: 15px;
}

#main .section  {
	overflow: hidden;
	margin-bottom: 15px;
}

#main .noticia h2 {
	font-weight: bold;
	font-size: 1.3em;
	margin-bottom: 5px;
}

#main .noticia p { color: #999 }

#main .noticia img {
	display: block;
	margin-right:5px;
}

#main .noticia .mais {
	display: block;
	color: #8F2926;
	text-align: right;
	margin-top: 1em;
}

#main .noticia a {
	text-decoration: none;
	color: #999;
}

#main .noticia a:hover { color: #666 }

.outras { margin: 0 0 20px 15px }
.outras li { margin-top: 5px}
h2.outras  { margin-bottom: 0; font-size: 1.3em; font-weight: bold }
.outras a { text-decoration: none }

.outras a:hover { text-decoration: underline }

#main.modulo .outras h3, #main.modulo .outras h4 {
	font-size: 1em;
	display: inline;
	margin: 0
}

#main.modulo .outras h4 a { color: #808080 }


/* 
	quando é texto corrido no meio, a estrutura fica div#main.modulo.grande > div.post +  (...) + div.post
	dentro: div.post  > h3 + h4 + p + (...) + p.categorias
 */
#main #texto .post h3 {
	border-bottom: 1px solid #aaa;
	padding-bottom: 3px;
	text-align: right;
	font-size: 0.75em;
	margin-bottom: 10px
}

#main #texto .post h4, #main #texto h3 {
	font-size: 1.4em;
	font-weight: bold;
	margin: 0 0 10px 0
}

#main #texto { margin: 15px}
#main #texto p { margin: 10px 0}
#main #texto p.categorias { font-weight: bold }
#main #texto p.categorias a { font-weight: normal; color: #666 }
#main #texto  li { margin: 0 0 2px 0  }

/* 
	por último, podem entrar as informações do curso antes das notícias 
	#infos > p
	#infos > contato adm
 */

body.js #infos  p {
	display: none;
}
 
#infos {
	background-color: #8F2926;
	color: #fff;
	border-top: 5px solid #7d1815;
	border-bottom: 5px solid #7d1815;
	margin: 10px 0 -80px 10px;
	font-size: 0.9em;
	padding: 10px 8px;
	width: 158px;
}

#infos h2 {
	font-weight: bold;
	font-size: 1.3em;
	margin: 10px 0 5px 0;
	cursor: pointer;
}

#infos h3 {
	font-weight: bold;
	font-size: 1.3em;
	margin-bottom: 10px;
}
 
/* falar com o responsável pelo curso */
#contatoadm {
	border-bottom: 1px solid #7d1815;
	padding-bottom: 15px
}
.link_mensalidade a{ color: #fff }

#contatoadm a { color: #fff }

#contatoadm img{
	float: left;
	margin-right: 5px
}

#contatoadm br.clear { clear: both }

/***************** CAPA - COLUNA DE EVENTOS - nas INTERNAS, funciona para CATEGORIAS do blog e para INFORMAÇÕES  de cada CURSO  */
#eventos {
	margin: 10px 0 -80px 0;
	background-color: #f2f2f2;
	position: relative; z-index: 1;
	border-bottom: 5px solid #ccc
}

#eventos h2 {
	background-color: #ccc;
	color: #808080;
	font-size: 1.4em;
	font-weight: bold;
	text-transform: uppercase;
	padding: 10px 15px;
}

#eventos  a#todas {
	width: 120px; height: 17px;
	padding: 5px 5px 3px 8px;
	color: #999999;
	font-weight: bold;
	clear: left;
	display: block;
	text-decoration: none;
	border: 1px solid #e6e6e6;
	margin: 10px 10px 10px 20px;
}

#eventos ul, #eventos ol { margin: 0 15px }

#eventos ul li, #eventos ol li {
	margin: 15px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #ccc
}

#eventos ul li {border:0;margin: 0}
#eventos ul li:first-child { margin-top: 10px }
#eventos ul li a { text-decoration: none; color: #999 }
#eventos ul li a:hover { text-decoration: underline }

#eventos ol li:last-child { border: 0}

#eventos h3 { font-weight: bold; }

#eventos .dia_evento a{
	border-bottom: 2px solid #A92926 !important;
}

/***************** RODAPÉ */
#footer {
	width: 100%; height: 239px;
	padding-bottom: 75px;
	clear: left;
	background: #8F2926 url(/esade/img2/portal/portal-bg-footer.png) repeat-x center top;
}

#footer-container {
	width: 780px;
	margin: 0 auto;
	position: relative;
	padding: 10px 0
}

#footer #banners {
	width: 400px;
	margin-left: 195px
}
#footer #banner1 { margin-right:15px }

#info {
	width: 177px;
	position: absolute;
	right: 0;
	top: 110px;
	color: #ccc;
	border-left: 1px solid #592926;
	padding: 10px 0 10px 15px
}
#info2 {
	width: 177px;
	position: absolute;
	right: 200px;
	top: 110px;
	color: #ccc;
	border-left: 1px solid #592926;
	padding: 10px 0 10px 15px
}

#fale { margin-bottom: 10px }

#fale a {
	display: block;
	padding-left: 7px;
	background: #8F2926 url(/esade/img2/portal/bullet.png) no-repeat 0 5px;
}

#info a { color: #fff }

/***************** INTERNAS */

#interna .modulo { margin-top: 115px }
#interna #page-navigation { margin-top: 115px; font-size: 1.2em }
#interna #eventos { position: relative; left: 10px; }
/* #interna #eventos h3, #interna #eventos p { padding: 5px 15px } */
#interna #noticias { padding-bottom: 10px }
#interna p.note { font-size: 0.7em; }

/***************** ALUNOS */
#alunos #eventos { margin-top: 145px }
#alunos #navigation { font-size: 1.1em }
#alunos #menu li { padding: 15px 13px 0 13px}
#alunos #page-navigation { font-size: 1.1em }
#alunos p.note { font-size: 0.7em; }

/***************** VESTIBULAR */
#vestibular #footer { background: none; border-bottom: 20px solid #666 }
#vestibular #info { color: #666;	border-color: #aaa; }
/*coloca barra e link de acesso restrito */
#vestibular #acesso-r { background: 0 }
/*configs para o link*/
#vestibular #acesso-r a { color: #666 }


/***************** FORMULÁRIOS */

#main.modulo h3 {
	font-size: 1.4em;
	font-weight: bold;
	margin-left: 10px
}

#main.modulo form {
	margin-left: 10px
}

#main.modulo form label {
	display: block;
}

#main.modulo form label span{
	color: #B62B28
}

#main.modulo form li {
	margin: 10px 0;
	display: block;
}

#main.modulo form li select, #main.modulo   form li textarea, #main.modulo  form li input {
	width: 100%
}

#main.modulo form li textarea {
	font: 1em Verdana, Tahoma, sans-serif;
	height: 100px
}

#manifestar {
	color: #fff;
	/*background-color: #000;
	border-top: 5px solid #333;
	border-bottom: 5px solid #333;*/
	background-color: #959595;
	border-top: 5px solid #808080;
	border-bottom: 5px solid #808080;
	font-size: 0.9em;
	padding: 10px 8px;
	width: 168px;
	text-align: center;
	clear: both
}

#manifestar.curso {
	/*background-color: #8F2926;
	border-top: 5px solid #7d1815;
	border-bottom: 5px solid #7d1815;*/
	background-color: #959595;
	border-top: 5px solid #808080;
	border-bottom: 5px solid #808080;
}

#manifestar.posgrad {
	/*background-color: #a17934;
	border-top: 5px solid #906823;
	border-bottom: 5px solid #906823;*/
	background-color: #959595;
	border-top: 5px solid #808080;
	border-bottom: 5px solid #808080;
}

#manifestar a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	
}

/* RAFAEL */
#mid_content{ 
	margin:10px;
	z-index: 1;
	position:relative;
}
#mid_content h1{
	font-size:12pt;
	font-weight:bold; 
	margin-bottom:25px;
}
#mid_content h3{
	margin-bottom:5px;
}
#mid_content p{
	margin-bottom:12px;
}
/* EVENTOS */
#eventos a{
	text-decoration: none;
}
#eventos a:hover{ text-decoration: underline }
#banner1{
	width:180px;
	float:left;
}
#banner2{
	width:180px;
	float:right;
	margin-right:25px;
}
#form_eventos label{
	display:block;
	float:left;
	width:120px;
}
#form_eventos .input_medium{
	border:solid 1px #c0c0c0;
	width:250px;
}
#form_eventos .input_big{
	border:solid 1px #c0c0c0;
	width:375px;
}
#form_eventos input[type="submit"]{
	width:150px;
	float:right;
}

#form_internas label{
	display:block;
	float:left;
	width:120px;
}
#form_internas div{
	margin-bottom:4px;
}
#form_internas .input_medium{
	border:solid 1px #c0c0c0;
	width:250px;
}
#form_internas .input_big{
	border:solid 1px #c0c0c0;
	width:375px;
}
#form_internas input[type="reset"]{
	width:150px;
	float:left;
}
#form_internas input[type="submit"]{
	width:150px;
	float:right;
}

/* TWITTER */
#twitterContainer{
	border:0;
	margin-top:-3px	;
	background-image: url(/esade/img2/twitter_bg_empty.png);
	background-repeat:no-repeat;
}
#twitterContainer .twittList{
	border:0;
}
#twitterContainer .twittLI{
	border:0;
	background-color: #E7E7E9;
	padding-top:20px;
	background-image: url(/esade/img2/twitter_bg.png);
	background-repeat:no-repeat;
	margin:0;
}
#twitterContainer #twittLI1{
	background-image: url(/esade/img2/twitter_bg1.png);
	background-repeat:no-repeat;
}