/* CSS Document */
body,
html {
	height: 100%; /* Para a div ter de altura 100% em qualquer monitor */
}

body {
	margin: 0;
	background-color: #000000;
	width:auto;
	overflow:hidden;
}
	/* GLOBAL */
	#oque,
	#estatisticas,
	#paraque, 
	#como {
		min-height: 600px;
		height: 100%;
		min-width: 960px;
		position: relative;
	}
	
	.top {
		overflow: hidden;
		background-repeat: no-repeat;
		background-position: top left;
	}
	
		.top .logo {
			display: block;
			margin: 29px 0 0 35px;
		}
	
	.content {
	overflow: hidden;
	padding: 0 0 0 36px;
	position: absolute;
	z-index: 0;
	left: -2px;
	top: 414px;
	visibility: visible;
	width: 980px;
	}
	
		.content .h1,
		.content .h2 {
			display: block;
		}
		
		.content p.left,
		.content p.right,
		.content div.right {
			float: left;
			width: 205px;
			margin: 1em 21px 0 3px;
		}
	
	.bottom {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		background-repeat: no-repeat;
		background-position: bottom left;
		z-index: 15;
	}
	
	/* TEXTOS */
	
	.texto {
		margin:0px auto; /*afastar top, afastar esquerda*/
		text-align:left;
		width:870px;
		}	
		.textopequeno {
		font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
		text-align:center;
		text-shadow:#0000FF;
		color:#CCCCCC;
		width:235px;
		}
		.textogrande {
		font-family:Arial, Helvetica, sans-serif;
		font-size:30px;
		text-align:center;
		text-shadow:#0000FF;
		color:#ffffff;
		}
		.textograndedir {
		font-family:Arial, Helvetica, sans-serif;
		font-size:30px;
		text-align:right;
		text-shadow:#0000FF;
		color:#ffffff;
		}
		.textograndeentrelinha {
		font-family:Arial, Helvetica, sans-serif;
		font-size:30px;
		text-align:center;
		text-shadow:#0000FF;
		color:#ffffff;
		line-height: 1em;
		}
		.textograndeentrelinhaesq{
		font-family:Arial, Helvetica, sans-serif;
		font-size:30px;
		text-align:left;
		text-shadow:#0000FF;
		color:#ffffff;
		line-height: 1em;
		}
		.textoenormeentrelinha {
		font-family:Arial, Helvetica, sans-serif;
		font-size:50px;
		text-align:center;
		text-shadow:#0000FF;
		color:#ffffff;
		line-height: 1em;
		}
		.textoenorme {
		font-family:Arial, Helvetica, sans-serif;
		font-size:50px;
		text-align:center;
		text-shadow:#0000FF;
		color:#ffffff;
		}
		.descricao {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		text-align:left;
		color: #ffffff;
		line-height: 1.5em;
		}
		.descricao_centro{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		text-align:center;
		color: #ffffff;
		line-height: 1.5em;
		}
		.descricao_dir{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		text-align:right;
		color: #ffffff;
		line-height: 1.5em;
		}

		.excertos{
		font-family:Arial, Helvetica, sans-serif;
		font-size:18px;
		text-align:left;
		color: #ffffff;
		line-height: 1em;
		}
		.citacao{
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		text-align:right;
		font-variant:small-caps;
		color: #ffffff;
		}
		.textoazul{
		font-family:Arial, Helvetica, sans-serif;
		font-size:16px;
		text-align:center;
		color: #00AEEF;
		}
	

		

			
	/* O QUÊ */
	#oque {
		background-color: #000000;
		background-image: url('../img/oque_top.png');
		background-position: top left;
		background-repeat: no-repeat;
	}
		
		#oque .content {
			margin-top: -300px;
			background-image:url('../img/linha_fundo.png');
			background-position:top;
			background-repeat:repeat-x;
			width:98%;
		
		}
					

	/* ESTATISTICAS */
	#estatisticas {
		color: #000000;
		background-color: #000000;
		background-image: url('../img/estatisticas_top.png');
		background-position: top left;
		background-repeat: no-repeat;
	}
		
		#estatisticas .content {
			margin-top: -240px;
			background-image:url('../img/linha_fundo_estatisticas.png');
			background-position:top;
			background-repeat:repeat-x;
			width:98%;
		
		}
	
			
	/* 5RAZOES */
	#paraque {
		color: #000000;
		background-color: #000000;
		background-image: url('../img/paraque_top.png');
		background-position: top left;
		background-repeat: no-repeat;
	}
		
		#paraque .content {
			margin-top: -235px;
			background-image:url('../img/linha_fundo_paraque.png');
			background-position:top;
			background-repeat:repeat-x;
			width:98%;
		
		}
		#paraque .fundo {
			height: auto;
			background-image: url('../img/fundo_paraque.png');
			background-position: top left;
			background-repeat: no-repeat;
		}
			
		#paraque .coluna {
			float:left;
			width:500px;
			margin: 0 0px;
			padding: 10px;
		}
		#paraque .colunapequena {
			float:left;
			width:250px;
			margin: 0 0px;
		}
		
		
			#paraque .content img.h1 {
				float: left;
				margin-left: 36px;
			}
			
			#paraque .content .paraque,
			#content-slider {
				margin: -32px 75px 0 219px;
				position: relative;
				overflow: hidden;
			}
			
				 #content-slider {
					top: -48px;
					height: 15px;
					background-image: url('../_img/slider_bg.png');
					background-repeat: repeat-x;
					background-position: 0 7px;
					overflow: visible;
				}
				
					#content-slider .ui-slider-handle {
						position: absolute;
						top: 0;
						left: 0;
						width: 67px;
						height: 15px;
						background-image: url('../_img/slider.png');
						background-position: center center;
						background-repeat: no-repeat;
					}
			
				/* JS resizes width acording to number of childs */
				#paraque .content .paraque ul {
					list-style: none;
					margin: 0;
					padding: 0;
					overflow: hidden;
					width: 1500px;
				}
				
					#paraque .content .paraque ul li {
						margin: 0;
						padding: 0;
						width: 180px;
						float: left;
					}
					
						#paraque .content .paraque ul li > img {
							display: block;
						}
						
						#paraque .content .paraque ul li p {
							padding: 0;
							margin:  32px 15px 0 15px;
							line-height: 18px;
						}
 	/* como */
	#como {
		top: -4px;
		color: #000000;
		background-color: #000000;
		background-image: url('../img/como_top.png');
		background-position: top left;
		background-repeat: no-repeat;
	}
		
		#como .content {
			margin-top: -285px;
			background-image:url('../img/linha_fundo_como.png');
			background-position:right bottom;
			background-repeat:repeat;
			width:98%;
			height: 600px;
		}
		
		#como .fundo  {
		background-image: url('../img/fundo_como.png');
		background-repeat: repeat;
		height: 600px;
		}
		

		
		
					
 
 
/* MISC */
body, input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	color:#FFFFFF;

}
 
input, textarea {
	font-size: 14px;
}
 
a img {
	border: none;
}
 
#estatisticas .error {
	color: white;
	background-color: inherit;
}
 
.clear {
	width: auto;
	height: 0;
	overflow: hidden;
	line-height: 1px;
	float: none;
	clear: both;
}
.icons {
	float: right;
	width: 200px;
	margin: 135px 35px;
	padding: 0px;
}
	#icons .como {
	float: right;
	width: 200px;
	margin: 80px 35px;
	padding: 0px;
}
.td {
	background-image: url('../img/fundo_paraque_td.png');
	background-repeat: no-repeat;
}