@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Dosis');

body .slick-prev {
    left: 4px;
    z-index: 1;
}

body .slick-next {
    right: 7px;
}

.slider {
    padding: 0;
    width: 95%;
    margin: 0 auto;
    margin-top: -0.6rem;
}

.arrow-left.icon {
  color: #07776a;
  position: absolute;
  margin-left: 3px;
  margin-top: 10px;
  width: 16px;
  height: 1px;
  background-color: currentColor;
}

.arrow-left.icon:before {
    color: #07776a;
  content: '';
  position: absolute;
  left: 1px;
  top: -5px;
  width: 10px;
  height: 10px;
  border-top: solid 1px currentColor;
  border-right: solid 1px currentColor;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}

.cerrar-menu {
    display: none;
    position: fixed;
    top: 8px;
    left: 331px;
    width: 21px;
    height: 21px;
}

.mm-opened .cerrar-menu {
    display: block;
}

html {
    background-color: #ffffff;
}


body {
    width: 360px;
    height: 640px;
    background-color: rgb(186, 184, 184);

    align-items: center;
}


#cuerpo{
    width:100%;
    height:auto;
    margin:0;
    padding:0;
}

#INDEX {
    font-family: 'Dosis', sans-serif;
    color: #ffffff;
    margin: 1.8rem;
    text-align: center;
   margin-bottom:6%;
    margin-top: 4%;

}

h1.titulo1{
    margin:0;
    padding:0;
}

#cuerpo h1 {
    font-family: 'Dosis', sans-serif;
    color: #ffffff;
    text-align: center;
    margin-top: -3%;

}

p.mastexto{
    margin: 0;
    padding:0;
}

#usuario form{
    text-align: center;
    width: 70%;
    margin: -1rem 3rem 0rem 3rem;
    color: #ffffff;
    padding: auto;
    font-size: 1rem;
    margin-bottom: auto;

}

placeholder {
    text-align: center;
    width: 70%;
    margin: auto;
    color: #ffffff;
    padding: auto;
    font-size: 1rem;
    margin-bottom: auto;}

.usuario1{
    display:block;
    height:22px;
    width:100%;
}

.contrasena1{
    display:block;
    height:22px;
    width:100%;
    margin-top:5%;
    margin-bottom:3%;
}

input {
border-radius: 5px;
    width: 100%;

    }

#OLVIDO a  { color:#ffffff;
    text-decoration: underline;
    margin: .5rem 2.4rem;
    font-family: 'Dosis', sans-serif;
    margin-top:20%;
    font-size: 0.9rem;


}


#INGRESAR a { background-color: #0b9090;
    border-radius: 5px;
    width:30%;
    font-size: 1.1rem;
    text-decoration: none;
    color: #ffffff;
    margin-bottom: auto;
    padding: 0.3rem;
        display: block;
  text-align: center;
    font-family: 'Dosis', sans-serif;
    margin-left:30%;
    margin-top:3%;

    }

#INGRESAR a:hover {
    background: #FFF;
    color: #F80;
}


#INGRESARMICURSADA a { background-color: #0b9090;
    border-radius: 6px;
    width:25%;
    font-size: 1rem;
    text-decoration: none;
    color: #ffffff;
    margin-bottom: auto;
    padding: 0.1rem;
        display: block;
  text-align: center;
    font-family: 'Dosis', sans-serif;
    margin-left:37%;
    margin-top:3%;
    margin-bottom: -1.7%;

    }

#INGRESARMICURSADA a:hover {
    background: #FFF;
    color: #F80;
}

#logo{
    margin-left: 4em;
    padding-top:8%;
    width:227px;
   }

.header  {
      padding:2.5%;
}

#imagen1 {
   margin-top:1%;
}

#menu{
    background-color:#c6c6c6;
    width: 368px;
   height: 648px;
    margin:0;
    padding:0;
}

ul li a {
color: #07776a;
    font-family: 'Dosis', sans-serif;
    text-decoration: none;
    font-size: 0.99rem;
}
#textoexcel h1{ font-family: 'Dosis', sans-serif;
    color: #ffffff;
    margin-bottom: 0;
    padding: 0;
    text-align: center;
    font-size: 2rem;}

#textoexcel p{ font-family: 'Dosis', sans-serif;
    color: #ffffff;
    margin: 1rem;
    padding: 1rem;
    text-align: center;
    }

#cursos h3 {
    font-family: 'Dosis', sans-serif;
    color: #ffffff;
    margin-bottom: 0.9rem;
    margin-top: -1.2rem;
    padding: 0;
    text-align: center;
    font-size: 2rem;
    }

#INSCRIBIRSE a { background-color: #0b9090;
    border-radius: 5px;
    width:30%;
    font-size: 1.1rem;
    text-decoration: none;
    color: #ffffff;
    margin-bottom: auto;
    padding: 0.3rem;
        display: block;
  text-align: center;
    font-family: 'Dosis', sans-serif;
    margin-left:33%;
    margin-top:3%;
    }
#INSCRIBIRSE a:hover {
    background: #FFF;
    color: #F80;
}

#VOLVER a  { color:#ffffff;
    text-decoration: underline;
    margin: .5rem 2.4rem;
    font-family: 'Dosis', sans-serif;
    margin-top:20%;
    font-size: 0.9rem;

}

#inscripcion label {
    color:#ffffff;
    text-decoration: none;
    margin-right:5%;
    margin-bottom: 30%;
    font-family: 'Dosis', sans-serif;
    margin-top:20%;
    margin-left: 5%;
    font-size: 0.9rem;
}

#dia  {
  color:#ffffff;
    text-decoration: none;
    margin-right:5%;
    font-family: 'Dosis', sans-serif;
    margin-top:5%;
    margin-left: 6%;
    font-size:1rem;
}

#hora  {
    color:#ffffff;
    text-decoration: none;
    margin-right:11%;
    font-family: 'Dosis', sans-serif;
    margin-top:5%;
    margin-left: 6%;
    font-size:1rem;

}

#hora label {
    margin-right: 16%;
    }

#dia label {
    margin-right: 18%;
    }

#comentario  {
    color:#ffffff;
    text-decoration: none;
    margin-right:5%;
    font-family: 'Dosis', sans-serif;
    margin-top:5%;
    margin-left: 5%;
    font-size: 1rem;
}

#comentario label {
    margin-right: 3%;
    }

#dia select {
    font-family: 'Dosis', sans-serif;
    font-size: 0.9rem;}

#hora select {
    font-family: 'Dosis', sans-serif;
    font-size: 0.9rem;}

#curso select {
    font-family: 'Dosis', sans-serif;
     font-size: 0.9rem;}

#comentario textarea {
    font-family: 'Dosis', sans-serif;
font-size: 0.9rem;
color: #989c9f;}

#datos label {
    font-family: 'Dosis', sans-serif;
     font-size: 1rem;
    margin-left: 1rem;
color:#ffffff;}


#datos input{
    font-family: 'Dosis', sans-serif;
     font-size: 0.9rem;
margin-left: 6.8rem;
    margin-top: 0.2rem;
    margin-bottom: 0.2rem;
    width: 40%;
    margin-right: 1rem;
}

#datosperfil {
    font-family: 'Dosis', sans-serif;
     font-size: 1rem;
    margin-left: 1rem;
color:#ffffff;
text-align: center;}

#curso {
    color:#ffffff;
    text-decoration: none;
    margin-right:5%;
    font-family: 'Dosis', sans-serif;
    margin-top:5%;
    margin-left: 6%;
    font-size:1rem;
}

#curso label {
    margin-right: 13%;
    }


#ENVIAR  input { color:#ffffff;
    text-decoration: none;
    margin-top: 5%;
    margin-left: 40%;
    font-family: 'Dosis', sans-serif;
    font-size: 1.1rem;
    background-color: #0b9090;
    border: none;
    width: 25%;
    cursor: pointer;
    text-align: center;
}

#ENVIAR input:hover {
    background: #FFF;
    color: #F80;
}


#lecturas p{font-family: 'Dosis', sans-serif;
    color: #ffffff;
    margin: 0.5rem;
    padding: 0.5rem;
    text-align: center;}

#cuerpo p {font-family: 'Dosis', sans-serif;
    color: #ffffff;
    margin: 0.5rem;
    padding: 0.5rem;
    text-align: center;}

#curso1{
   margin-left: -0.3rem;
    margin-right: 1rem;
    margin-top: 0.3rem;
    margin-bottom: 0.7rem;
    }

#curso1 p1{
    margin-left: 3rem;
    font-family: 'Dosis', sans-serif;
    color: #ffffff;
    font-size: 1.1rem;
    }

#curso1 p2{
    margin-left: 2.5rem;
    font-family: 'Dosis', sans-serif;
    color: #ffffff;
    font-size: 1.1rem;
    }

#curso1 p3{
    margin-left: 1.5rem;
    font-family: 'Dosis', sans-serif;
    color: #ffffff;
    font-size: 1.1rem;
    }

#curso1 a1 {
    margin-left: 3rem;
    font-family: 'Dosis', sans-serif;
    color: #ffffff;
    font-size: 1.2rem;
    text-align: center; }

#curso1 a2 {
    margin-left: 3rem;
    font-family: 'Dosis', sans-serif;
    color: #ffffff;
    font-size: 1.2rem;
    text-align: center;}

#curso1 a3 {
    margin-left: 3rem;
    font-family: 'Dosis', sans-serif;
    color: #ffffff;
    font-size: 1.2rem;
    text-align: center;}

#imagenperfil img {border-radius: 20%;
    margin-left: 33.4%;
}


#docente { font-family: 'Dosis', sans-serif;
    color: #ffffff;
    margin: 0.5rem;
    padding: 0.5rem;

}

#docente select { margin: 1rem;
    font-family: 'Dosis', sans-serif;
     font-size: 0.9rem;
color: #999d9c;}

#cambiar {
    margin-left: 1rem;}

#cambiar a {color:#07776a;
    text-decoration: underline;
    font-family: 'Dosis', sans-serif;
    font-size: 0.95rem;}

#hora input{
    margin-bottom: 0.5rem;
    font-family: 'Dosis', sans-serif;
    font-size: 0.9rem;
}

#inscripciontitulo h4 {
    font-family: 'Dosis', sans-serif;
    color: #ffffff;
    margin: auto;
    padding: 0;
    text-align: center;
    font-size: 2rem;
    }

#email p { font-family: 'Dosis', sans-serif;
    color: #ffffff;
    margin: 0.5rem;
    padding: 0.5rem;
    text-align: center;
}

#email input {
    text-decoration: none;
    margin-right:5%;
    margin-top:0.5%;
    margin-left:6%;
    font-size:1rem;
    font-family: 'Dosis', sans-serif;
    width: 85%;
    }

#OK a {background-color: #0b9090;
    border-radius: 5px;
    width:20%;
    font-size: 1rem;
    text-decoration: none;
    color: #ffffff;
    padding: 0.3rem;
    display: block;
  text-align: center;
    font-family: 'Dosis', sans-serif;
    margin-left:35%;
    margin-top:5%;  }

#OK a:hover {
    background: #FFF;
    color: #F80;
}

#mailenviado p { font-family: 'Dosis', sans-serif;
    color: #ffffff;
    margin: 0.5rem;
    padding: 0.5rem;
    text-align: center;
}

#excel img{
    width:100%;
    height:100%;
    opacity: 1;
    filter: alpha(opacity=100);}

#excel img:hover { opacity: 0.5;
    filter: alpha(opacity=100); }

#word img{
    width:100%;
    height:100%;
    opacity: 1;
    filter: alpha(opacity=100);}

#word img:hover { opacity: 0.5;
    filter: alpha(opacity=100); }

#power img{
    width:100%;
    height:100%;
    opacity: 1;
    filter: alpha(opacity=100);}

#power img:hover { opacity: 0.5;
    filter: alpha(opacity=100); }

#outlook img{
    width:100%;
    height:100%;
    opacity: 1;
    filter: alpha(opacity=100);}

#outlook img:hover { opacity: 0.5;
    filter: alpha(opacity=100); }

#lecturas img { position: absolute;
margin-left: 0.3rem;}


#ajustes{
margin-top:1rem;
width:100%;
height:300px; 
}

#ajuste{
    margin-left:auto;
    margin-right:auto;
    margin-top:1rem;
width:80%;
height:40px;
}

#ajuste1{


    float:left;
}

#ajuste1 p {color:#ffffff;
    font-family: 'Dosis', sans-serif;
    font-size: 1rem;}

#ajuste1b{
    width:20%;
    height:25px;
    float:right;
    margin-top:15px;
}

.onoffswitch {
    position: relative; width: 55px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;

}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    height: 20px; padding: 0; 
    border: 2px solid #07776A; border-radius: 20px;
    background-color: #CFCFCF;
    transition: background-color 0.3s ease-in;
}
.onoffswitch-label:before {
    content: "";
    display: block; width: 20px; margin: 0px;
    background: #c6c6c6;
    position: absolute; top: 0; bottom: 0;
    right: 33px;
    border: 2px solid #07776A; border-radius: 20px;
    transition: all 0.3s ease-in 0s; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label {
    background-color: #07776A;
}
.onoffswitch-checkbox:checked + .onoffswitch-label, .onoffswitch-checkbox:checked + .onoffswitch-label:before {
   border-color: #07776A;
}
.onoffswitch-checkbox:checked + .onoffswitch-label:before {
    right: 0px; 
}