@charset "utf-8";
/* CSS Document */

body{
	font-family:"Kirvy-Regular", Calibri, Arial;
	color:#333;
	font-size: 1.2rem;
	line-height: 1.4em;	/*interlineado*/
	margin: 0;
	top:0;
	box-sizing: border-box;/*el tamaño de los contenedores incluye los bordes*/
}
h1{
	font-size: 2rem;
	line-height: 1.3em;
}
p{
	margin-bottom: 1.6em;	/*margen inferior*/
}
.italic{
	font-style: italic;
}
.texto-editado{
	text-align: justify;
	margin: auto;
	width: 90%;
	/*background-color: indianred;*/
}
.container{
	width: 100%;	/*centramos el elemento*/
	max-width: 850px; /*se extiende hasta 85% mientras no sea mas que 850px*/
	margin: 0 auto; /*magen0 arriba y abajo y automatico a los lados*/
	border: /*2px;*/none;
	/*padding: 5%;*/
	/*border-color: red;border-color: red;*/
	/*background-color: aqua;*/
}
.container-politicas{
	width: 90%;	/*centramos el elemento*/
	margin-left: 5%;
	max-width: 850px; /*se extiende hasta 85% mientras no sea mas que 850px*/
	font-size: 15px;
	text-align: left;
	/*margin: 0 auto; /*magen0 arriba y abajo y automatico a los lados*/
	/*border: 2px; none;*/
	/*border-color: red;border-color: red;*/
	/*background-color: orange;*/
}
.container-quienes{
	width: 90%;	/*centramos el elemento*/
	margin-left: 5%;
	max-width: 850px; /*se extiende hasta 85% mientras no sea mas que 850px*/
	font-size: 18px;
	text-align: left;
	line-height: 30px;
	font-weight: bolder;
	/*margin: 0 auto; /*magen0 arriba y abajo y automatico a los lados*/
	/*border: 2px; none;*/
	/*border-color: red;border-color: red;*/
	/*background-color: orange;*/
}
.header{
	background-color: white;
    /*padding: 2rem 0; /*relleno arriba y abajo, y 0 a los lados*/
    /*padding: 0;*/
    position: fixed;
	z-index: 10;
    left: 0;
    top: 0;
    /*width: 100%; o right:0; -> valen las 2 opciones*/
    /*lo amplia hasta tocar la página o lo extiende al eje dercho:*/
	width: 100%;	
	height: 85px;
	border: none;
}
.header a{
    color: white; /*menu desplegable*/
    text-decoration: none; /*menu desplegable*/
}
.logo-nav-container{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.logo{
	width: 200px;
	height: 75px;
    /*letter-spacing: 15px;
    font-size: 1.4em;*/  
}
/*elimina el icono-menu de tablet y movil de la vista normal:*/
.menu-icon{
    display: none; 
}
.navigation ul{
    margin: 0;
    padding: 0;
    list-style: none;
	background-color: #FF3333;
	text-align: center;
	
}
.navigation ul li{
    display: inline-block; /*elementos uno al lado del otro*/
}
.navigation ul li a{
    display: block; /*los enlaces como bloques*/
    padding: 0.5rem 1rem; /*05 arriba y abajo y 1 a los costados*/  
    transition: all 0.4s linear;
    border-radius: 5px;
}
.navigation ul li a:hover{
    background: #4a4a4a;
}
.main{
    /*bajamos el main, para que se vea por debajo de la cabecera*/
    padding-top: 85px;
}
.menu-change{
}
/*-----------main-----------*/
/*-----------boton cerrar paginas politicas-------------*/
.boton-cerrar{
	padding: 20px;
}
/*INICIO--div de spacios para las llamadas a ancla, e iconos*/ 
.space{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	height: 85px;
	/*background-color: aqua;*/
}
/*======================================================*/
.caja-facebook{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	height: 60px;
	width: 200px;
	border: solid;
	border-radius: 10px;
	border-color: black;
	border-width: 5px;
	background-color: #FF6666;
	color: black;	
}
.text-decoration-none{
	text-decoration: none;
	/*cursor: pointer;*/
}
.siguenos{
	padding-right: 20px;	
}
/*FIN--div de spacio para las llamadas a ancla, e iconos*/
.titulo{
	display: flex;
	justify-content: center;
   	height: auto;
	background-color: black;
	align-items: center;
    text-align: center;
	color: white;
}
.letraroja{
	color: #E7302A;
}
.ven{
	display: flex;
	justify-content: center;
	align-items: center;
    text-align: center;
	width: 100%;
	height: 70px;
	/*background-color: #FF6666;*/
}
/*=========sliders======comienza*/
#c-slider, #c-slider1{
	margin: auto;
	width: 100%;
	max-width: 850px;
	position: relative;
	overflow: hidden;
	border-top: 5px solid;
	border-bottom: 5px solid;
	border-color: #fff;
	/*border-radius: 25px;*/
}
#slider1{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	width: 300%; /*100 para 1 imagen, 200 para 2 imagenes...*/
}
#slider{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	width: 900%; /*100 para 1 imagen, 200 para 2 imagenes...*/
}
#slider section, #slider1 section{
	width: 100%;
}
#slider img, #slider1 img{
	display: block;
	width: 100%;
	height: 100%;	
}
/*--------------Texto debajo de cada foto---------------------------*/
.img-texto-cslider{
	width: 100%;
	height: auto;
}
.img-cslider{
	width: 100%;
	height: auto;
	
}
.texto-cslider{
	display: flex;
	align-content: center;
	justify-content: center;
	align-items: center;
	text-align: center;
	width: 95%;
	height: 120px;
	margin: 0 auto;
	/*background-color: lightcoral;*/
}

/*-----------------------------------------*/
#btn-prev, #btn-next, #btn-prev1, #btn-next1{
	width: 40px;
	height: 40px;
	background: rgba(255, 255,255, 0.7);
	position: absolute;
	top:57%;
	transform: translateY(-57%);
	line-height: 40px;
	font-size: 30px;
	font-weight: bold;
	text-align:center;
	border-radius: 50%;
	cursor: pointer;
}
#btn-prev:hover, #btn-next:hover, #btn-prev1:hover, #btn-next1:hover{
	background: rgba(255, 255,255, 1);
}
#btn-prev, #btn-prev1{
	left: 10px;
}	
#btn-next, #btn-next1{
	right: 10px;
}	
/*=========slider2======termina*/


/*Para cuando la pantalla tenga un tamaño maximo de 767 px:*/
@media only screen and (max-width: 1000000px){
    /*Elementos del menu:*/
    .menu-icon{
        display: block;
        cursor: pointer;
        /*padding:0.5rem 1rem;*/
		padding: 20px;
		width: 45px;
		height: 45px;
    }
	.container_navigation{
		/*background-color: goldenrod;*/
		width: 200px;
		height: 80px;
	}
        .navigation{
        width: 300px;	/*centramos el elemento*/
        margin-top: 1rem; /*lo despega del logo*/
		background-color: #ff3333;
		position:fixed;
		top: 69px;/*la medida de la cabecera*/
		left: 50%;/*posición fixed a la mitad de la pantalla*/
		margin-left: -150px;/*calculo de la mitad del ancho del fixed para centrar el elemento*/
    }
    .navigation  ul{
        display: none;
    }
    .navigation  ul.show{
        display: block;
    }
    .navigation ul li{
        /*los elementos solo de bloque, no de lista:(quitamos el inline de inline-block:*/ 
        display: block; /*elementos uno al lado del otro*/
    }
    .navigation ul li a{
        display: block; /*los enlaces como bloques*/
        padding:0.3rem 0; /*05 arriba y abajo y 0 (nada) a los costados- el alto en el menu entre enlaces*/  
        transition: all 0.4s linear;
        border-radius: 5px;
		font-size: 20px; /*tamaño de letra de los enlaces del menu*/
    }
    .navigation ul li a:hover{
        background: #4a4a4a;   
    }
}
/*caja de pedidos a domicilio===============================================================*/
.pedidos{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content:space-around;
}
/*caja de descarga===================================================*/
.caja-descarga{
	width: 400px;
	min-width: 300px;
	height: auto;
}
.caja-texto-descarga{
	display:flex;
	justify-content: center;
	align-items: center;
	text-align: center;	
	width: 100%;
	height: 100px;
}
.imagen-descarga{
	display:flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100px;
}

.boton-descarga{
	display:flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100px;
}
.btn-desc{
	background-color: #FF3333;
  	color: white;
  	padding: 10px 20px;
  	text-decoration: none;
	border:solid;
	border-width: 5px;
	border-color: #333333;
	border-radius: 10px;	
}

/*caja de pedidos======================================================*/
.caja-pedido{
	width: 400px;
	min-width: 300px;
	height: auto;
}
.caja-texto-pedido{
	display:flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	width: 100%;
	height: 100px;
}
.imagen-pedido{
	display:flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100px;
}
.tel-pedido{
	display:flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	background-color: white;
	width: 100%;
	height: 100px;
}
/*=====================================================================*/

/*caja de productos======================================================*/
.caja-otros-productos{
	display: flex;
	/*flex-direction: row;*/
	flex-wrap: wrap;
	justify-content:space-around;
	/*background-color: greenyellow;*/
}
.caja-producto{
	width: auto;
	height: auto;
	/*border-width: 1px;
	border-color: #FF3333;
	border-style: solid;*/
	padding: 5px;
	/*background-color:aquamarine;*/
}
.caja-imagen-producto{
	display:flex;
	justify-content: center;
	width: 100%;
	height: auto;
	/*border-width: 1px;
	border-color:black;
	border-style: solid;*/
	/*background-color:goldenrod;*/
}
.img-masproductos{
	width: 100%;
    height: auto;
	border-radius: 25px;
}
.caja-texto-producto{
	display:flex;
	justify-content: center;
	align-items: center;
	text-align: center;	
	width: 100%;
	height: auto;
	font-style: italic;
	/*background-color: green;*/
}
/*=====================================================================*/
.quienes{
	width: 100%;
    height: auto;
	/*background-color: cornflowerblue;*/
}
.caja-imagen-quienes{
	display:flex;
	justify-content: center;	/*centra el elemento que contiene*/
	width: 100%;
	align-items: center;
	text-align: center;	
	/*margin: 0 auto;	/*centra el div*/
	/*height: auto;	/*altura automática*/
	/*background-color: rosybrown;*/
}
.img-quienes{
	width: 95%;
    height: auto;
	border-radius: 5%;
}
.caja-texto-quienes{
	width: 100%;
	margin: 0 auto;	/*centra el div*/
	height:auto;
	/*background-color: red;*/		
}
/*caja donde-estamos===============================================================*/
.donde-estamos{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content:space-around;
	/*background-color: aqua;*/
}
.caja-donde-estamos{
	width: 48%;
	min-width: 300px;
	height: auto;
	/*background-color: chocolate;*/
	padding: 0 1%;
}
.imagen-donde-estamos{
	display: flex;
  	justify-content: center;
	align-content: center;
	width: 100%;
	height: auto;
	/*background-color: brown;*/
}
.img-donde{
	width: 100%;
	height: auto;
}
.caja-texto-donde-estamos{
	display:flex;
	flex-direction: column;
	justify-content: center;
    text-align: center;	
	width: 100%;
	height: auto;
	/*background-color: darkolivegreen;*/
}
/*=====================================================================*/
.texto-marcas{
	display: flex;
	justify-content: center;
   	height: 50px;
	background-color: white;
	align-items: center;
    text-align: center;
	color: black;
	background: #FF6666;
}
.cajon-marcas{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content:space-around;
	/*background-color: #FF6666;*/
}
.caja-imagen-marcas{
	width: 100px;
	height: 100px;
	margin: 20px;
	/*background-color: firebrick;*/
}
.img-marcas{
	width: 100%;
    height: auto;
}
/*===========================pies======================================*/
.politicas{
	display: flex;
	flex-basis: auto;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
	height: auto;
	min-height: 100px;
	border-width: 20px;
	border-color: red;	
}
.politicas a {
	text-decoration: none; 
    color: red;
	margin: 0 50px;
	padding: 5px;
	border-radius: 5px;
} 
.copyright{
    background-color: black;
	color: white;
    width: 100%;
	height: auto;
    text-align: center;
	font-size: 15px;
}
.nospacep{
	margin: 0 auto;
}
.espacio-flecha{
	height: 30px;
}
/*=====================================================================*/
.ir-arriba {
	display: none;
	cursor: pointer;
	position: fixed;
	bottom: 5px;
	right: 5px;
}
/*=====================================================================*/
.tabla{
	display: flex;
	justify-content: space-around;
	margin: 0 auto;
	/*background-color: coral;*/
}
.tabla-horario{
	border:1px solid red;
	text-align: center;
	width: 300px;
}
.espacio25px{
	height: 25px;
	width: 100%;
	max-width: 850px;
	margin: 0 auto;
	/*background-color: forestgreen;*/
}
/*===============Para el icono de cerrar archivos de politicas y subir=================*/
.enlace-index{
	cursor: pointer;
	padding: 20px;
	width: 45px;
	height: 45px;
}
/*======================páginas PHP====================*/
.pass-php{
	cursor: default;/*---el acceso "icono cuchillo"*/
}
.pass-input{
	width: 100px;
	height: 50px;
	font-size: 15px;
}
.subir-input-file{
	width: 300px;
	height: 50px;
	font-size: 20px;
}
.subir-input{
	width: 200px;
	height: 50px;
	font-size: 20px;
}
.all-center{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.caja-file{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: auto;
	min-width: 310px;
	height: 265px;
	border: solid;
	border-width: 2px;
	border-color: #FF3333;
}
.recarga-pagina{
	text-decoration: none;
	color: black;
}
.boton-php{
	width: 200px;
	height: 30px;
	background-color: lightgray;
	border-radius: 3px;
}
.boton-php:hover{
	background-color: gray;
}
.error404{
	width: 300px;
	height: 150px;
	display:flex;
	justify-content: center;
	align-items: center;
	/*background-color: aquamarine;*/
}
.text-align-center{
	text-align: center;
}
.boton-enlace{
	text-decoration: none;
	color: black;
	padding: 5px;
	border-radius: 5px;
	border: solid;
	border-color: black;
	border-width: 2px;
	background-color: #FF6666;
}
.space5{
	height: 5px;
}
.container90{
	width: 90%;	/*centramos el elemento*/
	max-width: 500px; /*se extiende hasta 50% mientras no sea mas que 500px*/
	margin: 0 auto; /*magen0 arriba y abajo y automatico a los lados*/
	/*border: 2px solid red;*/
  	/*border-radius: 25px;*/
}
.cajon-silla{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
	height: 80px;
	/*background-color: #FF6666;*/
}
.caja-imagen-silla{
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
	width: 20%;
	height: 80px;
	/*background-color: firebrick;*/
}
.caja-text-silla{
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
	width: 70%;
	height: 80px;
	/*background-color: lawngreen;*/
}
.img-silla{
	width: 65px;
	height: 65px;
}
.recuadro-rojo{
	border: solid;
	border: double;
	border-color: red;
	border-width: 5px; 
}
/*===============OFERTA=================*/
.oferta{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content:space-around;
}
.boxfoto-oferta{
	width: 420px;
	height: auto;
	/*background-color: indianred;*/
	display:flex;
	justify-content: center;
	margin: 2px;
}
.imagen-oferta{
	max-width: 95%;
    height: auto;
}
.boton-enlace-web{
	text-align: center;
	background-color: #223094;
  	color: white;
  	padding: 15px 25px;
	text-decoration: none;
	border: 2px solid red;
  	border-radius: 25px;
}
.boton-enlace-web:hover{
	background-color: #199319;
}
/*===============OFERTA=================*/
