@font-face {

  font-family: 'Poppins-Regular';

  src: url('../fonts/Poppins-Regular.eot');

  src: url('../fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'),

    url('../fonts/Poppins-Regular.woff') format('woff'),

    url('../fonts/Poppins-Regular.ttf') format('truetype');

  font-weight: normal;

  font-style: normal;

}



@font-face {

  font-family: 'Poppins-SemiBold';

  src: url('../fonts/Poppins-SemiBold.eot');

  src: url('../fonts/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'),

    url('../fonts/Poppins-SemiBold.woff') format('woff'),

    url('../fonts/Poppins-SemiBold.ttf') format('truetype');

  font-weight: 600;

  font-style: normal;

}



@font-face {

  font-family: 'Poppins-Light';

  src: url('../fonts/Poppins-Light.eot');

  src: url('../fonts/Poppins-Light.eot?#iefix') format('embedded-opentype'),

    url('../fonts/Poppins-Light.woff') format('woff'),

    url('../fonts/Poppins-Light.ttf') format('truetype');

  font-weight: 300;

  font-style: normal;

}



@font-face {

  font-family: 'Poppins';

  src: url('../fonts/Poppins.eot');

  src: url('../fonts/Poppins.eot?#iefix') format('embedded-opentype'),

    url('../fonts/Poppins.woff') format('woff'),

    url('../fonts/Poppins.ttf') format('truetype');

  font-weight: bold;

  font-style: normal;

}



@font-face {

  font-family: 'Poppins-Medium';

  src: url('../fonts/Poppins-Medium.eot');

  src: url('../fonts/Poppins-Medium.eot?#iefix') format('embedded-opentype'),

    url('../fonts/Poppins-Medium.woff') format('woff'),

    url('../fonts/Poppins-Medium.ttf') format('truetype');

  font-weight: 500;

  font-style: normal;

}

/*****MENU*****/

.menuprincipal { z-index: 30; position: absolute; width: 100%;}

.menuprincipal ul li {display: block; }



.menuprincipal ul li a 

{

  display: block;

    font-family: 'Poppins-Medium', arial, sans-serif;

    color: #ef851b;

    font-size: 18px;

    text-transform: uppercase;

    padding: 12px 35px;



}

.bxlogo img{ max-height: 78px; }

.bxlogo h1 i{ color:#333; }

.bxlogo h1{

  color: #ef851b;

  margin-top:10px; 

}

@media(max-width: 768px){

  .menuprincipal ul li a {background:#ef851b; color: #FFF; text-align: center;}

  .menuprincipal ul li.active a ,.menuprincipal ul li a:hover {border-radius: 0px !important; color:white; }

  .men{

    display: block;

    position: relative;

    margin-left: -29px;

    margin-right: -30px;}

}



.menuprincipal ul li a:hover 

{

 text-decoration: none;

 border-radius: 10px;

 background-color: #ef851b; 

 color: white;

}



.menuprincipal ul li + li 

{

border-top: 1px solid #FFF; 

}

.menuprincipal ul li.active a 

{

background-color: #ef851b;

border-radius: 10px;

color: white;

}



@media (min-width: 768px) {

  .menuprincipal ul {margin-top: 40px; }

  .menuprincipal {width: 100%;position: relative;text-align: center; }

  .menuprincipal ul {display: inline-block;text-align: center; }

  .menuprincipal ul li {display: inline-block; }

  .menuprincipal ul li + li {border-top: 0; } 

  .header{height: 110px;}

  .monsilogo{margin: 5px auto 50px auto;}

}

@media(max-width: 768px){.monsilogo{margin: 15px 0 10px 0; width: auto; height: 120px;}}

@media (min-width: 1000px) 

{

  .menuprincipal {width: 100%; } 

}

/**********Estilos generales**********/



h2{ /*border-bottom:3px dotted #FFF;*/ /*border-bottom: 3px solid #af1915;*/  border-bottom: 3px solid #729dea; padding-bottom:10px; margin-bottom:20px;   }



h1,h2,h3,h4,h5{

  font-family: 'Poppins-SemiBold';

  text-align: center;

  text-transform: uppercase;

}

p{

  color: black;

  font-family: 'Poppins-Regular';

  text-align: justify;

  font-size: 16px;

}

#myCarousel img{

  width: 100%!important;

}





#myCarousel .carousel-caption{

  position: absolute;

  top: 20%;

  left: 25%;

  right: 25%;

  width: 50%;

  height: 65%;

  background-color: rgba(0,0,0,0.7);

}



#myCarousel .carousel-caption h3{

  font-size: 26px; 

  padding-left: 5%;

  padding-right: 5%;

  line-height: 30px;

}

#myCarousel .carousel-caption p{

  text-align: center;

  color: white;

  padding-top: 5%;

  padding-left: 5%;

  padding-right: 5%;

  font-size: 18px;

}


#nosotros{

  background: #1d7e8e;

  height: auto;

  padding-bottom: 50px;

  padding-top: 50px;

  color: white;

}


#nosotros h2{  border-bottom: 3px solid #729dea; }

#nosotros img{

  display: block;

  margin: 10px auto;

}

#nosotros p{color: white; }



#cursos{

  background: #FFF;

  padding-top: 50px;

  padding-bottom: 50px;

}



#cursos .lista_cursos li a {

  font-family: 'Poppins-Regular';

  color: black;

}

.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>i, .nav-tabs.nav-justified>.active>i:focus, .nav-tabs.nav-justified>.active>i:hover{

  background: #1d7e8e;

  color: white!important;

}

.lista_cursos li a{border-right: 1px solid #ddd; }

.lista_cursos li a:hover{border-right: 1px solid #1d7e8e; background:#1d7e8e; color: white!important; }

/*.lista_cursos li:hover{background:#ef851b;  color: white; }

.lista_cursos li a:hover{ background:#ef851b, color:#FFF;  -webkit-transition: color .4s linear; -moz-transition: color .4s linear; -ms-transition: color .4s linear; -o-transition: color .4s linear; transition: color .4s linear; }*/

#cursos .tab-content{

  padding-top: 40px;

  padding-bottom: 40px;

}

#cursos .tab-content .table{ margin-left: 30%; margin-right: 30%; width: 40%; }

#cursos .tab-content h3{

  font-size: 1.9em;
  color: #1d7e8e;
  /*color: #af1915;*/

}

.lista_contenido li{

  font-family: 'Poppins-Regular';

  font-size: 16px;

  line-height: 25px;

}

.lista_contenido li:before{ content: "• ";  color:#af1915; margin-right: 5px; font-size: 20px;}

footer{color: white;}

footer p{color: white;}

#contacto{background-image:url(../imagenes/footer.jpg); height:auto; background-repeat:no-repeat;  background-size: cover; background-position: 100% 100%; padding-top: 30px; padding-bottom: 30px; }  

.formu label{color: white;}

.formu{

  color: white;

  font-family: 'Poppins-Regular';

}



.formu input ,.formu textarea{    

  width: 100%;

    padding: 6px;

    height: 39px;

    display: block;

    font-weight: normal;

    font-size: 1.8rem;

    border: 0;

    background-color: rgba(255, 255, 255, 0.4);

    margin-bottom: 20px;

    color: black;

}

.formu textarea{

  width: 100%;

  height: 90px!important;

}

.formu button{    

  width:200px;

  height: 50px;

  font-family: 'Poppins-SemiBold';

  font-size: 1.5em;

  border: 1px solid #1d7e8e;

 /* background: #af1915;*/ background: #1d7e8e;

  color: white!important;

  float: right;

}



}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */

  color: white;

}

::-moz-placeholder { /* Firefox 19+ */

  color: white;

}

:-ms-input-placeholder { /* IE 10+ */

  color: white;

}

:-moz-placeholder { /* Firefox 18- */

  color: white;

}



input[type="number"]{

  color: #fff;

}

input[type="number"]:active,input[type="number"]:focus,input[type="number"]:hover{

  color: #fff;

  }

#footer2{/*background: #af1915;*/ background: #1d7e8e; color: white;}

#f1 p{text-align: right; font-size: 15px;}

#f2 img{float: left; margin-left: -25px; opacity: 0.6;  }

  #f2 img:hover{opacity: 1;}

  #footer2{padding: 10px 0;}

  

#map {

    display: block;

    position: relative;

    width: 100%;

    height: 400px;

}

#formulariocontacto ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: white!important;
}
#formulariocontacto ::-moz-placeholder { /* Firefox 19+ */
  color: white!important;
}
#formulariocontacto :-ms-input-placeholder { /* IE 10+ */
  color: white!important;
}
#formulariocontacto :-moz-placeholder { /* Firefox 18- */
  color: white!important;
}

.navbar-default{ background-color: white; border-color: white; }

.nav>li , .navbar-default .navbar-nav>li>a { font-family: 'Poppins-Regular'; }

.navbar{ min-height:80px;  }

.navbar-nav{ margin-top: 30px; }

.table>tbody>tr>th, .table>tbody>tr>td{
  font-family: 'Poppins-Regular';
}

#logo_float {
    font-size: 1.3em;
    padding: 27px 0;
    border-radius: 50%;
    color: white;
    text-align: center;
    width: 75px;
    z-index: 100;
    position: fixed;
    left: auto;
    right: 0em;
    top: 0em;
    height: 75px;
}


.nav>li , .navbar-default .navbar-nav>li>a{ color:#1d7e8e; font-size: 1.2em;  } 

.navbar-default .navbar-nav>li>a:hover , .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:active{ color: black; }

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{ background-color: transparent; color: black; }

@media (min-width: 768px){
  /*.navbar-nav{ float: right; }*/
  .nav>li>a{ padding: 10px 30px; }
}

@media (max-width: 768px){
  .navbar-nav{ margin-top: 0px; }
  .bxlogo h1{ margin-top: 0px; }
  .navbar-brand{ height: 60px; }
  footer p{ text-align: center; }
  #f1 p{ text-align: center; }
  #f2 img{ margin: 0 auto; display: table; float: none; }
  .formu button{ float: none; margin: 0 auto; display: table; }
  #map{ height: 200px; }
  #cursos .tab-content .table{ width: 100%;  margin-right: 0; margin-left: 0;  }
  .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{ background-color: white; }
  .navbar-default .navbar-toggle .icon-bar{ background-color: black; }
  .navbar-default .navbar-toggle{ border-color:transparent;  }
  .navbar-toggle{ margin-top: 13px; }
  .navbar{ margin-bottom: 0px; }
  .nav>li{ text-align:center; }
  .navbar-collapse{ background-color: #1d7e8e; }
  .navbar-default .navbar-nav>.active>a{ background-color: transparent;}
  .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{ color: white; }
  .nav>li , .navbar-default .navbar-nav>li>a{ font-size: 1.2em; color: white; }
  #myCarousel .carousel-caption{ left: 5%; right: 5%; top: 10%; bottom: 10%; width: auto; height: auto;  }
  #myCarousel .carousel-caption h3 { margin-top: 0; padding-top: 0; font-size: 20px; line-height: 20px; }
  
  .navbar-header{ height: 100px; }
  .bxlogo img {
        margin-left: 12px;
        max-height: 65px;
        float: left;
    }

}

.tel_footer{ 
    font-weight: bold;
    line-height: 37px;
    text-align: center;
    font-size: 1.7em; 
}
  
#contacto p a , #contacto p a:hover, #contacto p a:focus, #contacto p a:active { text-align: center; color: white; display: block; }