img.opacity{opacity:1; filter:alpha(opacity=100)}
img.opacity:hover{opacity:0.8; filter:alpha(opacity=80)}
a{
    color: #006944;
    text-decoration: none;
}
a:hover{
    color: #006944;
    text-decoration: underline;
}
li{
    padding-bottom: 3px;
}
/*-----------------lector-----------------*/
.lector_error{
    font-size: 21px;
    font-weight: bold;
    text-align:center;
    padding-top: 140px;
}
/*-----------------main-----------------*/
.main{ -webkit-animation:fadein 4s; /* Safari,Chrome and Opera >12.1 */ -moz-animation:fadein 4s; /* Firefox <16 */ -ms-animation:fadein 4s; /* Internet Explorer */ -o-animation:fadein 4s; /* Opera <12.1 */ animation:fadein 4s}
/*-----------------buscador del editor -----------------*/
.sugerencia {
    cursor: pointer;
    padding: 0px;
    padding-bottom: 2px;
    padding-left: 10px;
    margin: 1px;
    font-size: 14px;
}
.sugerencia:hover {
    text-decoration: underline;
}
#sugerencias{
    border: 1px solid #ccc; /* Color fris */
    border-radius: 5px; /* Bordes redondeados */
    padding: 0px; /* Espaciado interno opcional */
    margin-top: 5px;
}



@keyframes fadein{ from{opacity:0}
 to{opacity:1}
}

/* Firefox <16 */
@-moz-keyframes fadein{ from{opacity:0}
 to{opacity:1}
}

/* Safari, Chrome and Opera >12.1 */
@-webkit-keyframes fadein{ from{opacity:0}
 to{opacity:1}
}

/* Internet Explorer */
@-ms-keyframes fadein{ from{opacity:0}
 to{opacity:1}
}

/* Opera <12.1 */
@-o-keyframes fadein{ from{opacity:0}
 to{opacity:1}
}
/* ---------------------------------------------- */
.form-group{padding-bottom: 4px;}
.dataTables_filter .form-control{margin-bottom: 4px;}
/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* Para 960px */
@media only screen and (max-width:960px) and (min-width:821px){

}

/* Para 600px */
@media only screen and (max-width:820px) and (min-width:501px){


}

/* Para 480px */
@media only screen and (max-width:500px) and (min-width:141px){

}

