/*
    Author     : AntonioL
    Description:
        Hoja de estilos que definen elementos comunes repetidos por toda la aplicación pero que
        no forman parte directa de la estructura base de la plantilla.
        Son los que, generalmente, se ubican dentro de la capa 'contenido'.
        Por ejemplo:
            - Cabeceras de pantallas, contenedores de elementos, botones...

        Esta hoja de estilos forma parte de la plantilla y NO DEBE modificarse.
*/

/* NOTA PLANTILLA:
    - Salvo excepciones en estilos propios de la plantilla, los nombres de los
      estilos deben empezar en minúscula y hacer la separación de términos
      empezando cada palabra con mayuscula, por ejemplo: esteEsElNombreDelEstilo */



/*Estilos Estructurales*/
body, html {
    border: 0;
    margin: 0;
    padding: 0;
    font-family: Verdana, Arial, "Frutiger-Light", Helvetica, sans-serif;
    height:100%;    
    /*background-image: url('../imagenes/imagenesDicoins/ImgFondoWebDICOINSv0100.png');
    background-repeat:no-repeat;
    background: -moz-linear-gradient(top, #000000 100%, #000000 100% ,#000000 100%, #000000 100%);
    /*background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0A2E69), to(#ffffff), color-stop(.5,#75c0f9));*/ /* webkit */
    background-color: #000000;
}

p {
    text-align:justify;
    margin:0;
    line-height: 1.6;
}

h1 {
    font-size: 18px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: bold;
    color: #e50005;
}

h2 {
    font-size: 1em;
    color: #008ec5;
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

img {
    border: 0;
    padding: 0;
    margin: 0;
    border-style: none;
}

.base {
    padding-bottom:80px;
}

.cuadro_texto, .cuadroTextoEnriquecido {
    height: 14px;
    margin-left: 5px;
    margin-top: 2px;
    padding-bottom: 1px;
    padding-top: 1px;
    *margin-top: 1px;
    *padding-bottom: 1px;
    *padding-top: 1px;
}

.lista_desplegable, .lista_desplegable_multiple {
    margin-left: 5px;
    margin-top: 2px;
    right: auto;
    *margin-top: 1px;
}

.lista_desplegable {
    height: 18px !important; /*Mozilla Firefox*/
    height: 20px; /*IE6*/
    *height: 20px !important; /*IE7*/
}

.lista_desplegable_multiple {
    *border-left:2px solid #ACACAC;
    *filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=-2, OffY=0,color=#ACACAC)
}

.radio_elemento {
    float: left;
    margin-left: 5px;
    margin-right: 3px;
    margin-top: 5px;
    margin-top: 2px\0/;
    margin-right: 0px\0/;
    margin-left: 2px\0/;
    *margin-top: 0px;
    *margin-right: 0px;
    *margin-left: 1px;
}

.etiqueta_radio_elemento {
    float: left;
    margin-top: 5px;
    margin-left: 1px;
    *margin-top: 5px;
    margin-top: 5px\0/;
}

.checkbox_elemento {
    float: left;
    margin: 3px;
    margin: 0px\0/;
    *margin: 0px;
}

.etiqueta_checkbox_elemento {
    float: left;
    margin-top: 3px;
    margin-left: 2px;
}

.fuente_controles_formulario {
    font-family: Verdana;
    font-size: 11px;
}

.campo_formulario {
    width: 100%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    z-index: 2;
    margin-bottom: 8px;
    clear: both;
}

.campo_formulario_fecha {
    width: 35%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}
.campoTxtUsuario, .campoTxtPassword {
    width: 145px;
}
.etiqueta_formulario {
    float: left;
    background-repeat: no-repeat;
    background-position: top, left;
    padding-bottom: 10px;
    padding-top: 5px; 
    padding-left: 5px; 
    width: 160px;
    height: 8px;
    font-size: 11px;
    background-color: #F2F3F5;
    color: #51646B;
}

.contenedorEtiquetaFormulario {
    float: left;
    margin-right: 3px;
}

.imagenEtiquetaFormulario {
    height: 8px;
    margin-top: 5px;
    margin-left: 2px;
    padding-bottom: 10px;
    float: left;
    width: 10px;
}

.lineaSeparadora {
    background-color: #FFFFFF;
    border-bottom: 2px solid;
    /* El color del borde hay que especificarlo aparte */
    height: 10px;
    margin-bottom: 15px;
    padding-top: 10px;
    width: 100%;
    float: left;
}

.lineaSeparadoraFina {
    background-color: #FFFFFF;
    border-bottom: 1px solid;
    /* El color del borde hay que especificarlo aparte */
    clear: both;
    height: 10px;
    margin-bottom: 15px;
    padding-top: 10px;
    width: 100%;
}

.textoLineaSeparadora, .textoLineaSeparadoraRelativa, .textoLineaSeparadoraStatica {
    background-color: #FFFFFF;
    color: #51646B;
    font-size: 11px;
    font-weight: bold;
    left: 35px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
    position: absolute;
    float : left;
}

.textoLineaSeparadoraRelativa {
    left: 21px;
    position: relative;
}

.textoLineaSeparadoraStatica {
    margin-left: 21px;
    position: static;
}

.botonElementoPie,.botonAnyadirElementoPieTablaActivo,.botonAnyadirElementoPieTablaInactivo,
.botonEditarElementoPieTablaActivo,.botonEditarElementoPieTablaInactivo,
.botonEliminarElementoPieTablaActivo,.botonEliminarElementoPieTablaInactivo,
.botonConfirmarElementoPieTablaActivo, .botonConfirmarElementoPieTablaInactivo,
.botonCancelarElementoPieTablaActivo, .botonCancelarElementoPieTablaInactivo{
    margin-top: 3px;
    margin-left: 5px;
    float: left;
    height: 15px;
    width: 16px;
}
.botonAnyadirElementoPieTablaActivo{
    background-image: url("../imagenes/ui-icons_gris_76849B.png");
    background-position: -16px -129px;
    cursor: pointer;
}

.botonAnyadirElementoPieTablaInactivo{
    background-image: url("../imagenes/ui-icons_gris_AFBBD0.png");
    background-position: -16px -129px;
    cursor: default;
}

.botonEditarElementoPieTablaActivo{
    background-image: url("../imagenes/ui-icons_gris_76849B.png");
    background-position: -65px -113px;
    cursor: pointer;
}

.botonEditarElementoPieTablaInactivo{
    background-image: url("../imagenes/ui-icons_gris_AFBBD0.png");
    background-position: -65px -113px;
    cursor: default;
}

.botonEliminarElementoPieTablaActivo{
    background-image: url("../imagenes/ui-icons_gris_76849B.png");
    background-position: -177px -98px;
    cursor: pointer;
    *margin-top: 4px;
}

.botonEliminarElementoPieTablaInactivo{
    background-image: url("../imagenes/ui-icons_gris_AFBBD0.png");
    background-position: -177px -98px;
    cursor: default;
    *margin-top: 4px;
}

.botonConfirmarElementoPieTablaActivo{
    background-image: url("../imagenes/ui-icons_verde_00A000.png");
    background-position: -65px -145px;
    cursor: pointer;
    *margin-top: 4px;
}

.botonConfirmarElementoPieTablaInactivo{
    background-image: url("../imagenes/ui-icons_gris_AFBBD0.png");
    background-position: -65px -145px;
    cursor: default;
    *margin-top: 4px;
}

.botonCancelarElementoPieTablaActivo{
    background-image: url("../imagenes/ui-icons_rojo_ff0000.png");
    background-position: -97px -129px;
    cursor: pointer;
    *margin-top: 4px;
}

.botonCancelarElementoPieTablaInactivo{
    background-image: url("../imagenes/ui-icons_gris_AFBBD0.png");
    background-position: -97px -129px;
    cursor: default;
    *margin-top: 4px;
}

/*************************  COLORES PARA LOS TEXTOS  **************************/
.color_texto_azul { color: #0C03F7; }
.color_texto_rojo { color: #FF0000; }
.color_texto_enlace { color: #c98719; }
.color_texto_enlace:hover { color: #51646b; }
/***********************  FIN COLORES PARA LOS TEXTOS  ************************/