body {
    text-align: center;
    min-width: 990px;
    background-color: #FFFFFF;
    width: 100%;
    margin: 0px;
    padding: 0px;
    font-family: Trebuchet MS;
    font-size: 12px;
}
#container {    
    width: 100%;
    position: relative;
    margin: 0 auto;
}
/* Cabecera */
#header {
    width: 100%;
    float: left;    
    text-align: center;
    border-bottom: solid 2px #246CAA;
}
#header_elements {
    width: 990px;
    height: 70px;
    margin: 0 auto;
}
#header_elements #logo {    
    float: left;    
    margin-right: 25px;
}
#header_elements #title {    
    float: left;
    text-align: left;
    font-size: 20px;
    color: #246CAA;
    font-weight: bold;
    padding-top: 20px;    
}
#header_elements #icono {
    background-image: url(../img/titpanel.jpg);
    float: right;
    width: 75px;
    height: 34px;
    margin-top: 10px;
}
#header_elements ul {
    margin: 0;
    padding: 8px;
    list-style-type: none;
    float: right;
    font-size: 13px;
    color: #666;
    padding-top: 15px;
}
#header_elements li {
    float: left;
    padding: 10px;
    margin-right: 5px;
}
#header_elements li a {
    color: #265976;
    text-decoration: none;
}
#header_elements li a:hover {
    text-decoration: underline;
}
#header_elements .user {
    background: url(../img/ico_users.gif) no-repeat left center;
}
#header_elements .logout {
    background: url(../img/ico_admin.gif) no-repeat left center;
}
#header_elements span {
    padding-left: 3px;
}
#header_elements #lang_selector {
    float: right;
    margin: 24px 4px 0 5px;
}

/* Contenido central */
#content {
    width: 100%;
    float: left;
    text-align: center;
    background-color: #E9E9E9;
}
#content_elements {
    width: 990px;
    margin: 0 auto;    
}

/* Datos del contenido */
#content_data {
    width: 768px;
    float: right;    
    border: solid 1px #B7B7B7;
    background-color: #FFF;
    margin-top: 20px;
    margin-bottom: 20px;
    .padding-bottom: 15px;
}
#content_data #breadcumb {
    text-align: left;
    font-size: 13px;
    color: #FFF;
    font-weight: bold;
    background-color: #246CAA;
    padding: 8px;
}
#content_data #message {
    margin-right: 17px;
}
#content_data #confirm {
    margin-right: 10px;
    margin-left: 10px;
}

/* Login */
#content_login {
    width: 600px;
    margin-left: 195px;
    .margin-left: 0px;
}
#content_login .login {
    margin: 100px;
    border: solid 1px #BBB;
    background-color: #FFF;
}
#content_login #title {
    text-align: center;
    font-size: 13px;
    color: #FFF;
    font-weight: bold;
    background-color: #246CAA;
    padding: 8px;
}
#content_login #title span {
    background: url(../img/ico_admin_g.gif) no-repeat left center;
    padding: 25px;
}
#content_login fieldset {
    border: none;
    .margin-top: 15px;
}
#content_login fieldset label {
    font-size: 13px;
    color: #265976;
    font-weight: bold;
    float: left;
    text-align: left;
    width: 15px;    
    padding-left: 50px;
}
#content_login fieldset input {
    font-size: 12px;
    border: solid 1px #88878C;
    color: #444;
    text-align: left;    
}
#content_login fieldset input:focus {
    background-color: #FAF9D8;
}
#content_login .intro {
    margin-left: 159px;    
}
#content_login .remember {    
    margin-top: 15px;
}
#content_login .remember a {
    text-decoration: none;
    color: #265976;
}
#content_login .remember a:hover {
    text-decoration: underline;
}

/* Formularios */
#content_data #formdata, #formtab {
    margin-bottom: 15px;
    margin-top: 15px;
    margin-left: 25px;
    width: 665px;
    border: dashed 1px #b7b7b7;
    padding: 10px;
    background-color: #FAFAFA;    
}
#content_data #formdata {
    float: left;
    margin-left: 50px;    
}
#content_data #formdata .label, #formtab .label {
    font-size: 13px;
    color: #265976;
    font-weight: bold;
    padding-left: 10px;
    width: 100px;
    text-align: left;
    display: block;
    padding-top: 5px;
}
#content_data #formdata .label_psw, #formtab .label_psw {
    font-size: 13px;
    color: #265976;
    font-weight: bold;
    padding-left: 50px;
    width: 200px;
    text-align: left;
    display: block;
    padding-top: 5px;
}
#content_data #formdata .sublabel, #formtab .sublabel {
    text-align: left;
    font-size: 13px;
    color: #111111;
    font-weight: bold;
    padding-top: 1px;
    float: left;
    margin-right: 12px;
    margin-left: 3px;
}
#content_data #formdata .subtexto, #formtab .subtexto {
    float: left;
    margin-left: -3px;
    margin-top: 2px;
    margin-right: 5px;
}
#content_data #formdata .lbl_info, #formtab .lbl_info {
    float: left;
    margin-top: 2px;
    margin-left: 5px;
}
#content_data #formdata .lbl_125, #formtab .lbl_125 {
    width: 125px;
}
#content_data #formdata .lbl_150, #formtab .lbl_150 {
    width: 150px;
}
#content_data #formdata .texto, #formtab .texto {
    text-align: left;
    font-size: 13px;
    color: #111111;
    font-weight: bold;
    padding-top: 1px;
    margin-right: 12px;
    margin-left: 3px;
}
#content_data #formdata .dato, #formtab .dato {
    text-align: left;
    font-size: 13px;
    color: #111111;
    font-weight: bold;    
    margin-right: 12px;    
    margin-left: 3px;
    background-color: #FFFFFF;    
    padding: 3px;
    padding-top: 1px;
}
#content_data #formdata input, textarea, select, #formtab input, textarea, select {
    font-size: 12px;
    border: solid 1px #88878C;
    color: #444;
    text-align: left;
    display: block;
    float: left;
    font-family: Trebuchet MS;
}
#content_data #formdata input.no_edit {
    background-color: #eee;
}

#content_data #formdata input:focus, textarea:focus, #formtab input:focus, textarea:focus {
    background-color: #FAF9D8;
}
#content_data #formdata input.no_edit:focus {
    background-color: #eee;
}
#content_data #formdata .checkbox, #formtab .checkbox {
    margin-left: 0px;
    float: left;
    border: none;
}
#content_data #formdata .radio, #formtab .radio {
    margin-left: 0px;
    float: left;
    border: none;
}
#content_data #formdata .select_dia, .select_mes, #formtab .select_dia, .select_mes {
    float: left;
    margin-right: 5px;
}
#content_data #formdata .link_file, #formtab .link_file {
    float: left;
    margin-right: 10px;
    color: #32759B;
    font-size: 13px;
    text-decoration: none;
    font-weight: normal;
}
#content_data #formdata .link_file:hover, #formtab .link_file:hover {
    text-decoration: underline;
}
#content_data #formdata .content_tab, #formtab .content_tab {
    border: solid 1px #BBB;
    background-color: #FFF;
    float: left;
    width: 625px;
    padding-top: 10px;
    padding-bottom: 10px;    
}
#content_data #formdata .caption {
    font-size: 12px;
    font-weight: bold;
    border: solid 1px #b7b7b7;
    background-color: #E1EEF7;
    color: #111111;
    text-align: left;        
    font-family: Trebuchet MS;
    margin: 4px;
    padding: 2px;    
}
#content_data .button {    
    margin-left: 350px;    
    margin-bottom: 15px;
}
#content_data .required {
    float: right;
    color: #666;
    font-size: 13px;
}
#content_data img {
    float: left;
    margin-right: 10px;
    border: solid 1px #B7B7B7;
}

/* multicolumna */
#content_data #formdata .multicol {
    text-align: left;
}
#content_data #formdata .titulo {
    font-size: 13px;
    color: #265976;
    font-weight: bold;
}

.len_50 {
    width: 50px;
}
.len_100 {
    width: 100px;
}
.len_150 {
    width: 150px;
}
.len_200 {
    width: 200px;
}
.len_300 {
    width: 300px;
}
.len_450 {
    width: 450px;
}
.psw {
    margin-right: 200px;
}
.tbl_info {
    float: left;
}
#opt_destino_1 {
    float: left;
}
#opt_destino_2 {
    float: left;
}
.link_rec {
    color: #0383d3;
    font-size: 13px;
}

/* Frames */
.frame {
    border: none;
    width: 780px;
    height: 450px;
    float: left;
    overflow: hidden;
}
#frame_content {
    width: 100%;
    float: left;
    text-align: center;
    background-color: #FFFFFF;
}
#frame_content_elements {
    width: 750px;
    margin: 0 auto;
    .float: left;
}
.frame_data {    
    margin-right: 100px;    
}

/* buscador */
#content_data #search {
    width: 735px;
    border-bottom: dashed 1px #B7B7B7;
    float: left;
    margin-left: 15px;
    margin-bottom: 5px;
    .margin-bottom: -5px;
    font-size: 13px;
    color: #265976;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;       
}
#content_data #search input {
    font-size: 13px;
    border: solid 1px #88878C;
    color: #444;
}
#content_data #search input:focus {
    background-color: #FAF8CC;
}
#content_data #search .lbl_search {
    text-align: left;
}
#content_data #search .txt_search {
    text-align: left;
}

/* botones acciones */
#content_data #buttons {
    width: 735px;
    padding: 15px;
    .margin-bottom: -35px;    
}
#content_data #buttons .num_rows {
    float: right;
    color: #666;
    font-size: 13px;
}
#content_data #buttons .divider {
    width: 2px;
    float: left;
    padding: 1px;
}
#content_data #buttons .tab_buttons {
    width: 690px;    
}
#content_data #buttons .tab_num_rows {
    float: right;
    color: #666;
    font-size: 13px;
    margin-right: 50px;
}

/* Datagrid */
#datagrid {
    float: left;
    width: 735px;
    margin-top: 10px;
    margin-left: 15px;
}
#tabgrid {    
    width: 690px;
    margin-bottom: 15px;
    margin-top: 10px;
    .margin-top: 30px;
    margin-left: 15px;
    .margin-left: 0px;
}
#datagrid, #tabgrid {           
    border: solid 1px #B7B7B7;
    border-bottom: none;
    border-spacing: 0px;
}
#datagrid thead, #tabgrid thead {
    background-color: #E1EEF7;
    font-size: 13px;
    height: 25px;    
}
#datagrid th, #tabgrid th {
    border-bottom: solid 1px #B7B7B7;
    border-left: solid 1px #B7B7B7;    
}
#datagrid tbody tr:hover, #tabgrid tbody tr:hover {
    background-color: #FAF9D8;
}
#datagrid td, #tabgrid td {
    border-bottom: solid 1px #B7B7B7;
    border-left: solid 1px #B7B7B7;
    font-size: 13px;
    color: #111;
    height: 20px;
}
#datagrid td a, #tabgrid td a {
    text-decoration: none;
    color: #265976;
}
#datagrid td a:hover, #tabgrid td a:hover {
    text-decoration: underline;    
}
#datagrid .first, #tabgrid .first {
    border-left: none;
}
#datagrid .hidden_div, #tabgrid .hidden_div {
    height: 0px;
    padding: 0px;
    border-bottom: none;
}
#datagrid .link_rec, #tabgrid .link_rec {
    color: #0383d3;
    font-weight: bold;
}
.extra_info {
    border-top: solid 1px #B7B7B7;
    border-right: solid 1px #B7B7B7;
}
.extra_info th {
    height: 5px;    
    font-size: 12px;
}
.extra_info td {
    height: 5px;
    font-size: 12px;
    background-color: #FFFFFF;
}


/* Paginación datagrid */
#pager {
    float: left;
    width: 735px;
    margin-top: 10px;
    margin-left: 15px;
    margin-bottom: 10px;

}
#pager .current {
    float: left;
    color: #666;
    font-size: 13px;
    padding-bottom: 5px;
}
#pager .pages {
    float: right;
    font-size: 12px;    
}
#pager .pages span {
    border: solid 1px #B7B7B7;
    padding-left: 3px;
    padding-right: 3px;
    font-weight: bold;
    background-color: #CCC;
}
#pager .pages a {
    border: solid 1px #D7D7D7;
    padding-left: 3px;
    padding-right: 3px;
    text-decoration: none;
    color: #265976;
}
#pager .pages a:hover {
    background-color: #E1EEF7;
}
#pager #rows_page {
    clear: both;
    margin-right: 5px;
}
#pager .text {
    float: left;
    color: #666;
    font-size: 13px;
}

/* Menú izquierdo */
#menu {
    width: 208px;
    float: left;
    padding: 10px;
    padding-left: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
}
#menu ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: left;
    border: solid 1px #B7B7B7;
    background-color: #FFF;
    margin-bottom: 10px;
}
#menu ul .title {
    text-align: center;
    border-bottom: solid 1px #B7B7B7;
    font-size: 13px;
    color: #FFF;
    font-weight: bold;
    background-color: #246CAA;
    padding: 4px;    
}
#menu li {
    border-bottom: dashed 1px #B7B7B7;
    font-size: 13px;
    padding: 4px;   
}
#menu li a {
    text-decoration: none;
    color: #444;    
}
#menu li a:hover {
    color: #32759B;
}
#menu li:hover {
    background-color: #FAF9D8;
}
#menu ul:hover .title {
    background-color: #246CAA;
}
#menu ul .last {
    border-bottom: none;
}

/* Pie de página */
#footer {    
    width: 100%;
    clear: both;
    text-align: center;
    border-top: solid 2px #246CAA;
}
#footer_elements {
    width: 990px;
    margin: 0 auto;
    font-size: 13px;
    color: #777777;    
    margin-top: 2px;
    margin-bottom: 10px;
}
#footer_elements table {
    width: 100%;
}
#footer_elements .name {
    font-weight: bold;
}
#footer a {
    color: #32759B;
    text-decoration: none;
}
#footer a:hover {
    text-decoration: underline;
}

/* Mensajes */
.error_message {
    margin-top: 15px;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 5px;
    padding: 10px;
    font-size: 14px;
    border: solid 1px #B7B7B7;
    background-color: #FAF9D8;
    color: #D33929;
}
.error_message.ups {
    text-align: left;
    width: 650px;
    margin-bottom: 20px;
    margin-left: 50px;    
}
.error_message.big {
    font-size: 18px;
}
#message_ups {
    display: none;
}
#message_zeleris {
    display: none;
}
#message_tnt {
    display: none;
}
#message_envialia {
    display: none;
}
#message_seur {
    display: none;
}
.confirm_message {
    margin-top: 35px;
    margin-left: 35px;
    margin-right: 35px;
    margin-bottom: 25px;
    padding: 25px 45px;
    font-size: 19px;
    border: dashed 1px #ddd;
    background-color: #f9f9f9;
    color: #246CAA;    
    line-height: 19px;
    text-align: left;
}




.info_message {
    margin-top: 15px;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 5px;
    padding: 10px;
    font-size: 13px;
    background-color: #FFF;
    text-align: justify;
}

/* Botones */
.btn_100 {
    display: block;
    width: 80px;
    font-size: 13px;
    border: solid 1px #002379;
    color: #333;
    cursor: pointer;
    height: 20px;
    background-color: #E1EEF7;
    font-weight: bold;
    text-decoration: none;
    float: left;
    padding-top: 1px;
    text-align: center;
}
.btn_100:hover {
    background-color: #FAF9D8;
}
.btn_150 {
    display: block;
    width: 100px;
    font-size: 13px;
    border: solid 1px #002379;
    color: #333;
    cursor: pointer;
    height: 20px;
    background-color: #E1EEF7;
    font-weight: bold;
    text-decoration: none;
    float: left;
    padding-top: 1px;
    text-align: center;
}
.btn_150:hover {
    background-color: #FAF9D8;
}
.btn_200 {
    display: block;
    width: 120px;
    font-size: 13px;
    border: solid 1px #002379;
    color: #333;
    cursor: pointer;
    height: 20px;
    background-color: #E1EEF7;
    font-weight: bold;
    text-decoration: none;
    float: left;
    padding-top: 1px;
}
.btn_200:hover {
    background-color: #FAF9D8;
}
.btn_200g {
    width: 150px;
}
.btn_divider {
    margin-left: 5px;
}
.btn_divider_r {
    margin-right: 5px;
}
.btn_tab {
    float: none;   
}
.btn_dialog {
    margin-left: 450px;
}
.btn_dialog_doc {
    width: 175px;
    margin-left: 390px;
    margin-top: 15px;
    padding-top: 2px;
}
.btn_dialog_print {
    margin-top: 15px;    
    margin-right: -100px;
}


.enter {
    background: url(../img/ico_login.gif) no-repeat left center;
    padding-left: 20px;
}
.new {
    background: url(../img/ico_new.gif) no-repeat left center;
    padding-left: 20px;
}
.delete {
    background: url(../img/ico_delete.gif) no-repeat left center;
    padding-left: 20px;
}
.search {
    background: url(../img/ico_search.gif) no-repeat left center;
    padding-left: 20px;
}
.back {
    background: url(../img/ico_back.gif) no-repeat left center;
    padding-left: 20px;
}
.save {
    background: url(../img/ico_save.gif) no-repeat left center;
    padding-left: 20px;
}
.change {
    background: url(../img/ico_puntos.gif) no-repeat left center;
    padding-left: 20px;
}
.print {
    background: url(../img/ico_print.gif) no-repeat left center;
    padding-left: 20px;
}
.print_label {
    background: url(../img/ico_label.gif) no-repeat left center;
    padding-left: 20px;
}
.proces {
    background: url(../img/ico_proces.gif) no-repeat left center;
    padding-left: 20px;
}
.send {
    background: url(../img/ico_send.gif) no-repeat left center;
    padding-left: 20px;
}
.mail {
    background: url(../img/ico_mail.png) no-repeat left center;
    padding-left: 20px;
}

/* Elementos para solventar bug AJAX */
#jxDiv {
    width: 690px;
    margin-right: -50px;
    padding-right: -50px;    
}
#jxFormGrid {
    .margin-left: -35px;
}
/* loading AJAX */
.jx_loading {
    background: url(../img/loading.gif) no-repeat left top;
    display: block;
    width: 460px;
    height: 40px;
    padding: 6px;
    padding-left: 50px;
    margin: 20px;
    margin-left: 225px;
    font-weight: bold;
    text-align: left;
}

/* errores importacion */
.line_header {
    float: left;
    display: block;
    font-weight: bold;
    background-color: #E9E9E9;
    width: 730px;
    margin-left: 15px;
    padding: 3px;
    text-align: left;
    font-size: 13px;
}
.line_errors {    
    display: block;
    margin-left: 15px;
    padding: 3px;
    text-align: left;
    width: 730px;
    font-size: 13px;
}

/* Seleccion servicios */
#selector, #selector_prov {
    margin-left: 125px;
    display: block;
    border-top: 1px dashed #444444;
    border-bottom: 1px dashed #444444;
    padding-top: 5px;
}
#selector .chk, #selector_prov .chk {
    width: 500px;    
    height: 8px;
}

/* Estilos adicionales */
.right {
    float: right;
}
.clear {
    clear: both;
}
.left {
    float: left;
}
.texto_info {
    font-size: 13px;
    color: #111111;
}
#tbl_recogida {
    margin-bottom: 10px;
    display: none;
}

.col_icono_pdf {
    width: 18px;
    height: 28px;
    background-image: url(../img/ico_pdf.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    display: block;
    margin: 0 auto;
    margin-top: -2px;
    margin-bottom: -2px;
}


.track_1 {
    background-color: #edf1b5;
}
.track_2 {
    background-color: #ef9d9d;
}
.track_3 {
    background-color: #97e0ab;
}

.ico_delete {
    background: url(../img/ico_delete.gif) no-repeat center center;
    width: 20px;
    height: 20px;
    cursor: pointer;
}
.ico_ok {
    background: url(../img/action_check.gif) no-repeat center center;
    width: 20px;
    height: 20px;    
}