/*********************************/
/* Folha de Estilo - HiperRoll   */
/********************************/

* {
	margin: 0;
	padding: 0;
	border: 0;
}
html, body {
	height: 100%;
}
body {
	background: #9ad3f8 url(../imagens/fundo1.jpg) repeat-y center;
}
#outer {
	height: 100%;
	overflow: hidden;
	position: relative;
	margin: auto;
	background: #4070C2;
}
#outer[id] {
	display: table; 
	position: static;
}
#middle {
	position: absolute; 
	top: 50%;
}
#middle[id] {
	display: table-cell;
	vertical-align:
	middle; position: static;
}
#inner {
	position: relative;
	top: -50%
}
html>body #inner {
	*top: 0;
}
#layout {
	font-size: 0;
}

/****** PÁGINAS INTERNAS ******/
#geral {
	width: 100%;
}
#topo{
	background:#FFF url(../imagens/topo.gif) no-repeat;
}

.mascote{
	position:absolute; 
	z-index:5; 
	background:url(imagens/mascote.gif) no-repeat; 
	width:369px;
	height:348px;
}


/* FORMULARIOS */
form{
	margin:0px 5px 0 17px;
	_margin:6px 5px 5px 17px;
}

input, select, textarea{
	font: normal 10px Verdana, Arial, Helvetica, sans-serif; 
	color:#2C417A;
	background:#4070C2;
	border:1px solid #2C417A;
}
.acessar{
	border:0;
	vertical-align: bottom;
}

/* CLASSES */
.restrito{
	background:#4070C2 url(../imagens/hroll_17.jpg) no-repeat;
	font:normal 9px Verdana, Arial, Helvetica, sans-serif;
	color:#234070;
}
.rodape{
	background:#4070C2 url(../imagens/hroll_18a.jpg) no-repeat;
	width:544px;
	height:109px;
	font:normal 9px Verdana, Arial, Helvetica, sans-serif;
	color:#234070;
}