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

body {
	text-align: center;
	font:75%/1.4 tahoma, helvetica, arial, sans-serif;
	background-color: #004080;
	color: #251200;
}

html, body, #tudo, h1, #nav-top, #nav-top li, #nav-left, #nav-top li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#popup {
	position: absolute;
	z-index: 500000;
	width:250px;
	height:auto;
	left:369px;
	top:100px;
	text-align: right;
	background-color:#FFFFCC;
	visibility:visible;
}


th, td {
	font:75%/1.4 tahoma, helvetica, arial, sans-serif;
}
img { border: 0; }

/* fim inicio */

#tudo {
	margin: 16px auto;
	text-align: left;
	width: 780px;
	position: relative;
	height:80%;
	padding-bottom:20px;
	background-color: #abe3ff;
}

h1, h2, h3 {
	font:75%/1.4 tahoma, helvetica, arial, sans-serif;
}


h1 {
	margin: 0;
	padding: 0;
}

h2 {margin: 0 0 0 0;
	padding: 0;
}

h3 {padding: 4px 0 0 0;
}
a {
	color: #006291;
}

a:hover {
	color: #004080;
}
/****************** header **********************/

#header {
	background: url(../imagens/header.jpg) top left no-repeat;
	height:370px; width: 100%;
	margin: 0;
	border-bottom: 1px solid #004080;
}
#header h1 {
	position: relative;
	top:-70px;
	right:0;
	text-align: right;
}
#header #cadastro{
	position: relative;
	top:300px;
	width:270px;
	height:70px;
	margin:0;
	/*border-bottom: 1px solid white;*/
	border-right:  1px solid #FFF;
	padding:0px;
	font-size:1.2em;
	background-color:#006291;
	color:#FFF;
}
#header #nav {
	font-size: 0.78em;
	text-align: center;
	background:  #006291;
	color: #FFF;
	font-weight: bold;
	width: 509px;
	position: absolute;
	top: 86px;
	left: 271px;
	padding: 9px 0 10px 0;
	margin: 0;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
}
#header #nav li {
	display: inline;
}

#header #nav a {
	color: #FFF;
	text-decoration: none;
}

#header #nav a:hover {
	color: #fff;
	text-decoration: underline;
}

#header #welcome {
	position: absolute;
	top: 125px;
	left: 270px;
	width: 510px;
	height:245px;
	overflow: hidden;
	font-size:0.75em;
	background-color: #abe3ff;
}


#header #welcome h2 {
	padding: 0.2em 0 0 0;
	margin: 0;
	line-height: 1;
	text-indent:10px;
	font-size:1em;
}

#header #welcome p {
	margin: 0.5em 0;
}

* html #header #welcome p {
	margin: 0.5em 0;
}

#header #welcome p {
	padding-left: 2em;
}
/************* body ***********************/

#body {
	position: relative;
	color: #004080;
	background: #abe3ff url(../imagens/body_bg.gif) repeat-y;
	border-bottom:1px solid white;
	height: 395px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

#body-i {
	width: 100%;
	height:395px;
 /*237 x 280 */
}

#calendario{ position:absolute;
width:278px;
height:120px;
margin-left:-10px;
margin-bottom:10px;
float:left;
padding:5px;
background-color: #FFC;
color:#000;
top:0;
font-weight: normal;
}
#calendario h1 {font-size:1.25em; color:#990000; text-align:center;}
#comunicado h3{ font-size:1.25em; color:#990000; text-align:center;}

#comunicado strong {color: #F00;}
#esquerda
{
width:288px;
margin-left:0px;
float:left;
}
#body #specials {
	position: absolute;
	top:0;
	width: 280px;
	left: 292px;
	display: inline;
	border-right: 1px solid #006291;
	height: 370px;

}
#specials .readmore {text-decoration:none; margin-bottom:5px; text-align:right;}
#specials #proerd { height:120px; border:none; background-color:FFF; float:left; }
#specials #proerd h1{font-size:1.5em; color:#004080; text-align: left; float:left; margin-left: 25px; margin-top:20px; font-weight:bold;}
#specials #proerd img{width:100px; height:98px; border:none; margin:0 15px; }
#body .imgproerd {padding: 10px 0;margin: 2px 0;background:#fff 4px no-repeat; height:110px;}

#body #anuncio {float:right; position:relative; width:200px; height:280px; margin-top:35px;}
#body #hevents {
	position: absolute;
	left: 0px;
	margin:0 0 10px 0;
	height:370px;
	width: 290px;
	}

#body #hevents #informativo {position:relative; left:0; width:280px; padding:5px;}
#body #hspecials {
	position: relative;
	top:0px;
	left: 0px;
	width: 485px;
		}

#body #events {
	float: left;
	width: 280px;
	margin-left: 10px;
	display: inline;
	margin-top:40px;
	height:auto;
	border-right: 1px solid #006291;
}
#body #hevents #informativo #destaque {
	position:absolute;
	left:0;
	float:left;
	width:280px;
	height:380px;
	background-color:#f00;
	margin-top:0px;
	padding:5px;
	top: 0;
}

#body #hevents #informativo #destaque h1{font-weight:bold; font-size:1.75em; color:#FF0; text-decoration:none; font-weight: bold; text-align:center;}
#body #hevents #informativo #destaque h3{font-weight:bold; font-size:1.25em; color:#FFF;text-decoration:none;}

#body #events #foto{
	width:230px;
	height:280px;
	left:546px;
	position:absolute;
	margin-top:0px;
	}
	
#body .imagebox {
	padding: 2px 8px 2px 100px;
	margin: 2px 0;
	background: #abe3ff 4px no-repeat;
}

#body h3, #body p {
	margin: 0 0 0.2em 0;
}

#body #events a {
	color: #004080;
}

#body #events a:hover {
	text-decoration:none;
	color: #fff;
}

#events .readmore {
	margin-bottom: 0;
	float:right;
	text-decoration:none;
}


#informativo .readmore {
	margin-bottom: 0;
	float:right;
	text-decoration:none;
	margin-bottom:15px;
}

#informativo #informes {
	margin-bottom:15px;
}	
/* parceiros */
#parceiros {
position: relative;
	float: right;
	right:0;
	left:0px;
	width: 780px;
	height:160px;
	background-color:#FFFFFF;
/*	background: url(../imagens/hotstuff_bg.gif) repeat-y;*/
}
#parceiros_rel {position:relative; float:left;  width:350px;}
#cadastrados {position:relative; width:125px; float:left; text-align:center; font-weight:bold; margin-top:30px; margin-left:30px;}
#cadastrados .numeros { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:2em; font-weight:bolder; color:#990000; text-align:center;}

* html #parceiros {	padding-bottom: 10px;}

#parceiros #parceiro-1 { width: 100px; height:50px;	margin:5px 5px; float:left;}
#parceiros #parceiro-2 { width: 100px; height:50px; margin:5px 5px; float:left;}
#parceiros #parceiro-4 { width: 100px; height:50px;	margin:5px 5px; float:left;}
#parceiros #parceiro-8 { width: 100px; height:50px; margin:5px 5px; float:left;}
#parceiros #parceiro-7 { width: 100px; height:50px; margin:5px 5px; float:left;}
#parceiros #parceiro-5 { width: 100px; height:50px; margin:5px 5px; float:left;}

#parceiros #parceiro-9 { width: 136px; height:50px; margin:5px 5px; float:left;}
#parceiros #parceiro-3 { width: 100px; height:50px; margin:5px 5px; float:left;}
#parceiros #parceiro-6 { width: 100px; height:50px; margin:5px 5px; float:left;}
#parceiros #parceiro-10 { width: 59px; height:50px; margin:5px 5px; float:left;}

* html #parceiros #parceiro-1 { width: 100px; w\idth: 100px; }
* html #parceiros #parceiro-2 { width: 100px; w\idth: 100px; }
* html #parceiros #parceiro-3 { width: 100px; w\idth: 100px; }
* html #parceiros #parceiro-4 { width: 100px; w\idth: 100px; }
* html #parceiros #parceiro-5 { width: 100px; w\idth: 100px; }
* html #parceiros #parceiro-6 { width: 100px; w\idth: 100px; }
* html #parceiros #parceiro-7 { width: 100px; w\idth: 100px; }
* html #parceiros #parceiro-8 { width: 100px; w\idth: 100px; }
* html #parceiros #parceiro-9 { width: 136px; w\idth: 136px; }
* html #parceiros #parceiro-10 { width: 59px; w\idth: 59px; }

#parceiros_rel {position:relative; float:left;  width:350px;}
#parceiros_pol {position: absolute; float:left; width:220px; margin-left:50px; right:0;}
#cadastrados {position:relative; width:125px; float:left; text-align:center; font-weight:bold; margin-top:30px; margin-left:30px;}
#cadastrados .numeros { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:2em; font-weight:bolder; color:#004080; text-align:center;}
* html #spacer {
	margin-top: 8px;
}

/* footer */

#footer { position:relative;
clear:both;
}
#footer a{
	padding-bottom: 2em;
	line-height:250%;
	color: #FFF;
	text-decoration:none;
}

#footer a:hover {
	color: #abe3ff;
	text-decoration:underline;
}
#footer td{
color:#FFF;}