@charset "utf-8";
/* MAPA */


#marcamap { position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:998; display:none; margin-top:48px; }
#mapa_titulo { position:relative;float:left; height:50px; border:1px outset #FF9; border-radius:5px; margin:10px 10px 0px 10px; display:block; overflow:hidden; }
.super_div { position:absolute; left:0px; top:0px; width:100%; height:100%; background-color:#fff; opacity:0.2; z-index:-1; }
#map_onoffline { float:left; width:16px; overflow:hidden; margin:0px 10px 0px 0px;  }
.mapa_verde { color:#CF9; font-size:14px; font-weight:bold; } 
#msg_debug { margin:0px 2px 0px 2px; width:100%; height:20px; text-align:right; overflow:hidden; color:#f44;  }
#izdamap { position:absolute; top:140px; left:-170px; width:210px; height:250px; z-index:998; display:none;}
#mapa_izda { position:relative; width:100%; float:left; height:100%; border:1px outset #FF9; border-radius:10px; margin:1px; display:block; overflow:hidden; }
#dchamap { position:absolute; top:140px; left:400px; width:210px; height:250px; z-index:998; display:none; }
#mapa_dcha { position:relative; width:100%; float:left; height:100%; border:1px outset #FF9; border-radius:10px; margin:1px; display:block; overflow:hidden; }
#overmap { position:absolute; top:0px; left:0px; width:100%; height:100%;  z-index:1000; cursor:pointer; }

#abamap { position:absolute; bottom:0px; left:0px; width:100%; height:50px; z-index:998; display:block ;border-top:1px outset #FF9; opacity:0.7; }
#mapa_aba { position:relative; width:100%; float:left; height:100%;   margin:0px; display:block; overflow:hidden; background-color:transparent;}
.abatabla { width:100%; height:100%; background-color:#CCC; }
.abatabla tr { height:100%; }
.abatabla td { vertical-align:top !important; padding:1px; margin:1px; border:1px solid #000;}

.botmapa { float:left; width:100% !important; height:45px !important; }
.minibotmapa { float:left; height:100% !important;  }

.btx-danger {
  color: #ffffff !important ;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important ;
  background-color: #da4f49 !important ;
  *background-color: #bd362f !important ;
  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f) !important ;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f)) !important ;
  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f) !important ;
  background-image: -o-linear-gradient(top, #ee5f5b, #bd362f) !important ;
  background-image: linear-gradient(to bottom, #ee5f5b, #bd362f) !important ;
  background-repeat: repeat-x !important ;
  border-color: #bd362f #bd362f #802420 !important ;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25) !important ;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0) !important ;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false) !important ;
}


.imgresok, .imgerrr {
  margin-right:20px;
  float:left;
  width:24px;
}
.entrusale th {
  text-align:left;
  font-weight:400;
  padding-left:2px;
  overflow:hidden;
  font-size:12px;
  color:#CCC ;
}
.arrdcha_map {
  width:100%;
  text-align: left;
}
.arrizda_map {
  width:100%;
  text-align: right;
}
.map_chksi {
  height:16px;
  box-shadow:1px 1px 3px #000;
  margin:0px 5px 0px 5px;
}
.dmap_chksi {
  height:18px;
  margin:0px 5px 0px 5px;
}

.entrosale {
}
.entrosale th {
  text-align:right;
  font-weight:400;
  padding-right:2px;
  overflow:hidden;
  font-size:12px;
  color:#CCC ;
}


.mapizda_20 {
  width:100%;
  float:left;
}

.tb_map_tit {
  width:100%;
  margin:5px 0px 0 0px;
  color:#999;
}
.tb_map_tit td {
  padding:0px 10px 0px 10px;
}
.colverde {
  color:#CCC;
}
.menu_ac_dis {
  border:1px inset #999;
  border-radius: 5px;
}
.mediotrans {
  opacity:0.3 ;
}
.abaizda_abs {
  position:absolute;
  bottom:0px;
  left:0px;
  z-index:1000;
}

.arrizda_abs {
  position:absolute;
  top:0px;
  left:0px;
  z-index:1000;
}
.wizard {
  padding-top:3px;
  padding-bottom:7px;
    
}
.nav-list {
  margin-bottom: 10px !important;
}
.entrasale {
  margin-top:20px;
}
.entrasale th {
  text-align:right;
  font-weight:400;
  padding-right:20px;
}
.inout {
  display:block  ;
  
}
.opschip {
  display:none ;
}
.opslog {
  width:95%;
  display:none;
  text-align:left;
  margin-left:20px;
}

.tbdcha_20 {
  float:left; width:40%;  margin-left:30px; margin-bottom: 3px; position:relative;
}

.izdatd {
   text-align:right;
   padding-right:20px;
}
.tbizda_20 {
  float:left; width:40%; margin-left:10px; overflow:hidden; margin-bottom: 3px; position:relative;
}
.autogps {
  float:left; height:32px; margin:0px 10px 0px 0px; line-height: 12px; padding:0px 2px 2px 2px; font-size:14px; font-weight:bold;
}
.mensagps {
  height:38px; overflow:hidden; float:left; margin:0px 10px 0px 10px; text-align:center;
}
#gpsminitab {
  float:right; height:40px; overflow:hidden; border-radius:6px 0px 0px 6px; display:block; 
}
#onoffminitab {
   position:absolute; top:5px; left:5px; height:28px; overflow:hidden; margin:8px 10px 0px 10px; text-align:right; display:inline-block; border-radius:5px; border:1px outset #666; box-shadow:3px 3px 5px #666; padding:5px 10px 0px 10px;
}

div.botsmenus {
  position:relative; width:95%; display:block; overflow:hidden; 
}
div.blokmenu {
  margin:0px 0px 0px 10px; 
  position:absolute; 
  top:0px; left:0px; 
  width:100%; height:100%; 
  background-color:transparent; 
  opacity:0.5; 
  display:none; 
  z-index:1000;
}

.nav-tabs > li > a, .nav-pills > li > a {
  padding-right:10px !important ;
  padding-left:10px !important ;
}
.colerrdiv {
  width:150px; float:left; overflow:hidden; display:block; margin-right:10px; ;
}

#diverrores0 {
   overflow:hidden; margin:10px 0px 10px 0px;
}
.spanerrnum {
  float:left; width:20px;height:14px; font-size:10px; color:#000; overflow:hidden;  border:1px solid #CCC ;  margin:0px; padding:0px; text-align:right; line-height:14px;
}
.spanerrtext {
  float:left; width:80px;height:16px; font-size:9px; color:#999; overflow:hidden;  text-align:left;  margin:0px; padding:0px; margin-left:5px; line-height:18px;
}
.diverrcol {
  width:140px; height:20px; float:left; overflow:hidden; display:block; 
}
.diverrimg {
  float:left; width:20px; height:16px; margin-right:5px; overflow:hidden ;
}
.diverrimg img {
  float:left; height:16px; margin:0px; padding:0px;
}
#blokdiv {
  margin:0px 0px 0px 10px; 
  position:absolute; 
  top:0px; left:0px; 
  width:100%; height:100%; 
  background-color:#fff; 
  opacity:0.5; 
  display:none; 
  z-index:1000;
}
.jams {
  width:40% !important ;
  float:left !important;
  
}
.ui_ara_span {
  font-size:14px; 
  float:left;
  margin-top:12px;
}
.t_bot {
  float:left; width:90%; overflow:hidden; padding-left:20px !important ; height:50px; padding-bottom:4px;
}
#editor {
  float:left; display:none; width:90%; height:400px; border:1px inset #000; border-radius:5px; margin:5px; overflow:hidden;
}
.BTN-pedir {
  
}
.mensa-guarda {
  display:none; margin:10px ;
}
.esperando {
  float:left; width:24px; display:none; z-index:9999; margin-right:5px;
}
.img-online {
  float:left;  padding-top:2px; margin-right:5px;
}
.sidebar-nav {
  padding: 9px 0;
}
.cac a{   
  float:left;
  display: inline-block;
  color:white;
  text-decoration: none;
}
.nav-cool li{
  padding:0px 10px 5px;
  width: 80px;
  text-align: center;
  color:white;
  font-weight:bold;
  display: inline-block;
  float:left;
  color:white;
}
.nav-cool li:hover{
  background-color: #006590;
  border-bottom: 3px #FFFFFF solid;
  padding:0px 10px 0px;
  color:white;
}
.nav-cool li.selected{
  background-color: #006590;
  border-bottom: 3px #FFFFFF solid;
  padding:0px 10px 0px;
  color:white;
}
#langSel {
  border: solid 2px yellow;
}
#langSel:hover {
  border-color: yellow;
}
#langUnSel {
  border: solid 2px black;
}
#langUnSel:hover {
  border-color: yellow;
}
.nav-first li:hover {
  background-color: #9BA90B;
}
@media (min-width: 980px) {
  body{
    padding-top: 85px;
  }
}
@media (max-width: 980px) {
  
}
#myCanvas{
  background: url("../img/sinoptico1.png"); 
  background-size:680px 381px; 
  background-repeat:no-repeat; 
}
.ventana_alerta {
   width: 100%;
   margin: 0px;
   padding-top: 7px;
   padding-bottom: 7px;
   background-color: #FFFFCB;
   border-top: 1px solid #CC0000;
   border-bottom: 1px solid #CC0000;
   color: #CC0000;
   text-align: center;
   font-size: 12px;
   margin: 0 auto 0 auto;
}

.ventana_confirmar {
   width: 100%;
   margin: 0px;
   padding-top: 7px;
   padding-bottom: 7px;
   background-color: #EDFFED;
   border-top: 1px solid #007F0E;
   border-bottom: 1px solid #007F0E;
   color: #007F0E;
   text-align: center;
   font-size: 12px;
   margin: 0 auto 0 auto;
}

#canvas{
  display: block;
  width: 98%;
  height: 750px;
  margin: 0 auto;
  -moz-box-shadow: 0px 5px 20px #ccc;
  -webkit-box-shadow: 0px 5px 20px #ccc;
  box-shadow: 0px 5px 20px #ccc;
}
 
#map{
  display: block;
  width: 100%;
  height: 750px;

  margin: 0 auto;
  -moz-box-shadow: 0px 5px 20px #ccc;
  -webkit-box-shadow: 0px 5px 20px #ccc;
  box-shadow: 0px 5px 20px #ccc;
}
#map.large{
  height:00px;
}

.overlay{
  display:block;
  text-align:center;
  color:#fff;
  font-size:60px;
  line-height:80px;
  opacity:0.8;
  background:#4477aa;
  border:solid 3px #336699;
  border-radius:4px;
  box-shadow:2px 2px 10px #333;
  text-shadow:1px 1px 1px #666;
  padding:0 4px;
}

.overlay_arrow{
  left:50%;
  margin-left:-16px;
  width:0;
  height:0;
  position:absolute;
}
.overlay_arrow.above{
  bottom:-15px;
  border-left:16px solid transparent;
  border-right:16px solid transparent;
  border-top:16px solid #336699;
}
.overlay_arrow.below{
  top:-15px;
  border-left:16px solid transparent;
  border-right:16px solid transparent;
  border-bottom:16px solid #336699;
}