@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,600i,700');
@import url('https://fonts.googleapis.com/css?family=Fjalla+One|Poppins|Oswald|Lato');





m

body{
   
  background-color: white;
  overflow-x: hidden;

}

.titulos h1{
  font-family: "Oswald";
  width: 100%;
}

.slider-acheuno{

  color: rgba(255,255,255,.8);
  font-family: "Lato";
  font-weight: 900;
  background: rgba(255,0,0,.2);
  border-radius:5px;
  padding:5px;
  margin-top: 100px;
  font-size: 35px;
  margin-bottom: 20px;
  text-transform: uppercase;

}

.slide-pe{
  
  position: absolute;
  left: 25%;
  width: 50%;
  text-align: center;
  margin: 0 auto;
  color: #fff;
  text-shadow: 1px 1px 6px rgba(0, 0, 150, 1);
  
  
}


.slide-pe::before {

  background-color: rgba(255,0,0,1);
  opacity: .4;
  content:"";
  position:absolute;
  z-index: -1;
  top:0;
  left:0;
  width:100%;
  height: 100%;
  /*background:rgba(0,0,0,0.6);*/
  }

.ir-arriba {
  z-index: 10000;
	padding:10px;
  border-radius: 10%;
  background: rgba(0,0,0,.2);
	cursor:pointer;
	position: fixed;
	bottom:50px;
	right:30px;

}

.ir-arriba i {
  font-size: 24px;
  color:white;
  font-weight: lighter;


}

.upper-bar{
  
  background-color: #555;
  color: #fff;
  width: 100%;
  height: auto;
  padding: 5px;
  text-align:center;

}
.upper-bar span{
  color: #999;
  margin-right: 10px;
  font-size: 20px;
  font-family: "Oswald";
}
.upper-bar i{
  color: #fff;
  font-size: 23px;
  
}

.upper-bar .get-quote{
  width: 100%;
  display: inline-block;
  border: 0px solid #ec1c23;
  padding: 2px 10px;
  margin-left: 0px;
}

/*menu proncipal*/

/* menu superior  */


#menu {
  z-index: 20000;
  background: red;
  position: absolute;
  top: 53px;
  left: 32%;
  font-family: "Oswald";
}




#menu ul
{
  width: 100%;
  justify-content: flex-end;
  margin-left: 0%;


}
#menu li a
{

padding-top: 0px;
padding-left: 10px;
padding-right:  10px;
text-transform: uppercase;
}


#menu .menu ul li {
display: inline-block;
color: #000;
font-size: 20px;
font-weight: lighter;
margin-right: 10px;

}

#menu  ul li a {
list-style: none;
font-size: 20px;
color: #fff;
transition: .2s all;
text-decoration:none;
}



#menu ul li a:hover{
color: white;
font-size: 20px;
background-color: rgb(255, 0, 0);
border-bottom: 10px solid #9A0606;
padding-bottom: 10px;
padding-top: 5px;
padding-left: 10px;
padding-right:  10px;
text-transform: uppercase;
}


/* menu */


.navbar {
  width: 100%;
z-index: 800;
  position: absolute;
  top: 50px;
  left: 0%;
  height: auto;
  margin-top: 10px;
  margin-bottom: 4px;

}


.navbar ul{
  background: #eee;
  padding: 0px;
  width: 100%;
  position: absolute;
  font-family: "Oswald";
  font-size: 18px;
  font-weight: lighter;
  left: 0;
  color: #555;
    

}


.navbar ul li {
  position: relative;
  top: 0px;
  color: black;
  left: 27%;
  transition: all ease .3s;

}





.menu_logo img{

  width: 13%;
  opacity: .9;
   border-radius: 50%;
  border: 3px solid #fff;
  margin-bottom: -145px;
  position: relative;
  left: 50%;
  top: 70px;
  transform: translate(-50%);
  z-index: 2000;
  transition: all ease-in-out .2s;
}

.menu_logo img:hover{

  width: 13%;
  border-radius: 0%;
  border: 4px solid #fff;
  margin-top: 0px;
  margin-bottom: -145px;
  position: relative;
  left: 50%;
  top: 60px;
  transform: translate(-50%);
  z-index: 2000;
}


.buscarx{
  margin: 0 auto;
}



/*productos desde php*/
.container {
    width: 90%;
    color: black;


}


.container h1{
  border: 1px solid #fff;
    margin-top: 10px;
    text-align: left;
    color: white;
    margin-bottom: 10px;
    font-size: 1.3em;
    background: red;
    padding: 5px;
    text-transform: uppercase;
}






/*marcas*/

.container_marcas{
  width: 70%;
  background: white;
  height: auto;
  margin: 130px auto;
  padding: 20px 20px;

}

.container_marcas img{
  width: 100%;
}



/*historia*/




.container_historia{
  width: 100%;
  text-align: justify;
  background: #eee;
  height: auto;
  padding: 0px ;
  overflow: hidden;


}

.fecha{
  position: relative;
  background: red;
  padding: 10px;
  border-radius: 10px;
  z-index: 2000;
}

.img_historia{
  margin: 0 auto;
}

.container_historia  img  {
position: relative;
left: 30%;
z-index: 1000;
width: 55%;
border-radius: 50%;
border: 5px solid rgba(255,0,0,.6);
padding: 5px;
margin-top: 60px;
margin-bottom: 60px;
transition: all .5s;
z-index: 10;
}

.container_historia   img:hover {
transform: translatey(-20px);
z-index: 1;
}




.container_historia span{
  color: #ffffff;
  font-size: 26px;
  margin-top: 180px;
  line-height: 26px;
  text-transform: uppercase;
  font-family: "Open Sans";
  font-weight: 600;



}

.container_historia p{
  position: relative;
  left: 30px;
  padding:40px;
  color: #ffffff;
  margin: 0 auto;
  font-family: "Open Sans";
  letter-spacing: 1px;
  line-height: 26px;
  width: 80%;
  margin-top:30px;
  transition: all linear .3s;
  box-sizing: border-box;
  border-radius: 20px;
  background: #191919;
  border: 3px solid rgba(255,255,255,.5);

}

.imagen_oferta{
  width: 100%;
  border: 1px solid #eee;
  
}

.imagen_oferta2{
  width: 100%;
  margin: 0;
  border: 0px solid #eee;
    

}

.imagen_oferta img{
  
  padding: 10px;
  width: 300px;
  height: 300px;
  
}

.imagen_oferta2 h1{

    text-align: left;
    width: 100%;
    color: black;
    background: transparent;
    padding: 5px;
    font-family: "Fjalla One";
    font-weight: lighter;
    margin-bottom: 10px;
    margin-top: 10px;
    font-size: 1.6em;
    border: 0;
    border-bottom: 3px solid red;
    text-transform: uppercase;
}

.imagen_oferta p{

    text-align: left;
    width: 100%;
    color: black;
    padding: 5px;
    margin-bottom: 10px;
    margin-top: 10px;
    font-size: 1.0em;
   
}


section h1{

  color: #555;
  margin: 0 auto;
  text-transform: uppercase;
  text-align: center;
  font-size: 30px;
  width: 100%;
  border-bottom: 1px dashed #ccc;
  font-family: "Lato";
  font-weight: 700;
  padding-top: 84px;
  padding-bottom: 14px;
  margin-bottom: 120px;
}

section h1 img{


  width: 50px;
  filter: grayscale(100);

}




section h2{

  color: white;
  margin: 0 auto;
  text-transform: capitalize;
  text-align: center;
  font-size: 30px;
  width: 70%;
  border-bottom: 5px solid white;
  padding: 20px;
}





/*  efecto boton ingreso*/

/* Sweep To Top */
.hvr-sweep-to-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: red;

  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  color: white;
}
.hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active {
  color: red;
}
.hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  color: red;
}


/* Bounce To Right */
.hvr-bounce-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: red;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {
  color: white;
}
.hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}




/* caja busqueda arriba */
.cajasBusqueda{
  width: 100%;
  height: auto;
  position: relative;
  top: 0px;
  display: flex;
  justify-content: center;
  background-image: url(../img/buscar.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding-bottom: 150px;
  padding-top: 80px;
  z-index: 1;

}


.cajasBusqueda::before {

  background-image: url(../img/pattern.png);
  opacity: .9;
  content:"";
  position:absolute;
  top:0;
  z-index: -1;
  left:0;
  width:100%;
  height: 100%;
  /*background:rgba(0,0,0,0.6);*/
  }

.cajasBusqueda h1{

  color: #fff;
  margin: 0 auto;
  text-transform: uppercase;
  text-align: center;
  font-size: 40px;
  width: 100%;
  border-bottom: 1px dashed #ccc;
  font-family: "Lato";
  font-weight: 700;
  padding-top: 84px;
  padding-bottom: 14px;
  margin-bottom: 120px;
}

.cajasBusqueda h1 img{


  width: 50px;
  filter: grayscale(100);

}

.social {
  
	position: fixed; /* Hacemos que la posición en pantalla sea fija para que siempre se muestre en pantalla*/
	left: -40px; /* Establecemos la barra en la izquierda */
	top: 530px; /* Bajamos la barra 200px de arriba a abajo */
	z-index: 4000; /* Utilizamos la propiedad z-index para que no se superponga algún otro elemento como sliders, galerías, etc */
}
 
	.social ul {
		list-style: none;
      
	}

.social ul li {
		list-style: none;
        height: 60px;
	}
 
	.social ul li a {
      font-size: 20px;
		display: inline-block;
		color:#fff;
		background: #3b5998;
      height: auto;
		padding: 20px 15px;
		text-decoration: none;
		-webkit-transition:all 500ms ease;
		-o-transition:all 500ms ease;
		transition:all 500ms ease; /* Establecemos una transición a todas las propiedades */
	}
 
	.social ul li .icon-facebook {background:#3b5998;} /* Establecemos los colores de cada red social, aprovechando su class */

 
	.social ul li a:hover {
      
		background: #3b5998; /* Cambiamos el fondo cuando el usuario pase el mouse */
		padding: 20px 30px; /* Hacemos mas grande el espacio cuando el usuario pase el mouse */
	}


.cajasBusqueda img{
  width: 9%;
  filter: grayscale(0);
}

.cajasBusqueda  input{
  color: #fff;

  position: relative;
  left: 50%;
  border-radius: 10px;
  border: 1px solid white;
  padding: 0px;
  transform: translate(-50%);
  background: rgba(0, 0, 0, 0.3);
  width: 80%;
  font-family: "Fjalla One";
  font-size: 35px;
  padding: 10px;
  text-align: center;
  margin-bottom: 80px;
}

.cajasBusqueda  input::placeholder{
  color: #fff;
  font-family: "Open Sans";
  font-size: 20px;

  text-align: center;

}

  .cajasBusqueda  input:focus{
    background: rgba(255, 0, 0, 0.3);
  color:white;
  text-align: center;

  }




.cajasBusqueda  select{
  color: #fff;
  border: 0 solid transparent;
  background: rgba(0, 0, 0, 0.3);
  width: 80%;
  position: relative;
  left: 50%;
  transform: translate(-50%);
  height: 40px;
  font-family: "Fjalla One";
  font-size: 15px;
  padding: 10px;
  text-align: left;
  margin-bottom: 30px;
}

.cajasBusqueda  select:focus{
  color: #fff;
  border: 0 solid transparent;
  background: rgba(255, 0, 0, 0.3);
  width: 80%;
  position: relative;
  left: 50%;
  transform: translate(-50%);
  height: 40px;
  font-family: "Fjalla One";
  font-size: 15px;
  padding: 10px;
  text-align: left;
  margin-bottom: 30px;
}


.cajasBusqueda  label{
  color: #fff;
  position: relative;
  left:50%;
  transform: translate(-50%);
  top: 0;
  padding: 10px;
  font-family: "Fjalla One";
  font-weight: 100;
  font-size: 18px;
}




.cajasBusqueda button{

position: absolute;
left: 50%;
transform: translate(-50%);
background-color: transparent;
color: white;
border: 1px solid #fff;
font-size: 1.1em;
padding:10px;
width: 20%;
font-family: "Fjalla One";
transition: .5s ease;



}
.cajasBusqueda button:hover{
  position: absolute;

  color: white;
  background: rgba(255,0,0,.5);
  border: 1px solid #fff;
  font-size: 1.1em;
  padding:10px;
  width: 30%;
  font-family: "Fjalla One";
  transition: .5s ease;


}

/*mision visio*/
.cjas2 {

  background: #161616;
  padding: 20px;
  color: #ffffff;
  padding: 20px;
  border-radius: 20px;
  text-transform: normal;
  font-family: "Open Sans";
  font-weight: 300;
  width: 100%;
  text-align: center;
  font-size: 18px;
  border-top:  10px solid white;
  border-right:   3px solid white;
  transition: all linear .2s;
  box-sizing: border-box;
}




.cjas {

  background: #161616;
  padding: 0px;
  color: #ffffff;
    border-radius: 20px;
  padding: 20px;
  text-transform: normal;
  font-family: "Open Sans";
  font-weight: lighter;
  width: 100%;
  text-align: center;
  font-size: 18px;
  border-top:  10px solid white;
  border-right:   3px solid white;
  transition: all linear .2s;
  box-sizing: border-box;

}




.cjas  h2{
  margin-bottom: 5px;
  font-size: 40px;
    font-family: "Oswald";
    color: white;
}

.cjas2  h2{
  font-size: 50px;
  margin-bottom: 5px;
    font-family: "Oswald";
      color: white;
}

section .container_nosotros{
  width: 100%;
  background: transparent;
  height: auto;
  padding: 20px 20px;
  text-align: center;
  margin-bottom: 100px;
  background: red;

}

 section .container_nosotros p{
  width: 50%;
  margin: 20px auto;
  font-size: 1.4em;
  font-family: "Oswald"

}






/*contacto*/

.container_contacto{
  margin-top: 100px;
  width: 100%;
  background: transparent;
  height: auto;

}

  /* contacto */



.contacto{
  
  border-top: 10px solid rgba(255,0,0,.4);
  background-image: url(../img/local.jpg);
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-bottom: 150px;
  height: auto;
  font-family: "Poppins";
  border-bottom: 10px solid rgba(255,0,0,.4);
  margin-bottom: 100px;
}

.contacto form {

width: 100%;
margin: 100px 0;
transition: all ease .5s;
font-family: "Poppins";

}

.contacto form input{

  background-color: rgba(0,0,0,.2);
  font-family: "Poppins";
  color: #ccc;

}

.contacto form input:focus{

  background-color: rgba(255,0,0,.2);
  color: #f2f2f2;
  font-family: "Poppins";
}

.contacto form select{

  background-color: rgba(0,0,0,.2);
  color: #f2f2f2;
  font-family: "Poppins";
  padding: 20px;
  width: auto;
  height: 50px;
}

.contacto::before {

  background-image: url(../img/pattern.png);
  opacity: .4;
  content:"";
  z-index: 10;
  position:relative;
  top:0;
  left:0;
  width:100%;
  height: 100%;
  /*background:rgba(0,0,0,0.6);*/
  }

.contacto h1{
  color: white;
  background-color: rgba(255,0,0,.4);
  width: 50%;
  padding: 15px;
  font-family: "Anton";


}

.contacto h3{
  color: white;
  background-color: rgba(255,100,0,.6);
  width: 100%;
  text-align: center;
  font-size: 24px;
  padding: 15px;
  font-family: "Open Sans";
  font-weight: 600;
  margin-bottom: 40px;


}

.contacto form label{
  color: #fff;
  font-family: "Open Sans";
  font-size: 20px;


}
.centrar{
  margin: 100px auto;
  width: 60%;
}




/*mapa*/

.container_mapa{
  margin-top: 0px;
  width: 100%;
  height: auto;
  background: transparent;



}



/*FOOTER*/



/*footer*/

footer{


  width: 100%;
  height: auto;
  padding-left: 0px;

  border-top: 10px solid  #333;
  background: #ccc;
  padding-top: 50px;
  padding-bottom:  50px;

}



footer ul li{
list-style: none;
margin: 0;
}

.forma_pago{
 
  width: 120%;
  
}

footer h1{
  text-transform: uppercase;
  color: white;
  font-size: 17px;
  width: auto;
  margin-left: 0px;
  background: rgba(255,0,0,.5);
  padding: 5px;
  font-family: "Oswald";
  margin-bottom: 30px;

}

footer ul li i{
  font-size: 100px;
  color: #555;
  margin-right: 20px;
}

footer img{
  margin-left: 50%;
  margin: 0 auto;
  width: 60%;
  padding: 10px;
}

.logo{
  position: absolute;
  left: 50%;
  transform: translate(-50%);
}




/*MEDIA QUERY*/

@media (max-width: 480px) {

/*slider*/




.slider-acheuno{
 display: none;

}

.slide-pe{
display: none;
}


/* ir arriba*/

.ir-arriba {
  z-index: 10000;
  border-radius: 0%;
	padding:10px;
	font-size:10px;
	color:white;
	cursor:pointer;
	position: fixed;
	bottom:100px;
	right:5px;

}

.ir-arriba i {
  font-size: 18px;

}

.navbar-toggler {
  background: rgba(255,255,255,.9);
}
/*busqueda*/

.cajasBusqueda{
  width: 100%;
  height: auto;
  position: relative;
  top: 0px;
 background: #000;
  padding-bottom: 150px;
  padding-top: 60px;
  z-index: 1;

}




.cajasBusqueda::before {

  
  opacity: .9;
  content:"";
  position:absolute;
  top:0;
  z-index: -1;
  left:0;
  width:100%;
  height: auto;
  /*background:rgba(0,0,0,0.6);*/
  }

.cajasBusqueda h1{

  color: #fff;
  width: 100%;
  padding: 10px;
  margin: 30px auto;
  text-align: center;
  font-size: 1.5em;
  font-family: "Open Sans";
  font-weight: 300;
  margin-bottom: 30px;
}



.cajasBusqueda img{
  width: 100%;
 
  
  filter: grayscale(0);
}








.cajasBusqueda button{

position: absolute;
left: 50%;
text-align: center;
transform: translate(-50%);
background-color: transparent;
color: white;
border: 1px solid #fff;
font-size: 1.1em;
padding: 10px;
width: 30%;
font-family: "Fjalla One";
transition: .5s ease;



}


/*contacto*/

.container_contacto{
  margin-top: 0px;
  width: 100%;
  background: transparent;
  height: auto;
}

  /* contacto */



.contacto{
  border-top: 10px solid rgba(255,0,0,.4);
  background: #ddd;
  padding-bottom: 50px;
  height: auto;
  font-family: "Poppins";
  border-bottom: 10px solid rgba(255,0,0,.4);
  margin-bottom: 10px;
}

.contacto form {

width: 90%;
margin: 0 auto;


}

.contacto form input{

  background-color: rgba(0,0,0,.7);
  font-family: "Poppins";
  color: #fff;

}

.contacto form input::placeholder{


  font-family: "Poppins";
  color: #ccc;

}

.contacto form input:focus{

  background-color: rgba(255,0,0,.2);
  color: #fff;
  font-family: "Poppins";
}

.contacto form select{

  background-color: rgba(0,0,0,.2);
  color: #f2f2f2;
  font-family: "Poppins";
  padding: 20px;
  width: auto;
  height: auto;
    font-size: 15px;

}

.contacto form select:focus{

  background-color: rgba(0,0,0,.2);
  color: #f2f2f2;
  font-family: "Poppins";
  padding: 20px;
  font-size: 15px;
  width: auto;
  height: 50px;

}

.contacto::before {

display:none;
  }

.contacto h1{
  color: white;
  background-color: rgba(255,0,0,.4);
  width: 100%;
  padding: 15px;
  font-family: "Poppins";


}

.contacto h3{
  color: white;
  background-color: rgba(255,100,0,.6);
  width: 100%;
  text-align: center;
  font-size: 24px;
  padding: 15px;
  font-family: "Poppins";
  font-weight: 600;
  margin-bottom: 40px;


}

.contacto form label{
  color: #000;
  font-family: "Poppins";
  font-size: 17px;


}
.centrar{

  width: 0%;
}

/*  mision Vision*/

.cjas2 {
  margin: 0;
  background: #888;
  padding: 20px;
  color: #ffffff;
  padding: 10px;
  text-transform: normal;
  font-family: "Lato";
  font-weight: 300;
  width: 100%;
  text-align: center;
  font-size: 18px;
  border-top:  0px solid white;
  border-right:   3px solid white;
}

.cjas {
  margin: 0;
  margin-bottom: 10px;
  background: #555555;
  padding: 0px;
  color: #ffffff;
  padding: 20px;
  text-transform: normal;
  font-family: "Lato";
  font-weight: 300;
  width: 100%;
  text-align: center;
  font-size: 18px;
  border-top:  3px solid white;
  border-right:   3px solid white;

}

.cjas  h2{
  margin-bottom: 5px;
  font-size: 40px;
    font-family: "Oswald";
    color: white;
}

.cjas2  h2{
  font-size: 40px;
  margin-bottom: 5px;
    font-family: "Oswald";
      color: white;
}

section h2{

  color: white;
  margin: 0 auto;
  text-transform: normal;
  text-align: center;
  font-size: 30px;
  width: 70%;
  border-bottom: 5px solid white;
  padding: 20px;
}



  section .container_nosotros{
    font-family: "Open Sans";
    letter-spacing: .6px;
    line-height: 20px;
    margin-top: 20px;
    text-align: left;
  }

  section h1{

    color: #08526d;
   
    text-transform: uppercase;
    text-align: center;
    font-size: 25px;
    width: 100%;
   
    font-family: "Oswald";
    font-weight: 900;
    padding-top: 54px;
    margin-top: 80px;
    margin-bottom: 20px;
  
  }
  


  section h1 img{

    padding: 10px;
    width: 120px;

  }

  section .container_nosotros p{
   width: 100%;
  
 }






 .menu_logo img{

   width: 28%;
   opacity: 1;
   border: 2px solid #fff;
   margin-top: 10px;
   margin-bottom: -100px;
   position: absolute;
   left: 50%;
   top: 0px;
   transform: translate(-50%);
   z-index: 16000;
 }

 .menu_logo img:hover{

   width: 28%;
   opacity: 1;
   border: 2px solid #fff;
   margin-top: 10px;
   margin-bottom: -100px;
   position: absolute;
   left: 50%;
   top: 0px;
   transform: translate(-50%);
   z-index: 16000;
 }



 .upper-bar{
 display: none;
 }
 .container-fluid p{

     text-align: center;
     color: black;
     margin-bottom: 10px;
     margin-top: 10px;
     font-size: 1.0em;
     text-transform: uppercase;
 }
 .container-fluid h1{
     margin-top: 10px;
     text-align: center;
     color: white;
     margin-bottom: 10px;
     font-size: 1.3em;
     background: red;
     padding: 10px;
     text-transform: uppercase;
 }
 .container-fluid img {
     margin: 0;
     width: 100%;
     height: 15rem;
     border: 1px solid #ddd;
     padding: 10px;

 }

 .container_marcas{
   width: 100%;
   background: white;
   height: auto;


 }

 .container_historia{
   width: 100%;
   padding: 15px;
   background: #ccc;
   height: 100%;

 }
 .container_historia img{
 z-index: 1000;
 position: relative;
   left: 16%;
 width: 70%;
 border-radius: 50%;
 border: 5px solid rgba(255,255,255,1);
 padding: 5px;
 margin-top: 20px;


 }

 .container_historia  img:hover {
 transform: translatey(20px);
 z-index: 50;
 }

 .fecha{

   text-align: center;
   background: red;
   display: block;
   padding: 10px;
   border-radius: 10px;
   z-index: 1000;
   margin-bottom: 60px;
 }


 .container_historia span{
   color: #ffffff;
   font-size: 19px;
   margin-top: 20px;
   position: relative;
   left: 0;
   text-transform: uppercase;
   font-family: "Open Sans";
   font-weight: 600;



 }

 .container_historia p{

   padding:20px;
   color: #ffffff;
   position: relative;
   left: 0;
   margin: 0;
   font-family: "Open Sans";
   letter-spacing: 1px;
   margin-top:10px;
   transition: all linear .3s;
   width: auto;
   border-radius: 20px;
   background: #191919;
   font-size: 14px;

 }
 .container_historia  p:hover {

   background: #222222;
   color: #ffffff;
   border-radius: 20px;


 }

 .centrar{

   width: 100%;
 }

   .forma_pago{
   display: none;

   }

   footer{
     width: 100%;
     height: auto;
     padding-left: 0;
     box-sizing: border-box;
     margin-top: 10px;
     background: #ddd;
     padding-top: 20px;
     padding-bottom:  50px;

   }
   
   footer td{
       color: #555;
        font-family: "Oswald";
   }

   footer h1{
     text-transform: uppercase;
     color: white;
     font-size: 25px;
     width: 100%;
     margin-left: 0px;
     background: red;
     border-radius: 5px;
     text-align: center;
     font-family: "Oswald";
     font-weight: 600;
     margin-bottom: 40px;
     border: transparent;

   }

   footer ul li{
       margin-bottom: 5px;
       color: #fff;

   }

   footer ul li i{

     color: #fff;
     margin-right: 20px;
   }

   footer img{
     margin-top: 60px;
   }

}