/* Colores:
Azul Oscuro: #284254
Azul: #3876a3
Celeste: #9fd9f3
Blanco: #e6e9db
Verde: #8fc590
Magenta #d0006e

*/

.cursocontenedor {
	display: flex;
	flex-flow: column;
    width: 100%;
    margin: auto;
    max-width: 110rem;
}

.cursocontenedor .cursoencabezado {
	width: 100%;
    background-image: url(../img/cursoencabezado.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    height: 40rem;
    display: flex;
    align-items: flex-end;
    
    
}

.cursocontenedor .cursoencabezado .encabezadotexto{
    width: 85%;
    height: 16rem;
    max-width: 60rem;
    background-color: rgba(40, 66, 84, 0.68);
    display: flex;
    flex-flow: column;
    justify-content: center;
    padding-left: 2rem;
    padding-right: 1rem;
}

.cursocontenedor .cursoencabezado .encabezadotexto h2{
    font-size: 3rem;
    color: #e6e9db;
    
}
.cursocontenedor .cursoencabezado .encabezadotexto p{
    color: #e6e9db;
    font-weight: bold;
}


.cursocontenedor .cursocuerpo {
	width: 100%;
	display: flex;
	flex-flow: column;
}

.cursocontenedor .cursocuerpo .cuerpo1 {
    padding: 2rem;
	display: flex;
	flex-flow: column;
}

.cursocontenedor .cursocuerpo .cuerpo1 .descripcion{
	display: flex;
	flex-flow: column;
}

.cursocontenedor .cursocuerpo .cuerpo1 .descripcion .texto{
	display: flex;
	flex-flow: column;
}

.cursocontenedor .cursocuerpo .cuerpo1 .descripcion .texto h3{
	text-align: center;
	font-size: 3rem;
	font-weight: bold;

}

.cursocontenedor .cursocuerpo .cuerpo1 .descripcion .texto p{
	font-size: 1.6rem;
}

.cursocontenedor .cursocuerpo .cuerpo1 .descripcion figure {
    display: none;
}

.cursocontenedor .cursocuerpo .cuerpo1 .descripcion figure img {   
}


/*REGLA DE LAS 3R###########################################################################*/
/* Colores:
Azul Oscuro: #284254
Azul: #3876a3
Celeste: #9fd9f3
Blanco: #e6e9db
Verde: #8fc590
Magenta #d0006e

*/
.tresr {
    width: 100%;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;   
}
.tresr .tresrdescripcion {
    text-align: center;
    margin-bottom: 2rem;
    margin-top: 5rem;
}
.tresr .tresrdescripcion h3{
    font-size: 3rem;
    color: #284254;
}
.tresr .tresrcontenedor {
    display: flex;
    flex-flow: column;
    align-items: center;
    width: 100%;

}

.tresrcontenedor p {
    text-align: center;
    width: 100%;
}

.reducir, .reutilizar, .reciclar {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 4rem;
    width: 18rem;

}

.tresr figure {
    width: 25rem;
    height: 10rem;
    display: flex;
    justify-content: center;
    margin-bottom: 1rem;
}

.tresr img {
    width: 25rem;
    height: 10rem;
}

.tresrcontenedor .reducir h5{
    width: 25rem;
    color: #d0006e;
    font-size: 2.5rem;
    text-align: center;
}
.tresrcontenedor .reutilizar h5{
     width: 25rem;
    color: #3876a3;
    font-size: 2.5rem;
    text-align: center;
}
.tresrcontenedor .reciclar h5{
     width: 25rem;
    color: #79ae79;
    font-size: 2.5rem;
    text-align: center;
}


@media (min-width:768px) {
.tresr .tresrcontenedor {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-around;
    }
    
    .tresr .tresrdescripcion p{
        max-width: 54rem;
    }
    
}







/*botones de abajo###########################################################################*/

/* Colores:
Azul Oscuro: #284254
Azul: #3876a3
Celeste: #9fd9f3
Blanco: #e6e9db
Verde: #8fc590
Magenta #d0006e
*/

.cursocontenedor .botones {
    display: flex;
    flex-flow: column;
    width: 100%;
    text-align: center
}

.cursocontenedor .botones .mascursos {
    background-color: #3876a3;
    color: #e6e9db;
    height: 14rem;
    padding: 2rem;
}
.cursocontenedor .botones .inscripcion {
    background-color:  #284254;
    color: #e6e9db;
    height: 14rem;
    padding: 2rem;
}
.cursocontenedor .botones a {
    font-size: 1.5rem;
    padding: 1.5rem; 
    background-color: #d0006e;
    color: #e6e9db;
    text-decoration: none;
    font-weight: bold;
    
}
.cursocontenedor .botones a:hover{
    background-color: #b90966;
 
}
.cursocontenedor .botones h6{
    font-size: 1.5rem;
    font-weight: bold;
}
.cursocontenedor .botones p{
    margin-bottom: 3rem;
    
}


.cursocontenedor .cursocuerpo .cuerpo1 .botones {
	display: flex;
	flex-flow: column;

}

.cursocontenedor .cursocuerpo .cuerpo1 .botones .mascursos {
	display: flex;
	background-color: 
}

.cursocontenedor .cursocuerpo .cuerpo1 .botones .inscripcion {

}

.cursocontenedor .cursocuerpo .cuerpo2 {
	width: 100%;
    display: none;
	flex-flow: column;
    justify-content: center;
    align-items: center;
    background-color: #9fd9f3;

}

.cursocontenedor .cursocuerpo .cuerpo2 h3 {
    font-size: 2rem;
    text-align: center;
    margin: 2rem 0;
}


.cursocontenedor .cursocuerpo .cuerpo2 p {
    font-size: 1.6rem;;
    text-align: center;
    margin: 2rem
    
}

.cursocontenedor .cursocuerpo .cuerpo2 figure {
    display: flex;
    flex-flow: column;
    justify-content: center;
    height: 30rem;
    width: auto;
    
}

.cursocontenedor .cursocuerpo .cuerpo2 figure img {
    max-height:30rem;
    width: auto;
    
}

@media all and (min-width:768px) {
    
    .cursocontenedor .cursocuerpo {
        display: flex;
        flex-flow: row;
        justify-content: space-between;
    }
    .cursocontenedor .cursocuerpo .cuerpo1 {
    
}       

.cursocontenedor .cursocuerpo .cuerpo1 .descripcion figure {
    display: flex;
    height: 32rem;
    margin-left: 2rem;
}


    .cursocontenedor .cursocuerpo .cuerpo2 {
    width:30rem; 
    display: flex;
}        
.cursocontenedor .cursocuerpo .cuerpo1 .descripcion{
    display: flex;
    flex-flow: row;
}
    
.cursocontenedor .botones {
    display: flex;
    flex-flow: row;
    width: 100%;
    text-align: center
}

.cursocontenedor .botones .mascursos {
    background-color: #3876a3;
    color: #e6e9db;
    height: 14rem;
    width: 50%;
}
.cursocontenedor .botones .inscripcion {
    background-color:  #284254;
    color: #e6e9db;
    height: 14rem;
     width: 50%;
}    
    
    
    
}