body{
    margin:0;
    padding:0;
    width:100%;
    background-color: rgb(182, 186, 188);
    font-family: 'Roboto', sans-serif;
}

/*login*/
figure{
    display: flex;
    justify-content: center;
    margin-top:15rem;
    margin-left:5rem;
}
.navlogin{
    display: flex;
    justify-content: center;
    margin:3rem;
}
.lilogin{
    margin:0rem;
    list-style-type: none;
}
.plogin{
    background-color: white;
    font-size:2rem;
    padding:1rem 20rem 1rem 2rem;
    border-radius:2rem;
}
#lilogintexto1{
    float:left;
    list-style-type: none;
}
#lilogintexto2{
    float:right;
    list-style-type: none;
}
.ptexto{ 
    margin:0rem;
    padding:0rem;
    color:white;
    font-size:1.5rem;
}
#liloginboton1{
    margin-top:10rem;
    display: flex;
    justify-content: center;
    list-style-type: none;
}
#liloginboton2{
    margin-top:1rem;
    display: flex;
    justify-content: center;
    list-style-type: none;
}
.aboton{
    font-size:2rem;
    text-decoration: none;
    color:white;
    background-color:rgb(59,171,208);
    padding:1rem;
    border-radius:2rem;
    display: flex;
    justify-content: center;
}

/*registro*/
body#registro{
    margin:0;
    padding:0;
    width:100%;
    background-color: rgb(206, 231, 244);
    font-family: 'Roboto', sans-serif;
}
#navregistro{
    margin-top:-5rem;
    display: flex;
    justify-content: center;
    
}
.liregistro{
    background-color: white;
    font-size: 1rem;
    margin-top: -5rem;
    margin-left: -2rem;
    border-radius: 3rem;
    list-style-type: none;
}

.liregistro2{
    background-color: white;
    font-size: 1rem;
    margin-top: 5rem;
    margin-left:-2rem;
    border-radius: 3rem;
    list-style-type: none;
}
.pregistro{
    color:black;
    font-size:2rem;
    padding: 1rem 20rem 1rem 2rem;
    margin-top: 8rem;
    margin-left: 0rem;
}
h3{
    margin-top:4rem;
    margin-bottom:0rem;
    font-size:3rem;
    display: flex;
    justify-content: center;
}

/*ubicacion*/
body#gps{
    margin:0;
    padding:0;
    width:100%;
    background-color: rgb(206, 231, 244);
    font-family: 'Roboto', sans-serif;
}
.liubicacion{
    list-style-type: none;
    margin-top:-10rem;
    margin-left:-4rem;
}
#atras{
    float:left;
    margin-top:0rem;
    margin-left: 0rem;
}
h4{
    width:60%;
    margin-top:4rem;
    margin-left:10rem;
    margin-bottom:4rem;
    border-radius:5rem;
    font-size:4rem;
    display: flex;
    justify-content: center;
    color:rgb(255, 255, 255);
    background-color:rgb(59,171,208);
    padding: 1rem 2rem 1rem 2rem;
}

/*gps*/
#mapa{
    margin:0rem 0rem 30.5rem 1rem;
}

#adelante{
    float:right;
    margin-top: 0rem;
    margin-right: 0rem;
}

/*reloj*/
.lireloj{
    list-style-type: none;
}
figure3{
    display: flex;
    justify-content: center;
    margin-top: 8rem;
    margin-right: 2rem;
}
#figureparo{
    float:left;
    margin-left:0rem;
    margin-top: 7rem;
    margin-bottom:-2rem;
}
#hayclases{
    text-align: center;
    text-decoration: none;
    background-color:white;
    border-radius:4rem;
    padding:1.5rem 2rem 1.5rem 1.5rem;
    color:rgb(59,171,208);
    font-size:3rem;
    width:30%;
    float:left;
    margin-top: 5.5rem;
    margin-left:.5rem;
}
#hayparo{
    text-align: center;
    text-decoration: none;
    background-color:white;
    border-radius:4rem;
    padding:2rem 1.5rem 2rem 1.5rem;
    color:rgb(59,171,208);
    font-size:3rem;
    width:30%;
    float:left;
    margin-top: 5rem;
    margin-left:.5rem;
}
#alarma{
    width:30%;
    float:left;
    margin-top:4rem;
    margin-left:-1rem;
}
#motivos{
    width:20%;
    float:right;
    margin: 4.5rem 0rem 7rem 0rem;
}

/*alarma*/
body#alarma{ 
    margin:0;
    padding:0;
    width:100%;
    background-color: rgb(206, 231, 244);
    font-family: 'Roboto', sans-serif;}
h5{
    margin-top:0rem;
    margin-bottom:20rem;
    font-size:3rem;
    display: flex;
    justify-content: center;
}

figure6{
    margin-top: 1rem;
    margin-bottom:-5rem;
}

#atrasalarma{
    float:left;
    margin-top:0rem;
}

body#transito{
    background-color: rgb(206, 132, 132);
}
body#eventos{
    background-color: rgb(247, 183, 80);
}
body#clima{
    background-color: rgb(152, 224, 196);
}
/*eventos*/
.limotivos{
    list-style-type: none;
    margin-top:-10rem;
}
#atrasparo{
    float:left;
    margin-top:10rem;
    margin-left:0rem;
}
#evento{
    margin:7rem 0rem -5rem 0rem;
}
#evento2{
    margin:7rem 0rem 27.5rem 0rem;
}
#transito1{
    margin:7rem 0rem -5rem 0rem;
}
#transito2{
    margin:7rem 0rem 30.5rem 0rem;
}
#paro1{
    margin:7rem 0rem 48rem 0rem;
}
h6{
    margin-top:0rem;
    margin-bottom: 1rem;
    margin-left: 13rem;
    font-size:3rem;
    }
#dia{
    font-family: 'Roboto';
    font-size: 2rem;
    margin-left: 13rem;
    margin-top: 0.5rem;
    }
#temp{
    font-family: 'Roboto';
    font-size: 2rem;
    margin-left: 13rem;
    margin-top: -0.5rem;
}
figure#nuboso{
    margin-top: 3rem;
}
#tips{
    text-decoration: none;
    align-content: space-between;
    margin-left: 20rem;
    font-size:2rem;
}
#tip3{
    text-decoration: none;
    align-content: space-between;
    margin-left: 20rem;
    font-size:2rem;
    margin-bottom:32rem;
}
/*paro*/
figure#paro{
     margin-top: 5rem;
    margin-left: -2rem;
}
#paro{
    background-color: rgb(229, 62, 62);
}
/*splash*/
#splash{
    display: flex;
    justify-content: center;
    margin-top: -6rem;
}