body {
    font-family: 'Lato', sans-serif;
    font-weight: 300;
}

#top-header {
    background: -webkit-linear-gradient(#91a2a9, #6d787d);
    background: -moz-linear-gradient(#91a2a9, #6d787d);
    background: -o-linear-gradient(#91a2a9, #6d787d);
    background: linear-gradient(#91a2a9, #6d787d);
    border-color: #6d787d;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px #6d787d inset, 0 -1px #6d787d inset;
    color: #FFFFFF;
    text-shadow: 0 1px 0 #333333;
    height: 40px;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 100;
}

.width-config {
    width: 960px;
    margin: auto;
}

.color-pd {
    color:#0082A4;
}

#bg {
    border-radius:7px;
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
    width: 500px;
    height: 200px;
    background-color:rgba(75,102,114,0.6);
    margin: auto;
    -webkit-box-shadow: 0 8px 6px -6px black;
    -moz-box-shadow: 0 8px 6px -6px black;
    box-shadow: 0 8px 6px -6px black;
}

#login_bck {
    height: 412px;
    text-align: center;
}

.formulario {
    margin: auto;
    text-align: left;
    color: white;
}

.formulario td {
    padding: 10px;
}

#output_msg {
    padding: 10px;
    font-size: 14px;
}

.cuadro-texto {
    border: 1px solid grey;
    width: 200px;
    padding: 2px;
}

.formulario {
    color:white;
    margin:auto;
    text-align:left;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* Ocultar botón del dialogo de JQUI*/

.no-close .ui-dialog-titlebar-close {
    display: none;
}

.loading-diag .ui-dialog-titlebar-close span {
    background-image: url('../images/loading.gif') !important;
    background-repeat: no-repeat;
}

.loading-diag .ui-dialog-titlebar-close {
    background: none !important;
}

.d-diag {
    text-align: center;
}

.img-lite {
    width: 20px;
}

.hidden {
    display: none;
}

.close {
    cursor: pointer !important;
}

.display-zone {
    margin: 44px 0 0 205px; 
    padding: 2px;
}

#toolbar {
    margin: 0 20px;
    display: none;
}

.add-field, .edit-field {
    padding: 4px 10px; 
    float: left; 
    height: 19px;
    margin: 6px;
}

.move {
    cursor: move !important;
}

.tabla td {
    padding: 5px;
}

.firma, .texto {
    border: 1px solid lightgrey;
    width: 100px;
    text-align: center;
    cursor: move;
    font-weight: bold;
    text-shadow: 0 1px 0 #333333;
    color: white;
    height: 20px;
}

.texto, .e-texto {
    background: rgba(0,88,87,0.6);
    color: white;
}

.firma, .e-firma {
    background: rgba(0,0,255,0.6);
    background-size: 100%;
}

.checkbox {
    border: 1px solid lightgrey;
    text-align: center;
    cursor: move;
    background: url('../images/iconos/checkbox.png') no-repeat center;
    min-width: 20px;
    min-height: 20px;
    width: 24px;
    height: 24px;
    background-size: 100%;
}

.mandatory-check {
    left: -20px !important;
    cursor: pointer !important;
}

.mandatory {
    background: url('../images/iconos/mandatory.png') no-repeat center;
    width: 16px !important;
    height: 16px !important;
    background-size: 100% !important;
}

.no-mandatory {
    background: url('../images/iconos/no-mandatory.png') no-repeat center;
    width: 16px !important;
    height: 16px !important;
    background-size: 100% !important;
}

.ui-resizable-ne, .ui-resizable-nw {
    cursor: pointer;
}

.cwrapper {
    width: 960px; 
    height: 1342px; 
    border: 1px solid black;
    margin: 5px 0;
}

#nav_2 { margin:0px; padding:0px; display:block; }
#nav_2 > li { display: block;
              float: left;
              list-style-type: none;
              position: relative;
              text-align: left;
              z-index: 500;
}
#nav_2 > li:hover ul { display:block; }
#nav_2 li ul { margin:3px 0 0 10px; padding:0px; display:none; text-align: left; position: absolute;width: 200px;}
#nav_2 li ul li { list-style-type:none; margin:0;position: relative;z-index: 300;background-color: #ff9c00;}
#nav_2 li ul li a { display:block; padding:5px 10px; color:white; text-decoration:none;}
#nav_2 li ul li:hover a { background-color:#BDCF00; color: black;}
#nav_2 li span {
    padding: 5px 10px;
    display: inline;
    border: none;
    color: #fff;
    cursor: default;
    font-weight: bold;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-shadow: 1px 1px #666;
    background-color: #ff9c00;
}
#nav_2 p {
    cursor: pointer;
    font-weight: bold;
}

.pagination {
    padding:3px;
    margin:3px;
    text-align:left;
}

.pagination a {
    padding: 2px 5px 2px 5px;
    margin-right: 2px;
    border: 1px solid #ddd;

    text-decoration: none; 
    color: #aaa;
}
.pagination a:hover, .pagination a:active {
    padding: 2px 5px 2px 5px;
    margin-right: 2px;
    border: 1px solid #a0a0a0;
}
.pagination span.current {
    padding: 2px 5px 2px 5px;
    margin-right: 2px;
    border: 1px solid #e0e0e0;
    font-weight: bold;
    background-color: #f0f0f0;
    color: #aaa;
}
.pagination span.disabled {
    padding: 2px 5px 2px 5px;
    margin-right: 2px;
    border: 1px solid #f3f3f3;
    color: #ccc;
}

.tabla-dialogo td {padding: 10px; vertical-align: middle; max-width: 250px;}