/* ---- Estilos básicos ---------------------------------------------------- */
h1 { /*links*/
  font-size: 75%;
  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;
}

p { /*parrafos*/
  margin: 1em 0;
  font-size: 75%;
  font-family: "arial", serif;
  font-weight: normal;
}

.blackred { 
  font-size: 75%;
  font-family: "arial", serif;
  font-weight: bold;
  color: #930000;
  text-align:left;

}

.normalred { 
  margin: 20px;
  font-size: 75%;
  font-family: "arial", serif;
  font-weight: normal;
  color: #930000;
  text-align:left;
  padding: 4px;
}



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*/
  width:872px;
  height: 584px;
  margin: 0 auto 0 auto;
}

/* ---- Cabecera ------------------------------------------------------------------------ */

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

/* ---- logo ---- */

#cabecera #logo { /*logo position property*/
  position: absolute;
  top: 10px;
  left: 30px;
  width: 151x;
  height: 76px;
  margin: 0;
  border: 0;
}

/*----- buscador---*/

#cabecera #buscador {
  position: absolute;
  top: 136px;
  right: 380px;
}

#cabecera #buscador legend {
  display: none;
}

#cabecera #buscador fieldset {
  border: none;
}

#cabecera input {/*diseño del buscador*/
	font-family:"Arial",sans-serif;
    color:#ffffff;
    background:#000000;
    border:1px solid #ffffff;
}

/* ---- righ float tmenu ---- */

#cabecera #fechahora { 
  position: absolute;
  right: -30px;
  margin: 0px 0px;
}

#cabecera #fechahora a {
  color: #999999;
}

#cabecera #righthome { 
  position: absolute;
  left: 585px;
  margin: -5px;
}

#cabecera #righthome a {
  color: #000000;
  display: block;
  line-height: 60px;
}

#cabecera #separador1 { 
  position: absolute;
  left: 622px;
  margin: -5px;
}

#cabecera #separador1 a {
  color: #000000;
  display: block;
  line-height: 60px;
}

#cabecera #rightdis { 
  position: absolute;
  left: 634px;
  margin: -5px;
}

#cabecera #rightdis a {
  color: #000000;
  display: block;
  line-height: 60px;
}

#cabecera #separador2 { 
  position: absolute;
  left: 758px;
  margin: -5px;
}

#cabecera #separador2 a {
  color: #000000;
  display: block;
  line-height: 60px;
}

#cabecera #rightcontactenos {
  position: absolute;
  left: 770px;
  margin: -5px;
}

#cabecera #rightcontactenos a {
  color: #000000;
  display: block;
  line-height: 60px;
}
/* ---- contenido ----------------------------------------------------------------------- */

#contenido { /*principal table*/
  width: 872px;
  height: 1070px;
  margin: 0 0;
  background: url("images/fondolotes.jpg") no-repeat;
}

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

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



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

#contenido #informationcenter .articulo { /*Bienvenido informationcenter*/
  margin: 0 0;
  padding: 15px 20px;
}


#contenido .articulo h2 { /*Bienvenido informationcenter*/
  margin: 0 0;
  padding: 0 20px;
}
/*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: 40px;
  margin-left: 50px;
  margin-top: 285px;
  list-style:none;
}

#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 75px; /* 30 cierrala caja en el interior*/
  color:#4e4b4b;
  background: url("images/flacha.jpg") 14px no-repeat;
  text-decoration: none;
}

#contenido #rightmenu { font-size: 75%; font-family: "arial", serif; font-weight: normal;}/*textos del menu izquierdo*/
#contenido #rightmenu li a:hover {color: #FF0000; }

#contenido #rightmenu li.seleccionado a { font-weight: bold; background: url("images/icono_elemento_seleccionado.gif") 8px no-repeat;}

/*------ menu izquierdo-------*/

#contenido #leftmenu ul {
  margin: 25px 0px;
  padding: 0;
  list-style:none;
}

#contenido #leftmenu li {/*lineas*/
  margin: 0 0;
  padding: 0;
  border-bottom: 1px solid #8d8c8c;
}
#contenido #leftmenu li a {/*icono*/
  display: block;
  padding: 7px 0 8px 0; /* 7 que tan arriba o abajo queda el texto entre las lineas y el 8 la distancia entrelineas*/
  text-decoration: none;
}

#contenido #leftmenu { font-size: 80%; font-family: "arial"; font-weight:bold;}
#contenido #leftmenu li a {color:#4e4b4b;}
#contenido #leftmenu li a.cate {color:#4e4b4b;} 
#contenido #leftmenu li a:hover {margin: 0 0 0 5px}

#contenido #leftmenu.seleccionado{ font-size: 80%; font-family: "arial"; font-weight:bold;}
#contenido #leftmenu li.seleccionado a {color:#FF0000; margin: 0 0 0 12px;} 
#contenido #leftmenu li.seleccionado a:hover {margin: 0 0 0 12px}

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

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

}
table th {
	background: #000000 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 0.3em 0 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: 1.2em; /*espacio entre lineas de texto*/
	padding: 0.6em 0.6em 0.6em 0.6em; /* OJOJOJOJJOJOJO*/
}
.fila {
	font: normal .85em Arial, sans-serif; color: #000000;
	text-align: left;
}

.Estilos13 {
	font: normal .9em Arial, sans-serif; color: #ffffff;
	
}

.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;
}


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

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