
.central{
    background-repeat:no-repeat;
    background-position: center top;
}
.sobre_tic{ text-align: center; font-size: 18px; letter-spacing: 1px;}  


.zona_bot a{    
    color: #ff9326;
}

.zona_bot a:hover{
    background-color: #ff9326;
    color: #ffffff;
}

/*----- caja-central -------*/

.fancy-box-image .fa{font-size: 65px;   line-height: 100px;}
.fancy-box-image a{
    color:#fff;
    background-color:#7C7B7B;
    border-radius: 100%;
    display: block;
    height: 100px;
    line-height: 100px;
    margin: auto;
    position: relative;
    text-align: center;
    /* transition: all 300ms linear 0ms;*/

    width: 100px;}
.fancy-box-image a:hover{  color:#fff; }
.relleno_cajas .fa {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}
.relleno_cajas .fa:hover{
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);

}

.code a:hover{ color:#0DC6E2; }
.cog a:hover{ color:#0DC6E2!important;  }
.laptop a:hover{color:#0DC6E2;  }



.caja_areas{ text-align: center; padding-top: 25px; padding-bottom: 25px;}
.relleno_cajas p{font-size:14px; line-height: 110%; padding-top: 15px;}
.relleno_cajas{ padding: 20px 40px;}

.titular_areas {  margin-bottom: 0px; font-size: 19px; font-family: 'ralewaysemibold';  margin-top: 0px; line-height: 20px; text-transform: uppercase;  }
.indice{z-index: 999; display: block; background-color: rgba(51,51,51, 0.9); }
.indice2{z-index: 999; display: block; background-color: rgba(54,169,225, 0.8); }
.titular_noticia a{ font-size: 20px;  font-family: 'ralewayregular';  color:#fff;  }
.titular_noticia a:hover{ color:#ddd;}
.titular_noticia {  text-align: center; margin-bottom: 0px;}

.area_not{ color:#fff; font-size: 25px; margin-bottom: 0px; line-height: 100%;}
.bloque_not{ background-color: #000; padding-left: 0px;    padding-right: 0px; display: block;}
.bloque_not img{ opacity: 0.6;}
.bloque_not a:hover img {
    opacity: 0.2;
    transition: all 2s ease 150ms;
}
.texto_not h3{ position: absolute; margin-top: 0px;  color:#ffffff;  display: inline-block;   font-size: 35px;    left: 20%;   right: 0;   top: 55%;  line-height: 80%!important;     text-shadow: 1px 1px white, -1px -1px #333;    }

.grande{ font-size: 40px; line-height: 80%!important;}


/*-----   -------*/
.ver_ficha {
    margin-top: 10px;
    border-radius: 7px;
    color: #fff;
    display: block;
    font-size: 11px;
    text-align: center;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.ver_ficha a {
    background-color: #ff9326;
    border-radius: 7px;
    color: #fff !important;
    display: block;
    padding: 5px;
}
.ver_ficha a:hover {
    background-color: #f97c00;
    color: #fff !important;
    display: block;
}




/*----- noticias -------*/
.zona_noticias{  margin-top: 40px; margin-bottom: 10px;}
.zona_tit_not{ border-bottom: 1px solid #ccc; margin-bottom: 10px;}
.titular_not{
    font-size: 25px;
    text-transform: uppercase;
    font-family: 'abelregular';
    color:#000;
    padding: 0px;
    margin-top: 0px;
}
.ver_todas{
    padding-right: 0px; 
    float:right;
    display: block;
}
.ver_todas a{
    font-size: 14px;
    background-color: #ff9326;
    font-family: 'abelregular';
    color:#fff;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    float:right;

}
.ver_todas a:hover{
    font-size: 14px;
    background-color: #333;

}
.caja_noticia{ margin-top: 10px;}
.datos_not{  font-size: 14px;  }
.titulo_not { color: #000; font-size: 20px; font-family: 'abelregular'; padding:0px; margin: 0px; padding-bottom: 8px;}
.titulo_not a { color: #000; }
.titulo_not a:hover{ color: #333; }
.fecha_not{ text-transform: uppercase; color:#ff9326; font-size: 11px; padding:0px; }
.desarrollo_not{ padding-left:0px;}

@media only screen and (max-width: 959px) {

}

@media only screen and (min-width: 768px) and (max-width: 959px) {

}

@media only screen and (max-width: 767px) {

}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .deseo {    font-size: 18px;}
    .grande {    font-size: 20px;}
    .texto_not h3 {    top: 37%;}
    .caja_areas{
        padding-bottom: 0px;
        padding-top: 0px;
    }
    .relleno_cajas{ 
        padding-bottom: 10px;
        padding-top: 10px;
    }
}

@media only screen and (max-width: 479px) {
    .deseo {    font-size: 18px;}
    .grande {    font-size: 20px;}
    .texto_not h3 {    top: 37%;}
    .caja_areas{
        padding-bottom: 0px;
        padding-top: 0px;
    }
    .relleno_cajas{ 
        padding-bottom: 10px;
        padding-top: 10px;
    }
}

