#globalNav
{
color:#ccc;
padding:5px 10px 5px 0;
margin:0;
white-space:nowrap;
background-image:url(../images/comunes/bg_menu_superior.png);
background-repeat:repeat-x;
text-align:left;
border-bottom:1px solid #ccc;

}
#globalNav img
{
display: inline;
 margin:0 0 -3px -30px;
 padding:0;
 border:0;

}
#globalNav ul
{
padding:0;
margin:0;

}
#globalNav ul li
{
display:inline;
margin:0 10px;
padding:0 5px 0 0;

}
#globalNav li a
{
color:#999;
font-size:90%;
padding:4px 10px 4px 20px;
margin:0;
text-decoration:none;

}
#globalNav li a:hover
{
color:#009BE6;
text-decoration:none;
padding:4px 10px 4px 20px;
margin:0;

}
#globalNav li a.active
{
font-weight:bold;
text-decoration:none;
color:#666;

}
#globalNav .title
{
background-image:url(../images/menu/bg_h2_navbar.gif);
background-repeat:no-repeat;
background-position:right;
color:#FFF;
padding:4px 35px 4px 5px;
margin:0 35px 0 0;
font-size:1.2em;
min-width:203px;

}
.incidencias
{
background-image:url(../images/menusup/incidencias.png);
background-repeat:no-repeat;
padding:0;
margin:0;
border-right:1px solid #fff;

}
.trafikoa
{
background-image:url(../images/menusup/trafikoa.png);
background-repeat:no-repeat;
padding:0;
margin:0;
border-right:1px solid #fff;
 color:#999999;
 font-weight:bold
}
.imagenesnav
{
padding:0;
margin:0;
border-right:1px solid #fff;

}
.obras
{
background-image:url(../images/menusup/obras.png);
background-repeat:no-repeat;
padding:0;
margin:0;
margin:0;
border-right:1px solid #fff;

}
.camaras
{
background-image:url(../images/menusup/camara.png);
background-repeat:no-repeat;
padding:0;
margin:0;
margin:0;
border-right:1px solid #fff;

}
.paneles
{
background-image:url(../images/menusup/paneles.png);
background-repeat:no-repeat;
padding:0;
margin:0;
margin:0;
border-right:1px solid #fff;

}
.puertos
{
background-image:url(../images/menusup/puertos.png);
background-repeat:no-repeat;
padding:0;
margin:0;
margin:0;
border-right:1px solid #fff;

}
.tiempos
{
background-image:url(../images/menusup/tiempos.png);
background-repeat:no-repeat;
padding:0;
margin:0;
margin:0;
border-right:1px solid #fff;

}
.cruces
{
background-image:url(../images/menusup/cruces.png);
background-repeat:no-repeat;
padding:0;
margin:0;
margin:0;
border-right:1px solid #fff;

}
.recordar
{
background-image:url(../images/menusup/recordar.png);
background-repeat:no-repeat;
padding:0;
margin:0;
margin:0;
border-right:1px solid #fff;

}
#leyenda
{
position:absolute;
width:100%;
text-align:right;
background-color:#333;
border-top:1px solid #fff;
font-size:75%;
color:#fff;
padding:4px 0 4px 0;
margin:0;
bottom:0;
left:0;

}
#leyenda ul
{
padding:0;
margin:0;

}
#leyenda ul li
{
border-right:1px solid #fff;
display:inline;
margin:0 5px;
padding:0 25px 0 0;

}
.verde
{
background-image:url(../images/menu/dato_verde.png);
background-repeat:no-repeat;
background-position:right;

}
.amarillo
{
background-image:url(../images/menu/dato_amarillo.png);
background-repeat:no-repeat;
background-position:right;

}
.rojo
{
background-image:url(../images/menu/dato_rojo.png);
background-repeat:no-repeat;
background-position:right;

}
.morado
{
background-image:url(../images/menu/dato_morado.png);
background-repeat:no-repeat;
background-position:right;

}
.gris
{
background-image:url(../images/menu/dato_gris.png);
background-repeat:no-repeat;
background-position:right;

}
#divMap
{
width:auto;
height:100%;
//position:relative;
//top:124px;
//left:0;

}
#overlayContainer
{
width:170px;
height:120px;
border-left:1px solid #979797;
border-top:1px solid #979797;
background-color:#e8ecf8;
overflow:hidden;
position:absolute;
right:0;
bottom:22px;
z-index:10;

}
#overlayMap
{
width:161px;
height:111px;
border:1px solid #979797;
position:absolute;
left:7px;
top:7px;
overflow:hidden;
background-color:#e5e3df;

}
#overlayHideShow
{
position:relative;
top:7px;
left:7px;
z-index:12;
cursor:pointer;

}
#goBack
{
display:none;
width:70px;
padding:10px;
margin-top:20px;
background-color:#fff;
border:1px solid #000;
text-align:center;
font-weight:bold;
cursor:pointer;

}
#remember
{
background-color:white;
border:1px solid #000;
vertical-align:middle;
margin:5px;

}
#remember #chkRemember
{
padding:2px;
border:none;

}
#remember span
{
display:block;
float:left;
padding:5px;
font-family:Arial,Helvetica,sans-serif;
font-size:10px;

}
#rcontainer,#mtcontainer
{
padding:5px;
margin:5px;

}
#maptype
{
border:1px solid #000;
margin:5px;
cursor:pointer;
width:55px;
height:24px;
text-align:center;
background:#fff url(../images/comunes/bg_botones_maps.png) no-repeat;

}
#maptype span
{
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
display:block;
padding-top:6px;

}
#infoWin
{
height:auto;

}
#infoWin h3
{
font-weight:bold;

}
#inactiveMap
{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
opacity:.9;
background:#000;
z-index:99999;
filter:alpha(opacity=80);

}
#inactiveMapcapa
{
position:absolute;
left:50%;
top:50%;
width:300px;
height:50px;
margin-top:-100px;
margin-left:-150px;
color:#FFF;
text-align:center;
font-weight:bold;

}
.dirI,.dirD
{
font-size:small;
display:block;
width:350px;
height:20px;
font-weight:bold;

}
span.dirD
{
text-align:right;

}
#incidencia
{
height:100px;

}

/***************** GUIA INDEX *******************************/

#inactiveMapindexhelp
{
  position: absolute;
  left: 20%;
 top: 10%;
 width: 60%;
 height: auto;
 color:#333;
 font-weight:normal;
 background-color:#FFFFFF;
 padding:15px;
 
}


#inactiveMapindexhelp h2
{

color:#CC0000;

font-size:1.8em;


}

#inactiveMapindexhelp h3
{

color:#fff;

font-size:1.0em;

padding: 3px;

background-color:#000000;



}

#inactiveMapindexhelp ul
{

font-size:0.8em;

padding:0;

margin:5px 5px 5px 10px;

}

#inactiveMapindexhelp ul li
{

list-style:none;


}

#inactiveMapindexhelp .trafico
{

background-image:url(../images/index/capa_ul_li.png);

background-repeat:no-repeat;

list-style:none;

padding: 8px 35px;

}

#inactiveMapindexhelp .incidencias
{

background-image:url(../images/index/icono_incidencias.png);

background-repeat:no-repeat;

list-style:none;

padding: 8px 35px;

}

#inactiveMapindexhelp .nudos
{

background-image:url(../images/index/icono_nudos.png);

background-repeat:no-repeat;

list-style:none;

padding: 8px 35px;

}

#inactiveMapindexhelp .puertos
{

background-image:url(../images/index/icono_puertos.png);

background-repeat:no-repeat;

list-style:none;

padding: 8px 35px;

}

#inactiveMapindexhelp .camaras
{

background-image:url(../images/index/icono_camaras.png);

background-repeat:no-repeat;

list-style:none;

padding: 8px 35px;

}

#inactiveMapindexhelp .rutas
{

background-image:url(../images/index/icono_rutas.png);

background-repeat:no-repeat;

list-style:none;

padding: 8px 35px;

}

#inactiveMapindexhelp .guardar
{

background-image:url(../images/index/icono_guardar.png);

background-repeat:no-repeat;

list-style:none;

padding: 8px 35px;

}

#inactiveMapindexhelp .search
{

background-image:url(../images/index/icono_buscar.png);

background-repeat:no-repeat;

list-style:none;

padding: 8px 35px;

}


#close
{


position:absolute;

top: 0;

right: 0px;

margin:0;

padding:0;

height:20px;

float:right;


}

#close img
{

border:0;


}

#inactiveMap1
{

position:absolute;

top:0px;

left:0;

width:100%;

height:100%;

opacity:0.9;

background:#000;

z-index:99999;

/* para IE */
filter:alpha(opacity=80);


}