body{
    font-size: 16px;
}


/************* MENU PRINCIPAL********** */
header.menu{
    background-color: #ED1C24;
    position: fixed;
    width: 100%;
    z-index: 100;
}
/**************** esconder/aparecer menu *********************/
.slideUp {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    transition: transform .5s ease-out;
}

.slideDown {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition: transform .5s ease-out;
}
/*************FIN MENU PRINCIPAL********** */
/************* ESTILOS A BUSCADOR ********** */
.input-group>.form-control{
    font-family: 'Oswald', sans-serif!important;
}
/* estilos a buscador */
input.form-control:focus{
    font-family: 'Oswald', sans-serif!important;
    box-shadow: none!important;
    border-color: white!important;
}
/* boton buscar negocios */
button.btnBuscarNegocios{
    background-color: white!important;
}
button.btnBuscarNegocios i{
    color: #EAC102;
    font-size: 1.2rem;
    font-weight: bold;
}
/* //quitar focus de botones */
.btn.focus, .btn:focus{
    box-shadow: none;
}

/************* FIN ESTILOS A BUSCADOR********** */

/************* ESTILOS BOTON INGRESAR DE LISTA DE NEGOCIOS Y OTRAS PAGINAS********** */
/* //boton ingresar a cuenta */
a.btnIngresar{
    font-family: 'Oswald', sans-serif;
    background-color: white;
    padding: 5px 20px;
    border-radius: 5px;
    color: #ED1C24;
    font-size: 1rem;
    text-decoration: none;
    transition: all .5s ease;
}
a.btnIngresar:hover{
    background-color: #ED1C24;
    color: white;
    border: 1px solid white;
}
/************* FIN ESTILOS BOTON INGRESAR DE LISTA DE NEGOCIOS Y OTRAS PAGINAS********** */

/*************************************************************/
/*******ESTILOS A IMAGEN Y NOMBRE DE USUARIO EN SESION*******/
/************************************************************/

/*IMAGEN DE PERFIL DE USUARIO EN EL MENU*/
img.imgPerfilMenu{
    width: 30px;
    height: 30px;
    margin-right: 5px;
    border-radius: 50%;
}
button.btnSesionUsuarioImg{
    font-family: 'Oswald', sans-serif;
    background-color: transparent;
    color: white;
}
div.dropdownDesplegado{
    width: 300px!important;
    padding: 0;
    border-radius: 10px;
}
div.footerDropDown{
    background-color: red;
    padding: 20px 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
p.textoNombreUsuario{
    color: red;
    font-family: 'Oswald', sans-serif;
}
img.imgPerfilDropdownDesplegado{
    border-radius: 50%;
    width: 100px;
    height: 100px;
    margin: 10px 0;
}
a.textoFootetDropdown{
    font-family: 'Oswald', sans-serif;
    color: white;
}

/*ESTILOS BARRA DE BOTON REGRESAR*/
header.contenedorRegresar{
    height: 80px;
    background-color: #FAFAF8;
    padding: 0 20px;
}
a.regresar{
    font-family: 'Oswald', sans-serif;
    color: #ED1C24;
    text-decoration: none;
    font-size: 1.3rem;
}
a.regresar:hover{
    color: #F3676D;
}
a.regresar i{
    font-size: 1.5rem;
    margin-right: 10px;
}
/*FIN ESTILOS BARRA DE BOTON REGRESAR*/


/* color de fondo section inicio */
section.backgroundBlanco{
    background-color: white;
    /* height: 1200px; */
}
/* link logotipo */
a.linkLogotipo{
    text-decoration: none;
}
/* logotipo */
h1.logotipo{
    font-family: 'Shadows Into Light', cursive;
    font-size: 1.5rem;
    color:red;
    letter-spacing: 5px;
    font-weight: 500;
}
/* letra A-E del logotipo */
span.letrasGrandes{
    font-size: 2.5rem;
    color: #EAC102;
    font-weight: 700;
}
/* SLOGAN TLAXCALA */
h6.slogan{
    font-family: 'Shadows Into Light', cursive;
    color: red;
    letter-spacing: 6px;
    line-height: 1; 
    font-weight: bold;
}
/*******
* BOTON PARA REGISTRO DE NEGOCIO Y PARA INGRESO DE USUARIO*****
*/
a.btnRegistroNegocio,
button.btnRegistroNegocio{
    background-color: #ED1C24;
    color: white;
    font-family: 'Open Sans', sans-serif;
    transition: all .5s ease;
}
a.btnRegistroNegocio:hover,
button.btnRegistroNegocio:hover{
    font-family: 'Open Sans', sans-serif;
    background-color: white;
    color: #ED1C24;
    border: 1px solid #ED1C24;
}
/******************
Boton enviar
******************/
/* estilos btn enviar */
button.btnEnviar{
    background-color: #ED1C24;
    color: white;
    border: solid 1px #ED1C24;
}
button.btnEnviar:hover{
    background-color: white;
    color: #ED1C24;
}

/*******
* BOTON PARA REGISTRO DE NEGOCIO Y PARA INGRESO DE USUARIO*****
*/

a.btnIniciarSesion{
    background-color: white;
    color: #ED1C24;
    border: 1px solid #ED1C24;
    transition: all .5s ease;
}
a.btnIniciarSesion:hover{
    background-color: #ED1C24;
    color: white;
}

/* estilos titulo h3 de la seccion de informacion */
h3.tituloH3Info{
    font-family: 'Oswald', sans-serif;
    color: #ED1C24;
}
/* div contenedor general de informacion */
ul.ulListaInfo{
    list-style: none;
    padding: 0;
    margin: 0;
}
/* estilos a links */
ul.ulListaInfo li a{
    font-family: 'Open Sans', sans-serif;
    text-decoration: none;
    font-size: 1.1rem;
    line-height: 2;
    color: #717171;
}
ul.ulListaInfo li a:hover{
    color: #ED1C24;
}
div.redesSociales{
    text-align: right;
}
ul.listaRedesSo li a{
    font-size: 1.5rem;
    color: #ED1C24;
}
ul.listaRedesSo li a:hover{
    color: #717171;
}
/* FOOTER */
footer.footer{
    background-color: #ED1C24;
}
a.textoFooter, p.textoFooter{
    font-family: 'Oswald', sans-serif;
    color: white;
    font-size: 1rem;
    text-decoration: none;
    margin: 0;
}


/*RECOMENDACIONES O NEGOCIOS SIMILARES*/
/*Estilos a la recomendaciones
*o negocios similares es un archivo aparte
*/
div.recomendaciones{
    font-family: 'Oswald', sans-serif;
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1201px) { 

    /* TEXTO PRINCIPAL del inicio */
    p.textoCentral{
         font-size: 2rem;
         margin-top: 0;
    }
    /* Imagen 1 izquierda */
    div.imgNegocioUno{
         height: 350px;
         background-position: 20%;
         margin-top: 100px;
    }
    /* Imagen 2 derechas */
    div.imgNegocioDos{
         height: 350px;
         width: 100%;
         background-position: right;
         margin-top: 250px;
    }
    /* link que lleva a negocios */
    p.textoLinkNegocios{
         font-size: 1.2rem;
    }
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {  }
/* Small devices (landscape phones, less than 768px) */
@media (max-width: 768.98px) { 
    /* Logotipo */
    div.header{
         text-align: center;
    }
    /* contenedor de botones registro e inicio de sesion */
    div.contenedorBTNregistroSesion{
         text-align: center!important;
         margin-top: 30px;
    }
    /* estilos a links */
    ul.ulListaInfo li a{
         font-size: 1rem;
    }
    /* estilos h3 informacion */
    h3.tituloH3Info{
         font-size: 1.3rem;
    }
    /*LOGOTIPO */
    h1.logotipo{
         font-size: 1.2rem;
    }
    /* Span letras grandes */
    span.letrasGrandes{
         font-size: 1.5rem;
    }
    /* estilos a los div del footer */
    div.contenedoreFooter{
         margin-bottom: 20px;
    }
    div.contenedoreFooter:last-child{
         margin-bottom: 0px;
    }
    
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) { 
    /* div redes sociales */
    div.redesSociales{
         text-align: left;
    }
}