BODY {
	FONT-WEIGHT: normal; FONT-SIZE: 8px; LINE-HEIGHT: 100%; FONT-FAMILY: Verdana, Helvetica, Sans-Serif; BACKGROUND-COLOR: #FFFFFF
}
H1 {
	FONT-SIZE: 1.4em; COLOR: #0179c5; LINE-HEIGHT: 120%
}
H2 {
	FONT-SIZE: 1.3em; COLOR: #0179c5; LINE-HEIGHT: normal
}
H3 {
	FONT-SIZE: 1.2em; COLOR: #0179c5; LINE-HEIGHT: normal
}
TEXTAREA {
	BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid; height:120px;
}
TABLE {
	empty-cells: show
}
TD {
	LINE-HEIGHT: normal; FONT-FAMILY: Verdana, Helvetica, sans-serif
}
TH {
	PADDING-RIGHT: 1em; PADDING-LEFT: 1em; FONT-WEIGHT: bold; BACKGROUND: #868686; PADDING-BOTTOM: 0em; COLOR: #ffffff; LINE-HEIGHT: normal; PADDING-TOP: 0em
}
LEGEND {
	FONT-WEIGHT: bold; FONT-SIZE: 1em
}


#data_table_list{
	font-family: Verdana;
	font-size: 12px;
	color: #1f764f;
	text-align: center;
	margin: 10px auto;
}
#data_table_list ul{
	list-style-type: none;
	margin-left: 100px;
	text-align: center;
}
#data_table_list ul li{
	display: inline; 
}
#data_table_list ul li a{
	text-decoration: none;
	background: url(winxp/button_xp.gif);
	background-repeat:no-repeat;
	float: left;
	color: #ffffff;
	width: 84px;
	height: 30px;
	padding: 3px 0px 0 0px;
}

#data_table_list ul li a:hover {
	color: #ff6600;
}




INPUT {
	FONT-SIZE: 0.9em
}
TEXTAREA {
	FONT-SIZE: 0.9em; height:120px;
}
SELECT {
	FONT-SIZE: 0.9em
}
.header_link:link {
	FONT-WEIGHT: normal; COLOR: black; TEXT-DECORATION: none; FONT-SIZE: 0.9em
}
.header_link:visited {
	FONT-WEIGHT: normal; COLOR: black; TEXT-DECORATION: none; FONT-SIZE: 0.9em
}
.header_link:hover {
	FONT-WEIGHT: normal; COLOR: white; TEXT-DECORATION: underline; FONT-SIZE: 0.9em
}
#folder-left {
	FLOAT: left; MARGIN: 0px
}
#folder-right {
	FLOAT: right; MARGIN: 0px
}
.box-middle {
	BACKGROUND: url(top_middle.png) no-repeat left top; WIDTH: 100%; TEXT-ALIGN: right
}
.box-middle SPAN {
	PADDING-RIGHT: 5px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN: 3px 5px 0px 0px; PADDING-TOP: 3px
}
.box-middle-content {
	BORDER-RIGHT: #9090D0 1px solid;
	PADDING-RIGHT: 2px; BORDER-TOP: #9090D0 1px solid;
	PADDING-LEFT: 2px;
	PADDING-BOTTOM: 2px;
	MARGIN: 4px 2px 16px; BORDER-LEFT: #9090D0 1px solid;
	PADDING-TOP: 2px; BORDER-BOTTOM: #9090D0 1px solid;
/*	BACKGROUND-COLOR: #c6dbff;*/
	TEXT-ALIGN: left
}
.label_login {
	PADDING-RIGHT: 1em; PADDING-LEFT: 1em; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0.1em 0.3em 0px 0px; WIDTH: 5em; PADDING-TOP: 0.1em; HEIGHT: 1.4em; BACKGROUND-COLOR: #cccccc
}
.input_login {
	MARGIN-LEFT: 7.5em; PADDING-TOP: 0.1em
}
#error_login {
	COLOR: red
}


.highlight {
FONT-WEIGHT: bold;
}
.no_highlight {
FONT-WEIGHT: normal; FONT-SIZE: 10px; LINE-HEIGHT: 100%; FONT-FAMILY: Verdana, Helvetica, Sans-Serif;
LINE-HEIGHT: 12px;

}


@media Print    
{
INPUT {
	BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid
}
UNKNOWN {
	BACKGROUND: #f0f0f0
}
SELECT {
	BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid
}
#header-title {
	PADDING-RIGHT: 0px; PADDING-LEFT: 160px; FONT-WEIGHT: bold; FONT-SIZE: 1.5em; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT-STYLE: italic
}
#header-sub-title {
	PADDING-RIGHT: 0px; PADDING-LEFT: 180px; FONT-WEIGHT: bold; FONT-SIZE: 1em; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT-STYLE: italic
}
#logo-image {
	DISPLAY: none
}
#search-area {
	DISPLAY: none
}
.search_box {
	DISPLAY: none
}
#site-container {
	MARGIN: 0px auto; WIDTH: 100%; BACKGROUND: #f0f0f0
}
#left-container {
	DISPLAY: none
}
#main_topics {
	DISPLAY: none
}
#menu_submissions {
	DISPLAY: none
}
#main-container {
	FLOAT: right; MARGIN: 4px 3px 4px 2px; WIDTH: 100%
}
#footer-container {
	DISPLAY: none
}
#home_image {
	DISPLAY: none
}

.box_title {
	DISPLAY: none
}
.box_link:link {
	COLOR: #575757; TEXT-DECORATION: none
}
.box_link:visited {
	COLOR: #575757; TEXT-DECORATION: none
}
.box_link:hover {
	COLOR: black; TEXT-DECORATION: underline
}

}

@media Screen    
{
#header-title {
	FLOAT: right; PADDING-RIGHT: 0px; PADDING-LEFT: 160px; FONT-WEIGHT: bold; FONT-SIZE: 15px; PADDING-BOTTOM: 0px; PADDING-TOP: 10px; FONT-STYLE: italic
}
#header-usuario {
	FLOAT: right; PADDING-RIGHT: 12px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 10px; PADDING-BOTTOM: 0px; PADDING-TOP: 10px; FONT-STYLE: italic
}
#header-sub-title {
	PADDING-RIGHT: 0px; PADDING-LEFT: 180px; FONT-WEIGHT: bold; FONT-SIZE: 14px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT-STYLE: italic
}
#logo-image {
	MARGIN-TOP: 7px; FLOAT: left; MARGIN-BOTTOM: auto; MARGIN-LEFT: 25px; WIDTH: 125px; HEIGHT: 53px
}
#search-area {
	CLEAR: right; MARGIN-TOP: 20px; BACKGROUND: url(search.gif) no-repeat right bottom; FLOAT: right; WIDTH: 293px; LINE-HEIGHT: 28px; HEIGHT: 28px
}
.search_box {
	FONT-SIZE: 0.9em; MARGIN-LEFT: 100px; VERTICAL-ALIGN: middle; WIDTH: 112px
}
#site-container {
	BORDER-RIGHT: #979797 1px solid; BORDER-TOP: #979797 1px solid; MARGIN: 12px auto; BORDER-LEFT: #979797 1px solid; WIDTH: 980px; BORDER-BOTTOM: #979797 1px solid; BACKGROUND: #f0f0f0
}
#left-container {
	FLOAT: left; MARGIN: 4px 0px 4px 4px
}
#main-container {
	FLOAT: right; MARGIN: 4px 3px 4px 2px; WIDTH: 80%
}
#footer-container {
	CLEAR: both; FONT-SIZE: 100%; BACKGROUND-IMAGE: url(footer_bk.gif); LINE-HEIGHT: 38px; HEIGHT: 38px; TEXT-ALIGN: center
}
#home_image {
	MARGIN-LEFT: 10px; WIDTH: 16px; MARGIN-RIGHT: 5px; HEIGHT: 16px
}
.barfont {
	padding-left: 10px; font-size:9px; font-weight:normal; margin-top:auto; vertical-align:middle; color:#000000;
}
.box_content {
	BACKGROUND: url(bg_box.gif)
}
.box_title {
	BACKGROUND: url(top_box.gif) no-repeat left top; WIDTH: 143px; TEXT-ALIGN: right
}
.box_title SPAN {
	PADDING-RIGHT: 5px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; MARGIN: 3px 5px 0px 0px; PADDING-TOP: 3px
}
.box_title UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; LIST-STYLE-POSITION: outside; BACKGROUND: url(bottom_box.gif) no-repeat left bottom; LIST-STYLE-IMAGE: url(cat_bullet.jpg); PADDING-BOTTOM: 16px; MARGIN: 4px 0px 16px; PADDING-TOP: 4px; TEXT-ALIGN: left
}
.box_title LI {
	PADDING-RIGHT: 4px; PADDING-LEFT: 0px; FONT-SIZE: 0.85em; PADDING-BOTTOM: 0px; MARGIN: 1px 4px 0px 20px; PADDING-TOP: 1px; BORDER-BOTTOM: #c0c0c0 1px dotted
}
.box_title A {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; COLOR: #575757; PADDING-TOP: 0px; TEXT-DECORATION: none
}
.box_title A:hover {
	TEXT-DECORATION: underline
}
.box_link:link {
	COLOR: #575757; TEXT-DECORATION: none
}
.box_link:visited {
	COLOR: #575757; TEXT-DECORATION: none
}
.box_link:hover {
	COLOR: black; TEXT-DECORATION: underline
}
    }
#tabbedmenu {
	FONT-SIZE: 1.1em; FLOAT: left; WIDTH: 100%; LINE-HEIGHT: normal; BORDER-BOTTOM: #e3e2d3 thin solid
}
#tabbedmenu UL {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 10px; LIST-STYLE-TYPE: none
}
#tabbedmenu LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 9px; BACKGROUND: url(tableft.gif) no-repeat left top; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; WHITE-SPACE: nowrap
}
#tabbedmenu A {
	PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 6px; FONT-WEIGHT: bold; BACKGROUND: url(tabright.gif) no-repeat right top; PADDING-BOTTOM: 4px; COLOR: black; PADDING-TOP: 5px; TEXT-DECORATION: none
}
#tabbedmenu #currenttab {
	BACKGROUND-IMAGE: url(tableft_on.gif)
}
#tabbedmenu #currenttab A {
	FONT-WEIGHT: bold; BACKGROUND-IMAGE: url(tabright_on.gif); PADDING-BOTTOM: 5px; TEXT-DECORATION: none
}
#tabbedmenu #currenttab SPAN {
	PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 6px; FONT-WEIGHT: bold; BACKGROUND: url(tabright_on.gif) no-repeat right top; PADDING-BOTTOM: 4px; PADDING-TOP: 5px; TEXT-DECORATION: none
}

.lista_encabezado {
	background-color: #3063C9;
	font-style: normal;
	color: #FFFFFF;
	text-align: left;
	FONT-SIZE: 10px;
}
.lista_datos_encabezado:link {
	background-color: #3063C9;
	font-style: normal;
	color: #FFFFFF;
	text-align: left;
	FONT-SIZE: 10px;
}
.lista_datos_encabezado:hover {
	background-color: #5083f9;
	font-style: normal;
	color: #FFFFFF;
	text-align: left;
	FONT-SIZE: 10px;
}
.lista_datos_encabezado:visited {
	background-color: #3063C9;
	font-style: normal;
	color: #FFFFFF;
	text-align: left;
	FONT-SIZE: 10px;
}

.scroll {
	width:100%;
	height:280px;
	overflow:auto;

SCROLLBAR-FACE-COLOR:#6699CC;
SCROLLBAR-HIGHLIGHT-COLOR: #6699CC;
SCROLLBAR-SHADOW-COLOR: #6699CC;
SCROLLBAR-3DLIGHT-COLOR: #FFFFFF;
SCROLLBAR-ARROW-COLOR: #6699CC;
SCROLLBAR-TRACK-COLOR: #E7EFF7;
SCROLLBAR-DARKSHADOW-COLOR: #6699CC;
}
.lista_datos_par {
	background-color: #FFFFFF;
	/*font-style: italic;*/
	color: #000000;
	text-align: left;
	FONT-SIZE: 10px;	
}
.lista_datos_inpar {
	background-color: #E7EFF7;
	/*font-style: italic;*/
	color: #000000;
	text-align: left;
	FONT-SIZE: 10px;	
}
.navegacion {
	background-image: url(navbar_bk_big2.gif);
}
.celdanav {
	background-image: url(nav_drag_big.jpg);
	background-repeat: no-repeat;
	background-position: right;
	text-align: center;
	line-height: 100%;
}


.titulonormal  
     { 
     font-family:Verdana,helvetica;  
     font-size:13px;  
     color: black; 
     /*font-weight: bold; */
     } 



/*  *	*	*	*	**	*	*	*	*	*	*	**	*	*	*	*	*	* CALENDARIO *	*	*	*	**	*	*	*	*	*	*/

caption  
     { 
     font-family:Verdana,helvetica;  
     font-size:11px;  
     color: black; 
     font-weight: bold; 
     } 

/* .calendar determines the overall formatting style of the calendar,   
   acting as the default unless later overruled. */ 

.minicalendar  
     { 
     font-family:small;  
     font-size:8px;  
     color: white; 
     background-color: #505070;
     border-color: #000000; 
     border-style: solid; 
     border-width: 1px; 
     } 

/* .calendarlink determines the formatting of those days linked to 
   content. */ 

.minicalendarlink  
     { 
     color: white; 
     } 

/* .header determines the formatting of the weekday headers at the top 
   of the calendar. */ 

.miniheadercal  
     { 
	 PADDING-RIGHT: 0em;
	 PADDING-LEFT: 0em;
	 FONT-WEIGHT: bold; 
	 PADDING-BOTTOM: 0em;
	 COLOR: #000000;
	 LINE-HEIGHT: normal;
	 PADDING-TOP: 0em;
	 background-color: #c0C0FF; 
	 border-color: #000000; 
	 border-style: solid; 
	 border-width: 1px; 
     } 

/* .day determines the formatting of each day displayed in the 
   calendar. */ 

.miniday  
     { 
     background-color: #8080C0; 
    COLOR: #000000;
     border-color: #000000; 
     border-style: solid; 
     border-width: 1px; 
     text-align: center 
     } 

/* .linkedday determines the formatting of a date to which content is 
   available. */ 

.minilinkedday  
     { 
    color :white;	 
     background-color: #404080; 
     border-color: #000000; 
     border-style: solid; 
     border-width: 1px; 
     text-align: center 
     } 
.minicalendarlink:link {
	FONT-WEIGHT: normal; COLOR: white; TEXT-DECORATION: none; FONT-SIZE: 0.9em
}
.minicalendarlink:visited {
	FONT-WEIGHT: normal; COLOR: white; TEXT-DECORATION: none; FONT-SIZE: 0.9em
}
.minicalendarlink:hover {
	FONT-WEIGHT: normal; COLOR: white; TEXT-DECORATION: underline; FONT-SIZE: 0.9em
}	


.normalcalendar  
     { 
     font-family:Verdana;  
     font-size:12px;  
     color: white; 
     background-color: #505070;
     border-color: #000000; 
     border-style: solid; 
     border-width: 1px; 
     } 

/* .calendarlink determines the formatting of those days linked to 
   content. */ 

.normalcalendarlink  
     { 
     color: white; 
     } 

/* .header determines the formatting of the weekday headers at the top 
   of the calendar. */ 

.normalheadercal  
     { 
	 PADDING-RIGHT: 1em;
	 PADDING-LEFT: 1em;
	 PADDING-TOP: 1em;	 
	 PADDING-BOTTOM: 1em;	 
	 FONT-WEIGHT: bold; 
	 COLOR: #000000;
	 LINE-HEIGHT: normal;
	 background-color: #c0C0FF; 
	 border-color: #000000; 
	 border-style: solid; 
	 border-width: 1px; 
     } 

/* .day determines the formatting of each day displayed in the 
   calendar. */ 

.normalday  
     { 
	 PADDING-RIGHT: 1em;
	 PADDING-LEFT: 1em;
	 PADDING-TOP: 1em;	 
	 PADDING-BOTTOM: 1em;	 
     background-color: #8080C0; 
    COLOR: #000000;
     border-color: #000000; 
     border-style: solid; 
     border-width: 1px; 
     text-align: center 
     } 

/* .linkedday determines the formatting of a date to which content is 
   available. */ 

.normallinkedday  
     { 
	 PADDING-RIGHT: 1em;
	 PADDING-LEFT: 1em;
	 PADDING-TOP: 1em;	 
	 PADDING-BOTTOM: 1em;	 
    color :white;	 
     background-color: #404080; 
     border-color: #000000; 
     border-style: solid; 
     border-width: 1px; 
     text-align: center 
     } 
.normalcalendarlink:link {
	FONT-WEIGHT: normal; COLOR: white; TEXT-DECORATION: none; FONT-SIZE: 1em
}
.normalcalendarlink:visited {
	FONT-WEIGHT: normal; COLOR: white; TEXT-DECORATION: none; FONT-SIZE: 1em
}
.normalcalendarlink:hover {
	FONT-WEIGHT: normal;
	COLOR: white;
	TEXT-DECORATION: underline;
	FONT-SIZE: 1em;
}	

/* formulario */
.comboform {
	font-family: Verdana;
	font-size: 0.6em;
	FONT-WEIGHT: normal;
}
.comboform[disabled] {
	font-family: Verdana;
	font-size: 0.6em;
	FONT-WEIGHT: normal;
	color:#000000;
}


.textform {
	font-family: Verdana;
	font-size: 0.6em;
	FONT-WEIGHT: normal;
}
.calendarform {
	font-family: Verdana;
	font-size: 0.6em;
	FONT-WEIGHT: normal;
}
.textoform {
	font-family: Verdana;
	font-size: 0.6em;
	FONT-WEIGHT: normal;
}
.celdaform {
	BACKGROUND-COLOR: #E6E6FF;
	border-color: #000066;
}
.celdaformdestacado {
	BACKGROUND-COLOR: #303030;
}

/* button*/

.cssnav { 
position: relative;
font-family: Verdana, helvetica, sans-serif;
background-image: url(boton1_up.gif);
background-repeat: no-repeat;
white-space: nowrap;
display: block;
width: 113px;
height: 21px;
margin: 0; 
padding: 0; 
}

.cssnav a {
display: block;
color: #000000;
font-size: 11px;
width: 113px;
height: 21px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.cssnav img {width: 113px; height: 21px; border: 0; }
* html a:hover {visibility:visible}
.cssnav a:hover img{visibility:hidden}

.cssnav span {
position: absolute;
left: 25px;
top: 2px;
margin: 0px;
padding: 0px;
cursor: pointer;
}



#yschinfo {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #ecf5fa; MARGIN-BOTTOM: 13px; PADDING-BOTTOM: 3px; WIDTH: 100%; COLOR: #3f5771; PADDING-TOP: 3px
}
#yschinfo H1 {
	MARGIN-TOP: -1px; PADDING-LEFT: 5px; FONT-SIZE: 100%; LEFT: 10px; POSITION: absolute
}
#yschinfo H1 SPAN {
	DISPLAY: none
}
#yschinfo P {
	PADDING-RIGHT: 5px; MARGIN: 0px 0px 0px 13em; FONT: 85%/1.2em verdana; WHITE-SPACE: nowrap; TEXT-ALIGN: right
}
#yschinfo A {
	COLOR: #3f5771
}

/*--botonera*/

.etiquetaboton {
  /*font-family:  Tahoma;*/
  font-size: 10px;
  line-height: 12px;
  font-weight: bold;
}


/* tooltips*/
#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
font-size: 10px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}
