@media only screen and (min-width:479px){
	.header-container {
		/*height:168px;*/
	}
	.main-container.col1-layout {
    	position: relative;
    	/*top: -85px;*/
	}
}

@media only screen and (max-width:479px){

body{background-color: #f9f9f9}
.footer-1{display: none;}

.main-container.col1-layout {
    top: -40px;
}

 .main {
	height: 330px;
	position: relative;
}

.main a.banner{
	width: 100%;
}

/* Banners =============================================================================== */

.barra-selector { position:relative; margin:0 auto; height:23px; }
.paginacao a{text-decoration: none !important;}
.banner-selector { /*position:absolute; width:100px; height:23px; bottom:34px; left:50%; margin-left:-50px;*/ z-index:2; display:none; opacity:0; }
.banner-selector { 
  	/*position: absolute;
  	left: 0; bottom: 0; right: 0;
	left: 70px; 
	bottom: 10px;*/
	width: calc(100% - 40px);
	text-align: center;
	z-index: 999;
	position: absolute;
	bottom: 10px;
}
.banner-selector .selector ,
.barra-selector .selector { display:inline-block; width:12px; height:20px; position:relative; cursor:pointer;}
.banner-selector .selector img ,
.barra-selector .selector img { position:absolute; bottom:-7px; }
.banner-selector .selector .img2 ,
.barra-selector .selector .img2 { display:none; }

.banner-selector .selector.selected .img1 ,
.barra-selector .selector.selected .img1 ,
.banner-selector .selector:hover .img1 ,
.barra-selector .selector:hover .img1 { display:none; }

.banner-selector .selector.selected .img2 ,
.barra-selector .selector.selected .img2 ,
.banner-selector .selector:hover .img2 ,
.barra-selector .selector:hover .img2 { display:block; }

.banner-selector .selector.selected .img2 ,
.banner-selector .selector:hover .img2 {display: inline-block;}

.barra-selector .paginacao {
	display:none;
}
.barra-selector .paginacao.selected {
	display:inline-block;
}

/*.barra-selector .pagination { position:absolute; left:50%; bottom:0; margin-left:370px; display:inline-block; font-size:10px; }*/
.barra-selector .pagination { display:inline-block; font-size:10px; margin:0 5px 0 15px; }
.paginacao { width:100px; margin:0 auto; font-size:10px; color:#2e2925; text-align: center;
	
	transition:all 0.6s;
	-webkit-transition:all 0.6s;
	-moz-transition:all 0.6s;
	-o-transition:all 0.6s;
}
.paginacao.selected ,
.paginacao:hover { color:#2e2925; }

.banner { 
	background-color: red;
	position:absolute;
	width:calc(100% - 40px);
	width: 100% !important;
	height:auto;
	bottom:0;

	
	opacity:0;
	z-index:1;
	
	/*transition:opacity 2s, z-index 6s;
	-webkit-transition:opacity 2s, z-index 6s;
	-moz-transition:opacity 2s, z-index 6s;
	-o-transition:opacity 2s, z-index 6s;*/
	transition:opacity 2s;
	-webkit-transition:opacity 2s;
	-moz-transition:opacity 2s;
	-o-transition:opacity 2s;
}
.banner.selected { opacity:1; z-index:2; }
.banner img { position:absolute; bottom:0; left:0; width: 100%; }
.banner .loader { top:5px; left:50%; margin-left:-200px; }

.banner .banner-texto {
	position:absolute;
	left:50%;
	bottom:167px;
	margin-left:65px;
	width:312px;
	height:13px;
	text-align:center;
	font-size:10px;
	color:#2e2925;
	opacity:0;
}
.banner:hover .banner-texto {
	color:#2e2925;
}
.banner.selected .banner-texto {
	opacity:1;
}

.footer-container{margin: 20px 0;}

}