@charset "utf-8";
/* CSS Document */

body {
	color:#333333;
	font-family: Verdana, Geneva, Arial;
	font-size:medium;
	background-image:url(img/azul_grad_back.jpg);
	background-repeat:repeat-x;
	border:none;
	margin:0px;
	padding:0px;
	text-decoration:none;

}

#wrapper {
	position: relative;
	visibility: visible;
	margin-top: auto;
	margin-left: auto;
	margin-right:auto;
	width: 900px;
	height:100%
	
}	
	
#logo {
	display:block;
	position:absolute;
	margin-top:10px;
	margin-left:10px;
	z-index:3;
}

#logo_insper {
	display:block;
	position:absolute;
	margin-top:65px;
	margin-left:483px;
	z-index:3;
}

#logo_espm {
	display:block;
	position:absolute;
	margin-top:65px;
	margin-left:610px;
	z-index:3;
}

#logo_fgv {
	display:block;
	position:absolute;
	margin-top:65px;
	margin-left:724px;
	z-index:3;
}

#logo_flickr {
	display:block;
	position:absolute;
	margin-top:10px;
	margin-left:845px;
	z-index:3;
}

#logo_orkut {
	display:block;
	position:absolute;
	margin-top:10px;
	margin-left:795px;
	z-index:3;
}

#logo_twitter {
	display:block;
	position:absolute;
	margin-top:10px;
	margin-left:745px;
	z-index:3;
}

#fotos {
	display:block;
	position:absolute;
	margin-top:155px;
	margin-left:0px;
	z-index:0;
	/*border-color:#000000;
	border-left-style:solid;
	border:medium;*/
}

/*Fundo que recebe o menu*/
#back {
	/*background-color:#000080;*/
	width:900px;
	height:150px;
	position:absolute;
	margin-top:0px;
	margin-left:0px;
	z-index:2;
}

a * {
	text-decoration:none;
	border-style:none;
}

a:link {text-decoration: none}
a:visited {text-decoration: none}
a:active {text-decoration: none}
a:hover {color: red;}

/*estilo manu*/

.menu {width:600px; height:25px; position: absolute; margin-left:290px; margin-top:115px; z-index:100;border-right:1px solid #000; font-family:arial, sans-serif;}
/* Responsável por remover as margens, padding e bullets de todas as listas */
.menu ul {padding:0; margin:0; list-style-type:none;}
.menu ul ul {width:100px;}
/* Float para tornar a lista horizontal e positipn relative para controlar as posições dos submenus */
.menu li {float:left; width:100px; position:relative;}
/* Estilos aplicados aos links de primeiro nível */
.menu a, .menu a:visited {display:block; font-size:12px; text-decoration:none; color: #FFFFFF; width:89px; height:23px; border:1px solid #000; border-width:1px 0 1px 1px; background: #008000; padding-left:10px; line-height:22px; font-weight:bold;}

/* Background aplicado aos links de segundo nível */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background: #00C000;}
/* Estilos para o hover do segudo nível */
.menu ul ul a.drop:hover{background:#00C000;}
.menu ul ul :hover > a.drop {background:#00C000;}

/* Esconder os sub níveis e dar-lhes uma posição absoluta para que eles ocupem nenhum espaço */
.menu ul ul {visibility:hidden; position:absolute; height:0; top:24px; left:0; width:149px; border-top:1px solid #000;}

/* Estilo para a tabela, necessário para que funcione no Internet Explorer */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* Estilo para o segundo nível de links */
.menu ul ul a, .menu ul ul a:visited {background: #008000; color: #FFFFFF; height:auto; line-height:1em; padding:5px 10px; width:128px; border-width:0 1px 1px 1px;}

/* Estilo para o hover dos links */
.menu a:hover, .menu ul ul a:hover{color:#000; background:#00C000;}
.menu :hover > a, .menu ul ul :hover > a {color:#000; background:#00C000;}

/* Torna o segundo nível do menu visível quando passar o mouse sob o primeiro nível do menu ou link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* Mantém o terceiro nível oculto quando você passar o mouse sob o primeiro nível do menu ou link */
.menu ul :hover ul ul{visibility:hidden;}
/* Tornar o terceiro nível visível quando você coloca o mouse sob o segundo nível do menu ou link */
.menu ul :hover ul :hover ul{ visibility:visible;}

/*fim estilo menu*/

#setor {
	background-color: #000080;
	width:900px;
	height:25px;
	border:none;
	display:block;
	position:absolute;
	margin-left:0px;
	margin-top:155px;
	z-index:3;
	color:#FFFFFF;
	text-decoration:none;
	text-align:center;
	font-family:Verdana, Arial, Helvetica;
	font-size:16px;
	padding-top:5px;
}

#institucional {
	
	border:none;
	display:block;
	position:absolute;
	margin-top:200px;
	z-index:1;
	color: #333333;
	text-decoration:none;
	text-align: justify;
	
	border-left:0px;
	border-right:0px;
	padding:0px 0px 0px 0px;
}

p.texto {
	padding-left:100px;
	padding-right:100px;
	padding-top:0px;
	padding-bottom:0px;
}

#rodape {
	background-color: #000080;
	width:900px;
	height:20px;
	display:block;
	border:none;
	position: fixed;
	bottom:0px;
	z-index:20;
	color:#FFFFFF;
	font-family: Verdana, Geneva, Arial;
	font-size: small;
	text-decoration:none;
	text-align:center;
	padding-top:2px;
}

#contato {
	width:900px;
	display:block;
	position:absolute;
	margin-top:200px;
	margin-left:0px;
	z-index:6;
}

#thanks {
	width:900px;
	border:none;
	display:block;
	position:absolute;
	margin-top:200px;
	z-index:1;
	color: #333333;
	text-decoration:none;
	text-align:center;
}

#moradia {
	width:900px;
	border:none;
	display:block;
	position:absolute;
	margin-top:200px;
	z-index:1;
	color: #333333;
	text-decoration:none;
	text-align:center;
}

#imobiliarias {
	width:450px;
	float:left;
}

#flats {
	width:450px;
	float:left;
}

#comochegar_metro {
	width:800px;
	border:none;
	display:block;
	position:absolute;
	margin-top:310px;
	margin-left:100px;
	z-index:1;
}

#comochegar_int {
	width:800px;
	border:none;
	display:block;
	position:absolute;
	margin-top:880px;
	margin-left:100px;
	z-index:1;
}

#mapainterativo {
	width:900px;
	border:none;
	display:block;
	position:absolute;
	margin-top:200px;
	z-index:1;
	color: #333333;
	text-decoration:none;
	text-align:center;
}

#horario {
	width:900px;
	border:none;
	display:block;
	position:absolute;
	margin-top:200px;
	z-index:1;
	color: #333333;
	text-decoration:none;
	text-align:center;
}

#cabecario_form {
	background-color: #000080;
	width:700px;
	height:25px;
	border:none;
	display:block;
	z-index:3;
	color:#FFFFFF;
	text-decoration:none;
	text-align:center;
	font-family:Verdana, Arial, Helvetica;
	font-size:16px;
	padding-top:5px;

}

#sub_cabecario_form {
	background-color: #666666;
	width:700px;
	height:25px;
	border:none;
	display:block;
	z-index:3;
	color:#FFFFFF;
	text-decoration:none;
	text-align:center;
	font-family:Verdana, Arial, Helvetica;
	font-size:16px;
	padding-top:5px;
	/*margin-left:100px;*/

}

#professores {
	width:700px;
	border:none;
	display:block;
	position:absolute;
	margin-top:200px;
	margin-left:100px;
	z-index:1;
}

td.professores {
	width:550;
	border:none;
	text-align:justify;
	padding-left:20px;
	padding-top:20px;
	vertical-align:top;

}

#resolve {
	background-color: #666666;
	width:900px;
	height:25px;
	border:none;
	display:block;
	z-index:3;
	color:#FFFFFF;
	text-decoration:none;
	text-align:center;
	font-family:Verdana, Arial, Helvetica;
	font-size:16px;
	padding-top:5px;

}

#vestibular {
	width:900px;
	border:none;
	display:block;
	position:absolute;
	margin-top:190px;
	z-index:1;
}

#blank {
	background-color: transparent;
	width:900px;
	height:25px;
	border:none;
	display:block;
	z-index:3;
	color:transparent;
	text-decoration:none;
	text-align:center;
	font-family:Verdana, Arial, Helvetica;
	font-size:16px;
	padding-top:5px;

}

#login {
	width:700px;
	display:block;
	position:absolute;
	margin-top:200px;
	margin-left:100px;
	z-index:6;
}

#noticias {
	/*background-image:url(img/azul_grad_back.jpg);
	background-repeat:repeat-x;*/
	/*border-style:solid;
	border-color:#000000;
	border-width:medium;*/
	display:block;
	position:absolute;
	margin-top:290px;
	margin-left:0px;
	width:400px;
	z-index:8;
	padding:0px 0px 0px 0px;

}

#setor_noticias {
	background-color: #000080;
	width:400px;
	height:25px;
	border:none;
	display:block;
	position:absolute;
	margin-left:0px;
	margin-top:0px;
	z-index:9;
	color:#FFFFFF;
	text-decoration:none;
	text-align:center;
	font-family:Verdana, Arial, Helvetica;
	font-size:16px;
	padding-top:5px;

}

#noticias_int {
	display:block;
	position:absolute;
	margin-top:30px;
	margin-left:0px;
	width:390px;
	z-index:8;
	color: #333333;
	font-family:Verdana, Arial, Helvetica;
	font-size:14px;
	text-decoration:none;
	text-align: left;
	
}

#novidades {
	display:block;
	position:absolute;
	margin-top:290px;
	margin-left:405px;
	width:400px;
	z-index:8;
	padding:0px 0px 0px 0px;

}

/*#setor_novidades {
	background-color: #000080;
	width:495px;
	height:25px;
	border:none;
	display:block;
	position:absolute;
	margin-left:0px;
	margin-top:0px;
	z-index:9;
	color:#FFFFFF;
	text-decoration:none;
	text-align:center;
	font-family:Verdana, Arial, Helvetica;
	font-size:16px;
	padding-top:5px;

}*/

/*#novidades_int {
	display:block;
	position:absolute;
	margin-top:35px;
	margin-left:0px;
	width:495px;
	z-index:8;
	padding:0px 0px 0px 0px;
}*/


#banner01 {
	display:block;
	position:absolute;
	margin-top:0px;
	margin-left:0px;
	
	/*border-style:solid;
	border-color:#000000;
	border-width: thin;*/
	z-index:8;
}

#banner02 {
	display:block;
	position:absolute;
	margin-top:192px;
	margin-left:0px;
	
	/*border-style:solid;
	border-color:#000000;
	border-width: thin;*/
	z-index:8;
}

#banner03 {
	display:block;
	position:absolute;
	margin-top:347px;
	margin-left:0px;
	
	/*border-style:solid;
	border-color:#000000;
	border-width: thin;*/
	z-index:8;
}

#cursos {
	
	border:none;
	display:block;
	position:absolute;
	width:700px;
	margin-top:200px;
	margin-left:100px;
	z-index:1;
	color: #333333;
	text-decoration:none;
	text-align: justify;
	padding:0px 0px 0px 0px;
}

