html, body { margin: 0; padding: 0; height: 100% }
body { background-color: #ffffff }
body.sidebar-right #map-wrapper { margin-right: 400px; }
body.sidebar-right #sidebar { right: 0}
body.sidebar-off #map-wrapper { margin: 0; }
body.sidebar-off #sidebar { display: none; }
body.loading #alert { display: block; }

/*////////////////////////////////////////////////////////////////////////*/
#toolbar-wrapper { margin-right: 0px; position: relative; background-color: #ffffff }
#toolbar { width: 100% }

#bajomenu {
	margin: 0px;
	padding: 3px 0px 2px 0px;
	height: 32px;
	BACKGROUND-COLOR: #630016;
	font-family: Arial, Verdana;
	font-size: 1.05em;
	font-weight: bold;
	color: #ffffff
}

#bajomenu_a { float: left; padding: 1px 0px 0px 5px }
#bajomenu_b { float: left; padding: 3px 0px 0px 15px; color: #ffffff }
#bajomenu_c { float: right; padding: 0px 5px 0px 0px; width: 50px }
#bajomenu_c img{ border: none }


#Capa01 {
	position: absolute;
	right: 30px;
	width: 320px;
	font-family: Comic Sans, Verdana;
	color: #ff66ff;
	font-size: 0.78em
}
#message { font-family: Verdana, Arial; font-size: 0.78em; color: #22ff22 }
/*////////////////////////////////////////////////////////////////////////*/

#map { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
#map-wrapper { position: relative; height: 100%; }
#sidebar { position: absolute; top: 200px; width: 385px; padding-right: 5px; height: 100%; overflow-y: auto }


#alert { position: absolute; top: 350px; margin-left: 300px; text-align: center; display: none; background: #ff9933;
	border: 2px solid #ff6600;
}
#alert p { width: 250px; margin: auto; padding: 10px 0px; font: bold 10px Verdana }
#alert img { border: none }

#drt {
	position: absolute;
	right: 2px;
	width: 385px;
	*visibility: hidden;
	overflow: auto;
	margin: 1px;
	padding: 0px 0px 0px 0px;
	height: 100%;
	text-align: left;
	background-color: #ffffff;
	font-family: Comic Sana, Verdana;
	border: 1px solid #ff6600;
	font-size: 11px;
	index-z: 99;
}
#alarma {
	display: none;
	position: absolute;
	top: 150px;
	left: 200px;
	width: 300px;
	height: 100px;
	background: #ffdddd;
	padding: 20px;
	font: bold 18px Arial;
	text-align: center;
	border: 3px solid #ff0000;
	-webkit-box-shadow:2px 2px 2px #555555;
    -moz-box-shadow:2px 2px 2px #555555;
    box-shadow:2px 2px 2px #555555
}

#infow { min-width: 250px; min-height: 80px }
#infow p { margin: 0px; padding: 5px; font: normal 12px Arial; color: #555555 }
#infow span { color: #112299 }
#infow .infowT { font: bold 18px Verdana; color: green }
#infowIzq { float: left; width: 170px }
#infowIzq img { float: left; padding-right: 10px; border: none; width: 125px }
#infowDer { text-align: left; overflow: auto }

#sideBoxP { text-align: left }
#sideBoxC {  }

/***** capas dinamicas ******/
.faqs { overflow: hidden; width: 360px; height: 57px; padding: 3px; background: #fFf4ea;
	font-family: arial, sans-serif; font-size: 11pt; }
.ver{ width: 360px; text-align: center; cursor: pointer; font-size: 12px; font-weight: normal; 
	margin-bottom: 10px; padding: 3px; color: #a7a7a7 }
/***** capas dinamicas ******/


/****************** DESPLEGABLE SECTORES ********************************/
SELECT { padding: 2px; font: normal 15px Verdana; font-style: italic; color: #333333; border: 1px solid #aa0000 }
OPTION { padding: 2px; font: normal 14px Verdana; font-style: italic; color: #111111 }
/****************** DESPLEGABLE SECTORES ********************************/

/* usado en callejero-ayuda *//* usado en callejero-ayuda *//* usado en callejero-ayuda */
.domi_10 { FONT-SIZE: 0.80em; font-weight: bold; COLOR: #006600; FONT-FAMILY: Comic Sans, Verdana }
.titu_logo { background: url('../img/ayuda.gif') no-repeat left; margin: 0; padding: 0px 0px 0px 40px; font-family: verdana, courier; font-weight: bold; font-size: 1.8em }
.highlight { font-family: helvetica; font-size: 9pt; font-weight: bold; color: #000099; }
/* usado en callejero-ayuda *//* usado en callejero-ayuda *//* usado en callejero-ayuda */

/****************** panel derecho del mapa ******************************/
/*Estilos menú en la capa SIDEBAR del Mapa*/
.elsector { margin: 0px; padding: 0px; font: bold 16px Verdana; color: green }
.obsector { margin: 0px; padding: 2px 0px; text-align: left; font: normal 12px Vardana; color: #444444 }
.ley { font-family: sans-serif, verdana; font-size: 8pt; color: #a6a6a6; line-height: 105% }
.ley a { text-decoration: none }
.ley a:Hover { color: #0000ee; text-decoration: none; }
.lay { font-family: sans-serif, verdana; font-size: 9pt; color: #ff6600; line-height: 105% }
.lay a { text-decoration: none }
.lay a:Hover { color: #0000ee; text-decoration: underline; }
.actilink { padding: 0px 0px 6px 0px}
.actilink img { float: left; padding-right: 4px }
.actilink  a{ font: bold 15px Helvetica; color: #000000; text-decoration: none }
.actilink a:hover { color: #336633; text-decoration: none; }
/****************** panel derecho del mapa ******************************/

/****************** MENU CONTEXTUAL SOBRE MAPA ********************************/
div.contextmenu{
/*We will use a background similar to the Ms Apps to give a Windows like Look&Feel*/
background-color: #FFFFFF;
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;
}
/****************** MENU CONTEXTUAL SOBRE MAPA ********************************/




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


/* ESTILOS DE CABECERA */
/* GRANA #852238 */
/* NARANJA #FAA135 */
#cabecera { height: auto; background: #000000 }
#cab1 { background-color: #000000 } 
#menu { position: absolute; width: 100%; }
#cab3 { background-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: 350px; 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
}

.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: 10px;
	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: 7pt; color: #000099; }
.medium { font-family: helvetica; font-size: 11pt; font-weight: bold; color: #000000; }
.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; }





/* 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 }