/* CSS Document */
/* __________________Reglas Generales___________________ */
body{
	background:#f8f8f8;
	text-align:center;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}
table{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}
form{ 
	margin: 0;
}
img{
	border:0;
}
/* green_link_underline: Esto es para compatibilidad en las siguienes paginas:
	-hoja.vida.php */
a, .green_link_underline, .link{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#003399;
	cursor:pointer;
	text-decoration:underline;
}
a:hover, .green_link_underline:hover, .link:hover{
	color:#0066CC;
}
textarea, input, select{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
/* __________________Estructura de la pagina_______________ */
#pagina {
	margin: 0 auto;
	/*border: 1px solid #c03;*/
	text-align:center; /*	 alinear textos */
	margin:0 auto; /* centra el contenedor */
}
#encabezado {
	background:url(../images/pag/bg-header.gif);
	background-repeat:repeat-x;
	margin:0 auto;
	text-align:center;
	height:165px;
}
#encabezado h1{
	float:left;
	margin-left:30px;
	margin-top:35px;
}
#encabezado_container {
	width:1000px; margin:0 auto; text-align:left; position:relative;
}
#cuerpo_container {
	background:url(../images/pag/bg-linea.gif);
	/*border:1px solid #ccc;*/
}
#cuerpo {
	width:1000px;
	margin:0 auto;
}
#contenido {
	text-align:left;
	/*border:1px solid #ccc;*/
	/*float:inherit;*/
	margin-left:165px;
	padding:5px;
}
#lateral {
	text-align:left;
	width:155px;
	/*border:1px solid #ccc;*/
	float:left;
	margin-left: 5px;
}
#pie {
	font:x-small;
	color:#FFFFFF;
	background:url(../images/pag/bg-footer.gif) repeat-x;
	text-align:center;
	padding-top:10px;
	height:55px;
}
.contenedor{
	border:#999999 solid 2px; padding:5px;
	background:#FFFFFF;
	text-align:left;
}
div.spacer {
	clear: both;
}
#contenido_evento{
	margin-left:140px;
	border-left:#CCCCCC 1px solid;
	padding-left:10px;
}
/* __________________ MENU LATERAL  _______________ */
#lateral a{
	text-decoration:none;
	color:#3199ce;
	font-weight:bold;
}
#lateral a:hover{
	color:#800001;
}
#lateral div{
	margin:5px;
	margin-bottom:15px;
	padding:0px;
	background:#FFFFFF;
}
#lateral .options{
	margin: 0px;
}
#lateral .title{
	margin:0px;
	padding:10px;
	background:url(../images/pag/bg-menu.gif);
	background-repeat:no-repeat;
	font-weight: bold;
}
#lateral ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#lateral ul li{
	margin-left:10px;
	padding:2px;
}
/* __________________  Clases para textos _______________ */
.text_nota{
	color: #777777;
	font-size:11px;
}
/* red_tex: Esto es para compatibilidad en las siguienes paginas:
	-hoja.vida.php */
.text_require, .red_tex{
	font-size:11px;
	color: #800001;
}
.text_gris1{
	color: #666666;
}
.text_rojo1{
	color: #800000;
}
.text_link1{
	font-size: 11px;
	cursor:pointer;
}
.text_link1:hover{
	color: #990000;
}
.asterisco{
	font-size:18px;
	color: #800001;
	font-weight:bolder;
}
/* __________________ Clases para tablas  _______________ */
.tabla_info td{
	padding-bottom:10px;
	padding-right:10px;
}
.td_concepto{
	color: #3b3b3b;
	text-align:right;
}
.td_nombre{
	font-size:16px;
	font-weight:bold;
}
.td_tema{
	font-size:14px;
	font-weight:bold;
}
.tabla_line_bottom td{
	border-bottom: #999999 1px solid;
	padding:5px;
	margin:0;
}
.tabla_line_bottom_rigth td{
	border-bottom: #999999 1px solid;
	border-right: #999999 1px solid;
	padding:5px;
	margin:0 auto;
}
/* __________________ Clases para listas  _______________ */
.lista_espaciada li{
	margin-bottom:5px;
}
/* __________________ Clases para divs  _______________ */
.div_marco_gris1{
	border:#CCCCCC 1px solid;
	margin-bottom:5px;
	padding:5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
}
/* __________________ Clases para Links  _______________ */
.link_simple{
	font-family : Arial, Helvetica, sans-serif;
	color : #000000;
	font-weight : normal;
	text-decoration : none;
	cursor:pointer;
}
.link_simple:hover{
	text-decoration:underline;
}
.link_no{
	font-family : Arial, Helvetica, sans-serif;
	font-size: 12px;
	color : #000000;
	font-weight : normal;
	text-decoration : none;
	cursor:pointer;
}
.link_no:hover{
	color : #000000;
}
.link_no_h1{
	font-family : Arial, Helvetica, sans-serif;
	font-size:larger;
	color : #000000;
	font-weight: bolder;
	text-decoration : none;
	cursor:pointer;
	text-decoration:none;
}
.link_no_h1:hover{
	color : #000000;
}
/* __________________ Galerias de fotos  _______________ */
#area_galeria img {
	background: #fff;
	border: 1px solid #ccc;
	padding: 5px 5px 20px;
}
#area_galeria a:hover img {
	border-color:#0099FF;
}