body {
	background-color:#C8DCE6;
	font-family: Arial;
	font-size: 12px;
	color:#666666;
}

#pagina {
	width:916px;
	margin-left:auto;
	margin-right:auto;
}

#externato {
	width:900px;
	float:left;
	background: url("icon/borda1.jpg") repeat-y;
	padding-left:8px;
	padding-right:8px;
}

#header {
	width:900px;
	float:left;
	background: url("icon/header.jpg");
	border-bottom:1px solid #CCCCCC;
}

#logo {
	width:80px;
	float:left;
	padding-left:30px;
	padding-top:2px;
	padding-bottom:2px;
}

#logo_texto {
	width:200px;
	float:left;
	padding-top:25px;
	font-family: Arial;
	font-size: 16px;
	font-weight:bold;
	color:#5B90C1;
}

#atalhos {
	width:570px;
	float:left;
	padding-top:25px;
	text-align:right;
	padding-right:20px;
}

/* Banner */
#banner {
	width:475px;
	margin-bottom:3px;
	margin-top:3px;
	float:left;
}

/* Passagem de fotos */
#banner1 {
	width:195px;
	height:137px;
	margin-bottom:3px;
	margin-left:5px;
	margin-right:5px;
	margin-top:3px;
	float:left;
	background: url("icon/back_login.png");
}

/* Sistema de login */
#login {
	width:180px;
	height:122px;
	padding-left:40px;
	padding-top:15px;
	margin-bottom:3px;
	margin-top:3px;
	float:left;
	background: url("icon/back_login.png");
}

/* Menu */
#menu {
	width:900px;
	height:15px;
	float:left;
	background: url("icon/back_menu.png");
}

/* Menu esquerdo */
.menu_esqpic {
	width:140px;
	height:18px;
	padding-left:10px;
	padding-top:2px;
	background: url("icon/menu_esq.png");
	font-family: Arial;
	font-size: 12px;
	color:#FFFFFF;
}

#menu_esq {
	width:150px;
	float:left;
	margin-top:5px;
}

#menu_esq ul {
	padding:0px;
	padding-top:10px;
	margin:0px;
	background-color:#EFF3F7;
	margin-bottom:10px;
}

#menu_esq li {
	list-style:none;
	margin:0px;
	padding:0px;
	height:24px;
}

#menu_esq a {
	text-decoration:none;
	width:135px;
	padding:4px 0px 4px 15px;
	font-size: 12px;
	color:#666666;
	margin:0px;
	border:0px;
	display:block;
}

#menu_esq a:hover {
	background-color:#E4E7EB;
	font-size: 12px;
	color:#5B90C1;
	background-image: url("icon/seta2.png");
	background-repeat: no-repeat;
	padding-left:15px;
	background-position:4% 50%;
}

#pesquisa {
	width:140px;
	height:50px;
	background-color:#EFF3F7;
	padding-top:20px;
	padding-left:10px;
}

/* Menu centro */
#menu_centro {
	width:560px;
	float:left;
	padding-left:15px;
	padding-right:15px;
	margin-top:20px;
}

#frase_mes {
	width:310px;
	float:left;
}

#ementa {
	width:250px;
	float:left;
}

#ult_actividade {
	width:260px;
	float:left;
	margin-top:30px;
}

#prox_actividades {
	width:300px;
	float:left;
	margin-top:30px;
}

/* menu direito */
#menu_dir1 {
	width:150px;
	float:left;
	margin-top:20px;
	padding-left:10px;
}

#menu_dir1 ul {
	padding:0px;
	margin:0px;
	margin-bottom:25px;
}

#menu_dir1 li {
	list-style:none;
	margin:0px;
	padding:0px;
	height:20px;
}

#menu_dir1 a {
	text-decoration:none;
	font-family: Arial;
	font-size: 12px;
	color:#5B90C1;
}

#menu_dir1 a:hover {
	text-decoration:underline;
}

/* barra publicidade */
#pub {
	width:900px;
	float:left;
	margin-top:10px;
}

#nav {
	width:400px;
	float:left;
	text-align:center;
	padding-top:10px;
}

.pub_img {
	width:120px;
	float:left;
	border-top:1px solid #CCCCCC;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:20px;
}

.pub_text {
	width:160px;
	float:left;
	border-top:1px solid #CCCCCC;
	padding-top:15px;
	padding-bottom:15px;
} 

/* barra inferior */
#footer {
	width:900px;
	height:75px;
	float:left;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	margin-top:5px;
	padding-top:5px;
	padding-bottom:5px;
}

#footer_logo {
	width:200px;
	float:left;
	text-align:center;
}

#footer_autor {
	width:690px;
	float:left;
	text-align:right;
	padding-right:10px;
}

/* formularios*/
input {
	border:1px solid #CCCCCC;
	font-size: 11px;
	margin-bottom:10px;
}

textarea {
	border:1px solid #CCCCCC;
	font-size: 11px;
	margin-bottom:10px;
}

label {
	width:150px;
	float:left;
	font-size: 12px;
	color:#666666;
}

/* Tipos de letra */
h1 {
	font-size: 12px;
	color:#ED9C0F;
	margin:0px 0px 25px 0px;
}

h2 {
	font-size: 13px;
	color:#ED9C0F;
	margin:0px 0px 20px 0px;
}

h3 {
	font-size: 12px;
	color:#5B90C1;
	margin:0px 0px 25px 0px;
	text-decoration:underline;
}

h4 {
	font-size: 12px;
	color:#ED9C0F;
	margin:0px 0px 10px 0px;
	background-image: url("icon/seta1.png");
	background-repeat: no-repeat;
	padding-left:10px;
	background-position:0% 60%;
}

a {
	text-decoration:none;
	font-family: Arial;
	font-size: 12px;
	color:#5B90C1;
}

a:hover {
	text-decoration:underline;
	cursor:pointer;
}

a img {
	border:0;
}

a:hover img {
	opacity:.60;
	filter: alpha(opacity=80);
}

.texto {
	font-size: 12px;
	color:#666666;
}

.texto_branco {
	font-size: 13px;
	color:#FFFFFF;
}

.texto_login {
	font-size: 12px;
	color:#FFFFFF;
	background-image: url("icon/seta.png");
	background-repeat: no-repeat;
	padding-left:15px;
	background-position:0% 60%;
}

.texto_verde {
	font-size: 12px;
	color:#5B8114;
}

.texto_azul {
	font-size: 12px;
	color:#5B90C1;
}

.texto1 {
	font-size: 11px;
	color:#666666;
}

/* Instalações */
#inst_foto {
	width:400px;
	float:left;
	margin-left:25px;
}

#inst_lista img {
	margin-bottom:10px;
}

#inst_lista {
	width:100px;
	float:left;
	overflow-y: scroll;
	margin-left:10px;
	height:266px;
}

.botao {
	width:150px;
	padding-left:15px;
	padding-top:2px;
	float:left;
	height:18px;
	background-color:#8CC71F;
	margin-left:10px;
	margin-bottom:15px;
	background-image: url("icon/botao.png");
	font-size: 14px;
	color:#FFFFFF;
}

.botao:hover {
	background-image: url("icon/botao2.png");
}

.texterro {
	width:400px;
	height:17px;
	padding-top:3px;
	padding-left:10px;
	margin-bottom:15px;
	border:1px solid #ED9C0F;
	background-color:#66A1D8;
	font-size: 12px;
	color:#FFFFFF;
}

p { 	font-family: Arial;
	font-size: 12px;
	color:#666666;
}