@charset "utf-8";



.h2_livingdc {
        text-align:center; color:#4b6e1a;     margin-top: 40px;

    }
    
    .caja_livingdc {  
 width:30%; margin:1.6%; border-radius:2%; border:#efeeee 0.5px solid; height:220px;  float:left; font-family: 'Raleway', sans-serif; position:relative;
 }

.caja_livingdc:hover {-webkit-box-shadow: 7px 3px 20px -1px rgba(129,147,219,0.32);
-moz-box-shadow: 7px 3px 20px -1px rgba(129,147,219,0.32);
box-shadow: 7px 3px 20px -1px rgba(129,147,219,0.32); transition-property: width;
    transition-duration: 2s;
    transition-timing-function: linear;
    transition-delay: 1s;}


.imagen_livingdc .boton_living_verde {width:100%;}

.imagen_livingdc img { width:100%; }

.texto_livingdc {padding:15px;}
.texto_livingdc h2 { font-size:16px; text-align:center; margin:8px 0 20px 0; color:#2696eb;}
.texto_livingdc p { font-size:13.5px; text-align:center;}

.link_livingdc  { font-size:12px; text-align:center; padding:5px 0; position: absolute;
    bottom: 5px;
   width:100%; background-color: #92c647; border-radius:2%; color:#FFF; }
    
    
    .link_livingdc:hover  { 
 background-color: #739740;  }
    
    .link_livingdc a {color:#FFF; }

    /*Boton Living DC */

.boton_living_verde { width:18%; float:left; background-color:#92c647; height:100px;     margin: 3.3%; }

.linea_living_verde { width:100%; height:10px; background-color:#f0f0f0; }

.linea_living_verde i {    background-color: #000;
    color: #FFF;
    font-size: 9px;
    margin-left: 8px;
    padding: 4px;
    border-radius: 50%;
 }

.boton_living_verde p { padding:10%;font-stretch: semi-condensed; font-size: 15px; font-weight:normal; color:#FFF; text-transform:uppercase; text-align:center; }

.boton_inscribirse_cursos {     background-color: #ff7a0e;
    color: white;
    padding: 6px;
    font-size: 13px;
    float: right; }

@media (max-width:768px) {
    .complementacion_curricular {
    width: 40%;}
    
    .boton_living_verde { width:40%; }
    }



@media (max-width:480px) {
    .complementacion_curricular {
    width: 98%;}
        .boton_living_verde { width:98%; }
    
        
        
            .box_plan_pdf .ev{
        margin:0;
        width:100%;
        
        }
        
    .box_plan_pdf .opcion{
        margin:0;
        width:100%;
        
        }
          .box_plan_pdf .button-primary { 
          width:94%;
           margin: 11px 0;}
           
           
           
        .complementacion_curricular,   .moda_tendencias, .musical, .teatro_espectaculo, .espacios, .oyp , .visual, .comunicacion_empresaria, .audiovisual_boton, .multimedia_boton  {width: 93%;}
           
    }

    .clinica {
        margin-left: 2%;
        width: 78%;
        float: left;

     }


     .cont .card .face.face {
    position: relative;
    background: #f71e47;
    display: block;
    justify-content: center;
    align-items: center;
    z-index: 1; 


     }

    .cont .card .face.face1 .content h3 {
    margin: 10px 0 0;
    padding: 0;
    color: #fff;
    text-align: center;
    font-size: 18px;
    margin-top: 30px;
}