@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700');

*{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;padding:0;margin:0;}

body{font-family:'Lato',sans-serif;font-size:1em;color:#585858;background-color:#ffffff;}

h1{font-size: 2em;text-transform: uppercase;}
h2{font-size: 1.5em;text-transform: uppercase;}
h3{font-size: 1.17em;text-transform: uppercase;}
h4{font-size: 1.12em;text-transform: uppercase;}
h5{font-size: .83em;text-transform: uppercase;}
h6{font-size: .75em;text-transform: uppercase;}



/* HEADER */
.topheader {background-color: #a2ba48;padding: 5px 0;text-align: right}
.topheader ul {list-style-type: none}
.topheader ul li {display: inline-block;color: #fff}
.topheader a {text-transform: uppercase;text-decoration: none;color: #fff;font-weight: 100;font-size: .8em}
.space {padding: 0 10px;color: #fff}
.space {padding: 0 5px}
.topheader .fa.fa-mobile {font-size: 1.3em;padding: 0 4px 0 1px}
.cabecera{padding: 2.8em 0 1.2em 0;}
.logo{
	text-indent:-99999px;
	width: 109px;
	height: 112px;
	background: url(../../images/logo-estudiopaisaje.jpg);
	display: block;
	overflow: hidden;
	position: relative;
}
#rrss{margin-top:2.2em;}
#rrss span{margin-right: .5em;}
#rrss span:last-child{margin-right: 0;}
.morado{color: #815491;}
.gris{color: #717C7D;}
.s-p-r{padding-right: 0;}
nav{padding: 1.3em 0 0 0;}
nav ul{
	list-style: none;
	-webkit-box-pack: end;
	display: inline;
}
nav ul li{
	display: inline-block;
	text-transform: uppercase;
}
nav ul li a {
	padding: 0 .7em 0 .7em;
	color: #585858;
	text-decoration: none;
	text-transform: uppercase;
	display: inline-block;
	position: relative;
	font-weight: 400;
	letter-spacing: -.05em;
}
nav ul:last-child li:last-child a:last-child{padding-right: 0}
nav ul li a:after{
	background: #815491;
	transition: width .3s ease 0s, left .3s ease 0s;
	bottom: 0;
	content: "";
	display: block;
	height: .2em;
	width: 0;
	margin-top: .2em;
}
nav ul li a:hover:after {
	width: 100%;
	left: 0;
}



/* MENU RESPONSIVE */
.sidenav {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	background-color: #815491;
	overflow-x: hidden;
	padding-top: 60px;
	transition: 0.5s;
	text-align: center;
	text-transform: uppercase;
}
.sidenav a {
	padding: 5px;
	text-decoration: none;
	font-size: 22px;
	color: #f9f9f9;
	display: block;
	transition: 0.3s
}
.sidenav a:hover, .offcanvas a:focus{color: #fff;}
.sidenav .closebtn {
	position: absolute;
	top: 0;
	right: 10px;
	font-size: 30px;
	margin-left: 50px;
}
@media screen and (max-height: 450px) {
	.sidenav {padding-top: 15px;}
	.sidenav a {font-size: 18px;}
}
span#boton-hamburguer{
	font-size: 30px;
	cursor: pointer;
	color: #815491;
	left: 3%;
	top: 3%;
	position: absolute;
}



/* SLIDER */
.jssorl-009-spin img {
	animation-name: jssorl-009-spin;
	animation-duration: 1.6s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
@keyframes jssorl-009-spin {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}
.jssora061 {
	display:block;
	position:absolute;
	cursor:pointer;
}
.jssora061 .a {
	fill:none;
	stroke:#fff;
	stroke-width:360;
	stroke-linecap:round;
}
.jssora061:hover {opacity:.8;}
.jssora061.jssora061dn {opacity:.5;}
.jssora061.jssora061ds {
	opacity:.3;
	pointer-events:none;
}
.img-total {
	width: 100%;
	height: auto;
}



/* TITULOS */
.titulo{
	text-align: center;
	padding: 4.6em 0 4.3em 0;
	line-height: 2.17em;
}
.titulo-blanco{
	text-align: center;
	padding: 4.6em 0 4.3em 0;
	line-height: 2.2em;
	color: #ffffff;
}
.titulo h2, .titulo-blanco h2{
	font-size: 2.25em;
	font-weight: 300;
}
.titulo h3, .titulo-blanco h3{
	font-size: 1.5em;
	font-weight: 300;
}
.titulo h4, .titulo-blanco h4{
	font-size: 1em;
	font-weight: 300;
	line-height: normal;
}
.linea-titulo{
	width: 120px;
	margin: auto;
	border: 2px solid #8eaf36;
	margin-top: .4em;
}
.linea-titulo-blanco{
	width: 120px;
	margin: auto;
	border: 2px solid #ffffff;
	margin-top: .6em;
}



/* BOTÓN SUBIR */
#myBtn {
	display: none;
	position: fixed;
	bottom: 50px;
	right: 50px;
	z-index: 99;
	border: none;
	outline: none;
	background-color: rgba(0,0,0,0.45);
	color: white;
	cursor: pointer;
	padding: 20px;
	border-radius: 50px;
}
#myBtn:hover {background-color: rgba(0,0,0,0.60);}



/* AGENDA */
div#agenda-home .flores, div#agenda-home .montana, div#agenda-home .manos{ float: left }
.fa-leaf { font-size: 5.7rem !important;color: #85a334 }
div#agenda-home {margin-bottom: 4.6em;}
div#agenda-home #descripcion{
	margin-left: 8.7em;
	margin-right: .8em;
}
div#agenda-home #descripcion h4{
	font-size: 1em;
	border-bottom: 2px solid #86A534;
	padding-bottom: .55em;
	font-weight: 400;
	line-height: 1.2em;
	padding-right: .8em;
}
div#agenda-home #descripcion p{
	padding: .5em 0 1.2em 0;
	font-size: .95em;
	font-weight: 300;
}
.rg{float: right;}
div#agenda-home #descripcion a{
	text-decoration: none;
	color: #815491;
}




.hvr-underline-from-left:before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 0;
	right: 100%;
	bottom: 0;
	background: #815491;
	height: 3px;
	-webkit-transition-property: right;
	transition-property: right;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {right: 0;}
div#contenedor-que-puedes-hacer{
	text-align: center;
	margin-bottom: 4.6em;
}
div#contenedor-que-puedes-hacer #descripcion a{
	text-decoration: none;
	color: #585858;
}
div#contenedor-que-puedes-hacer #descripcion a:after{color: #000;}
div#contenedor-que-puedes-hacer #descripcion h4{
	font-size: 1.5em;
	padding-bottom: .3em;
	color: #815491;
	font-weight: 300;
	margin-bottom: .6em
}
div#contenedor-que-puedes-hacer #descripcion p{
	font-size: 1.25em;
	font-weight: 300;
	padding: 0 .5em 1.8em .5em;
	line-height: 1.1em;
}
div#contenedor-que-puedes-hacer #descripcion img{
	width: 100%;
	height: auto;
}



/* QUÉ HACEMOS */
div#contenedor-que-hacemos{margin-bottom: 4.6em;}
div#contenedor-que-hacemos #descripcion{padding: 3.1em 0 3em 2em;}
div#contenedor-que-hacemos img{
	width: 100%;
	height: auto;
	background-size: cover;
}
div#contenedor-que-hacemos #descripcion h4{
	font-size: 1.5em;
	padding-bottom: .2em;
	color: #815491;
	font-weight: 300;
}
div#contenedor-que-hacemos #descripcion a{
	text-decoration: none;
	color: #815491;
}
div#contenedor-que-hacemos #descripcion p{
	font-size: 1.25em;
	font-weight: 300;
	padding-bottom: 0.65em;
}



/* FORMULARIO DE CONTACTO */
div#bg-form{
	background-image: url(../../images/home-formulario/bg-formulario.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	padding:60px 0;
}
#bg-form p {
    color: #fff;
}
form input {
	width: 100%;
	padding: 16px;
	margin-bottom: 1em;
}
form input#email{
	width: 100%;
	margin-bottom: 1em;
}
form textarea{
	width: 100%;
	height: 150px;
	padding: 12px 20px;
	box-sizing: border-box;
	resize: none;
	margin-bottom: 1em;
}
select{
	display: block;
	padding: 10px 70px 10px 13px !important;
	width: 100%;
	height: 50px;
	border: 1px solid #585858;
	border-radius: 5px;
	background: url(../../images/formulario/selectbox_arrow.png) right center no-repeat;
	background-color: #fff;
	color: #585858;
	line-height: 16px !important;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	margin-bottom: 1em;
}
select option {padding: 0 4px;}
select::-ms-expand {display: none;}
select:disabled::-ms-expand {background: #f60;}
form #button{
	background-color: #3f3f3f;
	border: none;
	color: white;
	padding: 16px 32px;
	text-decoration: none;
	margin: 4px 2px;
	cursor: pointer;
	font-size: 1em;
	font-weight: 300;
}
#verificacion {
    color: #fff;
    background: #8daf36;
    padding: 15px 10px 15px 10px;
    text-align: center;
}
.enviar {
    margin-top: -65px;
}

/* FOOTER */
div#bg-footer{
	background-color: #3f3f3f;
	height: 335px;
}
footer #descripcion{
	color: #ffffff;
	margin-top: 4.8em;
	margin-right: .8em;
}
footer #descripcion h4{
	font-size: 1em;
	border-bottom: 2px solid #8eaf36;
	padding-bottom: 1.2em;
	font-weight: 400;
}
footer #descripcion p{
	font-size: 1em;
	font-weight: 300;
}
footer #descripcion p a{
	color: #ffffff;
	text-decoration: none;
    font-size: .9em;
    line-height: 1.5;
}
.mail {color: #8daf36 !important}
footer #descripcion iframe{margin-top: 1.2em;}
footer #rrss1 span{margin-top: 1.5em;}
footer .fa.fa-mobile {font-size: 1.5em;padding: 0 4px 0 1px}


/* PIE DE PAGINA */
div#theloop{
	padding-left:0;
	padding-right:0;
}
div#theloop p{
	color: #ffffff;
	background-color: #2f2f2f;
	text-align: center;
	font-weight: 300;
	padding: 1.5em;
	font-size: .75em;
}
div#theloop a{
	color: #ffffff;
	text-decoration: none;

}



/* CLASES */
.bg-gris{background-color: #f5f4f4;}
.bg-verde{background-color: #8eaf36;;}
.color-gris{color: 	#6e6e6e;}
.margen-inferior-que-puedes-hacer{margin-bottom: 1.1em;}
.margen-inferior-contenido-agenda1{margin-bottom: 2.5em;}




/* QUE PUEDES APRENDER */
/* LINEA INFERIOR */
div#bg-titulo{
	background-image: url(../../images/que-puedes-aprender/bg-titulo.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	max-width: 100%;
	height: 200px;
}
.texto-intro{
	text-align: center;
	padding: 1em;
	font-weight: 300;
	margin-top: 2.3em;
	margin-bottom: 2.3em
}
div#intro-aprender #interior{margin: 2.3em 0 4.6em 0;}
div#intro-aprender #interior h4{
	font-size: 1.25em;
	padding-top: .3em;
	padding-bottom: .3em;
	color: #8eaf36;
	font-weight: 300;
	text-align: center;
}
div#intro-aprender #interior p{
	font-size: 1em;
	font-weight: 300;
	line-height: 1.1em;
	text-align: center !important;
	padding-bottom: 1em;
}
div#intro-aprender #interior img{
	width: 100%;
	height: auto;
}
div#intro-aprender #interior a {
	text-decoration: none;
	color: #585858;
}



/* INFORMACIÓN GENERAL */
div#contenedor-inf-gen #descripcion{padding-right: 2em;}
div#contenedor-inf-gen #descripcion h4{font-size: 1.25em;}
div#contenedor-inf-gen #descripcion h4, div#contenedor-inf-gen #descripcion p{font-weight: 300;}
div#contenedor-inf-gen #descripcion a{
	text-decoration: none;
	color: #585858;
}
div#contenedor-inf-gen #descripcion li{
	line-height: 1.5em;
	font-weight: 300;
	color: #585858;
	list-style-type: none;
}
div#contenedor-inf-gen #descripcion li::before{
	content: "•";
	color: #8eaf36;
	padding-right: .5em;
	display: inline-block;
}
div#contenedor-inf-gen #inf-gen{margin-bottom: 4.6em;}



/* PROTEGE */
div#bg-protege{
	background-image: url(../../images/proteger/bg-proteger.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	overflow: hidden;
}
.fondo-transparente{
	background-color:rgba(0,0,0,0.75);
	height: auto;
	float: right !important;
	right: 0;
}
div#contenido-protege #descripcion-protege{
	color: #ffffff;
	margin-bottom: 6em;
	font-weight: 300;
}
div#contenido-protege #descripcion-protege ul{
	margin-left: 1em;
	line-height: 1.5em;
}
div#contenido-protege #descripcion-protege li{margin-top: 1em;}

div#excursiones-protege {padding: 4.6em 0 4.3em 0;}

div#excursiones-protege h4{
	    font-size: 1.25em;
    padding-bottom: 1em;
    color: #8eaf36;
    font-weight: 300;
}
div#excursiones-protege h5{
	font-size: 1em;
    font-weight: 400;
}
div#excursiones-protege p{font-weight: 300;}
div#excursiones-protege a{
	text-decoration: none;
	color:#8eaf36;
}

/* DISENA */
div#bg-disena1{
	background-image: url(../../images/disena/bg-disena1.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	overflow: hidden;
}
.fondo-verde{
	background-color: #8eaf36;
	height: auto;
	float: right !important;
	right: 0;
}
div#bg-disena2{
	background-image: url(../../images/disena/bg-disena2.jpg);
	background-repeat: no-repeat;
	width: 100%;
	overflow: hidden;
	height: auto;
}
div#contenido-disena #descripcion-disena{
	color: #ffffff;
	margin-bottom: 6em;
}
div#contenido-disena #descripcion-disena h4{
	font-size: 1.25em;
	padding-top: 2em;
	padding-bottom: 1em;
	color: #8eaf36;
	font-weight: 300;
}
div#contenido-disena #descripcion-disena p{font-weight: 300;}
div#contenido-disena #descripcion-disena a{
	color: #ffffff;
	text-decoration: none;
}
div#contenido-disena #descripcion-disena ul{
	margin-left: 1em;
	font-weight: 300;
}
div#disena-portafolio{padding: 4.6em 0 4.3em 0;}
div#disena-portafolio h5{font-size: 1em; font-weight: 400;}
div#disena-portafolio h4{
	font-size: 1.25em;
	padding-bottom: 1em;
	color: #8eaf36;
	font-weight: 300;
}
div#carrusel-images h4{font-size: 1.25em;
	padding-bottom: 1em;
	color: #8eaf36;
	font-weight: 300;}
div#disena-portafolio p{font-weight: 300;}
div#disena-semipublica{
	padding: 4.6em 0 2.2em 10px;
	color: #ffffff;
}
div#disena-semipublica h5{font-size: 1em;font-weight: 400;}
div#disena-semipublica p{font-weight: 300;}



/* INVESTIGA */
div#bg-investiga{
	background-image: url(../../images/investiga/bg-investiga.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	overflow: hidden;
}
div#contenido-investiga #descripcion-investiga{
	color: #ffffff;
	margin-bottom: 6em;
}
div#contenido-investiga #descripcion-investiga a{
	color:#fff;
	text-decoration: none;
}
div#contenido-investiga #descripcion-investiga h4{
	font-size: 1.25em;
	padding-top: 2em;
	padding-bottom: 1em;
	color: #8eaf36;
	font-weight: 300;
}
div#contenido-investiga #descripcion-investiga h5{
	font-size: 1em;
	font-weight: 300;
}
div#contenido-investiga #descripcion-investiga p{font-weight: 300;}
div#contenido-investiga #descripcion-investiga ul{margin-left: 1em;}
div#contenido-investiga #descripcion-investiga li{
	line-height: 1.5em;
	font-weight: 300;
	margin-top: 1em;
}
div#investiga-publicaciones{padding: 4.6em 0 4.3em 0;}
div#investiga-publicaciones1{padding: 0 0 4.3em 0;font-weight: 300;}
div#investiga-publicaciones1 a{color:#8eaf36;text-decoration:none;}
div#investiga-publicaciones h4{
	font-size: 1.25em;
	padding-bottom: 1em;
	color: #8eaf36;
	font-weight: 300;
}
div#investiga-publicaciones h5{
	font-size: 1em;
	font-weight: 300;
}
div#investiga-publicaciones p{font-weight: 300;}
div#carrusel-images{margin-bottom: 3em;}
div#carrusel-images a{
	display: inline-block;
	padding: 2px;
	margin: .5em;
	background-color: #fff;
	line-height: 0;
	border-radius: 4px;
	transition: background-color 0.5s ease-out;
	color: #4ae;
	text-decoration: none;
	outline: 0;
}
div#carrusel-images a img{
	width: 16.6em;
	border-radius: 4px;
}



/* PRODUCE */
div#bg-produce1{
	background-image: url(../../images/produce/bg-produce1.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	overflow: hidden;
}
div#bg-produce2{
	background-image: url(../../images/produce/bg-produce2.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	overflow: hidden;
	height: auto;
}
.fondo-gris{
	background-color: #2f2f2f;
	height: auto;
	float: right !important;
	right: 0;
}
div#carrusel-images-produce{padding: 4.6em 0 4.6em 0;}
div#carrusel-images-produce a{
	display: inline-block;
	padding: 2px;
	margin: .5em;
	background-color: #fff;
	line-height: 0;
	border-radius: 4px;
	transition: background-color 0.5s ease-out;
	color: #4ae;
	text-decoration: none;
	outline: 0;
}
div#carrusel-images-produce a img{
	width: 16.6em;
	border-radius: 4px;
}
div#contenido-produce{
	z-index: 1;
	position: relative;
}
div#contenido-produce #descripcion-produce{
	color: #ffffff;
	margin-bottom: 6em;
}
div#contenido-produce #descripcion-produce h4{
	font-size: 1.25em;
	padding-top: 2em;
	padding-bottom: 1em;
	color: #8eaf36;
	font-weight: 300;
}
div#contenido-produce #descripcion-produce h5{
	font-size: 1em;
	font-weight: 300;
	margin-top: 1em;
}
div#contenido-produce #descripcion-produce p{font-weight: 300;}
div#produce-seminarios h5{
	font-size: 1em;
	font-weight: 300;
}
div#produce-seminarios{
	padding: 4.6em 0 4.3em 0;
	color: #ffffff;
	font-weight: 300;
}
div#produce-produccion h5{
	font-size: 1em;
	font-weight: 300;
}
div#produce-produccion{
	padding: 4.6em 0 4.3em 10px;
	color: #ffffff;
}
div#produce-produccion{font-weight: 300;}



/* CAPACITACIÓN */
div#bg-index{
	background-image: url(../../images/home-carrusel/bg-slide.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	overflow: hidden;
}
div#bg-capacitacion1{
	background-image: url(../../images/capacitacion/bg-capacitacion1.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	overflow: hidden;
}
div#bg-capacitacion2{
	background-image: url(../../images/capacitacion/bg-capacitacion2.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	overflow: hidden;
}
div#bg-capacitacion3{background-color: #8eaf36;}
div#contenido-capacitacion #descripcion-capacitacion{
	color: #ffffff;
	margin-bottom: 6em;
	font-weight: 300;
}
div#contenido-capacitacion #descripcion-capacitacion h5{
	font-size: 1em;
	font-weight: 300;
	margin-bottom: 1em;
}
div#contenido-capacitacion #descripcion-capacitacion a{
	color: #ffffff;
	text-decoration: none;
	font-weight: 400;
}
div#contenido-capacitacion #descripcion-capacitacion p{margin-bottom: 3em;}
div#contenido-capacitacion #descripcion-capacitacion p:last-child{margin-bottom: 0;}
div#capacitacion-programa1, div#capacitacion-programa2, div#capacitacion-programa3{padding: 4.6em 0 4.3em 0;}
div#capacitacion-programa1 h4, div#capacitacion-programa2 h4{
	font-size: 1.25em;
	padding-bottom: 1em;
	color: #8eaf36;
	font-weight: 300;
}
div#capacitacion-programa3 h4{
	font-size: 1.25em;
	padding-bottom: 1em;
	color: #ffffff;
	font-weight: 300;
}
div#capacitacion-programa1 li, div#capacitacion-programa3 li{
	line-height: 1.5em;
	font-weight: 300;
	color: #585858;
	list-style-type: none;
}
div#capacitacion-programa2 li{
	line-height: 1.5em;
	font-weight: 300;
	color: #ffffff;
	list-style-type: none;
}
div#capacitacion-programa1 li:before, div#capacitacion-programa2 li:before{
	content: "•";
	color: #8eaf36;
	padding-right: .5em;
}
div#capacitacion-programa3 li:before{
	content: "•";
	color: #ffffff;
	padding-right: .5em;
}



/* CURSO INTENSIVO */
div#bg-cursos-intensivos{
	background-image: url(../../images/cursos-intensivos/bg-cursos-intensivos.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	overflow: hidden;
}
.fondo-transparente{
	background-color:rgba(0,0,0,0.75); /* rgbA */
	height: auto;
	float: right !important;
	right: 0;
}
div#contenido-cursos-intensivos #descripcion-cursos-intensivos{
	color: #ffffff;
	margin-bottom: 6em;
	font-weight: 300;
}
div#contenido-cursos-intensivos #descripcion-cursos-intensivos ul{
	margin-left: 1em;
	margin-bottom: 3em;
}
div#contenido-cursos-intensivos #descripcion-cursos-intensivos li{
	line-height: 1.5em;
	font-weight: 300;
	margin-top: 1em;
}
div#contenido-cursos-intensivos #descripcion-cursos-intensivos a{
	color: #ffffff;
	text-decoration: none;
	font-weight: 400;
}


/* CURSOS SEMIPRESENCIALES */
div#bg-cursos-semipresenciales{
	background-image: url(../../images/cursos-semipresenciales/bg-cursos-semipresenciales.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	overflow: hidden;
}
.fondo-transparente{
	background-color:rgba(0,0,0,0.75);
	height: auto;
	float: right !important;
	right: 0;
}
div#contenido-cursos-semipresenciales #descripcion-cursos-semipresenciales {
	color: #ffffff;
	margin-bottom: 6em;
	font-weight: 300;
}
div#contenido-cursos-semipresenciales #descripcion-cursos-semipresenciales a{
	color: #ffffff;
	text-decoration: none;
	font-weight: 400;
}



/* DIPLOMA */
div#bg-diploma{
	background-image: url(../../images/diploma/bg-diploma.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	overflow: hidden;
}
div#contenido-diploma #descripcion-diploma{
	color: #ffffff;
	margin-bottom: 6em;
	font-weight: 300;
}
div#contenido-diploma #descripcion-diploma h5{
	font-size: 1em;
	font-weight: 300;
}
div#contenido-diploma #descripcion-diploma ul{
	margin-left: 1em;
	margin-bottom: 3em;
}
div#contenido-diploma #descripcion-diploma li{
	margin-top: 1em;
	line-height: 1.5em;
	font-weight: 300;
}
div#contenido-diploma #descripcion-diploma a{
	color: #ffffff;
	text-decoration: none;
	font-weight: 400;
}
div#diploma-programa{padding: 4.6em 0 4.6em 0;}
div#diploma-programa p{
	font-size: 1em;
	font-weight: 300;
	margin-bottom: 1.5em;
}
div#diploma-programa h5{
	font-size: 1em;
	font-weight: 300;
	margin-bottom: 1.5em;
}
div#diploma-programa h4{
	font-size: 1.25em;
	color: #8eaf36;
	font-weight: 300;
}
div#diploma-programa h6{
	font-size: .80em;
	padding-bottom: 1em;
	color: #8eaf36;
	font-weight: 300;
}
div#diploma-programa li{
	line-height: 1.5em;
	font-weight: 300;
	color: #585858;
	list-style-type: none;
}
div#diploma-programa li:before{
	content: "•";
	color: #8eaf36;
	padding-right: .5em;
}



/* HISTORIA */
div#bg-historia{
	background-image: url(../../images/historia/bg-historia.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	overflow: hidden;
}
.fondo-verde-historia{
	background-color: #8eaf36;
	height: auto;
}
div#contenido-historia #descripcion-historia{
	color: #ffffff;
	margin-bottom: 6em;
}
div#contenido-historia #descripcion-historia h5{
	font-size: 1em;
	margin-top: 2em;
	font-weight: 300;
}
div#contenido-historia #descripcion-historia p{
	font-weight: 300;
	margin-bottom: 1em;
}
div#contenido-historia #descripcion-historia a{
	color: #ffffff;
	text-decoration: none;
}
div#contenido-historia #descripcion-historia ul{
	margin-left: 1em;
	font-weight: 300;
}
div#historia1, div#historia2{padding: 4.6em 0 4.3em 0;}
div#historia1 h4{
	font-size: 1.25em;
	padding-bottom: 1em;
	color: #8eaf36;
	font-weight: 300;
}
div#historia1 p, div#historia2 p{
	font-weight: 300;
	margin-bottom: 1em;
}
div#historia2 p{color: #ffffff;}



/* PRINCIPIOS */
div#bg-principios{
	background-image: url(../../images/principios/bg-principios.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	overflow: hidden;
}
div#contenido-principios #descripcion-principios{
	color: #ffffff;
	margin-bottom: 6em;
	font-weight: 300;
}
div#contenido-principios #descripcion-principios p{margin-bottom: 1em;}



/* OTEC - POLITICA DE CALIDAD */
div#bg-otec-politica-calidad{
	background-image: url(../../images/otec-politica-calidad/bg-otec-politica-calidad.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	overflow: hidden;
}
div#contenido-otec-politica-calidad #descripcion-otec-politica-calidad{
	color: #ffffff;
	margin-bottom: 6em;
	font-weight: 300;
}
div#contenido-otec-politica-calidad #descripcion-otec-politica-calidad p{margin-bottom: 1em;}
div#contenido-otec-politica-calidad #descripcion-otec-politica-calidad h4{
	font-size: 1.25em;
	padding-top: 2em;
	padding-bottom: 1em;
	color: #8eaf36;
	font-weight: 300;
}
div#contenido-otec-politica-calidad #descripcion-otec-politica-calidad h5{
	font-size: 1em;
	font-weight: 300;
}
div#contenido-otec-politica-calidad #descripcion-otec-politica-calidad img{
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-top: 4em;
}



/* VIDEOS */
div#bg-titulo{
	background-image: url(../../images/que-puedes-aprender/bg-titulo.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	max-width: 100%;
	height: 200px;
}
.titulo-blanco-videos{
	text-align: center;
	padding: 4.6em 0 4.3em 0;
	line-height: 2.2em;
	color: #ffffff;
}
.titulo-blanco-videos h2 {
	font-size: 2.25em;
	font-weight: 300;
}
.titulo-blanco-videos h3 {
	font-size: 1.5em;
	font-weight: 300;
}
.texto-intro-videos{
	text-align: center;
	padding: 1em;
	font-weight: 300;
	margin-top: 2.3em;
	margin-bottom: 1.3em
}
div#intro-videos img{
	margin-left: auto;
	margin-right: auto;
	display: block;
	width: 100%;
	margin-bottom: 1em;
}
div#intro-videos h4{
	font-size: 0.9em;
	padding-bottom: 0.2em;
	color: #8eaf36;
	font-weight: 300;
	text-align: center;
}
div#intro-videos #interior-videos{margin: 2.3em 0 4.6em 0;}




/* EQUIPO */
div#bg-equipo{
	background-image: url(../../images/equipo/bg-equipo.jpg);
	background-size: cover;
    background-position: 100% 58%;
	background-repeat: no-repeat;
	width: 100%;
	overflow: hidden;
}
div#contenido-equipo #descripcion-equipo{
	color: #ffffff;
	margin-bottom: 6em;
}
div#contenido-equipo #descripcion-equipo h4{
	font-size: 1.25em;
	padding-top: 2em;
	padding-bottom: 1em;
	color: #8eaf36;
	font-weight: 300;
}
div#contenido-equipo #descripcion-equipo p{font-weight: 300;}
div#equipo-docente{padding: 4.6em 0 4.3em 0;}
div#equipo-docente h4{
	font-size: 1.25em;
	padding-bottom: 1em;
	color: #8eaf36;
	font-weight: 300;
}
div#equipo-docente h5{
	font-size: 1em;
	font-weight: 400;
}
div#equipo-docente p{
	font-weight: 300;
	margin-bottom: 1em;
}
div#equipo-docente div#nombre-integrates{
	text-align: center;
	margin-bottom: 3em;
}
div#equipo-docente div#nombre-integrates h4{padding-bottom: 0;}

/* TAB */
div.tab {
	float: left;
	width: 40%;
	height: auto;
}
div.tab button {
	display: block;
	padding: .5em;
	background-color: inherit;
	color: black;
	width: 50%;
	border: none;
	outline: none;
	cursor: pointer;
	transition: 0.3s;
	float: left;
	font-size: .85em;
	font-weight: 300;
	font-family: 'Lato',sans-serif;
}
div.tab button img{width: 100%;}
div.tab button.active {background-color: #8eaf36; color: #fff;}
.tabcontent {
	float: left;
	padding: 0px 12px;
	width: 60%;
	border-left: none;
	height: auto;
}


/* tabla de cursos - Simo */

thead, tfoot {
    background: #3f3f3f;
    color: #fff;
    text-transform: uppercase;
}


thead tr th, tfoot tr th {
    padding: 10px 0;
    font-size: .8em;
    font-weight: 600;
}

tbody tr td {
    padding: 20px 0;
    border-bottom: 1px solid #65656533;
    font-size: .9em;
    color:#000;
}

tbody tr:nth-child(even) {
    background: #88a437;
}


tbody tr td:nth-child(6) a, tbody tr td:nth-child(7) a {
    padding: 10px;
    text-transform: uppercase;
    text-decoration: none;
    font-size: .9em;
    border-radius: 5px;
}

tbody tr td:nth-child(6) a:hover, tbody tr td:nth-child(7) a:hover, tbody tr td button:hover {
    color: #3f3f3f;
}


tbody tr td:nth-child(6) a {
    background: #afc37c;
    color: #fff;
}

tbody tr td:nth-child(7) a {
    background: #b3c364;
    color: #fff;
}

tbody tr td button {
    padding: 10px;
    background: #afc37b;
    font-size: .9em;
    border-radius: 5px;
    border: none;
    color: #fff;
    text-transform: uppercase;
}




/* ACCESO A USUARIOS */
#acceso-usuarios{padding: 5em 0 5em 0;}
#acceso-usuarios h2,#acceso-usuarios h3{
	text-transform: none;
	color: #fff;
	font-weight: 300;
}
#acceso-usuarios h3{font-size: 34px;}
#acceso-usuarios h2{font-size: 44px;margin-bottom: 1em;}
#acceso-usuarios input{
	width: 100%;
	padding: 16px;
	margin-bottom: 1em;
	background-color: #8eaf36;
	border:2px solid #fff;
	border-radius: 5px;
	color:#fff;
	font-size: 15px;
	font-weight: 300;
}
#acceso-usuarios input::placeholder {color:#fff; font-size: 14px;}
#acceso-usuarios input#button{
	background-color: #3f3f3f;
	border: none;
	color: white;
	padding: 16px 32px;
	text-decoration: none;
	margin: 4px 2px;
	cursor: pointer;
	font-size: 1em;
	font-weight: 300;}
	#acceso-usuarios p{color: #fff; font-weight: 300; font-size: 16px; float: right;margin-top: 2.2em;}
#acceso-usuarios p a{text-decoration: none; color: #fff;}

.no-border{ text-decoration: none !important
}

	/* MEDIA PC*/
	@media (max-width: 1300px) {
		.suffix-30 {margin-right: 0;}
		.suffix-25{margin-right: 0;}
	}
	@media (max-width: 1209px) {
		div#carrusel-images a img, div#carrusel-images-produce a img{
			width: 16em;
			border-radius: 4px;
		}
	}
	@media (max-width: 1200px) {
		nav ul li a {font-size: .95em;}
	}
	@media (max-width: 1171px) {
		div#carrusel-images a img, div#carrusel-images-produce a img{
			width: 15em;
			border-radius: 4px;
		}
	}
	@media (max-width: 1157px) {
		footer #descripcion p{font-size: .95em;}
	}
	@media (max-width: 1143px) {
		nav ul li a {font-size: .90em;}
	}
	@media (max-width: 1136px) {
		div#contenedor-que-puedes-hacer #descripcion p{ont-size: 1.23em;}
	}
	@media (max-width: 1125px) {
		div#contenedor-que-hacemos #descripcion p{font-size: 1.15em;}
	}
	@media (max-width: 1119px) {
		div#contenedor-que-puedes-hacer #descripcion p{font-size: 1.21em;}
	}
	@media (max-width: 1107px) {
		div#carrusel-images a img, div#carrusel-images-produce a img{
			width: 14em;
			border-radius: 4px;
		}
	}
	@media (max-width: 1102px) {
		div#contenedor-que-puedes-hacer #descripcion p{font-size: 1.19em;}
	}
	@media (max-width: 1090px) {
		div#contenedor-que-hacemos #descripcion p{font-size: 1.05em;}
	}
	@media (max-width: 1086px) {
		nav ul li a {font-size: .85em;}
		div#contenedor-que-puedes-hacer #descripcion p{font-size: 1.17em;}
	}
	@media (max-width: 1082px) {
		footer #descripcion p{font-size: .85em;}
	}
	@media (max-width: 1069px) {
		div#contenedor-que-puedes-hacer #descripcion p{font-size: 1.15em;}
	}
	@media (max-width: 1052px) {
		div#contenedor-que-puedes-hacer #descripcion p{font-size: 1.13em;}
	}
	@media (max-width: 1050px) {
		div#contenedor-que-hacemos #descripcion p{font-size: 1em;}
	}
	@media (max-width: 1043px) {
		div#carrusel-images a img, div#carrusel-images-produce a img{
			width: 13em;
			border-radius: 4px;
		}
	}
	@media (max-width: 1036px) {
		div#contenedor-que-puedes-hacer #descripcion p{font-size: 1.10em;}
	}
	@media (max-width: 1029px) {
		nav ul li a {font-size: .83em;}
	}
	@media (max-width: 1011px) {
		div#contenedor-que-puedes-hacer #descripcion p{font-size: 1em;}
	}



	/* MEDIA TABLET */
	@media (max-width: 1024px) {
		.cabecera{padding: 0 0 1.2em 0;}
		#header, #rrss{display: flex;flex-flow: row wrap;justify-content: center;align-items: center;}
		#rrss{padding-top: 1.3em;margin-top:0;}
		nav ul li a {font-size: .90em;}
		div#contenedor-que-hacemos #descripcion{padding: 2.5em 0 0 2em;}
		.margen-inferior-contenido-agenda2{margin-bottom: 2.5em;}
		.descripcion-intro-aprender{margin-bottom: 2em;}
	}
	@media (max-width: 1000px) {
		footer #descripcion p {font-size: 0.75em;}
	}
	@media (max-width: 979px) {
        .topheader .tablet-grid-25 {width:20%}
        .topheader .tablet-grid-50 {width:60%}
		nav ul li a {font-size: .87em;}
		div#carrusel-images a img, div#carrusel-images-produce a img{
			width: 12em;
			border-radius: 4px;
		}
	}
	@media (max-width: 964px) {
		nav ul li a {font-size: .85em;}
	}
	@media (max-width: 960px) {
		div#contenedor-que-hacemos #descripcion{padding: 1.5em 0 0 2em;}
	}
	@media (max-width: 928px) {
		nav ul li a {font-size: .83em;}
		div#contenedor-que-puedes-hacer #descripcion p{font-size: .90em;}
		div#contenedor-que-hacemos #descripcion{padding: 1.5em 0 0 2em;}
	}
	@media (max-width: 915px) {
		div#carrusel-images a img, div#carrusel-images-produce a img{
			width: 11em;
			border-radius: 4px;
		}
	}
	@media (max-width: 907px) {
		nav ul li a {font-size: .80em;}
		div#agenda-home #descripcion h4{font-size: .90em;}
	}
	@media (max-width: 878px) {
		footer #descripcion p{font-size: .65em;}
	}
	@media (max-width: 877px) {
		nav ul li a {font-size: .77em;}
	}
	@media (max-width: 851px) {
		div#carrusel-images a img, div#carrusel-images-produce a img{
			width: 10em;
			border-radius: 4px;
		}
	}
	@media (max-width: 846px) {
		nav ul li a {font-size: .75em;}
	}
	@media (max-width: 830px) {
        .topheader .tablet-grid-25 {width:15%}
        .topheader .tablet-grid-50 {width:70%}
		div#contenedor-que-hacemos #descripcion{padding: 1em 0 0 2em;}
		div#contenedor-que-puedes-hacer #descripcion p{font-size: .80em;}
	}
	@media (max-width: 826px) {
		nav ul li a {font-size: .73em;}
	}
	@media (max-width: 805px) {
		nav ul li a {font-size: .70em;}
	}
	@media (max-width: 798px) {
		div#contenedor-que-hacemos #descripcion p{font-size: .80em;}
	}
	@media (max-width: 787px) {
		div#carrusel-images a img, div#carrusel-images-produce a img{
			width: 9em;
			border-radius: 4px;
		}
	}
	@media (max-width: 774px) {
		nav ul li a {font-size: .69em;}
	}



	/* MEDIA MOBILE */
	@media (max-width: 767px) {
        .topheader .tablet-grid-50 {width: 100%}
		div#rrss{display: none;}
		.nav-mobile {display:block;}
		.nav {
			width:100%;
			padding-top: 50px;
		}
		.nav-list {display:none;}
		.nav-item {
			width:100%;
			float:none;
		}
		.nav-active {display:block;}
		nav ul li a {font-size: 1em;}
		div#contenedor-que-puedes-hacer #descripcion p{font-size: 1.15em;}
		div#contenedor-que-hacemos #descripcion p{font-size: 1.15em;}
		div#contenedor-que-hacemos #descripcion{padding: 1.5em 0 0 0;}
		div#bg-footer{height: 1135px;}
		footer #descripcion p{font-size: 1em;}
		div#agenda-home #descripcion p {font-size: .828em;}
		div#rrss1{margin-top: 1em;}
		.margen-inferior-descripcion{margin-bottom: 2.5em;}
		div#jssor_1{display: none;}
		.margen-superior-inf-gen{margin-top: 2.5em;}
		#myBtn {
			bottom: 25px;
			right: 25px;
		}
		.margen-superior-cursos{margin-top: 2.5em;}
		.titulo-mobile{padding: 1.6em 0 4.3em 0;}
		div.tab {
			float: left;
			width: 100%;
			height: auto;}
			.tabcontent {
				float: left;
				padding: 20px;
				width: 100%;
				border-left: none;
				height: auto;}

			#acceso-usuarios p{margin-top: 1.2em;}
			}

			@media (max-width: 723px) {
				div#carrusel-images a img, div#carrusel-images-produce a img{
					width: 16em;
					border-radius: 4px;
				}
			}
			@media (max-width: 636px){
				.titulo-blanco-videos{
					padding: 2.8em 0 0 0;
					line-height: 2.2em;
				}
			}
			@media (max-width: 611px) {
				div#carrusel-images a img, div#carrusel-images-produce a img{
					width: 14em;
					border-radius: 4px;
				}
			}
			@media (max-width: 547px) {
				div#carrusel-images a img, div#carrusel-images-produce a img{
					width: 12em;
					border-radius: 4px;
				}
			}
			@media (max-width: 483px) {
                .topheader a {font-size: .73em}
				div#carrusel-images a img, div#carrusel-images-produce a img{
					width: 25em;
					border-radius: 4px;
				}
			}
			@media (max-width: 464px){
                .topheader {text-align: left}
                .topheader a {font-size: .68em}
				.titulo-blanco{
					padding: 2.8em 0 4.3em 0;
					line-height: 2.2em;
				}
			}
			@media (max-width: 460px) {
				div#carrusel-images a img, div#carrusel-images-produce a img{
					width: 23em;
					border-radius: 4px;
				}
			}
			@media (max-width: 440px) {
                .topheader a {font-size: .63em}
				div#carrusel-images a img, div#carrusel-images-produce a img{
					width: 22em;
					border-radius: 4px;
				}
			}
			@media (max-width: 420px) {
                .topheader a {font-size: .59em}
				div#carrusel-images a img, div#carrusel-images-produce a img{
					width: 21em;
					border-radius: 4px;
				}
			}
			@media (max-width: 400px) {
                .topheader a {font-size: .55em}
                .topheader .fa.fa-phone, .topheader .fa.fa-envelope {font-size: .7em}
                .topheader .fa.fa-mobile {font-size: .9em}
				div#carrusel-images a img, div#carrusel-images-produce a img{
					width: 20em;
					border-radius: 4px;
				}
			}