/* ******* CUADRICULA ******** **/
.titulo--cuadricula{
    display: block;
    height: 160px;
    padding-top: 57px;
    text-align: center;
}
.titulo--cuadricula__h2{
    font-family: Constantia, Helvetica, sans-serif;
    font-size: 56px;
}
.cuadricula{
    position: relative;
    width: 980px;
    height: 650px;
    margin: 0px auto;
    padding: 0px;
}
.cuadrado{
    position:absolute;
    text-align: center;
    width: 320px;
    height: 320px;
    color: #F8F8F8;
    opacity: 0.6;
    overflow: hidden;
    -webkit-transition: all 0.6s ease-out 0s;
       -moz-transition: all 0.6s ease-out 0s;
        -ms-transition: all 0.6s ease-out 0s;
         -o-transition: all 0.6s ease-out 0s;
            transition: all 0.6s ease-out 0s;
}
.cuadrado:hover{
    opacity: 1;
    cursor: pointer;
}
.cuadrado:nth-child(1){
	top: 0;
    left: 2px;
}
.cuadrado:nth-child(2){
	top: 0;
    left: 330px;
}
.cuadrado:nth-child(3){
	top: 0;
    left: 658px;
}
.cuadrado:nth-child(4){
	bottom: 0;
    left: 2px;
}
.cuadrado:nth-child(5){
	bottom: 0;
    left: 330px;
}
.cuadrado:nth-child(6){
	bottom: 0;
    left: 658px;
}
.cuadrado__ico{
    display: block;
    padding-top: 40px;
    width: 100%;
    text-align: center;
    opacity: 1;
}
.cuadrado__ico:before{
    font-family: Constantia, Helvetica, sans-serif;
    font-size: 100px;
}
.cuadrado__separador{
    width: 100px;
    display: block;
    margin: 20px auto 0px;
    border-bottom: 2px solid;
    opacity: 1;
}
.cuadrado__titulo{
    width: 100%;
    text-align: center;
    margin-top: 20px;
    text-transform: uppercase;
    opacity: 1;
}
.cuadrado__extend__divTxt{
    opacity: 0;
    width: 100%;
    padding: 5px 5px 2px;
    text-align: center;
}
.cuadrado__extend__txt{
    font-family: Constantia, Helvetica, sans-serif;
    margin: 1px;
    padding: 10px;
    font-size: 1.2em;
    line-height: 1.5em;
    color: white;
}
.cuadrado__extend__txt--detrasH6{
    margin-top: 10px;
}

/* Extendidos */
.cuadrado__extend{
    opacity: 1;
}
.cuadrado.cuadrado__min .cuadrado__ico,
.cuadrado.cuadrado__min .cuadrado__separador,
.cuadrado.cuadrado__min .cuadrado__titulo{
    opacity: 0;
}
.cuadrado__extend .cuadrado__extend__divTxt{
    opacity: 1;
}

.titulo--cuadricula__h2 {
    font-size: 30px;
}
.cuadrado__ico:before {
    font-size: 60px;
}
.cuadrado__separador{
    margin: 20px auto 0px;
}
.cuadrado__titulo{
    margin-top: 20px;
    padding: 0 5px;
}

.cuadricula i{
    font-size: 580%;
    font-weight: bolder;
    margin: 1%;
    padding: 5% 5% 5% 4%;
}

li{
   text-align: left;
}
/* *********************************************** COLORES ******** **/

/* ******* FONDOS TRANSPARENTES ******** **/

/* Blanco */
.fondoTranspBlanco{
    background-color: rgba(248,248,248,0.7);
}
/* Azul Claro */
.fondoTranspAzulClaro{
    background-color: rgba(48,183,187,0.6);
}

/* Rosa */
.fondoTranspRosa01{
    background-color: rgba(242,121,121,0.1);
}
.fondoTranspRosa03{
    background-color: rgba(242,121,121,0.3);
}
.fondoTranspRosa05{
    background-color: rgba(242,121,121,0.5);
}
.fondoTranspRosa06{
    background-color: rgba(242,121,121,0.6);
}
.fondoTranspRosa08{
    background-color: rgba(242,121,121,0.8);
}

/* Azul Oscuro */
.fondoTranspAzulOscuro01{
    background-color: rgba(7,95,135,0.1);
}
.fondoTranspAzulOscuro03{
    background-color: rgba(7,95,135,0.3);
}
.fondoTranspAzulOscuro05{
    background-color: rgba(7,95,135,0.5);
}
.fondoTranspAzulOscuro06{
    background-color: rgba(7,95,135,0.6);
}
.fondoTranspAzulOscuro08{
    background-color: rgba(7,95,135,0.8);
}

/* Azul Claro */
.fondoTranspAzulClaro01{
    background-color: rgba(48,183,187,0.1);
}
.fondoTranspAzulClaro03{
    background-color: rgba(48,183,187,0.3);
}
.fondoTranspAzulClaro05{
    background-color: rgba(48,183,187,0.5);
}
.fondoTranspAzulClaro06{
    background-color: rgba(48,183,187,0.6);
}
.fondoTranspAzulClaro08{
    background-color: rgba(48,183,187,0.8);
}

/* Marron */
.fondoTranspMarron01{
    background-color: rgba(133, 122, 122,0.1);
}
.fondoTranspMarron03{
    background-color: rgba(133, 122, 122,0.3);
}
.fondoTranspMarron05{
    background-color: rgba(133, 122, 122,0.5);
}
.fondoTranspMarron06{
    background-color: rgba(133, 122, 122,0.6);
}
.fondoTranspMarron08{
    background-color: rgba(133, 122, 122,0.8);
}

/* ******* FONDOS OPACOS ******** **/

/* Blanco */
.fondoBlanco{
    background-color: #F8F8F8;
}

/* Rosa */
.fondoRosaTono0{
    background-color: #F8BABA;
}
.fondoRosa{
    background-color: #F27979;
}
.fondoRosaTono2{
    background-color: #B55B5B;
}
.fondoRosaTono3{
    background-color: #793C3C;
}
.fondoRosaTono4{
    background-color: #3C1E1E;
}
.fondoRosaTono5{
    background-color: #FF0080;
}


/* Azules Claro */
.fondoAzulClaroTono0{
    background-color: #AFE7E8;
}
.fondoAzulClaroTono1{
    background-color: #84CFD2;
}
.fondoAzulClaro{
    background-color: #30B7BB;
}
.fondoAzulClaroTono3{
    background-color: #268F92;
}
.fondoAzulClaroTono4{
    background-color: #114041;
}

/* Azules oscuro */
.fondoAzulOscuroTono0{
    background-color: #ACD0E1;
}
.fondoAzulOscuroTono1{
    background-color: #85B0C3;
}
.fondoAzulOscuroTono2{
    background-color: #578DA5;
}
.fondoAzulOscuro{
    background-color: #075F87;
}
.fondoAzulOscuroTono4{
    background-color: #043044;
}

/* Marrones */
.fondoMarronTono0{
    background-color: #BEB8B8;
}
.fondoMarronTono1{
    background-color: #A69D9D; 
}
.fondoMarron{
    background-color: #857A7A; 
} 
.fondoMarronTono3{
    background-color: #625959;
} 
.fondoMarronTono4{
    background-color: #242121; 
}

/* Rojo */
.fondoRojo{
    background-color: #FE2E2E; 
} 
.fondoRojoTono0{
    background-color: #DF0101;
}
/*Verde */
.fondoVerde{
    background-color: #298A08; 
} 




/* Amarillos */
.fondoAmarilloTono0{
    background-color: #EFE2A8;
}
.fondoAmarilloTono1{
    background-color: #EAD98B; 
}
.fondoAmarillo{
    background-color: #C9AB24; 
} 
.fondoAmarilloTono3{
    background-color: #9E871D;
} 
.fondoAmarilloTono4{
    background-color: #564910; 
}
.fondoAmarilloTono5{
    background-color: #AEB404; 
}


/* Morados */
.fondoMorado{
    background-color: #6D1E61;
}


/* ******* COLORES FUENTES ******** **/
.colorBlanco{
    color: #F8F8F8;
}
.colorRosa{
    color: #F27979;
}
.colorRosaTono3{
    color: #793C3C;
}
.colorAzulClaro{
    color: #30B7BB;
}
.colorAzulClaroTono3{
    color: #268F92;
}
.colorAzulOscuro{
    color: #075F87;
}
.colorMarron{
    color: #857A7A;
}
.colorMarronTono3{
    color: #615E59;
}
.colorAmarillo{
    color: #C9AB24;
}
.colorMorado{
    color: #6D1E61;
}


/* ******* COLORES BORDES ******** **/
.bordeBlanco{
    border-color: #F8F8F8;
}
.bordeRosa{
    border-color: #F27979;
}
.bordeAzulClaro{
    border-color: #30B7BB;
}
.bordeAzulOscuro{
    border-color: #075F87;
}
.bordeMarron{
    border-color: #857A7A;
}
.bordeAmarillo{
    border-color: #C9AB24;
}
.bordeMorado{
    border-color: #6D1E61;
}

/* *********************************************** MEDIA ******** **/

    
    /* ******* AUXILIARES ******** **/
    .media980_hide{
        display: none;
    }
    .media980_minWidth0{
        min-width: 0;
    }
    .media980_heightAuto{
        height: auto;
    }
    .media980_bloque{
        display: block;
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .media980_bloque550{
        display: block;
        width: 100%;
        height: 550px;
    }
    .media980_bloque2Column550{
        display: block;
        float:left;
        width: 50%;
        height: 550px;
    }
    .media980_bloque2Column550 .tablaRow__dch__icon:before{
        line-height: 550px;
        font-size: 350px;
        font-size: 36vw;
    }
    .media980_paddingTop140{
        padding-top: 140px;
    }
    .media980_fondoBlanco{
        background-color: #F8F8F8;
    }
    
    /* ******* GENERICOS ******** **/
    .bloqueInfo2Colum__txt,
    .bloqueInfo2terciosColum__txt{
        width: 90%;
        left: 0;
        padding: 0 60px;
    }
    .media980_bloque .bloqueInfo2Colum__txt,
    .media980_bloque .bloqueInfo2terciosColum__txt{
        position: relative;
    }
    
    /* ******* INDEX ******** **/
    .cuadricula {
        width: auto;
        height: auto;
    }
    .cuadrado{
        position: relative;
        width: 98%;
        margin: 4px 1%;
        height: 190px;
        color: #F8F8F8;
        opacity: 0.6;
        overflow: hidden;
        -webkit-transition: all 0.6s ease-out 0s;
        -moz-transition: all 0.6s ease-out 0s;
        -ms-transition: all 0.6s ease-out 0s;
        -o-transition: all 0.6s ease-out 0s;
        transition: all 0.6s ease-out 0s;
        padding-bottom: 8px;
    }
    .cuadrado .cuadrado__extend__divTxt{
        display: none;
    }
    .cuadrado:nth-child(1){
        top: inherit;
        left: inherit;
    }
    .cuadrado:nth-child(2){
        top: inherit;
        left: inherit;
    }
    .cuadrado:nth-child(3){
        top: inherit;
        left: inherit;
    }
    .cuadrado:nth-child(4){
        top: inherit;
        left: inherit;
    }
    .cuadrado:nth-child(5){
        bottom: inherit;
        left: inherit;
    }
    .cuadrado:nth-child(6){
        bottom: inherit;
        left: inherit;
    }
    
    .cuadrado__titulo{
        margin-top: 20px;
        padding: 0 5px;
        font-size: 150%;
    }
    .cuadricula i {
        font-size: 320%;
        padding-top: 5px;
        padding-bottom: 5px;
        font-weight: normal;
    }
  

@media (max-width: 720px) {
    
     /* ******* AUXILIARES ******** **/
    .media720_hide{
        display: none;
    }
    .media720_minWidth0{
        min-width: 0;
    }
    .media720_heightAuto{
        height: auto;
    }
    .media720_bloque{
        display: block;
        width: 100%;
        height: auto;
    }
    .media720__bloque550{
        display: block;
        width: 100%;
        height: 550px;
    }
    .media720_bloque2Column550{
        display: block;
        float:left;
        width: 50%;
        height: 550px;
    }
    .media720_bloque2Column550 .tablaRow__dch__icon:before{
        line-height: 550px;
        font-size: 350px;
        font-size: 36vw;
    }
    .media720_paddingTop140{
        padding-top: 140px;
    }
    .media720_positionRelat{
        position: relative;
    }
    
    
    /* ******* GENERICOS ******** **/
    h2 {
        font-size: 30px;
        letter-spacing: 1.5px;
        line-height: 40px;
    }
    .bloqueInfo2Colum__titulo{
        width: 100%;
        padding: 0 5%;
        top: 60px;
        left: 0;
    }
    .bloqueInfo2Colum__txt,
    .bloqueInfo2terciosColum__txt{
        width: 100%;
        left: 0;
        padding: 0 5%;
        top: 160px;
    }
    .bloqueInfo2terciosColum__txt{
        top: 60px;
    }
    .bloqueInfo2Colum__boton{
        width: 90%;
        max-width: 230px;
        left: 5%;
        bottom: 20px;
    }
    
    
    
    /* ******* INDEX ******** **/
    .titulo--cuadricula__h2 {
        font-size: 30px;
    }
    .cuadrado__ico:before {
        font-size: 60px;
    }
    .cuadrado__separador{
        margin: 20px auto 0px;
    }
    .cuadrado__titulo{
        margin-top: 20px;
        padding: 0 5px;
        font-size: 150%;
    }
    
    .cuadricula i {
        font-size: 280%;
        font-weight: normal;
    }
}