body {
	text-align: center;
	margin: 10px;
	background-color: white;
}
/* desde aqui manejamos el cuerpo de nuestro documento */

td,th, tr, p, div {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	line-height: 15px;
	color: black;
}
/* desde aqui manejamos el tipo de letra, tamaño, interlineado y color */

#contenedor_principal {
	margin:0 auto;
	width:800px;
	
	}
/* desde aqui manejamos el div que lo contiene todo */
#contenedor_cabecera {
	height:134px;
	width:800px;
		}
/* desde aqui manejo el contenedor de la cabecera y los banners */

#superior_izquierda  {
	float:left;
	width:480px;
		} 
/* desde aqui manejo la parte izquierda de la cabecera, osea el logotipo y los banners */

#logotipo  {
	text-align:center;
	width:480px;
	height:60px;
		} 
/* desde aqui manejo el logotipo */

#banners  {
	text-align:center;
	width:480px;
	height:74px;
		} 
/* desde aqui manejo los banners */

#banners table.moduletable {
	padding:3px;
	border:2px solid #ccc;
	width:100%;
}
/* controla la tabla del módulo de los banners */

#superior_derecha  {
	float:right;
	width:300px;
		} 

#fotos {
	float:right;
	width:300px;
	height:134px;
	background-image:url(../images/fondo_fotos.png);
	background-repeat:no-repeat;
	padding-top:30px;
}

#fotos img {
	border:2px solid white;
}

#contenedor_contenido {
	width:800px;
	}
/* desde aqui manejamos el div izquierdo */

.search {
	height:14px;
}
/* controla la tabla del módulo de busqueda */

.search input {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	width: 145px;
	border:0px;
	}

/* controla el estilo de la caja de búsqueda */


#inferior_izquierda {
	width:200px;
	float:left;
	text-align:center;
	padding-top:10px;
	}
/* aqui va el menu de la izquierda */

#menu {
	width:190px;
	margin:0 auto;
	
	}
/* aqui va el menu de la izquierda */

table.moduletable {
	width: 193px;
	margin-bottom:10px;
	font-weight: normal;
	border:2px solid #ccc;
}
/* controla las tablas de los diferentes módulos, por ejemplo el módulo del menú o el del rss */

table.moduletable th {
	color:white;
	background-image:url(../images/cabecera_menu.png);
	background-repeat:no-repeat;
	padding-top:5px;
	font-size:12px;
	height:45px;
	text-align:center;
}
/* controla la cabecera de cada módulo: menú principal, banners, buscador, rss */

.syndicate_text {
	color:white;
	background-image:url(../images/cabecera_menu.png);
	background-repeat:no-repeat;
	height:45px;
	text-indent:4px;
	font-weight:bold;
	text-align:left;
}

.syndicate {
	margin-bottom:10px;
	line-height:40px;
}

.syndicate a{
	padding:5px;
}


.mainlevel {
  }
/* nivel principal de los menus */

a.mainlevel:link, a.mainlevel:visited {
    display: block;
	font-size: 10px;
	font-weight: bold;
	color:#0066cc;
	text-align: left;
	text-decoration: none;
	line-height: 14px;
	height: 30px;
	text-indent: 24px;
	background-image:url(../images/mainlevel.png);
	background-repeat:no-repeat;
	}
/* controla el diseño de los enlaces del menu y los enlaces visitados(la idea es poner los dos iguales) */

a.mainlevel:hover  {
	color:#0066cc;
	background-image:url(../images/mainlevel.png);
	background-repeat:no-repeat;
	}
/* controla el diseño de los enlaces del menu cuando situas encima el cursor */

.sublevel
{
  }


a.sublevel:link, a.sublevel:visited, a.sublevel:hover
 {
    display: block;
	font-size: 10px;
	font-weight: bold;
	color:#0066cc;
	margin-left:5px;
	text-align: left;
	text-decoration: none;
	line-height: 7px;
	height: 30px;
	text-indent: 14px;
	background-image:url(../images/sublevel.png);
	background-repeat:no-repeat;
}

#active_menu, a#active_menu:link, a#active_menu:visited, a#active_menu:hover {
	color:#0066cc;
	background-image:url(../images/sublevel.png);
	background-repeat:no-repeat;
	}
/* controla el diseño de los enlaces activos del menu, osea la seccion seleccionada en ese momento */

#active_menu.mainlevel, a#active_menu:link.mainlevel, a#active_menu:visited.mainlevel, a#active_menu:hover.mainlevel {
	color:#0066cc;
	background-image:url(../images/mainlevel.png);
	background-repeat:no-repeat;
	}
/* controla el diseño de los enlaces activos del menu, osea la seccion seleccionada en ese momento */

#contenido {
	float:right;
	width:600px;
	text-align:justify;
	padding:0px;
	}
/* aqui va el contenido de la pagina web en si */

#contenido img {
		}
/* controla todas las imagenes que insertamos en el contenido de las páginas */

.contentpaneopen
{
	width:99%;
	margin-top:5px;
}
/* controla cada una de las secciones del contenido de las páginas */

.contentpane
{
	width:99%;
	margin-top:9px;
}
/* controla cada una de las secciones del contenido de componentes */

.componentheading {
	font-family: Verdana, Arial, sans-serif;
	color:#0066cc;
	font-weight: normal;
	font-size: 12px;
	height:18px;
	background-image:url(../images/heading.png);
	margin-top:7px;
	margin-left:8px;
}
/* controla las cabeceras de los componentes*/

.contentheading {
	font-family: Verdana, Arial, sans-serif;
	color:#0066cc;
	font-weight: normal;
	font-size: 12px;
	height:18px;
	line-height:16px;
	background-image:url(../images/heading.png);
}
/* controla las cabeceras de las páginas*/

.small {
  font-family      : Verdana, Helvetica, sans-serif;
  font-size        : 9px;
  color            : #879DA5;
  text-decoration  : none;
  font-weight      : normal;
  
}
/* controla el texto de debajo de cada cabecera, por ejemplo el de "escrito por" */

a:link   {
color: #0066cc;
text-decoration  : underline;
}
/* enlaces */

a:hover, a:visited {
text-decoration: underline;
color: #0066cc; }
/* enlaces colocando cursor encima o visitados */

hr  {
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	width: 100%;
	}
/* regla horizontal */






/* OTRAS ETIQUETAS*/



.newsflash, .frameheader {
  font-family      : Arial, Helvetica, sans-serif;
  font-size        : 20px;
  text-transform   : uppercase;  }

.buttonheading
{
	vertical-align:middle;
}


.contentdescription {
	text-align:left;
}
/* subtitulos de algunas secciones */
.category {}

.sectiontableheader {
  font-weight: bold;
}

.sectiontablefooter {}

.sectiontableentry1 {
	background-color : #ffffff;
}

.sectiontableentry2 {}


table.contenttoc {
  border: 1px solid #cccccc;
  padding: 2px;
  margin-left: 2px;
  margin-bottom: 2px;
}

table.contenttoc td {
  padding: 2px;
}

table.contenttoc th {
  
    color: #666666;
	text-align: left;
	padding-top: 2px;
	padding-left: 4px;
	height: 21px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
}

ul {  }

li {	list-style-image: url(../images/arrow.png);	}

.readon { }

.pathway {
color: #333333;
font-weight: bold;
}

.inputbox {
	border:2px solid #ccc;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color:#0066cc;
	font-weight: bold;
	width: 98%;
	}