body {
	margin-left: 0px;
	margin-top: 0px;
}


/* ---- Estilos básicos ---------------------------------------------------- */
.blacknormal {
	font: normal .75em Arial, sans-serif; color: #000000;
	margin: 0 60px
}
.blackbold {
	font: bold .75em Arial, sans-serif; color: #000000;
	margin: 0 40px
}
.blackbolds {
	font: bold .75em Arial, sans-serif; color: #000000;
	margin: 0 60px
}

h1 { /*links*/
  font-size: 85%;
  font-family: "arial", serif;
  font-weight: normal;
}

h2 { /*cabezas*/
  font-size:150%;
  font-family: "arial", serif;
  font-weight:strong;
}

h3 {/*menu derecha*/
  font-size:90%;
  font-family: "arial", serif;
  font-weight:bold;
}


h4 {/*menu derecha*/
  font-family: "arial", serif;
  font-weight:bold;
  font-size: 75%;

}

h5 {/*menu derecha*/
  font-family: "arial", serif;
  font-weight:bold;
  font-size: 80%;
}

p { /*parrafos*/
  font-family: "arial", serif;
  font-weight: normal;
  font-size: 95%;
}

#informationcenter ul { /*puntos en la informacion*/
  padding: 0 80px;
  margin: 0.2em 0;
  font-size: 75%;
  font-family: "arial", serif;
  font-weight: normal;
}

ul, ol {
  margin: 1em 0 1em 2em;
  padding:0;
}

.clear {/*cierra el espacio entre el marco principal y botones*/
  clear: both;
}


/* ---- Contenedor o layout --------------------------------- */

#contenedor { /* principal frame*/
	position: relative;
	margin: 0;
	padding: 0;
	float: left;
	width:630px;
	height: 700px;
	margin: 0;
}

/* ---- contenido --------------------- */

#contenido { /*principal table*/
	width: 630px;
	height: 600px;
	margin: 0 0;
}

#contenido #informationcenter { /*secondary table*/
	float: left;
	width: 419px;
	height: 600px;
	margin-top: 0;
	padding:0 0 0 0;
}

#contenido #rightmenu { /*secondary table*/
  float: left;
  width: 211px;
  height: 332px;
  margin-top: 0;
  padding:0 0 0 0;
}

/* ---- information ---- */

#contenido #informationcenter .articulo h2 { /*Ventajas informationcenter*/
	margin: 0 0;
	padding: 15px 40px;
	text-align: center;
}


#contenido #informationcenter .articulo li { /*los textos con puntico*/
font-family: "arial", serif; font-weight:normal; margin: 10px
}

#contenido .articulo h2 { /*Ventajas informationcenter*/
  margin: 0 0;
  padding: 0;
}

#contenido #informationcenter ul { /*Ventajas informationcenter*/
  margin: 0 0;
  padding: 0 50px;
}


/*Bienvenido Restringe el formato del resto de la información */

#contenido .info { float: right; margin: lem 0; font-size: 75%; font-family: "arial", serif;}/*link ampliar informacion*/
#contenido .info a {color:#000000; }
#contenido .info a:hover { color:#ff0000;
}


/*------- menu derecho--------*/

#contenido #rightmenu ul {
  margin-right: 5px;
  margin-left: 5px;
  margin-top: 150px;
  list-style:none;
}


#contenido #rightmenu { font-size: 75%; font-family: "arial", serif; font-weight: normal;}/*textos del menu izquierdo*/
#contenido #rightmenu li a { /* el primer 3 arriba o abajo queda el texto entre las lineas y el 22 la distancia entrelineas*/
  display: block;
  padding: 3px 0 3px 30px; /* 30 mueve los textos hacia la derecha*/
  color:#ff0000;
  background: url("images/icono_elemento_gris.gif") 10px no-repeat;
  text-decoration: none;
}
#contenido #rightmenu li a:hover {background: url("images/icono_elemento_gris.gif") 10px no-repeat;  background-color:#FF8282; color:#ffffff;}


#contenido #rightmenu.seleccionado { font-size: 75%; font-family: "arial", serif; font-weight: normal;}
#contenido #rightmenu li.seleccionado a {
  display: block;
  padding: 3px 0 3px 30px;
  color:#ffffff;
  background: url("images/paloma2.jpg") 10px no-repeat;
  text-decoration: none;
  background-color: #fb5252;
}



/*------------------------------piso--------------------------------*/

#base { /*principal table*/
	width: 872x;
	height: 77px;
	position: relative;
	margin: 0;
	padding: 0;
	background: url("images/credicar_07.jpg") no-repeat;
	color: #000000;
}

/* ----------------------tabla-----------------------------------*/

table {
	font: .7em Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	text-align: center;
	margin: 0 15px;

}
table th {
	background: #dfdfdf url(imagenes/fondo_gris.gif) repeat-x; /*color interior superior*/
	padding: 0.6em 0.6em 0.6em 0.6em;
}
table th.euro {
	background: #c0c0c0 url(imagenes/euro.png) no-repeat left center;
	padding: 0.6em 0.6em 0.6em 0.6em;
}
table th.dolar {
	background: #c0c0c0 url(imagenes/dolar.png) no-repeat left center;
	padding: 0.6em 0.6em 0.6em 0.6em;
}
table th.libra {
	background: #c0c0c0 url(imagenes/libra.png) no-repeat left center;
	padding: 0.6em 0.6em 0.6em 0.6em;
}

table th.yen {
	background: #c0c0c0 url(imagenes/yen.png) no-repeat left center;
	padding: 0.6em 0.6em 0.6em 0.6em;
}

table th.yin {
	background: #dfdfdf url(imagenes/yen.png) no-repeat left center; /*campo con color del fondo*/
	padding: 0.6em 0.6em 0.6em 0.6em;
}
table th.yon {
	background: #dfdfdf url(imagenes/yen.png) no-repeat left center; /*campo con color del fondo*/
	padding: 0.6em 0.6em 0.6em 0.6em;
}
table th, table, td {
	border: 2px solid #dfdfdf; /*borde de la tabla*/
	line-height: normal; /*espacio entre lineas de texto*/
	padding: 0.6em 0.6em 0.6em 0.6em; /* OJOJOJOJJOJOJO*/
	color: #000;
}
.fila {
	text-align: left;
}
.filas {
	font: normal .85em Arial, sans-serif; color: #000000;
	text-align: right; /*solo para txt aplican restricciones*/
}
.par {
	background-color:#f5f5f5; /*color celdas internas par*/
}
.impar {
	background-color:#ffffff; /*color celdas internas*/
}
.sigue {
	background-color:#dfdfdf; /*color que cambia al pasar el mouse por siguiente*/
}

table tr:hover {/*color que cambia al pasar el mouse*/
	background: #ffffcc !important;
}


/*siguiente*/

.sigue a {
float: right;
margin: 0;
font-family: "arial", serif;
font-weight:bold;
color:#ff0000;
}
#contenedor #contenido #informationcenter .articulo .Estilo19 .rojo {
	color: #F00;
}
#contenedor #contenido #informationcenter .articulo table tr td .rojo {
	color: #F00;
}
#contenedor #contenido #informationcenter .articulo table {
	color: #999;
}
#contenedor #contenido #informationcenter .articulo table {
	color: #DFDFDF;
}