/************************************************************************************
REDEFINICIÓN DE ETIQUETAS HTML
************************************************************************************/
.icono{
	background-color: transparent;
	border: ButtonFace 1px solid;
	cursor: hand;
	margin: 0px;
	padding: 2px;
}
.icono_over {
	background-color: lightblue;
	border: darkblue 1px solid;
	cursor: hand;
	margin: 0px;
	padding: 2px;
}
.icono_down {
	background-color: darkblue;
	border: darkblue 1px solid;
	cursor: hand;
	margin: 0px;
	padding: 2px;
}
body {
	font-size: 11px;
	FONT-FAMILY: verdana;
	color: #000000;
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	PADDING-TOP: 0px; 
	MARGIN: 0px 0px 0px 0px; 
	SCROLLBAR-FACE-COLOR: #d9e0e0; 
	SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; 
	SCROLLBAR-SHADOW-COLOR: #adafb1; 
	SCROLLBAR-3DLIGHT-COLOR: #cccccc; 
	SCROLLBAR-ARROW-COLOR: #adafb1; 
	SCROLLBAR-DARKSHADOW-COLOR: #ffffff; 
	SCROLLBAR-BASE-COLOR: #adafb1
}
H1 {
	PADDING-RIGHT: 20px;
	PADDING-LEFT: 20px;
	padding-top: 60px;
	padding-bottom: 5px;
	FONT-FAMILY: verdana;
	FONT-WEIGHT: bold;
	FONT-SIZE: 25px;
	MARGIN: 0px;
	COLOR: white;
	background-color: #4682B4;
	text-transform: uppercase;
	cursor: default;
}
H2 {
	PADDING-RIGHT: 20px;
	PADDING-LEFT: 20px; 
	padding-top: 20px;
	FONT-WEIGHT: bold; 
	FONT-SIZE: 14px; 
	MARGIN: 3px; 
	COLOR: #686868; 
	FONT-FAMILY: verdana; 
	text-transform: uppercase;
	cursor: default;
}
H3 {
	PADDING-TOP: 6px;
	PADDING-BOTTOM: 3px; 
	PADDING-RIGHT: 10px; 
	PADDING-LEFT: 10px; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 11px; 
	MARGIN: 0px; 
	COLOR: #848ccd;
	FONT-FAMILY: verdana;
	cursor: default;
}
H4 {
	PADDING-TOP: 3px; PADDING-BOTTOM: 6px; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: normal; FONT-SIZE: 10px; MARGIN: 0px; COLOR: #576278; FONT-FAMILY: verdana
}
P {
	PADDING-RIGHT: 20px; PADDING-LEFT: 20px; FONT-SIZE: 11px; COLOR: #000000; LINE-HEIGHT: 18px; FONT-FAMILY: verdana; cursor: default;
}
B {
	FONT-WEIGHT: bold; COLOR: ROYALBLUE; FONT-FAMILY: verdana;
}
table{
	font-size: 11px;
	color: #000000;
	FONT-FAMILY: verdana;
}
TD.content {
	PADDING-RIGHT: 20px; PADDING-LEFT: 20px; FONT-SIZE: 11px; PADDING-BOTTOM: 10px; COLOR: #686868; LINE-HEIGHT: 18px; PADDING-TOP: 0px; FONT-FAMILY: verdana
}
TD.features {
	PADDING-BOTTOM: 20px; PADDING-TOP: 20px
}
TD.featuresContentLeft {
	PADDING-LEFT: 10px; TEXT-ALIGN: left
}
TD.featuresContentRight {
	PADDING-RIGHT: 10px; FONT-SIZE: 11px; PADDING-BOTTOM: 2px; COLOR: #34426c; PADDING-TOP: 2px; FONT-FAMILY: verdana; TEXT-ALIGN: right
}
TD.footer {
	PADDING-TOP: 6px; PADDING-BOTTOM: 5px; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-SIZE: 10px; COLOR: #939393; FONT-FAMILY: verdana
}
TD.news {
	PADDING-RIGHT: 0px; PADDING-LEFT: 20px; FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #576278; FONT-FAMILY: verdana
}
TD.subnav {
	PADDING-RIGHT: 20px; PADDING-LEFT: 20px; FONT-SIZE: 10px; COLOR: #848ccd; FONT-FAMILY: verdana
}
TD.imgclave {
	BORDER-RIGHT: 1px solid #939393; BORDER-TOP: 1px solid #939393; PADDING-TOP: 0px; PADDING-RIGHT: 0px;
}
TD.pclave {
	BORDER-TOP: #939393 1px solid; PADDING-TOP: 20px; PADDING-BOTTOM:8 px;
}
TD.titclave {
	PADDING-RIGHT: 20px;
	PADDING-LEFT: 23px;
	PADDING-TOP: 4px;
	PADDING-BOTTOM: 4px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 14px;
	MARGIN: 3px;
	COLOR: #000000;
	FONT-FAMILY: verdana;
	background-image: url(../images/bg_titclave.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
TR.subtit {
	PADDING-LEFT: 23px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 14px;
	COLOR: #ffffff;
	FONT-FAMILY: verdana;
	background-color: #6699ff;
}
FORM {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	width: 160px; 
	height: 75px; 
}
select{
	width: 160px;
	color: #000000;
	padding: 2px;
	font-family: verdana;
	font-size: 12px;
}
A:link {
	FONT-SIZE: 11px; COLOR: #4169E1; FONT-FAMILY: verdana; TEXT-DECORATION: none
}
A:visited {
	FONT-SIZE: 11px; COLOR: #4169E1; FONT-FAMILY: verdana; TEXT-DECORATION: none
}
A:active {
	FONT-SIZE: 11px; COLOR: #4169E1; FONT-FAMILY: verdana; TEXT-DECORATION: none
}
A:hover {
	COLOR: DARKORANGE; TEXT-DECORATION: underline
}
A.footer:link {
	FONT-SIZE: 10px; COLOR: #939393; FONT-FAMILY: verdana; TEXT-DECORATION: none
}
A.footer:visited {
	FONT-SIZE: 10px; COLOR: #939393; FONT-FAMILY: verdana; TEXT-DECORATION: none
}
A.footer:active {
	FONT-SIZE: 10px; COLOR: #939393; FONT-FAMILY: verdana; TEXT-DECORATION: none
}
A.footer:hover {
	TEXT-DECORATION: underline
}
A.news:link {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #848ccd; FONT-FAMILY: verdana; TEXT-DECORATION: underline
}
A.news:visited {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #848ccd; FONT-FAMILY: verdana; TEXT-DECORATION: underline
}
A.news:active {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #848ccd; FONT-FAMILY: verdana; TEXT-DECORATION: underline
}
A.news:hover {
	TEXT-DECORATION: none
}
A.subnav:link {
	FONT-SIZE: 10px; COLOR: #4444ff; FONT-FAMILY: verdana; TEXT-DECORATION: none
}
A.subnav:visited {
	FONT-SIZE: 10px; COLOR: #4444ff; FONT-FAMILY: verdana; TEXT-DECORATION: none
}
A.subnav:active {
	FONT-SIZE: 10px; COLOR: #4444ff; FONT-FAMILY: verdana; TEXT-DECORATION: none
}
A.subnav:hover {
	COLOR: #0000ff; TEXT-DECORATION: underline
}
A.adicionar:link {
	FONT-SIZE: 11px; COLOR: #cc0000; FONT-FAMILY: verdana; TEXT-DECORATION: none
}
A.adicionar:visited {
	FONT-SIZE: 11px; COLOR: #cc0000; FONT-FAMILY: verdana; TEXT-DECORATION: none
}
A.adicionar:active {
	FONT-SIZE: 11px; COLOR: #cc0000; FONT-FAMILY: verdana; TEXT-DECORATION: none
}
A.adicionar:hover {
	FONT-SIZE: 11px; COLOR: #cc0000; TEXT-DECORATION: none;
}
A.email:link {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #6699ff; FONT-FAMILY: verdana; TEXT-DECORATION: underline
}
A.email:visited {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #6699ff; FONT-FAMILY: verdana; TEXT-DECORATION: underline
}
A.email:active {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #6699ff; FONT-FAMILY: verdana; TEXT-DECORATION: underline
}
A.email:hover {
	TEXT-DECORATION: none; COLOR: #ff9966;
}
A.titbar:link {
	FONT-SIZE: 12px; COLOR: #ffffff; TEXT-DECORATION: none
}
A.titbar:visited {
	FONT-SIZE: 12px; COLOR: #ffffff; TEXT-DECORATION: none
}
A.titbar:active {
	FONT-SIZE: 12px; COLOR: #ffffff; TEXT-DECORATION: none
}
A.titbar:hover {
	FONT-SIZE: 12px; COLOR: #ffffff; TEXT-DECORATION: none;
}

/************************************************************************************
ESTILOS DE MENU Y ELEMENTOS HTML DE GUI
************************************************************************************/
.menuIEb {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.menuIE:link {
	FONT-WEIGHT: ; FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.menuIE:visited {
	FONT-WEIGHT: ; FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.menuIE:active {
	FONT-WEIGHT: ; FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.menuIE:hover {
	FONT-WEIGHT: ; FONT-SIZE: 11px; COLOR: #CC0000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline
}
.reporte {
	border: #000000 1px solid;
}
.reportetitulo {
	border-bottom: #000000 1px solid;
	color:#000000;
	font-size: xx-small;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #ffffcc;
}
.lista {
	/*border: #000000 1px solid;*/
}
.listatitulo {
	border-bottom: #cccccc 1px solid;
	color:#000000;
	font-size: xx-small;
	font-weight: bold;
	text-transform: uppercase;
	/*background-color: #ffffcc;*/
}
.tit1 {
	border-bottom: #000000 1px solid;
	border-top: #000000 1px solid;
	color:#000000;
	font-size: xx-small;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #f6f6f6;
}
.tit2 {
	border-bottom: #000000 1px solid;
	color:#000000;
	font-size: xx-small;
	font-weight: bold;
	/*text-transform: uppercase;
	background-color: #f6f6f6;*/
}
.horario_tit {
	border: #bbbbbb 1px solid;
	color:#000000;
	font-size: xx-small;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #ffffcc;
}
.horario_celda {
	border: #bbbbbb 1px solid;
	color:#000000;
	font-size: 8px;
	text-transform: uppercase;
	background-color: #ffffff;
	text-align: center;
	cursor: hand;
	height:60px
}
.horario_celda_over {
	border: #bbbbbb 1px solid;
	color:#000000;
	font-size: 8px;
	text-transform: uppercase;
	background-color: #ffcc00;
	text-align: center;
	cursor: hand;
	height:60px
}
.marco {
	border: #000000 1px solid;
}
.marco_tit {
	border-bottom: #000000 1px solid;
	color:#000000;
	font-size: xx-small;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #ffcc00;
}
.skin0 {
	position:absolute;
	text-align:left;
	width:200px;
	border:2px solid black;
	background-color:menu;
	font-family:Verdana;
	line-height:20px;
	cursor:default;
	visibility:hidden;
}
.skin1 {
	cursor:hand;
	font:menutext;
	position:absolute;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	width:120px;
	background-color:menu;
	border:1 solid buttonface;
	visibility:hidden;
	border:2 outset buttonhighlight;
}
.barratitulo {
	background-color: ActiveCaption;
	color: HighlightText;
	font-weight:bold;
	background-image: url(barra_tit_0.png);
	background-repeat: repeat-x;
	color: Black;
}
.barramenu {
	font:menutext;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	background-color: ButtonFace;
	border-top: ButtonHighlight 1px solid;
	border-left: ButtonHighlight 1px solid;
	border-bottom: ButtonShadow 1px solid;
	border-right: ButtonShadow 1px solid;
	position:absolute; 
	left:0;
	width:100%;
	height:25;
}
.toolbar {
	background-color: ButtonFace;
	border-top: ButtonHighlight 1px solid;
	border-left: ButtonHighlight 1px solid;
	border-bottom: ButtonShadow 1px solid;
	border-right: ButtonShadow 1px solid;
	position:absolute; 
	left:0;
	width:100%;
	height: 30px;
}
.barramenuboton {
	height: 20px;
	width: 20px;
	font-size: xx-small;
	font-weight: bold;
}
.skinmenu {
	cursor: pointer;
	font:menutext;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	background-color:menu;
	border:2px outset buttonhighlight;
}
.menus {
	cursor:hand;
	position:absolute;
	margin:0px;
	padding: 0px;
	height: 23px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
}
.menuslabel{
	margin-left:5px;
}
.menuitems {
	line-height:18px;
	padding-left:3px;
	padding-right:3px;
	padding-bottom: 2	px;
	padding-top: 2px;
}
.panel {
	position: absolute;
	border: inset 2px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}
.area {
	border: 0px solid red;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	position: absolute;
	display: block;
}
.iframe {
	padding: 0px;
	margin: 0px;
	border: none;
}
.iframetit {
	padding: 3px;
	margin: 0px;
	background-color: #4682B4;
	color: White;
	border: outset 1px;
	cursor: default;
}
.filaover {
	padding: 3px;
	font-size: 11px;
	FONT-FAMILY: verdana;
	color: white;
	background-color: #848ccd;
	cursor: hand;
}
.filaout {
	padding: 3px;
	font-size: 11px;
	FONT-FAMILY: verdana;
	color: black;
	background-color: #DCDCDC;
}
.filaclick {
	padding: 3px;
	font-size: 11px;
	FONT-FAMILY: verdana;
	color: white;
	background-color: #d42b00;
	cursor: hand;
}
.separador {
	BORDER-BOTTOM: #cfcfcf 1px solid;
}
.cuadro {
	BORDER-RIGHT: #848ccd 1px solid;
	BORDER-TOP: #848ccd 1px solid;
	BORDER-LEFT: #848ccd 1px solid;
	BORDER-BOTTOM: #848ccd 1px solid;
}
.dbox {
	border:1px solid gray;
}
.boton{
	FONT-SIZE: 12px;
	COLOR: #000000;
	PADDING-TOP: 2px;
	PADDING-BOTTOM: 2px;
	FONT-FAMILY: verdana;
	cursor: hand;
}
.addbutton {
	FONT-SIZE: 12px;
	FONT-FAMILY: verdana;
	COLOR: #000000;
	PADDING: 2px;
	cursor: hand;
	WIDTH: 150px;
	HEIGHT: 25px;
}
.boton_small{
	FONT-SIZE: 10px;
	COLOR: #000000;
	PADDING-TOP: 0px;
	PADDING-BOTTOM: 0px;
	FONT-FAMILY: verdana;
	cursor: hand;
}
.menu_boton{
	PADDING-TOP: 2px;
	PADDING-BOTTOM: 2px;
	PADDING-LEFT: 3px;
	PADDING-RIGHT: 3px;
	WIDTH: 120px;
	HEIGHT: 24px;
	BACKGROUND: #FFE4C4; 
	COLOR: #000000;
	TEXT-ALIGN:left;
	FONT-SIZE: 12px;
	FONT-FAMILY: verdana;
	CURSOR: hand;
}
.barra_titulo {
	background-image: url(../img/barra_titulo.gif);
	BACKGROUND-COLOR: #cc0000;
	font-weight: bold;
	color: #FFFFFF;
	text-transform: uppercase;
	text-align: left
}
.dbox_icono{
	margin-left: 30px;
	cursor: pointer;
}
.dbox_tit{
	margin-left: 5px;
}
.error {
	color:#ff0000;
}
.notas {
	border: Silver solid 1px;
	color: black;
	padding: 3px;
	FONT-SIZE: 10px;
	FONT-FAMILY: verdana;
	font-weight: normal;
	BACKGROUND: #FFFFCC; 
	cursor: default;
}
.obligatorio {
	color: #FF8C00;
	font-weight: bold;
}
.select{
	width: 160px;
	color: black;
	font-family: verdana;
	font-size: 12px;
}
.select_realzado{
	background-color: CORNSILK;
	width: 160px;
	color: black;
	font-family: verdana;
	font-size: 12px;
}
.checkbox{
	width: 160px;
	color: black;
	font-family: verdana;
	font-size: 12px;
}
.checkbox_realzado{
	background-color: CORNSILK;
	width: 160px;
	color: black;
	font-family: verdana;
	font-size: 12px;
}
.textarea {
	border: #848ccd 1px solid;
	font-family: Verdana;
	font-size: 10px;
	color: Black;
	width: 160px; 
	height: 75px; 
}
.textarea_realzado {
	background-color: CORNSILK;
	font-family: Verdana;
	font-size: 10px;
	color: black;
	width: 160px; 
	height: 75px; 
}
.text {
	BORDER: #848ccd 1px solid;
	COLOR: #000000; 
	WIDTH: 160px;
	HEIGHT: 22px;
	PADDING: 2px; 
	FONT-FAMILY: verdana; 
	FONT-SIZE: 12px;
}
.text_realzado {
	background-color: CORNSILK;
	COLOR: #000000; 
	WIDTH: 160px;
	HEIGHT: 22px;
	PADDING: 2px; 
	FONT-FAMILY: verdana; 
	FONT-SIZE: 12px;
}
.num {
	border: #848ccd 1px solid;
	COLOR: #000000;
	WIDTH: 160px;
	HEIGHT: 22px;
	PADDING: 2px;
	FONT-FAMILY: verdana; 
	FONT-SIZE: 12px;
	text-align:right;
}
.num_realzado {
	background-color: CORNSILK;
	COLOR: #000000;
	WIDTH: 160px;
	HEIGHT: 22px;
	PADDING: 2px;
	FONT-FAMILY: verdana; 
	FONT-SIZE: 12px;
	text-align:right;
}
.fecha {
	border: #848ccd 1px solid; 
	WIDTH: 124px;
	COLOR: #000000; 
	PADDING: 2px; 
	FONT-FAMILY: verdana; 
	FONT-SIZE: 12px; 
	HEIGHT: 20px; 
	text-align:right;
}
.fecha_realzado {
	background-color: CORNSILK;
	WIDTH: 124px;
	COLOR: #000000; 
	PADDING: 2px; 
	FONT-FAMILY: verdana; 
	FONT-SIZE: 12px; 
	HEIGHT: 20px; 
	text-align:right;
}
.boton {
	color: BLACK;
	font-family: verdana;
	font-size: 13px;
	height: 24px;
	padding: 0px;
	margin: 3px;
}
.boton_realzado {
	color: black;
	background-color: CORNSILK;
	font-family: verdana;
	font-size: 13px;
	height: 24px;
	padding: 0px;
	margin: 3px;
}
.dynamic-tab-pane-control.tab-pane {
	position:	relative;
	/*width:		100%;		 width needed weird IE bug */
	/*margin-right:	-2px;	 to make room for the shadow */
}
.dynamic-tab-pane-control .tab-row .tab {
	width: 70px;
	height: 16px;
	background-image: url( "tab.png" );
	position: relative;
	top: 0;
	display: inline;
	float: left;
	overflow: hidden;
	cursor: hand;
	margin: 1px -1px 1px 2px;
	padding: 2px 0px 0px 0px;
	border: 0;
	z-index: 1;
	font: 11px Tahoma;
	text-transform: none;
	white-space: nowrap;
	text-align: center;
}
.dynamic-tab-pane-control .tab-row .tab.selected {
	width: 74px !important;
	height: 18px !important;
	background-image:	url( "tab_active.png" ) !important;
	background-repeat: no-repeat;
	border-bottom-width:	0;
	z-index: 3;
	padding:	2px 0px 0px 0px;
	margin: 1px -3px -3px 0px;
	top: -2px;
	font: 11px Tahoma;
}
.dynamic-tab-pane-control .tab-row .tab a {
	font:	11px Tahoma;
	color: #333;
	text-decoration: none;
	cursor: hand;
}
.dynamic-tab-pane-control .tab-row .tab.hover {
	font:	11px Tahoma;
	width: 70px;
	height: 16px;
	background-image:	url( "tab_hover.png" );
	background-repeat: no-repeat;
}
.dynamic-tab-pane-control .tab-page {

	border: 1px solid rgb( 145, 155, 156 );
	background: rgb( 252, 252, 254 );
	z-index: 2;
	position: relative;
	top: -2px;
	font: 11px Tahoma;
	color: #333;
	padding:	5px;
	width: 97%;
	float: left;
}
.dynamic-tab-pane-control .tab-row {
	z-index: 1;
	white-space: nowrap;
}

.acordeon {
	position: absolute; 
	border-bottom: 1px solid white; 
	border-top-width: 1px; 
	border-top-style: solid;
}

.accordionTabTitleBar {
   font-size           : 12px;
	padding             : 4px 6px 4px 6px;
   border-style        : solid none solid none;
	border-top-color    : #BDC7E7;
	border-bottom-color : #182052;
   border-width        : 1px 0px 1px 0px;
}

.accordionTabTitleBarHover {
   font-size        : 11px;
	background-color : #1f669b;
	background-color : lime;
	color            : #000000;
}

.accordionTabContentBox {
   font-size        : 11px;
   border           : 1px solid #1f669b;
   border-top-width : 0px;
   padding          : 0px 8px 0px 8px;
	background-color: #FaFaFa;
}