* { 
	margin:0px; 
	padding:0px; 
}
body {
	background-color:#f2f2f2;
	font-family:"MS Reference Sans Serif"
}
/*MENU INDEX*/
.slider {
	margin-top:4em;
	width:100%;
	margin:auto;
	overflow: hidden;
}
.slider ul
 {
	display: flex;
	padding:0px;
	width: 400%;

	animation:cambio 15s infinite;
	animation-direction:alternate;
}
.slider ul li{
	width:100%;
	list-style:none;
}

.slider ul li img {
	width:100%;
} 

@keyframes cambio {
	0% {margin-left: 0;}
	20% {margin-left: 0;}

	25% {margin-left: -100%;}
	45% {margin-left: -100%;}

	50% {margin-left: -200%;}
	70% {margin-left: -200%;}

	75% {margin-left: -300%;}
	100% {margin-left: -300%;}
}
.partesuperior img {width: 100%}
.navegador a {text-decoration: none}
.navegador ul li ul a:hover {
	font-size: 1.1em;
	font-weight: bolder;
	transition: all .1s ease-in-out;
}
.navegador ul {display:flex;
	flex-flow:row wrap;
	justify-content: space-around;
	list-style: none;
	width:90%;
	margin-left: 5%;
	position:fixed;
	background-color:#585858;
	border:1px solid #585858;
	border-radius: 10px;
}
.navegador ul li {
	color:white;
	font-size:1em;
}
.navegador ul li img {
	width:25px;
	height: 25px;
}
.navegador ul li > ul {
	display:none;
}
.navegador ul li:hover > ul {
	display:block;
	width:10%;
	margin-left: 0%
}
.navegador ul li:hover > ul > li {
	display:block;
}
.imagenes-superior img {
	width:100%;
}
.pagina-inferior {
	width:100%;
	display:inline-flex;
	flex-flow:row wrap;
	justify-content: space-around;
}
.categoria {
	display:inline-flex;
	flex-flow:row wrap;
	justify-content: space-around;
	width:70%;
}
.categorias  {
	padding: 20px;
	width:20%;
	height:20%;
	text-align: center;
}

.navegador-movil ul{
	display:none;
}
.categorias img {
	width:60%;
	height:70%;

}
/*MENU MAC*/
.macModelo {
	clear:both;
	padding:10em;
	text-align:justify;
}
.macModelo img{
	float:left;
	margin-right:10em;
	width:50%;
}
/*MENU IPAD*/
.ipadModelo {
	clear:both;
	padding:10em;
	text-align:justify;
}
.ipadModelo img {
	float:left;
	margin-right:10em;
	width:50%;
}
/*MENU IPHONE*/

.producto 
{
border: solid 1px #3d3d3d;
padding: 4px;
text-align: center;


}
.Tfno
{
font-size: 200%;
font-weight: bold;
}
/*MENU WATCH*/

.productos {display:flex;
	flex-flow: row wrap;
	justify-content: space-around;
	width:70%;
}
.producto {text-align: center
	;font-size:0.8em;
	margin:2px;
}
.producto:hover {border:1px solid #b5b1b1
	;border-radius: 10px;
}
/*RELOJES*/

/*MUSIC*/
.music {
	background-image:url(images/music.jpg);
	background-repeat: no-repeat;
	background-size:100%; 	
	height:800px;

	}
.music .texto-music p {color:white;}
.texto-music {
	margin-top:200px;
	margin-left: 300px;
	//text-align: center;
	
}

.suscripcion {
	border:1px solid #FF0040;
	border-radius:20px;
	width:20%;
	height: 40px;
	//text-align: center;
	background-color: #FF0040;


}
/*SOPORTE*/
form {margin:auto;
	background-color: white;
	padding:20px;
}

/*MENU RESPONSIVE*/
@media screen and (max-width: 380px) {
	.navegador {
		display:none;
		transition:0.3s;
	}
	.navegador-movil {
		display:fixed;
		position:fixed;
	}
	.navegador-movil ul  {
		display: block;
		background-color: #3d3d3d;
		width:100%;
		
	}
	.navegador-movil ul img {
	width:10%;
	margin-left: 45%
	}
	.navegador-movil ul li > ul {
		display:none;
		list-style: none;
	}
	.navegador-movil ul li:active > ul {
		display:block;
		height:20%;
		transition: 0.4s
	}
	.navegador-movil ul li  ul li {
		text-align: left;
		color:white;
		margin-left: 10%;
	}
	.navegador-movil ul li:active {
		background-color: #6E6E6E;
	}
	.navegador-movil ul li ul li:hover ul {
		display:block;
		background-color: #848484;
		width:80%;
		margin-left: 10%;
	}

	a:link {
		text-decoration: none;
	}
	.formulario {
		transform: scale(0.7, 1);
	}
}