@charset "utf-8";
/* CSS Document */

body{
	font-family:Arial, 'Tahoma', Verdana;
	color:#919191;
	font-size:12px;
	/*background-color:#03235C;*/
	background-color:#003366;
	background-attachment: scroll;
	background-image: url(../images/bg_body02.jpg);
	background-repeat:  repeat-x;
	background-position: left top;
}
	
img{border:none;}
	
img, ul, li, h1, h2, h3, p, div{
	padding:0;
	margin:0;
	}

/*==================  CLASES GENERALES   ====================*/
	
.flecha{ color:#FFCC00;}

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

#container{
	width:960px;
	height:100%;
	margin-left:auto;
	margin-right:auto;
	/*background-color:#FFFFFF;*/
}

/*===================== CABECERA  =======================*/

#header{
	width:960px;
	height:151px;
	/*background-color:#FFF;*/
	/*border:1px solid #ccc;*/
}

/*===================== MI CUENTA =====================*/

#superior{/* border:1px solid #000000;*/ width:895px; height:30px; margin-bottom:5px; margin-top:-10px;}

#callCenter{
	width:280px;
	height:25px;
	float:right;
	margin-right:10px;
	margin-top:5px;
	margin-top:expression('6px');
	color:#0066CC;
	font-weight:bold;
}

/*--------------- MI CUENTA ------------------*/
#superior #miCuenta{
	width:180px;
	height:25px;
	background-color:#FFF;
	float:right;
	margin-right:10px;
	margin-top:2px;
	padding-top:3px;
	text-align:center;
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	background-attachment: scroll;
	background-image: url(../images/miCuenta.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#superior #miCuenta:hover{
	color:#000;
	font-weight:bold;
	font-size:14px;
	background-color:#FFF;
	background-attachment: scroll;
	background-image: url(../images/miCuentahover.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/*--------------- SUSCRIBASE ------------------*/


#suscribase{width:180px; height:25px;float:right;margin-right:10px;margin-top:2px;}

#superior #suscribase{
	width:180px;
	height:25px;
	float:right;
	margin-right:10px;
	margin-top:2px;
	padding-top:3px;
	text-align:center;
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	background-attachment: scroll;
	background-image: url(../images/suscribaseBtn.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#superior #suscribase:hover{
	color:#000;
	font-weight:bold;
	font-size:14px;
	background-attachment: scroll;
	background-image: url(../images/suscribaseBtnhover.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

div.cita{
background-color:#E6E6E6;
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
border:1px solid #D3D3D3;
color:#555555;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
padding:5px;
margin-top:10px;
clear:both;
display:block;
font-weight:bold;
width:98%;
}

/*--------------- ON LINE ------------------*/

#onLine{width:180px; height:25px;float:right;margin-right:10px;margin-top:2px;}

#superior #onLine{
	width:180px;
	height:25px;
	float:right;
	margin-right:10px;
	margin-top:2px;
	padding-top:3px;
	text-align:center;
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	background-attachment: scroll;
	background-image: url(../images/onLine.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#superior #onLine:hover{
	color:#000;
	font-weight:bold;
	font-size:14px;
	background-attachment: scroll;
	background-image: url(../images/onLinehover.gif);
	background-repeat: no-repeat;
	background-position: left top;
}


#nav{
	FONT-SIZE:90%;
	BACKGROUND:#00558B;
	/*position:absolute;*/
	position:relative;
	margin-top:10px;
	margin-top:expression('5px');
	WIDTH:expression('100%');
	left:expression('0px');
	WIDTH:960px;
	LINE-HEIGHT:normal;
	height:22px;
	z-index: 9999;
	/*border:1px solid #FF0000;*/
}

/* Root = Horizontal, Secondary = Vertical */
ul#navmenu-h {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 900px; /*For KHTML*/
  list-style: none;
 /* height: 20px;*/
}

ul#navmenu-h li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
 /* height: 20px;*/
}

ul#navmenu-h ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 185px;
  list-style: none;
  display: none;
  position: absolute;
  /*top: 24px;*/
  left: 0;
  z-index:9999;
}

ul#navmenu-h ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu-h ul li {
  width: 185px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
}

/* Root Menu */
ul#navmenu-h a {
 /* border: 1px solid #004378;*/
  /*border-right-color: #004378;
  border-bottom-color: #004378;*/
  padding: 0 15px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  background: #00558B;
  color: #FFF;
  font: bold 10px/22px Verdana, Arial, 'Tahoma';
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
  
}

/* Root Menu Hover Persistence */
ul#navmenu-h a:hover,
ul#navmenu-h li:hover a,
ul#navmenu-h li.iehover a {
  background:transparent;
  color: #3597E5;
}

/* 2nd Menu */
ul#navmenu-h li:hover li a,
ul#navmenu-h li.iehover li a {
  float: none;
  background: #00558B;
  color: #EEE;
}

/* 2nd Menu Hover Persistence */
ul#navmenu-h li:hover li a:hover,
ul#navmenu-h li:hover li:hover a,
ul#navmenu-h li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover a {
  background: #3597E5;
  color: #FFF;
}

/* 3rd Menu */
ul#navmenu-h li:hover li:hover li a,
ul#navmenu-h li.iehover li.iehover li a {
  background: #00558B;
  color: #EEE;
}

/* 3rd Menu Hover Persistence */
ul#navmenu-h li:hover li:hover li a:hover,
ul#navmenu-h li:hover li:hover li:hover a,
ul#navmenu-h li.iehover li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover a {
  background: #3597E5;
  color: #FFF;
}

/* 4th Menu */
ul#navmenu-h li:hover li:hover li:hover li a,
ul#navmenu-h li.iehover li.iehover li.iehover li a {
  background: #3597E5;
  color: #FFF;
}

/* 4th Menu Hover */
ul#navmenu-h li:hover li:hover li:hover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover li a:hover {
  background: #3597E5;
  color: #FFF;
}

ul#navmenu-h ul ul,
ul#navmenu-h ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 180px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu-h li:hover ul ul,
ul#navmenu-h li:hover ul ul ul,
ul#navmenu-h li.iehover ul ul,
ul#navmenu-h li.iehover ul ul ul {
  display: none;
}

ul#navmenu-h li:hover ul,
ul#navmenu-h ul li:hover ul,
ul#navmenu-h ul ul li:hover ul,
ul#navmenu-h li.iehover ul,
ul#navmenu-h ul li.iehover ul,
ul#navmenu-h ul ul li.iehover ul {
  display: block;
}

/*====================  CONTENT  =====================*/

#main{
	width:960px;
	height:100%;
	margin-top:6px;
	margin-top:expression('0px');
	background-attachment: scroll;
	background-image: url(../images/bg_main.gif);
	background-repeat:  repeat-y;
	background-position: left top;
	background-color:#669999;
	/*border:1px solid #FF0000;*/
	float:left;
}

#content{
width:880px;
height:100%;
/*border:1px solid #FFF;*/
float:left;
padding:15px;
margin-top:0px;
margin-top:expression('5px');
margin-left:15px;
margin-bottom:50px;
/*background-color:#FFF;*/

}

#footer_content{
	width:960px;
	display:block;
	height:70px;
	float:left;
	background-attachment: scroll;
	background-image: url(../images/bg_main_bottom02.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/*=================== FOOTER ======================*/

#footer{
width:900px;
height:100%;
/*border:1px solid #FFF;*/
background:transparent;
color:#FFFFFF;
margin-left:auto;
margin-right:auto;
margin-top:70px;
margin-top:expression('10px');
text-align:center;
}

#footer a{ color:#FFF; margin-left:10px; margin-right:10px; text-decoration:none; font-weight:bold;}
#footer a:hover{ color:#0099CC; margin-left:10px; margin-right:10px; text-decoration: underline;font-weight:bold;}

#footer .design a{ color:#CCC; text-decoration:none; font-weight:normal;}
#footer .design a:hover{ color:#0099FF; text-decoration:underline;font-weight:normal;}
/*==============================================*/

#bancos a{ color:#666666; margin-left:10px; margin-right:10px; text-decoration:none; font-weight:bold;}
#bancos a:hover{ color:#0099CC; margin-left:10px; margin-right:10px; text-decoration: underline;font-weight:bold;}

img.mini{
max-width: 120px;
max-height: 150px;
}