/* /Comunes/BeS.css */

/* TAGS de XHTML */
/*--------------------------------------------------------------------------------------*/

body
{
    font-family: Verdana, Arial;
    font-size: 7pt;
    background-color: #e4f1f8;
    color: #000000;
    margin: 0px;
    padding: 0px;
}

form, h1, h2, h3, h4, h5, h6
{
    font-family: Verdana, Arial;
    color: #000000;
    margin: 0px;
    padding: 0px;
}

h1
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12pt;
    font-weight: bold;
    background: #fbbc53 url(../images/barranaranja.gif) repeat bottom left;
    color: #000000;
    padding: 10px;
}

h2
{
    background-color: #fbbc53;
    font-family: Verdana, Arial; font-size: 10pt;
    text-align: left;
    padding: 5px;
}

h3
{
    background-color: #b6cde4;
    font-family: Verdana, Arial; font-size: 10pt;
    text-align: left;
    padding: 5px;
}

h4 {
    font-family: Verdana, Arial; font-size: 8pt;
    font-weight: bold;
    text-align: left;
	margin: 5px;
	border-bottom: 1px solid #cccccc;
}

h5, h6
{
    font-family: Verdana, Arial; font-size: 8pt;
    font-weight: bold;
    text-align: left;
    padding: 2px;
}

ul
{
	margin: 0px 0px 0px 20px;
	padding: 0px;
}

p
{
    font-family: Verdana, Arial;
    color: #000000;
    margin: 0px;
    padding: 5px;
}

code
{
    font-family: Courier; font-size: 10pt;
    color: #000000;
}

table
{
    font-family: Verdana, Arial;
    font-size: 7pt;
    color: #000000;
}

th
{
    text-align: left;
    font-weight: bold;
}

input
{
    background-color : #FFFFFF;
    border: 1px solid #999999;
    font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt;
    font-weight: normal;
    color: #000000;
    height: 17px;
}

textarea
{
    background-color : #FFFFFF;
    border: 1px solid #999999;
    font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt;
    font-weight: normal;
    color: #000000;
}

.stdBoton
{
    background-image: url(../images/botonnaranjacentro.gif);
    height: 17px;
}


.stdTituloApartado
{
    background-image: url(../images/botonnaranjacentro.gif);
    padding-left:5px;
    height: 17px;
}

.readonly
{
    background-color: #eeeeee;
    color: #000000;
}

.checkbox   /* Incluir clase checkbox en los checkbox para que no tengan un doble borde */
{
    width:13px;
    height:13px;
    vertical-align: bottom;
    border: 0px solid #000000;
}

.radio      /* Incluir clase radio en los radio para que no tengan un doble borde */
{
    width:13px;
    height:13px;
    vertical-align: bottom;
    border: 0px solid #000000;
}

button
{
    border: 1px solid #999999;
    background: #fff1da url(../images/botonnaranjacentro.gif) repeat-x bottom left;
    font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt;
    font-weight: normal;
    color: #000000;
	margin: 0px;
	padding: 0px;
    vertical-align: top;
}

select
{
    border: 1px solid #999999;
    font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt;
    font-weight: normal;
    color: #000000;
    vertical-align: middle;
}

option
{
    background-color : #fff1da;
    vertical-align: middle;
}


/* Anclas */
/*--------------------------------------------------------------------------------------*/

a:link    {font-family: Verdana, Arial; font-size: 8pt; text-decoration: none;}
a:hover   {font-family: Verdana, Arial; font-size: 8pt; text-decoration: none;}
a:visited {font-family: Verdana, Arial; font-size: 8pt; text-decoration: none;}
a:active  {font-family: Verdana, Arial; font-size: 8pt; text-decoration: none;}

td a:link    {font-family: Verdana, Arial; font-size: 8pt; text-decoration: none; color:#0000ff}
td a:hover   {font-family: Verdana, Arial; font-size: 8pt; text-decoration: none; color:#0088ff}
td a:visited {font-family: Verdana, Arial; font-size: 8pt; text-decoration: none; color:#0000ff}
td a:active  {font-family: Verdana, Arial; font-size: 8pt; text-decoration: none; color:#0000ff}

.link2 {font-family: Verdana, Arial; font-size: 7pt; text-decoration: none; color:#888888;}


/* Fuentes */
/*--------------------------------------------------------------------------------------*/

.stdFont6  {font-family: Verdana, Arial; font-size: 6pt; font-weight: normal;}
.stdFont6N {font-family: Verdana, Arial; font-size: 6pt; font-weight: bold;}
.stdFont7  {font-family: Verdana, Arial; font-size: 7pt; font-weight: normal;}
.stdFont7N {font-family: Verdana, Arial; font-size: 7pt; font-weight: bold;}
.stdFont8  {font-family: Verdana, Arial; font-size: 8pt; font-weight: normal;}
.stdFont8N {font-family: Verdana, Arial; font-size: 8pt; font-weight: bold;}
.stdFont10  {font-family: Verdana, Arial; font-size: 10pt; font-weight: normal;}
.stdFont10N {font-family: Verdana, Arial; font-size: 10pt; font-weight: bold;}
.stdFont12 {font-family: Verdana, Arial; font-size: 12pt; font-weight: normal;}
.stdFont12N {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold;}
.stdFont14 {font-family: Verdana, Arial; font-size: 14pt; font-weight: normal;}
.stdFont14N {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14pt; font-weight: bold;}
.stdFont16 {font-family: Verdana, Arial; font-size: 16pt; font-weight: normal;}
.stdFont16N {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16pt; font-weight: bold;}


/* Paneles */
/*--------------------------------------------------------------------------------------*/

.pagina
{
	/*position: relative;*/
	text-align: center;
	overflow: auto;
	/*border: 1px solid black;*/
}

.container
{
    /*position: relative;*/
    margin: 10px;
    /*border: 1px solid #555555;*/
    /*overflow: hidden;*/
}

.obligatorio
{
    font-family: Verdana, Arial;
    font-size: 7pt;
    font-weight: bold;
    color: #ff0000;
}

/* Elementos de pagina */
.cargando
{
    background-color: #e4f1f8;
    font-family: Verdana, Arial; font-size: 10pt;
    font-weight: bold;
    text-align: center;
    color: #808080;
}

.progreso
{
    background-color: #ffffff;
    font-family: Verdana, Arial; font-size: 8pt;
    font-weight: bold;
    border: 2px solid #ffd68c;
    text-align: center;
    color: #808080;
}

.sombra
{
    /*background-color: #806b46;*/
    /*background-color: #000000;*/
    background-color: #cccccc;
    filter: alpha(opacity=50);
    opacity: .5;
}

.popup
{
    background-color: #fff1da;
    border: 2px solid #ffd68c;
    padding: 5px;
    color: #000000;
    font-family: Verdana, Arial; font-size: 7pt;
}

.popup2
{
    background-color: #e4f1f8;
    border: 2px solid #ffd68c;
    /*border: 2px solid #806b46;*/
    font-family: Verdana, Arial; font-size: 7pt;
    color: #000000;
}

.leyenda
{
    font-family: Verdana, Arial; font-size: 7pt;
    background-color: #ffdf98;
    border: 1px solid #ffd68c;
    margin: 3px;
    color: #000000;
    padding: 5px;
    text-align: left;
}

.panel
{
    background: #FFF1DA;
    border: 2px solid #FFD68C;
}

.menu
{
    background-color: #b6cde4;
}

.barra
{
    background-color: #fbbc53;
}

.logo
{
    background-color: #ffffff;
    border: 1px solid #2a485d;
    margin: 2px;
    color: #000000;
}

.link
{
    cursor:pointer;
    color:#0000ff;
    text-decoration:underline;
    font-weight:bold;
}

.sugerencia
{
    background-color: #ffdf98;
    border: 1px solid #ffd68c;
    padding: 5px;
    color: #000000;
}

.info
{
    background-color: #ffdf98;
    border: 1px solid #ffd68c;
    margin: 10px;
    color: #000000;
    padding: 5px;
    text-align: left;
}

.advertencia
{
    background-color: #ff9090;
    margin: 5px;
    padding: 5px;
    color: #000000;
    text-align: center;
    font-size: 10pt;
}

.titulo
{
    background-color: #fbbc53;
    background-image: url(../images/barranaranja.gif);
    background-repeat: repeat;
    font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt;
    font-weight: bold;
    color: #000000;
}

.fondo
{
    background-color: #e4f1f8;
}

.label
{
    text-align: right;
    padding-left: 5px;
    padding-right: 5px;
}

.borde
{
    background-color: #ffd68c;
}

.composition
{
    background-color: #ffffff;
    border: 1px solid #999999;
}

.lista
{
    clear: both;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.listaHoriz
{
	list-style-type: none;
	margin: 0px;
	padding: 2px;
	display:block;
	float: left;
}

.listaVert
{
    list-style-type: none;
    margin: 0px;
    padding: 2px;
    display: block;
}

.tarjeta
{
    font-family: Verdana, Arial; font-size: 7pt;
    color: #000000;
    background-color: #fff1da;
    border: 2px solid #ffd68c;
    padding: 5px;
	margin:10px;
	float:left;
}

/* Elementos */
.stdBarraNaranja
{
    background-color: #fbbc53;
    background-image: url(../images/barranaranja.gif);
    background-repeat: repeat-x;
    height: 25px;
}

.stdBarraAzul
{
    height: 17px;
    margin-bottom: 1px;
    font-family: Verdana, Arial; font-size: 7pt;
    font-weight: normal;
    background-image: url(../images/barraazul.gif);
    background-color: #b6cde4;
    background-repeat: repeat-x;
    color: #ffffff;
}


/* Scrollbars (Solo IE) */
/*--------------------------------------------------------------------------------------*/

.FlatScrollBar
{
    scrollbar-face-color:#dddddd;
    scrollbar-highlight-color: #dddddd;
    scrollbar-shadow-color: #dddddd;
    scrollbar-3dlight-color: #808080;
    scrollbar-arrow-color: #000080;
    scrollbar-track-color: #eeeeee;
    scrollbar-darkshadow-color: #808080;
}

.FlatScrollBarNaranja
{
    scrollbar-face-color:#fdd37d;
    scrollbar-highlight-color: #fdd37d;
    scrollbar-shadow-color: #fdd37d;
    scrollbar-3dlight-color: #808080;
    scrollbar-arrow-color: #000080;
    scrollbar-track-color: #ffe7af;
    scrollbar-darkshadow-color: #808080;
 }

.NoScrollBar
{
    scrollbar-face-color:#d4d0c8;
    scrollbar-highlight-color: #d4d0c8;
    scrollbar-shadow-color: #d4d0c8;
    scrollbar-3dlight-color: #d4d0c8;
    scrollbar-arrow-color: #d4d0c8;
    scrollbar-track-color: #d4d0c8;
    scrollbar-darkshadow-color: #d4d0c8;
}


/* Web Controls */
/*--------------------------------------------------------------------------------------*/
.besBoton
{
    background: url(../images/botonnaranjaizquierda.gif) no-repeat top left;
    text-align: center;
    white-space: nowrap;
	font-size: 7pt;
    font-weight: normal;
    color: #000000;
    line-height: 17px;
    height: 17px;
    cursor: pointer;
    margin: 1px;
}

.besBoton div
{
    background: url(../images/botonnaranjaderecha.gif) no-repeat top right;
    height: 17px;
}

.besBoton div div
{
    background: url(../images/botonnaranjacentro.gif) repeat-x top left;
    height: 17px;
    margin-left: 3px;
    margin-right: 3px;
}

.besBotonLeftGrande
{
    background: url(../images/botonnaranjaizquierda.gif) no-repeat top left;
    text-align: center;
    white-space: nowrap;
	font-size: 8pt;
    font-weight: normal;
    color: #000000;
    line-height: 17px;
    height: 17px;
    cursor: pointer;
    margin: 1px;
}

.besBotonLeftGrande div
{
    background: url(../images/botonnaranjaderecha.gif) no-repeat top right;
    height: 17px;
}

.besBotonLeftGrande div div
{
    background: url(../images/botonnaranjacentro.gif) repeat-x top left;
    height: 17px;
    margin-left: 3px;
    margin-right: 3px;
}


.besBotonGrande
{
    background: url(/images/version9.1/botongrandenaranjaizquierda.gif) no-repeat top left;
    text-align: center;
    white-space: nowrap;
	font-size: 8pt;
    font-weight: normal;
    color: #000000;
    height: 30px;
    line-height: 30px;
	cursor: pointer;
    margin: 1px;
}

.besBotonGrande div
{
    background: url(/images/version9.1/botongrandenaranjaderecha.gif) no-repeat top right;
    height: 30px;
}

.besBotonGrande div div
{
    background: url(/images/version9.1/botongrandenaranjacentro.gif) repeat-x top left;
    height: 30px;
    margin-left: 5px;
    margin-right: 5px;
}

.besBotonToggle
{
    background: url(../images/botonnaranjaizquierda2.gif) no-repeat top left;
    text-align: center;
    white-space: nowrap;
	font-size: 7pt;
    font-weight: normal;
    color: #000000;
    height: 17px;
    line-height: 17px;
    cursor: pointer;
    margin: 1px;
}

.besBotonToggle div
{
    background: url(../images/botonnaranjaderecha2.gif) no-repeat top right;
    height: 17px;
}

.besBotonToggle div div
{
    background: url(../images/botonnaranjacentro2.gif) repeat-x top left;
    height: 17px;
    margin-left: 3px;
    margin-right: 3px;
}

.besSelectorColor
{
    position: relative;
    background-color: #ffffff;
    border: 2px solid #ffd68c;
    width: 260px;
    height: 195px;
    padding: 2px;
}

.besSelectorColor span
{
    position: relative;
    cursor: pointer;
    width: 10px;
    height: 10px;
    margin: 1px;
    border:1px solid #555555;
}

.besTab
{
	background: url(../images/FondoBotonPrincipalIzda.gif) no-repeat top left;
    white-space: nowrap;
    text-align: center;
    line-height: 20px;
    height:20px;
    font-size: 7pt;
    color: #000000;
    cursor:pointer;
    float: left;
}

.besTab div
{
	background: url(../images/FondoBotonPrincipalDcha.gif) no-repeat top right;
    height:20px;
}

.besTab div div
{
    background: url(../images/FondoBotonPrincipalCentro.gif) repeat-x top left;
    margin-left:9px;
    margin-right:9px;
    height:20px;
}

.besTab3
{
	background: url(/images/VersionOptimus/FondoBotonPrincipalIzda.gif) no-repeat top left;
    white-space: nowrap;
    text-align: center;
    line-height: 20px;
    height:20px;
    font-size: 7pt;
    color: #000000;
    cursor:pointer;
    float: left;
}

.besTab3 div
{
	background: url(/images/VersionOptimus/FondoBotonPrincipalDcha.gif) no-repeat top right;
    height:20px;
}

.besTab3 div div
{
    background: url(/images/VersionOptimus/FondoBotonPrincipalCentro.gif) repeat-x top left;
    margin-left:9px;
    margin-right:9px;
    height:20px;
}

.besTabActivo
{
	background: url(../images/FondoBotonPrincipalInversoIzda.gif) no-repeat top left;
    white-space: nowrap;
    text-align: center;
    line-height: 20px;
    height:20px;
    font-size: 7pt;
    color: #000000;
    cursor:pointer;
    float: left;
}

.besTabActivo div
{
	background: url(../images/FondoBotonPrincipalInversoDcha.gif) no-repeat top right;
    height:20px;
}

.besTabActivo div div
{
    background: url(../images/FondoBotonPrincipalInversoCentro.gif) repeat-x top left;
    margin-left:9px;
    margin-right:9px;
    height:20px;
}

.besTabActivo3
{
	background: url(/images/VersionOptimus/FondoBotonPrincipalInversoIzda.gif) no-repeat top left;
    white-space: nowrap;
    text-align: center;
    line-height: 20px;
    height:20px;
    font-size: 7pt;
    color: #ffffff;
    cursor:pointer;
    float: left;
}

.besTabActivo3 div
{
	background: url(/images/VersionOptimus/FondoBotonPrincipalInversoDcha.gif) no-repeat top right;
    height:20px;
}

.besTabActivo3 div div
{
    background: url(/images/VersionOptimus/FondoBotonPrincipalInversoCentro.gif) repeat-x top left;
    margin-left:9px;
    margin-right:9px;
    height:20px;
}

.besTabPanel
{
    background-color: #e4f1f8;
    font-family: Verdana, Arial; font-size: 7pt;
    border: 2px solid #fbbc53;
    color: #000000;
    overflow:auto;

    scrollbar-face-color:#FDD37D;
    scrollbar-highlight-color: #FDD37D;
    scrollbar-shadow-color: #FDD37D;
    scrollbar-3dlight-color: #808080;
    scrollbar-arrow-color: #000080;
    scrollbar-track-color: #FFE7AF;
    scrollbar-darkshadow-color: #808080;
}

.besTabPanel2
{
    background-color: #e4f1f8;
    font-family: Verdana, Arial; font-size: 7pt;
    border: 2px solid #1863AD;
    color: #000000;
    overflow:auto;

    scrollbar-face-color:#FDD37D;
    scrollbar-highlight-color: #FDD37D;
    scrollbar-shadow-color: #FDD37D;
    scrollbar-3dlight-color: #808080;
    scrollbar-arrow-color: #000080;
    scrollbar-track-color: #FFE7AF;
    scrollbar-darkshadow-color: #808080;
}

.besTab2
{
    background-color: #b6cde4;
    color: #000000;
    cursor:pointer;
    white-space: nowrap;
    text-align: center;
    font-size: 7pt;
    line-height: 20px;
    height:20px;
    float:left;
}

.besTabActivo2
{
    background-color: #ffd68c;
    color: #000000;
    cursor:pointer;
    white-space: nowrap;
    text-align: center;
    font-size: 7pt;
    line-height: 20px;
    height:20px;
    float:left;
}

/* Errores ASP */
/*--------------------------------------------------------------------------------------*/

#DEBUGBAR
{
    position:absolute;
    left:0px;
    right:0px;
    top:0px;
    width: 100%;
    height:20px;
    z-Index:80;
    text-align:right;
}

.debugbar
{
    background-color: #ffffff;
    padding: 1px 0px 1px 0px;
    filter: alpha(opacity=90);
    opacity: .90;
}

.debug {background-color: #ddeedd; font-family: Verdana, Arial; font-size: 10pt;}
.debugKey {font-size: 10pt; color: #0000ff}
.debugItem {font-size: 10pt; color: #993300}
.debugValue {font-size: 10pt; color: #ff3333}
.debugMsg {font-size: 10pt; color: #ff3333; font-size:12pt}


/* Formatos de tabla */
/*--------------------------------------------------------------------------------------*/

.layoutTable
{
    table-layout: fixed;
    width: 100%;
    height: 100%;
}

.layoutCell
{
    vertical-align: top;
}

.bordeTabla
{
    background-color: #ffffff;
    border: 1px solid #ffd68c;
}

.celdaLeftTop
{
    padding-left: 5px;
    padding-top: 5px;
    border-right: 2px solid #ffd68c;
    border-bottom: 2px solid #ffd68c;
}

.celdaRightTop
{
    padding-right: 5px;
    padding-top: 5px;
    border-bottom: 2px solid #ffd68c;
}

.celdaLeftBottom
{
    padding-left: 5px;
    padding-bottom: 5px;
    border-right: 2px solid #ffd68c;
}

.celdaRightBottom
{
    padding-right: 5px;
    padding-bottom: 5px;
}


/* Tablas */

.cabecera
{
    background-color: #bbcde4;
    font-size: 9pt;
    font-weight: bold;
}

.contenido
{
    background-color: #fff1da;
    background-image: url(/images/fondosintarea300x300.gif)
}

.filaPar
{
    background-color: #e4f1f8;
}

.filaImpar
{
    background-color: #fff1da;
}

.filaSelec
{
    background-color: #cccccc;
}

.fondoTabla
{
	background: #ffffff url(../images/FondoSinTarea300x300.gif) top left repeat;
	border: 1px solid #ffd68c;
}

.tablaDatos
{
    border-collapse: collapse;
    /*border: 2px solid #ffd68c;*/
}

.tablaDatos th
{
    background: url(../images/barraazul.gif) repeat;
    background-color: #b6cde4;
    font-family: Verdana, Arial; font-size: 7pt;
    color: #ffffff;
    border: 1px solid #ffd68c;
    text-align: center;
    height: 25px;
}

.tablaDatos td
{
    border: 1px solid #ffd68c;
    padding: 2px;
}

/* Tablas para maquetar formularios */
.tablaForm
{
    table-layout:fixed;
    border-collapse: collapse;
}

.tablaForm th
{
	text-align: right;
    padding: 2px;
    font-weight: normal;
    vertical-align: top;
}

.tablaForm td
{
	text-align: left;
    padding: 2px;
}


/* Cajas con contenido */
.caja
{
    border-collapse: collapse;
    background-color: #fff1da;
    border: 2px solid #ffd68c;
}

.apartadoCaja
{
    background-color: #ffdf98;
    border: 1px solid #ffd68c;
    /*font-weight:bold;*/
    padding: 2px;
    vertical-align: top;
}

.cabeceraCaja
{
    background-color: #ffd68c;
    font-weight:bold;
    padding: 2px;
    vertical-align: top;
}

.contenidoCaja
{
    background-color: #fff1da;
    padding: 4px;
    vertical-align: top;
}

.bordeCaja
{
    background-color: #fff1da;
    padding: 4px;
    border: 1px solid #ffd68c;
}

.caja2
{
    border-collapse: collapse;
    background-color: #e4f1f8;
    border: 2px solid #b6cde4;
}

.apartadoCaja2
{
    background-color: #BDD9F3;
    border: 1px solid #b6cde4;
    /*font-weight:bold;*/
    padding: 2px;
    vertical-align: top;
}

.cabeceraCaja2
{
    background-color: #b6cde4;
    font-weight:bold;
    padding: 2px;
}

.contenidoCaja2
{
    background-color: #e4f1f8;
    padding: 4px;
}

.bordeCaja2
{
    background-color: #e4f1f8;
    padding: 4px;
    border: 1px solid #b6cde4;
}


/* Elementos Flotantes de Pagina */

.botonBarra
{
    position:relative;
	float:left;
	/*padding:2px;*/
}

.botonApilado
{
    position:relative;
	padding:2px;
}

.botonWizard
{
    position:relative;
	float:right;
	/*padding:2px;*/
}

.botonCerrar
{
	position: absolute;
	right: 5px;
	top: 5px;
}