@charset "iso-8859-1";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background-color: #222222;
	background-repeat: no-repeat;
	background-position: center middle;
	margin: 0; /* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuración predeterminada de los diversos navegadores */
	padding: 0;
	text-align: center; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado de alineación a la izquierda en el selector #container */
}
#cabecera{
	position: absolute;
	left: 50%;
	margin-left: -480px;
	top: 10px;
	width: 960px;
	height: 140px;
	background-color: #FFFFFF;
	z-index: 0;
}
#fotos_cabecera{
	position: absolute;
	top: 50px;
	left: 220px;
	width: 700px;
	height: 120px;
	z-index: 2;
	text-align: right;
	vertical-align: middle;
} 
#fotos_cabecera1{
	float: right;
	top: 0px;
	margin-left: 10px;
	width: 120px;
	height: 120px;
	z-index: 10;
}
#fotos_cabecera2{
	float: right;
	top: 0px;
	margin-left: 10px;
	width: 120px;
	height: 120px;
	z-index: 10;
}
#fotos_cabecera3{
	float: right;
	top: 0px;
	margin-left: 10px;
	width: 120px;
	height: 120px;
	z-index: 10;
}
#fotos_cabecera4{
	float: right;
	top: 0px;
	margin-left: 10px;
	width: 120px;
	height: 120px;
	z-index: 10;
}
#fotos_cabecera5{
	float: right;
	top: 0px;
	margin-left: 10px;
	width: 120px;
	height: 120px;
	z-index: 10;
}
#logo{
	position: absolute;
	top: 10px;
	left: 20px;
	width: 190px;
	height: 120px;
	z-index: 1;
} 
#header {
	position: absolute;
	color: #000;
	height: 150px;
	width: 960px;
	top: 20px;
	left: 50%;
	margin-left: -480px;
	z-index: 1;
} 
#central{
	position: absolute;
	width: 960px;
	top: 150px;
	left: 50%;
	margin-left: -480px;
	z-index: 1;
}
#central .contenedor{
	background-color: #FFFFFF;
}
#pie {
	position: absolute;
	color: #000;
	height: 30px;
	width: 960px;
	top: 0px;
	left: 50%;
	margin-left: -480px;
	z-index: 1;
	border: solid 1px #F90;
} 
#tabla_idiomas{
	position: relative;
	width: 110px;
	top: 10px;
	left: 30px;
	z-index: 1;
	background-color: #FFFFFF;
}
#central .lateral {
	width: 190px;	
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	text-align: left;
	vertical-align: top;
	padding: 0px;
	margin-top: 20px;
	color: #000;
	background-image: url(imagenes/paleta.jpg);
	background-position: 20px 120px;
	background-repeat: no-repeat;
	/*border: #333 solid 1px;*/
}
.tipo_tabla_menu{
	margin-top: 20px;	
	font-size: 12px;
}
.tipo_menu						{
	text-align: left;
	vertical-align: middle;
	line-height: 18px;
}
.tipo_menu a:link			{text-decoration: none; color: #000; padding-left: 18px; text-indent: 18px;}
.tipo_menu a:visited	{text-decoration: none; color: #000; padding-left: 18px; text-indent: 18px;}
.tipo_menu a:active		{text-decoration: none; color: #000; padding-left: 18px; text-indent: 18px;}
.tipo_menu a:hover		{text-decoration: none; color: #000; background-image: url(imagenes/puntero_menu.jpg); background-repeat: no-repeat; background-position: center left; text-indent: 18px; font-weight: bold;}

.tipo_menu span				{
	padding-left: 18px;
	background-image: url(imagenes/puntero_menu.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	font-weight: bold;
}

/* TIPO SUB MENU */
.tipo_submenu						{
	text-align: left;
	vertical-align: middle;
	font-size: 11px;
	line-height: 16px;
	background-image: url(imagenes/linea_submenu.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.tipo_submenu a:link			{text-decoration: none; color: #000; padding-left: 30px; text-indent: 18px;}
.tipo_submenu a:visited	{text-decoration: none; color: #000; padding-left: 30px; text-indent: 18px;}
.tipo_submenu a:active		{text-decoration: none; color: #000; padding-left: 30px; text-indent: 18px;}
.tipo_submenu a:hover		{text-decoration: none; color: #000; background-image: url(imagenes/punto_submenu.jpg); background-repeat: no-repeat; background-position: 18px center; text-indent: 18px; font-weight: bold;}

.tipo_submenu span				{
	padding-left: 30px;
	background-image: url(imagenes/punto_submenu.jpg);
	background-repeat: no-repeat;
	background-position: 18px center;
	font-weight: bold;
}

#central .contenido {
	font-size: 12px;
	text-align: left;
	vertical-align: top;
	color: #000;
	line-height: 18px;
	/*border: solid 1px #F90;*/
}
.pie{
	background-image: url(imagenes/fondo_pie.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	color: #FFF;
	height: 60px;
}
.texto_pie_izquierda{
	font-family: Verdana, Geneva, sans-serif;
	text-align: left;
	vertical-align: bottom;
	font-size: 12px;
	padding-left: 26px;
	padding-bottom: 16px;
	font-weight: bold;
}
.texto_pie_derecha{
	font-family: Verdana, Geneva, sans-serif;
	text-align: right;
	vertical-align: bottom;
	font-size: 12px;
	padding-right: 26px;
	padding-bottom: 16px;
	font-weight: bold;
}
.texto_pie_derecha a:link			{text-decoration: none; color: #000;}
.texto_pie_derecha a:visited	{text-decoration: none; color: #000;}
.texto_pie_derecha a:active		{text-decoration: none; color: #000;}
.texto_pie_derecha a:hover		{text-decoration: underline; color: #000}

/* Sugerencias para mainContent:
1. el espacio entre el mainContent y sidebar1 se crea con el margen izquierdo del div mainContent.  Con independencia de la cantidad de contenido que incluya el div sidebar1, permanecerá el espacio de la columna. Puede quitar el margen izquierdo si desea que el texto del div #mainContent llene el espacio de #sidebar1 cuando termine el contenido de #sidebar1.
2. para evitar la caída de un elemento flotante con una resolución mínima admitida de 800 x 600, los elementos situados dentro del div mainContent deben tener un tamaño de 430px o inferior (incluidas las imágenes).
3. en el siguiente comentario condicional de Internet Explorer, la propiedad zoom se utiliza para asignar a mainContent "hasLayout." Esto evita diversos problemas específicos de IE.
*/
/* Varias clases diversas para su reutilización */
.fltrt { /* esta clase puede utilizarse para que un elemento flote en la parte derecha de la página. El elemento flotante debe preceder al elemento junto al que debe aparecer en la página. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* esta clase puede utilizarse para que un elemento flote en la parte izquierda de la página. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* esta clase debe colocarse en un elemento div o break y debe ser el último elemento antes del cierre de un contenedor que incluya completamente a un elemento flotante */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.informacion							{font-family: Verdana, Geneva, sans-serif; display: compact;}
.titulo_informacion				{
	background-image: url(imagenes/pendulo_hor_linea.jpg);
	background-repeat: repeat-x;
	background-position: left center;
}
.titulo_informacion_final{
	background-image: url(imagenes/pendulo_hor_linea.jpg);
	background-repeat: repeat-x;
	background-position: left center;
	width: 17px;
}
.texto_titulo_informacion{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color:#333;
	background-color: #FFF;
	padding-left: 6px;
	padding-right: 6px;
	text-align: left;
}
.pendulo_vertical{
	background-image: url(imagenes/pendulo_vert_linea.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	text-align: left;
	vertical-align: top;
}
.pendulo_vertical_final{
	background-image: url(imagenes/pendulo_vert_linea.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	text-align: left;
	vertical-align: bottom;
}
.subtitulo_informacion		{font-family: Verdana, Geneva, sans-serif; font-size: 12px; color:#666; font-style: italic; padding-left: 6px;}
.texto_informacion				{font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: #333; text-align: left;}
.texto_informacion1				{font-family: Verdana, Geneva, sans-serif; padding-left: 10px; font-size: 12px; color: #333; text-align: left;}
	
.informacion_foto	li			{
	margin: 2px;
	display: block;
	list-style-position: inherit;
	list-style-image: none;
	list-style-type: none;
	z-index: 99;
}
.informacion_foto a				{
	padding: 2px;
	display: block;
	line-height: 0;
	z-index: 99;
}
.informacion_foto a:hover	{z-index: 99;}

.margen_fotos		 		{padding-right: 12px;}
.texto_desc_info ul {
	text-indent: 30px;
	margin-left: 30px;
	list-style-position: inside;
	list-style-type: disc;
}


.tipo_form input	{
	font-family: Verdana, Geneva, sans-serif;
	text-align: left;
	vertical-align: middle;
	font-size: 11px;
}
.tipo_form textarea	{
	font-family: Verdana, Geneva, sans-serif;
	text-align: left;
	vertical-align: middle;
	font-size: 11px;
}
.box_gris		{border: 1px solid #CCC;}