@import url('https://fonts.googleapis.com/css?family=Droid+Sans|Oswald|Roboto+Slab');

*{
	box-sizing: border-box;
	font-family: 'Roboto', sans-serif;

}


/*GENERAL*/

.container{
    display:flex
	width: 100%;
	margin: auto;
    min-height: 100vh;
      display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    
}

body{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 100vh;
    background-color: #f2f1ee;
    font-family: 'Roboto', sans-serif;
	font-size: 10px;
    margin: 0;
    padding: 0;
    line-height: 0px;
}

main{
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    background-color: white;
}

.main-footer{
	background-color: palegreen;
    align-self: flex-end;
    
}

.main-footer a{
	display: inline-flex;
	color: #333;
	font-size: 2.2em;
	text-align: center;
	padding: 1em;
	border-bottom: none;
    background-color: palegreen;
  
}

footer{
    /*display: flex;*/
    justify-content: space-between;
    height: auto;
    background-color: palegreen;
    /*flex: 0 0 auto;*/
	padding:20px;
    
}

.sepa{
	margin-right:20px;
	}

footer .contacto {
    width: 100%;
    text-align: center;
    margin: auto;
    padding: 0px;
    font-size: 15px;
    margin-top: 10px;
    line-height: 19px;
}
	
footer .contacto span{
	font-family: 'Oswald', sans-serif;
}

footer .contacto a{
	text-decoration:none;
	color:rgba(0,0,0,1.00);
	font-family: 'Oswald', sans-serif;
	}

footer .contacto a:hove{
	opacity:0.5;
	}

.main-footer{
	background-color: palegreen;
}

.main-footer a{
	display: block;
	color: #333;
	font-size: 1.2em;
	text-align: center;
	padding: 1em;
	border-bottom: none;
}

footer p{
    text-align: center;/*Ajusta*/
    font-size: 1.5em;
    line-height: 1.4em;
    width: 60%;
    padding: 10px;
 	font-family: 'Roboto', sans-serif;
	margin:auto;
    
    
}


/* FIN DE LO GENERAL*/


/*TITULOS*/


.cajah1 {
    justify-content: center;
    display: flex;
    background-image: url(imagenes/fondo1.png);
    /* max-width: 1288px; */ /*Ajuste*/
    width: 100%;
    height: 400px;
    background-size: cover;/*Ajuste*/
}



h1{
color: black;
text-transform: uppercase;
font-family: 'Oswald', sans-serif;
font-weight: 600;
font-size:10em;
    flex-shrink: 1;
    line-height: 
letter-spacing: 0.05em;
text-align: center;
border: solid 8px black;
    display: flex;
    box-sizing: content-box;
    height: 0px;
    justify-content: center;
    text-align: center;
    padding: 100px;
    background-color: rgba(255, 255, 255, 0.3);
    

}

h2{height: auto;
	font-size: 2.4em;
    text-align: center;
      font-family: 'Oswald', sans-serif;
    letter-spacing: .2em;
    line-height: 1em;

    
}

h3{
	font-size: 1.6em;
    font-weight: normal
}

h6 {
    font-size: 1.8em;
    font-family: 'Oswald', sans-serif;
    /* display: flex; */
    margin: 0px;
    margin-bottom: 20px;
    margin-top: 20px;
}


.nombre {
    margin: 90px;
    line-height: 1.1em;
    text-align: left;
        max-width: 390px;
    margin-top: 20px;
    /* margin-bottom: 119px; */
    width: 100%;
    /* padding: 0px; */
    padding-left: 20px;
    padding-right: 20px;
    margin: auto;
    padding-bottom: 20px;
    padding-top: 20px;
	
    background: rgba(118,255,128,0.30);
	
    -webkit-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    -mx-border-radius: 20px;
    border-radius: 20px;
}

.circulo{
	float:left;
	width:100px;
	height:100px;
	
	-webkit-border-radius:100px;
	-ms-border-radius:100px;
	-o-border-radius:100px;
	-mx-border-radius:100px;
	border-radius:100px;
	
	background:#76FF80;
	overflow:hidden;
	}
	
.circulo img{

	width:100%;

	}
	
.perfil-name{
	float:left;
	margin-left:20px;
}
.name{
	text-align:left;
	width:100%;
	font-family: 'Roboto', sans-serif;
	line-height:15px;

	}

h7{
    font-size: 1.8em;
    font-family: roboto;
    line-height: 1em;
    display: flex;
    justify-content: center;
    margin-top: -40px;
    

}
h8{
    font-family: anton;
    font-size: 2em;
    line-height: 1em;
    margin-bottom: .4em;
    margin-top: .6em;
     line-height: 1em;
    display: flex;
    justify-content: center;
	
	
	border: solid 1px #000;
    max-width: 300px;
	width:100%;
    margin: auto;
    padding: 10px;
    text-align: center;
	font-family: 'Oswald', sans-serif;
	
	letter-spacing: 5px;
    line-height: 25px;
	
}


.perfil {
    border-radius: 100%;
    width: inherit;
    height: auto;
    max-width: 100%;
position:absolute;
top:20em;}


video {
  width: 100%;
    height: auto;
    
}


/*HEADER*/

.top {
	 background-color: palegreen;
height: auto;
display: flex;   
}

 .advertencia {
line-height: 1em;
margin-bottom: 5em;}



input, select, textarea{
  /*width: 90vw;*/
  width:100%;
  font-size: 0.8rem;
  color: grey;
  border: solid 1px #eee;
  background: #fff; 
  box-sizing: border-box;
    
}



/*ETIQUETAS*/


.logocultivarse{
    min-width: 100vw;
    
}
.derechos {
    list-style: none;
	margin: 0;
	padding: 0;
    font-family: anton;
    font-size: 1.2em;
}
.calificacion{
    font-size: 2em;
    font-weight:bold;
    }
.comentarios{
    color:black;
    font-weight: bold;
    font-style: italic;
    text-align: left;
    }


.curso {
   font-weight: bold;
    }

.coments {
  margin-left: 20px;
}














/* MENU COMPRIMIDO */

ul, ol{
    display: table-column;
    justify-content: space-between;
	list-style: none;
    text-align: center;
    line-height: 2em;
	margin: 10;
    font-family: anton;
    font-size: 1.2em;
}

.toggle-button{
	display: block;
	background-color:palegreen;
	width: 100%;
	padding: 5px;
	font-size: 1.8em;
	color: #333;
	margin: 0 auto 30px;
	text-align: center;
    clear: both;
     background-color: palegreen;
    margin: 0;
    width: 15%;
    cursor: pointer;
}

.site-navigation{
	position: fixed;
	z-index: 10;
	left: 0;
	top: 0;
	background-color: palegreen;
	width: 0;
	height: 100vh;
	overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: rgba(0,0,0,.8);
    height: 100vh;
    width: 70%;
    position: fixed;
    top: 0;
    left: -100%;
    transition: all 1s ease;
    z-index: 10;
}

.site-navigation ul{
	padding-left:0px;
}

.site-navigation a{
	display: block;
	font-size: 1.5em;
	color: #333;
	padding: 1em;
	border-bottom: solid 1px #333;
    
}

#toggle{
	display: none;
}
#toggle:checked ~ .site-navigation{
	width: 100vw;
    background-color: palegreen;
    letter-spacing: 0.15em;
    font-size: 1.3em;
    cursor: pointer;
	box-shadow:10px 0px 10px rgba(38,34,34,0.50);
	-moz-box-shadow:10px 0px 10px rgba(38,34,34,0.50);
	-o-box-shadow:10px 0px 10px rgba(38,34,34,0.50);
	-webkit-box-shadow:10px 0px 10px rgba(38,34,34,0.50);
	-ms-box-shadow:10px 0px 10px rgba(38,34,34,0.50);
}

.close-nav{
	position: absolute;
	right: 10px;
	top: 10px;
	background: transparent;
	border: none;
	padding: 0 !important;
	border-bottom: none !important;
	color: #fff;
	font-size: 1.8em;
}
a:link, a:visited, a:active{
	text-decoration: none;
	color:rgba(0,0,0,1.00);
    
}




.derechos {
    list-style: none;
	margin: 0;
	padding: 0;
    font-family: anton;
    font-size: 1.2em;
}



.tc {
    font-size: 2em;
    font-weight:100;
    font-style: normal;
    text-decoration: underline;
    margin-left: 20px;

    }
    .com {
  margin: 10px;
        padding;20px;

    }
.ion-navicon-round{
    margin: 10px;
    
}
.banner  {
    display: block;
    margin: auto;
    max-height: 100%;
    width: 100%;
}



/* HEADER */

header, {
     -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}

.logo cultivarse{
	margin: 2px auto;
    padding: 5px;
}

.logo img {
    width:100%;
    max-height: 60px;
}

.right {
    float: right;
   
}
.close-nav{
	position: absolute;
	right: 10px;
	top: 10px;
	background: transparent;
	border: none;
	padding: 0 !important;
	border-bottom: none !important;
	color: #fff;
	font-size: 1.8em;
}


/* MENU COMPRIMIDO */

.toggle-button{
	display: block;
	background-color:palegreen;
	width: 100%;
	font-size: 1.8em;
	color: #333;
	margin: 0 auto 30px;
	text-align: center;
    clear: both;
    width: 30%;
    justify-content: center;
}



.site-navigation{
	/*position: fixed;*/
	z-index: 10;
	left: 0;
	top: 0;
	background-color: palegreen;
	width: 0;
	height: 100vh;
	overflow: hidden;
}

.site-navigation a{
	display: block;
	font-size: 1.5em;
	color: #333;
	padding: 1em;
	border-bottom: solid 1px #333;
	font-family: 'Oswald', sans-serif;
}

#toggle{
	display: none;
}
#toggle:checked ~ .site-navigation{
	width: 25vw;
    background-color: palegreen;
    letter-spacing: 0.15em;
    font-size: 1.3em;
}

.nose {
	width: auto;
}
.close-nav{
	position: absolute;
	right: 10px;
	top: 10px;
	background: transparent;
	border: none;
	padding: 0 !important;
	border-bottom: none !important;
	color: #fff;
	font-size: 1.8em;
}









.d1, .res{
    font-size: 1.6em;
    font-family: "Roboto";
    line-height: 1.1em;
    text-align: left;
    max-width: 600px;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100%;
	    padding: 0px;
    padding-left: 20px;
    padding-right: 20px;
    quotes: inherit;
}



.sub2 {
	font-weight: 600;
	}


.field {
    padding: 4px;
    border: 1px solid #CED5D7;
    box-shadow: 0 0 0 3px #EEF5F7;
  
    width: 80%;
    margin: auto;
}


/*OFERTA DE CURSOS*/




.opcionesdecurso {
    text-align:left;
    font-size: 18px;
    letter-spacing: 0,9em;
    
}

.bckimg{
    margin: em;
    width: 280px;
    height: 300px;
    text-align: center;
    color: floralwhite;
    float: left;
    letter-spacing: 0.1em;
    font-weight: 300;
    border-radius: 5px;
}
.cursos>div {
    margin: 1em;
    width: 280px;
    height: 300px;
    text-align: center;
    color: floralwhite;
    float: left;
    letter-spacing: 0.1em;
    font-weight: 300;
    border-radius: 5px;
}

.elnombre{
    
    line-height: 1.2em;
    margin: 0;
    align-content: center;
    justify-content: center;
    font-family: "oswald";
    position: absolute;
    width: 280px;
    height: 300px;
    margin: 0 auto;
    padding-top: 2em;
    line-height: 1.2em;
    color: black;
}


.contenedorcursos{
    display: flex;
    flex-direction:column;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 10px;
} 

.elemento1{
    display: flex;
    flex-direction:column;
    padding-right: 5px;
    background-color: aquamarine;
    height: 200px;
} 

.elemento2{
    display: flex;
    flex-direction:column;
    padding-right: 5px;
    background-color: aquamarine;
    height: 200px;
} 

.elemento3{
    display: flex;
    flex-direction:column;
    padding-right: 5px;
    background-color: aquamarine;
    height: 200px;
} 




.subtitulo{
    font-family: "Roboto" sans-serif;
    font-weight: 200;
    justify-content: center;
    text-align: center;
}

.nombrecurso {
    position: absolute;
    width: 280px;
    height: 300px;
    margin: 0 auto;
    padding-top: 3em;
    line-height: 1.2em;
    color: green;
    background-color: palegreen;
    font-family: "oswald";
}

#over {
    position: absolute;
    margin: 0 auto;
    overflow: hidden;
    width: 280px;
    height: 300px;
    padding-top: 5em;
    background-color: rgba(127,255,212,0.6);
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    opacity: 0;
}

#over a {
    color: black;
    text-decoration: none;
   justify-content: center;
    text-align: center;
    
   
}

.titlepara {
    justify-content: center;
    text-align: center;
    -webkit-transition: margin 0.5s;
    -moz-transition: margin 0.5s;
    margin: auto;
    margin-top: -50px;
    line-height: 1em;
    font-family: "Oswald";
    margin: 0 auto;
    height: 10px;
     width: 200px;
    margin: auto;
    
 
}

.post {
    width: 200px;
    margin: auto;
    -webkit-transition: margin 0.5s;
    -moz-transition: margin 0.5s;
    margin-top: 00px;
    font-family: monospace;
    margin-bottom: 200px;
}

#iluminacion:hover #over{
    opacity: 1;
}

#iluminacion:hover .titlepara{
    margin-left: 60px;
}

#iluminacion:hover .post{
    margin-top: 150px;
}



/*FIN DESCRIPCION DE CURSOS*/



.label {
    justify-content: center;
    width: 100%;
    box-sizing: 100%;
    height: 20px;
    padding: 20px;
    display: flex;
    font-family: "oswald";
    font-size: 1.5em;
    letter-spacing: .1em;
}

.text1{
    min-width: 100%;
	min-height: 3em;
	padding: 0.5em;
	border-radius: 1em;
}
    
p{
	font-size: 1.2em;
    margin: auto;
    text-align: center;
    line-height: 1.2em;
    font-family: "Roboto+Slab";
}





.info {
    background-color: #fff;
    padding: 5px 0;
    margin-bottom: 2px;
    flex-direction: column;
    justify-content: space-between;
}
.desarrollo{
     background-color: #fff;
    padding: 5px 0;
    margin-bottom: 15px;
}

.info article{
	margin-bottom: 2px;
    text-align: center;
    /*display: flex;*/
    justify-content: space-between;
    
}





h5 {
    font-size: 1.3em;
    text-align: center;
    font-weight: 400;
    max-width: 90%;
    }


.info p {
    font-size: 1.5em;
    font-family: 'Lato';
    text-align: center;
    margin: auto;
}

.objectives {
    margin: 10px 0;
}

.objectives h3, .objectives p, .objectives h4 {
    text-align: left;
    padding: 0 10px;
}

.objectives h3 {
    color: #3BAD94;
    font-weight: bold;
}

.objectives h4 {
    color: #333;
    font-weight: normal;
    font-size: 1.7em;
}

    .main-content{

   flex: 1 0 auto;
    }
    

.subtitle {
margin: 20px 0 0 0;  
padding-left: 10px;
width: 100%;    
}

.column-container
{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  height: auto;
  background-color:palegreen;
  width: 100%;
  margin: 10px auto;
}

.column
{
  color: white;
  font-size: 1.2em;
  text-align: center;
  line-height: 20px;
  width: 100%;
  height: auto;
}

.column h3 {
    background-color: #fff;
    color: #3BAD94;
    padding: 5px;
    font-weight: lighter;
}

.column p {
    border-bottom: 1px solid #fff;
}
.main-footer{
	background-color: palegreen;
    text-align: center;
    padding: 2em;
    max-width: 100%;
    align-self: flex-end;
    display: 
}
    

.student{
	width: 220px;
    } 
}


 
 
.banner{
	display: block;
	margin: 0px 0 0;
}



    
h3{
	font-size: 1.8em;
}


h4 {
    font-size: 1.5em;
    text-align: center;
    height: 25px;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    padding: 10px;
    line-height: 26px!important;
}

	  h4 a{
        font-size: 1em;
    
         font-family: 'Oswald', sans-serif;
		 text-transform:uppercase;
    }
.registrate{
    color: black;    
}


/* HEADER Y LOGIN */

.logo .fadu {
    display: block;
    margin: auto;
    max-height: 100%;
    width: 60%;
}

.login {
    display: block;
    font-size: 1.5em;
    margin: auto;
    text-align: right;
    width: 100%;
	line-height: 30px;
     display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }


.login ul {
    width: 100%;
    display: block;
    list-style: outside none none;
    margin: auto;
    padding: 0;
    text-align: right;
    
}

.login ul li {
    display: inline;
    padding:0 10px; 
    border-right: 1px solid grey;
     -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
}

.login ul li a{
    color: black;
	font-family: 'Oswald', sans-serif;
}

.login ul li:last-child {border-right:none;}
.login ul li:hover {text-decoration: underline;}


footer ul{
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}

video {
	width: 100%;
    height: auto;
}



.info {
    margin-bottom: 0px;
    justify-content: space-between;
   
}

.register {
  flex-wrap: wrap;
  justify-content: flex-start;
  height: auto;
  /*background-color: #fff;*/

  width: 100%;   
  
  
  /*flexbox*/
   display: -webkit-flex;
  display:         flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center; 
    
}

.box img{
	width:100%;
}

.box{
 /* background-color: #fff; */
  color: #333;
  font-size: 1.5em;
  text-align: center;
  width: 100%;
  max-width:230px;
  height: auto;
  margin: 10px auto;
}


.box a{
	color:rgba(0,0,0,1.00);
	}
	
.box:hover{
	opacity:0.5!important;
	}

.box figure {
   max-width: 30%;/*Ajuste*/
    margin: auto;
}

.box figcaption {
    margin: 20px;/*Ajuste*/
    height: 20px;
    max-width: 100%;
    font-family: anton;
    letter-spacing: 0.07em;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;/*Ajuste*/
}

button {
  width: 98%;
  margin:0 0.8333%;
  text-align: center;
  color: green;
  background-color: palegreen;
  padding: 10px;
  margin-bottom: 15px;
  border: none;
  -webkit-border-radius: 9;
  -moz-border-radius: 9;
  border-radius: 9px;

}


button:hover{
  background: green;
  text-decoration: none;
  border: none;
  cursor: pointer;
}

.profile {
    height: 70px;
    width: 70px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    float: center;
    
   
}
.btnreg {
    font-size: 2em;
    font-weight: lighter;
      width: 98%;
  margin:0 0.8333%;
  text-align: center;
  color: green;
  background-color: palegreen;
  padding: 10px;
  margin-bottom: 15px;
  border: none;
  -webkit-border-radius: 9;
  -moz-border-radius: 9;
  border-radius: 9px;
    justify-content: center;
}


.blue {
    background-color: gray;
    color: #fff;
    font-weight: bold;
    text-align: center;
}



.round{
  font-size: 1.5em;
  text-align: center;
  width: 100%;
  height: auto;
  margin: 10px auto;
}

.border {
    width: 150px;
    height: 150px;
    border: 3px solid #fff;
    border-radius: 100%;
    padding-top: 50px;
    margin: auto;
}



.grey {
    background-color: #f2f1ee;
    padding-top: 0px;
}

.servicios {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  height: auto;
  width: 100%;  
  color: #333;
}

.destacados{
  font-size: 1.5em;
  text-align: center;
  width: 100%;
  height: auto;
  margin: 10px auto;
}

.destacados:nth-child(1) {
  background-color: #fff;
}

.destacados:nth-child(2) {
  background-color: #FFF100;
}

.destacados figure {
   max-width: 35%;
    margin: auto;
}

.btnver{
  font-size: 1em;
  font-weight: lighter;
    margin-top: 15px;
    padding: 5px;
}



.one {
    background-color: #ccc;
    text-align: left;
    margin: 0 10px 10px 10px;
}

.one_title {
    background-color: palegreen;
    color: #fff;
    padding: 10px;
}

.number{
    font-weight: bolder;
    font-size: 1.3em;
}

.one:nth-child(1) {
  text-align: center;
}



.one_body {
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
}

.full {
    width: 100%;
    padding-bottom: 5px;
}

.half {
    width: 100%;
    padding-bottom: 5px;
    
}

.center {
    text-align: center;
}

.btncarga{
  font-weight: normal;
    margin: 0px;
    padding: 5px;
}

.btndesc{
    background-color:#ed008c;
    font-weight: normal;
    margin: 0px;
    padding: 5px;
}




.btnreg {
    width: 50%;
    color: black;
  	font-family: 'Oswald', sans-serif;
    justify-content: center;
	text-transform:uppercase;
	margin-top: 30px;
}

.btnreg2 {
    width: 250px;
    color: black;
    font-family: 'Oswald', sans-serif;
    /* justify-content: center; */
    text-transform: uppercase;
    margin-top: 30px;
    height: 40px;
    font-size: 1.8em;
    /* margin: auto; */
    /* text-align: center; */
}

.crearcuenta{
	  width: 250px;
	  margin:auto;
	}


@media (min-width: 560px) {
    .logo .fadu {
    display: inline;
    max-height: 85px;
    width: auto;
}

.site-navigation a {
    font-size: 1.2em;
    padding: 0.5rem;
}
.box{
  width: 50%;
}/*
.btnreg {
  width: 60%;
  margin: 15px auto;
  display: flex;
}*/
.round {
  width: 50%;
} 
.destacados{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.one:nth-child(1) {
 width: 100%;
}    
.one:nth-child(2), .one:nth-child(3) {
 width: 45%;
}    
.btnver{
  width: 60%;
}
.half {
  width: 100%; 
}

    p{margin: auto;
        line-height: 1em;
        width: 70vw;
        justify-content: center;
        font-family: "Roboto+Slab" sans-serif;
        
    }
}

@media (min-width: 640px) {
.login ul li {
    display: inline;
    padding:0 10px; 
    border-right: 1px solid grey;
}
.site-navigation a {
    font-size: 1.3em;
    padding: 0.5rem 0.8rem;
}
.box{
 /* width: 30%;*/
}/*
.btnreg {
    width: 50%;
    color: black;
  	font-family: 'Oswald', sans-serif;
    justify-content: center;
	text-transform:uppercase;
}*/
.round {
  width: 25%;
}
.destacados {
  flex-wrap: nowrap;
}
.one:nth-child(1){
 width: 30%;
}   
.one:nth-child(2),.one:nth-child(3) {
 width: 35%;
}   
.one {
 margin: 10px;
}
.one_title {
 min-height: 58px;
}
}

@media (min-width: 1000px) {

.site-navigation a{
    font-size: 1.5em;
    padding: 0.5rem 1rem;
}


.info {
  width: 95%;
  margin:20px; 
    }

button {
  padding: 5px;
}

.btnver {
   width: 80%;
}
.servicios {
    flex-flow: nowrap;
    margin-top: 20px;
}   
    
.destacados {
    padding: 20px 20px 20px 0;
    flex-wrap: wrap;
    justify-content: flex-end;
}  
    
.destacados:nth-child(1) {
  margin-right: 15px;
}

.one:nth-child(2),.one:nth-child(3) {
 width: 60%;
}
  
.one_title {
 min-height: auto;
}
.one {
 margin: auto 10px;
}
.full {
margin: 5.6px 0;
}    
    
.half {
  width: 50%; 
   font-size: 0.8em;
}
.half:nth-child(1){
 width: 100%;
} 
.center {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 0.7em;
}
    
 .btndesc {
    margin: 0 5px;
}
    
body {
	min-height: 100vh;
}

.top {
	 background-color: palegreen;
height: auto;
display: flex;
    
}

.toggle-button {
    background-color: palegreen;
    margin: 0;
    width: 15%;

    
    
}



 

h5 {
	text-align: left;
	font-size: 1.4em;
	color: black;
	font-weight: bold;
	margin: 5px 20px;
}

}
    
                   /*MEDIA QUERIES*/    
    

/* Cel */
@media (max-width: 460px) {
  .contenedor-gral {
    max-width: none;
  }

}
    
/* Tablet */
@media (min-width: 461px) and (max-width: 768px) {
  .contenedor-gral {
    max-width: 600px;
  }
}


@media (min-width: 640px) {
/*.site-navigation a {
    font-size: 1.4em;
    font-weight: lighter;
} */

.main-footer {
	text-align: center;
    padding: 2em
}

.main-footer li {
	display: inline-block;
}

.main-footer a {
border-bottom: none;
font-size: 1.3em;
border-right: 1px solid rgba(225,225,225,0.4) 
}

.main-footer li:last-child a{
	border-right: none;
}
    
   
}
    
    @media (min-width: 1000px) {
    video {
	width: 90%;
    height: auto;
    margin: auto;
}
    .banner {
        width: 65%;
        margin: 20px auto;
    }
    
    .info {
    margin: 15px auto;
    width: 65%;
}
    
    h3{
	font-size: 2em;
    font-weight: normal
}

{
	font-size: 1.6em;
    font-weight: lighter;
}
        
	}

/*CURSOS */

#cursos-contenedor{
	max-width:880px;
	width:100%;
	margin:auto;
	
	padding:20px;
	}
	
	#cursos-contenedor-perfil{
	max-width:675px;
	width:100%;
	margin:auto;
	padding:20px;
	
	
	}
	
  

.box-cursos{
	position:relative;
	width:190px;
	height:190px;
	float:left;
	margin:10px;
	}
	
.curso-dato {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(imagenes/curso-hover.png);
    background-size: contain;
    z-index: 100;
   opacity: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    line-height: 12px;
    font-size: 14px;
    padding-left: 20px;
    padding-top: 20px;
	padding-right: 20px;

}
	
.curso-dato:hover{
	opacity:1;	
	}
	
.curso-dato img{
	
	}
	

 .img-box{
	 position:absolute;
	width:100%;
	 z-index:0;
	}
	
.titulo-curso {
	position: absolute;
	bottom: 31px;
	width: 100%;
	height: 40px;
	background: rgba(118,255,128,0.80);
	font-family: 'Oswald', sans-serif;
	z-index: 50;
	font-size: 15px;
	line-height: 40px;
	padding-left: 20px;
}

.descarga{
	position:absolute;
	bottom:10px;
	right:10px;
	width:30px;
	height:30px;
}

.h1clases {
    width: 100%;
    height: 80px;
    background: rgba(118,255,128,0.80);
    font-family: 'Oswald', sans-serif;
    /*z-index: 50;*/
    font-size: 35px;
    line-height: 75px;

    text-align: left;
    border: none;

    text-transform: uppercase;

    padding-left: 20px;
	margin-top:30px;
	


}

/* CURSO */


.curso-nivel{
	float:left;
	margin-left:20px;
}
.h6curso {
    font-size: 1.8em;
    font-family: 'Oswald', sans-serif;
    /*display: flex;*/
    margin: 0px;
    margin-bottom: 10px;
    margin-top: 25px;
}


.datos-curso{
	text-align:left;
	width:100%;
	font-family: 'Roboto', sans-serif;
	line-height:20px;
	font-size:15px;
	}
	
.fecha-curso {
    float: left;
    width: 100px;
    height: 100px;
    border: solid rgba(0,0,0,1.00) 3px;
    padding: 25px;
    font-size: 35px;
    line-height: 40px;
    font-family: 'Oswald', sans-serif;
    padding-top: 5px;
}

.fecha-cuadro {
    margin: 90px;
    line-height: 1.1em;
    text-align: left;
        max-width: 290px;
    margin-top: 20px;
    /* margin-bottom: 119px; */
    width: 100%;
    /* padding: 0px; */
    padding-left: 20px;
    padding-right: 20px;
    margin: auto;
    padding-bottom: 20px;
    padding-top: 20px;
	
    background: rgba(118,255,128,0.30);
}

.cajah1-curso {
    justify-content: center;
    display: flex;
    background-image:url(imagenes/curso_1.jpg);
    /* max-width: 1288px; */ /*Ajuste*/
    width: 95%;
    height: 400px;
    background-size: cover;/*Ajuste*/
	
		    -webkit-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    -mx-border-radius: 20px;
    border-radius: 20px;
	
	margin:auto;
	margin-top:20px;
}
.cajah1-curso h1{
	
}

.programa {
	width:100%;
    max-width: 500px;
    margin: auto;
    text-align: center;
    padding: 41px;
	 font-family: 'Oswald', sans-serif;
}

.agenda {

    width: 250px;
    color: black;
    font-family: 'Oswald', sans-serif;
    /* justify-content: center; */
    text-transform: uppercase;
    margin-top: 20px;
    height: 40px;
    font-size: 1.8em;
    /* margin: auto; */
    /* text-align: center; */
    margin-bottom: 30px;
}

.agenda2 {

    width: 250px;
    color: black;
    font-family: 'Oswald', sans-serif;
    /* justify-content: center; */
    text-transform: uppercase;
    height: 40px;
    font-size: 1.8em;
}

.boton-curso{
	  width: 250px;
	  margin:auto;
	  float:left;
	  margin:5px;
	}
.caja-boton{
	width:100%;
	max-width:565px;
	min-width:300px;
	margin:auto;
	padding:20px;
	}

/*COMENTARIOS*/

.comentarios_curso{
	background:rgba(0,0,0,0.10);
	width:100%;
	padding:20px;
	}
.caja-comentarios {
    width: 100%;
    max-width: 600px;
    margin: auto;
    text-align: left;
}

.caja-comentarios hr{
    width: 95%;
	background:rgba(0,0,0,1.00);
	padding:10px;
	border:solid 1px rgba(0,0,0,1.00);
}

.caja-comentarios p {
    text-align: left;
    padding-top: 20px;
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
    width: 100%;
    line-height: 20px;
}

.usuario_com {
    margin-top: 30px;
	border-bottom:solid 1px; color:rgba(0,0,0,1.00);
	padding-bottom:20px;
}

.nombre-com{
	font-size:18px;
	font-family: 'Oswald', sans-serif;
	padding-top:20px;
	
	}
	
/*comentario*/

.usuarios-com{
	padding-top:20px;
}

.usuarios-com textarea{
	height:150px;
}

.usuarios-com textarea{
	height:150px;
	margin-bottom:20px;
}


/*FOOTER*/

.contacto2{
	display:none;
	}
	
footer .contacto2 {
    width: 100%;
    text-align: center;
    margin: auto;
    padding: 0px;
    font-size: 15px;
    margin-top: 10px;
    line-height: 16px;
    margin-bottom: 15px;
}
	
footer .contacto2 span{
	font-family: 'Oswald', sans-serif;
}

footer .contacto2 a{
	text-decoration:none;
	color:rgba(0,0,0,1.00);
	font-family: 'Oswald', sans-serif;
	}

footer .contacto2 a:hove{
	opacity:0.5;
	}