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}
@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){
	
}