/*********************************************************************************

	HOJA DE ESTILOS - Campaña anticorrupción
	
	Autor: xBlaze
	Fecha de Creación: miercoles, 09 de septiembre de 2009
	Comentarios: 
	
*********************************************************************************/

/************************************************************ Elementos básicos */

body {
	background: #f2f2f2 url(fondoEncabezado.jpg) repeat-x top;;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #CC0000;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #CC0000;
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

td {
    font-size: 11px;
}

p {
	text-align: justify;
}

a {
	text-decoration: none;
	color: #CC0000;
}

a:hover {
	text-decoration: underline;
	color: #FF0000;
}

a:visited {
	/* vacio */
}

/************************************************************* DIVs Especificos */ 

#Contenedor {
	padding: 15px 0px 0px 0px;
}

#Contenido {
	background: url(contenidoSombraSup.jpg) no-repeat top;
	width: 900px;
	text-align: left;		/* regresamos el centrado de body a izquierda */
	margin: auto;			/* Con esto, mozilla y otros navegadores, centran la pagina */
	padding-top: 5px;
}

/**************************************************************** Menu superior */ 

#MenuSuperior {
	height: 16px;
	text-align: right;
	padding: 0px;
	display: none;
}

#MenuSuperior ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
}

#MenuSuperior li {
	display: inline;
	padding: 0px 0px 0px 30px;
}

#MenuSuperior a {
	font-size: 10px;
	text-decoration: none;
	display: inline;
}

#MenuSuperior a:hover {
	text-decoration: none;
}

/******************************************************************* Encabezado */ 

#Encabezado {
	background: url(Encabezado.jpg) no-repeat;
	height: 150px;
	text-align: left;
	padding: 0px 0px 0px 0px;

}

/*************************************************************** Menu principal */ 

#MenuPrincipal {
	height: 24px;
	text-align: center;
	padding: 0px;
	display: none;
}

#MenuPrincipal ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
}

#MenuPrincipal li {
	display: inline;
	padding: 0px 0px 0px 30px;
}

#MenuPrincipal a {
	font-size: 12px;
	text-decoration: none;
	display: inline;
}

#MenuPrincipal a:hover {
	text-decoration: none;
}

/************************************************************* Cuerpo principal */ 

#CuerpoPrincipal {
	background: #FFFFFF url(contenidoSombraInf.jpg) no-repeat bottom;
	clear: both;
	width: 900px;	
	padding-bottom: 5px;
}

#Lateral {
	width: 150px;
	float: left;
	
	font-size: 10px;
}

#Principal {
    background: url(fondoContenido.jpg) no-repeat bottom right;
	width: 690px;
	float: right;
	padding: 0px 30px 10px 30px;
	min-height: 350px;
}

#Inferior {
	clear: both;
	width: 900px;
}

/* Lateral */

#Lateral h1 {
	font-size: 14px;
}

#Lateral h2 {
	font-size: 12px;
}

/***************************************************************** Menu Lateral */ 

#Lateral ul {
	margin: 0px;
	padding: 10px 0px 0px 0px;
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
}

#Lateral li {
	padding: 0px;
}

#Lateral a {
	font-size: 11px;
	text-decoration: none;
	display: block;
	padding: 7px 0px 7px 20px;
}

#Lateral a:hover {
	text-decoration: none;
	color: #FFFFFF;
	background: #CC0000 url(fondoMenuPrincipalOpcionSeleccionada.png) repeat-x;
}

/**************************************************************** Pie de pagina */ 

#PieDePagina {
	clear: both;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}

/*********************************************************************** CLASES */ 

.tabla {
	border: 1px solid #D1D1D1;
}

.tablaEncabezado01 {
	background: #F2F2F2;
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	height: 25px;
	padding-left: 30px;
}

/************************************************************* para Formularios */ 

.TextBox {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #D1D1D1;
}