/* Reset  http://www.netmagazine.com/tutorials/build-basic-responsive-site-css
------------------------------------------------------------ */
* { margin: 0; padding: 0; }

ol, ul { list-style: none; margin: 0;}
ul li { margin: 0; padding: 0;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { 
    display: block;
	}
	
/* Structure */
#wrapper {
	width: 96%;	
	max-width: 1020px;
	margin: auto;
	height: 50px;
	padding: 0%;
	position:relative;
	z-index:50;
	 
	
	} 

	#main {
		width: 60%;
		margin-right: 5%;
		float: left; 
		}		
		
	#barra_direita {
		width: 35%;
		float: right; 
		}
		
	 #noticias_esq{
		width: 48%; 		
		text-align:justify; 
		float: left;	
		}
		
	#noticias_dir{
		width: 48%;  
		text-align:justify; 
		float: right;		
		}
	#blocos_imoveis_esq{
		width: 52%; 		
		text-align:justify; 
		float: left;	
		}
		
	#blocos_imoveis_dir{
		width: 48%;  
		text-align:justify; 
		float: right;		
		}
	#videos_lista{
		width: 40%; 		
		text-align:justify; 
		float: left;	
		}
	footer {
		display: block;
		position:absolute;  
		width: 100%;
		text-align: center;
		/*background: -moz-linear-gradient(#FFF, #BBB);
		background: -o-linear-gradient(#FFF, #BBB);
		background: -webkit-linear-gradient(#FFF, #BBB);*/
		position: relative;
		z-index:2;
		margin-top: -300px; /* A mesma altura do rodapé, o valor deve ser negativo */
		height: 300px;
		clear:both;
		/*filter:alpha(opacity=80);-moz-opacity: 0.8;
		opacity: 0.8;
		-khtml-opacity: 0.8;*/	
			}
/* Logo */
header .logomarca {
	width: 96%;
	max-width: 162px; 
	float: left;
	}
	
.podcast_header {
	width: 96%;
	max-width: 400px;
	float: right;
	margin-right:0
	}
header .logomarca2 {
	display: none;
	}
		
/* Nav */
header nav {	 
	margin-top: 100px; 
	}	
	header nav li {
		display: inline;
		margin-left: 15px;
		}
#skipTo {
	display: none;
	}
	#skipTo li {
		background: none;
		}

/* Banner */			
#banner {
	float: left;
	margin-bottom: 15px;
	width: 100%;
	}

.podcast_header {
	height: 100%; 
	position:relative; 
	width: 40%; 
	max-width: 300px; 
	float:right; 
	margin-right:0; 
	padding-right: 0; 
	margin-top: 20px 
}

/* Media Queries */
@media screen and (max-width: 480px) {

	#skipTo {
		display: block;
		}
	#hotlinks_top {
		 visibility:hidden; display:none
		}		
	/* Logo */
	header .logomarca2 {
		margin: 0px auto 5px auto ;
		margin-top:20px;
		display: block;
		width: 96%;
		max-width: 150px;
		float: left;
		}
	#barra_direita, #barra_direita_carrinho {
		width: 100%;
		float: right;	 
		}
	header .logomarca {
		display: none;
		}
	.podcast_header {
		width: 100%; 
		margin-top: 50px ;
		max-width: 100%; 
	}	
	header nav, #main,#main2, aside, #noticias_esq, #noticias_dir {		
		clear: left;
		margin: 0 0 10px; 
		width: 100%;
		}	
		header nav li {
			margin: 0;
			display: block;
			margin-bottom: 3px;
			}
			header nav a {
				display: block;
				padding: 10px;
				text-align: center;
				}	
				
			
					
}