/*****************************************************************************************************************************************************************************************************
    axGest css
******************************************************************************************************************************************************************************************************/

/*****************************************************************************************************************************************************************************************************/
/* OPEN SANS - Latin */
/*****************************************************************************************************************************************************************************************************/

@font-face {
    font-family: 'Droid Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Droid Sans'), local('DroidSans'), url(http://fonts.gstatic.com/s/droidsans/v6/s-BiyweUPV0v-yRb-cjciPk_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/*****************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************/


/*****************************************************************************************************************************************************************************************************/
/* MENSAJES */
/*****************************************************************************************************************************************************************************************************/


.n_ok {
    background: #F6FFEC;
    border: 1px solid #89B755;
    border-radius: 3px;
    margin: 20px 15px;
    padding: 1px;
}

.n_ok p {
        background: #DFF6C5 url("img/tick.png") no-repeat 4px center;
        color: #496528;
        margin: 0;
        padding: 7px 25px;
}

.n_warning {
    background: #FFF7CE;
    border: 1px solid #D9C65B;
    border-radius: 3px;
    margin: 20px 15px;
    padding: 1px;
}

    .n_warning p {
        background: #FDF0B1 url("img/editar.png") no-repeat 4px center;
        color: #756B30;
        margin: 0;
        padding: 7px 25px;
    }

.n_error {
    background: #FDE4E1;
    border: 1px solid #B16A6C;
    border-radius: 3px;
    margin: 20px 15px;
    padding: 1px;
}

.n_error p {
    background: #F4CAC6 url("img/cross.png") no-repeat 4px center; color: #630E18;
    margin: 0;
    padding: 7px 25px;
}

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins,
kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr,
th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    background: transparent;
}

*, *:after, *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'Segoe UI', sans-serif;
    font-size: 9pt;
}

body {
    /*background: #E5E5E5;*/
    font-family: 'Segoe UI', sans-serif;
    font-size: 9pt;
    background: #a0a0a0; /* url('images/fondo_crm.png') repeat-x left top; /*font-size: 0.75em;    */ /*font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;*/
    margin: 0;
    padding: 2px;
    color: #696969;
    height: 100%; /*overflow: hidden;*/
}

*:focus {
    outline: 0;
}

.header_over {
    position: relative;
    width: 100%;
    z-index: 0;
}

.header_axgest {
    overflow: hidden;
    width: 100%;
    height: 64px;
    border-style: none;
    z-index: 1;
}

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

.page {
    width: 99%;
    height: 100%;
    background-color: #fff;
    margin: 4px auto 0 auto;
    border: 1px solid #0072c6;
}

.pagetable {
    width: 100%;
    background-color: #fff;
    text-align: center;
    border-collapse: collapse; /*white-space: nowrap;*/
}

.header {
    position: relative;
    margin: 0 auto 0 auto;
    padding: 0;
    background: url('images/headerbg.jpg') repeat-x left top;
    width: 100%;
    top: 0;
    left: 0;
    height: 73px;
}

.logo {
    background: url('images/MiniLogo_axGest.png') no-repeat left top;
    height: 34px;
}



#box-wrap {
    position: relative;
    width: 930px;
    margin: 60px auto 0 auto;
    vertical-align: middle;
    background: white;
    padding: 5px;
    -moz-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: 0 0 10px 0 black;
    -webkit-box-shadow: 0 0 10px 0 black;
    box-shadow: 0 0 10px 0 black;
    filter: alpha(opacity=95);
    opacity: 0.95;
    top: 0;
    left: 0;
    height: 320px;
}

#logof2fcrm {
    float: left;
    position: relative;
    width: 250px; /*margin: 60px auto; */
    padding: 18px;
    background: white;
    height: 250px;
}

#controlacceso {
    float: right;
    vertical-align: middle;
    position: relative;
    width: 600px; /*margin: 60px auto; */
    padding: 20px;
    background: white;
    height: 250px;
}

#bg {
    position: fixed;
    top: 0;
    left: 0;
}

.bgwidth {
    width: 100%;
}

.bgheight {
    height: 100%;
}

/*---------------------------------------------------------------------------------------------------*/

div.headseparator {
    background-color: #555555; /* #3a4f63;*/
    width: 100%;
    text-align: left;
    height: 8px;
    position: relative;
    z-index: 100;
}

div.hideSkiplink {
    background-color: #0072c6; /* #3a4f63;*/
    width: 100%;
    text-align: left;
    height: 4px;
    position: relative;
    z-index: 100;
}

div.hideSkiplinkGray {
    background-color: #666666; /* #3a4f63;*/
    vertical-align: middle;
    height: 4px;
    position: relative;
    z-index: 100;
    color: #FFFFFF;
}

.metroblue_separator {
    background-color: #0072c6; /* #3a4f63;*/
    vertical-align: middle;
    height: 2px;
    position: relative;
    z-index: 100;
    color: #FFFFFF;
}

.black_separator {
    background-color: #000000; /* #3a4f63;*/
    vertical-align: middle;
    height: 2px;
    position: relative;
    z-index: 100;
    color: #FFFFFF;
}

.gray_separator {
    background-color: #666666; /* #3a4f63;*/
    vertical-align: middle;
    height: 2px;
    position: relative;
    z-index: 100;
    color: #FFFFFF;
}

.lightgray_separator {
    background-color: rgb(204, 204, 204);
    vertical-align: middle;
    height: 1px;
    position: relative;
    z-index: 100;
    color: rgb(240, 240, 240);
}

.darkgray_separator {
    background-color: #666666;
    vertical-align: middle;
    height: 1px;
    position: relative;
    z-index: 100;
    color: rgb(240, 240, 240);
}

.grayboxed {
    padding: 2px;
    border-top: 1px solid #c0c0c0;
    border-left: 1px solid #c0c0c0;
    border-right: 1px solid #c0c0c0;
    background: #f5f5f5;
}

/*
hr.linea
{
    height: 0px;
    border: solid #2783C0;
    border-width: 1px 0 0 0;
    color: #2783C0;
    width: 100%;
    text-align: center;
}
*/

hr.linea {
    height: 0;
    border: solid #0072c6;
    border-width: 1px 0 0 0;
    color: #0072c6;
    width: 100%;
    text-align: center;
}

hr.graylinea {
    height: 0;
    border: solid #c0c0c0;
    border-width: 1px 0 0 0;
    color: #c0c0c0;
    width: 100%;
    text-align: center;
}

h1 {
    color: #0072c6;
    font-weight: bold;
    font-size: 9pt;
    font-style: italic;
}

h2 {
    color: #0072c6;
    font-weight: bold;
    font-size: 11pt;
    font-style: italic;
}
/*---------------------------------------------------------------------------------------------------------*/

input[type="text"], textarea {
    height: 20px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
    azimuth: display: inline-block;
    line-height: 20px;
    border: 1px solid #cccccc;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

input[type="password"] {
    height: 20px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
    azimuth: display: inline-block;
    line-height: 20px;
    border: 1px solid #cccccc;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

input[type="text"]:focus {
    border: 1px solid;
    border-color: #0072c6;
    /*-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(199, 161, 88, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(199, 161, 88, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(199, 161, 88, 0.6);
    outline: 0; /*outline: thin dotted \9;*/ /* IE6-9 */
    background-color: rgba(250, 225, 0, 0.1);
}

textarea:focus {
    border: 1px solid;
    border-color: #0072c6;
    /*-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(199, 161, 88, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(199, 161, 88, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(199, 161, 88, 0.6);
    outline: 0; /*outline: thin dotted \9;*/ /* IE6-9 */
    background-color: rgba(250, 225, 0, 0.1);
}

input[type="password"]:focus {
    border: 1px solid;
    border-color: #0072c6;
    /*-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(199, 161, 88, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(199, 161, 88, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(199, 161, 88, 0.6);
    outline: 0; /*outline: thin dotted \9; */ /* IE6-9 */
    background-color: rgba(250, 225, 0, 0.1);
}

/*_____________________________________________________________________________*/

input[type="text"]:disabled {
    background-color: #FEF8E4 !important;
    color: #336699 !important;
}

input[type="textarea"]:disabled {
    background-color: #FEF8E4 !important;
    color: #336699 !important;
}

input[type="text"]:read-only {
    background-color: #f0f0f0 !important;
    color: #336699 !important;
}

input[type="textarea"]:read-only {
    background-color: #f0f0f0 !important;
    color: #336699 !important;
}

/*_____________________________________________________________________________*/

input[disabled] {
    background-color: #FEF8E4 !important;
    color: #336699 !important;
}

input[readonly] {
    background-color: #f0f0f0 !important;
    color: #336699 !important;
}

/*_____________________________________________________________________________*/

input[disabled].Resaltar {
    font-weight: bold !important;
}

input[readonly].Resaltar {
    font-weight: bold !important;
}

/*_____________________________________________________________________________*/

input[readonly].yeserror {
    background-color: #f0f0f0 !important;
    color: #A9014B !important;
}

input[readonly].noerror {
    background-color: #f0f0f0 !important;
    color: black !important;
}

.dxeEditArea_axGest.yeserror {
    background-color: #FEF8E4 !important;
    color: #A9014B !important;
}

.dxeEditArea_axGest.noerror {
    background-color: #f0f0f0 !important;
    color: black !important;
}

.emptydatarow {
    display:none!important;
}

/*_____________________________________________________________________________*/

.dxeCaption_axGest {
    color: #0072c6 !important;
}

/*----------------------------------------------------------*/
/* MISC                                                     */
/*----------------------------------------------------------*/

/*--- Botones estilo Office 2010 ---*/

/*csslint unqualified-attributes:false, outline-none:false*/

.button {
    font-size: 95%;
    *font-size: 90%; /*IE 6/7 - To reduce IE's oversized button text*/
    *overflow: visible; /*IE 6/7 - Because of IE's overly large left/right padding on buttons */
    padding: 0.5em 0.5em 0.5em;
    color: #444; /* rgba not supported (IE 8) */
    color: rgba(0, 0, 0, 0.80); /* rgba supported */
    *color: #444; /* IE 6 & 7 */
    border: 0 solid #999; /*IE 6/7/8*/
    border: none rgba(0, 0, 0, 0); /*IE9 + everything else*/
    background-color: #E6E6E6;
    text-decoration: none;
    border-radius: 0;

    /* Transitions */
    -webkit-transition: 0.15s linear -webkit-box-shadow;
    -moz-transition: 0.15s linear -moz-box-shadow;
    -o-transition: 0.15s ease-in-out all;
    transition: 0.15s ease-in-out all;
   
}

    .button-hover,
    .button:hover,
    .button:focus {
        /*
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000',GradientType=0);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(80%, rgba(0,0,0, 0.05)), to(rgba(0,0,0, 0.10)));
        background-image: -webkit-linear-gradient(transparent, rgba(0,0,0, 0.15) 80%, rgba(0,0,0, 0.15));
        background-image: -moz-linear-gradient(top, rgba(0,0,0, 0.05) 80%, rgba(0,0,0, 0.10));
        background-image: -o-linear-gradient(transparent, rgba(0,0,0, 0.05) 80%, rgba(0,0,0, 0.10));
        background-image: linear-gradient(transparent, rgba(0,0,0, 0.05) 80%, rgba(0,0,0, 0.10));
        */
        background-color: #0072c6;
        box-shadow: 0 0 0 2px rgba(0,114,198, 0.95) inset, 0 0 6px rgba(0,114,198, 0.4) inset;
        opacity: 0.75;
        /*
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000',GradientType=0);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(40%, rgba(0,0,0, 0.05)), to(rgba(0,0,0, 0.10)));
        background-image: -webkit-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
        background-image: -moz-linear-gradient(top, rgba(0,0,0, 0.05) 0%, rgba(0,0,0, 0.10));
        background-image: -ms-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
        background-image: -o-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
        background-image: linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
        */
    }

    .button:focus {
        outline: 0;
    }

    .button-active,
    .button:active {
        /*box-shadow: 0 0 0 1px rgba(0,0,0, 0.50) inset, 0 0 4px rgba(0,0,0, 0.80) inset;*/
        position: relative;
        top: 1px;
    }

    .button[disabled],
    .button-disabled,
    .button-disabled:hover,
    .button-disabled:focus,
    .button-disabled:active {
        border: none;
        background-image: none;
        filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
        filter: alpha(opacity=40);
        -khtml-opacity: 0.40;
        -moz-opacity: 0.40;
        opacity: 0.40;
        cursor: not-allowed;
        box-shadow: none;
    }

.button-hidden {
    display: none;
}

/* Firefox: Get rid of the inner focus border */
.button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.button-primary,
.button-selected,
a.button-primary,
a.button-selected {
    background-color: rgb(0, 120, 231);
    color: #fff;
}

/*--- Colores de Botones ---*/

.button[disabled] {
    background-color: transparent;
}

.button.black {
    background-color: #333333;
    color: #fff;
}

.button.gray {
    background-color: #666666;
    color: #fff;
    top: 0;
    left: 0;
}

.button.darkgray {
    background-color: #444444;
    color: #fff; /*height: 20px;*/
}

.button.white {
    background-color: #FFFFFF;
    color: black;
}

.button.lightgray {
    background-color: #f5f5f5;
    color: black;
}

.button.white span {
    color: #666666;
}

.button.red {
    background-color: #e62727;
    color: #fff;
}

.button.orange {
    background-color: #ff5c00;
    color: #fff; /*top: 0px;     left: 0px;*/
}

.button.magenta {
    background-color: #A9014B;
    color: #fff;
}

.button.yellow {
    background-color: #ffb515;
    color: #fff;
}

.button.blue {
    background-color: #00ADEE;
    color: #fff;
    top: 0;
    left: 0;
}

.button.metroblue {
    background-color: #0072c6;
    color: #fff;
    top: 0;
    left: 0;
}

.button.pink {
    background-color: #e22092;
    color: #fff;
}

.button.green {
    background-color: #91bd09;
    color: #fff;
}

.button.darkgreen {
    background-color: #608c00;
    color: #fff;
}

.button.rosy {
    background-color: #F16C7C;
    color: #fff;
}

.button.brown {
    background-color: #804000;
    color: #fff;
}

.button.purple {
    background-color: #800080;
    color: #fff;
}

.button.cyan {
    background-color: #46C7C7;
    color: #fff;
}

.button.gold {
    background-color: #D4A017;
    color: #fff;
}

.button.agregar {
    content: "\f013";
}

.button.acciones {
    background-image: url(img/actions.png);
    background-repeat: no-repeat;
    background-position: center;
}

.button.previous {
    background-image: url(img/previous.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 24px;
    width: 24px;
}

.button.next {
    background-image: url(img/next.png);
    height: 24px;
    width: 24px;
    background-repeat: no-repeat;
    background-position: center;
}

.button.close {
    background-image: url(img/close.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 24px;
    width: 24px;
}

.button.griddetail {
    background-image: url(img/griddetails.png);
    background-repeat: no-repeat;
    background-position: left center;
    height: 28px;
    width: 28px;
    padding: 2px;
    border: 1px solid #c0c0c0;
}

.button.gridrefresh {
    background-image: url(img/gridrefresh.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 28px;
    width: 32px;
    padding: 2px;
    border: 1px solid #c0c0c0;
}

/*-----------------------------------------------------*/
/*--- DropDownlist                                  ---*/

.combos, .combos span {
    display: inline-block;
    border-radius: 0px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

.combos {

    white-space: nowrap;
    line-height: 1.5em;
    position: relative;
    outline: none;
    overflow: visible;
    cursor: pointer;
    border: 1px solid #999;
    border: rgba(0, 0, 0, .2) 1px solid;
    border-bottom: rgba(0, 0, 0, .4) 1px solid;
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    background: -moz-linear-gradient(center top, rgba(255, 255, 255, .1) 0%, rgba(0, 0, 0, .1) 100% );
    background: -webkit-gradient(linear, center bottom, center top, from(rgba(0, 0, 0, .1)), to(rgba(255, 255, 255, .1)));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000')";
    -moz-user-select: none;
    -webkit-user-select: none;
    -khtml-user-select: none; /*margin-bottom:10px;*/

}

    .combos.full, .combos.full span {
        display: block;
    }

    .combos:hover, .combos.hover {
        background: -moz-linear-gradient(center top, rgba(255, 255, 255, .2) 0%, rgba(255, 255, 255, .1) 100%); /* FF3.6 */
        background: -webkit-gradient(linear,center bottom,center top,from(rgba(255, 255, 255, .1)), to(rgba(255, 255, 255, .2))); /* Saf4+, Chrome */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF')"; /* IE8 */
    }

    .combos:active, .combos.active {
        top: 1px;
    }

    .combos span {
        position: relative;
        color: #fff;
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
        border-top: rgba(255, 255, 255, .2) 1px solid;
        padding: 0.6em 1.3em;
        line-height: 1em;
        text-decoration: none;
        text-align: center;
        white-space: nowrap;
    }

    /*--- Tamaños de Botones ---*/
    .combos.small span {
        font-size: 8px;
    }

    .combos.medium span {
        font-size: 10px;
    }

    .combos.large span {
        font-size: 12px;
    }

    /*--- Colores de Combos ---*/

    .combos.black {
        background-color: #333333;
        color: #fff;
    }

    .combos.gray {
        background-color: #666666;
        color: #fff;
    }

    .combos.white {
        background-color: #FFFFFF;
        color: black;
    }

        .combos.white span {
            color: #666666;
        }

    .combos.red {
        background-color: #e62727;
        color: #fff;
    }

    .combos.orange {
        background-color: #ff5c00;
        color: #fff;
    }

    .combos.magenta {
        background-color: #A9014B;
        color: #fff;
    }

    .combos.yellow {
        background-color: #ffb515;
        color: #fff;
    }

    .combos.blue {
        background-color: #00ADEE;
        color: #fff;
    }

    .combos.pink {
        background-color: #e22092;
        color: #fff;
    }

    .combos.green {
        background-color: #91bd09;
        color: #fff;
    }

    .combos.rosy {
        background-color: #F16C7C;
        color: #fff;
    }

    .combos.brown {
        background-color: #804000;
        color: #fff;
    }

    .combos.purple {
        background-color: #800080;
        color: #fff;
    }

    .combos.cyan {
        background-color: #246897;
        color: #fff;
    }

    .combos.gold {
        background-color: #D4A017;
        color: #fff;
    }

/*---- Para las cajas de Errores de Validacion */

/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*---- Propiedades para TinyBox */
/*----------------------------------------------------------------------------------------------------------------------------------------*/

.tbox {
    background: #fff;
    border-color: #0072c6; /*rgba(82, 168, 236, 0.8);*/
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.075), 0 0 8px #0072c6;
    -moz-box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.075), 0 0 8px #0072c6;
    box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.075), 0 0 8px #0072c6;
    outline: 0;
    outline: thin dotted \9;
    position: absolute;
    display: none;
    padding: 4px 4px;
    z-index: 9999999;
}

.tinner {
    border: #ffffff 2px;
    background: #fff url(images/preload.gif) no-repeat 50% 50%;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.tmask {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    /*background: #696969;*/
    background: #666666;
    z-index: 9999998;
}

.tclose {
    position: absolute;
    top: -15px;
    right: -15px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    background: url(images/close.png) no-repeat;
}

    .tclose:hover {
        background-position: 0 -30px;
    }

/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*---- Propiedades para Reloj Polar  */
/*----------------------------------------------------------------------------------------------------------------------------------------*/

.imagenLogo {
    position: absolute;
    z-index: 10;
}

.PolarClock {
    position: absolute;
    width: 250px;
    min-width: 250px;
    height: 250px;
    min-height: 250px;
    border: 1px solid #cac9c9;
    text-align: center;
    background-color: #fff;
}

.txtpolarClock {
    position: absolute;
    width: 250px;
    height: 20px;
    min-height: 20px;
    min-width: 250px;
    text-align: center;
    vertical-align: middle;
    background-color: #e5e2e2;
    border: 1px solid #cac9c9;
    font-size: 12px;
    font-weight: bold;
}

/* Para quitar el mensaje de los Grid cuando no hay lineas
.myEmptyDataRow
{
    display: none;
}
*/

/*----------------------------------------------------------------------------------------------------------------------------------------*/
/* TIMETABLE -----------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------*/

.timetable {
    width: 98%;
    background-color: #fff;
    margin: 0 auto;
    border: 1px solid #496077;
    text-align: center;
    white-space: nowrap;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.timetabletable {
    width: 1250px;
    min-width: 1250px;
    max-width: 1750px;
    border-collapse: collapse;
    margin: 0 auto;
    text-align: center;
}

.timetabletablecelda {
    width: 250px;
    text-align: center;
    vertical-align: top;
}

/*----------------------------------------------------------------------------------------------------------------------------------------*/
/* GRID DIVS -----------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------*/

/*
  Simple Grid
  Learn More - http://dallasbass.com/simple-grid-a-lightweight-responsive-css-grid/
  Project Page - http://thisisdallas.github.com/Simple-Grid/
  Author - Dallas Bass
  Site - dallasbass.com
*/

[class*='col-'] {
    float: left;
    padding-right: 0px; /* column-space */
    min-height: 1px;
}

.grid {
    width: 100%;
    /*max-width: 1140px;*/
    min-width: 755px;
    margin: 0 auto;
    overflow: hidden;
}

    .grid:after {
        content: "";
        display: table;
        clear: both;
    }

.grid-pad {
    padding-top: 5px;
    padding-left: 5px; /* grid-space to left */
    padding-right: 5px; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-20px=0 */
}

.push-right {
    float: right;
}

/* Content Columns */

.col-1-1 {
    width: 100%;
}

.col-2-3, .col-8-12 {
    width: 66.66%;
}

.col-1-2, .col-6-12 {
    width: 50%;
}

.col-1-3, .col-4-12 {
    width: 33.33%;
}

.col-1-4, .col-3-12 {
    width: 25%;
}

.col-1-5 {
    width: 20%;
}

.col-1-6, .col-2-12 {
    width: 16.667%;
}

.col-1-7 {
    width: 14.28%;
}

.col-1-8 {
    width: 12.5%;
}

.col-6-8 {
    width: 75%;
}

.col-3-8 {
    width: 37.5%;
}

.col-1-9 {
    width: 11.1%;
}

.col-1-10 {
    width: 10%;
}

.col-1-11 {
    width: 9.09%;
}

.col-1-12 {
    width: 8.33%;
}

/* Layout Columns */

.col-11-12 {
    width: 91.66%;
}

.col-10-12 {
    width: 83.333%;
}

.col-9-12 {
    width: 75%;
}

.col-5-12 {
    width: 41.66%;
}

.col-7-12 {
    width: 58.33%;
}

/* Pushing blocks */

.push-2-3, .push-8-12 {
    margin-left: 66.66%;
}

.push-1-2, .push-6-12 {
    margin-left: 50%;
}

.push-1-3, .push-4-12 {
    margin-left: 33.33%;
}

.push-1-4, .push-3-12 {
    margin-left: 25%;
}

.push-1-5 {
    margin-left: 20%;
}

.push-1-6, .push-2-12 {
    margin-left: 16.667%;
}

a .push-1-7 {
    margin-left: 14.28%;
}

.push-1-8 {
    margin-left: 12.5%;
}

.push-1-9 {
    margin-left: 11.1%;
}

.push-1-10 {
    margin-left: 10%;
}

.push-1-11 {
    margin-left: 9.09%;
}

.push-1-12 {
    margin-left: 8.33%;
}

.gridwhite {
    background: #ffffff;
}

.gridgray {
    background: rgb(240, 240, 240);
}

.col-caption {
    text-align: right;
    vertical-align: middle;
    color: #336699;
    padding-right: 4px;
    
}

.col-caption_left {
    text-align: left;
    vertical-align: middle;
    color: #336699;
    padding-left: 0px;
}

@media handheld, only screen and (max-width: 767px) {
    .grid {
        width: 100%;
        min-width: 0;
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 20px; /* grid-space to left */
        padding-right: 10px; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-10px=10px */
    }

    [class*='col-'] {
        width: auto;
        float: none;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 10px;
        margin-bottom: 10px;
        padding-left: 0px;
        padding-right: 10px; /* column-space */
    }

    /* Mobile Layout */

    [class*='mobile-col-'] {
        float: left;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 0px;
        margin-bottom: 10px;
        padding-left: 0px;
        padding-right: 10px; /* column-space */
        padding-bottom: 0px;
    }

    .mobile-col-1-1 {
        width: 100%;
    }

    .mobile-col-2-3, .mobile-col-8-12 {
        width: 66.66%;
    }

    .mobile-col-1-2, .mobile-col-6-12 {
        width: 50%;
    }

    .mobile-col-1-3, .mobile-col-4-12 {
        width: 33.33%;
    }

    .mobile-col-1-4, .mobile-col-3-12 {
        width: 25%;
    }

    .mobile-col-1-5 {
        width: 20%;
    }

    .mobile-col-1-6, .mobile-col-2-12 {
        width: 16.667%;
    }

    .mobile-col-1-7 {
        width: 14.28%;
    }

    .mobile-col-1-8 {
        width: 12.5%;
    }

    .mobile-col-1-9 {
        width: 11.1%;
    }

    .mobile-col-1-10 {
        width: 10%;
    }

    .mobile-col-1-11 {
        width: 9.09%;
    }

    .mobile-col-1-12 {
        width: 8.33%;
    }

    /* Layout Columns */

    .mobile-col-11-12 {
        width: 91.66%;
    }

    .mobile-col-10-12 {
        width: 83.333%;
    }

    .mobile-col-9-12 {
        width: 75%;
    }

    .mobile-col-5-12 {
        width: 41.66%;
    }

    .mobile-col-7-12 {
        width: 58.33%;
    }

    .hide-on-mobile {
        display: none !important;
        width: 0;
        height: 0;
    }
}