/*
Inicio config
colorFondo:[>ColorFondo<]; 
colorTexto:White;
Fin config
*/
body
{
    width 100%;
    min-width: 1000px;
    background: #FFFFFF;
    font-size: .80em;
    font-family: "Segoe UI";
    margin: 0px;
    padding: 0px;
    color: #636363;
}

.TituloAplicacion
{
    color: #ef4139;
    padding-top: 5px;
    padding-left: 10px;
}

.page
{
    background-color: #ffffff;
}

.header
{
    margin: 0px;
    padding: 0px;
    background: #ffffff;
    width: 100%;
}

.title
{
    float: left;
    padding-left: 20px;
}

#tablaContenedor
{
    margin-top: 20px;
}

.loginDisplay a:link
{
    color: #000000;
}

.loginDisplay a:visited
{
    color: white;
}



.failureNotification
{
    font-size: 1.2em;
    color: Red;
}

.bold
{
    font-weight: bold;
}

.submitButton
{
    text-align: right;
    padding-right: 10px;
}
.menuHorizontal
{
    background: #4b6c9e;
    border: 0;
}

.tblColasEvaluacion
{
    background-color: #3a4f63;
    width: 100%;
    border: 0;
}

.listadoResultados
{
    background-color: #000000;
    width: 100%;
    border: 0;
}

.filasParesListado
{
    background-color: #cccccc;
}

.filasImparesListado
{
    background-color: #dddddd;
}

.divTableCelda
{
    float: left;
    width: 300px;
    height: 200px;
}
.div-table
{
    display: table;
    width: auto;
    clear: both;
}
.div-table-row
{
    display: table-row;
    width: auto;
    clear: both;
}


*
{
    margin: 0;
    padding: 0;
}

ul
{
    list-style-type: none;
    margin: auto;
}

.listaMenu
{
    float: left;
    font: 14px Segoe UI;
}

.aMenuGrabador
{
    width: 150px;
    padding-top: 12px;
    padding-bottom: 8px;
    text-align: center;
    display: block;
    text-decoration: none;
    color: [>ColorTexto<];
}

.aMenuQM
{
    padding-top: 12px;
    padding-bottom: 8px;
    text-align: center;
    width: 150px;
    display: block;
    text-decoration: none;
    color: [>ColorTexto<];
}
.aMenuQM:hover
{
    color: [>ColorTexto<];
}

.aMenuFormacion
{
    padding-top: 12px;
    padding-bottom: 8px;
    text-align: center;
    width: 150px;
    display: block;
    text-decoration: none;
    color: [>ColorTexto<];
}
.aMenuFormacion:hover
{
    color: [>ColorTexto<];
}

.aMenuCTI
{
    padding-top: 12px;
    padding-bottom: 8px;
    text-align: center;
    width: 150px;
    display: block;
    text-decoration: none;
    color: [>ColorTexto<];
}
.aMenuCTI:hover
{
    color: [>ColorTexto<]; /*color: #7f5948;*/
}
.aMenuVista360
{
    padding-top: 12px;
    padding-bottom: 8px;
    text-align: center;
    width: 150px;
    display: block;
    text-decoration: none;
    color: [>ColorTexto<];
}
.aMenuVista360:hover
{
    color: [>ColorTexto<];
}

.aMenuPlantillas
{
    padding-top: 12px;
    padding-bottom: 8px;
    text-align: center;
    width: 150px;
    display: block;
    text-decoration: none;
    color: [>ColorTexto<];
}
.aMenuPlantillas:hover
{
    color: [>ColorTexto<];
}

.enlaceGrabador
{
    float: left;
    background: url(./img/enlaceGrabador_bg.png) repeat-x 0px 0px;
}
.enlaceGrabador:hover
{
    /*background: url(./img/enlaceGrabador_bg_hover.png) repeat-x 0px 0px;*/
}

.enlaceQM
{
    float: left;
    background: url('./img/enlaceQM_bg.png') repeat-x 0px 0px;
    border-left: solid 0px #000000;
}

.enlaceQM:hover
{
    background: url('./img/enlaceQM_bg_hover.png') repeat-x 0px 0px;
}

.enlaceFormacion
{
    float: left;
    background: url('./img/enlaceFormacion_bg.png') repeat-x 0px 0px;
    border-left: solid 0px #000000;
}
.enlaceFormacion:hover
{
    background: url('./img/enlaceFormacion_bg_hover.png') repeat-x 0px 0px;
}

.enlaceCTI
{
    float: left;
    background: url('./img/enlaceCTI_bg.png') repeat-x 0px 0px;
    border-left: solid 0px #000000;
}

.enlaceCTI:hover
{
    background: url('./img/enlaceCTI_bg_hover.png') repeat-x 0px 0px;
}

.enlaceVista360
{
    float: left;
    background: url('./img/enlaceVista360_bg.png') repeat-x 0px 0px;
    border-left: solid 0px #000000;
}

.enlaceVista360:hover
{
    background: url('./img/enlaceVista360_bg_hover.png') repeat-x 0px 0px;
}

.enlacePlantillas
{
    float: left;
    background: url('./img/enlacePlantillas_bg.png') repeat-x 0px 0px;
    border-left: solid 0px #000000;
}

.enlacePlantillas:hover
{
    background: url('./img/enlacePlantillas_bg_hover.png') repeat-x 0px 0px;
}

.aSubmenu
{
    color: #ffffff;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 10px;
    padding-left: 10px;
    text-decoration: none;
    font-family: "Segoe UI";
    font-size: 12px;
    margin-left: 10px;
    background-color: [>ColorFondo<];
}

.aSubmenu:hover
{
    color: #000000;
    background-color: #ffffff;
}

.ListaCheckBox
{
    /*scrollbar-face-color: [>ColorFondo<];     scrollbar-track-color: #fbc9a1;*/
    background-color: #edf9ff;
}

span
{
    padding: 0px;
}
.divSubMenu
{
    background-color: #ffffff;
    width: 100%;
    height: 25px;
    line-height: 30px; /*clear: both;*/
    color: [>ColorFondo<];
    padding-top: 0px;
    margin-left: 5px;
}

#MainContent_UCFiltradoFechas1_Label2
{
    /*color: White;*/
    margin-right: 5px;
    font-size: larger;
}

#MainContent_UCFiltradoFechas1_Label1
{
    /*color: White;*/
    margin-right: 5px;
    font-size: larger;
}

.colorFondoTema
{
    background: [>ColorFondo<];
    color: [>ColorTexto<];
}

#divDraggable
{
    position: absolute;
}

.divMenuLateral
{
    background-color: [>ColorFondo<]; /*background: url(./img/TituloCentralSB.png) repeat-x 0px 0px;*/
    width: 120px;
    height: 100%;
    line-height: 30px;
    float: none; /*clear: both;*/
    border-bottom-color: [>ColorFondo<];
    border-bottom-width: thin;
    border-bottom-style: solid;
}

.divMenuLateral a
{
    font: 12px Segoe UI;
    text-decoration: none;
    color: #efefef;
    display: block;
    padding: 3px;
}

.divMenuLateral a:hover
{
    background: #636363;
    color: #ffffff;
}

.SubNodoLateral
{
    background-color: #FFFFFF;
    border-left-color: [>ColorFondo<];
    border-right-color: [>ColorFondo<];
    border-left-width: thin;
    border-left-style: solid;
    border-right-width: thin;
    border-right-style: solid;
}
.SubNodoLateral a
{
    font: 12px "Segoe UI";
    color: #636363;
}

.SubNodoLateralSeleccionado
{
    /*background-color: #145c7a;*/
    background-color: [>filaPar<];
    border-left-color: #F4BE95;
    border-right-color: #F4BE95;
    border-left-width: thin;
    border-left-style: solid;
    border-right-width: thin;
    border-right-style: solid;
    color: #ffffff;
}

.SubNodoLateralSeleccionado a
{
    font: 12px Segoe UI;
    color: #636363;
}

.colorLabel
{
    color: [>ColorFondo<];
}

.EstiloTabla
{
    background: #fffff;
    border-style: none;
    border-collapse: collapse;
    color: #636363;
}

.opcMenuSeleccionado
{
    color: [>ColorTexto<];
    font-family: Segoe UI;
    text-decoration: underline;
    font-size: 16px;
}

.HeaderTabla
{
    background: [>ColorFondo<];
    border-style: none;
    color: #FFFFFF;
}

.FilaGridAlterna
{
    background: #EEE;
    font-weight: normal;
    border-style: none;
}


.FilaGrid
{
    background: #FFF;
    font-weight: normal;
    border-style: none;
}

td, th, tr
{
    border-style: none;
    padding: 5px;
}
.style6
{
    width: 320px;
    text-align: right;
}
.nombreInforme
{
    color: [>ColorFondo<];
    font-size: 28px;
    font-weight: lighter;
}

#divMenuDesplegable2
{
    margin-top: 5px;
}

.styleBtn
{
    background-color: [>ColorFondo<];
    color: #FFFFFF;
    border-style: none;
    min-height: 25px;
    padding: 5px 10px 5px 10px;
}
.styleBtn:hover
{
    background: #d56810;
}

.styleMonBtnSmall
{
    background-color: [>ColorFondo<];
    color: #FFFFFF;
    border-style: none;
    min-height: 25px;
    padding: 5px 10px 5px 10px;
}
.styleMonBtnSmall:hover
{
    background: #d56810;
}

.styleBtnSmall
{
    padding: 0px;
    background-color: [>ColorFondo<];
    color: #fff;
    border-style: none;
    min-height: 25px;
}
.styleBtnSmall:hover
{
    background: #636363;
}

/*Nuevo*/
input[type="submit"], input[type="button"]
{
    background-color: [>ColorFondo<];
    color: #ffffff;
    border-style: none;
    min-height: 25px;
    padding: 5px 10px 5px 10px;
}

input[type="submit"]:hover, input[type="button"]:hover
{
    color: White;
    background: #636363;
}

input[type="submit"]:disabled, input[type="button"]:disabled
{
    color: #636363;
    background-color: #B4B4B4;
}

.styleBtnSmall
{
    padding: 0px;
}

.labelNum
{
    color: #904D18;
}

textbox.aspNetDisabled, select.aspNetDisabled, textarea:disabled, input:not([type]):disabled, input[type="color"]:disabled, input[type="date"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="email"]:disabled, input[type="month"]:disabled, input[type="password"]:disabled, input[type="number"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="text"]:disabled, input[type="time"]:disabled, input[type="url"]:disabled, input[type="week"]:disabled
{
    background-color: #EEEEEE;
    border-color: #CCC;
    border-style: solid;
    border-width: thin;
}

#dialogGuardarInforme
{
    background-color: #FFFFFF;
}

.GrupoFiltrado
{
    border: 1px none;
    border-top-style: solid;
    border-top-width: thin;
    border-top-color: [>ColorFondo<];
}

.GrupoFiltrado > legend
{
    margin-left: 10px;
    font-size: 23px;
    color: #636363;
    font-weight: lighter;
}

.GrupoFiltrado_n2
{
    margin-left : 15px;
    border: 1px none;
    border-top-style: solid;
    border-top-width: thin;
    border-top-color:  [>ColorFondo<];
}

.GrupoFiltrado_n2 > legend
{
    margin-left: 10px;
    font-size: 18px;
    color: #636363;
    font-weight: lighter;
}

.footer
{
    margin-bottom: 20px;
}

#divColorFondoTema
{
    /*margin-top: 12px;     height: 20px;*/
}

select, input[text], input[checkbox], input[radio]
{
    font-family: Segoe UI;
    color: #333333;
}

#contenedorLogoCliente
{
    float: right;
    margin-right: 20px;
    height: 50px;
}

option, select
{
    font-family: Segoe UI;
    color: #333333;
}
.cabeceraDialogsTema
{
    background: [>ColorFondo<];
    color: #ffffff;
    font-weight: bold;
}

.tablaAgente table
{
    background: #FFF;
    color: #595959;
    font-weight: normal;
    border-style: none;
    border-collapse: collapse;
}


.tablaAgente th
{
    text-align: left;
    /*height: 20px;*/
    background: #215584;
    font-weight: bold;
    color: #FFFFFF;
    border-style: none;
    /*width: 150px;*/
    border-collapse: collapse;
}

.tablaAgente td
{
    text-align: left;
    vertical-align: bottom;
    font-size: 8pt;
    height: 5px;
    border-style: none;
}

.colTextoPregunta
{
    width: 400px;
}

.tablaAgente input[type="text"]
{
    font-size: 10px;
    /*border: 1px solid #003399;*/
    width: 300px;
}

.filaPar
{
    background-color: [>filaPar<];
    border-style: none;
    cursor: pointer;
}
.filaImpar
{
    background-color: #FFF;
    border-style: none;
    cursor: pointer;
}

.filaCabecera
{
    background-color: [>ColorFondo<];
    color: White;
    font-weight: bold;
    border-style: none;
}

.pagination
{
    height: 36px;
    margin: 18px 0px;
}

.pagination ul
{
    border-radius: 5px 3px 3px 3px;
    box-shadow: O 1px 2px rgba(O, 0, 0, 0.05);
    display: inline-block;
    margin-bottom: 0;
    margin-left: 0;
}

.pagination li
{
    display: inline;
}

.pagination a
{
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-tcp-colors: none;
    border-color: #595959;
    border-style: solid;
    border-width: 1px 1px 1px 0;
    float: left;
    line-height: 34px;
    padding: O 14px;
    text-decoration: none;
}

.pagination a:hover, .pagination .active a
{
    background-color: #B4B4B4;
}

.pagination .active a
{
    color: #999999;
    cursor: default;
}

.paginado
{
    display: inline;
}

.paginado li
{
    margin: 3px;
    display: inline-block;
}

.paginado ul
{
    display: inline-block;
}
.filaParInactiva
{
    color: #595959;
    background-color: [>filaPar<];
}

.filaImparInactiva
{
    color: #595959;
    background-color: #ffffff;
}


.linkDesplegar
{
    text-decoration: none;
    color: [>ColorFondo<];
    background-color: transparent;
}
.celdaPequeña
{
    width:30px;
    height:20px;
    overflow:hidden;
}
.celdaMedia
{
    width:200px;
    height:20px;
    overflow:hidden;
}
.celdaMedia-Grande
{
    width:265px;
    height:20px;
    overflow:hidden;
}
.celdaGrande
{
    width:490px;
    height:20px;
    overflow:hidden;
}

        .menuHorizontalTabs
        {
            margin-bottom: 0px;
            padding: 0px;
        }
        
        .menuHorizontalTabs li
        {
            display: inline;
            list-style-type: none;
            border: 1px solid [>ColorFondo<];
            border-bottom: none;
            padding-top: 5px;
            vertical-align: top;
            height: 25px;
            min-height: 25px;
            padding-bottom: 8px;
        }
        
        .contenedorTabs
        {
            border: 1px solid [>ColorFondo<];
            margin: 0px;
            padding: 0px;
            margin-top: 7px;
        }
        
        .contenedorTabsFieldset
        {
            border: none;
            margin: 0px;
        }
        
        .contenedorTabs li
        {
            list-style-type: none;
        }
        
        .opcionMenuTabsInactiva
        {
            color: #FFFFFF;
            background-color: [>ColorFondo<];
        }
        .opcionMenuTabsInactiva a
        {
            color: #FFFFFF;
        }
        .opcionMenuTabsActiva
        {
            color: [>ColorFondo<];
            background-color: #FFFFFF;
        }
        
        .opcionMenuTabsActiva a
        {
            color: [>ColorFondo<];
        }
        
        .menuHorizontalTabs a
        {
            text-decoration: none;
            cursor: pointer;
            margin: 10px;
        }
        
        .tabNoSeleccionado
        {
            text-decoration: none;
            color: #FFFFFF;
            font-size: 16px;
            font-family: Segoe UI;
        }

        .tabSeleccionado
        {
            color: #FFFFFF;
            font-size: 16px;
            font-family: Segoe UI;
        }

        .fieldsetForm
        {
            border: 1px solid [>ColorFondo<];
            margin: 5px;
            margin-top: 10px;
        }
        
        .fieldsetForm legend
        {
            color: [>ColorFondo<];
            font-weight: bold;
            margin-left: 10px;
        }
        .btnAjustesUsuarioGeneral
        {
            color: #FFFFFF !important;
            background-color: [>ColorFondo<] !important;
        }

        .cabeceraDialogsTemaAjustes
        {
            color: #FFFFFF;
            background-color: [>ColorFondo<];
        }
.fieldsetPestanha
{
    border-color: [>ColorFondo<];
    margin-bottom:10px;
    }
    
.fieldsetPestanha legend
{
    color: [>ColorFondo<];
    font-weight:bold;
    margin-left:5px;
    padding-left:5px;
    padding-right:5px;
}


 #divSubInferiorReproductor
{
    border: 2px solid [>ColorFondo<];
}

#divEditorEtiquetas{
    border-top: 3px solid [>ColorFondo<];
}

 .barraDesplazamiento>.jp-progress>.jp-seek-bar>.jp-play-bar
{
    background-color:[>ColorFondo<];
}

.menuDesplegableBloque
{
    color: [>ColorFondo<];
    border-left: 3px solid [>ColorFondo<];
}