﻿/*ESTILO BASE DE ELEMENTOS HTML DEL SITIO*/
@font-face
{
    font-family: TradeGothic-A;
    src: url('../font/TradeGothicLTStd-BdCn20-1.eot'); /* IE9 Compat Modes */
    src: url('../font/TradeGothicLTStd-BdCn20-1.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/TradeGothicLTStd-BdCn20-1.woff') format('woff'), /* Modern Browsers */
    url('../font/TradeGothicLTStd-BdCn20-1.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../font/TradeGothicLTStd-BdCn20-1.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face
{
    font-family: CreteRound-Regular;
    src: url('../font/CreteRound-Regular.eot'); /* IE9 Compat Modes */
    src: url('../font/CreteRound-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/CreteRound-Regular.woff') format('woff'), /* Modern Browsers */
    url('../font/CreteRound-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../font/CreteRound-Regular.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face
{
    font-family: TradeGothicLTStd-Bd2;
    src: url('../font/TradeGothicLTStd-Bd2.eot'); /* IE9 Compat Modes */
    src: url('../font/TradeGothicLTStd-Bd2.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/TradeGothicLTStd-Bd2.woff') format('woff'), /* Modern Browsers */
    url('../font/TradeGothicLTStd-Bd2.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../font/TradeGothicLTStd-Bd2.svg#svgFontName') format('svg'); /* Legacy iOS */
}

body
{
    background-color: #FFFFFF;
    color: #000000;
    font-family: Verdana,Arial,Helvetica;
    font-size: 11px;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}

a, a:hover, a:visited, a:link, a:active
{
    color: #EB8F07;
}

input[type="button"]
{
    background-image: url("../image/button.jpg");
    border-color: #FFFFFF;
    border-style: none;
    border-width: 0px;
    color: #FFFFFF;
    font-family: Verdana,Arial,Helvetica;
    font-size: 9px;
    font-weight: bold;
    height: 23px;
    vertical-align: middle;
    width: 82px;
}

    input[type="button"]:hover
    {
        background-image: url("../image/buttonOver.jpg");
    }

    input[type="button"][disabled]
    {
        background-image: url("../image/buttonDisabled.jpg");
        color: #444444;
    }

input[type="image"]:hover
{
    opacity: .8;
}

input[type="checkbox"]
{
    border-style: none;
    border-width: 0px;
}

input[type="text"], input[type="password"]
{
    font-family: Verdana,Arial,Helvetica;
    font-size: 11px;
    border-color: #AAAAAA;
    border-style: solid;
    border-width: 1px;
    padding: 4px 2px 4px 2px;
}

    input[type="text"][readonly], input[type="text"][disabled], input[type="password"][readonly], input[type="password"][disabled]
    {
        background-color: #E0FFFF;
    }

input[type="radio"]
{
    border-style: none;
    border-width: 0px;
}

select
{
    color: #000000;
    font-family: Verdana,Arial,Helvetica;
    font-size: 11px;
    border-color: #777777;
    border-style: solid;
    border-width: 1px;
    padding: 4px 2px 4px 2px;
}

textarea
{
    color: #000000;
    font-family: Verdana,Arial,Helvetica;
    font-size: 11px;
    border-color: #777777;
    border-style: solid;
    border-width: 1px;
}

input[type="textarea"][readonly], input[type="textarea"][disabled]
{
    background-color: #E0FFFF;
}


/*ESTILO PARA IMPRESIONES EN PANTALLA E IMPRESORA*/
@media print
{
    .NoPrint
    {
        display: none;
    }
}

@media screen
{
    .Print
    {
        display: none;
    }
}


/*ESTILO DE TEXTOS*/
.Titulo
{
    color: #EB8F07;
    color: #E14944;
    color: #666666;
    font-family: TradeGothicLTStd-Bd2, Verdana, Arial, Helvetica;
    font-size: 26px;
    text-transform: uppercase;
    font-weight: bold;
}

.Subtitulo
{
    color: #DB3C22;
    font-family: TradeGothicLTStd-Bd2, Verdana, Arial, Helvetica;
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
}

.SubtituloInactivo
{
    color: #c3c0bc;
    font-family: TradeGothicLTStd-Bd2, Verdana, Arial, Helvetica;
    font-size: 18px;
    font-weight: bold;
}

.TextoGeneral
{
    color: #676767;
    font-family: Verdana,Arial,Helvetica;
    font-size: 11px;
    font-weight: normal;
}

.TextoAnotacion
{
    color: #000000;
    font-family: Verdana,Arial,Helvetica;
    font-size: 9px;
    font-style: italic;
}

.TextoResaltado
{
    color: #888888;
    font-family: Arial;
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
}

.Etiqueta
{
    color: #000000;
    font-family: Verdana,Arial,Helvetica;
    font-size: 11px;
}

.Enlace
{
    color: #e14944;
    font-family: Verdana,Arial,Helvetica;
    font-size: 11px;
    font-weight: normal;
}

    .Enlace:hover
    {
        color: #e14944;
        font-family: Verdana,Arial,Helvetica;
        font-size: 11px;
        font-weight: normal;
    }

.TablaBusqueda
{
    background-color: #F4F4F4;
    color: #000000;
    font-family: Verdana,Arial,Helvetica;
    font-size: 11px;
    text-decoration: none;
}

.TablaBusquedaTitulo
{
    color: #000000;
    font-family: Verdana,Arial,Helvetica;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}

.TablaBusquedaEtiqueta
{
}

.TablaBusquedaEnlace
{
    color: #000000;
}
/*FORMATO DE MENSAJES*/
.MensajeError
{
}

.MensajeAdvertencia
{
    background-color: #f7dd36;
    color: #888888;
}

.MensajeExito
{
    color: #1C9E16;
    font-family: Verdana,Arial,Helvetica;
    font-size: 11px;
    font-weight: bold;
}

/*ESTILO DE TABLAS*/
.TablaTitulo
{
    background-color: #77787C;
    color: #FFFFFF;
    font-family: Verdana,Arial,Helvetica;
    font-size: 10px;
    font-weight: bold;
    height: 25px;
    vertical-align: middle;
}

    .TablaTitulo td
    {
        border-color: #FFFFFF;
        border-style: solid;
        border-width: 1px;
    }

.TablaDatos
{
    background-color: #F4F4F4;
    color: #000000;
    font-family: Verdana,Arial,Helvetica;
    font-size: 10px;
    height: 25px;
    text-decoration: none;
    vertical-align: middle;
}

    .TablaDatos:hover
    {
        background-color: #E9E9E9;
    }

    .TablaDatos td
    {
        border-color: #FFFFFF;
        border-style: solid;
        border-width: 1px;
    }

    .TablaDatos a
    {
    }

        .TablaDatos a:hover
        {
        }

.TablaFooter
{
    background-color: #F4F4F4;
    color: #000000;
    font-family: Verdana,Arial,Helvetica;
    font-size: 10px;
    height: 25px;
    text-decoration: none;
    vertical-align: middle;
}

    .TablaFooter td
    {
        border-color: #FFFFFF;
        border-style: solid;
        border-width: 1px;
    }

.button
{
    border-style: solid;
    border-color: #AAAAAA;
    border-width: 1px;
    background-color: #D4D4D4;
    color: #444444;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    cursor: pointer;
    padding: 5px 10px 5px 10px;
}

    .button:hover
    {
        background-color: #C0C0C0;
    }

    .button[disabled]
    {
        border-style: solid;
        border-color: #BBBBBB;
        border-width: 1px;
        background-color: #D4D4D4;
        color: #AAAAAA;
        cursor: auto;
    }

.txtResultado
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.3;
    color: #ff4900;
}

.LinkButton
{
    /*background: none!important;*/
    /*border is optional*/
    /*border-bottom: 0px solid #444;*/
    background: transparent;
    border: none;
    color: #EB8F07;
    cursor: pointer;
    font-family: Verdana,Arial,Helvetica;
    font-size: 11px;
    padding: 0px;
    text-decoration: underline;
    width: auto;
}

.BotonSiguiente
{
    width: 106px;
    height: 30px;
    background-color: #72bd1a;
    color: white;
    font-weight: normal;
    font-size: 12px;
    border: 0;
    font-family: TradeGothicLTStd-Bd2;
    text-transform: uppercase;
    cursor: pointer;
}

    .BotonSiguiente:hover
    {
        opacity: .8;
    }

.BotonAnterior
{
    width: 106px;
    height: 30px;
    background-color: #fe9e0b;
    color: white;
    font-weight: normal;
    font-size: 12px;
    border: 0;
    font-family: TradeGothicLTStd-Bd2;
    text-transform: uppercase;
    cursor: pointer;
}

    .BotonAnterior:hover
    {
        opacity: .8;
    }

.TablaInstitucion
{
    border-style: none;
    border-width: 0px;
}

    .TablaInstitucion td
    {
        border-color: #FFFFFF;
        border-style: none;
        border-width: 0px;
    }
