/*
Theme Name: DGM
Theme URI: http://dgm.cl
Author: the BBWK Design Studio
Author URI: http://bbwk.cl
Description: Tema creado exclusivamente para DGM Instituto Audiovisual
License: DGM
Text Domain: DGM

Este tema es de uso exclusivo de DGM. 2020 Todos los derechos reservados

*/

body{font-family: 'Lato', sans-serif; font-size: 18px; box-sizing:border-box; margin: 0; padding: 0; box-sizing:border-box; background-color: #f7f7f7;}
img{width:100%;}

.container{width: 100%; max-width: 1336px; overflow: overlay; margin: 0 auto; background: #ffffff; z-index: -10;}
.aviso{width:100%; z-index:999999; background:#1B1B1B; color:#ffffff; text-align:center; padding: 20px 0 0px; display: 	table;}
.aviso img{width: auto; float: left; margin-left: 10px;}
.aviso p{width: 100%; float: left; background-color: #dadada; color: #666666; margin: 0; padding: 5px 0;}
.aviso ul{float: right; margin-right: 10px;}
.aviso ul li{margin-left: 10px; float: left; display: inline;}
.aviso ul li a{color: #ffffff; text-decoration: none;}
.aviso ul li a:hover{color: #50E4FF; cursor: pointer;}
.wrap{width: 100%; max-width: 1336px; margin: 0 auto; background-color: #ffffff; height: auto;}
.row{width: 100%;}
.mid-col{width: 50%;}
.left{float: left;}
.right{float: right;}
.fono{color: #ff0066;}
.line{width: 20%; float: left; height: 5px;}
.line-fullwidth{width: 100%; float: left; height: 5px;}
.line-blanco{background: #ffffff;}
.line-magenta{background: #ff0066;}
.line-negro{background: #000000;}
.line-gris{background: #c7c7c7;}
.columnas{width: 100%; background: url(../images/bg-columna.png) no-repeat; display: table; background-size: cover;}
.columnas .one-col-six{width: 16.6%; float: left; box-sizing: border-box; padding: 4px; min-height: 550px;}
.columnas .col-bg{background-color: rgba(0, 0, 0, 0.1);}
.columnas .one-col-six .titulo-lista h2{font-size: 18px; min-height: 45px; color: #005A88;}
.one-col-six ul{list-style: none; margin: 0px 0px 20px 0px; padding: 0 4px;}
.one-col-six ul li:first-child{font-size: 20px; margin-bottom: 4px;}
.one-col-six ul li{font-size: 14px;}
.columnas .logos{width: 100%; float: left; min-height: 80px;}
.columnas img{width: 15%; float: left; margin-right: 10px;  box-sizing: border-box; margin-bottom: 5px;}
.columnas .col-bg video{margin: 15px 0;}

article#formulario{width: 50%; float: left;}
article#formulario form{width: 80%; margin: 0 auto;}
.mapa{float: left; width: 50%; margin-bottom: 50px;}
section#contenido{margin: 80px auto; max-width: 1336px; box-sizing: border-box;}
/* Font */

.dgm-landing{position: relative; max-width: 1336px; margin: 0 auto;}
/* TOP MENU */
#dl-menu{display: none;}
.topmenu{width: 100%; padding: 10px 0; box-sizing: border-box; background-color: rgba(0,0,0,0.8); color:#FFFFFF; float: left; position: fixed; top: 0; z-index: 999999; max-width: 1336px;}
.topmenu ul.menu-corporativo, .nav-up ul.menu-corporativo  {float: right; margin-right: 20px;}
.topmenu ul.menu-corporativo li, .nav-up ul.menu-corporativo li{margin-left: 10px;}
.topmenu ul, .nav-up ul {}
.topmenu ul li, .nav-up ul li{display: inline; float:left;}
.topmenu ul li a, .nav-up ul li a{color: #FFFFFF; text-decoration: none; font-size: 15px;}
.topmenu ul li a:hover, .nav-up ul li a:hover{color: #ff0066;}
.topmenu img, .nav-up img{width: auto; max-width: 200px; margin-left: 20px;}
nav{width: 100%;}
header {transition: top 0.2s ease-in-out;}

.nav-up {
    top: -40px;
}

.page-texto{width: 100%; padding: 0 40px; float: left; box-sizing: border-box; margin-bottom: 50px;}
.page-texto p{float: left; width: 80%; line-height: 170%; font-size: 1.1em; margin-left: 5%;}
.page-texto p img{float: left; margin: 0 50px 10px; width: 45%; border: 1px solid #DEDDDD; padding: 10px;}
.page-texto img{float: left; margin: 0 50px 10px; width: 45%; border: 1px solid #DEDDDD; padding: 10px;}
.page-texto p a img{float: left; margin: 0 50px 10px; width: 45%; border: 1px solid #DEDDDD; padding: 10px;}

.page-blog{width: 75%; padding: 0 40px; float: left; box-sizing: border-box; margin-bottom: 50px;}
.page-blog h1{font-size: 2em;}
.page-blog p{float: left; width: 80%; line-height: 170%; font-size: 1.1em; margin-left: 5%;}
.page-blog p img{float: left; margin: 0 50px 10px; width: 45%; border: 1px solid #DEDDDD; padding: 10px;}


.docente{width: 25%; float: left; text-align: center; padding: 0 10px; box-sizing:border-box; margin-bottom: 50px;}
.docente img{width: 100%;}
.docente h2{margin: 0px;}
.docente p{width: 100%; margin: 0;}
.docente p:last-child{font-size: 0.8em; color:#666; font-style: oblique;}
/* MENU Servicios */
nav.servicioshome{width: 100%;}
.nav-servicios{width: 100%; padding: 0; margin: 0; overflow: hidden;}
.nav-servicios ul, li.nav-cursos, li.nav-diplomados, li.nav-talleres-certificaciones, li.nav-avisos{list-style: none;}
.nav-servicios ul li{padding: 4px 0px;}
ul.nav-servicios li ul li a {color: #ffffff; text-decoration: none;}
ul.nav-servicios li ul li a:hover {text-decoration: underline;}
ul.nav-servicios li ul li:first-child a:hover {text-decoration: none;}

ul.nav-servicios li.nav-diplomados{background: #ff0066; color: #fff; font-size: 18px; width: 30%; float: left; padding: 10px 0px; opacity: 0.8;}
ul.nav-servicios li.nav-diplomados ul li:first-child {font-size: 1.5em; font-weight: 800;}

ul.nav-servicios li.nav-cursos{background: #ff6600; color: #fff; font-size: 18px; width: 30%; float: left; padding: 10px 0px; opacity: 0.8;}
ul.nav-servicios li.nav-cursos ul li:first-child {font-size: 1.5em; font-weight: 800;}

ul.nav-servicios li.nav-talleres-certificaciones{background: #48001d; color: #fff; font-size: 18px; width: 20%; float: left; padding: 0px 0px 74px 0px; opacity: 0.8;}
ul.nav-servicios li.nav-talleres-certificaciones ul li:first-child {font-size: 1.5em; font-weight: 800; padding: 25px 0px;}

ul.nav-servicios li.nav-avisos{background: #00d1f7; color: #fff; font-size: 18px; width: 20%; float: left; min-height: 240px; opacity: 0.8;}
ul.nav-servicios li.nav-avisos ul li:first-child {font-size: 1.5em; font-weight: 800;}
ul.nav-servicios li.nav-avisos ul li {padding: 20px 0px;}



.dl-menu.dl-animate-out-1 {
	animation: MenuAnimOut1 0.4s linear forwards;
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}

@keyframes MenuAnimOut1 {
	50% {
		transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

.dl-menu.dl-animate-in-1 {
	animation: MenuAnimIn1 0.3s linear forwards;
}

@keyframes MenuAnimIn1 {
	0% {
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}




form.contacto input{width: 100%;
    padding: 5px;
    margin: 5px 0;
    border-radius: 5px;
    border: 1px solid #999999;
    height: 20px;}

form.contacto textarea{width: 100%;
    padding: 5px;
    margin: 5px 0;
    border-radius: 5px;
    border: 1px solid #999999;
    height: 80px;}
form.contacto p{width: 100%; }
form.contacto .btn-form{float: right;
    width: 20%;
    height: 40px;
    padding: 10px 0px;
    box-sizing: border-box;
    margin: 0 0 0 10px;
    background-color:  #1C8BB7;
    color: #ffffff;
    font-size: 14px;
    border:none;
}
/* Galería de Trabajos */

.galeriahome{width: 100%;}
.galeria-fila{width: 100%; float: left;}
.galeria-detalle{width: 20%; float: left; color: #ff0066; padding: 30px; box-sizing: border-box;}
.galeria-detalle p{color: #000000; width: 100%; font-size: 14px; float: left;}
.galeria-destacado{width: 20%; float: left; color: #ff0066; padding: 0px; box-sizing: border-box; position: relative; height: 335px; overflow: hidden;}
.galeria-destacado h3{z-index: 999;  position:relative; width: 80%; margin: 20px auto; color: #FFFFFF; background-color: #ff0066; padding: 10px;  text-align:center; box-sizing: border-box;}
.galeria-bajadadestacado {z-index: 999; width: 100%; font-size: 27px; font-weight: 800; float: left; background-color: rgba(256,256, 256, 0.8); padding: 30px 40px; position: absolute;  bottom: 0; box-sizing: border-box;}
.galeria-bajadadestacado a{text-decoration: none; color: #000000; z-index: 999999; cursor: pointer;}
.galeria-imagendestacado{position: absolute; top: 0; z-index: 0;}
.work-m{width: 40%; float: left; max-height: 335px; position: relative;}
.galeria-autor-share{position: absolute; bottom: 20px; right: 28px;}
span.nombreautor{float: left; padding: 14px 10px 13px; background: #ffffff; margin-right: 4px;}
span.nombreautor a{text-decoration: none; color:#000000;}
.compartir{float: left; text-align: center;}
.compartir a {width: 29px; background-color: #ffffff; float: right; height: 29px; padding: 10px;}
.compartir-imagen{float: left;     text-align: center; top: -50px; left: 20px; position: relative; z-index: 999;}



/* Noticias */

.noticias-home{float: left; padding: 20px 10px; width: 100%;}
.noticias-fila{width: 100%; display: block; float: left; margin: 10px 0px;}
.noticias-fila h3{width: 30%; margin: 0px; float: left; font-size: 27px;}
span.noticias-vermas{float: right; width: 30%; text-align: right; color: #ff0066; font-weight: 800;}
.noticia{width: 33.2%; float: left; padding: 5px; box-sizing: border-box;}
.noticias-fila a h3.titulo{width: 100%; color: #000000; font-weight: 400; margin: 10px 0px; width: 100%;}
.noticia a img{}
.noticia .fecha{margin: 15px 0px; width: 100%; float: left;}
.noticia a.boton{transition: background-color 0.5s ease; background-color: #ff0066; color:#ffffff; padding: 10px 20px; float: left; text-decoration: none; margin: 20px 0px 0px; text-align: center; width: 100px; border-radius: 2px;}
.noticia a.boton:hover{background-color:#bf0550;}
.noticia-centro{margin: 0 1px; box-sizing:border-box;}
a.bajada{float: left; width: 100%;}
.noticia a img{display: block;}
.noticias-vermas a{text-decoration: none; text-align: center; border-radius: 4px; background-color: #1C8BB7; color: #fff; font-weight: 600; width: 150px; height: 40px; padding: 10px; margin-top: 0px; margin-right: 20px; float: right; font-size: 0.9em; box-sizing: border-box;}



/* Newsletter */


.newsletter{width: 100%; display: block; background-color: #cecece; float: left; text-align: center;}
.newsletter form.suscripcion{margin: 0 auto; width: auto; display: table; padding: 30px 0px;}
.newsletter p{float: left;}
.newsletter input{ width: 200px; border-radius: 5px; padding: 10px 5px; border:none; margin: 10px 5px; float: left;}
.newsletter a.enviar{ float: left; border-radius: 5px; background-color: #1C8BB7; padding: 5px 20px; color:#ffffff; text-decoration: none; margin-top: 10px; margin-left: 10px;}
.newsletter a.enviar:hover{background-color: #2AB5EC;}

/* Clientes */

.clientes-home{width: 100%; display: block; padding: 30px 40px; background-color:#414649; float: left; box-sizing: border-box;}
.clientes-texto{color: #FFFFFF; float: left; width: 30%; margin: 30px 0 0 0; }
.clientes-logo{float: right;}
.clientes-home .clientes-texto .clientes-titulo{font-size: 27px;}
.clientes-logo ul{float: left; margin: 50px;}
.clientes-logo ul li{display: inline; float: left; margin-right: 10px; box-sizing: border-box;}

/* LANDING Diplomados - Cursos  - Talleres y más */
.wrap{width: 100%; padding: 0px 20px; box-sizing:border-box; overflow: overlay;}
.descripcion{width: 100%; display: block; padding: 30px 0px; float: left; box-sizing: border-box;}
.descripcion-informacion{float: left; width: 50%;}
.descripcion-informacion p{float: left; line-height: 170%;}
.descripcion-video{float: right;}
.descripcion-informacion .btn_descargar a{text-decoration: none; text-align: center; border-radius: 4px; background-color: #ff0066; color: #fff; font-weight: 600; width: 180px; height: 45px; padding: 10px; margin-top: 10px; margin-right: 20px; float: left;  box-sizing: border-box;}
.descripcion-texto .descripcion-informacion{float: left; width: 70%; margin-left: 10%; margin-bottom: 20px;}
.descripcion-texto .descripcion-informacion p{float: left; line-height: 170%;}
.descripcion-texto .descripcion-video{float: right;}

section.diplomados{width: 75%; box-sizing:border-box; float: left; margin-bottom: 20px;}
.diplomados-item{max-width: 433px; float: left; background: #f7f7f7; margin: 0px 10px 20px; padding: 15px 15px 30px;}
.diplomados-item a{text-decoration: none;}
.diplomados-item a h2{color: #3e3e3e; text-decoration: none;}
.diplomados-item a h2:hover{text-decoration: underline; color:#ff0066;}



/* FICHA Diplomados - Cursos  - Talleres y más */

section.diplomados-informacion{width: 75%; float: left;}
section.diplomados-informacion p{width: 75%; float: left;}
.diplomado-resumen{float: left; width: 95%; background-color: #E6E6E6; margin-bottom: 30px;}
.diplomado-resumen .diplomado-presentacion img{width: 50%; float: left;}
.diplomado-resumen .diplomado-presentacion .nombre{ float: left; padding: 0 20px; width: 40%;}
.diplomado-resumen .diplomado-presentacion .nombre h2{ font-size: 1.2em;}
.diplomado-resumen .diplomado-presentacion .nombre ul.diplomado-caracteristicas{float: left; margin: 10px 0; padding: 0; list-style: none;}
.diplomado-resumen .diplomado-presentacion .nombre ul.diplomado-caracteristicas li{margin-bottom: 5px;}
.diplomado-resumen .horarios{float: left; width: 100%; background-color: #ff0066; color: #ffffff; position: relative; border-bottom: 1px solid #fff; box-sizing:border-box;}
.diplomado-resumen .horarios p{width: 10%; float: left; padding:0 10px; text-align: right; box-sizing: border-box;}
.diplomado-resumen .horarios .horario-opcion{width: 35%; float: left;}
.diplomado-resumen .horarios .horario-opcion ul.mes-dia{list-style: none; float: left;}
.diplomado-resumen .horarios .horario-opcion ul.mes-dia li{font-size: 1.5em; text-transform: uppercase;}
.diplomado-resumen .horarios .horario-opcion ul.mes-dia li:last-child{font-size: 2.5em; font-weight: 600; text-align: right;}
.diplomado-resumen .horarios .horario-opcion ul.horario-modalidad{list-style: none; float: left;}
.diplomado-resumen .horarios .horario-opcion ul.horario-modalidad li{font-size: 1.2em;}
.diplomado-resumen .horarios .btn_reserva{width: 20%; float: left;}
.diplomado-resumen .horarios .btn_reserva a{text-decoration: none; text-align: center; border-radius: 4px; background-color: #fff; color:#ff0066; font-weight: 600; width: 180px; height: 45px; padding: 10px; margin-top: 40px; margin-right: 20px; float: right; box-sizing:border-box;}

.diplomados-informacion h2{float: left; width: 100%;}
.diplomados-informacion h3{display: table; width: 100%;}

.diplomado-presentacion .nombre h2 a{color: inherit; font-size: 1.1em; text-decoration: none;}
.diplomado-presentacion .nombre h2 a:hover{text-decoration: underline; color: #ff0066;}
section.diplomados-informacion .diplomado-objetivos-dirigido{width: 100%; float: left;}
section.diplomados-informacion .diplomado-objetivos-dirigido p{width: 85%; box-sizing:border-box; padding: 20px; margin: 0;}
.diplomado-condiciones{float: left;}


/* BLOG */
.top-blog-grid{width: 100%; float: left; padding: 20px; box-sizing: border-box;}
.top-blog-grid ul{width: 100%; list-style: none; margin-left: 0; padding: 0;}
.top-blog-grid ul li {float: left; display: block; width: auto; padding-right: 10px; text-align: left;}
.top-blog-grid ul li a{color: inherit; text-decoration: none;}
.top-blog-grid ul li a:hover{color: #ff0066; text-decoration: underline;}
.blog-grid-paginacion{width: 100%; text-align: center; margin-top: 20px; float: left;}
.blog-grid-paginacion ul{list-style: none; width: 100px; margin: 10px auto; display: block;}
.blog-grid-paginacion ul li{color: inherit; float: left; margin-right: 4px;}
.blog-grid-paginacion ul li a{color: inherit; float: left; text-decoration: none;}
.blog-grid-paginacion ul li.current a{color: #ff0066; text-decoration: underline;}
.blog-grid-paginacion ul li a:hover{color: #ff0066; text-decoration: underline;}


/* SIDEBAR */
aside{width: 25%; margin: 0; box-sizing: border-box; float: left; background-color: #FBFBFB;}
aside .beneficios-alumnos{float: left; margin-bottom: 20px; width: 100%;}
aside h2{padding: 100px 20px 40px; background: #ff0066; color: #ffffff; width: 100%; float: left; font-size: 1em; margin: 0 0 20px; box-sizing:border-box;}
aside h2 a{color: inherit; text-decoration: none;}
aside h2 a:hover{text-decoration: underline;}
aside ul.beneficios-lista{float: left; list-style: none; padding: 0 10px; margin: 10px 0px;}
aside ul.beneficios-lista li{font-size: 0.8em; margin-bottom: 10px;}
aside ul.beneficios-lista li a{color: inherit; text-decoration: none;}
aside ul.beneficios-lista li a:hover{color: #ff0066; text-decoration: underline;}

aside .proximos-cursos{float: left; box-sizing: border-box; padding-bottom: 10px;}
aside .proximos-cursos h2{background: no-repeat; text-transform: uppercase; color:#ff0066; padding: 40px 10px 0px; float: left;}
aside .info-curso{float: none; width: 80%; margin: 20px auto; background-color: #ffffff; padding: 20px; display: table;}
aside .info-curso .dia{float: left; width: 100%;}
aside .info-curso .hora{float: left; width: 100%;}
aside .info-curso .nombre-curso a {float: left; width: 100%; color: #ff0066; font-size: 1em; margin-top: 10px; text-decoration: none; font-weight: 600;}
aside .info-curso .nombre-curso a:hover{text-decoration: underline;}
aside .info-curso .nombre-curso{float: left; width: 100%; color: #ff0066; font-size: 1.2em; margin-top: 10px;}


aside form.sidebar-form{float: left; width: 100%; padding: 0 20px; box-sizing: border-box;}
aside form.sidebar-form label{width: 100%;}
aside form.sidebar-form input{height: 35px;  box-sizing: border-box; width: 100%; border-radius: 4px; padding: 4px; font-size: 1em; color: #666; border: 1px solid #B1B1B1; margin: 5px 0px;}
aside form input.btn-enviar{height: 35px; float: left; transition: background-color 0.5s ease; background-color: #ff0066; color: #ffffff; border: none; padding: 5px;}
aside form input.btn-enviar:hover{background-color: #bf0550; color: #ffffff; border: none; padding: 5px;}





/* FOOTER */

footer{width: 100%; display: table; float: left;}
footer .footer-col ul.nav-corporativo{margin: 0px; float: left;}
footer .footer-col ul.nav-corporativo li{width: 100%;}
footer .footer-col ul.nav-corporativo li a{text-decoration: none; color: #ffffff;}
footer .footer-col ul.nav-corporativo li a:hover{color: #ff0066;}
footer .footer-content{box-sizing: border-box; max-width: 1336px; margin: 0 auto; background-color:#1B1B1B; display: table; width: 100%;}
footer .footer-col{width: 33%; float:  left; color: #ffffff; padding: 30px; box-sizing: border-box;}
footer .footer-col img{width: auto;}
footer .footer-col ul{list-style: none; float: right;}
footer .footer-col ul li{float: left; margin-left: 10px;}
footer .footer-col ul li a{display: table; z-index: 999999; cursor: pointer;}
footer .footer-col ul li a img{width: auto; max-width: 50px;}
footer .footer-col p.social{text-align: right; font-size: 16px; float: right;}
footer .legal{background-color: #000000; width: 100%; text-align: center; font-size: 12px; color:#FFFFFF; float: left; padding: 30px 0px; box-sizint: border-box;}
/* Responsive */
@media (max-width: 1440px){
	.diplomados-item{max-width: 380px;}
}
@media (max-width: 1200px){
	.galeria-detalle{width: 100%;}
	.work-m{width: 50%;}
	.galeria-destacado{width: 100%; background-color: #ff0066;}
	.galeria-bajadadestacado{z-index: 9999; font-size: 77px; text-align: right;}
	.galeria-bajadadestacado .line{width: 100%;}
	img.galeria-imagendestacado{width: auto; z-index: 999;}
	.clientes-logo ul{width: 70%; float: none; box-sizing:border-box; margin:0 auto; padding: 0; text-align: center;}
	.clientes-texto{width: 100%;}
	.clientes-logo ul li{width: 14%; float: none; display: inline;}
	.clientes-logo ul li img{width: auto;}
	.galeria-destacado h3{width: 70%; float: right; font-size: 48px; text-align: right; margin-right: 30px;}
	.clientes-home .clientes-texto .clientes-titulo{text-align: center;}
	.clientes-texto p{text-align: center;}
	.clientes-logo{width: 100%;}

	ul.nav-servicios li.nav-diplomados{width: 50%;}
	ul.nav-servicios li.nav-cursos{width: 50%;}
	ul.nav-servicios li.nav-talleres-certificaciones{width: 50%;}
	ul.nav-servicios li.nav-avisos{width: 50%;}
	.diplomados-item{max-width: 290px;}
	.diplomado-resumen .diplomado-presentacion img{width: 100%;}
	.diplomado-resumen .horarios .btn_reserva a{margin-top: 100px;}
	.diplomado-resumen .horarios .horario-opcion ul.mes-dia{margin: 0px 0px 5px 0px;}
	.diplomado-resumen .horarios .horario-opcion ul.horario-modalidad{margin: 0px 0px 5px 0px;}
}

@media (max-width: 960px){
	.columnas .one-col-six{width: 33.3%;}
	article#formulario{width: 100%;}
	.mapa{width: 60%;  margin: 30px auto; float: none;display: table; position: relative; top: 50px;}
	section#contenido{width: 100%; box-sizing: border-box;}
	form.contacto {width: 100%;}
	.topmenu{display: none;}
	section.diplomados {width: 100%;}
	.diplomados-item{max-width: 720px; float: none; margin: 20px auto;}
	.descripcion-informacion{width: 100%;}
	.descripcion-video{width: 100%; text-align: center; float: left;}
	aside{width: 100%;}

	aside form.sidebar-form input, aside form input.btn-enviar{height: 50px;}
	section.diplomados-informacion{width: 100%;}
	.diplomado-resumen .diplomado-presentacion .nombre{width: 100%; box-sizing: border-box;}
	.diplomado-resumen .horarios .horario-opcion{width: 50%; float: left;}
	.diplomado-resumen .horarios p{width: 100%; text-align: left;}
	.diplomado-resumen .diplomado-presentacion .nombre ul.diplomado-caracteristicas{width: 100%;}
	.diplomado-resumen .horarios .btn_reserva {width: 100%; float: left; margin: 10px 0px; border-top: 1px solid #fff;}
	.diplomado-resumen .horarios .btn_reserva a{margin-top: 20px;}
	.docente{width: 50%;}
	.page-blog{width: 100%;}
}
@media (max-width: 720px){
	.noticias-home{box-sizing: border-box; padding: 10px;}
	.noticia{width: 100%; margin-bottom: 20px;}
	section.diplomados{width: 100%;}
	aside{width: 100%; margin-bottom: 20px;}

}
@media (max-width: 640px){
	.columnas .one-col-six{width: 50%;}
	article#formulario{width: 100%;}
	.mapa{width: 60%;  margin: 30px auto; float: none;  position: relative; top: 50px;}
	section#contenido{width: 100%;}
	form.contacto {width: 100%;}
	.mapa iframe{width: 580px; margin-bottom: 30px;}
	.galeria-bajadadestacado{z-index: 9999; font-size: 44px; text-align: left;}
	.galeria-destacado h3{width: 70%; float: right; font-size: 30px; text-align: right;}
	ul.nav-servicios li.nav-diplomados{width: 100%;}
	ul.nav-servicios li.nav-cursos{width: 100%;}
	ul.nav-servicios li.nav-talleres-certificaciones{width: 100%;}
	ul.nav-servicios li.nav-avisos{width: 100%;}
	.page-texto p{width: 100%; margin: 20px 0;}
	.page-texto p img{width: 100%; margin: 10px;}
	.page-blog{width: 100%; padding: 0px;}
	.page-blog p{width: 100%; margin: 20px 0;}
	.page-blog p img{width: 100%; margin: 10px;}
	.docente{width: 100%;}

}
@media (max-width: 480px){
	.wrap{display: block; overflow: hidden;}
	.line{width: 100%;}
	.columnas .one-col-six{width: 100%;}
	.aviso img{width: auto; float: left; margin: 10px auto; float: none;}
	.aviso p{width: 100%; text-align: center;}
	.aviso ul{width: 100%; margin: 10px; box-sizing: border-box; text-align: center;}
	.aviso ul li{width: 50%; margin: 0;}
	img.galeria-imagendestacado{width: 100%;}
	.galeria-detalle{width: 100%;}
	.work-m{width: 100%;}
	.galeria-destacado{width: 100%;}
	.descripcion-video iframe{width: 270px; max-width: 270px !important; height: auto;}
	.diplomado-resumen .horarios .btn_reserva a{width: 300px;}
	.diplomado-resumen .horarios .horario-opcion{width: 100%; float: left;}
	span.noticias-vermas{width: 100%; text-align: left;}
	.newsletter a.enviar{width: 100%; float: none; margin: 10px auto;}
	.newsletter input {width: 80%; border-radius: 5px; padding: 10px 5px; border: none; margin: 10px auto; float: none; box-sizing: border-box;}
	.newsletter p{width: 100%;}
	.clientes-logo ul{margin: 10px; padding: 0; width: 100%;}
	.clientes-logo ul li {display: block; float: left; margin-right: 0; box-sizing: border-box; width: 33.3%; text-align: center; padding: 0px;}
	.clientes-home{padding: 10px;}
	.clientes-texto{width: 100%;}
	footer .footer-col{width: 100%; text-align: center;}
	footer .footer-col ul{float: none; margin-left: 0 auto;}
	footer .footer-col ul li{width: 33.3%; margin: 0;}
	article#formulario{width: 100%;}
	.mapa{width: 60%;  margin: 30px auto; float: none;display: table; position: relative; top: 50px;}
	section#contenido{width: 100%; margin: 0; box-sizing: border-box;}
	form.contacto {width: 100%;}
	footer .footer-col p.social{text-align: center; float: none;}
	.mapa iframe{width: 380px; margin-bottom: 30px;}
	form.contacto .btn-form{float: right;
    width: 100%;
}

}

/* Lista de Categoras Blog */
aside ul.beneficios-lista li {width: auto !important;}
aside ul.beneficios-lista ul li {width: auto !important;}

/* Whatsapp CTA Footer DGMSTYLE CSS */
footer .footer-col .cta-whatsapp {
  background: #27b43e;
  display: inline-block;
   align-items: center;
   padding: 5px;
   border-radius: 3px;
}
footer .footer-col .cta-whatsapp a.cta-link {
  display: flex;
  align-items: center;
}
.input-contact-form {float: left; width: 100%;}
.input-contact-form .wpcf7-form-control {width: 100% !important; min-height: 30px; margin: 10px 0px 20px; float: left;}