html { WIDTH:100%; height:100%; }
		body { WIDTH:100%; /*overflow:hidden;*/ margin:0; padding:0; height:100%; font-family: Tahoma, Arial; font-size:12px; color:#333;
				 background: #ffffff url('images/fundo_passeio_reis.jpg') no-repeat top center; /*background-size:cover;*/ background-attachment:fixed;
		}
		
		td { font-size:12px; }
		
		

		
		#topoCabecalho
		{
			position:fixed;
			top:0px;
			left: 50%;
			width:900px;
			margin-left:-450px;
			background-color:#990000;
			/*height:450px;*/
			/*border-bottom: 4px solid #990000;*/
			/*border-top: 2px solid #990000;*/
			z-index:2;
		}
		#menu
		{
			position:fixed;
			top:60px;
			left: 50%;
			width:900px;
			margin-left:-450px;
			background:#fffff;
			/*height:450px;*/
			border-bottom: 2px solid #F5B7D0;
			border-top: 2px solid #F5B7D0;
			z-index:2;
		}
		
		#flyer,#patrocinadores,#inscricoes,#inscritos
		{
			position:relative;
			left: 50%;
			width:900px;
			margin-left:-450px;
			z-index:1;
		}
		
		#flyer {
			height:400px;
			margin-top:150px;
		}
		
		#evento {
			height:	960px;
			margin-top:40px;
			background: url('images/fundo_evento.png') no-repeat top left;
			color:#333333;
			padding:20px;
			position:relative;
			left: 50%;
			width:860px;
			margin-left:-450px;
			z-index:1;
		}
		#inscricoes, #infoLAHST, #infoVencer {
			height:	240px;
			margin-top:40px;
			background: url('images/fundo_inscricoes.png') no-repeat top left;
			color:#333333;
			padding:20px;
			position:relative;
			left: 50%;
			width:860px;
			margin-left:-450px;
			z-index:1;
		}		
		
		#patrocinadores {
			margin-top:30px;
		}
		
		#inscritos, #dedicatoria {
			/*height:200px;*/
			margin-top:40px;
			background-color:#ffffff;
			border: 2px solid #F6BBD1;
			color:#333333;
			padding:20px;
			position:relative;
			left: 50%;
			width:856px;
			margin-left:-450px;
			z-index:1;
		}		
		
		#login
		{
			margin-top: -220px;
			position:absolute;
			top:50%;
			left: 14%;
			width:225px;
			/*height:450px;*/
		}
		
		
		#logoHome {
				margin-bottom:20px;
		}
		#campoHome1, #campoHome2 {
				margin-top:20px;background: url(../images/fundo_dados.png); width:216px; height:30px; padding:4px;
		}
		
		#makeMeScrollable
		{
			width:100%;
			/*height: 330px;*/
			height:100%;
			/*min-height:500px;*/
			position: relative;
			/*background:#00f;*/
		}
		
		#makeMeScrollable div.scrollableArea img
		{
			position: relative;
			float: left;
			margin: 0;
			padding: 0;
			/* If you don't want the images in the scroller to be selectable, try the following
			   block of code. It's just a nice feature that prevent the images from
			   accidentally becoming selected/inverted when the user interacts with the scroller. */
			-webkit-user-select: none;
			-khtml-user-select: none;
			-moz-user-select: none;
			-o-user-select: none;
			user-select: none;
		}
		

#nav {
	
	list-style: none;
	padding: 0;
	/*margin: 10px 0 20px 0;*/
	margin: auto 0;
	
	display: block;
	overflow: hidden;
	font-size: 0.9em;
	height:33px;
	text-transform:capitalize;
}
#nav li {
	display: inline;
}
#nav li a {
	display: block;
	float: left;
	color: white;
	text-decoration: none;
	/*padding: 7px 20px;*/
}
#nav li a.primeiros {
	padding: 7px 20px 7px 20px;
}
#nav li a.ultimo {
	padding: 7px 0px 7px 20px;
}
#nav li a:hover {
	/*background: #1b1b1b url(images/nav_bar_o.jpg) repeat-x;*/
}
#load {
	display: none;
	position: absolute;
	right: 10px;
	top: 10px;
	background: url(images/ajax-loader.gif);
	width: 43px;
	height: 11px;
	text-indent: -9999em;
}



.box {
		 border: 1px solid #F5B7D0;
		 background: #ffffff;
		 font-size:12px;
		 width:200px;
}
.boxBot {
		 border: 1px solid #000000;
		 background: #F5B7D0;
		 color: #ffffff;
		 font-size:12px;
}



@media screen and (max-width: 900px) {
	
}

@media screen and (max-width: 700px) {

}