body
{
    text-align: center;
    font-size: 10px;
    font-family: Arial;
    margin: 0px;
    background-image: url(../images/bkha.gif);
    background-color: transparent;
} 

body /* Mozilla Firefox alignment */ 
{ 
    text-align: -moz-center; 
    font-size: 10px;
    font-family: Arial;
    margin: 0px;
} 

.TablaMain
{
    border-right: gainsboro 1pt solid;
    border-left: gainsboro 1pt solid;
}
    
.TablaConScroll
{    
    border-right: gray 1pt solid;
    border-top: gray 1pt solid;
    font-size: 12px;
    border-left: gray 1pt solid;
    color: #000000;
    border-bottom: gray 1pt solid;
    font-family: Tahoma, Verdana;
    background-color: #f8f8ff;
    overflow: auto;
    }
    
        .TablaConScroll02
{    
    overflow: auto;
    }

/*Modal Popup*/
.modalBackground
{
    background-color: #a9a9a9;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalPopup
{
    background-color: #f0ffff;
    border-width: 2px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    width: 250px;
    font-family: Arial;
}

/* Rating */
.ratingStar {
    font-size: 0pt;
    width: 16px;
    height: 15px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(../Images/Iconos/star.gif);

}

.emptyRatingStar {
    background-image: url(../Images/Iconos/EmptyStar.png);
}

.savedRatingStar {
    background-image: url(../Images/Iconos/SavedStar.png);
}


.txsmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	text-decoration: none;
}

.txmed {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}
.txmedb {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}

.txbig {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
}

.txvbig {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	text-decoration: none;
}
.txtittle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}
.txtittle2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}
.txultrabig {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	text-decoration: none;
}
.txgreen1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #517B10;
	text-decoration: none;
}
.txgreen2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #517B10;
	text-decoration: none;
}

.txgreen3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #517B10;
	text-decoration: none;
}
.green4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #517B10;
	text-decoration: none;
	font-weight: bold;
}
.txorange1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF5A00;
	text-decoration: none;
}
.txorange2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF5A00;
	text-decoration: none;
}
.txorange3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF5A00;
	text-decoration: none;
}
.txbrown1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #5E3309;
	text-decoration: none;
}
.txbrown2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5E3309;
	text-decoration: none;
}
.txbrown3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5E3309;
	text-decoration: none;
}
.txbrown3b {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #5E3309;
	text-decoration: none;
}

.txbrown3bs
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #5E3309;
    text-decoration: none;
    border-bottom: lightgrey 1px solid;
}
a:link {
	color: #5E3309;
	text-decoration: none;
}
a:visited {
	color: #5E3309;
	text-decoration: none;
}
a:hover
{
    color: #990033;
    text-decoration: none;
}
a:active {
	color: #5E3309;
	text-decoration: none;
}

.boxsimple
{
	border-right: #d3d3d3 1px dotted;
	border-top: #d3d3d3 1px dotted;
	border-left: #d3d3d3 1px dotted;
	border-bottom: #d3d3d3 1px dotted;
}
.box
{
	border-right: #d3d3d3 1px solid;	
	border-left: #d3d3d3 1px solid;	
}

.box2
{
    border-right: #abd160 1px solid;
    border-top: #abd160 1px solid;
    border-left: #abd160 1px solid;
    border-bottom: #abd160 1px solid;
    
}
.mal
{
	border-right: #FF5A00 2px solid;
	border-top: #FF5A00 2px solid;
	border-left: #FF5A00 2px solid;
	border-bottom: #FF5A00 2px solid;
	background-color: #ffff99;
}
.bien
{
	border-right: gainsboro 1px solid;
	border-top: gainsboro 1px solid;
	border-left: gainsboro 1px solid;
	border-bottom: gainsboro 1px solid;
	background-color: #e9fbe2;
	font-weight: normal;
	font-size: 8pt;
	background-image: url(images/bkbien.jpg);
	color: #006600;
	font-family: arial;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;
}
.fotograydot {
	border: 1px dotted #999999;
}
.foto
{
	border: dimgray 2px solid;
	}
	
.error {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FF0000;
	text-decoration: blink;
}
.error2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FF0000;
	text-decoration: none;
	
}
.error3
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: white;
    text-decoration: none;
    vertical-align: middle;
    text-align: center;
    background-position: center center;
    background-image: url(../images/errorbk2.gif);
    background-color: transparent;
    cursor: help;
    width: 16px;
    height:16px;
}
.txt1
{
	border-right: darkgray 1px solid;
	border-top: darkgray 1px solid;
	font-size: 11px;
	border-left: darkgray 1px solid;
	border-bottom: darkgray 1px solid;
	font-family: Arial;
	list-style-type: disc;
	background-color: cornsilk;
	text-decoration: none;
	color: #333300;
}
.rare
{
	border-right: white 1px solid;
	border-top: white 1px solid;
	font-size: 11px;
	border-left: white 1px solid;
	border-bottom: white 1px solid;
	font-family: Arial;
	list-style-type: disc;
	background-color: darkgreen;
	text-decoration: none;
	color: white;
}

.rare02
{
	border-right: white 1px solid;
	border-top: white 1px solid;
	font-size: 11px;
	border-left: white 1px solid;
	border-bottom: white 1px solid;
	font-family: Arial;
	list-style-type: disc;
	background-color: red;
	text-decoration: none;
	color: white;
}
.nuevo
{
	border-right: gray 1px solid;
	border-top: gray 1px solid;
	font-size: 11px;
	border-left: gray 1px solid;
	border-bottom: gray 1px solid;
	font-family: Arial;
	list-style-type: disc;
	background-color: #cae27f;
	text-decoration: none;
	color: midnightblue;
}
.manage
{
	border-right: gray 1px solid;
	border-top: gray 1px solid;
	font-size: 11px;
	border-left: gray 1px solid;
	border-bottom: gray 1px solid;
	font-family: Arial;
	list-style-type: disc;
	background-color: lavender;
	text-decoration: none;
	color: midnightblue;
}
.ver
{
	border-right: gray 1px solid;
	border-top: gray 1px solid;
	font-size: 11px;
	border-left: gray 1px solid;
	border-bottom: gray 1px solid;
	font-family: Arial;
	list-style-type: disc;
	background-color: wheat;
	text-decoration: none;
	color: midnightblue;
}
.aceptar
{
	font-family: Arial;
	background-position: center center;
	font-weight: bold;
	font-size: 8pt;
	background-image: url(images/stdbutton.gif);
	color: white;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;
}
.guardar
{
	font-family: Arial;
	background-position: center center;
	font-weight: bold;
	font-size: 8pt;
	background-image: url(images/confirmbutton.gif);
	color: white;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;
}
.danger
{
	font-family: Arial;
	background-position: center center;
	font-weight: bold;
	font-size: 8pt;
	background-image: url(images/alertbutton.gif);
	color: white;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;
}

.td2
{
    font-size: 11px;
    font-family: Arial;
    list-style-type: disc;
    background-color: #abd160;
    text-decoration: none;
    color: #333300;
    border-right: #c6d2b4 1px solid;
    border-top: #c6d2b4 1px solid;
    border-left: #c6d2b4 1px solid;
    border-bottom: #c6d2b4 1px solid;
}
.td2a
{
    font-size: 11px;
    font-family: Arial;
    list-style-type: disc;
    background-color: #657d0c;
    text-decoration: none;
    color: snow;
    border-right: #c6d2b4 1px solid;
    border-top: #c6d2b4 1px solid;
    border-left: #c6d2b4 1px solid;
    border-bottom: #c6d2b4 1px solid;
}
.td0
{
    font-size: 10px;
    font-family: Arial;
    list-style-type: disc;
    background-color: beige;
    text-decoration: none;
    color: #323232;
}

.td0lr
{
    font-size: 10px;
    font-family: Arial;
    list-style-type: disc;
    background-color: beige;
    text-decoration: none;
    color: #323232;
    border-right: #c6d2b4 1px solid;
    border-left: #c6d2b4 1px solid;
}
.td0lrb
{
    font-size: 10px;
    font-family: Arial;
    list-style-type: disc;
    background-color: beige;
    text-decoration: none;
    color: #323232;
    border-right: #c6d2b4 1px solid;
    border-left: #c6d2b4 1px solid;
    border-bottom: #c6d2b4 1px solid;
}

.td0l
{
    font-size: 10px;
    font-family: Arial;
    list-style-type: disc;
    background-color: beige;
    text-decoration: none;
    color: #323232;
    border-left: #c6d2b4 1px solid;
}
.td0r
{
    font-size: 10px;
    font-family: Arial;
    list-style-type: disc;
    background-color: beige;
    text-decoration: none;
    color: #323232;
    border-right: #c6d2b4 1px solid;
}
.td0t
{
    font-size: 10px;
    font-family: Arial;
    list-style-type: disc;
    background-color: beige;
    text-decoration: none;
    color: #323232;
    border-top: #c6d2b4 1px solid;
}
.td0b
{
    font-size: 10px;
    font-family: Arial;
    list-style-type: disc;
    background-color: beige;
    text-decoration: none;
    color: #323232;
    border-bottom: #c6d2b4 1px solid;
}
.td1
{
    font-size: 11px;
    font-family: Arial;
    list-style-type: disc;
    background-color: beige;
    text-decoration: none;
    color: #323232;
    border-right: #c6d2b4 1px solid;
    border-top: #c6d2b4 1px solid;
    border-left: #c6d2b4 1px solid;
    border-bottom: #c6d2b4 1px solid;
}

.td3
{
    font-size: 11px;
    font-family: Arial;
    list-style-type: disc;
    background-color: gainsboro;
    text-decoration: none;
    color: #333300;
    border-right: darkgray 1px solid;
    border-top: darkgray 1px solid;
    border-left: darkgray 1px solid;
    border-bottom: darkgray 1px solid;
}

.td4
{
    font-size: 11px;
    font-family: Arial;
    list-style-type: disc;
    background-color: #f7f2f1;
    text-decoration: none;
    color: #333300;
    border-right: #c6d2b4 1px solid;
    border-top: #c6d2b4 1px solid;
    border-left: #c6d2b4 1px solid;
    border-bottom: #c6d2b4 1px solid;
}
.listbox
{
	border-right: #cccc99 1px double;
	border-top: #cccc99 1px double;
	font-size: 8pt;
	border-left: #cccc99 1px double;
	border-bottom: #cccc99 1px double;
	font-family: arial;
	background-color: #f9f9f8;
	text-decoration: none;
}

.tabla01
{
    border-right: #c6d2b4 1px solid;
    border-top: #c6d2b4 1px solid;
    border-left: #c6d2b4 1px solid;
    border-bottom: #c6d2b4 1px solid;
    font-size: 11px;
    color: #000000;
    font-family: Arial;
    background-position: bottom;
    background-image: url(Images/backDownTablaABM.jpg);
    background-repeat: repeat-x;
}

.tabla02
{
    border-right: #a9a9a9 1px solid;
    border-top: #a9a9a9 1px solid;
    border-left: #a9a9a9 1px solid;
    border-bottom: #a9a9a9 1px solid;
    font-size: 11px;
    color: #000000;
    font-family: Arial;
    background-position: bottom;
    background-image: url(Images/backDownTablaABM.jpg);
    background-repeat: repeat-x;
}

.tabla03
{
    border-right: #c6d2b4 1px solid;
    border-top: #c6d2b4 1px solid;
    border-left: #c6d2b4 1px solid;
    border-bottom: #c6d2b4 1px solid;
    font-size: 11px;
    color: #000000;
    font-family: Arial;
    background-position: bottom;
    background-image: url(Images/backDownTablaABM.jpg);
    background-repeat: repeat-x;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
}


.tablaEditorMensajesInternos
{
    border-right: #a9a9a9 1pt solid;
    border-top: #a9a9a9 1pt solid;
    border-left: #a9a9a9 1pt solid;
    border-bottom: #a9a9a9 1pt solid;
    background-color: #f8f8ff;
}

.default
{
    font-size: 12px;
    color: black;
    font-family: Arial;
}

.itemMenu
{
    border-right: #a9a9a9 1pt solid;
    border-top: #a9a9a9 1pt solid;
    font-size: 12px;
    border-left: #a9a9a9 1pt solid;
    color: black;
    border-bottom: #a9a9a9 1pt solid;
    font-family: Arial;
    background-color: #f5f5f5;
    width: 150px;
    height: 20px;
    display: block;
    margin: 1px;
    vertical-align: middle;
    text-align: left;
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 2px;
    padding-top: 2px;
}

.itemMenu:hover
{
    border-right: #696969 1pt solid;
    border-top: #696969 1pt solid;
    font-size: 12px;
    border-left: #696969 1pt solid;
    color: black;
    border-bottom: #696969 1pt solid;
    font-family: Arial;
    background-color: #dcdcdc;
    width: 150px;
    height: 20px;
    display: block;
    margin: 1px;
    vertical-align: middle;
    text-align: left;
    cursor: pointer;
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 2px;
    padding-top: 2px;
}

.moduloTitulo
{
    font-weight: bold;
    font-size: 15pt;
    color: #3a4517;
    font-family: Tahoma;
    text-decoration: none;
}

.moduloSubTitulo
{
    font-weight: bold;
    font-size: 12pt;
    color: #3a4517;
    font-family: Tahoma;
    text-decoration: none;
}

.moduloABMTitulo
{
    font-weight: bold;
    font-size: 11pt;
    color: #2f4f4f;
    font-family: Tahoma;
    text-decoration: none;
}


.pnlABMTitulo
{
    background-image: url(images/backSolapaABM.jpg);
    height: 20px;
    border-right: #a9a9a9 1px solid;
    border-left: #a9a9a9 1px solid;
    padding-top: 6px;
    padding-left: 5px;
}

.moduloDescripcion
{
    font-size: 8pt;
    color: #475b6a;
    font-family: Arial;
    text-decoration: none;
}
    
select
{
    border-right: #a9a9a9 1pt solid;
    border-top: #a9a9a9 1pt solid;
    border-left: #a9a9a9 1pt solid;
    border-bottom: #a9a9a9 1pt solid;
    background-color: #f5f5f5;
    color: #474543;
    font-family: Arial;
    font-size: 11px;
}

input[type="text"], input[type="password"]
{
    border-right: #a9a9a9 1pt solid;
    border-top: #a9a9a9 1pt solid;
    border-left: #a9a9a9 1pt solid;
    border-bottom: #a9a9a9 1pt solid;
    background-color: #f5f5f5;
    color: #474543;
    font-family: Arial;
    font-size: 11px;
    height: 17px;
}

.tablaConsejo
{
    border-right: #2f4f4f 1pt dotted;
    border-top: #2f4f4f 1pt dotted;
    font-size: 11px;
    border-left: #2f4f4f 1pt dotted;
    color: #000000;
    border-bottom: #2f4f4f 1pt dotted;
    font-family: Arial;
    background-color: #e4f7f5;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 20px;
    padding-top: 20px;
}

.tablaEncabezado
{
    border-top: #a9a9a9 1pt solid;
    border-bottom: #a9a9a9 1pt solid;
}

/*Reorder List*/
.dragHandle
{
    width: 20px;
    height: 160px;
    background-color: #f5f5f5;
    cursor: move;
    border: outset thin white;
}

.callbackStyle {
	border:thin blue inset;		
}

.callbackStyle table {
	background-color:#5377A9;	
	color:Black;
}


.reorderListDemo li {
	list-style:none;
	margin:2px;
	background-image:url(images/bg_nav.gif);
	background-repeat:repeat-x;
	color:#FFF;
}

.reorderListDemo li a {color:#FFF !important; font-weight:bold;}

.reorderCue {
	border:dashed thin black;
	width:100%;
	height:25px;
}

.itemArea {
	margin-left:15px;
	font-family:Arial, Verdana, sans-serif;
	font-size:1em;
	text-align:left;
}

.Arbol
{
    font-weight: normal;
    font-size: 12px;
    color: #8b0000;
    font-family: Tahoma;
}

.cargando
{
    background-image: url(Images/cargando.gif);
    background-repeat: no-repeat;
}

.dragHandle {
	width:10px;
	height:15px;
	background-color:Blue;
	background-image:url(images/bg-menu-main.png);
	cursor:move;
	border:outset thin white;
}

.callbackStyle {
	border:thin blue inset;		
}

.callbackStyle table {
	background-color:#5377A9;	
	color:Black;
}


.reorderListDemo li
{
    list-style: none;
    margin: 2px;
    background-image: url(images/bg_nav.gif);
    background-repeat: repeat-x;
    color: #000033;
    cursor: move;
    height: 18px;
    vertical-align: middle;
    text-align: left;
}

.reorderListDemo li a {color:#FFF !important; font-weight:bold;}

.reorderCue {
	border:dashed thin black;
	width:100%;
	height:25px;
}

.itemArea {
	margin-left:15px;
	font-family:Arial, Verdana, sans-serif;
	font-size:1em;
	text-align:left;
}

.ContextMenuPanel
{
    border-right: #a9a9a9 1pt solid;
    border-top: #a9a9a9 1pt solid;
    border-left: #a9a9a9 1pt solid;
    border-bottom: #a9a9a9 1pt solid;
    background-color: #ffffff;
    width: 550px;
    height: 250px;
    font-size: 10px;
    font-family: Arial;
    overflow: auto;
}

.tablaReporte
{
    border-right: #f4f4f4 1pt solid;
    border-top: #f4f4f4 1pt solid;
    border-left: #f4f4f4 1pt solid;
    border-bottom: #f4f4f4 1pt solid;
}