@CHARSET "UTF-8";
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input {
	margin:0pt;
	padding:0pt;
	font-family:Arial;
	font-size: 10px;
	font-weight: normal;
}

html, body{
	width:100%;
	height: 100%;
	overflow: visible;
	
}

.cursor{
	cursor:crosshair;
}
.cursor_normal{
	cursor:pointer;
}

.bg_body {
	background: url("images/bg_home.jpg");
	width:100%;
	height: 100%;
	overflow: hidden;
}

h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, th {
	font-size:1em;
	font-style:normal;
	font-weight:normal;
}

ul, ol {
	list-style-image:none;
	list-style-position:outside;
/*	list-style-type:none;*/
}

.table_map {
	width: 100%;
	height: 100%;
	border: 0px;
}

/*rutas*/

.odd {background-color:#ffc;}

.even {background-color:#FDFFEB;}

.point_cursor{
	background-color:#CEAA42;
	cursor:pointer;
}

/* fin rutas*/

/*menu del mapa*/

table td.point_menu{
	cursor:pointer;	
}

.color_titulo{
	color:#FDFFEB
}

/*fin del menu del mapa*/

/*Ciudades disponibles por estado*/
.cdpe_list{
	background-color:#FDFFEB;	
}
/*fin Ciudades disponibles por estado*/

select {
	font-family:Tahoma,Verdana,Segoe,sans-serif;
	font-size: 10pt;
}

/**
* Bordes de la ventana principal
*/

.border { background-color:#626469;}
.border.left { height:100%;	width: 8px;	position: absolute;	left:0px;	top:0px; z-index:100;}
.border.right {	height:100%; width: 8px; position: absolute; right: 0px; top: 0px; z-index:100;}
.border.top { height:8px; width: 100%; position: absolute; left: 0px; top:0px;	z-index:100; overflow: hidden;}
.border.bottom { 
	height:0.2px; 
	display:block; 
	width: 100%; 
	position: absolute; 
	left: 0px; 
	bottom:0px; 
	z-index:100; 
	padding-top:10px;
}
#main-status-bar {
	background-color:#28235f;
	height:31px;
}

div#botones-emergentes {
	width:50px;
	height:50px;
	font-size: 10px;
	font-weight:bold;
	float:left;
	position:absolute;
	z-index:90;
	right:80px;
	bottom:100px;
	border:0px;
}

div.bg_eje {
	background:url(images/bg_eje.png) no-repeat;
	border:0px solid red;
	margin:0px;
	width:68px;
	height:66px;
	left:7px;
	top:7px;
	position:absolute;
	z-index:90;
}

/**
* Controles 
**/
div#ctrl-nseo {
	z-index:91;
	width:67px;
	height:47px;
	top:8px;
	right:8px;
	position:absolute;
	background:url(images/bg_control1.png);
}


div#map-bar {
	z-index:90;
	width:420px;
	height:26px;
	top:8px;
	right:1px;
	position:absolute;
	display: block;
	overflow:hidden;
}

#control_3 {
	width:35px;
	height:26px;
	background:url(images/bg_nav1.png) no-repeat;
	cursor:pointer;
	float: left;
}

#control_4 {
	width:auto;
	height:26px;
	left:30px;
	float: left;
	background:url(images/bg_nav_11.png) repeat-x;
}
#control_5 {
	width:62px;
	height:26px;
	float: left;
	background:url(images/bg_nav_12.png) no-repeat;
}
#control_6 {
	width:100px;
	height:10px;
	float: left;
	background:url(images/bg_nav_13.png) repeat-x;
}

.map-bar-button{
	width: 24px;
	height: 24px;
	cursor: pointer;
	vertical-align: middle;
}
.map-bar-button#zoomin{
	/*background:url(images/zoom_in.png) no-repeat;*/
	width:26px;
	height:26px;
	float: left;
	
}
.map-bar-button#hand-to-move{
	background:url(images/hand.png) no-repeat;
	width:26px;
	height:26px;
	float: left;
	display:none;
}

.map-bar-button#zoomout{
	background:url(images/zoom_out.png) no-repeat;
	width:27px;
	height:26px;
}
.map-bar-button#volver{
	background:url(images/bot_volver.png) no-repeat;
	width:27px;
	height:26px;
}
.map-bar-button#print{
	background:url(images/bot_print.png) no-repeat;
	width:27px;
	height:26px;
}
.map-bar-button#extend{
	background:url(images/bot_ext.png) no-repeat;
	width:27px;
	height:26px;
}
.map-bar-button#ir{
	background:url(images/bot_ir.png) no-repeat;
	width:27px;
	height:26px;
}
.map-bar-button#search{
	background:url(images/bot_buscar.png) no-repeat;
	width:27px;
	height:26px;
}

.map-bar-button#ley{
	background:url(images/bot_ley.png) no-repeat;
	width:27px;
	height:26px;
}

div#map-selector {
	z-index:100;
	width:29px;
	height:162px;
	top:54px;
	right:8px;
	position:absolute;
}
#control_11 {
	width:29px;
	height:20px;
	float:left;
	background:url(images/bg_right.png) repeat-y;
}
#mapviews {
	width:29px;
	float:left;
	text-align:right;
}

#mapview-1 {
	background:url(images/bg_right.png) repeat-y;
	width:29px;
}

#mapview-2 {
	background:url(images/bg_right.png) repeat-y;
	width:29px;
}
.mapview-button
{

	width:29px;
	height:17px;
	cursor:pointer;
}
.mapview-button1{
	background:url(images/console/google.png) no-repeat;
	width:29px;
	height:25px;
	cursor:pointer;
	margin-left:2px;
}
.mapview-button2 {
	background:url(images/console/sigis.png) no-repeat;
	width:29px;
	height:25px;
	cursor:pointer;
	margin-left:2px;
}

.mapview-button3{background:url(images/bg_nav11.gif) no-repeat;}


#control_13 {
	width:29px;
	height:42px;
	float:left;
	background:url(images/bg_nav10.png);
}

/**
* Contenedor del mapa
*/
div#map{
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: #e7e3d8;
	z-index:0;	
}

div#bird-eye-map{
	width: 140px;
	height: 123px;
	overflow: hidden;
	background-color: #e7e3d8;
	border:1px solid white;
}


div#bird-eye-container{
	width: 145px;
	height: 130px;
	overflow: hidden;
	background-color: #626469;
	z-index:80;
	position:absolute;
	right:24px;
	top:0px;
	padding-top:5px;
	padding-left:5px;
	padding-right:2px;
}

.be-expanded{
	width: 12px;
	height: 12px;
	z-index:90;
	position:absolute;
	right:33px;
	top:25px;
	background:url(images/birdeye-down.png);
	cursor:pointer;
	z-index:91;
}
.be-shrinked{
	width: 12px;
	height: 12px;
	z-index:91;
	position:absolute;
	right:33px;
	top:25px;
	background:url(images/birdeye-up.png);
	cursor:pointer;
}
.content{
	width: 100%;
	height:100%;
	border-style: none;
}

/**
*	Acordión Consola-Eventos
**/


.console-section{
	padding: 0px;
	vertical-align: top;
}
.events-section{
	margin-top: 0px;
	vertical-align: top;
}
div#quick-events{
	line-height: 25px; margin: 5px;
}
div#quick-events img{
	width: 16px;
	height: 16px;
	margin: 2px;
}



.console-shrinked
{
	top:7px;
	left: 7px;
	width:22px;
	height:22px;
	position: absolute;
	border:none;
	background:url(images/less.png) no-repeat;
	cursor:pointer;
}

.console-expanded
{
	top:7px;
	left: 7px;
	width:22px;
	height:22px;
	position: absolute;
	border:none;
	background:url(images/plus.png) no-repeat;
	cursor:pointer;
}

.events-shrinked
{
	bottom:8px;
	right: 8px;
	width:22px;
	height:22px;
	position: absolute;
	background:url(images/less.png) no-repeat;
	cursor:pointer;
	z-index: 91;
}

.events-expanded
{
	bottom:8px;
	right: 8px;
	width:22px;
	height:22px;
	position: absolute;
	background:url(images/plus.png) no-repeat;
	cursor:pointer;
	z-index: 91;
}

div#console-title
{
	bottom:0px;
	right: 0px;
	position: relative;
	font-size: 11pt;
	font-weight: bolder;
	color: #000000;
	font-family:arial;
}
#sec-puntos-interes {
	background: url('images/post_3_3.png') repeat-y ;
	height: auto;
}
#sec-cdpe{
	background: url('images/post_1_1.png') repeat-y ;
	height: auto;
}
#sec-rutas{
	background: url('images/post_2_2.png') repeat-y ;
	height: auto;
}

#sec-herramientas {
	background: url('images/post_5_5.png') repeat-y;
	height: auto;
}

#sec-cartografia {
	background: url('images/post_4_4.png') repeat-y;
	height: 220px;
}	

div#events-title
{
	top:7px;
	right: 10px;
	position: absolute;
	font-size: 11pt;
	font-weight: bolder;
	color: #222222;
	font-family:arial;
}


.bg_botton {
	width:176px;
	height:12px;
	background:url(images/top_tool4.png) no-repeat top;
	border:none;
}
.bg_eve_top {
	width:180px;
	height:34px;
	background:url(images/bg_eventos4.png) no-repeat top;
	border:none;
}
.internal-link{
	color: #202020;
	cursor: pointer;
	display: block;
	width:140px;
	font-size: 10pt;
	text-decoration: none;
	padding-left: 15pt;
	line-height: 11pt;
	font-weight: normal;
	font-family:Arial;
	padding-top:4px;
}
a.internal-link:HOVER{
	/**text-indent: 1px;**/
	font-weight: normal;
	color: #28235f;
	/**color: #9c320e;**/
	background:url(images/dot.png) no-repeat left ;
	font-weight: bold;
}
a.internal-link:ACTIVE{
	font-weight: normal;
}

.separador_left {
	height:3px;
	background:url(images/dash.png) repeat-x;
	width:95%;
	margin-left:3px;
}

div#div_geocercas-container {
	width:194px;
	height:41px;
	font-size: 8px;
	font-weight:bold;
	float:left;
	position:absolute;
	z-index:90;
	right:9px;
	top:400px;
}



/** ----------------------------------------------------------------- Box de Opciones (con efecto)----------------------------- **/

div#console-container {
	font-size: 8px;
	font-weight:bold;
	position:relative;
	z-index:90;
	left:0px;
	top:0px;
}

div#acordion-container {
	left:0px;
	top:0px;
	width: 270px;
	font-size: 8px;
	font-weight:bold;
	/**float:left;**/
	overflow:visible;
	position:relative;
	z-index:90;
}

.basic {
	width: 270px;
	height: auto;
	overflow: hidden;	
}

.basic a.selected {
	height: 32px;
}

.head {
	height:32px;
	color: black;
	cursor: pointer;
	display: block;
	font-weight: bold;
	text-decoration: none;
	font-size: 9pt;
	font-family:arial;
	
}

.head1 {
	background: url("images/post_1.png") no-repeat;
	display: block;
	overflow: hidden;
	line-height: 35px;
}
.head2 {
	background: url("images/post_3.png") no-repeat;
	display: block;
	overflow: hidden;
	color: white;
	line-height: 35px;
}

.head3 {
	background: url("images/post_2.png") no-repeat;
	display: block;
	overflow: hidden;
	line-height: 35px;
	
}

.head4 {
	background: url("images/post_4.png") no-repeat;
	display: block;
	overflow: hidden;
	line-height: 35px;
}

.head5 {
	background: url("images/post_5.png") no-repeat;
	display: block;
	overflow: hidden;
	color: white;
	line-height: 35px;
}

/**---------------------------------------------------------------------------------------------------------------------------**/


img.button {
	cursor: pointer;
}
.accordion-bottom {
	width: 176px;
	background:url(images/top_tool2.png) no-repeat -1px -5px;
}


div#nseo-up{
	width:12px;
	height:12px;
	position:absolute;
	top:5px;
	left:30px;
	background:url(images/up_arrow.png) no-repeat;
	cursor:pointer;
}

div#nseo-left{
	width:12px;
	height:12px;
	position:absolute;
	top:18px;
	left:17px;
	background:url(images/left_arrow.png) no-repeat;
	cursor:pointer;
}

div#nseo-down{
	width:12px;
	height:12px;
	position:absolute;
	top:29px;
	left:30px;
	background:url(images/down_arrow.png) no-repeat;
	cursor:pointer;
}

div#nseo-right{
	width:12px;
	height:12px;
	position:absolute;
	top:18px;
	left:42px;
	background:url(images/right_arrow.png) no-repeat;
	cursor:pointer;
}


#statusActual
{
	margin:0px;
	line-height: 10px;
	text-align: left;
	margin-left:20px;
}
table#statusActual p.title{
	vertical-align: top;
	color: white;
	font-size: 10px;
	text-align: left;
	vertical-align: top;
	margin: 0px;
	margin-right:3px;
}

table#statusActual p.content{
	vertical-align: top;
	color: yellow;
	font-size: 10px;
	text-align: left;
	margin: 0px;
	margin-right:5px;
}

#maincontaner
{
	width:100%;
	height: 100%;
	overflow: hidden;
}

/** Barra Eventos Principal **/

#barra_eventos {
	width:280px;
	height:28px;
	position:absolute;
	z-index:80;
	right:7px;
	bottom:40px;
}
.bg_eventos {
	background:url(images/bg_barraevent1.png) no-repeat;
	width:30px;
	height:28px;
}
.bg_eventos2 {
	background:url(images/bg_barraevent2.png) repeat-x;
	width:250px;
	height:28px;
}

.texto_globo {
	font-size:11px;
}
.texto_globo.rojo{
	color:red;
}

.link_none {
	cursor:pointer;
	text-decoration:underline;
}
.border bottom {
	background-color: red;
	height: 20px;
}

/*--Menu inferior--*/

.tools_maps_1_1 {
	background: url("images/toolbar_1.1.png") no-repeat ;
	width: 1px;			
}
.tools_maps_2_2 {
	background: url("images/toolbar_2.2.png") repeat-x;
	width: 14px;
	height: 20px;
}
.tools_maps_1_3 {
	background: url("images/toolbar_1.3.png") no-repeat;
	width: 14px;
	height: 20px;
}

.tools_maps_2_1 {
	background: url("images/toolbar_2.1.png") repeat-y;
	width: 14px;
	
}

.tools_maps_2_3 {
	background: url("images/toolbar_2.3.png") repeat-y;
	width: 1px;
	
}

/** --------------------------------- Bg_Maps ------------------------------------------ **/

.tools_maps1 {
	background: url("images/toolbar_1.png") no-repeat;
	width: 14px;
	height: 20px;
}

.tools_maps2 {
	background: url("images/toolbar_2.png") repeat-y;
	height: 120px;
}

.tools_maps3 {
	background: url("images/toolbar_3.png") no-repeat;
	width: 14px;
	height: 20px;
}

.border_map1 {
	background: url("images/marc_19.png") no-repeat;
	width: 20px; 
	height: 20px; 
	top: 0px; 
	left: 0px; 
	position: absolute; 
	z-index: 100;	
}

.border_map2 {
	background: url("images/marc_20.png") no-repeat;
	width: 20px; 
	height: 20px; 
	top: 0px; 
	right: 0px; 
	position: absolute; 
	z-index: 99;	
}

.border_map3 {
	background: url("images/marc_21.png") no-repeat;
	width: 20px; 
	height: 20px; 
	bottom: 0px; 
	left: 0px; 
	position: absolute; 
	z-index: 100;	
}

.border_map4 {
	background: url("images/marc_22.png") no-repeat;
	width: 20px; 
	height: 20px; 
	bottom: 0px; 
	right: 0px; 
	position: absolute; 
	z-index: 100;	
}


.marc_1 {
	background: url("images/marc_1.png") no-repeat;
	height: 35px;
}

.marc_2 {
	background: url("images/marc_2.png") repeat-x;
	height: 35px;
	border: 0px;
}

.marc_3 {
	background: url("images/marc_3.png") no-repeat;
	width: 23px;
	height: 35px;
	border: 0px;
}

.marc_4 {
	background: url("images/marc_4.png") repeat-y;
	width: 23px;
	border: 0px;
}

.marc_5 {
	background-color: white;
	height: 90%;
	z-index: 0;
}

.marc_6 {
	background: url("images/marc_5.png") repeat-y;
	width: 33px;
	border: 0px;
}

.marc_7 {
	background: url("images/marc_6.png") no-repeat;
	width: 23px;
	height: 35px;
	border: 0px;
}

.marc_8 {
	background: url("images/marc_7.png") repeat-x;
	height: 35px;
	border: 0px;
	position:relative;
}

.marc_9 {
	background: url("images/marc_8.png") no-repeat;
	width: 33px;
	height: 35px;
	border: 0px;
}

.marc_10 {
	background: url("images/marc_9.png") no-repeat;
	width: 32px;
	height: 35px;
	border: 0px;
}

.marc_11 {
	background: url("images/marc_10.png") repeat-x;
	height: 35px;
	border: 0px;
}

.marc_12 {
	background: url("images/marc_11.png") no-repeat;
	width: 14px;
	height: 35px;
	border: 0px;
}

.marc_13 {
	background: url("images/marc_12.png") repeat-y;
	width: 32px;
	border: 0px;
}

.marc_14 {
	background-color: white;
	border: 0px;
}


.marc_15 {
	background-color: white;
	width: 14px;
	border: 0px;
}

.marc_16 {
	background: url("images/marc_13.png") no-repeat;
	width: 32px;
	height: 29px;
	border: 0px;
}

.marc_17 {
	background: url("images/marc_14.png") repeat-x;
	height: 29px;
	border: 0px;
}

.marc_18 {
	background: url("images/marc_15.png") no-repeat;
	width: 14px;
	height: 29px;
	border: 0px;
}

.marc_19 {
	background: url("images/marc_16.png") no-repeat;
	width: 32px;
	height: 35px;
	border: 0px;
}

.marc_20 {
	background: url("images/marc_17.png") repeat-x;
	height: 35px;
	border: 0px;
}

.marc_21 {
	background: url("images/marc_18.png") no-repeat;
	width: 14px;
	height: 35px;
	border: 0px;
}


.ppal {
	width: 90%; 
	height: 90%; 
	position: absolute; 
	left:5%; 
	right:5%; 
	top:5%;
}

#logo_sw {
	width: 270px;
	height: 144px;
	background: url("images/logo.png") no-repeat;
}

.post_1 { 
	background: url('images/post_1.png')no-repeat;
	width: 270px;
	height: 20px;
}

.post_1_1 {
	width: 270px; 
	height:32px;
	background: url('images/post_1_1.png') repeat-y;
}

.post_2 {
	width: 269px; 
	height: 32px; 
	background: url('images/post_2.png') no-repeat;
}

.post_3 {
	width: 270px; 
	height: 32px; 
	background: url('images/post_3.png') no-repeat;
}

.post_4 {
	width: 270px; 
	height: 32px; 
	background: url('images/post_4.png') no-repeat;
}

.post_bg {
	width: 270px; 
	background: url('images/post_bg.png') repeat-y;
}

#post_end {
	width: 270px; 
	height: 35px; 
	background: url('images/post_end.png') no-repeat;
	z-index:100;
	position: relative;
}


.titulo_post1 {
	font-family: arial;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	padding-top: 8px;
	padding-left: 6px;
}

.herramientas {
	width: 246px; 
	height: 220px; 
	background: url('template/skins/master/images/cute_woman1.png');
}

.box_area {
	height: 30px;
	background: url("images/separador.png");
	cursor: pointer;
}

.box_area2 {
	height: 15px;
	background-color: #7c0202;
}

