/* CSS Document */

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:normal;
	/*background: #666666;*/
	/*background-image:url(../img/fondo1.jpg);*/
	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 */
	color: #000000;
}

h1{
	font-size:16px;
	font-weight:bold;
}
h2{
	font-size:12px;
	font-weight:bold;
}

ul {
	margin:0;
	padding:2px 0 2px 15px;
}

li{
	margin:0;
	padding:1px 0 1px 0;
	list-style:square;
}

li.menuizq {
	margin:0;
	padding:5px 0 5px 0;
	text-decoration:none;
}

li.menuder {
	margin:0;
	padding:1px 0 1px 0;
}

p{
	padding:2px 0 2px 0;
}

hr {
	background-color:#333333;
	color:#333333;
	height:1px;
	border:0px;
}

input, select, textarea {
	border:0px;
	float:left;
	width:100%;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	margin:4px 0 6px 0;
	_margin-left:-2px;
}
.inputAncho1 {
	width:35%;
}
.inputAncho2 {
	width:25%;
}

form input.botonEnviar {
	border:0px;
	float:right;
	font-size:11px;
	width:auto;
	font-family:Arial, Helvetica, sans-serif;
	padding:2px 4px 2px 4px;
}

a {

}

img {
	border:0;
}
/************************************************
						Estilos generales 
*************************************************/

/*----------------- Contenedor contenido --------------------*/
#mainContent {
	width:880px;
	overflow:hidden;
	margin-left:50px;
	padding: 0 20px 0 20px; /* recuerde que el relleno es el espacio situado dentro del cuadro div y que el margen es el espacio situado fuera del cuadro div */
	background-color:#FFFFFF;
}


li.square{
	list-style:square;
}

li.circle{
	list-style:circle;
}
li.disc {
	list-style:disc;
}
li.flecha {
	list-style-image:url(../img/flecha.gif);
}

li.amarillo {
	background-color:#CFB559;
	list-style:square;
	list-style-position:inside;
	margin-left:-35px;
	padding-left:20px;
}
.bloquemenuizq{
	padding:10px 0 5px 20px;
}

.bloquemenuizq ul{
	padding-left:15px;
}

.bloquemenuder{
	padding:10px 20px 5px 0;
	/*padding-bottom:15px;*/
}
.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;
	width:0;
    height:0;
	margin:0;
	padding:0;
}
.acceso{
	float:left;
	height:50px;
	margin:10px 8px 3px 0;
	/*_margin-left:-5px;*/
}
.accesotxt{
	float:left;
	width:55px;
	margin:5px 8px 0 0;
	_margin-left:1px;
}
.accesoimput{
	border:0px;
	float:left;
	width:65px;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	margin:4px 0 6px 0;
	_margin-left:-2px;
}
.botentrar{
	float:right;
	width:60px;
	height:15px;
	text-align:center;
	background-color:#333333;
	margin:7px 12px 3px 0;
	_margin-right:6px;
}
.logosmicro{
	height:120px;
	margin:10px;
	margin-left:8px;
	text-align:center;
}
/************************************************
						Estilos TXT 
*************************************************/

.txt{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:normal;
}
.txtBold{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:normal;
	font-weight:bold;
}
.txtunderline{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:normal;
	font-weight:bold;
	text-decoration:underline;
}
.txtitalic{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:italic;
	font-weight:normal;
}

.txtBlanco10{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:normal;
	font-weight:bold;
	color:#ffffff;
}

.txtAzul{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:normal;
	color:#6ecbdc;
}

.txtAzulMarino{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:normal;
	color:#27418e;
}

.titMenu{
	font-size:12px;
	font-weight:bold;
/*	font-variant:small-caps;*/
	text-transform:uppercase;

}
/************************************************
						Estilos Enlaces 
*************************************************/
/*
a:visited { font-family:Arial, Helvetica, sans-serif; color:#000000;font-size:11px; font-style:normal; text-decoration:none;}
a:active { font-family:Arial, Helvetica, sans-serif; color:#000000;font-size:11px; font-style:normal; text-decoration:none;} 
a:link { font-family:Arial, Helvetica, sans-serif; color:#000000;font-size:11px; font-style:normal; text-decoration:none;}
a:hover  { font-family:Arial, Helvetica, sans-serif; color:#000000;font-size:11px; font-style:normal; text-decoration:underline;}
*/
a:visited{ font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#27418e; text-decoration:underline; }
a:active{ font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#27418e; text-decoration:underline;}
a:link{ font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#27418e; text-decoration:underline;}
a:hover{ font-family: Arial, Helvetica, sans-serif; font-size:11px;color:#27418e; text-decoration:underline;}


.menusup, a.menusup:visited{ font-family: Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; color:#ffffff; text-decoration:none; padding:0 4px 0 4px; }
.menusup, a.menusup:active{ font-family: Arial, Helvetica, sans-serif; font-size:10px; color:#ffffff; font-weight:bold; text-decoration:none; padding:0 4px 0 4px;}
.menusup, a.menusup:link{ font-family: Arial, Helvetica, sans-serif; font-size:10px; color:#ffffff; font-weight:bold; text-decoration:none; padding:0 4px 0 4px;}
.menusup, a.menusup:hover{ font-family: Arial, Helvetica, sans-serif; font-size:10px;color:#ffffff; font-weight:bold; text-decoration:underline;}

.nav, a.nav:visited{ font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#000; text-decoration:none; padding:0 1px 0 1px; }
.nav, a.nav:active{ font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#000; text-decoration:none; padding:0 1px 0 1px;}
.nav, a.nav:link{ font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#000; text-decoration:none; padding:0 1px 0 1px;}
.nav, a.nav:hover{ font-family: Arial, Helvetica, sans-serif; font-size:11px;color:#000; text-decoration:underline;}

.menuizq, a.menuizq:visited{ font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#000000; text-decoration:none; }
.menuizq, a.menuizq:active{ font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#000000; text-decoration:none;}
.menuizq, a.menuizq:link{ font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#000000; text-decoration:none;}
.menuizq, a.menuizq:hover{ font-family: Arial, Helvetica, sans-serif; font-size:11px;color:#000000; text-decoration:underline;}

.enlaceazul, a.enlaceazul:visited{ font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#27418E; text-decoration:underline; }
.enlaceazul, a.enlaceazul:active{ font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#27418E; text-decoration:underline;}
.enlaceazul, a.enlaceazul:link{ font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#27418E; text-decoration:underline;}
.enlaceazul, a.enlaceazul:hover{ font-family: Arial, Helvetica, sans-serif; font-size:11px;color:#27418E; text-decoration:underline;}

.enlaceazul2, a.enlaceazul2:visited{ font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#03A7D2; text-decoration:none; }
.enlaceazul2, a.enlaceazul2:active{ font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#03A7D2; text-decoration:none;}
.enlaceazul2, a.enlaceazul2:link{ font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#03A7D2; text-decoration:none;}
.enlaceazul2, a.enlaceazul2:hover{ font-family: Arial, Helvetica, sans-serif; font-size:11px;color:#03A7D2; text-decoration:underline;}

/*.enlaceazul, a.enlaceazul2:visited{ font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#2fafd9; text-decoration:underline; }
.enlaceazul, a.enlaceazul2:active{ font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#2fafd9; text-decoration:underline;}
.enlaceazul, a.enlaceazul2:link{ font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#2fafd9; text-decoration:underline;}
.enlaceazul, a.enlaceazul2:hover{ font-family: Arial, Helvetica, sans-serif; font-size:11px;color:#2fafd9; text-decoration:underline;}
*/

/************************************************
						Estilos PIE 
*************************************************/

#footer {
	width:920px;
	height:40px;
	margin-left:50px;
	padding: 0 ; /* este relleno coincide con la alineación izquierda de los elementos de los divs que aparecen por encima de él. */
}
#footer .p1{
	float:left;
	width:300px;
}
#footer .p2{
	float:right;
	width:300px;
	text-align:right;
}
#footer p {
	margin: 0; /* el ajuste en cero de los márgenes del primer elemento del pie evitará que puedan contraerse los márgenes (un espacio entre divs) */
	padding: 10px 0; /* el relleno de este elemento creará espacio, de la misma forma que lo haría el margen, sin el problema de la contracción de márgenes */
}

/************************************************
						Estilos 1 
*************************************************/
body#fondo1{
	background-color:#878B8C;
	/*background-image:url(../img/fondo1.jpg);*/
	background-position:top;
	background-repeat:repeat-y;
}
/*----------------- Contenedor principal --------------------*/
#container1 {
	width: 1020px;  /* el uso de 20px menos que un ancho completo de 800px da cabida a los bordes del navegador y evita la aparición de una barra de desplazamiento horizontal */
	/*overflow:auto;
	background-image:none;
	/*background-image:url(../img/fondo1.jpg);*/
	margin: 0 auto; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
	/*border: 1px solid #000000;*/
	text-align: left; /* esto anula text-align: center en el elemento body. */
}

/*----------------- Cabecera --------------------*/
#header0 {
	width:920px;
	height:200px;
	background-repeat:no-repeat;
	margin-left:50px;
	padding: 0;  /* este relleno coincide con la alineación izquierda de los elementos de los divs que aparecen bajo él. Si se utiliza una imagen en el #header en lugar de texto, es posible que le interese quitar el relleno. */
}

#header1 {
	width:920px;
	height:200px;
	background-image:url(../img/cab1_2.jpg);
	background-repeat:no-repeat;
	margin-left:50px;
	padding: 0;  /* este relleno coincide con la alineación izquierda de los elementos de los divs que aparecen bajo él. Si se utiliza una imagen en el #header en lugar de texto, es posible que le interese quitar el relleno. */
}
#header1 .contcab{
	float:left;
	width:920px;
	height:100px;
	margin:0;
	padding:0;
}
#header1 .clame{
	float:left;
	width:600px;
	padding:20px 0 0 23px;
	margin:0;
}
#header1 .menusuperior{
	float:right;
	width:180px;
	padding:20px 0 0 0; 
	margin:0;
}
#header1 .logo{
	float:left;
	width:240px;
	height:63px;
/*	background-image:url(../img/logo.png);
	background-repeat:no-repeat;*/
	padding:0; 
	margin:0px 0 0 22px;
	_margin-left:10px;
}

/*---------------------------   contenido Navegación --------------------------*/

#mainContent .nav1{
	width:878px;
	height:29px;
	margin-left:2px;
	background-image:url(../img/brrnav1_2.gif);
	background-repeat:no-repeat;
}
#mainContent .navegacion{
	width:515px;
	height:22px;
	float:left;
	margin-left:170px;
	padding-top:5px;
}
#mainContent .navegacion2{
	width:100px;
	height:22px;
	float:left;
	margin-left:9px;
	padding-top:5px;
}

/*------------------------    contenido menu Laterales ---------------------*/

#mainContent .areamenuizq1{
	float:left;
	width:160px;
	overflow:hidden;
	margin-left:2px;
	_margin-left:1px;
	/*padding:10px 0 10px 20px;*/
	background-color:#B4B4B6;
}
#mainContent .clientesmenuizq1{
	widht: 140px;
	height:105px;
	padding:10px 0 10px 20px;
	/*background-color:#7a86a8;*/
	background-color:#7C81AB;
}
#mainContent .partnermenuizq1{
	widht: 140px;
	height:105px;
	padding:10px 0 5px 20px;
	background-color:#84a4be;
}

#mainContent .areaseccion1{
	float:left;
	width:478px;
	overflow:hidden;
	padding:10px 20px 10px 20px;
}
#mainContent .areaseccion1index{
	float:left;
	width:478px;
	overflow:hidden;
	padding:20px 0 5px 0;
}
#mainContent .areaseccion1index .barragris{
	float:left;
	width:478px;
	height:3px;
	background-color:#ced1d3;
}
#mainContent .areaseccion1index .noticia1{
	float:left;
	width:215px;
	overflow:hidden;
	padding:10px 10px 10px 0;
}
#mainContent .areaseccion1index .separadorgris{
	float:left;
	/*width:1px;*/
	height:160px;
	background-color:#ced1d3;
	overflow:hidden;
	margin:10px 10px 10px 10px;
	padding:20px 3px 10px 0;
}
#mainContent .areaseccion1index .noticia2{
	float:left;
	width:205px;
	overflow:hidden;
	padding:10px;
}

#mainContent .areamenuder1{
	float:left;
	width:180px;
	overflow:hidden;
	padding:10px 0 10px 20px;
	background-color:#F7F0D6;
	margin-bottom:15px;
	min-height:530px;
}
	
/************************************************
						Estilos 2 
*************************************************/
body#fondo2{
	background-color:#6689C5;
	/*background-image:url(../img/fondo2.jpg);*/
	background-position:top;
	background-repeat:repeat-y;
}
/*----------------- Contenedor principal --------------------*/
#container2 {
	width: 1020px;  /* el uso de 20px menos que un ancho completo de 800px da cabida a los bordes del navegador y evita la aparición de una barra de desplazamiento horizontal */
	overflow:auto;
	background-image:none;
	/*background-image:url(../img/fondo2.jpg);*/
	margin: 0 auto; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
	/*border: 1px solid #000000;*/
	text-align: left; /* esto anula text-align: center en el elemento body. */
}

/*----------------- Cabecera --------------------*/
#header2 {
	width:920px;
	height:200px;
	/*background-image:url(../img/cab2.jpg);*/
	background-image:url(../img/cab2_2.jpg);
	background-repeat:no-repeat;
	margin-left:50px;
	padding: 0;  /* este relleno coincide con la alineación izquierda de los elementos de los divs que aparecen bajo él. Si se utiliza una imagen en el #header en lugar de texto, es posible que le interese quitar el relleno. */
}
#header2 .contcab{
	float:left;
	width:920px;
	height:100px;
	margin:0;
	padding:0;
}
#header2 .clame{
	float:left;
	width:600px;
	padding:20px 0 0 23px;
	margin:0;
}
#header2 .menusuperior{
	float:right;
	width:240px;
	padding:20px 0 0 0; 
	margin:0;
}
#header2 .logo{
	float:left;
	width:240px;
	height:63px;
	/*background-image:url(../img/logo_2.png);
	background-repeat:no-repeat;*/
	padding:0; 
	margin:0px 0 0 22px;
	_margin-left:10px;
}

/*---------------------------   contenido Navegación --------------------------*/

#mainContent .nav2{
	width:878px;
	height:29px;
	margin-left:2px;
	background-image:url(../img/brrnav2_2.gif);
	background-repeat:no-repeat;
}
/*------------------------    contenido menu Laterales ---------------------*/

#mainContent .areamenuizq2{
	float:left;
	width:160px;
	overflow:hidden;
	margin-left:2px;
	_margin-left:1px;
	/*padding:10px 0 10px 20px;*/
	background-color:#A3B8E0;
}
#mainContent .clientesmenuizq2{
	widht: 140px;
	height:105px;
	padding:10px 0 10px 20px;
	background-color:#6E7FBE;
}
#mainContent .partnermenuizq2{
	widht: 140px;
	height:105px;
	padding:10px 0 5px 20px;
	background-color:#acb683;
}

#mainContent .areaseccion2{
	float:left;
	width:478px;
	overflow:hidden;
	padding:10px 20px 10px 20px;
}
#mainContent .areamenuder2{
	float:left;
	width:180px;
	overflow:hidden;
	padding:10px 0 10px 20px;
	background-color:#E6E5E6;
	margin-bottom:15px;
	min-height:530px;
}


/************************************************
						Estilos 3 
*************************************************/
body#fondo3{
	background-color:#D9B618;
	/*background-image:url(../img/fondo3.jpg);*/
	background-position:top;
	background-repeat:repeat-y;
}
/*----------------- Contenedor principal --------------------*/
#container3 {
	width: 1020px;  /* el uso de 20px menos que un ancho completo de 800px da cabida a los bordes del navegador y evita la aparición de una barra de desplazamiento horizontal */
	overflow:auto;
	background-image:none;
	/*background-image:url(../img/fondo3.jpg);*/
	margin: 0 auto; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
	/*border: 1px solid #000000;*/
	text-align: left; /* esto anula text-align: center en el elemento body. */
}

/*----------------- Cabecera --------------------*/
#header3 {
	width:920px;
	height:200px;
	/*background-image:url(../img/cab3.jpg);*/
	background-image:url(../img/cab3_2.jpg);
	background-repeat:no-repeat;
	margin-left:50px;
	padding: 0;  /* este relleno coincide con la alineación izquierda de los elementos de los divs que aparecen bajo él. Si se utiliza una imagen en el #header en lugar de texto, es posible que le interese quitar el relleno. */
}
#header3 .contcab{
	float:left;
	width:920px;
	height:100px;
	margin:0;
	padding:0;
}
#header3 .clame{
	float:left;
	width:600px;
	padding:20px 0 0 23px;
	margin:0;
}
#header3 .menusuperior{
	float:right;
	width:240px;
	padding:20px 0 0 0; 
	margin:0;
}
#header3 .logo{
	float:left;
	width:240px;
	height:63px;
	/*background-image:url(../img/logo.png);
	background-repeat:no-repeat;*/
	padding:0; 
	margin:0px 0 0 22px;
	_margin-left:10px;
}

/*---------------------------   contenido Navegación --------------------------*/

#mainContent .nav3{
	width:878px;
	height:29px;
	margin-left:2px;
	background-image:url(../img/brrnav3_2.gif);
	background-repeat:no-repeat;
}
/*------------------------    contenido menu Laterales ---------------------*/

#mainContent .areamenuizq3{
	float:left;
	width:160px;
	overflow:hidden;
	margin-left:2px;
	_margin-left:1px;
	/*padding:10px 0 10px 20px;*/
	background-color:#E8D271;
}
#mainContent .clientesmenuizq3{
	widht: 140px;
	height:105px;
	padding:10px 0 10px 20px;
	background-color:#A09397;
}
#mainContent .partnermenuizq3{
	widht: 140px;
	height:105px;
	padding:10px 0 5px 20px;
	background-color:#c3b877;
}

#mainContent .areaseccion3{
	float:left;
	width:478px;
	overflow:hidden;
	padding:10px 20px 10px 20px;
}
#mainContent .areamenuder3{
	float:left;
	width:180px;
	overflow:hidden;
	padding:10px 0 10px 20px;
	background-color:#E2E6F5;
	margin-bottom:15px;
	min-height:530px;
}






/* ----------------------------------------------------------------------
-------------------------------------------------------------------------
Estos estilos son para una página pequeña que se abra en un popup
-------------------------------------------------------------------------
----------------------------------------------------------------------  */
.fondogris {
	background-color:#DFDFDF;
}
#containerPeque {
	width:100%;
	overflow:auto;
/*	background-image:url(../img/fondo1.jpg);*/
/*	background-color:#DFDFDF;*/
	margin: 0 auto; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
	text-align: left; /* esto anula text-align: center en el elemento body. */
}
#mainContentPeque {
	width:470px;
	overflow:hidden;
	margin-left:30px;
	padding: 0 20px 0 20px; /* recuerde que el relleno es el espacio situado dentro del cuadro div y que el margen es el espacio situado fuera del cuadro div */
	background-color:#FFFFFF;
}
#mainContentPeque .areaseccion1{
	float:left;
	width:450px;
	overflow:hidden;
	padding:10px 10px 10px 10px;
}

#footerPeque {
	width:470px;
	height:30px;
	margin-left:30px;
	padding: 0 ; /* este relleno coincide con la alineación izquierda de los elementos de los divs que aparecen por encima de él. */
}
#footerPeque .p1{
	float:left;
	width:230px;
}
#footerPeque .p2{
	float:right;
	width:230px;
	text-align:right;
}





/* ******************** ESTILOS DEL MAPA WEB ***********************/


.dtree {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	white-space: nowrap;
}
a.nivel0 {
	font-size:12px;
	text-decoration:none;
	display:list-item;
	list-style:square;
	padding:3px 0 3px 0px;
}
a.nivel0:hover {
	text-decoration:underline;
}

a.nivel1 {
	font-size:12px;
	text-decoration:none;
	display:list-item;
	list-style:square;
	margin-left:30px;
	padding:3px 0 3px 0px;
}
a.nivel2 {
	font-size:12px;
	text-decoration:none;
	display:list-item;
	list-style:square;
	margin-left:60px;
	padding:3px 0 3px 0px;
}

a.nivel3 {
	font-size:12px;
	text-decoration:none;
	display:list-item;
	list-style:square;
	margin-left:90px;
	padding:3px 0 3px 0px;
}
a.nivel1:hover, a.nivel2:hover, a.nivel3:hover {
	text-decoration:underline;
}