@import "layout_hacksie.css";
	@import "layout_definicoes.css";
	
	html, body {
		height: 100%;
		}
	
	body {
		background:url(../images/bg.jpg) top #FFF repeat-y;
		font-family: Tahoma, Verdana, sans-serif;
		font-size: 11px;
		text-align: center;
		color: #000;
		margin:0px;
		}
		
	* {
		border: 0;
		}

	
#floater{
	position:absolute;
	left:50%;
	top:0;
	margin-left:-300px;
	z-index:999;
}
	
	
/*
//////////////////////////////////////////////////////////////////////////////////////////////////////////
CORPO
//////////////////////////////////////////////////////////////////////////////////////////////////////////		
*/
	#conteudovideos {
		width:500px;
		height:350px;
		overflow:auto;
	}

	#pagina {
		width: 778px;
		min-height: 100%;
		margin: 0 auto;
		padding-bottom: -44px;
		text-align: center;
		position: relative;
		}
	
	.clearer {
		height: 1px;
		width:0px;
		clear: both;
		display: block;
		margin-bottom: -1px;
		font-size: 1px;
		line-height: 1px;
		}
	
/*
//////////////////////////////////////////////////////////////////////////////////////////////////////////
CABECALHO
//////////////////////////////////////////////////////////////////////////////////////////////////////////		
*/

	#cabecalhoTopo {
		width:793px;
		height:44px;
		margin: -11px auto;
		
		text-align: center;
		background:url(../images/topo.jpg) no-repeat top;
		}
	
/*
//////////////////////////////////////////////////////////////////////////////////////////////////////////
CIMA
//////////////////////////////////////////////////////////////////////////////////////////////////////////		
*/

#cima {
	width:778px;
	height:151px;
	margin:0px;
	padding:0px;
	background-image:url(../images/bg_cima.gif);
}
		
/*
//////////////////////////////////////////////////////////////////////////////////////////////////////////
MIOLO
//////////////////////////////////////////////////////////////////////////////////////////////////////////		
*/
	
	#miolo {

		padding-bottom: 50px;
		background: url(../images/bg_miolo.gif) no-repeat;
		}
		
	#miolo a {color:#004B96; font-weight:none; text-decoration:none;}
	#miolo a:hover {color:#004B96; font-weight:none; text-decoration:underline;}
	#miolo a:visited {color:#004B96; font-weight:none; text-decoration:none;}
	#miolo a:active {color:#000; font-weight:none; text-decoration:underline;}

	#conteudoMiolo {
		width: 544px;
		text-align:left;
		float: right;
		}
/*
//////////////////////////////////////////////////////////////////////////////////////////////////////////
MENU
//////////////////////////////////////////////////////////////////////////////////////////////////////////		
*/
	
	#esquerdo {
		width: 220px;
		height:100%;
		float: left;
		text-align:left;
		/*
		background:url(../images/provisorias/menu.png) no-repeat;  Retirar essa tag pois é só para efeito de montagem */
		
		}
	#busca_google{
		float:left;
		width:210px;
		padding-left:10px;
		}
	#busca_google .gsc-control {
		width:210px;
		}
	#busca_google input.gsc-input {
		border:1px solid #BCCDF0;
		padding-left:2px;
		width:80px;
		}
	#busca_google table.gsc-search-box {
		border-spacing:0px;
		border-style:none;
		border-width:0px;
		margin-bottom:2px;
		width:190px;
		}
	#busca_google form.gsc-search-box {
		font-size:13px;
		margin:0px 0px 4px;
		width:210px;
		}
	#busca_google .gsc-control div {
	position:static;
	width:140px;
	}
		
	
/*
//////////////////////////////////////////////////////////////////////////////////////////////////////////
RODAPE
//////////////////////////////////////////////////////////////////////////////////////////////////////////		
*/
	
	#rodape {
		width: 778px;
		height: 100px;
		background: #E6A800;
		text-align: left;
		line-height: 1.5em;
		position: relative;
		margin: -1.5em auto 0 auto;
		color: #FFFFFF;
		padding-top: 10px;
		}
		
	#rodape a {color:#FFFFFF; font-weight:none; font-size: 9px; text-decoration:none; padding: 0 3px 0 1px;}
	#rodape a:hover {color:#FFFFFF; font-weight:none; text-decoration:underline;}
	#rodape a:visited {color:#FFFFFF; font-weight:none; text-decoration:none;}
	#rodape a:active {color:#FFFFFF; font-weight:none; text-decoration:underline;}
	
	#nonFooter {
		width:100%;
		height:100%;
		position: relative;
		min-height: 100%;
		}

/*
//////////////////////////////////////////////////////////////////////////////////////////////////////////
SLIDER
//////////////////////////////////////////////////////////////////////////////////////////////////////////		
*/

.banners{
	margin-top: 40px;
	}

.banner{
	margin-top:10px;
	}

#banner{
	float:left;
	margin-top:10px;
	visibility:hidden;
	}