/* CSS Document */

body {
	background-color: #E1E1E1;
	/*background-image:url(../scripts/SMN.png);*/
	margin:0;
	font-family: Arial;
	font-size: 12px;
	color: #2500D8;
}

img{
	border:0px;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none; font-weight:bold; color:#810088;
}
a:active {
	text-decoration: none;
}
.titulo_encabezado_texto {
	font-family: Verdana;
	font-size: 1.5em;
	font-weight: bold;
	color: #FFFFFF;
	text-align:center;
}

.menu {font-size: 11px}

#menu {
	text-align:left;
	margin-left:-490px;
	left:50%;
	width:990px;
	position:absolute;
	height:37px;

}

#menu #principal {text-align:left;}
#menu #principal ul {
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px; list-style-type: underline;width:900px;
}
/*	padding-right: 10px; display: block; padding-left: 10px; font-size: 12px; background: #ff9; padding-bottom: 4px; color: #000000; padding-top: 4px; font-family: "arial",verdana,helvetica; text-decoration: none;width:100px;
}*/
#menu #principal ul li a:hover {
	/*background: #81007E;*/ color: #FFFFFF;
}
#menu #principal ul li {
	float: left;
}
#menu #principal ul li a {
     margin-right: 0px; display: block;margin-left: 0px; font-size: 11px;padding-bottom: 10px;color: #FFFFFF;padding-top: 10px;font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;width:200px; text-align:center; word-spacing: normal; white-space: normal;
}
#menu #menu1 ul {
	padding-right: 0px; padding-left: 10px; padding-bottom: 0px; margin: 0px; padding-top: 0px; list-style-type: none;width:200px; background: #81007E;
}
#menu #menu2 ul {
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px; list-style-type: none;width:200px; background: #81007E;
}
#menu #menu3 ul {
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px; list-style-type: none;width:200px; background: #81007E;
}
#menu #menu4 ul {
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px; list-style-type: none;width:200px; background: #81007E;
}


#menu ul li a {
	margin-right: 0px; display: block;margin-left: 0px; font-size: 11px;padding-bottom: 7px;color: #FFFFFF;padding-top: 7px;font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;width:200px; text-align:left; word-spacing: normal; white-space: normal;
}
#menu ul li a:hover {
/*	color: #FFFFFF;
	background-color:#81007E;*/
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
/*	text-decoration: underline;*/
}
#menu1 {width:200px;position:absolute;top:32px;left:0px;visibility:hidden;}
#submenu1 {width:100px;position:absolute;top:52px;left:100px;visibility:hidden;}
#menu2 {width:200px;position:absolute;top:32px;left:200px;visibility:hidden;}
#menu3 {width:200px;position:absolute;top:32px;left:400px;visibility:hidden;}
#menu4 {width:240px;position:absolute;top:32px;left:600px;visibility:hidden;}


#enu1 {width:200px;position:absolute;top:26px;left:0px;visibility:hidden;}
#ubmenu1 {width:120px;position:absolute;top:52px;left:100px;visibility:hidden;}
#enu2 {width:200px;position:absolute;top:26px;left:100px;visibility:hidden;}
#enu3 {width:200px;position:absolute;top:26px;left:200px;visibility:hidden;}
#enu4 {width:200px;position:absolute;top:26px;left:300px;visibility:hidden;}
#paso12 ul {
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: auto; padding-top: 0px; list-style-type: none;width:480px;
}
#paso12 ul li a {
	padding-right: 10px; display: block; padding-left: 10px; font-size: 12px; padding-bottom: 4px; padding-top: 4px; font-family: "arial",verdana,helvetica; text-decoration: underline;width:180px;
}
#paso12 ul li a:hover {

}
#paso12 ul li {
	float: left
}


#mapa {
		position: absolute;
		left:5%;
		width:1024px;
		min-width:1024px;
		max-width:1024px;
		height:550px;
		min-height:550px;
		max-height:550px;
	
		top:5px;
		overflow:auto;
		/*background:#009933;*/
		/*
		background:#fff;
		border:1px solid #000;
		border-color: #7050a0 #b090e0 #b090e0 #7050a0;*/
		

  		border: 0px solid #000000;
  		/* color morado 
		border-color: #b090e0 #7050a0 #7050a0 #b090e0;
		background-color: #9070c0;
		*/
		
		/* color azul 1*/
/*		border-color: #93B2E1 #000033 #000033 #93B2E1;
		background-color: #003399;
		
  		-moz-border-radius: .5em .5em .5em .5em;
  		border-radius-topright: .5em;
  		border-radius-bottomright: .5em;
  		/*padding: .5em; genera el marco interno  */
 /* 		padding: .5em;
  		/*z-index: 101;*/
  		/* position: relative;*/
		
}

#grafica {
		position: absolute;
		left:10%;
		width:30%;
		mix-width:90%;
		max-width:95%;
		height:90%;
		min-height:85%;
		max-height:90%;
		top:20px;
		/*overflow:scroll;*/
		/*overflow:-moz-scrollbars-vertical;*/
		overflow:-moz-scrollbars-vertical;
  		border: 0px solid #000000;
  		/* color morado 
		border-color: #b090e0 #7050a0 #7050a0 #b090e0;*/
		background-color: #003F7F;


		/* color azul 1*/
/*		border-color: #93B2E1 #000033 #000033 #93B2E1;
		background-color: #003399;

  		-moz-border-radius: .5em .5em .5em .5em;
  		border-radius-topright: .5em;
  		border-radius-bottomright: .5em;
  		/*padding: .5em; genera el marco interno  */
  		padding: 0.5em;
  		/*z-index: 101;*/
  		/* position: relative;*/

}


#barra_progreso {
		
		font-family: "MS Sans Serif", Arial, sans-serif;
  		font-size: 10pt;
  		font-style: normal;
  		font-weight: normal;
  		line-height: 10pt;
  		/* color negro de letras para elementos 
  		color: #000000;*/
		/* color azul de letras para elementos 
  		color: #003366;*/
		/* color Blanco de letras para elementos */
  		color: #ffffff;

  
		position: absolute;
		display:none;
		width:25%;
		min-width:120px;
		max-width:25%;
		height:5%;
		min-height:20px;
		max-height:25%;
		left:40%;
		top:40%;
		overflow:hidden;
		/*background:#009933;*/
		/*
		background:#fff;
		border:1px solid #000;
		border-color: #7050a0 #b090e0 #b090e0 #7050a0;*/
  		border: 2px solid #000000;
  		/* color morado 
		border-color: #b090e0 #7050a0 #7050a0 #b090e0;
		background-color: #9070c0;
		*/
		/* color azul 1*/
		border-color: #93B2E1 #000033 #000033 #93B2E1;
		background-color: #003399;
  		-moz-border-radius: .5em .5em .5em .5em;
  		border-radius-topright: .5em;
  		border-radius-bottomright: .5em;
  		/*padding: .5em; genera el marco interno  */
  		padding: .5em;
  		z-index: 1;
		
}


iframe.ifrContent {
  border: 0px solid #000000;

  	/* color morado
	background-color: #9070c0;
	border-color: #7050a0 #b090e0 #b090e0 #7050a0;
	*/
   	/* color azul 1*/
/*	border-color: #000033 #93B2E1 #93B2E1 #000033;
	background-color: #003399;*/

  width: 30%;
  height: 50%;
}

div.divContent {
  	border: 0px solid #000000;
  	width: 99%;
  	height: 99%;
}

#mapa_solo {
	position: absolute;
	/*fijo no jala muy bien
		width:888px;
		height:540px;*/
		width:500px;
	min-width:800px;
	max-width:850px;
	height:500px;
	min-height:100%;
	max-height:800px;
	top:245px;
	overflow:visible;
	vertical-align: top;		/*background:#009933;*/
	left: 5%;
		/*
		background:#fff;
		border:1px solid #000;
		border-color: #7050a0 #b090e0 #b090e0 #7050a0;*/
		

/*  		border: 2px solid #000000;
  		/* color morado 
		border-color: #b090e0 #7050a0 #7050a0 #b090e0;
		background-color: #9070c0;
		*/
		
		/* color azul 1*/
/*		border-color: #93B2E1 #000033 #000033 #93B2E1;
		background-color: #003399;
		
  		-moz-border-radius: .5em .5em .5em .5em;
  		border-radius-topright: .5em;
  		border-radius-bottomright: .5em;
  		/*padding: .5em; genera el marco interno  */
  		/*padding: .5em;*/
  		/*z-index: 101;*/
  		/* position: relative;*/
		
}


#mapa_solo2 {
		position: absolute;
		left:5%;
		
		/*fijo no jala muy bien
		width:888px;
		height:540px;*/
		width:1024px;
		min-width:1024px;
		max-width:1024px;
		height:70%;
		min-height:50%;
		max-height:99%;
		top:20px;
		overflow:auto;
		/*background:#009933;*/
		/*
		background:#fff;
		border:1px solid #000;
		border-color: #7050a0 #b090e0 #b090e0 #7050a0;*/
		

/*  		border: 2px solid #000000;
  		/* color morado 
		border-color: #b090e0 #7050a0 #7050a0 #b090e0;
		background-color: #9070c0;
		*/
		
		/* color azul 1*/
/*		border-color: #93B2E1 #000033 #000033 #93B2E1;
		background-color: #003399;
		
  		-moz-border-radius: .5em .5em .5em .5em;
  		border-radius-topright: .5em;
  		border-radius-bottomright: .5em;
  		/*padding: .5em; genera el marco interno  */
  		/*padding: .5em;*/
  		/*z-index: 101;*/
  		/* position: relative;*/
		
}



#grafica_solo {
		position: absolute;
		left:60%;
		width:320px;
		/*min-width:60%;*/
		/*max-width:90%;
		/*height:70%;*/
		/*min-height:80%;*/
		max-height:450px;

		top:155px;
		/*overflow:scroll;*/
		/*overflow:-moz-scrollbars-vertical;
		/*overflow:-moz-scrollbars-vertical;*/
  		border: 2px solid #666666;
  		/*color morado*/ 
		/*border-color: #b090e0*/
		background-color: #808080;
		

		/* color azul 1*/
/*		border-color: #93B2E1 #000033 #000033 #93B2E1;

  		-moz-border-radius: .5em .5em .5em .5em;
  		border-radius-topright: .5em;
  		border-radius-bottomright: .5em;
  		/*padding: .5em; genera el marco interno  */
  		padding: 0.5em;
/*  		z-index: 1;
  		/* position: relative;*/
		/*visibility:hidden;*/
		display:none;


}


.imagen_mapa{
 
 width:350px; 
 min-width:90%;
 max-width:95%;
 height:400px;
 /*min-height:70%;*/
 max-height:70%;
 border:0px
 /*margin: 10px 10px 10px 10px;*/
 
}

.imagen_grafica{
 width:350px; 
 min-width:90%;
 max-width:95%;
 height:400px;
 /*min-height:78%;*/
 max-height:70%;
 border:0px
/* margin: 10px 10px 10px 10px;*/
 
}


#control_gerencias{
	position:absolute;
	top:12px;
	left:650px;
	width:170px;
	height:130px;
	border:1px outset;
	/*border-color: #93B2E1 #000033 #000033 #93B2E1;*/
	padding:0.5em;
}


.marco_interior{
/*
se pone el la capa contenedora no ki
padding:.5em;
/*border:5px inset;*/
border-color: #FFFFFF;
}

.marco_exterior{
	border:outset;
	border-color: #93B2E1;
}

#otros_enlaces {
		position: absolute;
		top:80px;
		left:15%;
		width:90%;
		min-width:75%;
		max-width:75%;
		height:95%;
		min-height:90%;
		/*max-height:90%;*/

		/*overflow:scroll;*/
		overflow:hidden;
		/*overflow:-moz-scrollbars-vertical;*/
  		border: 0px solid #000000;
  		/* color morado 
		border-color: #b090e0 #7050a0 #7050a0 #b090e0;
		background-color: #9070c0;
		*/

		/* color azul 1*/
/*		border-color: #93B2E1*/
		background-color: #666666;
		/*background-color:#FF0000;*/

/* 		-moz-border-radius: .5em .5em .5em .5em;
  		border-radius-topright: .5em;
  		border-radius-bottomright: .5em;
  		/*padding: .5em; genera el marco interno  */
 		padding: 0.5em;
  		/*z-index: 10;*/
  		/* position: relative;*/
		/*visibility:hidden;*/
		display:none;


}


.destino {
	border:0px inset;
	border-color: #FFFFFF;
	/*width:50%;*/
	min-width:95%;
	/*max-width:90%;*/
	/*height:90%;*/
	min-height:95%;
	/*max-height:90%;*/
	background-color:#E2EBED;
}

.manita{
	cursor:pointer;
}

#enlace {
		position: absolute;
		top:180px;
		left:15%;
		width:80%;
		min-width:75%;
		max-width:75%;
		height:50%;
		min-height:50%;
		/*max-height:90%;*/

		/*overflow:scroll;*/
		overflow:hidden;
		/*overflow:-moz-scrollbars-vertical;*/
  		border: 0px solid #000000;
  		/* color morado 
		border-color: #b090e0 #7050a0 #7050a0 #b090e0;
		background-color: #9070c0;
		*/

		/* color azul 1*/
/*		border-color: #93B2E1*/
		background-color: #666666;
		/*background-color:#FF0000;*/

/* 		-moz-border-radius: .5em .5em .5em .5em;
  		border-radius-topright: .5em;
  		border-radius-bottomright: .5em;
  		/*padding: .5em; genera el marco interno  */
 		padding: 0.5em;
  		/*z-index: 10;*/
  		/* position: relative;*/
		/*visibility:hidden;*/
		display:none;


}


.grafica {
	border:0px inset;
	border-color: #FFFFFF;
	/*width:50%;*/
	min-width:95%;
	/*max-width:90%;*/
	/*height:90%;*/
	min-height:95%;
	/*max-height:90%;*/
	background-color:#E2EBED;
}

.manita{
	cursor:pointer;
}