@charset "utf-8";

*{
	margin: 0;
	border: 0;
	padding: 0;
	outline: none;
	font-weight: 0;
	
	}
	

#banner1 {
	position:relative;
	width: 100%;
	margin:0;
	padding:0;
	outline:none;
	text-align:center;
}

#bannerBox {
	height: 600px;
	width: 100%;
	text-align:center;
	position:relative;
	overflow: hidden;
}

.fondo {
	height: 700px;
	width: 100%;
	background-repeat: repeat-x;
	background-position: center;
	margin: 0px;
	opacity:0;
	overflow: hidden;
	background-color: #FFF;
	-webkit-box-shadow: inset 0px -28px 36px -24px rgba(0,0,0,0.32);
	-moz-box-shadow: inset 0px -28px 36px -24px rgba(0,0,0,0.32);
	box-shadow: inset 0px -28px 36px -24px rgba(0,0,0,0.32);
}

.logo {
	position:relative;
	margin-top:10px;
	margin-bottom:10px;
	
	
	}
	

.texto {
	position:relative;
	top:0px;

	
	}
	
.producto  {
	position: relative;
	top:-600px;

}

.producto2  {
	position: relative;
	display:none;

}

.modelo {
	position: relative;
	margin-top:-280px;
	
	
	
}


.texto2  {
	position: relative;
	top:-250px;
	opacity:0;


}

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

@media screen and (max-width:1200px){
.modelo {
	height:70%;
	margin-top:-300px;
		}
}

@media screen and (max-width:900px){
	.modelo {
	height:60%;
	margin-top:-200px;
			}

#bannerBox {
	height: 500px;
	}

.fondo {
	height: 600px;
	}

.texto2  {
	top:-150px;
		}
}

@media screen and (max-width:780px){
		.modelo, .producto {
			display:none;
			}
		.producto2 {
			display: block;
			}

.texto2  {
top:-400px;
}
}


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

	.producto2  {
	top:0px;
	margin-top:0px;
}



#bannerBox, .fondo {}

}

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

.producto2  {
	top:50px;

}

.logo {
	width:80%;
	right:10%;
	left:10%;
	margin-top:-10px;
	margin-bottom:2px;

}
	


#bannerBox, .fondo {
	height: auto;

}

}

@media screen and (max-width:450px){
.texto2  {
top:-330px;
}
	}
	
	@media screen and (max-width:330px){
.texto2  {
top:-270px;
}
	}