﻿BODY
{
    font: 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
    margin: 20px 0px 20px 0px;
    text-align: center;
    background: #69D3FA url(/Imagenes/background.png) repeat-x;
    *background: #5ECEF9 url(/Imagenes/background.png) repeat-x;
} 

*:focus {outline: none;}

a:link, a:visited, a:hover, a:active
{ color:#224499; text-decoration:underline; }
           


fieldset
{  
    cursor:default;
	border: solid 1px #999;
	-moz-border-radius:8px;
    -webkit-border-radius: 8px;
    -ie-border-radius:8px;
    padding: 5px 5px 10px 5px;
    * padding: 2.5em 5px 10px 5px;
    * position: relative;
    * margin: 2.5em 0 0 0;
    background:#F7FAFD; 
}



fieldset fieldset
{
    background:#FAFCFE;
}

legend
{   
    -moz-border-radius:8px;
    -webkit-border-radius: 8px;
    -ie-border-radius:8px;
    margin-left: 10px;
    padding: 6px 10px 5px 10px;
    border: 1px solid #999;
    color: #36393D;
    font-family: Arial Black;
    text-align: left;
    background:  #FFF7C5;
    *position: absolute;
    *top: -1.5em;

}

legend a
{
    padding-left: 5px;
}

legend img
{
    margin-top: -2px; 
    width: 32px; 
    height: 32px; 
    vertical-align: middle;
}

fieldset legend.titulo1
{
    font-size: 14px;
    background: url(/Imagenes/legendTitulo1.png) repeat-x;
}

fieldset legend.titulo2, fieldset legend.titulo2 a
{
    font-size: 12px;
    color:#36393D;
    background: url(/Imagenes/botonMenuSup.png) repeat-x;
}

fieldset legend.titulo2 a:hover
{
    text-decoration:none;
}

label
{
    font-size:10px;
    color:#465450;
}

input.txt, textarea.txt
{
    border: 0.1em solid #7E9DB9;
}

input.txtObligatorio, textarea.txtObligatorio
{
    border: 0.1em solid #000099;
}

select
{
    border: 0.1em solid #666666;
    float: none;
    font-weight: normal;
}

p
{
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    line-height:25px;
    text-indent: 5px;
    text-align: justify;
}

p.textoFormulario
{
    
    font-size: 12px;
    line-height:20px;
    padding: 0 10px 0 10px;
}

#divMarcoContenedor
{
    text-align: left;
    margin: auto;
    padding: 1px;
    width: 1026px;
    background-color: #BEB9AD;
}

#divContenedor
{
    width: 1024px;
    border: 1px solid #606060;
    background: #F8FDFE;
}

#divCabecera
{
    background-image: url(/Imagenes/bannerTopTextura.png);
    width: 1024px;
    height: 130px;
    position:relative;
}

#divCabecera div.bienvenido
{
    white-space: nowrap;
    text-align: right;
    color: #FFFFFF;
    font-style: italic;
    font-weight: bold;
    font-size: 12px;
    width:1024px;
    position:absolute;
    bottom:35px;
    right:10px;

}

#divCabecera div.bienvenido a
{
    color: #000000;
    font-size:12px;
    font-weight:bolder;
}

#divCabecera div.cuadroMandos
{
    position:absolute;
    overflow:hidden;
    float: left;
    border-top: 1px solid #E1E1E1;
    width: 1024px;
    bottom:0px;    
}

#divCabecera div.cuadroMandos div.transparenciaCuadro
{
    position: absolute;
    width: 1024px;
    height: 30px;
    background-color: #000000;
    -moz-opacity: 0.4;
    opacity: 0.4;
    filter: alpha(opacity=40);
}

#divCabecera div.cuadroMandos div.contenidoCuadro
{
    position: relative;
}

#divCabecera div.cuadroMandos div.contenidoCuadro a
{
    color: #FFFFFF;
    font-weight:bold;
    font-size:11px;
}

#divMenuSuperior
{
    background-color: #E3EAEB;
    color: #333300;
    font-size: 12pt;
    padding: 3 3 3 10px;
   
}

#divPie
{
    clear: both;
    background-color: #FFF7BF;
    padding: 3 10 3 10px;
    text-align: center;
    vertical-align: middle;
    min-height: 50px;
    border-top: 1px solid #E1E1E1;
}

#divCuerpo{
   margin: 10 0 10 0px;
}

#divMenuIzquierdo
{
	width: 160px;
    background-color: transparent;
    float:left;
}

#divMenuDerecho
{
	width: 160px;
    background-color: transparent;
    float:right;
}

#divContenido
{
    border-left: 2px dotted #E1E1E1;
    border-right: 2px dotted #E1E1E1;
    float: left;
    width: 660px;
    _width: 655px;
    background-color: #ffffff;
    padding: 20px;
    min-height: 1024px;

}





/*Menú superior*/
.MenuSup
{   
    width:100%;background: url(/Imagenes/botonMenuSup.png) repeat-x;
}

.MenuSupItem
{
    text-align:center;
    color:#36393D;
    background: url(/Imagenes/botonMenuSup.png) repeat-x;
}

.MenuSup img
{
    height: 18px;
    width: 18px;
}

.MenuSupItem div
{
    vertical-align:middle;
    height: 16px;
    cursor:pointer;
    padding-top:5px;
    padding-bottom:5px;
    
}

.MenuSupItem a, .MenuSupItem a:visited, .MenuSupItem a div
{
    background: transparent;
    text-decoration: none;
    font-family: Arial;
    font-size:13px;
    font-weight:bold;
}

.MenuSupHover, .MenuSupSelectedItem
{
    background: url(/Imagenes/botonMenuSupHover.png) repeat-x;
}

.MenuSupItemDynamic
{
    border-top: 1px solid #E1E1E1;
    border-bottom: solid 1px black;
    border-left: solid 1px black;
    border-right: solid 1px black;
    text-align:left;
    color:#36393D;
    background: #81BAD9 url(/Imagenes/botonMenuIzq.png) repeat-y;
    *background: #76B3D5 url(/Imagenes/botonMenuIzq.png) repeat-y;
    min-width:250px;
    
    font-family: Arial;
    font-size:12px;
    font-weight:600;
}

.MenuSupItemDynamic div
{
    vertical-align:middle;
    height: 20px;
    cursor:pointer;
    padding: 5px 25px 5px 15px;
}

.MenuSupItemDynamic img
{
    vertical-align: middle;
    border:none;
}

.MenuSupItemDynamic a, .MenuSupItemDynamic a:visited
{
    background: transparent;
    text-decoration: none;

    color:#36393D; 
}

.MenuSupHoverDynamic
{
    text-decoration: none;
    background: #FFEC60 url(/Imagenes/botonMenuIzqHover.png) repeat-y right;
    color: #224499;
}

.MenuSupHoverDynamic a:hover
{
    text-decoration: none;
    color: #224499;
}

.MenuSupSelectedItemDynamic
{
    background: #FFEC60 url(/Imagenes/botonMenuIzqHover.png) repeat-y right;
}

.MenuSupSelectedItemDynamic a
{
    font-weight: bold;
    color: #224499;
}


/*Listado de checkbox, para alinear labels*/
.checkBoxListWrap
{    
}     
   
.checkBoxListWrap tr td
{
    vertical-align:top;
    width: 300px;
    height: 30px;
}
   
.checkBoxListWrap input {
    display: block;
    float: left;
    clear: left;
    height: 12px;
    padding-top: 5px;
}

.checkBoxListWrap label {
    display: block;
    clear: none;
    width: 250px;
    margin-top: 2px;
    *margin-top: -2px;
    margin-left: 20px;
    
}

.pnlDerecha
{
    width: 150px; 
    margin: 5px; 
    background-color: #E5ECF9;
    text-align: center; 
    font-size: 18px; 
    color: #36393D; 
    font-weight: bold; 
    font-family: Arial Black;
}

/* Favoritos */
table.favoritos
{
    border: 0;
}
        
.favoritos img, .favoritos a
{
    border: 0;
    vertical-align: middle;
    text-align: center;
}


/* Menú de Oficina Virtual*/
ul.OficinaVirtual
{
    list-style-type: none;
    padding: 0;
    margin: 10px 0 10px 10px;
}

ul.OficinaVirtual li
{
    padding: 5px 0 5px 25px;
    background-image: url(/Imagenes/BulletArrow.png);
    background-repeat: no-repeat;
    background-position: left center;
}

ul.OficinaVirtual li a
{
    color:#224499;
    text-decoration:none;
}

ul.OficinaVirtual li a:hover
{
    text-decoration:underline;
}

/*Página de la oficina virtual*/
ul.OficinaVirtualPagina
{
    list-style-type: none;
}

ul.OficinaVirtualPagina li
{
    padding: 5px 0 5px 25px;
    background: url(/Imagenes/BulletArrow.png) no-repeat 0 0.5em;
}

ul.OficinaVirtualPagina li a
{
    color:#224499;
    text-decoration:none;
}

ul.OficinaVirtualPagina li a:hover
{
    text-decoration:underline;
}


/*Menú izquierdo*/
.MenuIzq
{   
    width:152px;
    margin:0 5px 0 5px;
    border-top: 1px solid #BDCAD8;
    border-left: 1px solid #BDCAD8;
    border-right: 1px solid #BDCAD8;
}

.MenuIzqItemNivel1, .MenuIzqItemNivel2
{
    border-bottom: 1px solid #BDCAD8;
    height: 30px;
    background: url(/Imagenes/botonMenuIzq.png) repeat-y;
}

.MenuIzqItemNivel1
{
    font-size:larger;
}

.MenuIzqItemNivel2
{
    padding-left:10px;
}

.MenuIzqItemNivel1 a, .MenuIzqItemNivel2 a
{
    background: transparent;
    text-decoration:none;
    padding:0px;
    color:#36393D; 
}

.MenuIzqHover
{
    text-decoration:underline;
    background: url(/Imagenes/botonMenuIzqHover.png) repeat-y;
    color: #224499;
}

.MenuIzqHover a:hover
{
    text-decoration:underline;
    color: #224499;
}

.MenuIzqSelectedItem
{
    font-weight: bold;
    background: url(/Imagenes/botonMenuIzqHover.png) repeat-y;
    color: #224499;
}

/* Menú Izquierdo*/
ul.OficinaVirtual2
{
    list-style-type: none;
    padding: 0;
    margin: 0 0 0 5px;
}

ul.OficinaVirtual2 li
{
    padding: 5px 0 5px 20px;
    background-image: url(/Imagenes/BulletArrow.png);
    background-repeat: no-repeat;
    background-position: left center;
}

ul.OficinaVirtual2 li a
{
     color:#36393D;
     text-decoration:none;
     background: transparent;
}

ul.OficinaVirtual2 li a:hover
{
    text-decoration:underline;
}

/* Explorador de archivos */
.ExploradorArchivos
{
}
.ExploradorArchivos tr:hover
{
    background-color: #d4d0c8;
}

.ExploradorArchivos a, .ExploradorArchivos a:visited
{
    color: Black;
}

/* Buscador de usuarios */
.CompletionList
{
    margin: -2px 0px 0px -0.5px; 
    *margin:-1px 0px 0px -1px;
    background-color:#FFFFFF;
    border:buttonshadow;
    border-width:1px;
    border-style:solid;
    cursor:default;
    overflow:auto;
    height:140px;
    text-align:left;
    list-style-type:none;
    padding:0;
    position:absolute;
    z-index:1;
}
.CompletionListHighlightedItem
{
    width:100%;
    padding-top: 5px;
    background-color: #BDCAD8;
}
.CompletionListItem
{
    padding-top: 5px;
}
.MarcaAguaBuscador
{
    color: Gray;
    font-weight: bold;
}

/* GridView */
.GridView
{
    border: 1px solid #000000;
}
.HeaderGrid
{
    text-align:left;
    background: url(/Imagenes/headerGrid.png) repeat-x;
    height:30px;
    color:#224499;
    font-size:11px;
    vertical-align:middle;
    border-bottom: 1px solid #000000;
    height:42px;
    *height:35px;
}

.RowGrid
{
    background-color:White;
    color:#333333;
    text-align:left;    
}

.AlternateRowGrid
{
    background-color: #FAFCFE;
    color: #333333;
    text-align:left;
}

.PagerGrid, .FooterGrid
{
    border-top: 1px solid #000000;
    background-color: #E5F1F7;
}

/* Control de Acordeón */
.accordionCabecera, .accordionCabeceraSelected
{
    border: 1px solid black;
    background-image: url('/Imagenes/msg_button_1.jpg');
    font-family: Arial, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
    padding: 4px;
    margin-top: 4px;
    cursor: pointer;
    color: #FFFFFF;
}

.accordionCabecera .flechaAcordeon
{
    background: url('/Imagenes/accordionArrowDown.png') no-repeat right;
    width:100%;
}

.accordionCabeceraSelected .flechaAcordeon
{
    background: url('/Imagenes/accordionArrowUp.png') no-repeat right;
    width:100%;
}

.accordionContenido
{
    font-family: Sans-Serif;
    background-color: #FFFFFF;
    border: 1px solid black;
    border-top: none;
    font-size: 12px;
    padding: 7px;
}

/* Fondo transparente para modal popoup */
.modalBackground
{
    background-color: #000000;
    filter: alpha(opacity=55);
    opacity: 0.55;
}

/* Solo para Chrome 
@media screen and (-webkit-min-device-pixel-ratio:0)
{
}
*/
