a{
	text-decoration: none;
}

.header{
	z-index: 10;
	position: relative;
	background-color: white;
}

.header .logo{
	width: 30%;
}

.header .logo img{
	height: 70px;
}

.header .menu{
	width: 70%;
	text-align:right;
	line-height: 50px;
}

.header .opcion{
	padding-left: 20px;
	padding-right: 20px;
	display: inline-block;
	font-size:18px;
	vertical-align: top;
	font-family: 'fuente-2-bold';
}

.header .opcion:hover{
	color:#CA0019;
}

.header .opcion span{
	cursor: pointer;
}

.header .bandera{
	position: relative;
}

.header  .campo-buscador{
	position: absolute;
	right:110%;
	top:10px;
	height: 25px;
	border:1px solid black;
	width: 200px;
	opacity: 0;
	display: none;
}

.header .cerrar-buscador{
	position: absolute;
	right:120%;
	top:13px;
	line-height: 25px;
}

.header .buscador{
	position: relative;
	top: 4px;
}

.header .boton-menu-movil{
	position: relative;
	top:7px;
	display: none;
	font-size: 25px;
	cursor: pointer;
	margin-left: 5px;
}

.header .bandera img{
	height: 25px;
	position: relative;
	display: block;
	top:10px;
	cursor:pointer;
}

.buscador{
	margin-right: 10px;
	cursor: pointer;
}

.contenedor-bandera{
	display: inline-block;
}

@media only screen and (max-width: 768px) {
	.header .opcion{
		padding-left: 15px;
    	padding-right: 15px;
	}

	.header .bandera{
		padding-left: 20px;
	}
}

@media only screen and (max-width: 730px) {
	.header .opcion{
		display: none;
	}
	.campo-buscador, .buscador{
		display: none;
	}
	.header .boton-menu-movil{
		display: inline-block;
	}
}

.footer{
	position: relative;
	z-index: 2;
}

.footer .principal{
	padding-top: 40px;
	padding-bottom: 40px;
	background-color: #F1F1F1;
}

.footer .titulo-redes{
	margin-top: 30px;
	font-family: fuente-2;
}

.footer .redes{
	margin-top: 10px;
}

.footer .redes .bi{
	margin-right:10px;

}

.footer .logo-redes{
	width: 25%;
	padding-right: 20px;
	box-sizing: border-box;
	text-align: left;
}

.footer .logo-redes img{
	width: 100%;
	max-width: 200px;
}

.footer .enlaces{
	width: 75%;
}

.footer .enlaces-1{
	width: 50%;
	max-width: 260px;
	padding-right: 20px;
	text-align: left;
	box-sizing: border-box;
}

.footer .enlaces-2{
	width: 50%;
	max-width: 260px;
	padding-right: 20px;
	text-align: left;
	box-sizing: border-box;
}


.footer .empresas{
	text-align: center;
	background-color: #8E8E8E;
	padding-top: 20px;
	padding-bottom: 20px;
}

.footer .enlace{
	line-height: 25px;
}

.footer .empresas img{
	height: 60px;
	padding-left: 30px;
	padding-right: 30px;
}

@media only screen and (max-width: 1000px) {
	.footer .logo-redes{
		width: 35%;
	}
	.footer .enlaces{
		width: 65%;
	}
	.footer .enlaces-1{
		max-width: 200px;
	}
	.footer .enlaces-2{
		max-width: 200px;
	}
	.footer .enlaces{
		text-align: left;
	}
}

@media only screen and (max-width: 768px) {
	.footer .logo-redes{
		width: 40%;
	}
	.footer .enlaces{
		width: 60%;
	}
}

@media only screen and (max-width: 650px) {
	.footer .logo-redes{
		width: 100%;
		margin-bottom: 40px;
		text-align: center;
	}
	.footer .enlaces{
		width: 100%;
		text-align: center;	
	}

	.footer .enlaces-1{
		width: 100%;
		max-width: initial;
		text-align: center;
	}
	.footer .enlaces-2{
		width: 100%;
		max-width: initial;
		text-align: center;
	}	
}


@font-face {
    font-family: fuente-2;
    src: url("../fonts/Proxima-Nova-Regular.otf") format("truetype");
}
@font-face {
    font-family: fuente-2-bold;
    src: url("../fonts/Proxima-Nova-Bold.otf") format("truetype");
}

@font-face {
    font-family: fuente-1;
    src: url("../fonts/Acumin-RPro.otf") format("truetype");
}
@font-face {
    font-family: fuente-1-bold;
    src: url("../fonts/Acumin-BdPro.otf") format("truetype");
}

@font-face {
    font-family: fuente-titulos;
    src: url("../fonts/Gill-Sans-Bold.otf") format("truetype");
}



a{
	color: inherit;
}


body{
	font-family: fuente-1;
	margin:0px;
}

.fuente-1{
	font-size: 40px;
}

.fuente-2{
	font-size: 28px;
}

.fuente-3{
	font-size: 18px;
	position: relative;
	
}
.fuente-4{
	font-size: 15px;
}
.fuente-5{
	font-size: 12px;
}

.fuente-bold{
	font-family: fuente-1-bold;
}

.fuente-2-bold{
	font-family: fuente-2-bold;
}

.adorno{
	position: absolute;
	
}


.adorno img{
	position: relative;
}

@media only screen and (max-width: 1000px) {
	.fuente-1{
		font-size: 35px;
	}

	.fuente-2{
		font-size: 25px;
	}

	.fuente-4{
		font-size: 13px;
	}
}


@media only screen and (max-width: 850px) {
	.fuente-1{
		font-size: 30px;
	}

	.fuente-2{
		font-size: 22px;
	}

}


@media only screen and (max-width: 750px) {
	.fuente-1{
		font-size: 25px;
	}

	.fuente-2{
		font-size: 20px;
	}
	.fuente-3{
		font-size: 17px;
		position: relative;
	}


}


@media only screen and (max-width: 650px) {
	.fuente-1{
		font-size: 22px;
	}

	.fuente-2{
		font-size: 18px;
	}
	.fuente-3{
		font-size: 13px;
		position: relative;
	}

}


.boton{
	padding-left: 30px;
	padding-right: 30px;
	border-radius: 25px;
	padding-top: 15px;
	padding-bottom: 15px;
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
	font-family: fuente-1-bold;
}

@media only screen and (max-width: 768px) {
	.boton{
		padding-top: 10px;
		padding-bottom: 10px;
	}
}



.producto{
	text-align: center;
	background-color: #F3F3F3;
	border-radius: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 20px;
	padding-bottom: 50px;
	max-width: 350px;
	margin:0 auto;
}


.espacio{
	line-height: 15px;
	padding-left: 5px;
	padding-right: 5px;
	display: inline-block;
	border-radius: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-bottom: 5px;
	cursor: pointer;
}

.espacio{
	margin-left: 3px;
	margin-right: 3px;
}

.espacio .celda{
	text-align: left;
}

.espacio[data-espacio="1"]{
	/*background-color: #1D70B7;*/
	background-color: #89CAFF;
}

.espacio[data-espacio="2"]{
	background-color: #A8EC8E;
}

.espacio[data-espacio="3"]{
	background-color: #B4a492;
}

.espacio[data-espacio="4"]{
	background-color: #FEC073;
}

.espacio[data-espacio="5"]{
	background-color: #BF95EC;
}

.espacio[data-espacio="6"]{
	background-color: #F29100;
}


.espacio .icono{
	height: 12px;
	display: block;
	position: relative;
	top: 2px;
}

.producto .foto{
	width: 100%;
	max-width: 250px;
	display: block;
	margin:0 auto;
	margin-top: 30px;
}

.producto .detalles{
	margin-top: 30px;
	display: inline-block;
	padding-left: 30px;
	padding-right: 10px;
	position: relative;
	background-color: #AAA;
	line-height: 35px;
	border-radius: 30px;
	color: white;
	font-family: fuente-1;
}

.producto .detalles:hover{
	background-color: #CA0019;
}


.producto .flecha-ver{
	 width: 27px;
    height: 27px;
    line-height: 27px;
    border-radius: 50%;
    background-color: white;
    color: #AAA;
    display: inline-block;
    vertical-align: top;
    position: relative;
    top: 4px;
    left: 5px;
}

.producto .bi{
	display: inline-block;
    line-height: 30px;
}

.producto .texto{
	margin-top: 20px;
}

.producto .espacios-producto{
	margin-top: 10px;
}


.menu-movil{
	position:fixed;
	z-index: 10;
	width: 100%;
	height: 100vh;
	background-color: #F1F1F1;
	display: none;
	box-sizing: border-box;
	padding-top:60px;

}

.opcion-movil{
	line-height: 50px;
	border-bottom: 1px solid white;
	cursor:pointer;
}

.opcion-movil:first-child{
	/*border-top: 1px solid white;*/
}

.opcion-movil:hover{
	background-color: #CA0019;
	color:white;
}

.logo-menu-movil{
	width: 100%;
	max-width: 250px;
	display: block;
	padding-bottom: 20px;
	border-bottom: 1px solid white;
	margin:0 auto;
	margin-top: 20px;

}