@charset "utf-8";
/* CSS Document */


body {
	background: url(../img/fd.gif);
	background-color: white;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #013749;
}

img#logo {
	position: absolute;
	top: -65px;
	left: -64px;
	width: 128px;
	height: 128px;
	cursor: pointer;
	border: none;
}
#home img#logo {
	cursor: auto;
}
div#cima {
	background: url(../img/fd_topo.gif);
	height: 83px;
	width: 100%;
}
div#meio {
	background-color: white;
	width: 100%;
}
div#central {
	position: relative;
	border-left: 1px solid #006699;
	width: 778px;
	margin: 0 auto;
}
/* o margin-top negativo eh para, no explorer, encostar o folder na tarja de baixo: */
div#clear { clear: left; margin-top: -17px; }

ul#menu {
	list-style: none;
	padding: 0;
	margin: 0;
	padding-bottom: 10px;
	float: left;
	margin-top: 60px;
	margin-bottom: 20px;
}
ul#menu li {
	margin: 0;
	width: 125px;
	padding: 13px 0 7px 0;
	background: url(../img/fd_menu.gif) bottom left no-repeat;
}
ul#menu li#acesso {
	padding: 30px 0 0 0;
	background: none;
	color: #006699;
	text-align: right;
}
ul#menu li#acesso input {
	width: 60px;
	height: 12px;
	border: 1px solid #006699;
	margin-left: 3px;
}
ul#menu li#acesso a {
	display: block;
	text-align: right;
	font-size: 12px;
}
ul#menu a {
	font-size: 14px;
	padding-left: 6px;
	display: block;
	color: #006699;
	text-decoration: none;
	font-family: "Consolas", Verdana, Arial, Helvetica, sans-serif; 
	font-style: italic; font-weight: bold;
}
ul#menu a:hover {
	color: #F8AE1F;
	background-color: #006699;
}
ul#menu span {
	font-size: 14px;
	padding-left: 6px;
	display: block;
	color: #006699;
	background-color: #F8AE1F;
	font-family: "Consolas", Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: bold;
}

div#texto {
	width: 348px;
	top: 0;
	float: left;
	margin-left: 10px;
}
div#texto p {
	padding: 0 43px 0 27px;
}
div#texto p.manchete {
	font-size: 22px;
	font-family: "Consolas", Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: bold;
	padding: 20px 33px 10px 27px;
}

div#folder {
	float: left;
	margin-left: 10px;
	width: 274px;
	top: 0px;
	background-color: #046D9C;
	height: 100%;
}
div#folder img#foto {
	width: 274px;
	height: 240px;
}
div#folder img#logobco {
	width: 172px;
	height: 40px;
	position:relative;
	left: 97px;
	top: -7px;
}

div#folder p {
	font-family: "Consolas", Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: bold;
	font-size: 20px;
	color: white;
	padding: 0 10px;
	margin-top: 11px;
}

div#contato {
	width: 778px;
	margin: 0 auto;
	text-align: left;
	padding-left: 1px;
	margin-bottom: 10px;
	position:relative;
}
div#contato img {
	width: 7px;
	height: 17px;
	float: left;
}
div#contato div {
	line-height: 17px;
	background-color: #f8AE1F;
	font-size: 12px;
	float: left;
	font-family: "Consolas", Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: bold;
}
div#contato div.fone {
	padding: 0 20px 0 5px;
}
div#contato div.email {
	padding: 0 5px 0 20px;
	text-align: right;
}



div#conteudo {
	width: 645px;
	float: left;
	position: relative;
	padding: 50px 0 50px 0;
}

div#conteudo div#titulo {
	position: absolute;
	top: 0;
	width: 500px;
	z-index: 10;
	margin-left: 10px;
}
div#conteudo div#titulo img {
	width: 19px;
	height: 35px;
	float: left;
}
div#conteudo div#titulo div {
	line-height: 35px;
	background-color:
	#f8AE1F;
	font-size: 26px;
	float: left;
	text-align: center;
	font-family: "Consolas", Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: bold;
	width: 330px;
}
div#conteudo div#foto {
	width: 301px;
	height: 290px;
	background-image: url(../img/fd_foto.gif);
	position: absolute;
	top: 0;
	right: 0;
}
div#conteudo div#foto img {
	width: 283px;
	height: 281px;
	margin: 9px;
	margin-top: 0;
}
div#conteudo p { width: 280px; padding-left: 30px; }
div#conteudo p span { display: block; border-bottom: 1px solid #006699; font-weight: bold; margin-bottom: 2px; }
div#conteudo p a { margin-left: 10px; color: #0099CC; text-decoration: none; }
div#conteudo p a:hover { color: #006699; background-color: #00CCFF; }
div#conteudo p.topico { margin-left: 30px; padding: 0 0 0 16px; background: url(../img/bul.gif) top left no-repeat; }

div#conteudo form { text-align: right; width: 275px; padding-left: 20px; }
div#conteudo form label { margin-right: 5px; vertical-align: top; }
div#conteudo form textarea { width: 160px; height: 70px; }
div#conteudo form input {  width: 160px; }
div#conteudo input#enviar { width: 60px; margin-top: 5px; }


body#escola { background-image: none; }
#escola div#topo { font-family: Arial, Verdana, Helvetica, sans-serif; }
#escola div#topo table { border: none; font-size: 9px; }
#escola div#linhaseparadora { background-color: #C0C0C0; width: 100%; height: 2px; font-size: 1px; }

#escola div#meio { text-align: center; }
#escola div#login { position: relative; width: 400px; background: url(../img/fd.gif); 
	border: 1px solid #006699; margin: 20px auto; }
#escola div#login div { margin: 0 0 55px 0; padding-top: 10px; background-color: white; border: 1px solid #006699; }
#escola div#login div#acesso { margin: 0; padding: 15px 0 10px 0; border: none; }
#escola div#login form { text-align: right; width: 200px; padding-bottom: 20px; margin: 0 auto; }
#escola div#login form input { width: 100px; margin-left: 5px; }
#escola div#login form input#entrar { width: 60px; margin-top: 5px; }
#escola div#login a.assin { position: absolute; right: 5px; bottom: 5px; color: white; text-decoration: none; }
#escola div#login a.assin img { width: 53px; height: 12px; margin-left: 5px; border: none; }