/********** Estructura Básica **********/

body {
	font-family: "DejaVu Sans","Verdana","Helvetica","sans",sans-serif;
	line-height: 110%;
	text-align: center;
	color: #000000;
	background-color: #0a4c86;
	margin: 0px;
}

#header {
	width: 800px;
	height: 200px;
	color: #000000;
	background-color: #ffffff;
	margin: 20px auto 0px auto;
}

#menu {
	width: 770px;
	height: 29px;
	color: #000000;
	background: #ffffff url(images/Menu6.png) no-repeat;
	margin: 0px auto;
	overflow: hidden;
}

#sombreado {
	width: 770px;
	height: 15px;
	color: #000000;
	background: #ffffff url(images/sombreado.png) no-repeat;
	margin: 0px auto;
	overflow: hidden;
}

#index {
	width: 800px;
	font-size: small;
	text-align: left;
	color: #000000;
	background: #0a4c86 url(images/bg1.gif) repeat-y;
	margin: 0px auto;
	overflow: hidden;
}

#footer {
	width: 800px;
	height: 50px;
	text-align: center;
	color: #000000;
	background: #ffffff url(images/footer.jpg) no-repeat;
	margin: 0px auto 20px auto;
}

#frontal {
	width: 615px;
	margin: 0px 0px 15px 0px;
	float: left;
}

#lateral {
	width: 185px;
	float: right;
}

#extras {
	width: 170px;
	text-align: center;
}

#aviso {
	width: 100%;
	background-color: #F6FEBA;
	color: #000000;
	font-size: 12px;
	border: 2px solid #000000;
	margin: 0px;
	padding: 3px;
}



/********* Noticias y Prólogo **********/

.res {
	width: 568px;
	color: #000000;
	background-color: #ffffc8;
	border: 1px solid #000000;
	margin: 0px 15px 0px 30px;
}

.noticia, .registro {
	margin: 25px 15px 10px 30px;
	border-bottom: 1px solid;
}

.apuntes {
	text-align: center;
	margin: 25px auto 0px 15px;
}

.fecha {
	color: #00AF00;
	background-color: #ffffff;
	font-size: 85%;
}



/****** Afiliados y Agradecimientos ******/

.afiliado {
	width: 88px;
	height: 31px;
	margin: 5px;
}

#agradecimientos {
	width: 570px;
	border-top: 1px solid #000000;
	margin-left: 30px;
}



/*************** Otros ****************/

.tabulado {margin-bottom: 40px;}
#error {text-align: center; margin: 10px 0px;}



/************ Cabeceras Hx ************/

h1 {
	width: 800px;
	height: 200px;
	font-size: larger;
	text-indent: -9999px;
	font-weight: bold;
	color: #000000;
	background: #ffffff url(images/header.jpg) no-repeat;
	overflow: hidden;
	margin: 0px;
}

h2 {
	font-weight: bold;
	color: #000000;
	background-color: #ffffff;
}

.noticia h2 {
	height: 22px;
	font-size: larger;
	margin: 0px 15px 0px 0px;
	padding: 4px 0px 0px 30px;
}

h2.actualizacion {color: #1e3c82; background: #ffffff url(images/new_update.png) left no-repeat;}
h2.tutorial {color: #1e3c82; background: #ffffff url(images/new_tutorial.png) left no-repeat;}

h2.categoria {
	width: 570px;
	height: 26px;
	text-indent: -9999px;
	overflow: hidden;
	margin: 10px 0px 8px 30px;
}

h2#info {color: #000000; background: #ffffff url(images/cat_informacion.jpg) center no-repeat;}
h2#basicos {color: #000000; background: #ffffff url(images/cat_basicos.jpg) center no-repeat;}
h2#mensajes {color: #000000; background: #ffffff url(images/cat_mensajes.jpg) center no-repeat;}
h2#engines {color: #000000; background: #ffffff url(images/cat_engines.jpg) center no-repeat;}
h2#bdatos {color: #000000; background: #ffffff url(images/cat_basedatos.jpg) center no-repeat;}
h2#mapas {color: #000000; background: #ffffff url(images/cat_mapas.jpg) center no-repeat;}
h2#comandos {color: #000000; background: #ffffff url(images/cat_comandos.jpg) center no-repeat;}
h2#otros {color: #000000; background: #ffffff url(images/cat_otros.jpg) center no-repeat;}
h2#grafismo {color: #000000; background: #ffffff url(images/cat_grafismo.jpg) center no-repeat;}

h2.informacion {margin: 8px 30px 0px 30px; font-size: larger;}

h2.error {
	height: 22px;
	font-size: larger;
	color: #1e3c82;
	margin: 15px 30px 25px 30px;
	padding: 4px 0px 0px 30px;
	background: #ffffff url(images/new_update.png) left no-repeat;
}

.registro h2 {font-size: larger;}



/************ Listas y Texto ***********/

ul {list-style-type: none; margin: 5px 0px 30px 40px; padding: 0px;}
li {margin: 5px 0px;}

ul.lista_noticia {list-style-type: disc; margin: 10px 0px 20px 20px;}
ul.lista_noticia li {margin-left: 15px;}

#lateral ul {list-style-type: none; margin: 0px; padding: 0px;}
#lateral li {margin: 0px 0px 20px 0px;}

#agradecimientos ul {list-style-type: disc; margin: 10px 0px 20px 20px;}
#agradecimientos li {font-weight: bold;	font-style: italic; margin-left: 30px;}

p {margin-left: 30px; margin-right: 15px;}

.res p {margin: 10px auto; text-align: center;}
.noticia p, .registro p {margin-left: 0px; margin-right: 0px;}
#agradecimientos p {margin-left: 25px;}
#aviso p {margin: 0px auto;}

acronym {
	cursor: help;
	font-weight: bold;
	font-style: italic;
}

.verde {color: #00AF00;}
.azul {color: #1e3c82;}
.naranja {color: #d59a00;}



/************** Márgenes *************/

.mgr_10 {margin-right: 10px; border: 1px solid #000000;}
.mgl_10 {margin-left: 10px; border: 1px solid #000000;}
.mg_10 {margin-left: 10px; margin-right: 10px; border: 1px solid #000000;}



/*************** Footer ***************/

.footer a:link, a:active, a:visited, a:hover {background: none;}

.foot1 {margin: 15px 3px 0px 0px; border: none;}
.foot2 {margin: 15px 3px 0px 3px; border: none;}
.foot3 {margin: 15px 0px 0px 3px; border: none;}



/************** Enlaces **************/

a:link, a:active, a:visited, a:hover {text-decoration: none; font-weight: bold;}

a.noticias:link, a.noticias:active, a.noticias:visited {
	height: 22px;
	font-size: larger;
	color: #1e3c82;
	background: #ffffff url(images/archivo_noticias1.png) left no-repeat;
	margin-right: 20px;
	padding: 4px 0px 0px 30px;
}

a.noticias:hover {
	color: #101010;
	background: #ffffff url(images/archivo_noticias2.png) left no-repeat;
}

a.tareas:link, a.tareas:active, a.tareas:visited {
	height: 22px;
	font-size: larger;
	color: #1e3c82;
	background: #ffffff url(images/tareas1.png) left no-repeat;
	margin-left: 20px;
	padding: 4px 0px 0px 30px;
}

a.tareas:hover {
	color: #101010;
	background: #ffffff url(images/tareas2.png) left no-repeat;
}

a.tutorial:link, a.tutorial:active, a.tutorial:visited {
	color: #003399;
	background: #ffffff url(images/bullet/Tutorial_Link1.png) center left no-repeat;
	padding-left: 16px;
}

a.tutorial:hover {
	background: #ffffff url(images/bullet/Tutorial_Link2.png) center left no-repeat;
	color: #101010;
}

a.link:link, a.link:active, a.link:visited {color: #1e46b4; background: #ffffff;}
a.link:hover {color: #ffffff; background: #003399;}

.res a:link, .res a:active, .res a:visited {background-color: #ffffc8; color: #0000ee;}
.res a:hover {color: #ffffff; background-color: #003399;}

#extras a {width: 140px; height: 80px;}

.sinborde {border: none;}
.borde_simple {border: 1px solid #000000;}
.centrado {text-align: center;}

a img {border: none;}



/************ Barra Menú ************/

#menu span, #extras span {display: none;}

#menu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#menu li {display: table-cell;}
* html #menu li {display: inline;}

#menu a {display: table; height: 29px;}
* html #menu a {display: inline-table; margin: 0px -2px;}

#menu a#menu1 {
	width: 104px;
	color: #fffffe;
	background: #000001 url(images/Menu1.png) 0px 0px no-repeat;
}

#menu a#menu2 {
	width: 96px;
	color: #fffffe;
	background: #000001 url(images/Menu2.png) 0px 0px no-repeat;
}

#menu a#menu3 {
	width: 112px;
	color: #fffffe;
	background: #000001 url(images/Menu3.png) 0px 0px no-repeat;
}

#menu a#menu4 {
	width: 79px;
	color: #fffffe;
	background: #000001 url(images/Menu4.png) 0px 0px no-repeat;
}

#menu a#menu5 {
	width: 90px;
	color: #fffffe;
	background: #000001 url(images/Menu5.png) 0px 0px no-repeat;
}

#menu li a#menu1:hover {background-position: 0px -29px;}
#menu li a#menu2:hover {background-position: 0px -29px;}
#menu li a#menu3:hover {background-position: 0px -29px;}
#menu li a#menu4:hover {background-position: 0px -29px;}
#menu li a#menu5:hover {background-position: 0px -29px;}


#extras a {display: table; height: 80px; margin: 0px auto;}
* html #extras a {display: block; margin: 0px auto;}

#extras a#extra1 {
	width: 140px;
	height: 80px;
	color: #000000;
	background: #ffffff url(images/extras/extra1.jpg) 0px 0px no-repeat;
}

#extras a#extra2 {
	width: 140px;
	height: 80px;
	color: #000000;
	background: #ffffff url(images/extras/extra2.jpg) 0px 0px no-repeat;
}

#extras a#extra3 {
	width: 140px;
	height: 80px;
	color: #000000;
	background: #ffffff url(images/extras/extra3.jpg) 0px 0px no-repeat;
}

#extras a#extra4 {
	width: 140px;
	height: 80px;
	color: #000000;
	background: #ffffff url(images/extras/extra4.jpg) 0px 0px no-repeat;
}

#extras a#extra5 {
	width: 140px;
	height: 80px;
	color: #000000;
	background: #ffffff url(images/extras/extra5.jpg) 0px 0px no-repeat;
}

#extras a#extra6 {
	width: 140px;
	height: 80px;
	color: #000000;
	background: #ffffff url(images/extras/extra6.jpg) 0px 0px no-repeat;
}

#extras li a#extra1:hover {background-position: 0px -80px;}
#extras li a#extra2:hover {background-position: 0px -80px;}
#extras li a#extra3:hover {background-position: 0px -80px;}
#extras li a#extra4:hover {background-position: 0px -80px;}#extras li a#extra5:hover {background-position: 0px -80px;}
#extras li a#extra6:hover {background-position: 0px -80px;}