* {
    box-sizing: border-box;
    margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
}
#imagen_logo{
  opacity: 0.6;
  width: 25%;
  min-width: 120px;
  max-width: 170px;
 position: absolute;
 top: 0.8em;
 left: -2em; ;
  }
/* Teléfonos superiores*/
 #phone{
  position: relative;
  top: 1.5em;
  left: 1em;
  z-index: inherit;
 /* width: 80%;*/
          
 }

#phone h4, #text_top h4{
  color: #fff;
  position: relative;
  top: 3px;
  display: inline-block;
  font-weight: 300;

}
#phone h4:first-child{
  position: absolute;
  left: 0;
}
#phone img{
  vertical-align: middle;
  margin-right: 0.3em;
  margin-left: 0.3em;

 }
#phone img.ico1{
  width: 35px;
 }
#phone img.ico2{
  width: 18px;
 }
 #redes{
  position: absolute;
  right: 1.3em;
  top: 5em;
  z-index: inherit;
}
img.ico1 {
    width: 20%;
}

#twitter{
      height:500px;
      overflow:auto;
      padding-left: 2em;
      display: none;
      
}
.twitter{
  display: none;
}
/*Aviso cookies*/

#overbox3 {
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100%;
  z-index: 999999;
  display: block;
  background-color: #eeeeee;
  padding: 0.8em;
}
#infobox3 {
    margin: auto;
    position: relative;
    top: 0px;
    /*height: 58px;*/
    width: 100%;
    text-align:center;
    background-color: #eeeeee;
}
#infobox3 p {
    line-height:1.5;
    font-size:0.8em;
    margin-bottom: 0.8em;
}
#infobox3 p a {
    margin-right:5px;
    text-decoration: underline;
}

/*para el formulario de solicitud y la ficha del curso*/
#imagen_curso_ver{
    position: relative;
    width: 100%;
    float: right;
    padding-left: .5em;
    padding-bottom: 2.5em;
}
#imagen_curso img, #imagen_curso_ver img{
width: 100%;
}
#ajSlider{
  position: relative;
  top: 150px;
}
#footer_text{
  width: 100%;
  border: 1px solid #ccc;
  padding: 1em;
}
header{
  margin-bottom: 3em;
}
nav{
float: right;
position: relative;
z-index: 10000;
}
footer{
  background-color: #343a40;
}
footer span{
  display: inline-block;
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}
footer a{
color: #fff;
text-decoration: none;
  }
footer a:hover{
color: #ccc;
text-decoration: underline;
  }
footer p{
  line-height: 1.7;
  color: #fff;
}
footer img{
  width: 30%;
}
footer h5{
  margin-top: 2em;
  font-size: 1em;
  color: #fff;
}

footer strong{
  font-weight:500;
  color: #fff;
}
footer p.text-white{
  padding: 1em 0 0 1em;
}

.fixed_top{
  position: fixed;
  top: -15px;
  left: 0;
  z-index: 10;
  background-color: #343a40!important;
  width: 100%;
  font-family: Roboto;
  min-height: 7.5em;
}
.fixed_top h1{
  font-size: 1.9em;
  position: relative;
  top: 1.2em;
  left: 1em;
  font-weight: 400;
}
.fixed_top a{
 color: #fff;
 text-decoration: none;
}
.container{
  width: 90%;
  margin: auto;
}
.container::after {
      content: "";
      clear: both;
      display: table;
  }

.cursos_responsive{
  margin-top: 4em;
}
.none{
  display: none;
}
.titulos{

}
.flex{
  display: flex!important;
display: -webkit-flex !important;
  flex-wrap: wrap !important;
   -webkit-flex-wrap: wrap !important;
}
/*Inicio Menu Responsive*/

#boton_menu{
    display:none;
}
.navbar{
    width: 100%;
    position: relative;
    top: 1em;
    color: rgba(255,255,255,.9);

}
.navbar label{
    display:none;
   /* width:30px;
    height:30px;*/
    right: 0.7em;
    padding:0.2em;
   float: right;
   position: relative;
   top: -1em;
   z-index: 100;
}
.navbar label:hover{
    cursor:pointer;
    background-color:rgba(0,0,0,0.3);
}
.responsive ul{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    /*justify-content:flex-end;*/
    /*justify-content:center;*/
}

.responsive li{
    flex-grow:1;
  }
.responsive li a{
    display:block;
    padding:1em;
    color:#fff;
    text-decoration:none;
}
.responsive li a.active{
  border-bottom: 2px solid #7f7ca6;
  padding-bottom: 0.3em;
}
.responsive li a:hover{
   border-bottom: 2px solid #7f7ca6;
  padding-bottom: 0.3em;
}

@media (max-width:994px){
    .navbar label{
        display:block;
    }
    .responsive{
        position:absolute;
        width:100%;
        background-color: #343a40;
       /* margin-top:-300%;*/
       height: 0;
       transition:height 1s ease;
        top: 2em;
        display: none;
      
        
    }
    .responsive ul{
        flex-direction:column;
    }
    
    #boton_menu:checked ~ .responsive{
       /* margin:0;*/
      height: 350px;
      display: block;
    }
}
/*Fin Menu Responsive*/
.row:after {
    content: "";
    clear: both;
    display: block;
}
[class*="col-"] {
    float: left;
    padding: 1em;
    position: relative;
    width: 100%;
}

@media only screen and (min-width: 576px) {
    .col-s-1 {width: 8.33%;}
    .col-s-2 {width: 16.66%;}
    .col-s-3 {width: 25%;}
    .col-s-4 {width: 33.33%;}
    .col-s-5 {width: 41.66%;}
    .col-s-6 {width: 50%;}
    .col-s-7 {width: 58.33%;}
    .col-s-8 {width: 66.66%;}
    .col-s-9 {width: 75%;}
    .col-s-10 {width: 83.33%;}
    .col-s-11 {width: 91.66%;}
    .col-s-12 {width: 100%;}
    #phone{
     /* width: 50%;*/
      top: 4.5em;
      left: 11em;
    }
    .btn-250 {
      width: auto;
    }
     .none{
  display: inline-block;
}
#imagen_curso_ver{
    position: relative;
    width: 50%;
    float: right;
    padding-left: .5em;
    padding-bottom: 2.5em;
}
  #redes{
    position: absolute;
    right: 1em;
    top: 1.5em;
    }
    img.ico1 {
    width: auto;
  }
  #logout{
  right: 9em;
  }
    
}
@media only screen and (min-width: 768px) {
    .col-m-1 {width: 8.33%;}
    .col-m-2 {width: 16.66%;}
    .col-m-3 {width: 25%;}
    .col-m-4 {width: 33.33%;}
    .col-m-5 {width: 41.66%;}
    .col-m-6 {width: 50%;}
    .col-m-7 {width: 58.33%;}
    .col-m-8 {width: 66.66%;}
    .col-m-9 {width: 75%;}
    .col-m-10 {width: 83.33%;}
    .col-m-11 {width: 91.66%;}
    .col-m-12 {width: 100%;}

     .cd-top {
    right: 20px;
    bottom: 20px;
  }
 
  .mt_10{
    margin-top: 10em!important;
  }
   #phone{
    left:13em;
  }
  .fixed_top h1{
    left: 2em;
  }
  #imagen_logo{
    top: -0.8em;
  }
  #twitter{
     display: block;
      
  }
  #imagen_curso_ver{
    width: 35%;
}
  .twitter{
    display: block;
  }
  #slideshow {
   display: block;
  }
  #ico_cursos,#ico_cursos2,#ico_noticias{
    display: block;
  }
  .titulos{
    display: none;
  }
  .cursos_responsive{
  margin-top: 0;
  }
  #ico_localizacion{
  margin-bottom: 2em;
  overflow: auto;
  background-color:rgba(70,70,117,0.38); 
  padding-top: 2em;
  }
  #ico_localizacion img{
  width: 25%;
}
#ico_localizacion img.rel{
 width: 15.9%;
 }
#ico_localizacion .caja{
  width: 25%;
  float: left;
  text-align: center;
  padding: 0 0.5em;
  }
  span.button {
    width: auto;
  }
  .mensaje_advertencia_public {
    padding-left: 5em;
    background: url(../../view/img/ico_adv.png) no-repeat;
    background-position: 0 50%;
    line-height: 1.7;
    color: #868282;
    margin-left: 2em;
  }
  #imagen_curso {
    display: block;
  }

}
@media only screen and (min-width: 995px) {
    .col-l-1 {width: 8.33%;}
    .col-l-2 {width: 16.66%;}
    .col-l-3 {width: 25%;}
    .col-l-4 {width: 33.33%;}
    .col-l-5 {width: 41.66%;}
    .col-l-6 {width: 50%;}
    .col-l-7 {width: 58.33%;}
    .col-l-8 {width: 66.66%;}
    .col-l-9 {width: 75%;}
    .col-l-10 {width: 83.33%;}
    .col-l-11 {width: 91.66%;}
    .col-l-12 {width: 100%;}

    
  .fixed_top h1{
    top: 1.5em;
    /*left: 3em;*/
  }
    #phone{
     top: 5em;
    /* width: 25%;*/
    /* left:15em;*/
    }
    #imagen_logo{
    top: 0.8em;
  }
    nav{
      top: -5px;
    }
    #footer_text{
    width: 90%;
   }
  .navbar{
  top: 0.1em;
  }
  #slideshow {
    height: 60vh;
 }
 #slides div p {
/*  font-size: 40px;*/
  top: 35%;
  }
 #slides div a{
  top: 39vh;
  }
  #imagen_curso_ver{
    width: 35%;
}
  .lista_cursos {
    overflow: auto;
    position: relative;
    top: 1em;
  }
  .lista_cursos ul{
  list-style-type: none;
  margin-top: 3em;
  margin-left: 2em;
  } 
  span.button{
    position: relative;
    top: -3em;
  }
}

 @media only screen and (min-width: 1200px) {
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}

  
  #slideshow {
  display: block;
  height: 70vh;
 }
 #slides div p {
  font-size: 40px;
  top: 35%;
  margin: auto;
  /*padding-right: 15%;
  padding-left: 15%;*/

  }
  #slides div a{
  top: 44vh;
  }
  #hideSlide p{
  font-size: 1.2rem!important;
  text-align: left!important;
  line-height: 1.6!important;
  top: 20%!important;
}
#hideSlide p.small{
  font-size: 1rem!important;
  text-align: left!important;
  margin-top: 2rem;
}
  .publi img{
  width: 14%;
  display: inline-block;
  margin: auto;
  }
  .publi .publi1{
    width: 10%;
  }
  #imagen_curso {
    width: 15%;
  }

}