/*FUENTE GOOGLE FONTS*/
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,300italic,400italic,500,500italic,700);


.contenedortotal {
    min-width: 20rem;
    max-width: 30rem;
    margin: auto;
    margin-bottom: 7rem;
    }

/*BARRA SUPERIOR*/
.barrasuperior{
    width: 30rem;
    height: 4.282875rem; 
    display:block;
    display: -webkit-block;
    
    }

.barrasuperior.registrarse {
    background: #886ea9;
    }

.barrasuperior.usuario {
    background: #de6800;
    }

.barrasuperior.favoritos {
    background: #ca4459;
    }

.barrasuperior.viaje {
    background: #1d9a93;
    }

.barrasuperior.alertas {
    background: #87b335;
    }

.titulobarra{  
    font-family: 'Roboto', arial, sans-serif;
    font-weight:400;
    font-size: 1.2rem;
    color: white;
    text-align: center;
    margin: 1rem;
    padding:1.5rem;    
    }

.logodgpc {
    margin-left: 1rem;
    margin: 3rem;
    padding: 0rem;
    position:relative;
    float:right;
    width: 8.5%;
    top:-6.8rem;
    left:2rem;
}

/*BARRA INFERIOR*/
.menu{
    width: 30rem;
    height: 5.625rem;
    background: #E5E4E3;
    float: left;
   
}

 ul{ 
     display: flex;
     -webkit- display: flex;
     flex-flow: row;
     flex-flow:  -webkit - : row;
     position:fixed;
     bottom:0;
     margin:0;
     padding:0;
}

nav ul{
    list-style-type: none;
    margin:0;
    padding:0;
}

.menu li{
    border-right: 2px solid #9B9A9A;
    list-style: none outside none;
    float: left;   
}

hr {height = 60px;}

 
.menu li:last-child {
    border-right:none;
}


nav ul  li a {
    display: inline-block;
    text-decoration: none;
    margin:0;
    padding:0;
          
}







/*INDEX JOSE*/

.index{
    height: 800px;
    background: url(../img/colores.jpg);
    background-size: cover;
    }

.index a{
    text-decoration: none;
    color: #4b4c4c;
    padding: 0;
    margin: 0;
    }

.index p{
    padding-top: 0.7rem;
    }

.indexregis{
    color: white;
    margin-top: -0.2rem;
    }


.indexiniciarsesion{
    display: block;
    background-color: white;
    width: 17.994rem;
    height: 3.5rem;
    margin-top: 7.028rem;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 1.6rem;
    color: #4b4c4c;
    -webkit-border-radius: 10px 10px;
    -moz-border-radius: 10px 10px;
    }


.indexregistrarse{
    box-sizing: border-box;
    display: block;
    width: 17.994rem;
    height: 3.5rem;
    background-color: none;
    margin-top: 2.456625rem;
    padding-top: -8rem;
    border-style: solid;
    border-color: white;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 1.6rem;
    -webkit-border-radius: 10px 10px;
    -moz-border-radius: 10px 10px;
    }



.indexiconoblanco{
    width: 8.555375rem;
    margin-top:9.683375rem;
    }







/*INICIAR SESION*/


/*FLECHA*/
.iniciarflecha{float: left;
    margin-top: 2rem;
    margin-left: 0.5rem;}

.iniciar main{
    margin-top: 0rem;
}

.iniciarhdos{
    display: flex;
    margin-top: 4.6576875rem;
    margin-left: 5.8rem;
    padding: 1rem;
    font-family: 'roboto', 'arial', sans-serif;
    font-size: 2.7rem; 
    color: #4b4c4c;
    font-weight: 400;
    }

.iniciarhdosvioleta{
    color: #886ea9;
    text-align: center;
    margin: 0 5rem;
    padding: 1rem;
    font-family: 'roboto', 'arial', sans-serif;
    font-weight: 400;
    font-size: 2.5rem;}
    
/*INPUT TEXTO*/

.iniciarform{
    display: inline-block;
    margin-top: 6.5rem;
    margin-left: 1.2rem;
    }

.iniciarlabel{
    display: block;
    width: 7.1779375rem;
    float: left;
    margin-top: 0.6rem;
    align-items: center;
    justify-content: center;
    font-family: 'roboto', 'arial', sans-serif;
    font-weight: 400; 
    color: #4b4c4c; 
    font-size: 1.2rem;
    }

.iniciarinput{
    display: block;
    float: left;
    font-size: 1rem; 
    height: 1.583625rem;
    width: 70%;}

.iniciarinput[type="text"] { 
    margin: 10px 0; 
    background: #cccccc; 
    border:  solid #ccc; 
    color: #886ea9; 
    display: block; 
    outline: none; 
    padding: 7px 8px; }

.iniciarinput[type="password"] { 
    margin: 10px 0; 
    background: #cccccc; 
    border:  solid #ccc; 
    color: #886ea9; 
    display: block; 
    outline: none; 
    padding: 7px 8px; }

/*INPUT TIC*/

.iniciarinputtic[type="checkbox"]{
    transform: scale(2);
    margin: auto;
    margin-top: 0;
    background: #cccccc;
    color: #5b5b5f;
    outline: none;
    width: 1rem;
    }

.iniciartic {
    font-family: 'roboto', 'arial', sans-serif;
    font-size: 1rem;
    color: #4b4c4c; 
    width: auto;
    margin: 0;
    margin-left: 1rem;
    }
    
/*BOTON INICIAR SESION*/

.iniciar a{
    text-decoration: none;
    color: #4b4c4c;
    }

.iniciarboton a{
    color: white;
    }

.iniciarboton{
    margin-top: 2.5rem;
    display: block;
    font-family: 'roboto', 'arial', sans-serif;
    font-size: 1.5rem;
    font-weight: 400;
    color: white;
    background-color: #856da4;
    width: 17.654375rem;
    height: 2.2750625rem;
    -webkit-border-radius: 5px 5px;
    -moz-border-radius: 5px 5px;
    }

/* OLVIDASTE CONTRASEÑA*/


.iniciarcontra a{
    margin-top: 3rem;
    text-decoration: none;
    display: block;
    color: #4b4c4c;
    font-family: 'roboto', 'arial', sans-serif;
    font-weight: 400;
    font-size: 1.25rem;
    }









/*REGISTRARSE*/

.registrarseflecha{float: left;
    margin-top: 2rem;
    margin-left: 0.5rem;}

.registrarse main{
    margin-top: 0rem;
}

.registrarsehdos{
    display: flex;
    margin-top: 4.6576875rem;
    text-align: center;
    margin-left: 5.8rem;
    padding: 1rem;
    font-family: 'roboto', 'arial', sans-serif;
    font-size: 2.7rem; 
    color: #4b4c4c;
    font-weight: 400;
    }

.registrarsehdosvioleta{
    color: #886ea9;
    text-align: center;
    margin: 0 5rem;
    padding: 1rem;
    font-family: 'roboto', 'arial', sans-serif;
    font-weight: 400;
    font-size: 2.5rem;
    
}


.registrarsehtres{
    display: block;
    font-family: 'roboto', arial, sans-serif;
    font-size: 2rem; 
    color: #4b4c4c;
    font-weight: 400;
    margin-top: 3.5rem;
    }

/*IMPUT*/
.registrarseform{
    display: inline-block;
    margin-top: 0;
    margin-left: 1.2rem;
    align-content: center;}

.registrarselabel{
    display: block;
    width: 7.1779375rem;
    float: left;
    margin-top: 0.6rem;
    align-items: center;
    justify-content: center;
    font-family: 'roboto', 'arial', sans-serif;
    font-weight: 400; 
    color: #4b4c4c; 
    font-size: 1.2rem;
    }

.registrarseinput{
    display: block;
    float: left;
    font-size: 1rem; 
    height: 1.583625rem;
    width: 70%;}

.registrarseinput[type="text"] { 
    margin: 10px 0; 
    background: #cccccc; 
    border:  solid #ccc; 
    color: #886ea9; 
    display: block; 
    outline: none; 
    padding: 7px 8px; }

.registrarseinput[type="password"] { 
    margin: 10px 0; 
    background: #cccccc; 
    border:  solid #ccc; 
    color: #886ea9; 
    display: block; 
    outline: none; 
    padding: 7px 8px; }


/*BOTON CREAR*/

.registrarsecrear a{
    color: white;
    text-decoration: none;
    }

.registrarsecrear{
    display: flex;
    font-family: 'roboto', 'arial', sans-serif;
    font-size: 1.5rem;
    font-weight: 400;
    background-color: #856da4;
    width: 5.613375rem;
    height: 2.2750625rem;
    -webkit-border-radius: 5px 5px;
    -moz-border-radius: 5px 5px;
    text-align: center;
    padding:inherit;
    align-items: center;
    justify-content: center;
    margin-left: 22.9rem; 
    }









/*USUARIO*/

.usuarioconfiguracion{
    float: left;
    width: 25px;
    margin-left: 1rem;
    margin-top: 1.6rem;
    }

.usuariopolig{
    margin-top: -1.5rem;
    max-width: 30rem;
    min-width: 20rem;
    background-color: #de6800;
    height: 110%;    
    }

.usuariofotoperfil{
    display: block;
    margin-left: 8.5rem;
    padding-top: 0.5rem;
    }

.usuariohuno{
    font-family: 'roboto', 'arial', sans-serif;
    color: #4b4c4c;
    font-weight: 400;
    font-size: 1.8rem;
    margin: 0;
    margin-top: 12rem;
    }

.usuariohdos{
    font-family: 'roboto', 'arial', sans-serif;
    color: #4b4c4c;
    font-weight: 400;
    font-size: 1.4rem;
    margin: 0;
    margin-bottom: 3rem;
    }


/*INFO*/

.usuarioarticle{
    font-size: 1.2rem;
    font-family: 'roboto', 'arial', sans-serif;
    margin-left: 1.164625rem;
    }

.usuariosaldosube{
    margin-top: 1rem;
    font-weight: 700;
    color: #de6800;}

.usuariospan{
    font-weight: 400;
    color: #4b4c4c;
    }

.usuariodirecciones{
    margin-bottom: 0;
    color: #de6800;
    }

.usuariosviajes{
    margin-bottom: 0;
    color: #de6800;
    }

.usuariotexto p{
    margin-top: 0.5rem;
    font-weight: 300;
    font-size: 1.4rem;
    color: #4b4c4c;
    }

.usuariohr{
    margin-top: 1.4rem;
    margin-bottom: 1.32725rem;
    height: 2.8px;
    margin-right: 1.164625rem;
    background-color: #e6e5e4;
    border: none;}






/*FAVORITOS*/

/*TÍTULO*/
.favoritostitulo {
    position: absolute;
    top: 6rem;
    margin-right: 0rem;
    margin-left: 0rem;
    padding: 0rem;
    font-family: 'roboto', 'arial', sans-serif;
    font-size: 2.7rem; 
    color: #4b4c4c;
    font-weight:400;
    margin:  4.6576875rem 2rem 0rem 3.8rem;
    }

/*PRIMER CAJA*/

.favoritoscuenta{
    padding: 0rem;
    margin: 0;
    margin-top: 11rem;
    background-color: #e6e5e4;
    height: 2.8034375rem;
    font-family: 'roboto','arial', sans-serif;
    font-size: 1.25rem;
    font-weight: 300;
    font-style: italic;
    color: #ca4459; 
    }

.favoritoscuenta a{
    color: #ca4459;
    text-decoration: none;
    }

.favoritossubtitulo {
    margin-left:  1.164625rem;
    padding-top: 0.5rem;
    }
    
spam {
    font-style: normal;
    margin-left: 16.5rem;
    margin-top: 8rem;
    margin-bottom: 0rem;
    }



/*SEGUNDA CAJA*/
.favoritoscuentados{
    padding: 0rem;
    margin: 0;
    top: 0rem;
    background-color: #e6e5e4;
    height: 2.8034375rem;
    font-family: 'roboto','arial', sans-serif;
    font-size: 1.5rem;
    font-weight: 400;
    color: #ca4459; 
    }

.favoritoscuentados a{
    color: #ca4459;
    text-decoration: none;
    }

.favoritossubtitulodos {
    margin-left:  1.164625rem;
    padding-top: 0.5rem;
    margin-top: 2rem;
    }

.signoapertura {
    font-style: normal;
    margin-left: 19rem;
    margin-top: 8rem;
    margin-bottom: 0rem;
    }

/*TERCER CAJA*/
.favoritoscuentatres{
    padding: 0rem;
    margin: -2rem 0rem 0rem 0rem;
    top: 0rem;
    background-color: #ca4459;
    height: 2.8034375rem;
    font-family: 'roboto','arial', sans-serif;
    font-size: 1.50rem;
    font-weight: 400;
    color: #e6e5e4; 
    margin-bottom: -5rem;
    }

.favoritoscuentatres a{
    color: #ffffff;
    text-decoration: none;
    }

.favoritossubtitulotres {
    margin-left:  1.164625rem;
    padding-top: 0.5rem;
    margin-top: 2rem;
    }

.signoaperturados {
    font-style: normal;
    margin-left: 21.7rem;
    margin-top: 8rem;
    margin-bottom: 0rem;
    color: #e6e5e4;
    }

/*----------------------COLECTIVOS-------------------------*/

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


.favoritosinput[type="radio"]{
    background-color: aqua;
    width: 1.25rem;
    height: 1.25rem;}

/*---28 COMÚN---------------*/
.favoritosbotoneselegir{
    position: absolute;
    margin-left: 2.7rem;
    margin-top: 2rem;
    }


.favoritosinfoarriva{
    margin-left: 3.5rem;
    }

.favoritosfotoarriva{
    position: absolute;
    width: 28px;
    margin-top:4.1rem;
    margin-left:4.8rem;
    align-content: left;
    }

.favoritosarrivoveintiocho {
    position: absolute;
    font-family: 'roboto', 'arial', sans-serif;
    font-weight: 300; 
    color: #4b4c4c; 
    font-size: 1.3rem;
    margin-top: 4.6rem;
    margin-left: -9.4rem;
    line-height: 0.7rem;
    margin-bottom: 1rem;
    }

.llegadaveintiocho{
    font-weight: 500;
    }

.favoritosinfoveintiocho {
    margin-left: 3.5rem;
    }

.favoritosfotoveintiocho {
    position: absolute;
    float:left;
    margin-top:1.2rem;
    margin-left: 1.3rem;
    align-content: left;
    }

.favveintiochoramal {
    position:absolute;
    font-family: 'roboto', 'arial', sans-serif;
    font-weight: 500; 
    color: #4b4c4c; 
    font-size: 1.5rem;
    margin-left: 4.8rem;
    margin-top:1.8rem;
    }


/*---28 SEMIRAPIDO-----------------*/
.favoritosbotoneselegirdos{
    position: absolute;
    margin-left: 2.7rem;
    margin-top: 8.9rem;
    }

.favoritosinfoarrivasemi{
    margin-left: 3.5rem;
    }

.favoritosfotoarrivasemi{
    position: absolute;
    width: 28px;
    margin-top:11rem;
    margin-left:4.7rem;
    align-content: left;
    }

.favoritosarrivoveintiochosemi{
    position: absolute;
    font-family: 'roboto', 'arial', sans-serif;
    font-weight: 300; 
    color: #4b4c4c; 
    font-size: 1.3rem;
    margin-top: 11.5rem;
    margin-left: -9.4rem;
    line-height: 0.7rem;
    margin-bottom: 1rem;
    }

.llegadaveintiocho{
    font-weight: 500;
    }

.favoritosinfoveintiochosemi {
    margin-left: 3.5rem;
    }

.favoritosfotoveintiochosemi {
    position: absolute;
    margin-top:8rem;
    margin-left: 1.3rem;
    align-content: left;
    }

.favveintiochootroramal {
    position:absolute;
    font-family: 'roboto', 'arial', sans-serif;
    font-weight: 500; 
    color: #4b4c4c; 
    font-size: 1.5rem;
    margin-left: 4.8rem;
    margin-top:8.7rem;
    }




/*---37 a lanús------------------------*/

.favoritosbotoneselegirtres{
    position: absolute;
    margin-left: 2.7rem;
    margin-top: 15.8rem;
    }

.favoritosinfoarrivatreintaysiete{
    margin-left: 3.5rem;
    }

.favoritosfotoarrivatreinti{
    position: absolute;
    width:28px;
    margin-top:17.9rem;
    margin-left:4.7rem;
    align-content: left;
    }

.favoritosarrivotrienti{
    position: absolute;
    font-family: 'roboto', 'arial', sans-serif;
    font-weight: 300; 
    color: #4b4c4c; 
    font-size: 1.3rem;
    margin-top: 18.4rem;
    margin-left: -9.4rem;
    line-height: 0.7rem;
    margin-bottom: 1rem;
    }

.llegadaveintiocho{
    font-weight: 500;
    }

.favoritosinfotreintaysiete {
    margin-left: 3.5rem;
    }

.favoritosfototreintaysiete {
    position: absolute;
    margin-top:14.8rem;
    margin-left: 1.3rem;
    align-content: left;
    }

.favtreintaysiete{
    position:absolute;
    font-family: 'roboto', 'arial', sans-serif;
    font-weight: 500; 
    color: #4b4c4c; 
    font-size: 1.5rem;
    margin-left: 4.8rem;
    margin-top:15.6rem;
    }



/*-----BOTON CARGAR-----*/
.favoritoscargar{
    margin-top: 3rem;
    padding: 0.2rem 0rem 0rem 0rem;
    }

a{  text-decoration: none;
    color: white;
    }

.favoritoscrear a{
    color: white;
    }


.favoritoscrear{
    position:relative;
    font-family: 'roboto', 'arial', sans-serif;
    font-size: 1.5rem;
    font-weight: 400;
    color: white;
    background-color: #ca4459;
    width: 6.613375rem;
    height: 2.2750625rem;
    -webkit-border-radius: 5px 5px;
    -moz-border-radius: 5px 5px;
    text-align: center;
    padding:inherit;
    align-items: center;
    justify-content: center;
    margin-top:28rem;
    margin-left: 12rem;
    
    }









/*NUEVO VIAJE*/


/*TITULO*/

.migauno{
    float: left;
    width: 3rem;
    margin-top: -3.5rem;
    margin-left: 1.3rem;
    
}

.viajehuno{
    display: flex;
    text-align: center;
    margin-top: 4.6576875rem;
    margin-left: 5.8rem;
    padding: 1rem;
    font-family: 'roboto', 'arial', sans-serif;
    font-size: 2.7rem; 
    color: #4b4c4c;
    font-weight: 400;
    margin-bottom: 4.452875rem;
    }


/* TEXTO + IMAGEN*/

.viajehtres{
    font-family: 'roboto', 'arial', sans-serif;
    color: #1d9a93;
    font-size: 1.7rem;
    font-weight: 400;
    margin-left: 1rem;
    margin-bottom: 0;
    }

.viajegps{
    display: inline-block;
    }

.viajeimg{
    display: block;
    float: left;
    margin-left: 1.3rem;
    align-content: left;
    width: 0.945125rem;
    }

.viajep{
    margin: auto;
    margin-left: 0.8rem;
    font-family: 'roboto', 'arial', sans-serif;
    font-size: 1.2rem;
    color: #4b4c4c;
    font-weight: 300;
    display: block;
    float: left;
    }




/*INPUT*/

.viajeform{
    display: inline-block;
    margin-top: 0.5rem;
    margin-left: 1.2rem;
    margin-bottom: 0.5rem;
    width: 90%;
    }

.viajelabel{
    display: block;
    float: left;
    width: 4.3rem;
    margin-right: 1rem;
    margin-top: 0.5rem;
    align-items: center;
    justify-content: center;
    font-family: 'roboto', 'arial', sans-serif;
    font-weight: 400; 
    color: #4b4c4c; 
    font-size: 1.3rem;
    }

.viajeinput{
    display: block;
    float: left;
    margin: 0;
    font-size: 1rem; 
    height: 1.583625rem;
    width: 80%;}

.viajeinput[type="text"] { 
    margin: 10px 0; 
    background: #cccccc; 
    border:  solid #ccc; 
    color: #1d9a93; 
    display: block; 
    outline: none; 
    padding: 7px 8px; }


/*BOTON*/

.viajecrear a{
    color: white;
    text-decoration: none;
    }

.viajecrear{
    display: flex;
    font-family: 'roboto', 'arial', sans-serif;
    font-size: 1.4rem;
    font-weight: 400;
    color: white;
    background-color: #1d9a93;
    width: 6.613375rem;
    height: 2.2750625rem;
    -webkit-border-radius: 5px 5px;
    -moz-border-radius: 5px 5px;
    text-align: center;
    padding:inherit;
    align-items: center;
    justify-content: center;
    margin-top: 1.3324375rem;
    
    }




/*COMIENZO DE CSS ALERTAS-TITULOS*/

.alertastitulo {
    position: absolute;
    top: 6rem;
    margin-right: 0rem;
    margin-left: 0rem;
    padding: 0rem;
    font-family: 'roboto', 'arial', sans-serif;
    font-size: 2.7rem; 
    color: #4b4c4c;
    font-weight: 400;
    margin:  4.6576875rem 2rem 0rem 6.5rem;
    }

.alertasinfo {
    display:inline-block;
}

.alertasfoto {
    display:block;
    float:left;
    margin-top:12rem;
    margin-left: 1.3rem;
    align-content: left;
}

.alertasubtitulo {
    position:absolute;
    font-family: 'roboto', 'arial', sans-serif;
    font-weight: 500; 
    color: #87b335; 
    font-size: 1.9rem;
    margin-left: 4.5rem;
    margin-top:12.5rem;
    }


/*INFO DE LOS VIAJES*/
.alertasubicacion{
    margin-top:-6rem;
}

.infoviajes {
    display: block;
    font-family: 'roboto', 'arial', sans-serif;
    font-weight: 500; 
    color: #4b4c4c; 
    font-size: 1.38rem;
}

.infoviajesubicacion { 
                    margin-top: 7rem;
                    margin-left: 1rem;
                    }

.infoviajesubicacion.dos { 
                    margin-top: 0.5rem;
                    margin-left: 1rem;
                    }

.infoviajesubicacion.tres { 
                    margin-top: 0.5rem;
                    margin-left: 1rem;
                    }


.infoviajes.secundaria {
                    font-weight: 300;
                    font-size: 1.38rem;
                    }

.infoviajesubicacion.respuesta {
                            margin-top: -1rem;
                            margin-left: 5.5rem;
                            }

.infoviajesubicacion.cuatro { 
                    margin-top: 2rem;
                    margin-left: 1rem;
                    }

.infoviajes.respuesta {
    font-weight: 300;
    font-style: italic; 
    color: #4b4c4c; 
    font-size: 1.3rem;
                    }

.infoviajesubicacion.cinco {
                        margin-top: -1rem;
                        margin-left: 1rem;    
                            }

/*CIRCULOS*/

.alertacirculosubicacion{
                margin-top:4rem;
}   

.alertascirculo {
     display: inline-block;
     vertical-align: baseline; 
     width: 2.4375rem;
     height: 2.4375rem;
     -moz-border-radius: 50%;
     -webkit-border-radius: 50%;
     border-radius: 50%;
     border: solid 3px #333;
     border-color: #009832;
}


.alertascirculo.dos {
     margin-left:2rem;
     border-color: #f7b728;
     background-color: #f7b728;
     
}

.alertascirculo.tres {
     margin-left:2rem;
     border-color: #e0040b;
}






/*NUEVOVIAJE 2*/

/*TÍTULO*/
.nuevoviajecolectitulo {
    position: absolute;
    text-align: center;
    top: 6rem;
    margin-right: 0rem;
    margin-left: 4.8rem;
    padding: 0rem;
    font-family: 'roboto', 'arial', sans-serif;
    font-size: 2.7rem; 
    color: #4b4c4c;
    font-weight:400;
    margin:  4.6576875rem 1.5rem 0rem 5.8rem;
    }

.migados{
    float: right;
    width: 3rem;
    margin-top: 13rem;
    margin-right: 17rem;}

/*-----COLECTIVOS POSIBLES-----*/

.colectivos{
    margin-top: 5.5rem;
}


.nuevoviajedosinput[type="radio"]{
    background-color: aqua;
    width: 1.25rem;
    height: 1.25rem;}

/*---42 COMÚN---------------*/
.nuevoviajecolec{
    position: absolute;
    margin-left: 3.2rem;
    margin-top: 13.5rem;
    }

/*logo parada del colectivo*/
.nuevoviajeinfocuarentaydos {
    margin-left: 4rem;
    }

.nuevoviajefotocuarentaydos {
    position: absolute;
    float:left;
    margin-top:12.6rem;
    margin-left: 1.8rem;
    align-content: left;
    }

.cuarentaydosramal {
    position:absolute;
    font-family: 'roboto', 'arial', sans-serif;
    font-weight: 500; 
    color: #4b4c4c; 
    font-size: 1.5rem;
    margin-left: 5.3rem;
    margin-top:13.3rem;
    }


/*logo arriva*/
.cuarentaydosinfoarriva{
    margin-left: 4rem;
    }

.cuarentaydosfotoarriva{
    position: absolute;
    width: 23px;
    margin-top:15.6rem;
    margin-left:5.3rem;
    align-content: left;
    }

.nuevoviajearrivocuarentaydos {
    position: absolute;
    font-family: 'roboto', 'arial', sans-serif;
    font-weight: 300; 
    color: #4b4c4c; 
    font-size: 1.3rem;
    margin-top: 16.1rem;
    margin-left: -8.5rem;
    line-height: 0.7rem;
    margin-bottom: 1rem;
    }

.llegadacuarentaydos{
    font-weight: 500;
    }


/*logo tiempo recorridop*/
.cuarentaydosinforecorrido{
    margin-left: 4rem;
    }

.cuarentaydosfotorecorrido{
    position: absolute;
    width: 30px;
    margin-top:17.5rem;
    margin-left:9.1rem;
    align-content: left;
    }

.nuevoviajerecorridocuarentaydos {
    position: absolute;
    font-family: 'roboto', 'arial', sans-serif;
    font-weight: 300; 
    color: #4b4c4c; 
    font-size: 1.3rem;
    margin-top: 18.3rem;
    margin-left: -4.5rem;
    line-height: 0.7rem;
    margin-bottom: 1rem;
    }

.llegadacuarentaydos{
    font-weight: 500;
    }


/*---107 COMUN-----------------*/

.nuevoviajecolecdos{
    position: absolute;
    margin-left: 2.7rem;
    margin-top: 23.4rem;
    }

/* logo parada cientosiete */ 
.nuevoviajeinfocientosiete{
    margin-left: 3.5rem;
    }

.nuevoviajefotocientosiete {
    position: absolute;
    margin-top:22.5rem;
    margin-left: 2.2rem;
    align-content: left;
    }

.nuevoviajecientosieteramal{
    position:absolute;
    font-family: 'roboto', 'arial', sans-serif;
    font-weight: 500; 
    color: #4b4c4c; 
    font-size: 1.5rem;
    margin-left: 5.7rem;
    margin-top:23.2rem;
    }

/* logo arriva en */
.cientosieteinfoarriva{
    margin-left: 3.5rem;
    }

.cientosietefotoarriva{
    position: absolute;
    width: 23px;
    margin-top:25.5rem;
    margin-left:5.7rem;
    align-content: left;
    }

.nuevoviajearrivocientosiete{
    position: absolute;
    font-family: 'roboto', 'arial', sans-serif;
    font-weight: 300; 
    color: #4b4c4c; 
    font-size: 1.3rem;
    margin-top: 26rem;
    margin-left: -8rem;
    line-height: 0.7rem;
    margin-bottom: 1rem;
    }

.llegadacientosiete{
    font-weight: 500;
    }

/*logo tiempo recorridop*/
.cientosieteinforecorrido{
    margin-left: 4rem;
    }

.cientosietefotorecorrido{
    position: absolute;
    width: 30px;
    margin-top:27.5rem;
    margin-left:9.1rem;
    align-content: left;
    }

.nuevoviajerecorridocientosiete {
    position: absolute;
    font-family: 'roboto', 'arial', sans-serif;
    font-weight: 300; 
    color: #4b4c4c; 
    font-size: 1.3rem;
    margin-top: 28.4rem;
    margin-left: -4.5rem;
    line-height: 0.7rem;
    margin-bottom: 1rem;
    }

.llegadacientosiete{
    font-weight: 500;
    }



/*---37 A BELGRANO------------------------*/

.nuevoviajecolecttres{
    position: absolute;
    margin-left: 2.7rem;
    margin-top: 33.4rem;
    }

/* logo parada colectivo */
.nuevoviajeinfotreintaysiete {
    margin-left: 3.5rem;
    }

.nuevoviajefototreintaysiete {
    position: absolute;
    margin-top:32.5rem;
    margin-left: 2rem;
    align-content: left;
    }

.nuevoviajetreintaysieteramal{
    position:absolute;
    font-family: 'roboto', 'arial', sans-serif;
    font-weight: 500; 
    color: #4b4c4c; 
    font-size: 1.5rem;
    margin-left: 5.5rem;
    margin-top:33rem;
    }

/* logo arriva en */
.nuevoviajeinfoarrivatreintaysiete{
    margin-left: 3.5rem;
    }

.nuevoviajefotoarrivatreinti{
    /*position: absolute;*/
    width:23px;
    margin-top:25.2rem;
    margin-left:5.5rem;
    align-content: left;
    }

.nuevoviajearrivotrienti{
    /*position: absolute;*/
    font-family: 'roboto', 'arial', sans-serif;
    font-weight: 300; 
    color: #4b4c4c; 
    font-size: 1.3rem;
    margin-top: -1rem;
    margin-left: -8rem;
    line-height: 0.7rem;
    margin-bottom: 1rem;
    }

.llegadatreintaysiete{
    font-weight: 500;
    }


/* logo tiempo recorrido */
.treintainforecorrido{
    margin-left: 4rem;
    margin-bottom: 2rem;
    }

.treintaysietefotorecorrido{
    /*position: absolute;*/
    width: 30px;
    margin-top:0rem;
    margin-left:9rem;
    align-content: left;
    }

.nuevoviajerecorridotreinta {
    /*position: absolute;*/
    font-family: 'roboto', 'arial', sans-serif;
    font-weight: 300; 
    color: #4b4c4c; 
    font-size: 1.3rem;
    margin-top: -1.5rem;
    margin-left: -4.5rem;
    line-height: 0.7rem;
    margin-bottom: 1rem;
    }

.llegadatreintaysiete{
    font-weight: 500;
    }



/*-----BOTON CARGAR-----*/
.nuevoviajeccargar{
    margin-top: 4rem;
    padding: 0.2rem 0rem 0rem 0rem;
    }

.nuevoviajec{  
    color: white;
    }

.nuevoviajeccrear a{
    color: white;
    text-decoration: none;
    }


.nuevoviajeccrear{
    /*position:relative;*/
    font-family: 'roboto', 'arial', sans-serif;
    font-size: 1.5rem;
    font-weight: 400;
    color: white;
    background-color: #1d9a93;
    width: 6.613375rem;
    height: 2.2750625rem;
    -webkit-border-radius: 5px 5px;
    -moz-border-radius: 5px 5px;
    text-align: center;
    padding:inherit;
    align-items: center;
    justify-content: center;
    margin-top:2.3rem;
    margin-left: 12rem;
    
    }