*{
	margin:0;
	padding:0;
}
body{
	margin:0px;
	padding:0px;
	background:url(../img/fondo_body_1024.png) repeat-y center #ddd;
}
table#sitio{
	position:absolute;
	top:0;
	left:0;
	/* centra toda la pagina */
}
table td{
	vertical-align:top;
}

a img{
	border:0;
}
embed{
	/*z-index:-100;*/
}

/****************************/
/*** diagramacion general ***/
/****************************/
table.centrar{
	/*text-align:center;*/
}
#caja{
	/*  se encarga de centrar todo el contenido */
	width:768px;
	height:auto;
	position:relative;
}
#cajadecorativa{
	background-image:url(../img/fondo_body.png);
	background-repeat:repeat-y; 
	background-position:top center;
	margin:0;
	padding:0;
}
#cajadecorativa_fin{
	width:775px;
	height:10px;
	position:relative;
	background-image:url(../img/body_abajo.gif);
	background-repeat:no-repeat;
}
#cabecera{
	width:768px;
	height:104px;
	margin:0px;
	padding:0px;
	background-image:url(../img/fondo_menu_brilloso.png);
	background-position:right bottom;
	background-repeat:no-repeat;
	background-color:#0C1D6D;
	margin-bottom:24px; /* necesario para que no se pise con el logo el comienzo del principal */
}
#principal{
	position:relative;
	width:754px;
	margin:0px;
	left:0px;
	min-width:754px;
	height:auto;
	border:1px #fff solid;
	display:table;
}
#pie{
	clear:both;
	position:relative;
	width:768px;
	height:100px;
	background-image:url(../img/pie_fondo_extendido.png);
	background-position:0px 0px;
	background-repeat:repeat-x;
	background-color:#0C1D6D;
	text-align:left;
	margin-top:10px;
}
#pieIzq{
	width:452px;
	height:100px;
	background-image:url(../img/pie_fondo_izq.png);
	background-position:0 -20;
}
#pie_copy{
	font-size:9px;
	position:absolute;
	bottom:2px;
	right:2px;
	color:#fff;
}


/* Columnas en PRINCIPAL */

/************* 2 columnas *************/
#columnas2_1{
	width:320px;
	height:auto;
	float:left;
}
#columnas2_2{
	margin-left:328px;
	height:auto;
}
/************* 3 columnas *************/

#columnas3_1{
	display: table-cell;
	vertical-align:top;
	width:180px;
	height:auto;
	float:left;
}
#columnas3_2{
	display: table-cell;
	vertical-align:top;
	height:auto;
	width:375px;
	float:left;
	padding-left:8px;
	padding-right:8px;
	/* el maximo ancho para el contenido de esta columna no debe superar los 380px */
}
#columnas3_3{
	display:table-cell;
	vertical-align:top;
	width:180px; 
	height:auto;
	float:left;
	padding-bottom:24px;
}

/*-------------*/
/*
#columnas3_2 *{
	max-width:370px;
	
}*/

/*******************************/
/*** diagramacion contenidos ***/
/*******************************/

/*grafica cabecera*/
#logo{
	position:absolute;
	top:34px;
	left:16px;
	width:165px;
	height:80px;
}
#logo img{
	width:165px;
	height:80px;
}
/********** MENUES MINI en cabecera  *********/
.menu_mini{
	position:absolute;
	width:500px;
	top:4px;
	left:0px;
}
.menu_mini ul li{
	color:#fff;
	display:inline;
	padding:0px 4px 0px 6px;
	border-left:solid #fff 1px;
	list-style:none;
}
.menu_mini .primerItem{
	border-left:none;
}
.menu_mini a,.menu_mini a:visited{
	color:#ccc;
	text-decoration:none;
}
.menu_mini a:link{
	color:#ccc;
	text-decoration:none;
}
.menu_mini a:hover{
	color:#fff; 
}
.lenguajes{
	left:0px;
	text-align:left;
}
.lenguajes img{
	width:15px;
	height:10px;
}
.menu_simple{
	left:264px;
	text-align:right;
	vertical-align:middle;
}
.menu_simple img{
	vertical-align:middle;
	width:15px;
	height:10px;
}

#menuSuperior{
	width:543px;
	height:30px;
	z-index:20;
	position:absolute;
	top:74px;
	right:0px;
}

#slogan{
	position:absolute;
	width:543px;
	height:80px;
	top:24px;
	right:0px;
	z-index:10;
}
/************* menues laterales izquierdo  azul ****************/

#menu_azul{
	background-color:#162c80;
	background-image:url(../img/menu_azul_sup.png);
	background-repeat:no-repeat;
	background-position:top center;
	text-align:left;
	padding-top:32px;
	padding-bottom:8px;
	width:180px;
}
#menu_azul *{
	color:#fff;
}
#menu_azul h2{
	margin:8px 8px 2px 8px;
	padding-top:8px;
	border-top:1px #fff solid;
}
#menu_azul h3{
	margin:12px 8px 2px 8px;
	padding-top:8px;
	border-top:1px #ccd solid;
	color:#ccd;
}
#menu_azul h4{
	font-size:10px;
	font-weight:bold;
	margin:2px;
	padding:0px;
}
#menu_azul p{
	padding:0px;
	margin:1px;
}
#menu_azul ul{
	padding:0;
	margin:0;
}
#menu_azul ul li{
	padding:0;
	margin:6px 0px 6px 0px;
	list-style:none;
}
#menu_azul a {
	display:block;
	padding:0;
	padding-left:16px;
	margin:0;
	background-image:url(../img/gr_flecha.gif);
	background-repeat:no-repeat;
	background-position: 9px 2px;
}
#menu_azul a:hover{
	text-decoration:none;
	background-color:#eee;
	color:#039;
	background-image:url(../img/gr_flecha.gif);
	background-repeat:no-repeat;
	background-position: 0px 2px;
}
#menu_azul .categoria{
	margin-top:14px;
}
#menu_azul .categoria .noLink{
	display:block;
	padding-top:4px;
	padding-left:14px;
	background-image:url(../img/gr_punto7x.png);
	background-position:4px 6px;
	background-repeat:no-repeat;
	color:#ccd;
	font-weight:bold;
	border-bottom:1px #369 solid;
	border-top:1px #369 solid;
}
#menu_azul .categoria a{
	padding-top:4px;
	padding-left:14px;
	background-image:url(../img/gr_flecha.gif);
	background-position:4px 6px;
	color:#fff;
	font-weight:bold;
	border-bottom:1px #369 solid;
	border-top:1px #369 solid;
}
#menu_azul .categoria a:hover{
	color:#039;
	background-position: 0px 6px;
}
#menu_azul .seleccionado a{
	padding-left:16px;
	background-color:#fff;
	background-position: 0px 2px;
	color:#0C1D6D;
	border-left:3px #0C1D6D solid;
	border-right:3px #0C1D6D solid;
}

#menu_azul_final{
	/* este estilo se encarga de cerrar graficamente la barra de menu lateral */
	background-color:#162c80;
	background-image:url(../img/menu_azul_inf.png);
	background-repeat:no-repeat;
	background-position:bottom center;
	width:180px;
	height:auto;
	margin:2px 0px 0px 0px;
	padding:0px 0px 10px 0px;
}

/*************** menu gris ****************/

#menu_gris{
	background-color:#eee;
	background-image:url(../img/menu_gris_sup.png);
	background-repeat:no-repeat;
	background-position:top center;
	text-align:left;
	padding-top:6px;
	padding-bottom:6px;
	width:180px;
}
#menu_gris *{
	color:#039;
}
#menu_gris h2{
	margin:8px 8px 2px 8px;
	padding-top:8px;
	border-top:1px #ddd solid;
}
#menu_gris h3{
	margin:12px 8px 2px 8px;
	padding-top:8px;
	border-top:1px #ddd solid;
	color:#ccd;
}
#menu_gris h4{
	font-size:10px;
	font-weight:bold;
	margin:2px;
	padding:0px;
}
#menu_gris p{
	color:#333;
	padding:0px;
	margin:px;
}
#menu_gris a{
	color:#00d;
	display:block;
	padding-left:14px;
	background-image:url(../img/gr_flecha_gris.gif);
	background-repeat:no-repeat;
	background-position:-2px 2px;
}
#menu_gris a:hover{
	text-decoration:none;
	border-left:1px #000 solid;
	border-right:1px #000 solid;
	background-color:#666;
	color:#fff;
	background-position:5px 2px;
}
#menu_gris ul li{
	padding:0px;
	margin:0px;
	margin-top:4px;
	list-style:none;
}
#menu_gris_final{
	/* este estilo se encarga de cerrar graficamente la barra de menu lateral */
	background-image:url(../img/menu_gris_inf.png);
	background-repeat:no-repeat;
	background-position:bottom center;
	width:180px;
	height:auto;
	margin:2px 0px 0px 0px;
	padding:0px 0px 32px 0px;
}
.reflejo_gris{
	position:relative;
	top:8px;
}
.reflejo_azul{
	position:relative;
	top:8px;
}
.centrada{
	width:100%;
	text-align:center;
}

/************************ <GENERICAS> ************************/

#oculta,.oculta{
	visibility:hidden;
}

/************************ </GENERICAS> ************************/

#flash_interno{
	height:400px;
	width:180px;
}

/*-----------menuSuperior items -----------*/

.menuSuperior_item {
	position:absolute;
	top:104px;
	left:260px;
	width:150px;
	height:auto;
	background:#fff;
	border:1px solid #000;
	z-index:100;
	display:none;

}
.menuSuperior_item ul, .menuSuperior_item li{
	padding:2px;
	margin:0;
	list-style:none;
}
#menuSuperior_item0{
}
#menuSuperior_item1{
	left:380px;
}
#menuSuperior_item2{
	left:460px;
}
#menuSuperior_item3{
	left:580px;
}
.corta_flujo{clear:both;}

iframe{
	border:0;
	margin:0;
	padding:0;
	overflow:hidden;
}