﻿body 
{
    font-size: 80%; color: #003663; FONT-FAMILY: Verdana, Arial, Sans-Serif, Courier;
    margin: 0px; padding: 0px;
}



/*******
 *Login*
 *******/

.mylogin {
	text-align: center; width: 262px; 
	margin-left: auto; margin-right: auto; margin-top: 100px;
}
.myloginheader 
{
	background-image: url(../../Images/login01.gif);
	HEIGHT: 44px;
}
.myloginback {
	background-image: url(../../Images/login02.gif);
}
.myloginfooter {
	background-image: url(../../Images/login03.gif); 
	HEIGHT: 26px;
}

.myInput {width: 130px;}
.myloginlabel {margin-left: 15px;}

/********
 *Header*
 ********/
.myHeader {
	PADDING:0px; MARGIN: 0px; WIDTH: 100%! important; HEIGHT: 81px; float: left;
}
.myHeader H1 {
	FLOAT: left;
}
.myHeader H1 SPAN {
	DISPLAY: none;
}
.myHeader H2 {
	FONT-WEIGHT: bold; FONT-SIZE: small; LEFT: 649px; WIDTH: 143px; COLOR: #ffffff; 
	FONT-FAMILY: Verdana; POSITION: absolute; TOP: 47px; HEIGHT: 30px
}
.myHeader H2 SPAN {
	
}
.myHeader #headerImages {
	BACKGROUND: url(images/xx.gif) #1f7eb2 repeat-x 50% top; WIDTH: 100%; HEIGHT: 81px;
}
.myHeader #headerImages #logo {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; Z-INDEX: 1000; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
.myHeader #headerImages #headerBackground {
	FLOAT: right
}
.myHeader #headerImages #extraImg1 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(images/tb_backHeader2.jpg) #1f7eb2 no-repeat right 50%; FLOAT: right; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 100px; PADDING-TOP: 0px; POSITION: relative! important; HEIGHT: 91px
}
.myHeader #lblDescriptions {
	FONT-WEIGHT: bold; FONT-SIZE: small; FLOAT: left; MARGIN: -65px 0px 0px 100px; COLOR: #ffffff; FONT-FAMILY: Verdana
}
.myHeader #headerLinks {
	FLOAT: right; MARGIN: -80px 100px 0px 0px;
}
.myHeader #headerLinks P A {
	COLOR: white
}
.myHeader #headerLinks P A:hover {
	COLOR: #003300
}
.myHeader #headerLinks #p1 A {
	FONT-WEIGHT: bold; FONT-SIZE: xx-small; 
	PADDING-TOP: 4px; HEIGHT: 24px; WIDTH: 74px; 
	TEXT-ALIGN: center; TEXT-DECORATION: none; COLOR: #ffffff; 
}
#headerMenuContainer {   }


/*.menuback { FONT-SIZE: x-small; ; width: 100%;}*/
.menuback {
	PADDING: 0px; margin: 0px; float: left; Z-INDEX: 500;
	FONT-SIZE: small; WIDTH: 100%; 
	FONT-FAMILY: Verdana, Arial, Courier, Times New Roman; HEIGHT: 25px;
	 background: #cccccc url(images/backMenu2.gif) repeat-x top; BORDER-bottom: #638db8 1px solid;	
}
.menuStyle {
	padding: 0px; Z-INDEX: 300; FLOAT: left; 
	MARGIN: 0px; LINE-HEIGHT: normal; FONT-FAMILY: Verdana; 
}
.menuSubStyle {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 4px; PADDING-TOP: 5px; 
	BORDER-TOP: #638db8 1px solid; Z-INDEX: 298; 
	LINE-HEIGHT: normal; FONT-FAMILY: Verdana; 
	BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BACKGROUND-COLOR: transparent; 
}
table.menuItemStyle {margin-left:5px;}
.menuItemStyle TD {
	BORDER-RIGHT: #638db8 1px solid;
}
.menuItemOver TD {
	BORDER-RIGHT: #3e6389 1px solid; 
}
.menuItemStyle A {
	PADDING-RIGHT: 6px; PADDING-LEFT: 6px;DISPLAY: block;  
	PADDING-TOP: 5px; PADDING-BOTTOM: 4px; MARGIN: 0px;
	BACKGROUND: url(images/oeOnn.gif) no-repeat left bottom; FLOAT: none;  
	TEXT-DECORATION: none; 
}
.menuItemStyle a, .menuItemStyle a:link, .menuItemStyle a:visited,
.DynamicMenuStyle a, .DynamicMenuStyle a:link 
{color:#385a7d;}
.menuItemOver A 
{
	PADDING-RIGHT: 6px; PADDING-LEFT: 6px;DISPLAY: block;  
	PADDING-TOP: 5px; PADDING-BOTTOM: 4px; MARGIN: 0px;    
	BACKGROUND: url(images/oeOff.gif) repeat-x left bottom; FLOAT: none; 
	TEXT-DECORATION: none; 
}


/*submenustyles*/
.DynamicMenuItemStyle-CssClass 
{
    margin:0px; padding: 0px 5px; FONT-SIZE: small;
    background: #EBEBEB url(images/submenuback.gif) repeat-x top; 
}
.DynamicMenuStyle {border: 1px solid #DFDFDF/*#FF9F10*//*#8AB8B6*/;}
.menuItemOver a, .menuItemOver a:hover,
.DynamicHoverStyle a, .DynamicHoverStyle a:hover
{color:#000066; display:block;}
.DynamicHoverStyle a, .DynamicHoverStyle a:hover
{background:#ffffff;/*#F2D4B1;*/}



/*************
 *THE CONTENT*
 *************/
.thecontent {
 padding:10px; margin-left: 10px;
}
.thecontent h1, .thecontent .myh1 {
	font-size: 180%;
	font-weight: bold;
	padding-bottom: 15px;
	padding-top: 15px;
}
.thecontent h2, .thecontent .myh2 {
	font-size: 120%;
	font-weight: bold;
	font-style: italic;
	color: #336699;
	padding-bottom: 5px;
	padding-top: 5px;
}
.thecontent h3, .thecontent .myh3 {
	font-size: 110%;
	font-weight: bold;
}
.thecontent h4, .thecontent h5, .thecontent h6, .thecontent .myh4, .thecontent .myh5, .thecontent .myh6 {
	font-size: 100%;
	font-weight: bold;
}
.thecontent h2 + p {
	margin-top: -1em;
}
.thecontent h3 + p, .thecontent h4 + p, .thecontent h5 + p, .thecontent h6 + p {
	margin-top: -0.5em;
}
.thecontent .myerror
{
	font-family: Verdana, Arial, Sans-Serif, Courier;
	color: red;
	font-weight: bold;
}

.lblError
{
	font-family: Verdana, Arial, Sans-Serif, Courier;
	color: red;
	font-weight: bold;
}


/*OTHER ELEMENTS*/
.mygridheader A {
	COLOR: #ffffff
}
.mygridrow TD {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; BORDER-RIGHT-WIDTH: 0px
}
.mygridrow TABLE {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
.thefooter {
	text-align: center;
	COLOR: #CCCCCC; FONT-SIZE: x-small; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}


/***********
 *PageError*
 ***********/
.myError 
{
	background-color:Red; 
	text-align:center;
}
.myError h1, .myError .myh1 
{
    color:White;
	font-size: 200%;
	font-weight: bold;
	display: block;
	padding-bottom: 20px;
}
.myError A 
{
	COLOR: white
}
.myError A:hover 
{
	COLOR: black
}

/***********
 *PageAbout*
 ***********/
.myAbout 
{
	background-color:black; 
	text-align:center;
}
.myAbout h1, .myAbout .myh1 
{
    color:White;
}
.myAbout A 
{
	COLOR: white
}
.myAbout A:hover 
{
	COLOR: Gray;
}

/***********
 *Loading*
 ***********/
.myloading
{
	height: 100%;
	width: 100%;
	display: none;
	z-index: 100;
	FILTER: alpha(opacity=70);
	left: 0px;
	vertical-align: middle;
	cursor: wait;
	line-height: normal;
	letter-spacing: normal;
	position: absolute;
	top: 0px;
	background-color: gray;
	text-align: center;
}


/***********
 *PageNotification*
 ***********/
.myNotification
{
	background-color: silver;
	text-align: center;
}
.myNotification h1, .myNotification .myh1
{
	color: black;
	font-size: 200%;
	font-weight: bold;
	display: block;
	padding-bottom: 20px;
}
.myNotification A
{
	color: blue;
}
.myNotification A:hover 
{
	COLOR: red;
}

.grdheader 
{
	position:relative;
	top:expression(this.parentNode.parentNode.parentNode.scrollTop-1);
}
/*
.grdheader A {padding: 0 5px;}
.grdheader A, .mygridheader A:link {
	COLOR: #ffffff; text-decoration:none;
}
.grdheader A:hover
{
    text-decoration: underline;
}
*/
.grdfoother 
{ 
	/*position:relative;
	bottom:expression(this.parentNode.parentNode.parentNode.parentNode.scrollHeight - this.parentNode.parentNode.parentNode.parentNode.scrollTop - this.parentNode.parentNode.parentNode.parentNode.clientHeight);
	*/
}

.texto2 {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}

.campo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #231F20;
	text-decoration: none;
	background-color: #FFFFFF;
	border: 1px solid #5F5F5F;
}