﻿/*reset*/
html{height:100%;color:#000c0e;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
/*text*/
body{font:11px Tahoma,'Lucida Grande CE',lucida,sans-serif}a:focus{outline:1px dotted}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1{font-size:18px}h2{font-size:16px}h3{font-size:14px}h4{font-size:12px}h5{font-size:11px}h6{font-size:10px}ol{list-style:decimal}ul{list-style:disc}li{margin-left:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px}
td{_font-size:11px}strong{font-weight:bold}h1,h2,h3{margin-top:15px;font-weight:bold}
img{vertical-align:middle;}
/*common*/
body 
{
    background:#000506 url('../images/bg.png') repeat-x center top fixed;
}
#hd 
{
    width:100%;
    height:90px;
    background:url('../images/hd.png') no-repeat center top;
    position:fixed;
    z-index:900;
    text-align:center;
    color:#aeb0af;
    left:0;
}
#bd 
{
    width:990px;
    margin-left:auto;
    margin-right:auto;
    position:relative;
    clear:both;
    padding-top:100px;
    overflow:hidden;
}
#bd.fullscreen 
{
  width:90%;
}
#ft 
{
    width:100%;
    text-align:center;
    clear:both;
    position:relative;
    margin-top:11px;
}
#bg-sun 
{
    background:url('../images/bg-sun.jpg') no-repeat center top;
    position:fixed;
    width:100%;
    height:500px;
}
#logo 
{
    display:block;
    position:relative;
    width:250px;
    margin-left:auto;
    margin-right:auto;
    top:0;
    text-align:center;
}
#hd a:hover 
{
    background-image:none;
}


/*cols*/
#bd #col-l 
{
    width:175px;
    float:left;
    position:relative;
    margin-left:8px;
    margin-right:5px;
    margin-top:37px;
}
#bd #col-c 
{  
    /*min-height:480px;
    width:641px;
    padding-left:15px;
    padding-right:15px;*/
    padding-bottom:25px;
    padding-left:4px;
    width:100%;
    background: url('../images/col-c-bg.jpg') repeat-y left;
    position:relative;
    margin:25px 0 0 -12px;
    float:left;
}
#bd #col-r 
{
    width:125px;
    position:relative;
    float:right;
    margin-top:25px;
}

#bd-table 
{
  width:100%;
  margin:0;
}
#bd-table td
{
  vertical-align:top;
}
#bd-table .col-l
{
  width:188px;
}
#bd-table .col-c
{
  padding:0 15px 0 15px;
}
#bd-table .col-r
{
  width:125px;
}

/*col-l*/
#col-l div.panel 
{
    position:relative;
    clear:both;
    background: url('../images/col-l-bg.jpg') repeat-y center;
    margin-bottom:93px;
}
#col-l div.panel ul
{
    margin-bottom:12px;
}
#col-c #panel-info div.station 
{
  background:none;
  padding:0;
}
#col-c #panel-info div.station table 
{
  margin:3px 0 0 0;
}
#col-c #panel-info div.station td 
{
  padding:2px 4px 0 0;
  vertical-align:middle;
  text-align:left;
}
#col-l ul.my-stations li, div.station-pic
{
    margin:0 0 0 8px;
    padding:2px 2px 5px 35px;
    background:url('../images/icons/station.png') no-repeat left center;
}
#col-l ul.my-stations li.cm2000, div.cm2000
{
    background-image:url('../images/icons/station-cm2000.png');
}
#col-l ul.my-stations li.dvp2, div.dvp2
{
    background-image:url('../images/icons/station-dvp2.png');
}
#col-l ul.my-stations li.g1080, div.g1080
{
    background-image:url('../images/icons/station-g1080.png');
}
#col-l ul.my-stations li.laa, div.laa
{
    background-image:url('../images/icons/station-laa.png');
}
#col-l ul.my-stations li.ng265ne, div.ng265ne
{
    background-image:url('../images/icons/station-ng265ne.png');
}
#col-l ul.my-stations li.v02047, div.v02047
{
    background-image:url('../images/icons/station-v02047.png');
}
#col-l ul.my-stations li.w8681, div.w8681
{
    background-image:url('../images/icons/station-w8681.png');
}
#col-l ul.my-stations li.wh1080, div.wh1080
{
    background-image:url('../images/icons/station-wh1080.png');
}
#col-l ul.my-stations li.ws2350, div.ws2350
{
    background-image:url('../images/icons/station-ws2350.png');
}
#col-l ul.my-stations li.wmr100, div.wmr100
{
    background-image:url('../images/icons/station-wmr100.png');
}
#col-l ul.my-stations li.wmr200, div.wmr200
{
    background-image:url('../images/icons/station-wmr200.png');
}
#col-l ul.my-stations li.wmrs200, div.wmrs200
{
    background-image:url('../images/icons/station-wmrs200.png');
}
#col-l .first-child 
{
    background:url('../images/col-l-hd.png') no-repeat top left;
    height:39px;
    margin:0;
    position:absolute;
    left:0;
    top:-46px;
    width:155px;
    text-align:right;
    padding:7px 10px 0 10px;
    text-align:center;
    color:#9eb639;
}
#col-l h1 
{
    font-size:15px;
    font-style:italic;   
}
#col-l h2
{
    font-weight:bold;
    font-size:105%;
    text-align:center;
    margin:0 7px 3px 7px;
}
#col-l .date 
{
    text-align:center;
    font-size:90%;
    font-style:italic;
    color:#485051;
    padding-bottom:5px;
}
#col-l .detail, #col-r .detail {
    display:block;
    text-align:right;
    padding-right:5px;
}
#col-l .detail:hover, #col-r .detail:hover
{
    background-image:none;
    text-decoration:underline;
}
#col-l p 
{
    padding: 0 6px 8px 6px;
    margin: 0 4px 8px 4px;
    font-size:10px;
    line-height:13px;
    background:url('../images/col-l-h2.png') repeat-x center bottom;
}
#col-l .last-child 
{
    background:url('../images/col-l-ft.png') no-repeat bottom left;
    height:18px;
    margin:-12px 0 0 0;
    position:absolute;
    left:0;
    width:155px;
    text-align:right;
    padding:17px 10px 0 10px;
    text-align:center;
}
.mini-views 
{
  text-align:center;
}
#combo-miniViews, #body-miniViews
{
  width:90%;
  margin:0 auto;
}
#body-miniViews table 
{
  width:100%;
  margin-bottom:10px;
  border-collapse:separate;
  *border-collapse: collapse;
  border-spacing:1px; 
}
#body-miniViews table tr:hover td
{
  background-color:#a8c6c3;
}
#body-miniViews table th 
{
  background-color:#c1c1c1;
  padding:3px;
  vertical-align:middle;
  font-size:10px;
}
#body-miniViews table th a
{
  color:#000C0E;
  text-decoration:none;
}
#body-miniViews table td
{
  vertical-align:middle;
  padding:3px;
  background-color:#d8d8d8;
}

/*col-c*/
#col-c .content, #col-c .error
{
  z-index:10;
  position:relative;
  padding-left:8px;
}
#bd.fullscreen #col-c .content, #bd.fullscreen #col-c .error
{
  padding-left:0;
}
#col-c h1 
{
    background:url('../images/col-c-h1.jpg') no-repeat;
    margin-left:-11px;
    margin-top:0;
    padding:5px 0 0 10px;
    position:relative;
    width:99.5%;
}
#bd.fullscreen #col-c h1 
{
  margin-left:-3px;
}
#col-c h2 
{
    font-size:13px;
    margin:20px 0 12px 10px;
}
#col-c p 
{
    line-height:14px;
}
#col-c li 
{
    list-style-type:circle;
    list-style-position:outside;
    padding-bottom:3px;
}
#col-c ol li 
{
    list-style-type:decimal;
}
#col-c p.last-child 
{
    background:url('../images/col-c-ft.png') no-repeat bottom left;
    height:23px;
    margin:0;
    position:absolute;
    bottom:0;
    *bottom:-15px;
    left:0;
    width:99%;
    text-align:right;
    padding:20px 10px 0 10px;
}
#col-c .col-c-bg-r 
{
  background:url('../images/col-c-bg-r.jpg') no-repeat top right;
  position:absolute;
  right:-14px;
  top:0;
  width:95%;
  height:90%;
  z-index:0;
}
#col-c .col-c-ft-r 
{
  background:url('../images/col-c-ft-r.jpg') no-repeat bottom right;
  position:absolute;
  right:-14px;
  bottom:0;
  *bottom:-15px;
  width:95%;
  height:90%;
  z-index:0;
}
#col-c .date 
{
    margin:-12px 0 5px 10px;
    font-style:italic;
    color:#485051;
    font-size:90%;
}
#col-c #panel-info 
{
    width:133px;
    padding:1px;
    border:solid 1px #0d3840;
    /*position:absolute; 
    right:7px;
    top:3px;*/
    float:right;
    margin:-49px -10px 20px 0;
    z-index:100;
    background-color:#fff;
    -webkit-box-shadow: 0 0 3px #818181;
    -moz-box-shadow: 0 0 3px #818181;
    box-shadow: 0 0 3px #818181;
    overflow:hidden;
    position:relative;
}
#col-c #panel-info #map-static
{
    width:133px;
    height:133px;
    overflow:hidden;   
}
#col-c #panel-info #map-static img
{
    margin: -10px 0 0 -20px;
}
#col-c #panel-info h1, #col-c #panel-info div
{
    background:url('../images/panel-info-delim.jpg') no-repeat center bottom;
    padding-bottom:5px;
}
#col-c #panel-info h1
{
    font-size:105%;
    font-weight:bold;
    text-align:center;   
    width:auto;
    padding:8px 0 10px 0;
    margin:0;
}
#col-c #panel-info .info, #col-c #panel-info h2 
{
    text-align:center;
    background:url('../images/panel-info-delim.jpg') no-repeat center bottom;
    padding:5px 0 11px 0;
    margin:0;
}
#col-c #panel-info h2 
{
    font-size:100%;
    font-weight:bold;
}
#col-c #panel-info h3 
{
    font-size:100%;
    font-weight:bold;
    text-align:center;
    background:url('../images/panel-info-delim.jpg') no-repeat center top;
    padding:10px 0 0 0;
    margin:0;
}
#col-c #panel-info p 
{
    padding:3px;
    margin:0;
    line-height:15px;
}
#col-c #panel-info a.bt-back 
{
    display:block;
    background-color:#cd750d;
    background-image:none;
    border:solid 1px #2e2d29;
    width:131px;
    text-align:center;
    color:#fff;
    font-weight:bold;
    padding:3px 0 3px 0;
    margin-bottom:1px;
    text-decoration:none;
}
#col-c #panel-info a.bt-back:hover 
{
     background-color:#a9600b;
     border:solid 1px #000;
}
#col-c #panel-info p a 
{
    display:inline;
    background-color:Transparent;
    border:none;
    color:Black;
    text-decoration:underline;
    font-weight:normal;
}
#col-c #panel-info p a:hover 
{
    background-color:Transparent;
    border:none;
    color:#485051;
}
#col-c #panel-info .sub-actual, #col-c #panel-info table
{
    margin:0 0 2px 0;
    font-size:90%;
    width:100%;
}

#col-c #panel-info .forecast 
{
    margin:6px 0 0 0;
    width:134px;
}
#col-c #panel-info .forecast th 
{
	text-align:center;
}
#col-c #panel-info .forecast td
{
    text-align:center;
    background-color:#e9eded;
    border-right:solid 1px #fff;
    border-bottom:solid 1px #fff;
    padding-bottom:2px;
    height:45px;
    vertical-align: middle;	
}

#col-c #panel-info .forecast td.last img
{
    width:43px;
    height:50px;
}
#col-c #panel-info .sub-actual tr:hover 
{
    background-color:#c5dad8;
    cursor:pointer;
}
#col-c #panel-info .sub-actual th
{
    border-right: solid 1px #c5dad8;
}
#col-c #panel-info .sub-actual th, #col-c #panel-info .sub-actual td
{
    padding:1px 2px 1px 2px;
}
#col-c #panel-info .sub-actual td.value 
{
    text-align:right;
}
#col-c #panel-info .sub-actual td.unit 
{
    width:18px;
}
#col-c .screenshot 
{
    margin:10px auto 0;
    display:block;
    border:solid 1px #99a8aa;
}
#col-c p.switch-view 
{
  margin: -15px 0 5px 0;
}
/*#col-c #spanLastTime 
{
  border-right: 1px solid #A0A7A8;
  margin-right:5px;
}*/

/*col-r*/
#col-r .banner a:hover
{
    background-image:none;
    text-decoration:underline;
}
#col-r .clanek 
{
    background:url('../images/col-r-bg.jpg') no-repeat center bottom;
    width:120px;
}
#col-r .clanek h2 
{
    background:url('../images/col-r-h2.jpg') no-repeat center top;
    font-size:105%;
    text-align:center;
    margin-bottom:10px;
    padding-top:5px;
}
#col-r .clanek p 
{
    font-size:10px;
    line-height:13px;
    margin:0 4px 8px;
    padding:0 1px 8px;
}
#col-r .screenshot 
{
    margin:0 auto 1px;
    display:block;
}

/*menu-t*/
#hd .mn-l, #hd .mn-r 
{
    position:absolute;
    top:0;
    height:34px;
    max-width:480px;
    overflow:hidden;
}
#hd .mn-l 
{
 margin-right:182px;
 right:50%;   
}
#hd .mn-r 
{
 margin-left: 182px; 
 left:50%;  
}
#hd .mn-l li, #hd .mn-r li
{
    display:inline;
    padding:0;
    margin:0;
}
#hd .mn-l a, #hd .mn-r a, a.revize 
{
    padding-left:15px;
    padding-right:15px;
    height:27px;
    padding-top:7px;
    display:block;
    text-decoration:none;
    color:#114a55;
}
#hd a.revize 
{
    display:inline;
    color:#AEB0AF;
}
#hd .mn-l a 
{
    float:right;
    background:url('../images/delim-li-vert.jpg') no-repeat right top;
}
#hd .mn-r a 
{
    float:left;
    background:url('../images/delim-li-vert.jpg') no-repeat left top;
}
#hd .mn-r a 
{
    float:left;
}
#hd .mn-l a:hover, #hd .mn-r a:hover, #hd a.revize:hover 
{
    color:#000;
}


#hd .lng-l, #hd .lng-r 
{
    position:absolute;
    top:53px;
    height:16px;
    width:105px;
    overflow:hidden;
}
#hd .lng-l 
{
 margin-right:30px;
 right:50%;   
}
#hd .lng-r 
{
 margin-left: 30px; 
 left:50%;  
}
#hd .lng-l li, #hd .lng-r li
{
    display:inline;
    padding:0;
    margin:0;
}
#hd .lng-l li 
{
    float:left;
}
#hd .lng-r li 
{
    float:right;   
}
#hd .lng-l li.selected, #hd .lng-r li.selected 
{
    background:url('../images/flags/flag-sel.jpg') no-repeat;
}

h1.main, h2.main
{
  position:absolute;
  top:-100px;
  left:-100px;
  width:100px;
  height:50px;
  overflow:hidden;
}

#mod-login 
{
    background:url('../images/login-bg.png') no-repeat;
    width:296px;
    padding: 0 0 0 4px;
    height:58px;
    overflow:hidden;
    position:fixed;
    left:50%;
    top:33px;
    margin-left:180px;
    z-index:901;
    color:#e0e5e6;
    font-weight:bold;
}
#mod-login legend 
{
    display:none;   
}
#mod-login p 
{
    float:left;
    margin:6px 2px 0 2px;   
}
#mod-login p#rememberLogin
{
    display:block;
    width:82px;
    height:24px;
    white-space:nowrap;
    overflow:hidden;
    font-weight:normal;
    font-size:90%;
    width:91px;
    background:url('../images/login-bg-remember.png') top left;
    text-align:center;
    position:absolute;
    left:6px;
    top:26px;
}
#mod-login p#rememberLogin label 
{
  display:inline;
  float:none;
}
#mod-login input 
{
  vertical-align:middle; 
}
#mod-login input[type="text"], input[type="password"]
{
    width:86px;
    margin-left:2px;
    font-weight:normal;
}
#mod-login input[type="submit"] 
{
    width:22px;
    height:19px;
    border:solid 1px #7c3500;
    background:url('../images/bt-login.jpg') center 50%;
    cursor:pointer;
    text-indent:-100px;
}
#mod-login fieldset 
{
    margin-bottom:0;   
}
#mod-login label 
{
    width:auto;
    padding-right:0;  
}
#mod-login table 
{
    margin:6px auto 0 auto;
    height:16px;
}
#mod-login table td 
{
  padding-right:2px;
  white-space:nowrap;
  overflow:hidden;
}
#mod-login .registrace 
{
    width:193px;
    padding:0;
    margin:9px 7px 0 0;
    display:block;
    position:absolute;
    right:0;
    top:25px;
    font-style:italic;
    text-align:center;
}
#mod-login .registrace a
{
    color:#f1e2b8;
    text-decoration:none;
}
#mod-login .registrace a:hover
{
    color:#f1f1f1;
    text-decoration:underline;
}

/*menu-logged + menu-maps*/
.mn-logged
{
    position:absolute;
    top:-36px;
    left:4px;
}
.mn-maps 
{
    position:absolute;
    top:-36px;
    right:-8px;
}
.mn-logged li, .mn-maps li
{
    display:inline;
    margin:0;
    padding:0;
}
.mn-logged li a 
{
    font-family:Verdana;
    font-size:12px;
    color:#fffbee;
    text-align:center;
    display:block;
    float:left;
    width:100px;
    height:23px;
    padding-top:13px;
    background:url('../images/spr-mn-logged.png') no-repeat;
    background-position:0 4px;
}
.mn-logged li a:hover 
{   
    font-size:13px;
    background:url('../images/spr-mn-logged.png') no-repeat 0 -32px;
    padding-top:10px;
    height:26px;
}
.mn-logged li.selected a
{   
    font-size:13px;
    background:url('../images/spr-mn-logged.png') no-repeat 0 bottom;
    padding-top:10px;
    height:26px;
}

.mn-logged li.home a, .mn-maps li.slouttemp a, .mn-maps li.sldir a, .mn-maps li.rain5 a, .mn-maps li.rain60 a, .mn-maps li.rain24hour a {
    text-indent:1000px;
    line-height:100px;
    display:block;
    float:left;
    width:42px;
    height:23px;
    padding-top:13px;   
    background-repeat:no-repeat;
    background-position:0 4px;
    overflow:hidden;
}
.mn-logged li.home a:hover, .mn-maps li.slouttemp a:hover, .mn-maps li.sldir a:hover, .mn-maps li.rain5 a:hover , .mn-maps li.rain60 a:hover , .mn-maps li.rain24hour a:hover
{   
    background-repeat:no-repeat;
    background-position:0 -32px;
}
.mn-logged li.home.selected a, .mn-maps li.slouttemp.selected a, .mn-maps li.sldir.selected a, .mn-maps li.rain5.selected a , .mn-maps li.rain60.selected a , .mn-maps li.rain24hour.selected a 
{   
    background-repeat:no-repeat;
    background-position:0 bottom;
}
.mn-logged li.home a 
{
    background-image:url('../images/spr-mn-home.png');
}
.mn-logged li.home a:hover 
{   
    background-image:url('../images/spr-mn-home.png');
}
.mn-logged li.home.selected a
{   
    background-image:url('../images/spr-mn-home.png');
}
.mn-maps li.slouttemp a 
{
    background-image:url('../images/spr-mn-slouttemp.png');
}
.mn-maps li.slouttemp a:hover 
{
    background-image:url('../images/spr-mn-slouttemp.png');
}
.mn-maps li.slouttemp.selected a 
{
    background-image:url('../images/spr-mn-slouttemp.png');
}
.mn-maps li.sldir a 
{
    background-image:url('../images/spr-mn-sldir.png');
}
.mn-maps li.sldir a:hover 
{
    background-image:url('../images/spr-mn-sldir.png');
}
.mn-maps li.sldir.selected a 
{
    background-image:url('../images/spr-mn-sldir.png');
}
.mn-maps li.rain5 a 
{
    background-image:url('../images/spr-mn-rain5.png');
}
.mn-maps li.rain5 a:hover 
{
    background-image:url('../images/spr-mn-rain5.png');
}
.mn-maps li.rain5.selected a 
{
    background-image:url('../images/spr-mn-rain5.png');
}

.mn-maps li.rain60 a 
{
    background-image:url('../images/spr-mn-rain5.png');
}
.mn-maps li.rain60 a:hover 
{
    background-image:url('../images/spr-mn-rain5.png');
}
.mn-maps li.rain60.selected a 
{
    background-image:url('../images/spr-mn-rain5.png');
}

.mn-maps li.rain24hour a 
{
    background-image:url('../images/spr-mn-rain24.png');
}
.mn-maps li.rain24hour a:hover 
{
    background-image:url('../images/spr-mn-rain24.png');
}
.mn-maps li.rain24hour.selected a 
{
    background-image:url('../images/spr-mn-rain24.png');
}

/*menu-c*/
#ft .mn-c 
{
    background:url('../images/mn-c-ft-bg.png') repeat-x top;
    margin-bottom:0;
    clear:both;
}
#ft .mn-c li 
{
    display:inline;
    margin:0;
}
#ft .mn-c a
{
    color:#a6a400;
    text-decoration:none;
    display:inline-block;
    padding:24px;
    margin-top:12px;
}
#ft .mn-c a:hover
{
    color:#fffc00;
    text-decoration:underline;
    background-color:#0b373f;
    opacity: .5;
    filter: alpha(opacity=50);
}


/*ft*/
#ft .cont 
{
    width:100%;
    background:#fff url('../images/ft-bg.jpg') repeat-x top;
    overflow:hidden;
}
#ft ul.clanky
{
    margin:0;
    width:990px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:-10px;
    padding-top:10px;
    overflow:hidden;
    background:url('../images/delim-clanky.png') no-repeat center top;
}
#ft .clanky li 
{
    width:302px;
    padding:0px 14px 0px 14px;
    display:block;
    float:left;
    margin:0;
    font-size:10px;
    text-align:left;
    color:#00181c;
}
#ft h1 
{
    font-size:22px;
    font-weight:normal;
    margin-top:0;
    margin-bottom:10px;   
}
#ft .clanek1 h1, #ft .clanek1 h1 a
{
    color:#1f717f;
}
#ft .clanek2 h1, #ft .clanek2 h1 a
{
    color:#1f7f63;
}
#ft .clanek3 h1, #ft .clanek3 h1 a
{
    color:#7f1f1f; 
}
#ft .clanek1 h1 a, #ft .clanek2 h1 a, #ft .clanek3 h1 a 
{
    text-decoration:none;
}
#ft .clanek1 h1 a:hover, #ft .clanek2 h1 a:hover, #ft .clanek3 h1 a:hover 
{
    text-decoration:underline;
}
#ft .clanky p 
{
    margin-bottom:10px;
    line-height:14px;
}
#ft .clanky li li 
{
    margin-bottom:6px;
    background:url('../images/ft-li-bullet.png') no-repeat 4px 3px;
    padding-right:0;
    width:95%;
}


/*forms*/
input[type='text'], input[type='password'], textarea, select
{
    padding:2px;
    margin-left:2px;
    border:solid 1px #0d414b;
    background:url('../images/bt-sh.jpg') no-repeat left top;
}
option 
{
   background-color:#fff; 
}
fieldset p
{
    margin-bottom:5px;
    line-height:16px;
}
fieldset label 
{
    width:120px;
    text-align:right;
    display:block;
    float:left;
    padding:0 5px 0 0;
    cursor:pointer;
    line-height:16px;
}
legend 
{
    font-size:110%;
    font-weight:bold;
    padding-right:9px;
    padding-bottom:9px\9;
}
#col-c fieldset 
{
    border-top:solid 1px #bfc9cb;
    padding-top:10px;
    width:98%;
}
select[name="licence-price"] 
{
    text-align:right;
}
select[disabled="disabled"]
{
    opacity: .5;
    filter: alpha(opacity=50);
}

#view-list td 
{
	vertical-align:middle;	
}

.dg 
{
    width:100%;
    border-collapse:separate;
    border-spacing:1px;
    clear:both;
    color:#161115;
    background-color:#78a175;
}
.dg th, .dg td
{
    padding:5px;   
    
}
.dg th
{
    background-color:#c7edc4;
    -webkit-box-shadow:inset 0 0 1px #818181;
    -moz-box-shadow:inset 0 0 1px #818181;
    box-shadow:inset 0 0 1px #818181;
}
.dg .filtr th 
{
  padding:2px;
  text-align:center;
}
.dg .filtr th input[type=text]
{
  width:92%;
}
.dg th, .dg td 
{
    border:none;
    vertical-align:middle;
}
.dg th.th-order 
{
	cursor:hand;
	cursor:pointer;	
}
.dg th.th-order:hover
{
	background-color: #c7eda1;
}
.dg tr 
{
    background-color:#ddffda;
}
.dg tbody tr 
{
    cursor:pointer;
}
.dg tr:hover 
{
    background-color:#abf2a5;
}
.dg tr.disconnected
{
    background-color:#e1e1e1;
    color:#5c5c5c;
}
.dg tr.disconnected:hover 
{
    background-color:#bababa;
    color:#161115;
}
.dg tr.unavailable
{
    background-color:#f0f0f0;
    color:#afafaf;
}
.dg tr.unavailable:hover 
{
    background-color:#cfcfcf;
    color:#161115;
}
.dg td.disconnected, .dg td.unavailable 
{
  padding-left:20px;
}
.dg tr.disconnected td.strong, .dg tr.unavailable td.strong
{
    padding-left:25px; 
    background-repeat:no-repeat;
    background-position:3px center;
}
.dg tr.disconnected td.strong 
{
    background-image:url('../images/icons/disconnected.png');
}
.dg tr.unavailable td.strong
{
    background-image:url('../images/icons/unavailable.png');
}
.dg a, .dg a:link
{
    text-decoration:none;
    color:#002127;
}
caption, th 
{
    font-weight:bold;
}
caption 
{
    font-size:110%;
}
.dg .sort 
{
    cursor:pointer;
}
.dg .sort:hover
{
    background:url('../images/icons/sort-asc.png') no-repeat right center;
}
.dg td.flag 
{
    padding:5px 2px 3px 5px;
}
.dg .paging 
{
  float:right;
  font-size:11px;
  font-weight:normal;
}
.dg caption .tools 
{
  float:left;
  font-size:11px;
  font-weight:normal;
}
.dg select#filtr_co_code
{
  width:40px;
  font-weight:normal;
  margin-left:0;
}

/*links*/
a {
	color:#2d505a;
}
a:link {
	color:#2d505a;
}
a:visited {
	color:#000;
}
a:hover {
	color:#0e181b;
	text-decoration:none;
	background:url('../images/delim-1px-hor.png') repeat-x left bottom;
}
a:active {
	color:#0e181b;
}
a:focus {
	color:#0e181b;
}

.last-child a, #mod-login a, #col-l h1, .mn-logged a
{
    font-weight:bold;
    text-decoration:none;
    font-style:italic;
    text-shadow: 1px 1px 1px rgba(0,0,0,.75);
}
.registrace
{
    /*filter:DropShadow(Color=#000000, OffX=1, OffY=1);*/
}
.last-child a:hover, #mod-login a:hover
{
    text-decoration:underline;
}
.last-child a
{
    color:#FF8A00;  
}
.last-child a:visited
{
    color:#FF8A00;  
}
#mod-login a.bt
{
    color:#d8ff00;
    padding-left:7px;
    margin-left:7px;
    border-left:solid 1px #2a6962;
}

/*banners*/
.banner 
{
    text-align:center;   
    overflow:hidden;
    margin-bottom:10px;
}
.banner img 
{
    /*border:solid 1px #071e22;*/
}

/*dlg*/
#dlg-overlay 
{
    position:fixed;
    opacity: .75;
    filter: alpha(opacity=75);
    background-color:#000b0d;
    width:100%;
    height:100%;
    z-index:888;
    top:0;
    left:0;
    cursor:pointer;
    display:none;
}
#conditions 
{
    position:absolute;
    top:0;
    left:50%;
    margin-left:-333px;
    z-index:899;
    background:url('../images/col-c-bg.jpg') repeat-y;
    width:647px;
    padding:40px 10px 25px 10px;
}
#conditions h1
{
    margin-top:0;
    width:667px;
    position:absolute;
    top:0;
    left:13px;
}
#conditions .last-child 
{
    left:0;
}


.error 
{
    color:#c30000;
    font-weight:bold;
}
span.error 
{
    padding-left:5px;
}
input.error, textarea.error
{
    background-color:#ffd8d8;
    background-image:none;
    font-weight:normal;
    border:solid 1px #c30000;
    color:#000;
}
table .error 
{
  background-color:#ffc7c7;
}

.alert-ok 
{
    font-size:110%;
    font-weight:bold;
    text-transform:uppercase;
    padding-left:50px;
    background-image:url('../images/icons/alert-ok.jpg') no-repeat left top;
    min-height:28px;
    padding-top:13px;
}


/*graphs*/
.gr-chart 
{
    width:503px;
    height:280px;  
}
.gr-polar 
{
    width:503px;
    height:503px;
}

.gr-chart-large 
{
    width:1024px;
    height:180px;  
}

.panel-gr 
{
    width:150px;
    height:271px;
    text-align:center;
    margin:0 10px 30px 10px;
    float:left;
    overflow:hidden;
    position:relative;
}
.panel-gr iframe 
{
    width:150px;
    height:229px;
    overflow:hidden;
} 


#col-c .panel-gr h1, #col-c .panel-gr h2
{
    font-size:100%;
    font-weight:bold;
    text-transform:uppercase;
    margin:5px 0;
    padding:0;
    width:auto;
    background-image:none;
}


.pozn 
{
    font-style:italic;
    margin: 0 0 5px -3px;
    color:#485051;
    font-size:90%;
    font-weight:normal;
}
#panel-info .pozn, .panel .pozn 
{
    font-size:80%;
    margin:3px 0 0 0;
    font-style:normal;
    font-weight:normal;
    color:#000;
    display:block;
    text-align:center;
}
.panel .pozn 
{
    text-align:left;
}
#panel-info p.pozn, #panel-info .info.pozn
{
    font-size:90%;
} 
p.pozn 
{
    font-size:90%;
}

/*other*/
pre 
{
    white-space:pre-wrap;
}
.clear-b 
{
    clear:both;   
}
sup 
{
    font-size:7px;
}
.no-margin 
{
    margin:0;
}
.strong 
{
    font-weight:bold;
}
.a-r 
{
    text-align:right;
}
.a-c 
{
    text-align:center;
}
.f-r 
{
  float:right;
}
.station, #panel-info .station
{
    color:Maroon;
}
.cursor-hand 
{
  cursor:pointer;
}


/*maps*/
#map-full-bt 
{
    display:block;
    float:right;
    line-height:200px;
    overflow:hidden;
    width:30px;
    height:23px;
    background:url('../images/map-full-spr.jpg') no-repeat center top;
    margin-top:-20px;
    position:relative;
}
#map-full-bt:hover 
{
    background-position:center bottom;
}
#map-restore-bt 
{
    display:block;
    line-height:200px;
    overflow:hidden;
    width:30px;
    height:27px;
    background:url('../images/map-restore-spr.png') no-repeat center top;
    position:absolute;
    right:6px;
    top:30px;
    z-index:1500;
}
#map-restore-bt:hover 
{
    background-position:center bottom;
}
#col-c #map_canvas 
{
    border: solid 1px #dfdfdf;
    -webkit-box-shadow: 0 0 10px #818181;
    -moz-box-shadow: 0 0 10px #818181;
    box-shadow: 0 0 10px #818181;
    -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(color='#b3b3b3', Direction=135, Strength=3)";
    margin:0 0 25px 4px;
    clear:both;
    width: 100%;
    height: 500px;
}
body {height:100%}
div.map-full 
{
    width:100%;
    height:100%;
    margin:0;
}
.map-setup 
{
  position:absolute;
  right:50px;
  top:10px;
}

/* styly pro bublinu Google mapy */
#col-c .gmnoprint .h 
{
    margin:-5px 0 4px 0;
    font-weight:bold;
    margin-right:10px;
    width:256px;
}
#col-c .gmnoprint div.p 
{
    margin:0 0 5px 0;
}
#col-c .gmnoprint #loader 
{
    display:block;
    margin:15px auto 20px auto;
}

#col-c .gmnoprint table.time td
{
    font-size:100%;
    background-color:#eee;
}
#col-c .gmnoprint table.time th 
{
    background-color:#ddd;
    font-size:100%;
}
#col-c .gmnoprint table.all
{
  margin-top:-3px;
}
#col-c .gmnoprint table.all tr:hover td
{
  background-color:#c5dad8;
  cursor:pointer;
}
#col-c .gmnoprint table.all td, #col-c .gmnoprint table.all th
{
    font-size:90%;
    font-weight:normal;
    padding:2px 2px 1px 2px;
}
#col-c .gmnoprint table.all a
{
  text-decoration:none;
  color:#000C0E;
  font-weight:bold;
}
#col-c .gmnoprint table 
{
    border-collapse:separate;
    *border-collapse: collapse;
    border-spacing:1px; 
    margin:0 0 0 -2px;
    width:274px;
}
#col-c .gmnoprint table th, #col-c .gmnoprint table td 
{
    padding:2px;
    *height:14px;
    white-space:nowrap;
    overflow:hidden;
    font-size:95%;
    border:solid 1px transparent;
}
#col-c .gmnoprint table th 
{
    font-weight:bold;
    text-align:right;
    width:30px;
}
#col-c .gmnoprint table thead th 
{
    text-align:center;
    background-color:#DFD2D1;
}
#col-c .gmnoprint table td 
{
    text-align:center;
}
#col-c .gmnoprint table tr.therm th 
{
    background-color:#f2b5ae;
}
#col-c .gmnoprint table tr.therm td 
{
    background:url('../images/gr-tables/therm-bd.jpg') center center;   
}
#col-c .gmnoprint table tr.wind th 
{
    background-color:#A2D5F4;
}
#col-c .gmnoprint table tr.wind td 
{
    background:url('../images/gr-tables/wind-bd.jpg') center center;   
}
#col-c .gmnoprint table tr.rain th 
{
    background-color:#B3D9B0;
}
#col-c .gmnoprint table tr.rain td 
{
    background:url('../images/gr-tables/hum-bd.jpg') center center;   
}


.online, .unavailable, .disconnected 
{
  background:no-repeat 3px center;
  padding:0 0 0 20px;
}
.online 
{
  background-image:url('../images/icons/point-green.png');
}
.unavailable 
{
  background-image:url('../images/icons/point-grey.png');
}
.disconnected 
{
  background-image:url('../images/icons/point-red.png');
}


/* kontextove menu po kliknuti pravym mysitkem na text pro preklad */
#menuTranslate {
    display: none;
    position: absolute;
    padding: 10px;
    background-color: #ddd;
    border: 1px solid #000;
    z-index:901;
}




/*to external???*/
table.measures {
    width:502px;
    border-collapse:separate;
    border-spacing:1px;
    background-color:#a0a7a8;
    -webkit-box-shadow: 0 0 3px #818181;
    -moz-box-shadow: 0 0 3px #818181;
    box-shadow: 0 0 1px #818181;
}
table.measures table {
    margin: 0;
}
table.measures thead th {
    text-align:center;
    vertical-align:middle;
    background-color:#c2c9ca;
    line-height:14px;
    background: url("../images/gr-tables/dg-thead-th.png") right bottom;
}
table.measures tbody tr {
    cursor:pointer;
}
table.measures tbody th, table.measures thead th.first-child {
    padding: 0 4px 0 2px;
    text-align:right;
}
table.measures td 
{
    padding:2px;
    text-align:center;
    background-color:#fff;
}
table.measures td.last-child
{
    padding:0;
    width:240px;
}
table.history thead tr 
{
    background: url("../images/gr-tables/dg-th-th.png") left top;
}
table.history thead th 
{
    padding: 2px;
    border-left:solid 1px #a0a7a8;
    background-image:none;
    background-color:transparent;
}    

table.history thead th.first-child
{
    border:none;
}
table.history tr.last-child
{
    border-top:solid 1px #a0a7a8;
}
table.measures table.history tbody th 
{
  background: url("../images/gr-tables/dg-th-th.png") left center;
}
table.history th, table.history td
{
    width:43px;
}
table.history td 
{
    border-left:solid 1px #a0a7a8;
}
table.measures tbody th 
{
  background-color:#d9e0e1;
  background: url("../images/gr-tables/dg-th.png") right top;
}
#bd-table td table.measures tbody td 
{
  vertical-align:middle;
}


/*TODO optimize*/
/*table.measures tr.slouttemp:hover th, table.measures tr.slintemp:hover th 
{
    background-color:#ffb2b2;
}*/
table.measures tr.slouttemp:hover td, table.measures tr.slintemp:hover td 
{
    background-color:#ffb2b2;
}
table.measures tr.slbpress:hover td, table.measures tr.sldir:hover td, table.measures tr.slwind:hover td, table.measures tr.slbpressrel:hover td
{
    background-color:#97d7fc;
}
table.measures tr.slouthum:hover td, table.measures tr.slinhum:hover td, table.measures tr.slrain:hover td
{
    background-color:#bafcb1;
}


/*gauges*/
#help, .help 
{
    position:absolute;
    width:20px;
    height:24px;
    padding:0 0 0 2px;
    top:20px;
    left:0;
    background:url('../images/icons/ico-help.jpg') no-repeat center center;
    z-index:20;
    overflow:hidden;
    line-height:40px;
    text-indent:70px;
}
.help #help-min, .help #help-max, .help #help-actual, .help #help-trendy 
{
     border:none;
}
#help-min, #help-max, #help-actual, #help-trendy 
{
     margin:1px 0 1px 0;
     padding-left:6px;
}
#help-min 
{
    border-left:solid 5px #007600;
}
#help-max 
{
    border-left:solid 5px #e80000;
}
#help-actual 
{
    border-left:solid 5px #000;
}
#help-trendy 
{
    background:url('../images/icons/trends-all.png') no-repeat left center;
    padding-left:33px;
    line-height:21px;
    height:21px;
}
.graph{
    position:absolute;
    top:30px;
    right:0;
    z-index:20;
}
.help 
{
    position:absolute;
    top:30px;
    left:0;
}
