/*nav*/

.fullmenu {

	display:none;

	position: fixed;

	width: 50%;

	height: 50%;

	left: 0;

	top: -100%;

	text-align: center;

	background: #000;

	overflow: hidden;

	z-index: 10004;

	-webkit-transition: all 1s cubic-bezier(0.190, 1.000, 0.220, 1.000);

	-moz-transition: all 1s cubic-bezier(0.190, 1.000, 0.220, 1.000);

	-o-transition: all 1s cubic-bezier(0.190, 1.000, 0.220, 1.000);

	transition: all 1s cubic-bezier(0.190, 1.000, 0.220, 1.000); 

}

.fullmenu img {

	opacity: 1; 

}

.fullmenu:after {

	content: '';

	position: absolute;

	left: 30px;

	top: 0;

	width: 50%;

	max-width:319px;

	height: 33%;

	/*background: url(../images/backs/bambus.png) no-repeat;*/

	background-size: contain;

	pointer-events: none;

}

.mostrar_menu {

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

}

.fullmenu .mod_menu {

	position: absolute;

	overflow: hidden;

	/*background-size:30%;*/

	left: 0;

	width: 100%;

	height: 100%;

	opacity: 0;

	-webkit-transform: scale(1.1);

	-moz-transform: scale(1.1);

	transform: scale(1.1);

	-webkit-transition: all 1.5s cubic-bezier(0.190, 1.000, 0.220, 1.000) .8s;

	-moz-transition: all 1.5s cubic-bezier(0.190, 1.000, 0.220, 1.000) .8s;

	-o-transition: all 1.5s cubic-bezier(0.190, 1.000, 0.220, 1.000) .8s;

	transition: all 1.5s cubic-bezier(0.190, 1.000, 0.220, 1.000) .8s;

}

.fullmenu.mostrar_menu .mod_menu {

	opacity: 1;

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	transform: scale(1);

}

.fullmenu .mod_menu:before {

	content: '';

	position: relative;

	display: inline-block;

	vertical-align: middle;

	width: 0;

	height: 100%;

}

.fullmenu .cont_menu_redes {

	    position: relative;

    display: inline-block;

    vertical-align: top;

    width: 50%;

    margin: 0 -4px;

    margin-top: 10%;

}

.fullmenu ul {

	display: block;

	position: relative;

}

.fullmenu ul li {

	position: relative;

	display: block;

	width: 100%;

}

.fullmenu ul li a {

	position: relative;

	display: block;

	margin:.3em 0;

	font-family: 'Segoe UI', sans-serif;

    text-align: left;

	color: #fff;

	font-size: 1.8em;

	font-weight: 200;

	line-height:2em;

	letter-spacing: normal;

	-webkit-transition: all ease-in-out .2s;

	-moz-transition: all ease-in-out .2s;

	transition: all ease-in-out .2s;

	border-left-width: 2px;

    border-left-style: solid;

    border-left-color: #000;

	padding-left: 10px;

}

.fullmenu ul li a:hover, .fullmenu ul li.current a {

	/*background:rgba(0,144,69,.3);*/

	color: #919191;

	border-left-width: 2px;

    border-left-style: solid;

    border-left-color: #FCA503;

}

/*termina nav*/



/*lines button*/



button.lines-button {

	display:none;

	position: fixed;

	top: 0;

	left: 0;

	width: 80px;

	padding: 46px 20px;

	margin: 0;

	line-height: 5px;

	-webkit-transition: .3s;

	-moz-transition: .3s;

	transition: .3s;

	cursor: pointer;

	user-select: none;

	border-radius: 0;

	background: none;

	border: 0;

	z-index:10005;

}

.lines-button:hover {

	opacity: 1;

}

.lines-button:active {

	transition: 0;

}

.lines {

	position: relative;

	display: block;

	width: 60px;

	height: 5px;

	background: #FFF;

	-webkit-transition: 0.3s;

	-moz-transition: 0.3s;

	transition: 0.3s;

}

.lines:before, .lines:after {

	position: absolute;

	display: block;

	width: 60px;

	height: 5px;

	background: #FFF;

	-webkit-transition: 0.3s;

	-moz-transition: 0.3s;

	transition: 0.3s;

	left: 0;

	content: '';

	-webkit-transform-origin: 60px center;

	-moz-transform-origin: 60px center;

	transform-origin: 60px center;

}

.lines:before {

	top: 14px;

}

.lines:after {

	top: -14px;

}

.lines-button:hover .lines:before {

	top: 16px;

}

.lines-button:hover .lines:after {

	top: -16px;

}

.lines-button.close {

	-webkit-transform: scale3d(1, 1, 1);

	transform: scale3d(1, 1, 1);

}

.lines-button.x.close .lines {

	background: transparent;

}

.lines-button.x.close .lines:before, .lines-button.x.close .lines:after {

	-webkit-transform-origin: 50% 50%;

	transform-origin: 50% 50%;

	top: 0 !important;

	width: 60px;

}

.lines-button.x.close .lines:before {

	-webkit-transform: rotate3d(0, 0, 1, 45deg);

	transform: rotate3d(0, 0, 1, 45deg);

}

.lines-button.x.close .lines:after {

	-webkit-transform: rotate3d(0, 0, 1, -45deg);

	transform: rotate3d(0, 0, 1, -45deg);

}

/*termina lines button*/







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



}

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



}



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

.icon-curso {

    margin-right: 1.5em;

}

}



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

}



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



.logo {

    width: 100px;

}

.headervisible .logo {

    top: 10px;

}

.menu {

	display:none;

}

.menu.mostrar {	display:block;}

.fullmenu {

	display:block;

}

button.lines-button {

	display:block;

	padding: 15px 15px;

	line-height: 3px;

}

.lines {

	width: 40px;

	height: 3px;

}

.lines:before,

.lines:after {

	width: 40px;

	height: 3px;

}

.lines:before {

	top: 10px;

}

.lines-button:hover .lines:before {

	top: 12px;

}

.lines:after {

	top: -10px;

}

.lines-button:hover .lines:after {

	top: -12px;

}

.lines-button.x.close .lines:before,

.lines-button.x.close .lines:after {

	width: 40px;

}

/*slider*/

/*.sliderwrapper {

	width:140%;

	margin:0 -13%;

}

.sliderwrapper .navigation-container {

	margin:0 15% !important;

}

.djslider-default .navigation-container img {

	-webkit-transform:scale(.8);

	-moz-transform:scale(.8);

	transform:scale(.8);

}

.djslider-default .navigation-container img:hover {

	-webkit-transform:scale(.9);

	-moz-transform:scale(.9);

	transform:scale(.9);

}

section .ls-fullwidth .ls-nav-prev, section .ls-fullwidth .ls-nav-next {

	-webkit-transform:scale(.8);

	-moz-transform:scale(.8);

	transform:scale(.8);

}

section .ls-fullwidth .ls-nav-prev:hover, section .ls-fullwidth .ls-nav-next:hover {

	-webkit-transform:scale(.9);

	-moz-transform:scale(.9);

	transform:scale(.9);

}

/*intro*/



.icon-curso {

    display: block;

    margin: 0 auto 1em;

}

.cont-text {

    width: 100%;

    display: block;

}

}



@media screen and (max-width:600px) {
nf-field {
    width: 96% !important;
}
.lines {

    width: 30px;

    height: 2px;

}

.lines:before, .lines:after {

    width: 30px;

    height: 2px;

}

.lines:before {

    top: 7px;

}

.lines:after {

    top: -7px;

}

.fullmenu {

    height: 100%;

}

.fullmenu ul li a {

	font-size: 1.3em;

    line-height: 210%;

}

.contenedor.datos {

    width: 100% !important;

    display: block;

}

.cont-curso .so-panel {

    width: 100%;

}

}

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

/*header y menu*/

.header {

	height:42px;

}

.logo {

    width: 120px;

    height: 30px;

    overflow: hidden;

    top: 65px;

}



button.lines-button {

	padding: 20px 15px;

	line-height: 2px;

}

.lines {

	width: 30px;

	height: 2px;

}

.lines:before,

.lines:after {

	width: 30px;

	height: 2px;

}

.lines:before {

	top: 8px;

}

.lines-button:hover .lines:before {

	top: 10px;

}

.lines:after {

	top: -8px;

}

.lines-button:hover .lines:after {

	top: -10px;

}

.lines-button.x.close .lines:before,

.lines-button.x.close .lines:after {

	width: 30px;

}



.fullmenu ul li a {

    font-size: 1.2em;

}

/*slider*/

/*.djslider-default .navigation-container img {

	-webkit-transform:scale(.6);

	-moz-transform:scale(.6);

	transform:scale(.6);

}

.djslider-default .navigation-container img:hover {

	-webkit-transform:scale(.7);

	-moz-transform:scale(.7);

	transform:scale(.7);

}

section .ls-fullwidth .ls-nav-prev, section .ls-fullwidth .ls-nav-next {

	-webkit-transform:scale(.6);

	-moz-transform:scale(.6);

	transform:scale(.6);

}

section .ls-fullwidth .ls-nav-prev:hover, section .ls-fullwidth .ls-nav-next:hover {

	-webkit-transform:scale(.7);

	-moz-transform:scale(.7);

	transform:scale(.7);

}*/



}

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

.lines {

    width: 20px;

    height: 2px;

}

.lines:before, .lines:after {

    width: 20px;

    height: 2px;

}

}

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

body {

	font-size:19px;

}

/*menu*/

.fullmenu .cont_menu_redes {

	width: 70%;

}



/*slider*/

/*.sliderwrapper {

	width:160%;

	margin:0 -10%;

}

.sliderwrapper .navigation-container {

	margin:0 20% !important;

}*/



.fullmenu ul li a {



    font-size: 1em;

}



}

/*terminan estilos responsive*/