/* CSS Document */

/** BASIC */

html, body {
	height: 100%;
	margin:0px;
	font-family:arial;
}

/** HEADER */

.topo {
	width: 780px;
	height: 231px;
	margin: 0px auto;
	position:relative;
}
.topo img.logo{
	width:154px;
	height:154px;
	position:absolute;
	top:28px;
	left:5px;
}
.topo img.banner{
	width:605px;
	height:145px;
	position:absolute;
	top:33px;
	left:160px;
}
.topo img.novas_turmas{
	width:150px;
	height:150px;
	position:absolute;
	top:25px;
	right:160px;
}

/** MENU */

#menu {
	position:absolute;
	left:0px;
	bottom:0px;
	width: 780px;
	height: 30px;
	margin:0px 0px;
	border:0px #495677 solid;
	text-align:center;
	padding:0px;
	background:#495677;
}
#menu img {
	position:relative;
	bottom:0px;
	height:30px;
	cursor:pointer;
}
#menu div.submenu{
	left:230px;
	top:30px;
	position:absolute;
	background:#667AB3;
	border:1px solid #EEECE2;
	display:none;
	height:22px;
	padding:0 10px 0 0;
	color:#fff;
	font-size:16px;
}
#menu div.submenu img {
	position:relative;
	bottom:0px;
	margin:0 3px;
	height:21px;
	vertical-align:middle;
}


#menu div.submenuselecionado{
	font-weight:bold;
	background-color:#667AB3;
	cursor:pointer;
}
div#menu8{top:25px; left:441px;}


/** BANNER */

#banner {
	width: 779px;
	margin: 0px auto;
	padding-bottom: 5px;
	background: url(../images/homepage12.gif) repeat-x left bottom;
}

/** PAGE */

.meio {
	width: 760px;
	margin: 0px auto;
	padding: 30px 10px 0px 10px;
	background:#EEECE2;
	
}

/** CONTENT */

.box1 {
	float: right;
	width: 595px;
	padding:0;
	margin:0px;
	border:0px #000 solid;
}

.box1 .novidades {
	position:relative;
	background:#fff;
	width: 385px;
	padding-bottom:10px;
	margin-bottom:10px;
}
.box1 .novidades .box_titulo1 {
	position:absolute;
	top:15px;
	left:0px;
	}
.box1 .novidades .box_titulo {
	margin:15px 0;
	}
.box1 .novidades .leia {
	text-align:right;
	padding-right:30px;
	color:#6176B1;
	font-size:9px;
	}
.box1 .novidades .leia a{
	color:#6176B1;
	text-decoration:none;
	text-transform:uppercase;
	
	}
.box1 .novidades .leia a:hover{
	color:#405080;
	}

.box1 .matricula {
	background:#fff;
	width: 385px;
	padding:0;
	margin-bottom:10px;
}
.box1 .noticias {
	float: right;
	text-align:left;
	width: 169px;
	margin: 0 0 10px 0;
	border:0px #000 solid;
	background:#fff;
	padding-bottom:5px;
}

.box1 .noticias .box_titulo {
	margin:15px 0 10px 0;
	}

.box1 .noticias .noticia {
	text-align:left;
	width: 150px;
	margin:5px auto 15px auto;
	}
.box1 .noticias .noticia h1 {
	margin:2px 0px;
	font-size:11px;
	color:#3D4B6E;
	font-weight:bold;
	}
.box1 .noticias .noticia h1 span{
	color:#EF9A48;
	}
.box1 .noticias .noticia p {
	margin:10px 0px;
	font-size:11px;
	color:#3D4B6E;
	}
.box1 .noticias .noticia a {
	color:#3D4B6E;
	font-size:11px;
	text-decoration:none;
	}
.box1 .noticias .noticia a:hover {
	color:#7989B5;
	
	}
.box1 .noticias .leia {
	text-align:right;
	padding:0 10px;	
	}
.box1 div.coluna_direita {
	float: right;
	text-align:left;
	width: 169px;
	margin: 0;
	border:0px #000 solid;
}

.box1 div.coluna_direita {
	float: right;
	text-align:left;
	width: 169px;
	margin: 0;
	border:0px #000 solid;
}

/** Coluna Esquerda */

.coluna_esquerda {
	float: left;
	text-align:center;
	width: 155px;
	margin: 0px 0px 0px 0px;
	border:0px #000 solid;
}

.coluna_esquerda .log {
	width: 140px;
	background: url(../img/login_topo.png) no-repeat left top;
	background-color:#495677;
	margin:auto;
	padding: 25px 0px 5px 10px;
	color:#FFFFFF;
	font-family:arial;
	font-size:10px;
	text-align:left;
	
}
.coluna_esquerda .log input.cpf{
	width: 128px;
	height:15px;
	background-color:#fff;
	border:0px;
	font-size:10px;
}
.coluna_esquerda .log input.senha{
	width: 105px;
	height:15px;
	background-color:#fff;
	border:0px;
	font-size:10px;
}
.coluna_esquerda .log input.button{
	width:20px;
	height:17px;
	background-color:#667AB3;
	border:0px;
	color:#FFFFFF;
	font-family:arial;
	font-size:10px;
}
.coluna_esquerda .log .esqueci{
	text-align:right;
	padding-right:35px;
}
.coluna_esquerda .log .esqueci a{
	color:#8C91A0;
	font-family:arial;
	font-size:10px;
	text-decoration:none;
	text-align:right;
}
.coluna_esquerda .log .esqueci a:hover{
	color:#D0D2D9;
}
.coluna_esquerda img {
	margin: 5px auto;
	border:0px;
	
}
/** BOX1 */

#box1 {
	margin-bottom: 20px;
	padding-bottom: 15px;
	background: url(../images/homepage15.gif) repeat-x left bottom;
}

/** BOX2 */

#box2 {
}

/** BOX3 */

#box3 {
}
.rodape {
	width: 780px;
	color:#fff;
	text-align:center;
	padding:10px 0;
	background:#495677;
	margin:5px auto;
	font-size:12px;	
}
.pag {
	text-align:center;
	margin:2px;
}