@font-face {
  font-family: "Bold";
  src: url('../fonts/NotoSans-SemiBold.ttf');

}
@font-face {
  font-family: "Regular";
  src: url('../fonts/NotoSans-Regular.ttf');

}
@font-face {
  font-family: "Ligth";
  src: url('../fonts/NotoSans-ExtraCondensedLight.ttf');

}


.cursoTexto{
  font-family: Bold;
  color: #05244D;
  font-size: 28px;
}

.cursoTexto2{
  font-family: Bold;
  color: #05244D;
  font-size: 90px;
}

.cursoTexto3{
  font-family: Bold;
  color: #fff;
  
}

.bodersColors{
  border-right: solid 2px #05244D;
}

.bodersColors2{
  border-left: solid 2px #05244D;
}

.divCurso{
  background-image: url('../img/cursos/11.png'); 
  background-repeat: no-repeat;
  background-size: cover; 
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
 }


 .cursoTexto4{
  font-family: Regular;
  color: #fff;
  font-size: 23px;
}


.cursoTexto5{
  font-family: Bold;
  color: #DF6511;
  font-size: 52px;
}


.cursoTexto6{
  font-family: Regular;
  color: #05244D;
  font-size: 24px;
}


.cursoTexto7{
  font-family: Bold;
  color: #fff;
  font-size: 26px;
}

.cursoTexto8{
  font-family: Regular;
  color: #fff;
  font-size: 18px;
}


.cursoTexto9{
  font-family: Bold;
  color: #000;
  font-size: 26px;
}

.cursoTexto10{
  font-family: Regular;
  color: #000;
  font-size: 18px;
}

.divBorder{
border-radius: 0px 125px 124px 0px;
-moz-border-radius: 0px 125px 124px 0px;
-webkit-border-radius: 0px 125px 124px 0px;
border: 0px solid #000000;
background: #05244D;
padding-top: 20px;
padding-bottom: 20px;
width: 60%;
}

.contentete{
    position: relative;
    display: inline-block;
    text-align: center;
}

.btncenter{
    position: absolute;
    top: 90%;
    left: 22%;
    transform: translate(-50%, -50%);
}

.btncurso{
  background: #339DC5;
  color: #fff;
  font-family: Regular;
  border-radius: 0px;
  font-size: 17px;
}
.avisos{
  font-family: Bold;
}

.avisos2{
  font-family: Regular;
  font-size: 18px;
}

#imgr{
  
  background-image: url('../img/cotizar1.png');
}

#imgr:hover {
  
  background:transparent url('../img/cotizar2.png') center top no-repeat;
  
}
.botoncr{
    position: absolute;
    top: 90%;
    left: 10.6%;
    transform: translate(-50%, -50%);
}
.botoncr2{
    position: absolute;
    top: 90%;
    left: 10.6%;
    transform: translate(-50%, -50%);
}

.textblogtitulo{
 font-family: Regular;
 font-size: 19px;
 color: #000;
}
.pblog0{
  padding-left: 0px;
  padding-right: 0px;
}

/* .certificados{
  background-image: url('{% static ../img/home/placa.png %}');
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 0px;
  padding-right: 0px;
} */


.coloresdiv{
  background-color: #E8E9E9;
}

.textcer{
  font-family: Bold;
  font-size: 32px;
  color: #000;
}


.textcer2{
  font-family: Bold;
  font-size: 20px;
  color: #000;
}
.cer0{
  padding-left: 0px;
  padding-right: 0px;
}
.pblog02{
  padding-left: 7px;
  padding-right: 7px;
}

.blogsombra{
  -webkit-box-shadow: -1px 2px 7px 0px rgba(0,0,0,0.75);
-moz-box-shadow: -1px 2px 7px 0px rgba(0,0,0,0.75);
box-shadow: -1px 2px 7px 0px rgba(0,0,0,0.75);
}

.blogcontenido{
  font-size: 15px;
 font-family: Regular;
}
.hrblog{
color: #CDD0D2;
height: 0px;
border:1px dashed;
}
.espaci2{
 position: absolute; top:80%;
} 
.my-nav{
    border-radius: 0px; 
    background-color: black;
    margin: 0px;
}

.my-logo{
    padding-left: 0px; 
    padding-top: 0px;
    width: 150px;
}


.my-logo2{
    padding-left: 0px; 
    padding-top: 8px;
    width: 110px;
}
.img-redes{
  width: 28px;
}
.h:hover{
   background-color: black;
}


ul.nav a:hover { 
   
    background-color: black;
    color: #fff;
}



ul.nav a { 
    color:  #fff; 
}
.my-text-nav{
    font-size: 12px;
    font-family: Bold;
}

.btn-nav{
    border-radius: 10px;
    background: #339DC5;
    font-size: 12px;
    font-family:Regular;
    width: 140px;
}
 .p0{
  padding-left: 0px;
  padding-right: 0px;
 }

 .reg{
   font-family:Regular;
 }

 .whit-in{
  width: 130px;
 }

.padding-nav{
  padding-left:25px;
}

.icon-nav{
padding-top: 17px;
}

.contenedor{
    position: relative;
    display: inline-block;
    text-align: center;
    width: 100%;
}
 
.centrado{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.centrado2{
    position: absolute;
    top: 80%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.text-home{
    font-family:Ligth;
    font-size: 22px;
}

.bold{
  font-family: Bold;
  color: #000;
}

.pservicio{
  padding-bottom: 25px;
}

.pserver{
  padding-top: 15px;
}

.serviciotext{
  font-size: 14px;
  font-family: "Bold";
  color: #000;
}

.social-bar {
  position: fixed;
  right: 0;
  top: 30%;
  font-size: 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  z-index: 100;
}

.social-wass {
   position: fixed;
    right: 0;
    top: 65%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    z-index: 100;
}


.social-bt {
   position: fixed;
    right: 0;
    top: 20%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    z-index: 100;
}


.img-lateral2{
  width: 150px;
}

.img-lateral{
  width: 50px;
}
.icon {
  color: white;
  text-decoration: none;
  padding: .7rem;
  display: flex;
  transition: all .5s;
 
}

.icon-facebook {
  background: #2E406E;
}

.icon-twitter {
  background: #339DC5;
}

.icon-youtube {
  background: #E83028;
}

.icon-instagram {
  background: #BD0B96;
}

.icon:first-child {
  border-radius: 1rem 0 0 0;
}

.icon:last-child {
  border-radius: 0 0 0 1rem;
}

.icon:hover {
  padding-right: 3rem;
  border-radius: 1rem 0 0 1rem;
  box-shadow: 0 0 .5rem rgba(0, 0, 0, 0.42);
  text-decoration: none;
  outline: none;
}

.borregost{
  font-size: 16px;
  padding-top: 5px;
  color: #000;
}

.card-text{
  padding-top: 8px;
  text-align: justify;
  font-size: 18px;
  font-family: Ligth;
  color: #000;
}

.card-text2{
  text-align: justify;
  font-size: 18px;
  font-family: Bold;
  color: #000;
}

 .p00{
  padding-left: 0px;
  padding-right: 0px;
 }

 .btn-car{
  background-color: #0062a4;
  color: #fff;
  font-family: Regular;
  border-radius: 10px;
  width: 120px;

 }

 .div-im{
background-image: url('../img/visitanos.png'); 
  background-repeat: no-repeat;
  background-size: cover; 
  width: 100%; 
  position: relative;
  padding-top: 10px;
  padding-bottom: 20px;
 }



.m{
  margin: 0px;
}
.pr{
  position: relative;
}

.pa{
  position: absolute;
}

.btna{
  background-color: #db9600;
  font-family:Regular;
  color: #fff;
  font-size: 15px;
  border-radius: 10px;
}

.ptop{
  padding-top: 70px;
}

.venta{
  font-size: 18px;
  color: #000;
  font-family: Regular;
  text-align: left;
}

.venta2{
  font-size: 15px;
  color: #000;
  font-family: Regular;
  text-align: left;
}

.btnac{
  background-color: #0062a4;
  font-family:Regular;
  color: #fff;
  font-size: 17px;
  border-radius: 10px;
  width: 200px;
}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: #000;
    border-color: #337ab7;
}


.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: #eee;
    border-color: #337ab7;
}
.pt2{
  padding-top: 25px;
}

.text-form{
  font-size: 34px;
  font-family:Bold;
  color: #000;
}

.text-form2{
  font-size: 22px;
  font-family:Regular;
  color: #000;
}


.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: #000;
    border-color: #000;
}

.btnfor{
  background-color: #000;
  font-family:Regular;
  color: #fff;
  font-size: 15px;
  border-radius: 10px;
  width: 130px;
}

.pt3{
  padding-top: 10px;
}

.borde{
  border-radius: 8px;
}

.texts{
  color: #000;
  font-family:Regular;
  padding-top: 8px;
  padding-bottom: 5px;
  font-size: 20px
}

.pt5{
  padding-top: 100px;
}

.pt6{
  padding-top: 80px;
}
.pbun{
  padding-bottom: 20px;
}
.infotext{
  color: #000;
   font-family:Regular;
   padding-top: 25px;
   padding-bottom: 25px;
}
.fomr-info{
  border-radius: 6px;
  background-color:white;
}

.btn-enin{
 background-color: #000;
 color: #fff;
 font-family:Regular;
 font-size: 16px;
 border-radius: 8px;
 width: 150px;
}
.tectfooter{
  color: #fff;
   font-family:Regular;
}
.pbb{
  padding-bottom: 30px;
}

.pmodal{
  padding-bottom: 60px;
}
input[type=text]::placeholder, input[type=email]::placeholder, #borrego::placeholder{ color: black; }

#mensaje::placeholder{ 

  color: black;

   }

#mensaje::placeholder{ 

  color: black;

   }

#mensajeP::placeholder{ 

  color: black;

   }
#borregoP::placeholder{ 

  color: black;

   }




.div-im2{
background-image: url('../img/Mesa-de-trabajo-1.png'); 
  background-repeat: no-repeat;
  background-size: cover; 
  width: 100%;
  position: relative;
  padding-top: 0px;
  padding-bottom: 260px;
 }


 .div-contcat{
background-image: url('../img/contacto2.png'); 
  background-repeat: no-repeat;
  background-size: cover; 
  width: 100%;
  position: relative;
  padding-top: 15px;
  padding-bottom: 250px;
 }



 .body-curso{
  background-image: url('../img/Mesa-de-trabajo-1.png'); 
  background-repeat: no-repeat;
  background-size: cover; 
 }
/* 
 .body-migrantes{
    background-color: white; 
    
   } */
 .texare{
  color: #000;
 }

 .formtext{
  color: #fff;
  font-size: 16px;
  font-family: Regular;
 }

 .pl{
  padding-left: 0px;
 }
 .pr{
  padding-right: 0px;
 }
.footer{
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #000;
}
.dorpert{
  text-align: center;
}

.dopertext{
  text-align: justify;
  font-family: Regular;
  font-size: 18px;

}

.dopertext2{
 
  font-family: Regular;
  font-size: 18px;

}

#borregos {
  background-image: url('../img/ic2.png');
  background-size: 100% auto;
  background-repeat: no-repeat;
}

.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #000;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #92af4f;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #92af4f;
    border-color: #fff;
    border: 1px solid #92af4f;
}

.div-imdorper{
background-image: url('../img/dorper/3.png'); 
  background-repeat: no-repeat;
  background-size: cover; 
  width: 100%; 
  position: relative;
  padding-top: 10px;
  padding-bottom: 10px;
 }

.div-imdcon{
background-image: url('../img/contacto/1.png'); 
  background-repeat: no-repeat;
  background-size: cover; 
  width: 100%; 
  position: relative;
  padding-top: 50px;
  padding-bottom: 50px;
 }


 .text-dorb{
  color: #fff;
 }
 .fomr-info2{
  border-radius: 6px;
  background-color:rgba(255,255,255,0.9);
}

.formcontc{
   background-color:rgba(255,255,255,0.8);
   padding-top: 15px;
   padding-bottom: 15px;
   padding-left: 50px;
   padding-right: 50px;
}

.formccuso{
   background-color:rgba(255,255,255,0.8);
   padding-top: 35px;
   padding-bottom: 35px;
   padding-left: 50px;
   padding-right: 50px;
}


.textconta{
  font-size: 14px;
  font-family: Regular;
  color: #000;

}

.textfomcon{
   font-family: Regular;
   color: #000;

}
.p000{
  padding-left: 0px;
  padding-right: 0px;
}
.ptfo{
  padding-top: 28px;
}
.btnconn{
  background-color: #0062a4;
  font-family: Regular;
  color: #fff;
  width: 120px;
}

.corderastt{
  font-size: 17px;
  font-family: Bold;
}

.pcotizar{
  padding-top: 15px;
  padding-bottom: 15px;
}


.div-linea{
background-image: url('../img/curso/linea.png'); 
  background-repeat: no-repeat;
  background-size: cover; 
  width: 100%; 
  position: relative;
  padding-top: 50px;
  padding-bottom: 50px;
 }

 .btncuros{
  background-color: #d32945;
  color: #fff;
  font-family: Regular;
  font-size: 18px;
  width: 150px;
 }

 .pdcursos{
  padding-top: 30px;
  padding-bottom: 20px;
 }

 .buttoncur{
  padding-bottom: 30px;
 }

.textforcotiza{
  font-size: 17px;
}
.textforcotiza2{
  font-size: 14px;
}

.btncotix{
  background-color: #db9600;
  color: #fff;
  font-family: Regular;
  font-size: 14px;
  border-radius: 10px;
  width: 100%;
 }

 .btncotix2{
  background-color: #d32945;
  color: #fff;
  font-family: Regular;
  font-size: 14px;
  border-radius: 10px;
  width: 200px;
 }
.ptextmodal{
  font-size: 17px;
   font-family: Bold;
   color: #000;
}

.ptextmodal2{
  font-size: 16px;
   font-family: Regular;
   text-align: left;
}
@media (max-width: 770px) {

.pservicio{
  padding-bottom: 15px;
}

.ptop{
  padding-top: 20px;
}
.card-text2{
  text-align: center;
  font-size: 16px;
  font-family: Bold;
  color: #000;
}

.icon-nav{
padding-top: 0px;
}
 
}
.input-somba{
  -webkit-box-shadow: 0px 10px 9px -8px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 10px 9px -8px rgba(0,0,0,0.75);
box-shadow: 0px 10px 9px -8px rgba(0,0,0,0.75);
}
.cursoForm{
  padding-right: 45px;
}
@media (max-width: 470px) {
  .img-b{
    height: 200px;
  }
  .dorpert{
  text-align: center;
}

.cursoForm{
  padding-right: 15px;
}
.contactosss{
  text-align: center;
}
.p000{
  padding-left: 15px;
  padding-right: 15px;
}
 .pl{
  padding-left: 0px;
   padding-right: 0px;
 }
 .pr{
  padding-right: 0px;
    padding-left: 0px;
 }

  .btna{
  background-color: #db9600;
  font-family:Regular;
  color: #fff;
  font-size: 13px;
  border-radius: 10px;
}

.btnac{
  background-color: #0062a4;
  font-family:Regular;
  color: #fff;
  font-size: 15px;
  border-radius: 10px;
  width: 170px;
}
.paddforts{
  padding-right: 0px;
  padding-left: 0px;
}


.paddforts2{
  padding-right: 10px;
  padding-left: 10px;
}
}
@media (min-width: 1508px){
.div-im2{
background-image: url('../img/Mesa-de-trabajo-1.png'); 
  background-repeat: no-repeat;
  background-size: cover; 
  width: 100%;
  position: relative;
  padding-top: 15px;
  padding-bottom: 350px;
  height: auto;
 }
}

@media (min-width: 1745px) {

.whit-in{
  width: 180px;
 }

.my-text-nav{
    font-size: 17px;
    font-family: Bold;
}

.btn-nav{
    border-radius: 10px;
    background: red;
    font-size: 16px;
    font-family:Regular;
    width: 140px;
}

.img-redes{
  width: 30px;
}
.my-logo{
    padding-left: 0px; 
    padding-top: 0px;
    width: 150px;
}
  }

.carousel {
    width: 100%;
}


@media (min-width: 768px){
.modal-dialog {
    width: 50%;
    margin: 30px auto;
}
}
/* Indicators list style */
.article-slide .carousel-indicators {
    bottom: 0;
    left: 0;
    margin-left: 5px;
    width: 100%;
}
/* Indicators list style */
.article-slide .carousel-indicators li {
    border: medium none;
    border-radius: 0;
    float: left;
    height: 54px;
    margin-bottom: 5px;
    margin-left: 0;
    margin-right: 5px !important;
    margin-top: 0;
    width: 100px;
}
/* Indicators images style */
.article-slide .carousel-indicators img {
    border: 2px solid #FFFFFF;
    float: left;
    height: 54px;
    left: 0;
    width: 100px;
}
/* Indicators active image style */
.article-slide .carousel-indicators .active img {
    border: 2px solid #428BCA;
    opacity: 0.7;
}


.inner-addon {
  position: relative;
}
.inner-addon .glyphicon {
  position: absolute;
  padding: 10px;
  padding-right: 20px;
  pointer-events: none;
}
.left-addon .glyphicon {
  left: 0px;
}
.right-addon .glyphicon {
  right: 0px;
}
.left-addon input {
  padding-left: 30px;
}
.right-addon input {
  padding-right: 30px;
}

.pddle{
  padding-left: 0px;
}

.pddlr{
  padding-right: 0px;
}

@media screen and (max-width: 762px) {
 .pddle{
  padding-left: 0px;
  padding-right: 0px;
}

.pddlr{
  padding-right: 0px;
  padding-left: 0px;
}
.p0002tab{
  padding-left: 0px;
  padding-right: 0px;
}

.textcer2{
  font-family: Bold;
  font-size: 21px;
  color: #000;
}
}




@media screen and (max-width: 1060px) {
.botoncr{
    position: absolute;
    top: 80%;
    left: 11.5%;
    transform: translate(-50%, -50%);
}
.botoncr2{
    position: absolute;
    top: 80.5%;
    left: 11.5%;
    transform: translate(-50%, -50%);
}
}


@media screen and (max-width: 858px) {
.botoncr{
    position: absolute;
    top: 75%;
    left: 12.5%;
    transform: translate(-50%, -50%);
}
.botoncr2{
    position: absolute;
    top: 75%;
    left: 12.5%;
    transform: translate(-50%, -50%);
}

.imgwid{
  width: 210px;
}
}

@media screen and (max-width: 558px) {
.botoncr{
    position: absolute;
    top: 75%;
    left: 15.5%;
    transform: translate(-50%, -50%);
}
.botoncr2{
    position: absolute;
    top: 75%;
    left: 15.5%;
    transform: translate(-50%, -50%);
}

.imgwid{
  width: 210px;
}


.btncenter{
    position: absolute;
    top: 93%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.btncurso{
  background: #339DC5;
  color: #fff;
  font-family: Regular;
  border-radius: 0px;
  font-size: 15px;
}
}



.padiladosl1{
  padding-left: 0px;
}
.padiladosl2{
  padding-right: 0px;
}

@media screen and (max-width: 458px) {
.botoncr{
    position: absolute;
    top: 75%;
    left: 22.5%;
    transform: translate(-50%, -50%);
}
.botoncr2{
    position: absolute;
    top: 75%;
    left: 22.5%;
    transform: translate(-50%, -50%);
}

.imgwid{
  width: 200px;
}

.img-lateral{
  width: 40px;
}
}



@media (min-width: 1518px) {
.botoncr{
    position: absolute;
    top: 90%;
    left: 8.5%;
    transform: translate(-50%, -50%);
}
.botoncr2{
    position: absolute;
    top: 90%;
    left: 8.5%;
    transform: translate(-50%, -50%);
}
}

@media (min-width: 1518px) {
.botoncr{
    position: absolute;
    top: 90%;
    left: 7.5%;
    transform: translate(-50%, -50%);
}
.botoncr2{
    position: absolute;
    top: 90%;
    left: 7.5%;
    transform: translate(-50%, -50%);
}
}

@media (min-width: 1918px) {
.botoncr{
    position: absolute;
    top: 90%;
    left: 6.5%;
    transform: translate(-50%, -50%);
}
.botoncr2{
    position: absolute;
    top: 90%;
    left: 6.5%;
    transform: translate(-50%, -50%);
}
}
 .tabbable-line > .nav-tabs {
  border: none;
  margin: 0px;
}
.tabbable-line > .nav-tabs > li {
  margin-right: 2px;
  border-color:  #0062a4;
}
.tabbable-line > .nav-tabs > li > a {
  border: 0;
  margin-right: 0;
  color: #737373;
  border-color:  #0062a4;
}
.tabbable-line > .nav-tabs > li > a > i {
  color: #a6a6a6;
  border-color:  #0062a4;
}
.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
  background-color:  #0062a4;
  color: #fff;
}
.tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
  border: 0;
  background: none !important;
  color: #fff;
}
.tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
  color: #fff;
}
.tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
  margin-top: 0px;
   color: #fff;
}
.tabbable-line > .nav-tabs > li.active {
   background-color:  #0062a4;
  position: relative;
}
.tabbable-line > .nav-tabs > li.active > a {
  border: 0;
  color: #fff;
   background-color:  #0062a4;
}
.tabbable-line > .nav-tabs > li.active > a > i {
  color: #fff;
  background-color:  #0062a4;
}
.tabbable-line > .tab-content {
  margin-top: -3px;
  background-color: #fff;
  border: 0;
  border-top: 1px solid #fff;
  padding: 15px 0;
}
.portlet .tabbable-line > .tab-content {
  padding-bottom: 0;
}

/* Below tabs mode */

.tabbable-line.tabs-below > .nav-tabs > li {
  border-top: 4px solid transparent;
}
.tabbable-line.tabs-below > .nav-tabs > li > a {
  margin-top: 0;
}
.tabbable-line.tabs-below > .nav-tabs > li:hover {
  border-bottom: 0;
  border-top: 4px solid #fbcdcf;
   color: #fff;
}
.tabbable-line.tabs-below > .nav-tabs > li.active {
  margin-bottom: -2px;
  border-bottom: 0;
  border-top: 4px solid #f3565d;
}
.tabbable-line.tabs-below > .tab-content {
  margin-top: -10px;
  border-top: 0;
  border-bottom: 1px solid #eee;
  padding-bottom: 15px;
}

.inpu-color{
-webkit-box-shadow: 0px 3px 5px -2px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 3px 5px -2px rgba(0,0,0,0.75);
box-shadow: 0px 3px 5px -2px rgba(0,0,0,0.75);
}


.btn-curso{
  border: 8px;
  color: #fff;
  background-color:  #0062a4;
  font-family: Regular;
  width: 150px;
  font-size: 16px;
}

.imagenCurso{
  width: 100%;
}

@media screen and (max-width: 658px) {
.textoalinaidos{
  text-align: center;
}
.imagenCurso{
  width: 200px;
}
}