/* POCASI */
#c-2 { width: 530px;}
#c-3 { width: 450px; }

.c-3-content-1 {width: 390px; margin-left:40px; margin-bottom: 30px; padding-left:20px; border-left:solid 1px #999}

.content { min-height:100px; _height:100px; margin-bottom:1em; padding:20px 0 0;}
.cont {margin-bottom: 20px;}
.hlavni {margin-bottom: 50px;}
.cont h3 { float:left; padding:0 0 6px; font-size:134%; font-weight:bold; color:#1d4382;  }
.hlavni h3 { font-size:150%; }
.content #c-3 h2 { text-transform:none;}

.pocasi {margin-top:20px}

h3.heading {margin-bottom:18px}


.weather-day {display:block; width:21px; height:21px; margin-bottom: 2px; background: url('//1gr.cz/o/lidovky_ln5/pocasi/day.png') no-repeat 0 0; background-size:17px 17px}
.weather-night {display:block; width:21px; height:21px; margin-bottom: 2px; background: url('//1gr.cz/o/lidovky_ln5/pocasi/night.png') no-repeat 0 0; background-size:17px 17px}
.weather-bio {display: block; width:24px; height:22px; background:url('//1gr.cz/o/lidovky_ln5/pocasi/bio.png') no-repeat 0 0; background-size:19px 18px}

.weather-stat { float: right; font-weight:bold }
.weather-stat>* {display:inline-block; margin:4px 7px; vertical-align:top; line-height:1}
.weather-stat img {width:38px; height:45px;}
.weather-info {clear:both; float: right; margin-top:5px;  padding:2px;}
#c-3 .weather-stat>* {margin:2px 6px;}
#c-3 .weather-stat img {width:auto; height:36px; }

.rise-set {display:block; float:left; width:42px; height:32px; margin:0 2px 0 30px; background:url('//1gr.cz/o/lidovky_ln5/pocasi/rise-set.png') no-repeat 0 0;}
.rise, .set { clear: right; display: block; float: left; line-height: 1.2; width: 35px; }

.content .day-prev .left span {clear:both;display:block;}

.art img {float:left; margin-right:10px}

.tar {margin-right: 60px;/*margin-bottom: 70px;*/}
.w-actual p {line-height: 1.2;}
.w-actual .fl {width:260px; margin-bottom: 20px; }
.w-actual .fr {width:187px; margin-bottom: 20px;}
.w-actual .fr p {margin-bottom:3px}
.w-actual strong {color:#1d4382;}


.cont .weather-stat {border-radius:2px; border:solid 1px #999}
.hlavni .weather-stat>* {margin:4px 9px; font-size: 143%;}
.hlavni .weather-info>* {margin-top: 8px}

.hlavni .weather-day { background-size:21px 21px}
.hlavni .weather-night { background-size:21px 21px}
.hlavni .weather-bio {display: inline-block; width: 25px; margin:0 8px; padding-right: 24px; vertical-align:middle; background-size:24px 22px;  background-position: right top; }

.day-prev {display:inline-block; margin-bottom:10px; padding:5px}
.day-prev.selected{background:#f7f7f7}
.day-prev strong {font-size:134%;}
.day-prev .left {float:left; width:70px; text-align:center; font-weight:bold; font-size:142%; color:#484848;}
.day-prev .right {float:right; width:220px; text-align:left; padding-top:5px;}
.day-prev .right span {display:block;}

.day-prev .weather-stat {float:none;  width:180px; margin:0}
.day-prev .weather-stat img {margin-left:0}

ul.w-maps, ul.w-maps li { display:block; list-style:none;  font-size: 96%;}
ul.w-maps {clear:both; position:relative;  height:320px; color:#000; background:url('//1gr.cz/o/lidovky_ln5/pocasi/mapa-cr.png') 0 0 no-repeat;}
#c-2 ul.w-maps { width: 521px; margin: 0 0 -40px -30px; top: -65px; }

.w-maps li {position:absolute; z-index:1; width:70px; height:15px; padding:1px 2px; background:#D9E1EC;}

.w-maps .karlovarsky {top:103px; left:35px}
.w-maps .plzensky {top:170px; left:50px}
.w-maps .jihocesky {top:234px; left:146px}
.w-maps .stredoceskypraha {top:126px; left:164px}
.w-maps .ustecky {top:68px; left:108px}
.w-maps .liberecky {top:40px; left:200px}
.w-maps .kralovehradecky {top:80px; left:264px}
.w-maps .pardubicky {top:136px; left:275px}
.w-maps .vysocina {top:200px; left:240px}
.w-maps .jihomoravsky {top:240px; left:323px}
.w-maps .olomoucky {top:171px; left:369px}
.w-maps .moravskoslezsky {top:135px; left:420px}
.w-maps .zlinsky {top:221px; left:410px}
.w-maps li strong {}
.w-maps img {float:left; width:38px; height:auto; margin:-15px 4px 0 0}


#c-3 ul.w-maps {clear:both; top:-10px; margin:0 0 10px -30px; height:235px; color:#000; background:url('//1gr.cz/o/lidovky_ln5/pocasi/mapa-cr-sm.png') 0 0 no-repeat;}
#c-3 .w-maps li {position:absolute; z-index:1; width:70px; height:15px; padding:1px 2px; background:#D9E1EC;}

#c-3 .w-maps .karlovarsky {top:93px; left:35px}
#c-3 .w-maps .plzensky {top:150px; left:50px}
#c-3 .w-maps .jihocesky {top:175px; left:110px}
#c-3 .w-maps .stredoceskypraha {top:90px; left:120px}
#c-3 .w-maps .ustecky {top:45px; left:82px}
#c-3 .w-maps .liberecky {top:17px; left:146px}
#c-3 .w-maps .kralovehradecky {top:54px; left:200px}
#c-3 .w-maps .pardubicky {top:100px; left:210px}
#c-3 .w-maps .vysocina {top:145px; left:181px}
#c-3 .w-maps .jihomoravsky {top:181px; left:234px}
#c-3 .w-maps .olomoucky {top:124px; left:271px}
#c-3 .w-maps .moravskoslezsky {top:90px; left:301px}
#c-3 .w-maps .zlinsky {top:160px; left:303px}


.webcam-box {margin-bottom:30px; text-align:right}
.webcam-box a {color:#000; text-decoration:underline}
.webcam-box a:hover {color:#1d4382; text-decoration:none}

.webcam-bar-wrap {width:100%; height:6px; background:#F2F2F2}
/*#webcam-bar {height:6px;  background:#1d4382}*/


ul.webcam-top li.wt-item{display:block; float:left; width:33%; margin:2px 0; text-align:center; border-left:solid 1px #F2F2F2}
ul.webcam-top li.wt-item:first-child{border:none}
#webcam li {position:relative; height:170px; overflow:hidden;}

#webcam .images {border:solid 1px #1d4382}


#webcam .wt-item  {height:auto}
#webcam img {display: block; width:448px; /*height:170px;*/ height:auto; /*margin-top:-86px;*/ }
#webcam li span {position:absolute; bottom:2px; left:2px;  display:block; width:80px; text-align:center; color:#fff; background:#1d4382}
.prep-1 .wt-item.arts-1, .prep-2 .wt-item.arts-2, .prep-3 .wt-item.arts-3 {font-weight:bold}


 #webcam-bar, #webcam-bar li { /*background: transparent;*/ display: block; height: auto; }
.wc-bar {  background: none repeat scroll 0 0 #1d4382; height: 6px; width:0}
#webcam-bar li { list-style: none; width: 33.3%; float: left; }

/*upravy pro touch*/
#wrapper .hlavni {margin-bottom:20px}

#wrapper ul.w-maps {height: 200px; margin-top: 20px; background-size:300px auto}
#wrapper .hlavni ul.w-maps {height:190px; top: -20px;}
#wrapper .w-maps img {width:25px; margin-top:-12px}
#wrapper .w-maps li {width:60px;}

#wrapper .w-maps .karlovarsky { left: 19px; top: 59px; }
#wrapper .w-maps .plzensky { left: 30px; top: 100px; }
#wrapper .w-maps .jihocesky { left: 72px; top: 135px; }
#wrapper .w-maps .stredoceskypraha { left: 84px; top: 71px; }
#wrapper .w-maps .ustecky { left: 63px; top: 37px; }
#wrapper .w-maps .liberecky { left: 107px; top: 16px; }
#wrapper .w-maps .kralovehradecky { left: 165px; top: 74px; }
#wrapper .w-maps .pardubicky { left: 135px; top: 44px; }
#wrapper .w-maps .vysocina { left: 132px; top: 110px; }
#wrapper .w-maps .jihomoravsky { left: 180px; top: 142px; }
#wrapper .w-maps .olomoucky { left: 210px; top: 98px; }
#wrapper .w-maps .moravskoslezsky { left: 235px; top: 75px; }
#wrapper .w-maps .zlinsky { left: 235px; top: 123px; }
#wrapper .w-actual .fl {margin-right:10px}
#wrapper .w-actual .fr {float:left}
#wrapper .day-prev {box-sizing:border-box; width:100%; max-width:300px; padding:5px 15px; border-bottom:solid 1px #f7f7f7}
#wrapper .day-prev .weather-stat {width:100%; max-width:300px}
#wrapper .day-prev .weather-stat > * {margin:4px 15px}
#wrapper h3.heading {margin-top:20px}