body{
    background-color: #333366;
    margin: 0px;
    padding: 5px;
    font-family: Arial, Helvetica, sans-serif;
}

.app_icon1 {
    width: 16px;
    height: 16px;
    background-image: url(images/ui-icons_ff6600_256x240.png);
    margin-right: 5px;
}

.app_icon2 {
    width: 16px;
    height: 16px;
    background-image: url(images/ui-icons_f9bd01_256x240.png);
    margin-right: 5px;
}

.app_input_button {
    
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    display: inline-block;
    padding: 3px 10px 3px 10px;
    margin: 0px 10px 0px 0px;
    cursor: pointer;
    text-decoration: none;
}

.app_button {
    
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    display: inline-block;
    padding: 3px 10px 3px 5px;
    margin: 0px 10px 0px 0px;
    cursor: pointer;
    text-decoration: none;
}

.app_button span{

    float: left;
}

.app_button_link {
    
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    display: table-cell;
    padding: 2px 2px 2px 2px;
    margin: 0px 0px 0px 0px;
    cursor: pointer;
    text-decoration: none;
    width: 100%;
    text-align: center;
    vertical-align: middle;
}

.app_button_menu {
    
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 900;
    font-size: 0.8em;
    display: inline-block;
    padding: 3px 5px 3px 0px;
    margin: 0px 0px 0px 0px;
    cursor: pointer;
    text-decoration: none;
    float: right;
    width: 135px;
}

.app_button_menu span{

    float: left;
    display: block;
}

.up1 {
    
    border: 1px solid #ff0000;
    color:#ff0000;
    background-color: #DDDDDD; 
}

.hover1{
    
    border: 1px solid #ff9900;
    color:#ff6600;
    background-color: #EEEEEE;
}

.up2 {
    
    border: 1px solid #666666;
    color:#000000;
    background-color: #DDDDFF;
}

.hover2{
    
    border: 1px solid #666666;
    color:#000000;
    background-color: #6699FF;
}

.up3 {
    
    background-color: #DDDDDD;
    color:#333333;
}

.hover3{
    
   background-color: #FFFFFF;
   color:#333333; 
}

.up4 {
    
    background-color: #DDDDDD;
    color:#0000ff;
}

.hover4{
    
   background-color: #FFFFFF;
   color:#FF9900; 
}

.app_content{
    display: inline-block;
    padding: 5px 5px 5px 0px;
    width: 805px;
    height: 100%;
    position: relative;
}

.app_content #control{
    display: inline-block;
    width: 100%;
    min-height: 550px;
    background-color: #FFFFFF;
}

.app_content_full{
    display: inline-block;
    padding: 5px 5px 5px 5px;
    width: 945px;
    height: 100%;
    position: relative;
}

.app_content_full #control{
    display: inline-block;
    width: 100%;
    min-height: 550px;
    background-color: #FFFFFF;
}

.app_menu {

    padding: 45px 0px 5px 5px;
    display: inline-block;
    width: 140px;
    float: left;
}

.app_menu a{

    margin: 2px 0px 2px 0px;
}

.app_title {

    margin: 0px 0px 0px 0px;
    padding: 10px 0px 1px 10px;
    float: left;
}

.app_title span{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #000000;
    font-weight: bold;
}

.app_subtitle {

    margin: 0px 0px 0px 0px;
    padding: 0px 0px 5px 10px;
    float: left;
    clear: both;
}

.app_subtitle span{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000033;
    font-weight: bold;
}
.app_fecha {

    margin: 20px 0px 0px 0px;
    padding: 0px 10px 5px 0px;
    float: right;
    clear: both;
}

.app_fecha span{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;

}
.app_username {

    margin: 0px 0px 0px 0px;
    padding: 5px 0px 0px 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #000000;
    font-weight: bold;
    float: left;
}

.app_username span{
    float: left;
}

.app_carrera {

    margin: 0px 0px 0px 0px;
    padding: 5px 0px 5px 10px;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
}

.app_carrera span{
    float: left;
}

.app_logoutbtn_bar {

    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.app_logo {
    margin: 10px;
    width: 210px;
    height: 70px;
    background-image: url('images/app_logo1.png');
    float: right;
}

/*Control header*/
#control_header{
    margin: 5px 5px 0px 5px;
    padding: 0px 0px 5px 0px;
    border-bottom: 1px dotted #ff6600;
}

#control_header div#control_l {
    display: inline-block;
    padding: 5px 10px 5px 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    float: left;
}

#control_header div#control_l span{
    float: left;
}

#control_header div#control_d {
    display: inline-block;
    padding: 5px 5px 5px 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    border-left: 1px dotted #ff6600;
}

#control_user_msg{
    margin: 5px 5px 0px 5px;
    padding: 0px 0px 5px 0px;
}

#control_user_msg div#control_msg_alert{
    margin: 10px 10px 10px 10px;
    padding: 10px 10px 10px 10px; 
    border:1px solid #ff0000;
    background-color: #ffeeee;
    font-size: 12px;
    font-weight: bold;
}

#control_user_msg div#control_msg_alert span{
    float: left;
}

#control_user_msg div#control_msg_notice{
    margin: 10px 10px 10px 10px;
    padding: 10px 10px 10px 10px; 
    border:1px solid #0000ff;
    background-color: #eeeeff;
    font-size: 12px;
    font-weight: bold;
}

#control_user_msg div#control_msg_notice span{
    float: left;
}
/*Control footer*/
#control_content{
    margin: 5px 5px 0px 5px;
    padding: 0px 0px 5px 0px;
}

.formulario {
    display: inline-block;
    padding: 5px;
    border: 1px solid #cccccc;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
}

.formulario_title{
    display: inline-block;
    padding: 5px 10px 5px 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    border-bottom: 1px dotted #cccccc;
    font-weight: bold;
    width: 94%;
}

.formulario_field{
    display: inline-block;
    padding: 5px 10px 5px 10px;
    border-bottom: 1px dotted #cccccc;
    width: 94%;
}

.formulario_field_label{
    display: inline-block;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    padding-top: 3px;
    width: 150px;
    text-align: right;
}

.formulario_field_input {
    display: inline-block;
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    margin-left: 10px;
}

.formulario_field_input input{
    
    border: 1px groove #666666;
    height: 22px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    padding: 2px;
}

.formulario_field_buttom {
    display: inline-block;
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    margin-left: 10px;
}

.formulario2 {
    display: inline-block;
    padding: 5px;
    margin-left: 10px;
    margin-right: 10px;
    border: 1px solid #cccccc;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
}

.formulario2_title{
    display: inline-block;
    padding: 5px 10px 5px 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    border-bottom: 1px dotted #cccccc;
    font-weight: bold;
    width: 94%;
}

.formulario2_field{
    display: inline-block;
    padding: 5px 10px 5px 10px;
    border-bottom: 1px dotted #cccccc;
    width: 94%;
}

.formulario2_field_info{
    display: inline-block;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    padding-top: 3px;
}

.formulario2_field_label{
    display: inline-block;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    padding-top: 3px;
    width: 150px;
    text-align: right;
}

.formulario2_field_input {
    display: inline-block;
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    margin-left: 10px;
}

.formulario2_field_input input{
    
    border: 1px groove #666666;
    height: 22px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    padding: 2px;
}

.formulario2_field_buttom {
    display: inline-block;
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    margin-left: 10px;
}

.shadow_in {
    -moz-box-shadow: inset 2px 2px 2px #cccccc;
    -webkit-box-shadow: inset 2px 2px 2px #cccccc;
    box-shadow: inset 2px 2px 2px #cccccc;
}
/*Grillas*/
.app_grid_1{
    border-collapse: collapse;
    border: 1px solid #CCCCCC;
    border-spacing: 0;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}

.app_grid_1 thead {
    
    border-bottom: 1px solid #999999;
    background-color: #EEEEEE;
}

.app_grid_1 tbody {
    
    background-color: #FFFFFF;
}

.app_grid_1 tfoot {
    
    border-top: 1px solid #999999;
    background-color: #EEEEEE;
}

.app_grid_1 th{
    min-width: 50px;
    margin: 2px;
    text-align: center;
    border-color: #CCCCCC;
}

.app_grid_1 td{
    min-width: 50px;
    margin: 2px;
    border-color: #CCCCCC;
}

.app_grid_1 td a{
    
    font-size: 12px;
    
    border: 1px solid #CCCCCC;
}

.algn_center { text-align: center; }
.algn_left { text-align: left; }
.algn_right { text-align: right; }

.app_grid_1_hover{
    
    background-color: #eeeeee;
}

.app_grid_1_up{
    
    background-color: #ffffff;
}

/*Grillas*/
.app_grid_2{
    border-collapse: collapse;
    border: 1px solid #CCCCCC;
    border-spacing: 0;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
}

.app_grid_2 thead {
    
    border-bottom: 1px solid #999999;
    background-color: #EEEEEE;
}

.app_grid_2 tbody {
    
    background-color: #FFFFFF;
}

.app_grid_2 tfoot {
    
    border-top: 1px solid #999999;
    background-color: #EEEEEE;
}

.app_grid_2 th{
    text-align: center;
    border: 1px solid #CCCCCC;
}

.app_grid_2 td{
    border: 1px solid #CCCCCC;
}

.app_grid_2 td a{
    
    font-size: 12px;
    
    border: 1px solid #CCCCCC;
}

.app_grid_2_hover{
    
    background-color: #eeeeee;
}

.app_grid_2_up{
    
    background-color: #ffffff;
}