/* CSS Document */
/* criado por: razz.com+web+design */
/* site: REM - Revista Escola de Minas */

/* ------------> Estrutura da Pagina ------------------------- */

* {
	margin: 0;
	padding: 0;
}
html {
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
}
body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #ffffff;
}

/* ------------>  Topo */

.topline {
	margin: 0;
	padding: 0;
	background: url('../images/bg_topline.gif') repeat-x top left;
	clear: both;
	height: 76px;
}
.top {
	margin: 0 auto; 
	padding: 0;
	width: 748px;
	clear:both; 
}
.topleft {
	margin: 0;
	padding: 16px 0px 0px 12px;
	float: left;
}
.topright {
	margin: 0;
	padding: 38px 12px 0px 0px;
	float: right;
	clear: right;
	line-height: 18px;
	font-size:.65em; 
	color: #ffffff;
	text-align: right;
}

/* ------------> Menu */

.menu {
	clear:both;
	border-bottom: 1px solid #fff;
	background: #22479a url('../images/bg_menu.gif') repeat-x top left;
	text-align: center;
	margin: 0;
	padding: 0;
}
.menu ul {
	padding: 3px 0 7px 0;
	margin: 0;
}
.menu ul li {
	list-style: none;
	display: inline;
	padding: 0px 11px 0px 11px;
	margin: 0;
	font-size: .7em;
	color: #fff;
}
.menu ul li a:link, .menu ul li a:active, .menu ul li a:visited {
	color:#FFFFFF;
	text-decoration: none;
}
.menu ul li a:hover {
	color: #fff100;
	text-decoration: none;
}

/* ------------>  Content */

.content {
	clear: both; 
	margin: 0;
	background: url('../images/bg_content.gif') repeat-x top left;
}

/* ------> Center */

.center {
	margin: 0 auto;
	width: 748px;
}

/* Acessibilidade */

.spacerwithshadow {
	clear: both;
	margin: 0;
	padding: 8px 12px 5px 12px;	
	font-size: 9px;
	color: #330099;
}
.spacertoleft {
	margin: 0px;
	padding: 2px 0px 0px 0px;
	float: left;
	line-height: 12px;
}
a.blue:link, a.blue:active, a.blue:visited {
	color: #330099;
	text-decoration: none;
}
a.blue:hover {
	color: #330099;
	text-decoration: underline;
}
.spacertoright1 {
	margin: 0px;
	padding: 2px 0px 0px 0px;
	float: right;
	line-height: 12px;
}
.spacertoright {
	text-align: right; 
	padding: 0px 0px 0px 10px;
	float: right; 
}

/* Banner */

.banner {
	border-top: 1px solid #ccccff;
	border-bottom: 1px solid #ccccff;
	padding: 1px 0;
	margin: 5px 0 0 0;
	clear: both
}

/* Holder: Left e Right */

.holder {
	padding: 12px 0 20px 0 ;
	margin: 0;
	clear: both;
	background: url('../images/bg_right.gif') repeat-y top right; 
}

/* Left */

.left {
	float: left;
	width: 540px;
	padding: 0;
	margin: 0;
}
.left h1 {
	background: #22449b url('../images/bg_h1.gif') repeat-x top left;
	color: #FFFFFF;
	font-size: .8em;
	font-weight: normal;
	padding: 6px 10px;
	margin: 0 0 20px;
	border-top: 1px solid #657dba;
	border-bottom: 1px solid #1b3e98;
}
.left h2 {
	color: #330099;
	font-size: .7em;
	margin: 10px 0 10px;
	padding: 0 25px;
}
.left p {
	font-size: .7em; 
	color: #5e5e5e; 
	line-height: 1.9em;
	text-align: justify;
	padding: 0 25px;
}
.left p.marginlogos { 
	margin: 0 0 0 30px;
}
.left p.paddingtop { 
	padding: 8px 0 0 0;
}

/* Right */

.right {
	float: right;
	width: 187px;
	padding-right: 1px;
}
.right h1 {
	background: #22449b url('../images/bg_h1.gif') repeat-x top left;
	color: #FFF;
	font-size: .8em;
	font-weight: normal;
	padding: 6px 10px;
	margin: 0 0 15px;
	border-top: 1px solid #657dba;
	border-bottom: 1px solid #1b3e98;
}
.right ul {
	padding-bottom: 10px;
}
.right ul li {
	list-style-type: none;
	margin: 0 15px 8px;
	padding: 0 0 5px 0;
	font-size: .7em;
	line-height: 1.6em;
	border-bottom: 1px solid #cccccc;
}

/* ------------> Menu Base */

.menubottom {
	font-size: .65em;
	line-height: 2em;
	text-align: center;
	clear: both;
	margin: 0;
	padding: 5px;
	border-top: 1px solid #ccccff;
	border-bottom: 1px solid #ccccff;
}
.menubottom ul {
	padding: 0;
	margin: 0;
}
.menubottom ul li {
	list-style: none;
	display: inline;
	padding: 0px 10px;
	margin: 0;
	color: #ffffff;
}
.menubottom ul li a:link, .menubottom ul li a:active, .menubottom ul li a:visited {
	color:#33099;
	text-decoration: none;
}
.menubottom ul li a:hover {
	color: #330099;
	text-decoration: underline;
}

/* ------------> Copyright */

.copyright {
	font-size: .65em;
	line-height: 2em;
	color: #b2b2b2;
	text-align: center;
	clear: both;
	margin: 0;
	padding: 7px 0 7px 0;
}

/* ------------>  Classes Gerais e Tags ------------------------- */

img {
	border: none;
}
.to-right {
	float: right;
}
.to-left {
	float: left;
}
.clear {
	clear: both;
}
.block {
	display: block;
}
.height {
	height: 30px;
}
.zero {
	margin: 0;
	padding: 0;
}
div.spacer {
	height: 1px
}
.textbold {
	font-weight: bold;
}
.textcolor {
	color: #330099;
}
.textlink {
	font-size:.85em;
}
.alignright {
	text-align: right;
}
.aligncenter {
	text-align: center;
}
p {
	margin: 0 0 10px 0;
}
p.borderbottom {
	border-bottom: 1px solid #e0eaf4;
	padding: 0 25px 15px 25px !important;
	margin: 0 0 20px !important;
}
.margin {
	margin-bottom:20px;
}

/* ------------> Links ------------------------- */

a:link, a:active, a:visited {
	color: #330099;
	text-decoration: none;
}
a:hover {
	color: #5e5e5e;
	text-decoration: underline;
}
a.razz:link, a.razz:active, a.razz:visited {
	color: #b2b2b2;
	text-decoration: none;
}
a.razz:hover {
	color: #999999;
	text-decoration: underline;
}

/* ------------> Forms ------------------------- */

.acesso {
	width:150px;
	padding: 2px 3px;
	font-size: .9em;
	letter-spacing: .1em
}
.but_acesso {
	background: #22449b url('../images/bg_h1.gif') repeat-x top left;
	padding: 2px 3px;
	color: #ffffff;
	font-size: .85em
}
input {
	background-color:#d4dbe2;
	border:0;
	color: #5e5e5e;
	padding: 2px 5px;
}
textarea {
	background-color:#d4dbe2;
	border:0;
	color: #5e5e5e;
	padding: 2px 5px;
	vertical-align:middle;
}
.cadastro {
	width: 400px;
	padding: 2px 3px;
	font-size: .85em;
	letter-spacing: .1em
}
.cadastro_small {
	width: 200px;
	padding: 2px 3px;
	font-size: .85em;
	letter-spacing: .1em
}
.categoria {
	margin-left:80px;
	background-color:#FFFFFF;
	padding:0;
}
.estado {
	width:20px;
	padding: 2px 3px;
	font-size: .85em;
	letter-spacing: .1em
}
.formulario {
	font-size: .8em;
	color: #999999;
}
.contato {
	width: 400px;
	padding: 2px 3px;
	font-size: .85em;
	letter-spacing: .1em
}
.contato2 {
	width: 400px;
	padding: 2px 3px;
	letter-spacing: .1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
}

/* ------------> Tabelas ------------------------- */

table.bordasimples {
    border-collapse: collapse;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}
table.bordasimples tr td {
    border: none;
    padding: 4px
}
table.bordasimples tr th {
    border: none;
    padding: 4px
}