img.opacity{opacity:1; filter:alpha(opacity=100)}
img.opacity:hover{opacity:0.8; filter:alpha(opacity=80)}
/*-----------------header-----------------*/
/* body{font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif !important; font-size: 95% !important;}
p{font-family: Arial, Helvetica, sans-serif !important;} */
/*-----------------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}
}
.navbar{
    font-size: 120%;
}

/* 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){

}