/* ---- 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;
}

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: 740px;
  margin: 0 0;
  background: url("images/fondosimulador.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: 419px;
	height: 980px;
	margin-top: 0;
	padding:0 0 0 0;
}

/* ---- simulador ---- */

#contenido #informationcenter iframe {
	margin: 0 0;
	width: 670px;
	height: 980px;
	border: 0;
} 


/*------ 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;}/*textos del menu izquierdo*/
#contenido #leftmenu li a {color:#4e4b4b;} 
#contenido #leftmenu li a:hover {margin: 0 0 0 12px}

#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}

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

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