/* CSS Document */

/* Estilos generales */

	a{ /* links */
		font-family: arial,verdana,tahoma;
		font-size:small;
		text-decoration:underline;
		color:#003399;
		text-decoration: none;
	}

	a:link, a:active{
		text-decoration:underline;
		color:#003399;	
	}
	
	a:hover{
		text-decoration:underline;
		color:#0099CC; /* celeste osc */
	}
	
	a:visited{
		text-decoration:underline;
		color:#993399; /* purpura */
	}

	body{ 
		font-family:Arial, Verdana, Helvetica, sans-serif;
		font-size:small;
		cursor: default;
		color:#000000;
		background-color:#666666;
		margin: 5px 0 5px 0;
		text-align:justify;
	}
	
	table{
		font-size:small;
		font-family:Arial, Helvetica, sans-serif;
		background-color:#FFFFFF;
		text-align: justify;
	}

	h1{ /* principal MAYUSCULA*/
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size:medium;
		padding-left:20px;
		padding-top:20px;
		color:#666666;
		text-align:left;
	}
	
	h2{ /* subtítulo azul */ 
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:medium;
		padding-top:5px;
		padding-left:20px;
		color:#006699;
		text-align:left	;
	} 
	
	h3{ /* subtítulo verde */
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:medium;
		padding-left:20px;
		color:#009999;
		text-align:left	;
	}
	
	h4{ /* subtítulo café */
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:medium;
		padding-left:20px;
		color:#660000;
		text-align:left	;
	}
	
	h5{ /* subtítulo naranja */
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:medium;
		padding-left:20px;
		color:#FF9900;
		text-align:left	;
	}
	
	h6{ /* subtítulo rojo */
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:medium;
		padding-left:20px;
		color:#993333;
		text-align:left	;
	}
	
	.h7{ /* subtítulo morado */
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:medium;
		padding-left:20px;
		color:#9933CC;
		text-align:left	;
	}
	
/* Estilos específicos */

	.aclaracion{ 
	/* aclaración index */
		margin: 20px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:smaller;
		text-align:justify;
		color:#666666; /* gris osc */
	}
	
	.arriba{ 
	/* anclas */
		margin: 20px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:small;
		font-weight: normal;
		text-align:right;
	}
	
	.contenido{ 
	/* para los parrafos de texto y ajuste de margenes */
		margin: 20px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:small;
		font-weight: normal;
		text-align:justify;
	}
	
	.contenido_main{ 
	/* contiene toda la parte editable y ajusta el contenido */
		font-weight: normal;
		text-align:justify;
		width: 630px;
	}

	.contenido_tabla{ 
	/* tabla madre */
		margin-left:auto;
		margin-right:auto;
		border: 1px solid #333333;
		width: 800px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:small;
		font-weight: normal;
		text-align:justify;
	}

	.funciones {
		width:560px;
		padding-left:40px;
		padding-right:5px;
		color:#0099CC;
	}

	.funciones_c {/* cafe */
		width:560px;
		padding-left:40px;
		padding-right:5px;
		color:#660000;
	}
	
	.funciones_m {
		width:560px;
		padding-left:40px;
		padding-right:5px;
		color:#9933CC;
	}
	
	.funciones_n {/* naranja */
		width:560px;
		padding-left:40px;
		padding-right:5px;
		color:#FF9900;
	}

	.funciones_r {/* rojo */
		width:560px;
		padding-left:40px;
		padding-right:5px;
		color:#993333;
	}

	.funciones_v {/* verde */
		width:560px;
		padding-left:40px;
		padding-right:5px;
		color:#009999;
	}
	
	.glosario {/* rojo */
		width:560px;
		padding-left:20px;
		padding-right:5px;
		color:#993333;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:large;
	}
	
	#idea{
	/* contenedor que hace el globo */
		background-color:#E7EDFA; /* celeste clr */
		color:#000000;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:small;
		font-style:italic;
		font-weight:bold;
		margin: 10px 40px 10px 40px;
		text-align:center;
		width:560px;
	}

	#idea p{
	/* da margen al texto dentro del globo */
		margin: 10px 20px 10px 20px;
		text-align:right;
	}
	
	#idea2{
	/* contenedor que hace el globo */
		background-color:#FFFFCC;/* amarillo clr */
		color:#000000;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:small;
		font-style:italic;
		font-weight:bold;
		margin: 10px 40px 10px 40px;
		text-align:center;
		width:560px;
	}

	#idea2 p{
	/* da margen al texto dentro del globo */
		margin: 10px 20px 10px 20px;
		text-align:right;
	}

	.menu_interno { 
	/* subtítulos */
		padding-left:45px;
	}
	
	.menu_hor_tabla{ 
	/* tabla del menu arriba */
		background-color:#666666;
		background-image: url('../imagenes/menu_bg.gif');
		border: 1px solid #666666;
		font-family:Arial, Helvetica, sans-serif;
		font-size:small;
		font-weight: normal;
		margin: 0px 0px 0px 0px;
		text-align:center;
		width: 800px;
	}

	.menu_hor_tabla td{ 
	/* margenes y bg para los items del menu */
		background-color:#666666;
		background-image: url('../imagenes/menu_bg.gif');
		text-align:center;
	}

	.menu_ver_tabla{ 
	/* contenedor del menu vertical */
		/*
		border: 1px solid #0066FF;
		*/
		font-family:Arial, Helvetica, sans-serif;
		font-size:small;
		font-weight: normal;
		text-align:center;
		margin-top:20px;
	}

	.menu_ver_tabla td{ 
	/* control de celdas del menu vertical */
		padding: 2px 4px 4px 4px;
		background-color:#F4F4F4;
		text-align:center;
	}

	.menu_ver_tabla img{ 
	/* control imagenes menu vertical */
		border: 1px solid #666666;
	}

	.menu_ver_tr{ 
	/* control de la celda de la izq donde va el menu vertical*/
		background-color:#F4F4F4;
			border-right: 1px solid #666666;
			text-align:center;
		}
	
	.migas {
	/* texto para las migas */
		font-family:Arial, Verdana, Helvetica, sans-serif;
		font-size:11px;
		color:#000000;
		padding-left:20px;
		padding-top:20px;
		text-align:left;
	}

	.migas a, .migas a:link, .migas a:active{
	/* links para las migas */
		font-family:Arial, Verdana, Helvetica, sans-serif;
		font-size:11px;
		color:#000000;
		text-align:left;
		text-decoration:underline;
	}
	
	.migas a:hover{
	/* links para las migas */
		color:#0099CC; /* celeste osc */
		text-decoration:underline;
	}

	.migas a:visited{
	/* visitados para las migas */
		color:#993399; /* purpura */
	}

	.pic {
		float:right;
		padding: 3px 0px 8px 20px;
	}

	.pic2 {
		float:left;
		padding: 3px 20px 8px 0px;
	}

	.pic a, .pic2 a{
		font-size:10px;
		font-family:Verdana, Arial, Helvetica, sans-serif;	
	}
	
	.pics {
		text-align:center;
	}

	.pics img{
		margin: 0px 10px 5px 10px;
		clip:rect('10px', '0', '10px', '0')
	}
	
	.thumb {
		filter:alpha (opacity=99);
		filter:progid:DXImageTransform.Microsoft.Alpha(style=0, opacity=99);
		-moz-opacity: 0.99; 
		opacity: .99;
		-khtml-opacity:.99;
		border:1px solid gray;
	}
	
	.thumb:hover, .pics a:hover img{
		filter:alpha (opacity=70);
		filter:progid:DXImageTransform.Microsoft.Alpha(style=0, opacity=80); 
		-moz-opacity: 0.70; 
		opacity: .70;
		-khtml-opacity:.70;   
		border:1px solid gray;
	}