@font-face {
    font-family: 'poiret_oneregular';
    src: url('../fonts/poiretone-regular-webfont.eot');
    src: url('../fonts/poiretone-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/poiretone-regular-webfont.woff2') format('woff2'),
         url('../fonts/poiretone-regular-webfont.woff') format('woff'),
         url('../fonts/poiretone-regular-webfont.ttf') format('truetype'),
         url('../fonts/poiretone-regular-webfont.svg#poiret_oneregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'abelregular';
    src: url('../fonts/abel-regular-webfont.eot');
    src: url('../fonts/abel-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/abel-regular-webfont.woff2') format('woff2'),
         url('../fonts/abel-regular-webfont.woff') format('woff'),
         url('../fonts/abel-regular-webfont.ttf') format('truetype'),
         url('../fonts/abel-regular-webfont.svg#abelregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'open_sanscondensed_light';
    src: url('../fonts/opensans-condlight-webfont.eot');
    src: url('../fonts/opensans-condlight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-condlight-webfont.woff2') format('woff2'),
         url('../fonts/opensans-condlight-webfont.woff') format('woff'),
         url('../fonts/opensans-condlight-webfont.ttf') format('truetype'),
         url('../fonts/opensans-condlight-webfont.svg#open_sanscondensed_light') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sans_condensedbold';
    src: url('../fonts/opensans-condbold-webfont.eot');
    src: url('../fonts/opensans-condbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-condbold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-condbold-webfont.woff') format('woff'),
         url('../fonts/opensans-condbold-webfont.ttf') format('truetype'),
         url('../fonts/opensans-condbold-webfont.svg#open_sans_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sansCnLtIt';
    src: url('../fonts/opensans-condlightitalic-webfont.eot');
    src: url('../fonts/opensans-condlightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-condlightitalic-webfont.woff2') format('woff2'),
         url('../fonts/opensans-condlightitalic-webfont.woff') format('woff'),
         url('../fonts/opensans-condlightitalic-webfont.ttf') format('truetype'),
         url('../fonts/opensans-condlightitalic-webfont.svg#open_sansCnLtIt') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'josefin_sansregular';
    src: url('../fonts/josefinsans-regular-webfont.eot');
    src: url('../fonts/josefinsans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/josefinsans-regular-webfont.woff2') format('woff2'),
         url('../fonts/josefinsans-regular-webfont.woff') format('woff'),
         url('../fonts/josefinsans-regular-webfont.ttf') format('truetype'),
         url('../fonts/josefinsans-regular-webfont.svg#josefin_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
    font-family: "josefin_sansregular",verdana, arial, sans-serif;
    font-size: 1.20em;
}

a {
    color: #FFFFFF;
    cursor: pointer;
}

.card-texts {   
    font-size: 1em;
    margin-right: 2em;
}

.card-text-title{
    text-align: center;
    font-size: 1.5em;    
}



.cards {
    margin: 1em;
    opacity: 1.0;
   filter: alpha(opacity=100); /* For IE8 and earlier */
}

.cards:hover {
   opacity: 0.5;
   filter: alpha(opacity=50); /* For IE8 and earlier */  
}


.images {
    display:block;
    margin:auto;
    padding: 0.25em;
    height: 10em;
    width: 50%;
}


.footer {
   margin: 5%;
   padding: 0.5em;
   padding-top: 1.25em;
   text-align: left;
   font-size: 1.25em;
   line-height: 1.25;
   width: 25%;
    
}








.textos {
    font-size: 1.5em;
}



/* ****** TITULOS RESPONSIVE ***************** */
.titulosPaginas {
    text-align: center;
    font-size: 1.5em;
    width: 98vw;
    padding: 2%;
   
}

/* ******************************************* */

 .contenedor {
    text-align: center;
    width: 98vw;
 }

/* ****** COLUMNAS RESPONSIVE ***************** */

@media (max-width: 750px) {
  .grids {
    width: 90%;
    margin-left: 3%;
  }
}

@media (min-width: 750px) {
  .grids {
                    
                    max-width: 32%;
                    margin-left: 1%;
                    display:  inline-table;
               
                    
                }  
}
 
.cajas-textos-normal {
    
   margin-bottom: 10%;
   padding: 0.5em;
   padding-top: 1.25em;
   text-align: left;
   font-size: 1.5em;
   border-right: 1px solid #888888;
 

}


.header-textos-normal {
                    
                    text-align: center;
                    margin-left: 5%;
                    margin-right: 5%;
                    font-size: 1.5em;

}    
    
 /* ************************************** */   
        
.cajas-textos {

   margin-bottom: 10%;
   padding: 0.5em;
   padding-top: 1.25em;
   text-align: left;
   background-image: url('../images/fondodeg6.png');
   margin-top: -1%;
   font-size: 1.5em;
   
    border: 2px solid gray;
    border-radius: 15px 0px 15px 0px;
    box-shadow: 10px 10px 5px #888888;
    -moz-border-radius: 15px 0px 15px 0px;/* Firefox */ 
    -webkit-border-radius: 15px 0px 0px 0px; /* Safari and Chrome */
    -o-border-radius:15px 0px 0px 0px; /* Opera */
    -ms-border-radius:15px 0px 0px 0px; /*IE 8 */
    -moz-box-shadow: 10px 10px 5px #888888; /* Firefox */ 
    -webkit-box-shadow: 10px 10px 5px #888888; /* Safari and Chrome */
    -o-box-shadow: 10 10 5px #888888;       /* Compatible con opera */
    -ms-box-shadow:  10 10 5px #888888;      /* Compatible con internet explorer */
 
}



.header-textos {
                    background-color: #5aabc9;
                    border: 2px solid gray;
                    border-radius: 15px 0px 15px 0px;
                    box-shadow: 10px 10px 5px #888888;
                    color: #FFFFFF;
                    text-align: center;
                    position: relative;
                    margin-left: 5%;
                    margin-right: 5%;
                    font-size: 1.5em;
                 
                               
                    -moz-border-radius: 15px 0px 15px 0px;/* Firefox */
                    -webkit-border-radius: 15px 0px 0px 0px; /* Safari and Chrome */
                    -o-border-radius:15px 0px 0px 0px; /*Opera*/
                    -ms-border-radius:15px 0px 0px 0px; /*IE 8*/ 
                    -moz-box-shadow: 10px 10px 5px #888888; /* Firefox */
                    -webkit-box-shadow: 10px 10px 5px #888888; /* Safari and Chrome */
                    -o-box-shadow: 10 10 5px #888888;       /* Compatible con opera */
                    -ms-box-shadow: 10 10 5px #888888;      /* Compatible con internet explorer */
                   
                }

              
                
                
                .no-grids {
                     max-width: 95%;
                }