*{
	margin:0px;
	padding:0px;
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
}


body {
	margin:0px auto;
	padding:0px;
	background-color: #FFFFFF;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

#wrap {
	margin:0px auto;
	padding:0px;
	width:100%;
	background-image: none;
	background-repeat: no-repeat;
	background-position: left bottom;
}

/* header */

#header {
	background:url(images/hd.jpg) top left no-repeat;
	height:222px;
	width:750px;
	margin:0px auto;
	padding:25px 0px 0px 10px;
	clear:both;
}

#logo {
	width:270px;
	height:60px;
	display:block;
}

.titulo_logo {
	font-size:34px;
	color:#FFFFFF;
}

.subtitulo {
	font:14px Arial, Helvetica, sans-serif;
	color:#FFCC00;
	font-weight:bold;
}

.titulo_logo a {
	font:14px Arial, Helvetica, sans-serif;
	font-size:34px;
	color:#FFFFFF;
	text-decoration:none;
}

#nav {
	width:390px;
	height:30px;
	display:block;
	margin:102px 0px 0px 25px;
}

#nav ul, #nav li{
	font:13px Arial, Helvetica, sans-serif;
	list-style-type:none;
	float:left;
	padding:0px 25px 0px 0px;
}

.opcion_mnu{
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}

a:hover.opcion_mnu  {
	color:#FFCC00;
	text-decoration:underline;
}

/* content */

#content {
	width:700px;
	margin:0px auto;
	padding:20px;
	clear:both;
}

#izq{
	width:490px;
	float:left;
}

#der{
	width:170px;
	float:left;
	background: url(images/side.gif) no-repeat;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 20px;
}

#articulos{
	width:155px;
	height:190px;
	display:block;
}

#eventos{
	width:155px;
	height:190px;
	display:block;
}


#der ul{
	list-style-type:none;
}

#der li{
	font:11px Arial, Helvetica, sans-serif;
	color:#660033;
	font-weight:bold;
	padding:4px 0px 4px 10px;
	background:url(images/bullet.gif) left no-repeat;
	list-style-type:none;
}

#content h3{
	font:14px Arial, Helvetica, sans-serif;
	color:#cc3399;
	font-weight:bold;
	padding:5px 0px 5px 0px;
}

#content h4{
	font:12px Arial, Helvetica, sans-serif;
	color:#796100;
	font-weight:bold;
	padding:5px 0px 5px 0px;
}

#content p {
	padding:0px 30px 0px 0px;
	color:#660033;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.form {
	padding:0px 0px 0px 0px;
	color:#990099;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#content ol {
	font:13px Arial, Helvetica, sans-serif;
	padding:0px 0px 0px 25px;
	color:#FFFFFF;
}

#content li {
	font:13px Arial, Helvetica, sans-serif;
	color:#660033;
	padding-top: 5px;
	padding-right: 30px;
	padding-bottom: 5px;
	padding-left: 15px;
}


.left {
	padding:0 30px;
}

.tabla_oscura {
	color: #FFFFFF;
	padding: 15px 10px 15px 10px;
	font: 16px Verdana, Arial, Helvetica, sans-serif;
	background: url(images/fondo_tabla_a.jpg);
	border-bottom: 1px solid #666666;
	list-style-position: inside;
	list-style-type: circle;
}

.tabla_clara {
	color: #000000;
	padding: 15px 10px 15px 10px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	background: url(images/fondo_tabla_b.jpg);
	border-bottom: 1px solid #666666;
	list-style-position: inside;
	list-style-type: circle;
}

/* footer */

#footer {
	width:730px;
	color: #cc3399;
	padding:0px 0px 20px 30px;
	margin:0px auto;
	clear:both;
}

#footer p{
	font:10px Arial, Helvetica, sans-serif;
	color: #cc3399;
	clear:both;
	padding:5px;
	margin:0px;
	text-align:center;
}

#xhtml {
	position:relative;
	top:-20px;
	left:400px;
}


/* titulos */

.titulo_contenido{
	font:16px Arial, Helvetica, sans-serif;
	color:#CC0066;
	font-weight:bold;
	padding:0px 0px 4px 0px;
}

.titulo_derecha{
	font:14px Arial, Helvetica, sans-serif;
	color:#FFCC00;
	font-weight:bold;
	padding:0px 0px 4px 0px;
}

/* vinculos */

.fondo_claro {
	color:#990099;
	font-weight:700;
}

a:hover.fondo_claro {
	color:#FF66FF;
	font-weight:700;
}

.fondo_oscuro {
	color: #FFFF99;
	font-weight:700;
}

a:hover.fondo_oscuro {
	color: #FF9900;
	font-weight:700;
}

.vinculo_foot {
	color: #990066;
	font-weight:700;
}

a:hover.vinculo_foot {
	color: #FF66FF;
	font-weight:700;
}