body {
    scrollbar-face-color: #FFFFFF;
    scrollbar-shadow-color: #5b76db;
    scrollbar-highlight-color: #5b76db;
    scrollbar-arrow-color: #5b76db;

    scrollbar-track-color:#DDDEDE;
    scrollbar-3dlight-color:#DDDEDE;
    scrollbar-darkshadow-color:#DDDEDE;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-color: #3a3a3a;
}

#header
{
	background-image: url('Images/Header2.jpg');
	background-position: left top;
	background-repeat: no-repeat;
	height: 125px;
}

#degLeft
{
	background-image: url('Images/degLeft.gif');
	background-repeat: repeat-y;
	width: 7px;
}

#degRight
{
	background-image: url('Images/degRight.gif');
	background-repeat: repeat-y;
	width: 7px;
}

#degLeftBottom
{
	background-image: url('Images/degLeftBottom.gif');
	background-repeat: no-repeat;
	width: 7px;
	height: 7px;
}

#degRightBottom
{
	background-image: url('Images/degRightBottom.gif');
	background-repeat: no-repeat;
	width: 7px;
	height: 7px;
}

#degBottom
{
	background-image: url('Images/degBottom.gif');
	background-repeat: repeat-x;
	height: 7px;
}

#barBottom
{
	background-image: url('Images/barBottom.gif');
	background-repeat: repeat-x;
	height: 17px;
}

#footer
{
	background-color: #5977D9;
	height: 80px;
	text-align: center;
	vertical-align: middle;
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	color: White;
}

#inicio
{
	background-color:white;
	background-repeat: no-repeat;
	background-position: center;
	width: 770px;
	height: 404px;
	vertical-align: top;
}

.buttonMenuOff 
{
	background-image: url('Images/bkg_btnMenuOff.jpg');
	background-repeat: repeat-x;
	width: 109px;
	font-family: Verdana;
	font-size: 11px;
	font-weight:bold;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	color: #3a3a3a;
}

.buttonMenuOn 
{
	background-image: url('Images/bkg_btnMenuOn.jpg');
	background-repeat: repeat-x;
	width: 109px;
	font-family: Verdana;
	font-size: 11px;
	font-weight:bold;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	color: #3a3a3a;
}

.buttonSubMenuOff 
{
	background-image: url('Images/bkg_btnMenuOff.jpg');
	background-repeat: repeat-x;
	width: 100%;
	height: 25px;
	font-family: Verdana;
	font-size: 11px;
	font-weight:bold;
	text-decoration: none;
	text-align: left;
	cursor: pointer;
	color: #3a3a3a;
}

.buttonSubMenuOff:hover
{
	background-image: url('Images/bkg_btnMenuOn.jpg');
	background-repeat: repeat-x;
	width: 100%;
	height: 25px;
	font-family: Verdana;
	font-size: 11px;
	font-weight:bold;
	text-decoration: none;
	text-align: left;
	vertical-align: middle;
	cursor: pointer;
	color: #3a3a3a;
}

.borderAll {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #767676;
	border-right-color: #767676;
	border-bottom-color: #767676;
	border-left-color: #767676;
}

.borderTopBottom {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #767676;
	border-bottom-color: #767676;
	vertical-align:middle;
}

.borderTopLeftRight {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #767676;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #767676;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #767676;
}

.borderTop {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #767676;
}

.pageContent
{
	background-color:white;
	padding: 10 10 10 10;
}

.texto
{
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	text-align: justify;
}

.handPoint
{
	cursor: pointer;
}

.textoAzulBold
{
	color: #5b76db;
	font-weight: bold;
}

.classLink
{
	text-decoration: none;
	color: #5b76db;
}

.bkgRed
{
	color: #ffffff;
	background-color: #d83200;
	font-weight: bold;
}

.bkgRedArrow
{
	height: 25px;
	width: 13px;
	background-image: url('Images/redArrow.gif');
	background-repeat: no-repeat;
}

.bkgRedArrowLeft
{
	height: 25px;
	width: 13px;
	background-image: url('Images/redArrowLeft.gif');
	background-repeat: no-repeat;
}

.titulo
{
	color: #FFFFFF;
	background-color: #3a3a3a;
	font-family: Verdana;
	font-size: 17px;
	font-weight: normal;
	text-align: center;
	width: 100%;
	height: 30px;
	border-bottom: solid 1px #767676;
}

.downloadPDF
{
	color: #D83200;
	background-color: #FFFFFF;
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
}

.textTop
{
	vertical-align: top;
}

#contextMenu {
position: absolute;
visibility: hidden;
layer-background-color: ThreeDFace;
border: 2px outset ThreeDHighLight;
background-color: ThreeDFace;
} 

.menoff{
font: Menu;
color: MenuText;
padding:0 20px 0 10px;
margin: 2px 0;
}
.menon{
font: Menu;
color: HighlightText;
background-color: Highlight;
padding:0 20px 0 10px;
margin: 2px 0;
} 

div#contextMenu a{
text-decoration: none;
width:100px; /*Needed for Opera*/
cursor:default;
} 

/*
Mozilla behaves correctly,
but in this case that's too bad so fix it :-)
*/
div#contextMenu td:hover a{color: HighlightText;}
div#contextMenu t
d:hover{
color: HighlightText; background-color: Highlight;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:1px;
	border-style:solid;
	border-color:Black;
	width: 100%;
}

.modalPupupToolBar
{
	height: 17px;
	background-color: #3A3A3A;
	color: #FFFFFF;
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
}

.modalPopupCloseButton
{
	width: 21px;
	background-image: url('Images/btnClosePopUp.gif');
	background-repeat: no-repeat;
	cursor: pointer;
}

/* =========================================================================================================*/
/* MENU ----------------------------------------------------------------------------------------------------*/
/* =========================================================================================================*/

#mainMenuContainer{
	position:relative;
	top: -4px;
	color:#E0E0E0;
	background: transparent;
	width:100%;
	font-family: Arial;
    z-index:10000;
}

#mainMenuNav
{
	position:relative;
	height:33px;
	font-size:11px;
	text-transform:uppercase;
	font-weight:bold;
	background:url('images/mainMenu_bg.gif') repeat-x left bottom;
	padding:0 0 0 5px;
	left: 0px;
}

#mainMenuNav ul
{
    margin:0;
    padding:0;
    list-style-type:none;
    width:auto;
    float:left;
}

#mainMenuNav ul li
{
    display:block;
    float:left;
    margin:0 1px;
    position: relative;
}

#mainMenuNav ul li a
{
    display:block;
    float:left;
    color:#EAF3F8;
    text-decoration:none;
    padding:0 0 0 13px;
    height:33px;
}

#mainMenuNav ul li a span
{
    padding:12px 13px 0 0;
    height:21px;
    float:left;
}

#mainMenuNav ul li a:hover
{
    color:#fff;
    background:url('images/mainMenu_bg-OVER.gif') repeat-x left bottom;
}

#mainMenuNav ul li a:hover span
{
    display:block;
    width:auto;
    cursor:pointer;
}

#mainMenuNav ul li a.current,#mainMenuNav ul li a.current:hover{color:#fff;background: url('images/mainMenu_left-ON.gif') no-repeat left top; line-height:275%;}
#mainMenuNav ul li a.current span{display:block;padding:0 13px 0 0;width:auto;background: url('images/mainMenu_right-ON.gif') no-repeat right top; height:33px;}
#mainMenuNav ul li a.current span strong{display:block;padding:0 0px 0 0;width:135px;background: url('images/mainMenu_middle-ON.gif') repeat-x right top; height:33px;}

#mainMenu_inner{color: white; padding: 5px; font-size: 80%; height: 1em}

#mainMenu_inner a:link, #mainMenu_inner a:visited, #mainMenu_inner a:active{color: white}
#mainMenu_inner a:hover{color: yellow}

.innercontent{display: none;}

/*Sub level menu*/
#mainMenuNav ul li ul{
left: 0;
top: 0;
border-top: 0px solid #202020;
position: absolute;
display: block;
visibility: hidden;
z-index: 100;
}

/*Sub level menu list items*/
#mainMenuNav ul li ul li{
display: inline;
float: none;
}


/* Sub level menu links style */
#mainMenuNav ul li ul li a{
width: 160px; /*width of sub menu levels*/
font-weight: normal;
padding: 2px 5px;
background: #304a9f;
border: 0px solid #202020;
border-width: 0 0px 0px 0px;
padding: 5 5 5 5;
color: #FFFFFF;
text-transform: none;
z-index:10000;
}


#mainMenuNav ul li ul li a:hover{
background: #d83200;
color: #FFFFFF;
}

#mainMenuNav .arrowdiv{
position: absolute;
z-index: 9999;
right: 0;
background: url('menuarrow.gif') no-repeat right 50%;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html #mainMenuNav ul li { float: left; height: 1%; }
* html #mainMenuNav ul li a { height: 1%; }
/* End */

/* =========================================================================================================*/
/* =========================================================================================================*/


#areaClientesContainer
{
	position:relative;
	top: -4px;
	color:#000000;
	background: transparent;
	width:100%;
	font-family:Helvetica,Arial,Verdana,sans-serif;
    z-index:10000;
}

#areaClientes
{
	position:relative;
	height:33px;
	font-size:11px;
	text-transform:uppercase;
	font-weight:bold;
	background:url('images/mainMenu_bg2.gif') repeat-x left bottom;
	padding:0 0 0 5px;
	left: 0px;
}

#areaClientes a
{
    display:block;
    float:left;
    color:#3a3a3a;
    text-decoration:none;
    padding:0 0 0 10px;
    height:33px;
}

#areaClientes a span
{
    padding: 12px 10px 0 0;
    height:21px;
    float:left;
    text-align:center;
}

#areaClientes a span img
{
    text-align:center;
}

#areaClientes a:hover
{
    color:#fff;
}

#areaClientes a:hover span
{
    display:block;
    width:auto;
    cursor:pointer;
}

.btn_ES
{
	background-image: url('images/btn_languaje_ES_off.jpg');
	background-repeat:no-repeat;
	background-position:center;
    cursor: pointer;
    width: 34px;
    height: 34px;
}
.btn_EN
{
	background-image: url('images/btn_languaje_EN_off.jpg');
	background-repeat:no-repeat;
	background-position:center;
    cursor: pointer;
    width: 34px;
    height: 34px;
}


.login
{
	background-image: url(images/login.gif);
	background-repeat: no-repeat;
	background-position: left center;
	background-color: #FFFFFF;
	width: 100%;
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	text-align: justify;
}


.BkgDarkBlue
{
	background-color: #5B76DB;
}

.defaultFont
{
	font-family: Arial;
	font-size: 11px;
	color: #5B76DB;
}

.texto
{
	font-family: Arial;
	font-size: 12px;
	color: #000000;
}

.Titular2
{
	font-family: Arial;
	font-size: 12px;
	color: #5B76DB;
}
a.Titular2
{
	font-family: Arial;
	font-size: 12px;
	color: #5B76DB;
	font-weight: bold;
	text-decoration: none;
}
a.Titular2:hover
{
	font-family: Arial;
	font-size: 12px;
	color: #5B76DB;
	font-weight: bold;
	text-decoration: underline;
}

.Referencia
{
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #5B76DB;
	padding-bottom:5px;
}