@import url('style-icons.css');

body { background-color: #f2f2f2;
font-family: 'merriweather_sanslight',sans-serif,Arial,Helvetica;
color: #3b4256;
font-size: 14px;
 }

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{
	background-color: transparent;
}

.medio {
	width: 60%;
	float: left;
}

.medio-2 {
	width: 30%;
	float: left;
}

.completo {
	width: 98%;
    margin-right: 20px;
}

.completo-2 {
	width: 98%;
    padding-right: 15px;
    padding-left: 15px;
}

.completo-line {
	width: 98%;
    margin-right: 20px;
    border-top: : 2px solid #DBDBEA;
}

.info-curso {
	padding-right: 30px;
}

/* HEADER */

.topnav {
  overflow: hidden;
}

.topnav a {
  float: left;
  display: block;
}


.topnav .icon {
  display: none;
}

ul.al-right { float: right; }



#header-sup {
	background-color: #166ead;
}

#cabecera-sup {
	background-color: #166ead;
	height:40px;
	padding: 0 30px;
}

#menu-log ul li.active a {
	color: #ffffff;
	background-color: transparent;
}

#btn-login{
	font-size: 12px;
    color: #ffffff;
    line-height: 40px;
    float: right;
    padding-right: 20px;
}

#btn-login li a {
	padding: 0;
	color: #ffffff;
	letter-spacing: 0.8px;
}

#btn-login li a:hover {
	color: #A9DBF2;
	background: transparent;
}

.submenusup {
	margin: 0;
	border-radius: 0;
	background-color: #166ead;
}

.submenusup li a {
	line-height: 30px;
	padding: 0 20px!important;
} 

.foto-sup{
	height: 25px;
	width: 25px;

}

.noradius {
	border-radius: 0;
}

#header {
	background-color: #094c83;
}

#cabecera {
	background-color: #094c83;
	height:100px;
	padding: 10px 30px 0;
}

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

.slider {
	padding-right: 0;
	padding-left: 0;
	background-color: #ffffff;
}

.carousel-inner>.active {
    border: 0;
}

#menu-ppal {
	margin-bottom: 0px;
	box-sizing: border-box;
	border: none;
	padding-top: 1px;
}

#menu-ppal ul li a {
	color: #ffffff;
	line-height: 66px;
	background-color: transparent;
	border-bottom: 3px solid #094C83;
	border-radius: 0;
	font-size: 13px;
	letter-spacing: 0.8px;
}

#menu-ppal ul li.active a {
	color: #ffffff;
	line-height: 66px;
	background-color: transparent;
	border-bottom: 3px solid #A9DBF2;
}

#menu-ppal ul li a:hover {
	color: #A9DBF2;
	border-bottom: 3px solid #A9DBF2;
}

#menu-ppal .glyphicon, .mas-sup .glyphicon .glyphicon-plus {
	font-size: 15px!important;
	font-family: 'merriweather_sansregular',sans-serif,Arial,Helvetica!important;
}

.carousel .carousel-control, .carousel .carousel-indicators { 
	opacity: 0;
	transition-property: opacity;
    transition-duration: 1s;}
.carousel:hover .carousel-control, .carousel:hover .carousel-indicators { opacity: 1; }

.item img {
	opacity: 1;
	transition-property: opacity;
    transition-duration: 1s;
}

.item img:hover {
	opacity: 0.8;
}

.submenu {
	margin: 0;
	border-radius: 0;
	background-color: #094c83;
	border-top: 1px solid #094c83;
}

.submenu:hover {
	margin-top: 1px;
	border-top: 3px solid #A9DBF2;
}

#menu-ppal .submenu li a {
	line-height: 25px;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 0.5px;
}

#menu-ppal .submenu li a:hover {
	border-bottom: 0;
}




.menu-resp .icon {
    display: none;
}


/* TEXTOS GENERALES */

h1 {
	font-family: 'merriweather_sansbold',sans-serif,Arial,Helvetica;
	color: #094c83;
	line-height: 44px;
}

h2 {
	font-size: 36px;
}

h3 {
	font-size: 28px;
}

h4 { 
	font-size: 24px;
	font-family: 'merriweather_sansbold',sans-serif,Arial,Helvetica;
}

h4.programa {
	color: #be0f34;
	text-transform: uppercase;
}

h5 {
	color: #094c83;
	font-size: 20px;
	font-family: 'merriweather_sansbold',sans-serif,Arial,Helvetica;
	margin: 20px 0 10px;
  }

h5 a {
	color: #094c83;
	text-decoration: none;
	font-family: 'merriweather_sansbold',sans-serif,Arial,Helvetica;
	letter-spacing: -0.5px;
  }

h5 a:hover {
	color: #4c9ad3;
	text-decoration: none;
	font-family: 'merriweather_sansbold',sans-serif,Arial,Helvetica;
  }

 h5.subg {
	color: #3b4256;
	font-size: 20px;
	font-family: 'merriweather_sansbold',sans-serif,Arial,Helvetica;
	margin: 30px 0 10px;
  }

h5.subgb {
	color: #3b4256;
	font-size: 20px;
	font-family: 'merriweather_sansbold',sans-serif,Arial,Helvetica;
	margin: 0 0 10px;
  }

h6 {
	font-size: 18px;
	line-height: 24px;
}

h6.clase {
	font-family: 'merriweather_sansbold',sans-serif,Arial,Helvetica;
}

h6.num {
	color: #be0f34;
	font-size: 30px;
}

h6.form {
	font-size: 18px;
	line-height: 24px;
	margin: 30px 0 5px;
} 

h6.formsub {
  	margin-bottom: 20px; 
  }

h4.form {
	margin: 30px 0 5px;
}

p { font-size: 16px; 
	font-family: 'merriweather_sanslight',sans-serif,Arial,Helvetica;
	line-height: 24px;
	margin: 0 0 5px;
	color: #3b4256;
}
p.reg { font-size: 16px; 
	font-family: 'merriweather_sansregular',sans-serif,Arial,Helvetica;
	line-height: 24px;
	margin: 0 0 5px;
	color: #3b4256;
}

p.regmt { font-size: 16px; 
	font-family: 'merriweather_sansregular',sans-serif,Arial,Helvetica;
	line-height: 20px;
	margin: 30px 0 5px;
	color: #3b4256;
}

p.subtit { 
	font-family: 'merriweather_sansbold',sans-serif,Arial,Helvetica;
	margin-top: 15px;
}

p.home {
  	font-size: 14px;
  	line-height: 22px;
  }

p.formadm {
  	font-size: 14px;
  	line-height: 22px;
  }

 p.formsub {
  	font-size: 14px;
  	line-height: 26px;
  	margin-bottom: 10px; 
  }

hr {
    border-top: 1px dotted #BDBDBD;
}

ul.bullets li {
	margin-top: 10px;
	list-style-type: disc;
}

ul.bullets2 li {
	margin-top: 5px;
	list-style-type: disc;
}

.avisos {
    font-family: 'merriweather_sanslight',sans-serif,Arial,Helvetica;
    color: #be0f34;
    font-size: 14px;
    line-height: 16px;
    padding: 10px 0;
}

/*BOTONES*/


.accordion {
    color: #ffffff;
    font-size: 14px;
    font-family: 'merriweather_sansregular',sans-serif,Arial,Helvetica;
    text-decoration: none;
    background-color: #be0f34;
    border-radius: 4px;
    padding: 10px;
    margin-top: 40px;
    box-sizing: border-box;
    letter-spacing: 0.3px;
    border-color: rgb(216, 216, 216) rgb(209, 209, 209) rgb(186, 186, 186);
    border-style: solid;
    border-width: 1px;
    text-transform: uppercase;
    cursor: pointer;
    transition: 0.4s;
}

.active, .accordion:hover {
    background-color: #720C22;
 	text-decoration: none;
 	border-color: rgb(216, 216, 216) rgb(209, 209, 209) rgb(186, 186, 186);
    border-style: solid;
    border-width: 1px;
}

.panel {
    padding: 0 18px;
    display: none;
    overflow: hidden;
}

.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
    margin: 10px 0;
}

 input.boton, a.boton, button.boton {
    color: #ffffff;
    font-size: 14px;
    font-family: 'merriweather_sansregular',sans-serif,Arial,Helvetica;
    text-decoration: none;
    background-color: #be0f34;
    border-radius: 4px;
    padding: 10px;
    margin-top: 20px;
    box-sizing: border-box;
    letter-spacing: 0.3px;
    border-color: rgb(216, 216, 216) rgb(209, 209, 209) rgb(186, 186, 186);
    border-style: solid;
    border-width: 1px;
    text-transform: uppercase;
 }

 a.boton-c {
    color: #ffffff;
    font-size: 14px;
    font-family: 'merriweather_sansregular',sans-serif,Arial,Helvetica;
    text-decoration: none;
    background-color: #be0f34;
    border-radius: 4px;
    padding: 10px;
    margin-top: 0px;
    box-sizing: border-box;
    letter-spacing: 0.3px;
    border-color: rgb(216, 216, 216) rgb(209, 209, 209) rgb(186, 186, 186);
    border-style: solid;
    border-width: 1px;
    text-transform: uppercase;
 }

 input.boton-peq, a.boton-peq {
    color: #ffffff;
    font-size: 12px;
    font-family: 'merriweather_sansregular',sans-serif,Arial,Helvetica;
    text-decoration: none;
    background-color: #be0f34;
    border-radius: 4px;
    padding: 5px 10px;
    margin-top: 20px;
    box-sizing: border-box;
    letter-spacing: 0.3px;
    border-color: rgb(216, 216, 216) rgb(209, 209, 209) rgb(186, 186, 186);
    border-style: solid;
    border-width: 1px;
    text-transform: uppercase;
    line-height: 16px;
 }

 
 input.boton:hover, a.boton:hover, input.boton-peq:hover, a.boton-peq:hover, button.boton {
 	background-color: #720C22;
 	text-decoration: none;
 	border-color: rgb(216, 216, 216) rgb(209, 209, 209) rgb(186, 186, 186);
    border-style: solid;
    border-width: 1px;
 }

ul.hor1 {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

ul.hor1 .top {
	padding: 0;
	margin: 30px 0 0;
	list-style-type: none;
}

ul.hor1 li {
	display: inline;
} 
 ul.hor1 li a.botones-h {
 	color: #ffffff;
 	font-size: 14px;
 	font-family: 'merriweather_sansregular',sans-serif,Arial,Helvetica;
 	text-decoration: none;
 	background-color: #be0f34;
 	border-radius: 4px;
 	padding: 10px;
 	margin-top: 20px;
 	display: inline-block;
 	box-sizing: border-box;
 }

 ul.hor1 li a.botones-c {
 	color: #ffffff;
 	font-size: 14px;
 	font-family: 'merriweather_sansregular',sans-serif,Arial,Helvetica;
 	text-decoration: none;
 	background-color: #be0f34;
 	border-radius: 4px;
 	padding: 10px;
 	margin-top: 10px;
 	display: inline-block;
 	box-sizing: border-box;
 	text-transform: uppercase;
 }

 ul.hor1 li a.botones-h:hover {
 	background-color: #720C22;
 	text-decoration: none;
 }

ul.hor1 li a.botones-c:hover {
 	background-color: #720C22;
 	text-decoration: none;
 }

/* CAJA CURSOS HOME */

.caja-img {
	max-width: 555px;
    max-height: 216px;
    overflow: hidden;
    position: relative;
}

.crop {
	position:absolute;
    left: -100%;
    right: -100%;
    top: -100%;
    bottom: -100%;
    margin: 0px;
    min-height: 100%;
    min-width: 100%;
}

#contenido-home { 
	background-color: #f2f2f2; 
	padding: 40px; 
}


.cursos-home {
	padding: 30px 10px;
	box-sizing: border-box;
}

.caja-curso-home {
	padding: 0;
	border: 1px solid #DBDBEA;
	min-height: 460px;
}

.cont-curso-home {
	padding: 0 15px 20px;	
	margin-bottom: 15px;
}

.text-curso-home {
	margin-bottom: 30px;	
}




/* CAJA CURSO INDIVIDUAL E INTERIORES */

.cursos-us {
	display: block!important;
    font-family: 'merriweather_sansregular',sans-serif,Arial,Helvetica;
    font-size: 16px;
    line-height: 18px;
    border-bottom: 1px solid #DBDBEA;
    padding: 10px 0;
}

#contenido-interiores {
	padding: 40px 0 80px;
	clear: both;
}

.caja-text-boton {
	margin-bottom: 60px;
	font-size: 16px;
}

.caja-text-boton h4 {
	font-size: 20px;
	margin-top: 30px;
}

.caja-simple {
	    margin: 40px 0;
} 

.precio {
	    font-size: 36px;
	    font-family: 'merriweather_sansbold',sans-serif,Arial,Helvetica;
	    line-height: 36px;
}

.cont-clase {
	margin-bottom: 30px;
}

.cont-clase-gral {
	width: 95%;
}

.vyt {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
	padding-top: 25px;
}

.vyt iframe {
	position: absolute;
	width: 100%!important;
	height: 100%!important;
}

.archivodesc {
	margin-top: 20px;
}


.div-medio-30 {
    display: inline-block;
    width: 27%;
    margin-right: 20px;
}

.div-medio-70 {
    display: inline-block;
    width: 68%;
    vertical-align: top;
}

p.destacado {
	font-size: 18px;
	line-height: 22px;
}

img.qs {
	max-width: 300px;
}

/* CUENTA USUARIO */

.img-usuario {
	max-width: 150px;
	margin-bottom: 20px;
}

.img-usuario-peq {
	width: 50px;
    height: 50px;
}

.img-pago {
	margin: 20px;
}

ul.slist {
	padding: 0;
	margin: 0;
	list-style-type: none;
	line-height: 26px;
}

/* FORMULARIOS */

.btn-file {
	height: 34px;
}

input[type=file].top {
    margin-top: 10px;
}

.checkizq {
	margin-left: 20px!important;
}

.caja-formulario {
	margin-top: 20px;
	padding-right: 20px; 
} 

.caja-formulario label {
	margin-top: 10px;
}

.caja-form-admin {
	padding-right: 20px; 
} 

.caja-form-admin label {
	font-size: 15px;
	margin-top: 20px;
	font-family: 'merriweather_sansregular',sans-serif,Arial,Helvetica;
}

h1.titform {
	margin-top: 0;
}

p.formp {
  	font-size: 14px;
  	line-height: 22px;
  	margin: 10px 0;
  }

p.formp-rs {
  	font-size: 14px;
  	line-height: 22px;
  	margin: 10px 0 0 0;
  }

 label.regmt { font-size: 16px; 
	font-family: 'merriweather_sansregular',sans-serif,Arial,Helvetica;
	line-height: 20px;
	margin: 30px 0 5px;
	color: #3b4256;
	font-weight: 300;
}


 label.subg {
	color: #3b4256;
	font-size: 20px;
	font-family: 'merriweather_sansbold',sans-serif,Arial,Helvetica;
	margin: 30px 0 10px;
  }

.form-medio {
	display: inline-block;
	width: 49%;
	margin-right: 0;
}

.form-medio-izq {
	display: inline-block;
	width: 48%;
	margin-right: 20px;
}

.form-medio-c {
	display: inline-block;
	width: 45%;
	margin-right: 0;
}

.form-medio-izq-c {
	display: inline-block;
	width: 52%;
	margin-right: 20px;
}

.form-medio-s {
	display: inline-block;
	width: 46%;
	margin-right: 0;
}

.form-medio-izq-s {
	display: inline-block;
	width: 46%;
	margin-right: 20px;
}

.div-medio {
	display: inline-block;
	width: 47%;
	margin-right: 0;
	vertical-align: top;
}

.div-medio-izq {
	display: inline-block;
	width: 47%;
	margin-right: 20px;
}


.form-izq {
	display: inline-block;
	width: 90%;
	margin-right: 20px;
}

.form-izq .form-control {
	width: 90%!important;
}

.tits-tabla {
	border-bottom: 1px solid #dddddd;
}

hr.tabla{
    margin-top: 0px;
    margin-bottom: 10px;
}

.tabla-users {
	border-color: #dddddd;
	margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #dddddd;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
	border-top: 0px!important;
}

tr.datos-user td {
	vertical-align: top;
}

.links {
	margin-top: 10px;
}

tr.links td a {
	color: #094c83;
	font-size: 14px;
	text-decoration: none;
	font-family: 'merriweather_sansbold',sans-serif,Arial,Helvetica;
}

tr.links td a:hover {
	color: #4c9ad3;
}

input[type=checkbox], input[type=radio] {
    margin: 12px 0 0;
}

.formis {
	color: #094c83;
	text-decoration: none;
}

.formis:hover {
	color: #4c9ad3;
	text-decoration: none;
}

 /*FOOTER*/

#footer {
 background-color: #094c83;
 padding: 30px 0 20px;
 }

 footer {
 background-color: #094c83;
 height: auto;
 }

#footer-redes {
	font-size: 20px;
	line-height: 20px;
}

#footer-redes li a {
	border-radius: 300px;
	padding: 9px 10px;
    margin-right: 2px;
}

#footer-redes li a:hover {
	background-color: #ffffff!important;
	opacity: 1;
}

p.tit-pie {
	font-size: 16px;
	color: #ffffff;
	margin: 0 0 10px;
}

a.glyphicon-f {
	background-color: #337ab7;
	color: #ffffff;
}

a.glyphicon-f:hover {
	color: #337ab7;
	opacity: 0.8;
}

a.glyphicon-tw {
	background-color: #1bb2e9;
	color: #ffffff;
}

a.glyphicon-tw:hover {
	color: #1bb2e9;
	opacity: 0.8;
}

a.glyphicon-yt {
	background-color: #de332c;
	color: #ffffff;
}

a.glyphicon-yt:hover {
	color: #de332c;
	opacity: 0.8;
}

a.glyphicon-i {
	background-color: #d93;
	color: #ffffff;
}

a.glyphicon-i:hover {
	color: #d93;
	opacity: 0.8;
}


 #subfooter {
 	background-color: #166ead;
 }


#menu-subfooter ul li a {
	color: #ffffff;
	line-height: 30px;
	background-color: transparent;
	border-radius: 0;
	font-size: 12px;
	font-weight: normal;
	padding: 10px 5px;
}

#menu-subfooter ul li.active a {
	color: #ffffff;
	line-height: 66px;
	background-color: transparent;
}

#menu-subfooter ul li a:hover {
	color: #A9DBF2;
}

#menu-subfooter {
	margin-bottom: 0;
 }

 #copyright p {
 	color: #ffffff;
	line-height: 30px;
	font-size: 12px;
	font-weight: normal;
	padding: 10px 5px;
 }


/* COLUMNA DERECHA */

.log-rside {
	margin-top: 40px;
	margin-bottom: 40px;
}
 .col-der {
 	border: 1px solid #DBDBEA;
 	padding-top: 10px;
 }

 ul.rside {
 	margin: 0;
 	padding: 0;

 }

ul.rside li {
	display: block;
}

ul.rside li a {
	font-family: 'merriweather_sansregular',sans-serif,Arial,Helvetica;
	padding: 10px 0;
	color: #094c83;
	font-size: 14px;
	text-decoration: none;
	display: block;
	border-bottom: 1px solid #DBDBEA;
}

ul.rside li a:hover {
	background-color: transparent;
	color: #4c9ad3;
}

h4.rside {
	color: #094c83;
}

h4.rside-is{
	margin-top: 0px;
}

h4.top{
	margin-top: 30px;
}

/* TABLAS */

.us-col10 {
	width: 10%;
}

.us-col25 {
	width: 25%;
}

.us-col30 {
	width: 30%;
}

/*RESPONSIVE*/

@media screen and (max-width: 900px) {


.menu-ppal-r{
	margin-top: 10px;
}

.caja-curso-home {
	min-height: 485px;
}

}



@media screen and (max-width: 1024px) {

#menu-ppal ul li a {
    line-height: 24px;
}

}

@media screen and (min-width: 600px) {

.resp {
	display: none;
}
}

@media screen and (max-width: 600px) {

.col-der, .no-resp, .pantalla {
	display: none;
}

.caja-curso-home {
	min-height: 400px;
}

  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }

  .topnav.responsive {
  	position: relative;
  }
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }


#btn-login{
	font-size: 12px;
    color: #ffffff;
    line-height: 40px;
    float: right;
    padding-right: 	0px;
}

#cabecera {
    padding: 10px 5px 0;
}

#menu-ppal {
    padding: 0!important;
    margin: 20px 2px;
}


#menu-ppal .submenu li a {
    line-height: 35px;
}

#menu-ppal ul li a:hover {
    border-bottom: 0px!important;
}

h1.titform {
    font-size: 28px;
    line-height: 36px;
}

.caja-text-boton h4 {
    font-size: 18px;
    margin-top: 20px;
    line-height: 22px;
}

p {
    font-size: 14px;
    line-height: 20px;
}

p.destacado {
	font-size: 16px;
	line-height: 20px;
}


.caja-text-boton {
    margin-bottom: 10px;
    font-size: 14px;
}

input.boton, a.boton, button.boton {
    margin-top: 20px;
    margin-right: 20px;
    display: inline-block;
}

.footer-logo img {
	margin-top: 20px;
}

#copyright p {
    line-height: 18px;
}

#contenido-home {
    padding: 20px 5px;
}

.cursos-home {
    padding: 10px;
}

.text-curso-home {
    margin-bottom: 0px;
}

h5 {
    line-height: 26px;
}

.form-medio-izq, .medio, .medio-2, .completo, .completo-line, .cont-clase-gral, .form-medio, .form-medio-izq, .form-medio-c, .form-medio-izq-c, .form-medio-s, .form-medio-izq-s, .div-medio, .div-medio-izq, .form-izq, .form-izq .form-control, .div-medio-70  {
    width: 100%!important;
}

.caja-formulario {
    margin-top: 0px;
    padding-right: 0px;
}

h6.c-titulo  {
	display: none;
}

h6.c-titulo-2  {
	font-size: 14px;
}



input.boton-peq, a.boton-peq {
    font-size: 11px;
}

h1 {
	margin-top: 0px;
    line-height: 40px;
    font-size: 30px;
}

.caja-text-boton h4 {
	font-size: 22px;
    line-height: 60px;
}



}