html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}

#map {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#mapa {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 600px;
	border: 1px solid #239623;
}


#toolbar-wrapper {
	margin-right: 0px;
	position: relative;
}

#toolbar {
	width: 100%;
}

#map-wrapper {
	position: relative;
	height: 100%;
}

#sidebar {
	position: absolute;
	top: 150px;
	width: 325px;
	height: 100%;
	overflow-y: auto;
}

body.sidebar-right #map-wrapper { margin-right: 340px; }
body.sidebar-right #sidebar { right: 0; }

body.sidebar-off #map-wrapper { margin: 0; }
body.sidebar-off #sidebar { display: none; }

#alert {
	position: absolute;
	top: 350px;
	left: 0;
	width: 100%;
	text-align: center;
	display: none;
}

#alert p {
	width: 250px;
	margin: 0 auto 0 auto;
	padding: 10px;
	background: #ff9933;
	border: 2px solid #ff6600;
}
body.loading #alert { display: block; }

#drt {
	position: absolute;
	right: 2px;
	width: 321px;
	*visibility: hidden;
	overflow: auto;
	margin: 1px;
	padding: 0px 0px 0px 0px;
	height: 100%;
	background-color: #ffffff;
	font-family: Comic, Verdana;
	border: 1px solid #ff6600;
	font-size: 11px;
	index-z: 99;
}

#Capa01 {
	position: absolute;
	left: 375px;
	top: 120px;
	width: 400px;
	font-family: Sans-Serif, Verdana;
	color: #000000;
	font-size: 0.85em;
	text-align: center;
}

#dch_cab4 {
	position: absolute;
	right: 0px;
	top: 125px;
	width: 25px;
	font-family: Sans-Serif, Verdana;
	color: #ffffff;
	font-size: 0.90em;
}

#message {
	font-family: Verdana, Arial;
	font-size: 0.90em;
	color: #ffffff;
}

/***** ENLACES MENU *******/
a.menu:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	font-variant: normal;
}
a.menu:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	font-variant: normal;
}
a.menu:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FF6600;
	text-decoration: none;
	font-variant: normal;
}

/****** HOVER es al pasar por encima ****************/
a.menu:hover { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FF6600;   /*****  naranja *********/
	text-decoration: none;
	font-variant: normal;
}




.menu {
	FONT-SIZE: 14px; COLOR: #000000; FONT-FAMILY: Verdana; TEXT-DECORATION: none
}
.menu A:hover {
	FONT-SIZE: 14px; COLOR: #0000ff; FONT-FAMILY: Verdana; TEXT-DECORATION: none
}



SELECT{ font-family: Verdana; font-size: 11px; color: #000000; background-color: #FFFFcc; border: 1px solid #543229; }
OPTION{font-family: Verdana; font-size: 9px; color: #000099;}



/* ESTILOS DE CABECERA */
/* GRANA #852238 */
/* NARANJA #FAA135 */
#cabecera { height: auto; background: #000000 }
#cab1 { backgrund-color: #000000 } 
#menu { position: absolute; width: 100%; }
#cab3 { backgrund-color: #000000 }
.titulogo {
	margin: 0;
	padding: 0px 0px 0px 10px;
	font-family: verdana, courier;
	font-weight: bold;
	font-size: 1.8em
}
.tit_bl_25 {
	font-weight: bold;
	font-style: normal;
	font-size: 20px;
	color: #ffffff;
	font-family: Trebuchet, Verdana
}
.color1 { color: #236EFA }
.color2 { color: #c81919 }
.color3 { color: #239623 }
.color4 { color: #ffdc0f }
#cab3derecha { width: 100%; height: 100%; background-color: #000000; padding-top: 5px; z-index: -999; }
#cab3derecha p { margin: 0px 10px 3px 0px; font-family: Verdana; font-size: 10px; color: #ffffff; text-align: right; }
/* ESTILOS DE CABECERA */




.tit_na_32 {
	FONT-WEIGHT: bold;
	FONT-STYLE: normal;
	FONT-SIZE: 30px;
	COLOR: #ff6600;
	FONT-FAMILY: Trebuchet, Verdana
}
.domi_10 {
	FONT-SIZE: 0.80em;
	font-weight: bold;
	COLOR: #006600;
	FONT-FAMILY: comic, verdana
}
.fecha {
	FONT-WEIGHT: bold;
	FONT-SIZE: 10px;
	COLOR: #000000;
	FONT-FAMILY: Verdana, comic
}
/* ESTILOS CABECERA */


/* estilos para la izquierda */
.publi { FONT-SIZE: 8px; COLOR: #000000; FONT-FAMILY: Verdana }
/* estilos para la izquierda */


/* estilos PORTADA 1 */
.tit_na_22 { FONT-WEIGHT: bold; FONT-STYLE: normal; FONT-SIZE: 22px; COLOR: #ff6600; FONT-FAMILY: Verdana }
.texto { FONT-SIZE: 11px; TEXT-INDENT: 10px; FONT-FAMILY: Comic, Verdana; TEXT-ALIGN: justify }

/* estilos PORTADA 1 */



/* ######### estilos PRIVADO ########## */
.pie a { COLOR: #990000; TEXT-DECORATION: none }
.pie a:hover { COLOR: #ff6600; TEXT-DECORATION: underline }
.pie {
	FONT-WEIGHT: bold;
	FONT-SIZE: 0.72em;
	COLOR: #000000;
	FONT-FAMILY: Verdana
}
.pie2 {
	FONT-WEIGHT: normal;
	FONT-SIZE: 0.60em;
	COLOR: #000000;
	FONT-FAMILY: Verdana
}

.pie_oscuro {
	FONT-WEIGHT: normal;
	FONT-SIZE: 10px;
	COLOR: #000099;
	FONT-FAMILY: Verdana
}
.pie_oscuro a { COLOR: #8abcff; TEXT-DECORATION: none }
.pie_oscuro a:hover { COLOR: #ff6600; TEXT-DECORATION: underline }



.pie_comercial {
	FONT-SIZE: 10px; COLOR: #ff6600; FONT-FAMILY: Verdana }
.pie_comercial A {
	COLOR: #000000; FONT-FAMILY: Verdana; ; TEXT-DECORATION: none }
.pie_comercial A:hover {
	COLOR: #0000ff; FONT-FAMILY: Verdana; TEXT-DECORATION: underline }






H2	{font-family:Arial,Verdana, Helvetica, sans-serif; font-size:160%; color:#ff6600; font-style:normal; margin:5px 0px 5px 0px }
H3	{font-family:Arial, Verdana, Helvetica, sans-serif; font-size:140%; color:#FFFFFF; font-style:normal;	margin:5px 0px 5px 0px }

/*Estilos para la cabecera de la pagina*/

#popup { background:#FFFFFF; border:1px solid #ff6600; margin:0px; padding:7px;}
#popup2 { background:#dddddd; border:1px solid #ff6600; margin:0px; padding:7px;}
#popup3 { background:#FFFFFF; border:1px solid #ff6600; margin:0px; padding:7px;}
#popup4 { background:#FFFFFF; border:1px solid #ff6600; margin:0px; padding:7px;}
#popupC { background:#FFFFFF; border:1px solid #ff6600; margin:0px; padding:7px;}


.titu_popup{ text-align: left; font-family: Arial, Helvetica, sans-serif; color: #FF6600; font-weight: bold; font-size: 16px; }
.campo_popup{ font-family: Arial, Helvetica, sans-serif; color: red; font-size: 10px; font-weight: bold; }
.txt10_popup{ font-family: San Serif, Comic, Helvetica, Arial; color: #000000; font-size: 10px; }
.style1 { font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; }
.style2 {font-family: Arial, Helvetica, sans-serif}

.small { font-family: verdana; font-size: 8pt; color: #ff6600; }
.small a:link { font-family: verdana; font-size: 8pt; color: #ff6600; text-decoration: none; }
.small a:Visited { font-family: verdana; font-size: 8pt; color: #ee6600; text-decoration: none; }
.small a:Hover { font-family: verdana; font-size: 8pt; color: #ff8822; text-decoration: underline; }

.highlight { font-family: helvetica; font-size: 8pt; font-weight: bold; color: #000099; }
.peq { font-family: helvetica; font-size: 0.70em; color: #000099; }
.peq2 { font-family: helvetica; font-size: 0.65em; color: #666699; }
.medium { font-family: helvetica; font-size: 10pt; font-weight: bold; color: #444444; }
.largish { font-family: helvetica; font-size: 14pt; color: #000099; }
.largishHighlight { font-family: helvetica; font-size: 18pt; color: #FF9900; }
.large { font-family: helvetica; font-size: 28pt; color: #003399; }
.largeHighlight { font-family: helvetica; font-size: 30pt; color: #FF9900; }
.tituPral { color: #098179; font-family: Arial, sans-serif; font-size: 11pt; text-decoration: none; font-weight: bold; }
.navtext { width:160px; font-family: Helvetica, Verdana, Arial, sans-serif; font-size:8pt; border-width:1px; border-style: outset; border-color:green; background-color: #ffdeaa; color:green; }


/*Estilos menú izquierdo en la capa SIDEBAR del Mapa*/
.ley { font-family: sans-serif, verdana; font-size: 8pt; color: #a8a8a8; text-decoration: none; }
.ley a:Link { font-family: sans-serif, verdana; font-size: 8pt; color: #a8a8a8; text-decoration: none; }
.ley a:Hover { font-family: sans-serif, verdana; font-size: 8pt; color: #0000ee; text-decoration: none; }
.lay { font-family: sans-serif, verdana; font-size: 8pt; color: #ff6600; text-decoration: none; }
.lay a:Link { font-family: sans-serif, verdana; font-size: 8pt; color: #ff6600; text-decoration: none; }
.lay a:Hover { font-family: sans-serif, verdana; font-size: 8pt; color: #0000ee; text-decoration: underline; }

#lista1 p { margin: 0px; padding: 0px 0px 0px 0px } 


/* Localizador */
#localizador   {	font-family:Arial, Verdana, Helvetica, sans-serif; text-align:left; margin:5px 185px 10px 185px; padding-right:4px; color:#898989 }
#localizador a {	color:#00626C; text-decoration:none }

/* Varios */
.separa   { width:auto; margin:4px 0px 4px 0px; padding:2px 0px 2px 0px; border-bottom:dotted 1px #ff6600; clear:both }
.separa01 { width:auto; margin:4px 0px 4px 0px; padding:0px 0px 0px 0px; border-bottom:solid 1px #C5C5C5; clear:both }
.separa02 { width:auto; margin:0px 0px 15px 0px; padding:0px 0px 0px 0px; border-bottom:solid 1px #000000; clear:both }

/* /////////////////////////////////////////////////////////////////////// */

div.contextmenu{
/*We will use a background similar to the Ms Apps to give a Windows like Look&Feel*/
background:#FFFFFF url(img/bkg.pngf) repeat-y scroll 0%;
border:1px solid #8888FF;
opacity:0.93;
filter: alpha(opacity=93)
}
div.contextmenu ul {list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
div.contextmenu ul li{
display:block;
padding:1px;
line-height:100%;
margin:0;
}
div.contextmenu ul li a {
border:none;
padding:3px 21px 3px 30px;
display:block;
text-decoration:none;
color:#233D6D;
font-size:11px;
font-family:tahoma,arial,sans-serif;
}
div.contextmenu ul li a:hover  {
color:#233d6d;
background:#c3daf9;
border:1px solid #8BB8F3;
padding:2px 20px 2px 29px;
}