/********** 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/bg2.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: 800px;
	margin: 0px 0px 15px 0px;
	float: left;
}

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



/********* Cuadro Principal **********/

#cuadro_info {
	width: 742px;
	height: 112px;
	color: #ffffff;
	background-color: #03034b;
	margin: 0px auto 35px auto;
	border: 2px solid #000000;
}

#cuadro_izq, #cuadro_der {display: inline; width: 50%; text-align: center;}
#cuadro_izq {float: left;}
#cuadro_der {float: right;}

.image_big {margin-top: 4px;}



/******** Cuadros con Imágenes *******/

.cuadro {
	border: 2px solid #000000;
	background-color: #3c3c3c;
	color: #ffffff;
	margin: 10px auto;
}

#cuadro1 {width: 640px;}
#cuadro2 {width: 680px;}



/*********** Cuadros Extra ***********/

.conclusion {
	width: 732px;
	color: #000000;
	background-color: #faf0af;
	border: 1px solid #aaaaaa;
	padding: 6px;
	margin: 40px auto 0px auto;
}

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

#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 {
	height: 22px;
	font-size: large;
	font-weight: bold;
	color: #1e3c82;
	background-color: #ffffff;
	margin: 10px 30px 8px 30px;
}

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

h3 {
	width: 734px;
	height: 20px;
	font-size: larger;
	font-weight: bold;
	color: #ffffff;
	background: #101085 url(images/subheader.png) no-repeat;	
	margin: 40px auto 15px auto;
	padding: 2px 0px 0px 10px;
}

h4 {
	margin: 35px 30px 0px 50px;
	font-size: 110%;
	font-weight: bold;
	color: #000000;
	background-color: #ffffff;
}



/************ Listas y Texto ***********/
ul {
	list-style-type: none;
	margin: 5px 0px 30px 40px;
	padding: 0px;
}

ul li {	margin: 5px 0px;}
ol li {margin: 5px 40px 5px 65px;}

p {margin: 10px 50px 10px 50px;}

.resumen p {margin: 10px 30px 10px 30px;}
.cuadro p {margin: 10px 15px 10px 5px;}
.conclusion p {margin: 8px 12px 8px 12px;}
.res p {margin: 10px auto; text-align: center;}
#cuadro_info p {margin: 12px 0px 12px 0px;}
#errores p {margin: 10px 15px 10px 30px;}
#aviso p {margin: 0px auto;}

.dirigido {text-align: center; font-weight: bold;}

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



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

.mg_0-15 {margin: 0px 15px; border: 1px solid #000000;}
.mg_0-25 {margin: 0px 25px; border: 1px solid #000000;}
.mg_10-15 {margin: 10px 15px; border: 1px solid #000000;}
.mgr_15 {margin-right: 15px; border: 1px solid #000000;}
.mgl_15 {margin-left: 15px; border: 1px solid #000000;}
.mgr_10 {margin-right: 10px; border: 1px solid #000000;}
.mgl_10 {margin-left: 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.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-color: #ffffff;}
a.link:hover {color: #ffffff; background-color: #003399;}

a.descarga:link, a.descarga:active, a.descarga:visited {
	color: #18378c;
	background: #faf0af url(images/bullet/download1.png) center left no-repeat;
	padding-left: 16px;
}

a.descarga:hover {
	color: #ffffff;
	background: #003399 url(images/bullet/download2.png) center left no-repeat;
	padding-left: 16px;
}

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

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

.comando {font-weight: bold; color: #279d1b; background-color: #ffffff;}

a img {border: none;}



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

#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-block; margin: 0px -2px;}

#menu span {display: none;}

#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;}