*   
    {box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0;}

body 
    {display: flex;
    flex-direction: column;
    font-size: 100%;
    font-family: 'exo', sans-serif;
    background-color: #f3f3f3;}

.fondo {background-color: #ffe22b;}
.fondo2 {background-color: #5a0f4f;}
.fondoimg {background-image: url(img/fondo.jpg); background-size: cover;}


/*
COLORES

000 Gris Oscuro
ffe22b Amarillo
e00202 Rojo
5a0f4f Violeta
f3f3f3 Gris claro
*/



/*  H1 a p   */

h1
    {font-size: 1.65rem;
    font-weight: 700;}

h2 
    {font-style: italic;
    font-weight: 800;
    font-size: 1.25rem;}

h3
    {font-size: 1.2rem;
    font-weight: 600;}



/*  Generales   */
.encabezado 
    {width: 100%;
    height:2.5rem;
    display: flex;
    flex-direction: row;
    padding: 0rem 2;
    color: #fff;
    background-color: #000;
    justify-content: space-between;
    align-items:center}
    /*border-bottom-style: solid;
    border-bottom-color:#3D4244;
    border-bottom-width:2px;*/

.encabezado h2
    {margin: auto;
    color: #ffe22b;}

.volver 
    {margin: 0;}

.volver img
    {height: 18px;
    margin-left: 1rem;}

.hamburguesa img
    {height: 18px;
    margin-right: 1rem;}

.botones
    {margin: auto;
    width: 85%;}

.botonchico
    {padding: 0px;
    margin: auto;
    width: 100%;

    bottom: 0;}


.botonchico h4
    {color: #ffffff;}

.botonabajo
    {width: 100%;
    border: 0;
    height: 35px;
    margin: auto;
    margin-top: 30px;}

.botonabajo h4
    {font-family: 'exo';
    margin-top: px;}

.botonabajo a 
    {text-decoration: none;}

#cerrar 
    {background-color: #e00202;}





/*  buscador    */
.busqueda
    {width: 100%;
    background-color: #ffe22b;
    height: 50px;}

.buscar
    {display: block;
    margin-top: auto;
    margin-left: 30px;
    margin-bottom: auto;
    border: none;
    padding: 0.6rem 0.2rem;
    border-radius: 4px;
    font-size: 1rem;
    background-color: #fff;
    min-width: 75%;}

.lupa img
    {height: 35px;
    margin-left: 5px}

main .busqueda
    {display: flex;
    flex-wrap: 1;}

.noticias 
    {margin-top: 4rem;}

.noticias .botones
    {display: flex;
    flex-wrap: wrap;}

.iconosnot img
    {background-color: transparent;
    border-radius: .5rem;
    width: 100px;
    height: 100px;
    margin: auto;}

.img3 img
    {background-color: transparent;
    border-radius: .5rem;
    width: 130px;
    height: 130px;
    margin: auto;}

.img4 img
    {background-color: transparent;
    border-radius: .5rem;
    width: 100px;
    height: 100px;
    margin: auto;}

.iconosnot
    {width: 48%;
    height: 150px;
    border-radius: .5rem;
    background-color: #5a0f4f; 
    margin-top: 8px;
    margin-bottom: 8px;
    margin-left: 0px;
    margin-right: 0px;
    text-align: center;}

#left
    {margin-right: 10px;}

.iconosnot .txt
    {margin:auto;
    color: #fff;
    margin-top: 0.2rem;}

.iconosnot .txt h3 
    {color: #fff;}

.iconosnot .txt h5 
    {margin-top: -0.4rem;}

.iconosnot .txt a
    {text-decoration: none;
    list-style: none;}

.iconosnot a 
    {margin: auto}



/*  Indicaciones    */

.mapa 
    {text-align: center;
    display:block;
    margin: auto;
    padding: 1rem 0;
    width: 100%;
    height: 180px;
    background-image: url(img/mapa.jpg);
    background-size: cover;
    margin-bottom: 2rem;}

.iconosind
    {width: 100%;
    height: 60px;
    border-radius: .5rem;
    background-color: #f3f3f3;
    margin-top: 10px;
    margin-bottom: 10px;}
    
.iconosind .img
    {background-color: #f3f3f3;
    border-radius: .5rem;
    width: 50px;
    height: 50px;
    }
    
.iconosind h5
    {margin-top: -25px}

.iconosind .txt
    {margin-top: -2.45rem;
    margin-left: 55px;}

#resaltado
    {background-color: #ffe22b;}
    
#resaltado .img
    {background-color: #ffe22b;}

#alerta
    {background-color: #e00202;}

#alerta .img
    {background-color: #e00202;}

#resaltado h4
    {color: #000;}

#alerta h1
    {color: #f3f3f3;}


/*  Configuracion   */
.titulo 
    {text-align: center;
    display:block;
    margin: auto;
    padding-top: 1.5rem;
    padding-bottom: .3rem;
    padding-left: 0;
    padding-right: 0;}

.titulo img
    {width: 150px;
    height: 150px}

.cambiar img
    {width: 15px;
    height: 15px}

.iconosconf
    {width: 100%;
    height: 50px;
    border-radius: .5rem;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #f3f3f3;
    color: #FFF;}

.img
    {background-color: #5a0f4f;
    border-radius: .5rem;
    width: 50px;
    height: 50px;}

.img img
    {width: 50px;
    text-align: center;}

.txt
    {margin-top: -2.3rem;
    margin-left: 55px;}

.txt h3
    {color: #000;}

.txt a
    {text-decoration: none;
    list-style: none;}

.cambiar {
    background-color: transparent;
    border: none;
    text-decoration: none;
    float: center;
    display: inline-block;}

.reloj
    {float: right;
    width: 48%;
    margin-top: -3rem;}

.reloj h5
    {font-size: 0.8rem;
    margin-left: 30px;
    margin-top: -01.5rem;}

.reloj img
    {width: 25px;
    height: 25px;}

#abajo
    {margin-top: -1.2rem;}

li a
    {color: #000;
    text-decoration: none}




/*  Splash  */


.splash 
    {text-align: center;
    display:block;
    margin: auto;
    padding-top: 10rem;
    padding-bottom: 1rem;
    padding-left: 0;
    padding-right: 0;}

.splash img
    {width: 220px;
    height: 220px}

.splash h1
    {font-style: italic;
    font-weight: 900;
    font-size: 2rem;
    margin-top: 1rem;
    color: #ffe22b}

.splash h2
    {color: #ffe22b;
    font-weight: 600;}

.splash a
    {text-decoration: none}




/*  Login   */

.imglogin
    {margin: auto;
    height: 200px;
    width: 200px;
    margin-top: 4rem;}

.login1 h2
    {text-align: center;
    margin-top: 1.4rem;
    color: #ffe22b;
    font-size: 1.4rem;}

.login2
    {margin-top: 1rem;}

.ingresar
    {margin:auto;
    text-align: center;
    width:95%;}

.formulario
    {padding: 0px;
    background-color: transparent;    
    border-color: #ffe22b;
    border-radius: .5rem;
    width: 100%;
    height: 25px;
    border-right-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent;
    color: #ffe22b;
    padding-left: 10px;
    margin-top: 15px;
    font-size: 18px;
    font-weight: 300;
    font-family: 'Exo';}

.login2 p
    {text-align: right;
    font-style: italic;
    font-size: 9pt;
    color: #fff;
    margin-top: 5px;
    width: 96%}

.login2 a
    {text-decoration: none;}

.ingresar-sesion 
    {width: 98%;
    height: 20%;
    background-color: #ffe22b;
    border: none;
    color: #1e1e1e;
    padding: 2%;
    text-align: center;
    margin-top: 5%;
    margin-left: 1%;
    font-weight: 700;
    border-radius: 8px;
    font-family: 'Exo';
    font-size: 1.4rem;}

.ingresar-sesion2
    {width: 98%;
    height: 15%;
    background-color: #5a0f4f;
    border: none;
    color: #fff;
    padding: 2%;
    text-align: center;
    margin-top: 10%;
    margin-left: 1%;
    font-weight: 700;
    border-radius: 8px;
    font-family: 'Exo';
    font-size: 1rem;}

.login3 a
    {text-decoration: none;}




/*  Registro   */

.reg .botonchico
    {margin-top: 3rem;
    width:100%;}

.check
    {display: flex;
    flex-direction: row-reverse;
    width: 97%;
    margin-top: 15px;}

.check p
    {margin-right: 5px;
    font-size: 9pt;
    color: #f3f3f3;
    margin-top: 0px;}

.check p a
    {font-style: italic;
    color: #f3f3f3;
    text-decoration: underline}

.imgreg
    {margin: auto;
    height: 170px;
    width: 170px;
    margin-top: 4rem;}




/*  Perfil del lugar -RENAPER-  */

.renaper 
    {text-align: center;
    display:block;
    margin: auto;
    padding: 1rem 0;
    width: 100%;
    height: 320px;
    background-image: url(img/renaper.jpg);
    background-size: cover;
    margin-bottom: 2rem;}


.renaper1 
    {color: #fff;}

.renaper1 h3
    {margin-top: 0.3rem;}

.valoracion 
    {margin-top: 1.4rem;
    background-color: #fff;
    padding-top: 3%;
    padding-left: 2%;
    padding-right: 2%;
    padding-bottom: 2%;
    font-size: 0.8rem;
    border-radius: 4px;}

#puntuacion img
    {height: 30px;
    width: 30px;
    margin-left: -0.4rem;
    float: right;}

#horarios h3
    {color: #65d135;}

#horarios .lg1 img
    {width: 25px;
    height: 25px;}

#horarios .lg2 img
    {width: 15px;
    height: 15px;}

#horarios .lg1 p
    {margin-left: 30px;
    margin-top: -20px;}

#horarios .lg2 p
    {margin-left: 20px;
    margin-top: -20px;}

#horarios .lg2
    {margin-top: 8px;
    float: left;}

#horarios .lg3
    {margin-top: 8px;
    float: right;}

#horarios .lg3 p
    {margin-left: 20px;
    margin-top: -20px;}

#horarios .lg3 img
    {width: 15px;
    height: 15px;}

#infolug p
    {margin-top: 2rem;  }

#datos-lugar 
    {display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-weight: 700;
    color: #5a0f4f;
    margin-bottom: 0.6rem;}

#descripcion-lugar
    {margin-bottom: 2rem;}

span
    {background-color: #5a0f4f;
    color: #f3f3f3;}




/*  Colectivo detalles  */

.bondi
    {background-color: #f3f3f3;
    height: 10rem;
    width: 100%;
    margin-top: 2rem;
    border-radius: 8px;}

.bondi img
    {width: 15px;
    height: 15px;}


.colores h1
    {font-size: 3rem;
    font-weight: 800;
    padding:  1rem;
    margin-top: -1.5rem;
    margin-left: 0.1rem;}

.color1
    {background-color: transparent;
    height: 15px;
    width: 70px;
    margin-left: 1rem;
    display: block;}

.color2
    {background-color: #239423;
    height: 10px;
    width: 80px;
    margin-left: 1rem;
    display: block;}

.color3
    {background-color: #525252;
    height: 10px;
    width: 80px;
    margin-left: 1rem;
    display: block;}

.imgbondi
    {padding: 1rem;
    float: right;
    width: 65%;}

.imgbondi2
    {padding: 1rem;
    float: right;
    width: 65%;}

.imgbondi p
    {margin-left: 20px;
    margin-top: -20px;}

.imgbondi2 p
    {margin-left: 20px;
    margin-top: -20px;}

.imgbondi
    {margin-top: -1.0rem;}

.imgbondi2
    {margin-top: -2rem;}

.punto img
    {width: 45px;
    height: 45px;
    margin: 3rem 0;}

.punto 
    {display: flex;
    flex-direction: column;
    width: 30%;
    padding: 1rem;
    margin: auto;}

.tarjeta1
    {float: right;
    margin-top: -42.2rem;
    background-color: #f3f3f3;
    border-radius: 8px;
    width: 70%;
    padding: 0.5rem}

.primerlinea h6
    {float: right;}

.tarjeta1 h3
    {margin-top: 1rem}

.tarjeta1 h5
    {font-weight: 400;}

.tarjeta1 h4
    {font-weight: 500;
    font-size: 0.8rem;}

.botonbondi
    {border-radius: 2px;
    background-color: #5a0f4f;
    padding: 0.2rem;
    color: #f3f3f3;
    text-align: center;
    margin-top: 0.3rem;}

.tarjeta2
    {float: right;
    margin-top: -33.2rem;
    background-color: #ffe22b;
    border-radius: 8px;
    width: 70%;
    padding: 0.5rem}

.tarjeta2 h3
    {margin-top: 1rem}

.tarjeta2 h5
    {font-weight: 400;}

.tarjeta2 h4
    {font-weight: 500;
    font-size: 0.8rem;}

.tarjeta3
    {float: right;
    margin-top: -24.2rem;
    background-color: #f3f3f3;
    border-radius: 8px;
    width: 70%;
    padding: 0.5rem}

.tarjeta3 h3
    {margin-top: 1rem}

.tarjeta3 h5
    {font-weight: 400;}

.tarjeta3 h4
    {font-weight: 500;
    font-size: 0.8rem;}

.tarjeta4
    {float: right;
    margin-top: -15.5rem;
    background-color: #f3f3f3;
    border-radius: 8px;
    width: 70%;
    padding: 0.5rem}

.tarjeta4 h3
    {margin-top: 1rem}

.tarjeta4 h5
    {font-weight: 400;}

.tarjeta4 h4
    {font-weight: 500;
    font-size: 0.8rem;}

.tarjeta5
    {float: right;
    margin-top: -6.52rem;
    background-color: #ffe22b;
    border-radius: 8px;
    width: 70%;
    padding: 0.5rem}

.tarjeta5 h3
    {margin-top: 1rem}

.tarjeta5 h5
    {font-weight: 400;}

.tarjeta5 h4
    {font-weight: 500;
    font-size: 0.8rem;}

.botonlugar
    {border-radius: 2px;
    background-color: #5a0f4f;
    padding: 0.2rem;
    color: #f3f3f3;
    text-align: center;
    margin-top: 0.3rem;
    float: left;
    width: 47%}

.botonlugar2
    {border-radius: 2px;
    background-color: #5a0f4f;
    padding: 0.2rem;
    color: #f3f3f3;
    text-align: center;
    margin-top: 0.3rem;
    float: right;
    width: 47%}

#resaltado2
    {background-color: #000;
    color: #ffe22b;}

#resaltado2 img
    {background-color: #000;}

#resaltado2 h3
    {color: #ffe22b;}





.ubicacion
    {text-align: center;
    width: 80%;
    margin-top: 2rem;
    margin-bottom: -3.5rem;}

.ubicacion h2
    {font-size: 1.1rem;}

.ubicacion img
    {height: 30px;
    width: 30px;
    margin: auto;
    float: left;
    margin-left: 10%;
    margin-top: -0.2rem;}

.ubicacion span
    {color: #5a0f4f;
    background-color: transparent;
        text-decoration: underline;}

.botonchico #destacado h4
{color: #000;}

#destacado
    {background-color: #ffe22b;
    color: #fff;}
#destacado h4
{color: black;}