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

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

#base .importante { /*parrafos*/
  float:center;
  font-size: 70%;
  font-family: "arial", serif;
  font-weight: normal;
  color:#FF0000;
}


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: 590px;
  margin: 0 0;
  background: url("images/centro.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: 332px;
  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 { /*Bienvenido informationcenter*/
  margin: 0 0;
  padding: 15px 40px;
}

#contenido .articulo h2 { /*Bienvenido informationcenter*/
  margin: 0 0;
  padding: 0;
}
/*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: 105px;
  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 30px; /* 30 cierrala caja en el interior*/
  color:#4e4b4b;
  background: url("images/icono_elemento.gif") 14px no-repeat;
  text-decoration: none;
}

#contenido #rightmenu li.rojo 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 cierrala caja en el interior*/
  color: #FF0000;
  background: url("images/icono_elemento.gif") 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 {background-color: #e0dfdf; color:#4e4b4b;}
#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;}/*textos del menu izquierdo*/
#contenido #leftmenu li a {color:#4e4b4b;} 
#contenido #leftmenu li a:hover {margin: 0 0 0 12px}
#contenido #leftmenu li.seleccionado a { font-weight: bold;}

#contenido #leftmenu.seleccionado { font-size: 80%; color:#4e4b4b; font-family: "arial"; font-weight:bold;}/*textos del menu izquierdo seleccionado*/
#contenido #leftmenu li.seleccionado a { margin: 0 0 0 12px;} 
#contenido #leftmenu li.seleccionado a:hover {margin: 0 0 0 12px}

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

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