body
{
    border: 0;
    margin: 0px;
    padding: 0px;
    color: #444444;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 62.5%;
    line-height: 1;
}
h4
{
    font-family: Calibri;
    font-size: 12px;
    color: rgb(190,73,70);
    margin-bottom: 2px;
}
div, td, span
{
    font-family: 'lucida grande' ,tahoma,verdana,arial,sans-serif;
    font-size: 11px;
}

a
{
    text-decoration: none !important;
    color: rgb(75,172,198);
}

a:hover
{
    text-decoration: underline;
    color: rgb(190,73,70);
}

a:active
{
    color: #555555;
}

.lnkInstalado
{
    color: #333333;
    position: relative;
    text-decoration: none;
    border: none;
    vertical-align: middle;
    font-size: 11px;
    font-family: Calibri;
}

.lnk, .lkn2
{
    color: #334433;
    position: relative;
    text-decoration: none;
    border-bottom: 1px dotted #000;
    vertical-align: middle;
    font-size: 11px;
    font-family: Calibri;
}

.lkn2
{
    top: 5px;
    left: 3px;
}



.lnk:hover
{
    color: rgb(190,73,70);
    text-decoration: none;
    border-bottom: 1px dotted rgb(190,73,70);
}

.lnk:active
{
    color: #555555;
}

p
{
    line-height: 1.6em;
    font-family: Tahoma,Geneva,Arial,Helvetica,Sans-serif;
    font-size: 12px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
/*Contenido*/

.page
{
    width: 960px;
    background-color: #fff;
    margin: 5px auto 0px auto;
    border: 1px solid #ffffff;
}


/*CABECERA 273B4F 4b6c9e*/

.headerxy
{
    background-image: url('img/background_stripes.gif');
    height: 60px;
    top: 0px;
    left: 0px;
    border: 0;
    width: 100%;
    color: #333;
    min-width: 960px;
}

.headerxy #headerxylogin
{
    border-color: #A8A8A8;
    border-style: solid;
    border-width: 0;
    height: 40px;
    padding: 5px;
    position: absolute;
    top: 0;
    right: 25px;
}

.headerxy #headerxylogin ul
{
    display: inline-block;
    padding-left: 15px;
}

.headerxy #headerxylogin ul li
{
    display: list-item;
}


.headerxy #headerxyimgLogo
{
    top: 1px;
    left: 0;
    position: absolute;
    width: auto;
    border: 0;
}

.headerxy #headerxytitulo
{
    background-color: Transparent;
    top: 15px;
    left: 10px;
    position: absolute;
    vertical-align: middle;
}

h1.underline
{
    top: 0;
    background: url(img/h1-underline.png) bottom left no-repeat;
    font-family: georgia, "times new roman" , times, serif;
    font-weight: lighter;
}
.headerxy #headerxytitulo p
{
    font-family: "trebuchet ms" , verdana, sans-serif;
    font-size: 0.9em;
    line-height: 2px;
}

/*User-login.gif*/
.headerxy #headerxyloginsession
{
    position: absolute;
    padding: 5px;
    color: #9DA0A4;
    font-size: 10pt;
    font-family: Verdana;
    background-repeat: no-repeat;
    background-position: 10px 50%;
    padding-left: 40px;
    background-color: #fff;
    border: 1px solid #DDDDDD;
    background-image: url(img/User-login.gif);
    width: 250px;
    text-align: left;
    height: 25px;
    vertical-align: middle;
    padding-top: 8px;
    top: 10px;
    right: 5px;
    display: none;
}

.logOutBotton
{
    float: right;
    cursor: pointer;
    margin-right: 5px;
    margin-top: -2px;
}

/*pie de pagina 273B4F  #BCD33F #E74C3C*/
.footerx
{
    background-color: #E5E4E4;
    box-shadow: 0.5px 0 8px 0 #9C9C9C;
    height: 30px;
    left: 0;
    position: fixed;
    bottom: 0px;
    top: auto;
    width: 100%;
    z-index: 10;
    text-align: right;
}

.footerx #empmarca
{
    left: 10px;
    position: absolute;
    bottom: 6px;
    font-size: 11px;
}

.footerx ul
{
    padding: 0 10px 0 0;
    height: 15px;
    float: right;
    width: auto;
}
.footerx ul li
{
    display: inline;
    float: left;
    padding-right: 10px;
}

.footerx ul li a
{
    color: #A8A8A8;
    font-size: 8pt;
    overflow: hidden;
    bottom: 7px;
    display: none;
    border-right: 1px dotted #555;
    padding-right: 10px;
}
.footerx ul li a:hover
{
    color: #DE7227;
    cursor: pointer;
}

/* TAB MENU   */

.lineMenu
{
    background-color: #465c71;
    border: 0;
    width: 100%;
    margin: 0px;
    height: 2px;
}

.nav-container
{
    width: 100%;
    background-color: #465c71;
}
.f-nav
{
    z-index: 9999;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
}

.menu ul
{
    font-family: status-bar;
    font-size: 11px;
    list-style: none;
    width: auto;
    color: #fff;
    border: 0;
}

.level2
{
    padding-bottom: 1px;
    padding-top: 1px;
}

.menu ul li a, .menu ul li a:visited
{
    font-family: Calibri;
    font-size: 11.5 px;
    border: 0;
    color: #fff;
    display: block;
    padding: 3px 20px 2px 20px;
    text-decoration: none;
    line-height: 1.35em;
    white-space: nowrap;
    background-color: #465c71;
}

.menu ul li a:hover
{
    cursor: pointer;
    color: #BE4946;
    background-color: #D9D9D9;
}

.menu ul li a:active
{
    background-color: #465c71;
    color: #fff;
    text-decoration: none;
}

/* FORMX ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    margin: 1em 0px;
    padding: 1em;
    width: auto;
    text-align: left;
    border-width: 1px;
    border-color: #ccc;
    border-style: dotted;
}

legend span, legend .Label
{
    font-family: Verdana;
    font-size: 11px;
    padding-left: 2px;
    text-transform: capitalize;
    background-color: Transparent;
    border: none;
    color: teal;
}


.dropdowchks
{
    text-transform: none;
    border: 1px solid #ccc;
    height: 18px;
    padding: 1px;
    background-color: #fff;
    outline: 0;
    font-family: 'lucida grande' ,tahoma,verdana,arial,sans-serif;
    font-size: 8px;
    resize: none;
    color: #333;
    padding-left: 2px;
}

input[type="text"], input[type="password"], textarea
{
    text-transform: uppercase;
    border: 1px solid #ccc;
    background-color: #fff;
    outline: 0;
    font-family: 'lucida grande' ,tahoma,verdana,arial,sans-serif;
    font-size: 10px;
    resize: none;
    color: #333;
    padding-left: 2px;
    padding-right: 1px;
    padding-top: 1px;
    padding-bottom: 1px;
}

input[type="text"]:focus, textarea:focus, input[type="password"]:focus
{
    box-shadow: 0 0 5px #4BACC6;
    border: 1px solid #00698C;
    background-color: #FFFFF3;
}

input[type="text"]:disabled, textarea:disabled
{
    color: #333333;
    background-color: Transparent;
}

.fileUpload
{
    text-transform: uppercase;
    border: 1px solid #ccc;
    height: 16px;
    padding: 1px;
    outline: 0;
    font-family: 'lucida grande' ,tahoma,verdana,arial,sans-serif;
    font-size: 10px;
    resize: none;
    color: #333;
    margin-bottom: 0px;
    margin-left: 0px;
}

.textBoxNumbers
{
    text-align: right;
    font-family: 'lucida grande' ,tahoma,verdana,arial,sans-serif;
    font-size: 10px;
    height: 16px;
    padding: 1px;
    color: #333;
}

select
{
    border: 1px solid #ccc;
    color: #333;
    font-family: 'lucida grande' ,tahoma,verdana,arial,sans-serif;
    font-size: 10px;
    padding: 1px;
    height: 20px;
    cursor: pointer;
    text-transform: uppercase;
}

select[disabled]
{
    cursor: auto;
    background-color: Transparent;
}

input[type="checkbox"], input[type="radio"]
{
    font-family: 'lucida grande' ,tahoma,verdana,arial,sans-serif;
    padding: 2px;
    color: #333;
}

.Label
{
    font-family: Calibri;
    font-size: 11px;
    color: #333333;
    text-transform: uppercase;
}

/* Botones 627aac*/

input.nbutton:hover
{
    background-color: #f8f5f5;
    border-color: #3b5998;
    color: #BE4946;
    background-color: #D9D9D9; /*background-image: url('img/background_stripes.gif');*/
}

input.nbutton[disabled]
{
    background-color: #666;
    color: #fff;
}

input.nbutton
{
    background-color: #3a506b;
    border: solid 1px #3b5998;
    color: #fff;
}
input.nbutton
{
    -moz-user-select: none;
    background-image: none;
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    font-size: 11px;
    font-weight: normal;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 3px 12px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    white-space: nowrap;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

input.ebutton
{
    background-color: #3a506b;
    border: solid 1px #3b5998;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
}

input.ebutton:hover
{
    background-color: #f8f5f5;
    border-color: #3b5998;
    color: #BE4946;
    background-color: #D9D9D9;
}
/*Imagenes*/

img
{
    border-width: 0px;
    text-align: center;
}

/* Alertas */
#AvisoScord
{
    z-index: 9000;
    float: left;
    top: 0;
    left: 0;
    background: #FFF9D7;
    width: 100%;
    color: #555;
    font-size: 9pt;
    font-family: Calibri;
    min-height: 20px;
    vertical-align: middle;
    padding: 5px 5px 5px 5px;
    border-bottom: 2px solid #E2C822;
}

#AvisoScord
{
    z-index: 11;
    float: left;
    top: 0;
    left: 0;
    background: #FFF9D7;
    width: 100%;
    color: #555;
    font-size: 9pt;
    font-family: Calibri;
    min-height: 20px;
    vertical-align: middle;
    padding: 5px 5px 5px 5px;
    border-bottom: 2px solid #E2C822;
}

#AvisoScord.fixed
{
    position: fixed;
    top: 0;
}

#AvisoScord span
{
    float: right;
    cursor: pointer;
    color: #333333;
    margin-right: 10px;
}

/* Mensajes*/
.mensaje
{
    color: #BE4946 !important;
    font-size: 12px;
    font-family: Calibri;
    margin-bottom: 2px;
    margin-top: 5px;
    text-transform: capitalize;
    font-weight: bold !important;
}

.msg_error, .msg_warning, .msg_sucess, .msg_info
{
    margin-top: 3px;
    font-size: 10px;
    font-family: Verdana;
    padding-left: 10px;
    padding-right: 10px;
    color: #333333 !important;
}

.msg_error br
{
    margin-bottom: 3px;
}

.msg_error
{
    /* background-color: #ffd7d7;     border: solid 1px #df8f8f; BE4946*/
    margin: 3px 0px;
    background: #fff url(img/nota.gif) center no-repeat;
    background-position: 8px 50%;
    text-align: left;
    overflow: auto;
    width: auto;
    border: solid #df8f8f;
    border-width: .1em .1em .1em .8em;
    padding: .2em .6em 1em 3em;
}

.msg_warning
{
    background-color: #fffbcc;
    border: solid 1px #e6db55;
    background-image: url(img/warn.png);
}

.msg_sucess
{
    background-color: #ECFAE3;
    background-image: url(img/success.png);
    border: solid 1px #5BCF5D;
}

.msg_info
{
    background-color: #dbe3ff;
    border: solid 1px #a2b4ee;
    background-image: url(img/info.png);
}

/*Box Control*/
.sbc_msgbox
{
    color: #555;
    margin-bottom: 2px;
    margin-top: 2px;
    font-size: 9px;
    text-transform: capitalize;
}
.sbc_msgbox .closebutton
{
    width: 12px;
    height: 12px;
    background-image: url(img/controls_close.png);
    background-repeat: no-repeat;
    cursor: pointer;
    float: right;
    margin-top: 2px;
    margin-right: 2px;
}

.sbc_msgbox p
{
    margin: 0;
    padding: 2px;
}

/* success message */
.sbc_msgbox_suc
{
    background: #fff;
    width: 100%;
    color: #555;
    font-size: 10px;
    font-family: Verdana;
    vertical-align: middle;
    padding-top: 3px;
    border: 1px solid #df8f8f;
    border-left-width: .8em;
    margin-left: 1px;
    margin-right: 1px;
    margin-bottom: 5px;
}
.sbc_msgbox_suc p.msgimg
{
}
.sbc_msgbox_suc h4
{
    border-bottom: solid 1px #5BCF5D;
}

/*Tabs*/
ul.tabs
{
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 30px;
    border-bottom: 1px solid #999;
    border-left: 1px solid #999;
    width: 100%;
}
ul.tabs li
{
    float: left;
    margin: 0;
    padding: 0;
    height: 29px;
    line-height: 31px;
    border-left: none;
    margin-bottom: -1px;
    overflow: hidden;
    position: relative;
    border: 1px solid #555;
    background-color: #627aac;
    font-family: verdana;
    font-size: 7pt;
    cursor: pointer;
}

ul.tabs li.activo
{
    background: #ccc;
    border-bottom: 1px solid #fff;
    color: #BE4946 !important;
}

ul.tabs li a
{
    text-decoration: none;
    color: #ffffff;
    display: block;
    font-size: 1.2em;
    padding: 0 7px 3px 7px;
    border: 1px solid #fff;
}

ul.tabs li a:hover
{
    background: #ccc;
    color: #BE4946;
}

ul.tabs li.active, ul.tabs li.active a:hover
{
    background: #ccc;
    border-bottom: 1px solid #fff;
    color: #BE4946;
}



.tab_container
{
    border: 1px solid #999;
    border-top: none;
    overflow: hidden;
    clear: both;
    float: left;
    width: 100%;
    background: #fff;
}
.tab_content
{
    padding: 20px;
    font-size: 1.2em;
}

/*Grid views #627aac 233D61 box-shadow:0 5px 8px rgba(255, 255, 255, 0.2) inset*/

.GrillaCss
{
    border: 1px solid #dcdcdc;
    width: 100%;
}
.GrillaCss th
{
    border: 1px solid #999999;
    background-color: #3a506b;
    color: #fff;
    height: 23px;
    font-family: Calibri;
    font-size: 10px;
    text-transform: uppercase;
    padding-left: 2px;
    font-weight: normal;
}

.GrillaCss td
{
    padding-left: 2px;
    border: 1px solid #DDDDDD;
    white-space: normal;
    font-family: Monaco,Menlo,Consolas, "Courier New" ,monospace;
    font-size: 11px;
    font-weight: normal;
    min-height: 20px;
}

.GrillaCss .alt
{
    background: #fcfcfc;
}

/*captionTable*/
caption
{
    font: italic 11px "Trebuchet MS" , Verdana, Arial, Helvetica, sans-serif;
    text-align: left;
    background-color: #F5F5F5;
    border: 1px solid #777;
    color: #9DA0A4;
    font-size: 8pt;
    font-weight: bold;
    padding: 5px;
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 0px;
    border-bottom: none;
}

.captiontd
{
    font: italic 11px "Trebuchet MS" , Verdana, Arial, Helvetica, sans-serif;
    background-color: #F5F5F5;
    border: 1px solid #DDDDDD;
    color: #9DA0A4;
    font-size: 8pt;
    text-align: left;
}

code
{
    background-color: #F7F7F9;
    border: 1px solid #E1E1E8;
    color: #48484C;
    padding: 2px 4px;
    margin-left: 2px;
}

code, pre
{
    border-radius: 3px 3px 3px 3px;
    color: #333333;
    font-family: Monaco,Menlo,Consolas, "Courier New" ,monospace;
    font-size: 12px;
    padding: 0 3px 2px;
}

/* HR */
hr
{
    background: #cccccc;
    color: #ddd;
    width: auto;
    height: 0.3em;
    border: none;
}
hr.space
{
    background: #222;
    color: #fff;
}

.titulo
{
    background-color: #F7F7F9;
    border: 1px solid #E1E1E8;
    color: #48484C;
    margin-left: 10px;
    top: 10px;
    font-weight: bold;
    font-size: 10pt;
    padding: 5px;
}
/* Ajustar contenido cuando tenga with 100%*/
div .AdjustContent
{
    margin-bottom: 35px;
    padding: 0;
    min-width: 900px;
}


/* Panel deslisable rgb(75,172,198) 302B23*/
.center
{
    margin: 0 auto;
    max-width: 970px;
    min-width: 940px;
    width: 950px;
    overflow: visible;
}

li
{
    list-style: none;
}

.log_hide
{
    border: 0;
    height: 0px;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999999;
    border-left: 0;
}

.log_hide_inner
{
    background-color: #302B23;
    border-bottom: 1px solid #ccc;
}
.log_hide .center
{
    overflow: visible;
    position: relative;
}

.log
{
    background: url("img/log.png") no-repeat;
    outline: medium none;
    height: 20px;
    display: none;
    width: 26px;
}

.log_active
{
    background: url("img/log_close.png") no-repeat;
}

.box_container
{
    display: none;
    padding: 5px;
    color: #8b8b8b;
}

.box_container a
{
    color: #8b8b8b;
}

.clearboth, .clearb
{
    clear: both;
    display: block;
    margin-bottom: 0px;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    width: 100%;
}

.DivShowControl
{
    padding-left: 10px;
    padding-right: 10px;
    background: #fff;
    border: 1px solid #cccccc;
    padding-bottom: 10px;
}

.DivShowHeader
{
    width: 100% - 2px;
    background-color: #F5F5F5;
    border: 1px solid #cccccc;
    font-weight: bold;
    position: relative;
    padding: 2px;
    margin-bottom: -1px;
    height: 18px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.margentd td
{
    height: 29px;
}

.clearb
{
    height: 0px;
}

/* div de varios fines*/
.etiqueta
{
    font-size: 8pt;
    font-weight: bold;
    margin-right: 2px;
    text-transform: uppercase;
    color: #fff;
    margin-left: 2px;
    font-style: italic;
}


.hw
{
    color: #ffffff;
}

/*Tarjeta de cliente f66 1d1d1d*/

.Menu-Box
{
    height: auto;
    width: 100%-1px;
    background: #1d1d1d;
    border: 1px solid #dcdcdc;
    margin-top: 20px;
    overflow: hidden;
}

.Menu-BoxData
{
    width: 300px;
    height: 100px;
    position: fixed;
    bottom: 40px;
    right: 5px;
    color: #A42D19;
    font-size: 11px;
    font-family: Verdana;
    padding-left: 10px;
    border: solid 1px #666666;
    display: none;
    z-index: 1002;
    text-transform: uppercase;
    background-image: url('img/background_stripes.gif');
}

.Menu-BoxData span
{
    font-family: Monaco,Menlo,Consolas, "Courier New" ,monospace;
}

.Menu-CardClose
{
    float: right;
    right: 0;
    top: 0;
    height: 15px;
    width: 15px;
    border: solid 1px #cccccc;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url(img/close2x.png);
    cursor: pointer;
    background-color: #ccc;
}

.Menu-CardCloseT
{
    float: right;
    right: 0;
    top: 0;
    height: 15px;
    width: 15px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url(img/close2x.png);
    cursor: pointer;
}

.Menu-CardMinimize
{
    float: right;
    right: 0;
    top: 0;
    height: 15px;
    width: 15px;
    background-color: #ccc;
    border: solid 1px #cccccc;
    background-repeat: no-repeat;
    background-position: 3px 50%;
    background-image: url(img/minimize.png);
    cursor: pointer;
}

.oculto
{
    display: none;
}

/* Progress update*/
.css-UpdateProgress-ui
{
    overflow: visible;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #222222;
    filter: alpha(opacity=80); /* internet explorer */
    -khtml-opacity: 0.8; /* khtml, version anterior de safari */
    -moz-opacity: 0.8; /* firefox, mozilla, netscape */
    opacity: 0.8; /* safari, chrome, opera */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    display: table;
    height: 100%;
    width: 100%;
    margin: 0;
    z-index: 5000;
    text-align: center;
}

.css-UpdateProgressInt-ui
{
    overflow: visible;
    position: fixed;
    top: 0;
    left: 0;
    display: table;
    height: 100%;
    width: 100%;
    margin: 0;
    z-index: 5000;
    text-align: center;
}


.css-UpdateProgress-img
{
    overflow: visible;
    position: relative;
    margin: 0 auto;
    display: table-cell;
    vertical-align: middle;
    z-index: 5001;
}

.css-UpdateProgress-img
{
    color: #ffffff;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px;
}

/*spam obligatorio*/

.span-oblig
{
    color: #DD1144;
    font-weight: bold;
    font-size: 11pt;
}

/*Modal Popup*/
.css-ModalPoupExtender-ui
{
    background-color: #000;
    filter: alpha(opacity=70); /* internet explorer */
    -khtml-opacity: 0.7; /* khtml, version anterior de safari */
    -moz-opacity: 0.7; /* firefox, mozilla, netscape */
    opacity: 0.7; /* safari, chrome, opera */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    z-index: 9998;
}

.modalPopupPanel
{
    background-color: #FFFFFF;
    border: none; /*-webkit-border-top-left-radius: 8px;     -webkit-border-top-right-radius: 8px;     -moz-border-radius-topleft: 8px;     -moz-border-radius-topright: 8px;     border-top-left-radius: 8px;     border-top-right-radius: 8px;*/ /*-moz-box-shadow: 3px 3px 5px 6px #333;     -webkit-box-shadow: 3px 3px 5px 6px #333;     box-shadow: 3px 3px 5px 6px #333;*/
    border: 5px solid #666666;
    -moz-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;
    -webkit-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;
    box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;
    z-index: 9998;
}

.Content-popup
{
    margin: 5px;
    border: 1px solid #ccc;
    padding: 3px;
}
.header-popup
{
    width: auto;
    background-color: #3a506b;
    border: 1px solid #cccccc;
    font-weight: bold;
    position: relative;
    padding: 2px;
    margin-bottom: -1px;
    height: 18px; /* -webkit-border-top-left-radius: 8px;     -webkit-border-top-right-radius: 8px;     -moz-border-radius-topleft: 8px;     -moz-border-radius-topright: 8px;     border-top-left-radius: 8px;     border-top-right-radius: 8px;*/
}

.css-PopupClose
{
    float: right;
    margin-right: 3px;
    margin-top: 3px;
    top: 8px;
    height: 13px;
    width: 13px;
    background-repeat: no-repeat;
    background-image: url(img/controls_close.png);
    cursor: pointer;
}


.css-PopupTitle
{
    float: left;
    margin-top: 3px;
    top: 8px;
    height: 16px;
    width: 350px;
    color: #ffffff;
    margin-left: 10px;
    text-align: left;
}

/*Modal Popup EC:Web 2DO*/
.modalPopup_ST
{
    width: auto;
    height: auto;
    background-color: #FFFFFF; /*position: absolute;*/
    bottom: 0px;
    left: 0px;
    padding: 2px;
    border: solid 1px #000066;
}

.modalPopupMensaje_ST
{
    width: auto;
    height: auto;
    background-color: #FFFFFF; /*position: absolute;*/
    bottom: 0px;
    left: 0px;
}

.header_ST
{
    background: #627aac;
    color: #fff;
    border-color: #808080 #808080 #ccc;
    border-style: solid;
    border-width: 0px 1px 1px;
    padding: 3px 10px;
}

.close_ST
{
    right: 7px;
    background: url(../../img/sprite.png) no-repeat 0px -300px;
    width: 25px;
    cursor: pointer;
    position: absolute;
    top: 3px;
    height: 15px;
}

.body_ST
{
    background-color: #f2f2f2;
    border-color: #808080;
    border-style: solid;
    border-width: 1px;
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
}

.body_STX
{
    background-color: #f2f2f2;
    border-color: #808080;
    border-style: solid;
    border-width: 1px;
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
}

.Xalerta
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    margin: 3px 0px;
    background: #fff6bf url(img/nota.gif) center no-repeat;
    background-position: 15px 50%;
    text-align: left;
    padding: 5px 5px 5px 45px;
    border: 1px solid #ffd324;
    color: #000000;
}

.XDivBox
{
    text-align: left;
    padding: 5px 3px 5px 3px;
    border: 1px solid #DBDCCD;
    color: #000000;
    background: #F7F9E5;
}

.footer_ST
{
    background-color: #f2f2f2;
    border-color: #808080;
    border-style: none solid;
    border-width: 0px 1px;
    text-align: center;
    padding-bottom: 1px;
    padding-right: 8px;
}

/*Modal Popup EC:Web Temp*/

.modalBackground
{
    background-color: #222222;
    filter: alpha(opacity=80);
    opacity: 0.8;
}
.modalPopup
{
    border-right: #696969 2px solid;
    border-top: #696969 2px solid;
    border-left: #696969 2px solid;
    border-bottom: #696969 2px solid;
    background-color: #ffffff;
}
/*background: #f5f5f5;fff6bf*/
.panel
{
    background-color: #F8F8FF;
    border-bottom: #dcdcdc 1px solid;
    border-left: #dcdcdc 1px solid;
    border-right: #dcdcdc 1px solid;
    border-top: #dcdcdc 1px solid;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.formulario
{
    background-color: #F8F8FF;
    border: #dcdcdc 1px solid;
    padding-left: 5px;
    padding-right: 5px;
    width: auto;
    margin-top: 5px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.formularioTitulo
{
    background-color: #f5f5f5;
    height: 20px;
    border: 0;
    padding: 5px;
}


/* Ajustar contenido cuando tenga with 100%*/
div.AdjustContentMain
{
    margin-bottom: 30px;
    padding: 0;
}

div .AdjustContentMain2
{
    margin-bottom: 30px;
}

.hidden_ST
{
    display: none;
    visibility: visible;
}

.boxMaps
{
    width: 550px;
    height: 400px;
    border: 1px solid #ccc;
    border-left: none;
}

/*Calendarios*/

.cal_AjaxCalendarCss .ajax__calendar_container
{
    background-color: #fff;
    border: solid 1px #666;
    font-size: 8px !important;
}

.cal_AjaxCalendarCss .ajax__calendar_header
{
    background-color: #ffffff;
    margin-bottom: 4px;
    color: rgb(190,73,70);
}

.cal_AjaxCalendarCss .ajax__calendar_title, .cal_AjaxCalendarCss .ajax__calendar_next, .cal_AjaxCalendarCss .ajax__calendar_prev
{
    color: rgb(190,73,70);
    padding-top: 3px;
}

.cal_AjaxCalendarCss .ajax__calendar_body
{
    background-color: #e9e9e9;
    border: solid 1px #cccccc;
}

.cal_AjaxCalendarCss .ajax__calendar_dayname
{
    text-align: center; /* font-weight: bold;*/
    margin-bottom: 4px;
    margin-top: 2px;
}

.cal_AjaxCalendarCss .ajax__calendar_day
{
    text-align: center;
    width: 18px;
}

.cal_AjaxCalendarCss .ajax__calendar_hover .ajax__calendar_day, .cal_AjaxCalendarCss .ajax__calendar_hover .ajax__calendar_month, .cal_AjaxCalendarCss .ajax__calendar_hover .ajax__calendar_year, .cal_AjaxCalendarCss .ajax__calendar_active
{
    color: #fff;
    background-color: #627aac;
}

.cal_AjaxCalendarCss .ajax__calendar_today
{
    /* font-weight: bold;*/
}

.cal_AjaxCalendarCss .ajax__calendar_other
{
    text-decoration: line-through;
    color: rgb(190,73,70);
}


.btnImg
{
    border-style: none;
    border-color: inherit;
    border-width: medium;
    vertical-align: middle;
    text-align: center;
    }

.btnImgPuntos
{
    vertical-align: middle;
    text-align: center;
    border: 1px solid #ccc;
    padding: 2px;
}

/* tooltip base #f66 1d1d1d*/

.tip_xyz
{
    font-family: Calibri;
    font-size: 10px;
    background-color: #fff6bf;
    border: 1px solid #ffd324;
    color: #333;
    display: none;
    padding: 8px;
    position: absolute;
    z-index: 1000;
    text-align: left;
    text-transform: uppercase;
    line-height: 12px;
}

.tip_trigger
{
}

.icon-Question
{
    vertical-align: middle;
    text-align: center;
    border: none;
    cursor: help;
}

div.boxGeneral
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    margin: 3px 0px;
    text-align: left;
    padding: 5px 5px 5px 12px;
    border: 1px solid #DD1144;
    color: #000000;
}

/* Metro Tiles
-------------------------------------------------- */
.atv
{
    color: #BE4946;
    font-family: Calibri;
    font-size: 11px;
    text-transform: uppercase;
}

.titlehr
{
    color: #BE4946;
    font-family: Verdana;
    font-size: 10px;
    text-transform: uppercase;
}
/*
.bg-color-blue
{
    background-color: #0072BC !important;
}
.bg-color-blueDark
{
    background-color: #662D91 !important;
}
.bg-color-green
{
    background-color: #01a31c !important;
}
.bg-color-greenDark
{
    background-color: #008641 !important;
}
.bg-color-red
{
    background-color: #bc1c48 !important;
}
.bg-color-yellow
{
    background-color: #ffc40d !important;
}
.bg-color-orange
{
    background-color: #CD4900 !important;
}
.bg-color-pink
{
    background-color: #c3325f !important;
}
.bg-color-purple
{
    background-color: #603cba !important;
}
.bg-color-darken
{
    background-color: #1c1c1c !important;
}
.bg-color-gray
{
    background-color: #cccccc !important;
}
*/
/*Color de texto
.tcd-azul
{
    color: #0072BC;
}

.tcd-negro
{
    color: #000000;
}

.tcd-rojo
{
    color: #DD1144;
}

.tcd-celeste
{
    color: #24A0DA;
}

.tcd-blanco
{
    color: #ffffff;
}


.str, .atv
{
    color: #DD1144;
    font-family: Calibri;
    font-size: 11px;
    color: #333333;
    text-transform: uppercase;
}

.typ, .atn, .dec, .var
{
    color: teal;
}

.kwd
{
    color: #1E347B;
    font-family: Calibri;
    font-size: 11px;
    color: #333333;
    text-transform: uppercase;
}

.lc1
{
    color: #24A0DA;
}

.pln
{
    color: #48484C;
}
*/

.ttlabel
{
    color: #48484C;
    font-family: Calibri;
    font-size: 11px;
    text-transform: uppercase;
}

/*Contenedores busquedas*/
.bs-docs-example
{
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
    padding: 10px 10px 10px 10px;
    position: relative;
}

ol.linenums li
{
    color: #BEBEC5;
    line-height: 20px;
    padding-left: 12px;
    text-shadow: 0 1px 0 #FFFFFF;
}

.prettyprint.linenums
{
    box-shadow: 40px 0 0 #FBFBFC inset, 41px 0 0 #ECECF0 inset;
}

.bs-docs-example + .prettyprint
{
    margin-top: -15px;
    padding-top: 15px;
}

.prettyprint
{
    background-color: #F7F7F9;
    border: 1px solid #E1E1E8;
    padding-left: 10px;
}

.limpiar
{
    clear: both;
}

.prettyprint-left
{
    padding-bottom: 5px;
    padding-top: 5px;
    width: 100px;
    float: left;
}

.prettyprint-right
{
    padding-bottom: 5px;
    padding-top: 9px;
    float: right;
    padding-right: 10px;
    width: 100px;
    text-align: right;
}

/*ccs para los detalles de puntos DD1144*/
.selectPuntos
{
    border: 1px solid #ccc;
    color: #333;
    font-family: font-family: 'lucida grande' ,tahoma,verdana,arial,sans-serif;
    font-size: 9px !important;
    padding: 0;
    text-transform: uppercase;
    height: 18px;
}

.lnkPaquete
{
    background-color: #F7F7F9;
    border: 1px solid #E1E1E8;
    color: #057D9F;
    padding: 1px 3px 1px 3px;
    margin-bottom: 2px;
    margin-top: 2px;
    margin-left: 2px;
    font-size: 10px;
    font-family: Calibri;
    text-decoration: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}



.lnkPaquete:hover
{
    color: #A42D19;
    text-decoration: none;
    cursor: pointer;
}

.lnkPaquete:active
{
    color: #555555;
}

.boxPuntosHeader
{
    background: none repeat scroll 0 0 #FFF1B5;
    border: 1px solid #2B7625;
}

#loadingMessage
{
    width: 100%;
    height: 100%;
    z-index: 1000;
    background: #ccc;
    top: 0px;
    left: 0px;
    position: absolute;
}

table.radiobutton tr td
{
    border: none !important;
    font-family: Calibri;
    font-size: 10px;
}

/*Botonera #BC3415  #A42D19 1px solid #F17D4D 465c71*/
.css-Botonera
{
    background-color: #F7F7F9;
    border: 1px solid #E1E1E8;
    color: #48484C;
    padding: 2px 4px;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-bottom: 5px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.css-Botonera-white
{
    border: 1px solid #ccc;
    padding: 4px 2px 4px 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-align: left;
    background-color: #fff;
}

.lnkPanel
{
    background-color: #F7F7F9;
    border: 1px solid #E1E1E8;
    color: #057D9F;
    padding: 1px 3px 1px 3px;
    margin-bottom: 2px;
    margin-top: 2px;
    margin-left: 2px;
    font-size: 10px;
    font-family: Calibri;
    text-decoration: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    vertical-align: middle;
    text-align: center;
    border: none;
}



.lnkPanel:hover
{
    color: #A42D19;
    text-decoration: none;
    cursor: pointer;
}

.lnkPanel:active
{
    color: #555555;
}


.aspNetDisabled, .aspNetDisabled:hover
{
    color: #555555;
}

.cssTextGrilla
{
    margin: 0px;
    text-transform: uppercase;
    border: 1px solid #ccc;
    background-color: #fff;
    outline: 0;
    font-family: 'lucida grande' ,tahoma,verdana,arial,sans-serif;
    font-size: 9px;
    resize: none;
    color: #333;
    text-align: right;
}

.GrillaCssPuntos
{
    border: 1px solid #ccc;
    width: 100%;
}
.GrillaCssPuntos th
{
    border: 1px solid #ccc;
    background-image: url('img/background_stripes.gif');
    height: 19px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    text-transform: uppercase;
    padding-left: 2px;
    color: rgb(190,73,70);
}

.GrillaCssPuntos td
{
    border: 1px solid #ccc;
    white-space: normal;
    font-family: Calibri;
    font-size: 9px !important;
    padding: 2px;
}

.color-teal
{
    color: teal;
}

.containerExpandCollapse {
    width:100%;
    border:1px solid #d3d3d3;
}
.containerExpandCollapse div {
    width:100%;
}
.containerExpandCollapse .headerExpandCollapse {
    background-color:#d3d3d3;
    padding: 2px;
    cursor: pointer;
    font-weight: bold;
}
.containerExpandCollapse .contentExpandCollapse {
    display: none;
    padding : 5px;
}