/*
RESET =================================*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{}

/*
Basic structure =================================*/

body{background:url(../images/bg-oblaka.jpg) #b0d8f1 top center repeat-x;margin-top:-10px;font-family:arial, serif;color:#333;font-size:13px;line-height:1.3em;}
body.banner-radar{background:url(../images/bg-oblaka.jpg) #b0d8f1 top center repeat-x;margin-top:10px}
body.banner-100{background:url(../images/bg-oblaka-100.jpg) #b0d8f1 top center repeat-x;margin-top:0px}
body.banner-200{background:url(../images/bg-oblaka-200.jpg) #b0d8f1 top center repeat-x;margin-top:0px}
body.banner-250{background:url(../images/bg-oblaka-250.jpg) #b0d8f1 top center repeat-x;margin-top:0px}
body.banner-250.banner-200{background:url(../images/bg-oblaka-200.jpg) #b0d8f1 top center repeat-x;margin-top:0px}
body.banner-100.banner-200{background:url(../images/bg-oblaka-200.jpg) #b0d8f1 top center repeat-x;margin-top:0px}
body.banner-200.banner-250{background:url(../images/bg-oblaka-250.jpg) #b0d8f1 top center repeat-x;margin-top:0px}
body.banner-100.banner-250{background:url(../images/bg-oblaka-250.jpg) #b0d8f1 top center repeat-x;margin-top:0px}
body.banner-100 #header,body.banner-200 #header{margin-top:5px}
body.banner-100 .banner-top{height:116px;background:url(../images/bn-745x100.png) no-repeat bottom left}
body.banner-200 .banner-top{height:216px}
body.banner-250 .banner-top{height:266px}
a{color:#0057c0;text-decoration:none}
a:hover{text-decoration:underline}
.center{text-align:center}
.fl-right{float:right}
#tabulka_obrazku td{padding-bottom:2px}
#tabulka_obrazku td img{padding-bottom:3px}
.no-mb{margin-bottom:0}
.no-mt{margin-top:0}
.no-pb{padding-bottom:0}
.white,.white-detailBig{-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;-moz-box-shadow:0 1px 3px #9fd5f2;-webkit-box-shadow:0 1px 3px #9fd5f2;box-shadow:0 1px 3px #9fd5f2;background-image:url(../images/bg-white.png);_background-image:none;_background-color:#daeaf4}
.white-detailBig{-webkit-border-top-left-radius:0;-moz-border-radius-topleft:0;border-top-left-radius:0;background:url(../images/bg-white.png) 0 -36px;-moz-box-shadow:0 1px 2px #9fd5f2;-webkit-box-shadow:0 1px 2px #9fd5f2;box-shadow:0 1px 2px #9fd5f2}
.leftColBig,.leftColSuperBig p{padding-bottom:10px;margin-left:10px;margin-right:10px}
html,body{height:100%}
#wrapper{min-height:100%;width:100%;height:auto!important;margin-top:0;margin-left:auto;margin-right:auto;padding-bottom:20px;background:url(/images/leto_2016.jpg) bottom center repeat-x}
.push{clear:both}
#container,#footer{margin-left:auto;margin-right:auto;width:980px}
#container{min-height:1700px;height:auto!important;position:relative}
#header,#menu,#feature,#main,#top{float:left;width:100%}
.leftCol,.leftColBig,.leftColSuperBig,.middleCol,.rightCol,.map,.home,.polovina,.rightColBig,.container-detail{display:inline;float:left;position:relative}
.leftCol{width:180px;margin-right:20px;padding-top:30px}
.home .leftCol,.container-detail .leftCol{padding-top:0}
.middleCol{width:490px;margin-right:20px}
.rightCol{width:270px;float:left}
.leftColBig{width:670px;margin-right:20px}
.leftColSuperBig{width:975px;margin-right:20px}
.rightColBig{width:780px}
.rightColBig2{width:980px;display:inline;float:left;position:relative;margin-top:10px}
.rightCol .panel{width:270px}
.facebookplus{border:none;overflow:hidden;width:130px;height:21px;float:right}
.no-m,*{margin:0}
.rightColBig .rightCol,.rightColBig .rightCol .panel{width:300px}

/*
HEADER =================================*/
#header{margin-top:25px;position:relative;height:130px}
.logo{width:180px;height:108px;top:3px;left:0;position:absolute;background:url(/images/logo2.png)}
.vyhledat{width:160px;height:120px;top:3px;left:27px;position:absolute;background:url(/images/vyhledat.png)}
a.homelink{display:block;width:180px;height:108px;text-decoration:none}
.polovina{width:480px;margin-right:20px}
.polovina .grid{display:inline;float:left;position:relative;margin-left:10px}
a.homelink span{visibility:hidden}
.search-form{position:absolute;width:500px;height:53px;left:480px;top:4px}
.perex{color:#000;font-size:12px;text-transform:uppercase;position:absolute;left:215px;top:20px;text-shadow:#fff 0 1px 2px}
.search-form #searchfield{height:25px;width:344px;font-size:16px;padding-left:10px;padding-top:10px;padding-right:10px;margin-top:7px;margin-left:7px}
.search-form button#searchbutton{border:0;cursor:pointer;font-weight:700;text-align:center;background:url(/images/tl-hledat.png);font-size:17px;color:#FFF;width:109px;height:39px;line-height:39px;overflow:visible;text-shadow:#1275df 0 -1px 2px;margin-left:5px}
.search-form button#searchbutton:hover{background:url(/images/tl-hledat-hover.png)}

/*
TYPO =================================*/
h1,h2{-moz-text-shadow:0 1px 3px #fff;-webkit-text-shadow:0 1px 3px #fff;text-shadow:0 1px 3px #fff}
h1{font-size:36px;margin-bottom:25px;margin-top:5px;font-family:Calibri, Arial, Helvetica, sans-serif;line-height:125%}
h2{font-size:20px;margin-bottom:15px}
h2.small{margin-bottom:10px;font-size:16px;font-weight:400}
.rightColBig h2.small{margin-top:5px;margin-bottom:0;font-weight:700}
.leftCol h2,.rightCol h2,.komercnisdeleni,h3,.meteodomecky{-moz-text-shadow:0 1px 2px #fff;-webkit-text-shadow:0 1px 2px #fff;text-shadow:0 1px 2px #fff}
.leftCol h2,.rightCol h2{font-size:16px;margin-bottom:5px;color:#028de9}
.komercnisdeleni{margin-bottom:10px;font-size:16px;line-height:110%;margin-top:15px}
.meteodomecky {font-size:16px;line-height:110%;}
h3{margin-bottom:10px;font-size:16px;line-height:110%;margin-top:15px;margin-left:10px}
.clanky h3{margin-bottom:5px;font-size:16px;line-height:110%;margin-top:1px;margin-left:10px}
.clanky h3 .datum_cas{font-size:11px;}

h4{margin-top:10px}
.leftColBig,.leftColSuperBig h1{padding-left:10px}
.rightColBig h1{margin:0}
.leftColBig,.leftColSuperBig h2{padding-bottom:10px;padding-left:10px}
img.left{float:left;margin-right:15px}
.narrow,.detail ul.dlouhodoba-predpoved li p,h2.small{font-family:arial, serif}
.radar{margin-left:10px;display:inline;float:left;position:relative;width:975px;margin-right:20px}
.panel,.detail,.clanky{width:100%;float:left;padding-top:10px;padding-bottom:10px;margin-bottom:20px}
.radar p,.radar h1{padding-bottom:10px;margin-left:10px;margin-right:10px}

/*
MENU =================================*/

/*levé menu*/
ul.meteomenu li a{display:block;font-weight:700;font-size:13px;background:#028de9;color:#fff;-moz-border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius:3px;-moz-box-shadow:0 1px 1px #fff;-webkit-box-shadow:0 1px 1px #fff;box-shadow:0 1px 1px #fff;border-radius:3px;margin-bottom:3px;border-right:5px solid #ffc700;padding:3px 3px 3px 5px}
ul.meteomenu li a.mezera{margin-bottom:10px}
ul.meteomenu li a.hot{border-right:5px solid #028de9;background:#ffc700;color:#0057c0}
ul.meteomenu li a:hover{text-decoration:none;background:#0057c0;color:#ffc700}

/*top menu*/
.menu{top:65px;left:185px;position:absolute;z-index:1}
.lavaLampBottomStyle{position:relative;height:50px;overflow:hidden;margin:0;padding:14px}
.lavaLampBottomStyle li{float:left;list-style:none}
.lavaLampBottomStyle li.backLava{border-bottom:5px solid #ffc700;_background-image:url(none);background-repeat:repeat-x;width:9px;height:30px;z-index:8;position:absolute}
.lavaLampBottomStyle li a{font-family:arial, serif;font-size:16px;padding-top:2px;font-weight:700;text-decoration:none;text-shadow:#1275df 0 1px 2px;color:#fff;outline:none;text-align:center;top:0;text-transform:uppercase;letter-spacing:0;z-index:10;display:block;float:left;height:30px;position:relative;overflow:hidden;_margin:6px;margin:auto 14px}
.lavaLampBottomStyle li a:hover,.lavaLampBottomStyle li a:active,.lavaLampBottomStyle li a:visited{border:none}

/*
BANNERY A REKLAMA =================================*/

.banner-top{float:left;width:750px;margin-left:115px}
.banner-right{margin-left:auto;margin-right:auto;width:250px;float:left}
.banner-left-120{width:120px;margin-left:auto;margin-right:auto;float:left}
.reklama,.reklama-336,.reklama-336-text,.reklama-epojisteni-text{font-family:Arial, Helvetica, sans-serif;font-size:9px}
.reklamahorni{font-family:Arial, Helvetica, sans-serif;font-size:9px;}
.reklamadolni{font-family:Arial, Helvetica, sans-serif;font-size:9px; color:#FFF}
.matcheddole{font-family:Arial, Helvetica, sans-serif;font-size:12px; color:#FFF}
.usporaruceni{font-family:Arial, Helvetica, sans-serif;font-size:22px; color:blue; margin-left:auto;margin-right:auto;float:center; line-height:125%}
.reklamaspodni{fontpx;}
.reklama-336{padding-left:80px;width:336px;height:280px}
.reklama-336-text{padding-left:80px}
.reklama-336.no-padding,.reklama-336-text.no-padding{padding-left:0}
.reklama-epojisteni-text,.reklama-epojisteni{padding-left:30px}
.reklama-horni-vpravo {font-family:Arial, Helvetica, sans-serif;font-size:9px; margin-left:-15px; margin-bottom:15px;}
.reklama-336-uvodni{font-family:Arial, Helvetica, sans-serif;font-size:9px;margin-bottom:15px;}
.komercni-sdeleni .item img{float:left;margin-right:10px}
.komercni-sdeleni .item h3{margin-bottom:0;font-weight:400}

/*
SIDEBAR =================================*/

/*počasí na web*/
.rightCol .pocasi-na-web{background-image:url(/images/pocasi-na-web-small.png);background-repeat:no-repeat;width:250px;height:70px}
.rightCol .pocasi-na-web a{width:120px;height:70px;padding-left:130px;display:block}
.rightCol .pocasi-na-web h2{line-height:1.2em;font-size:20px}

/*faze měsíce*/
ul.faze-mesice li{float:left;width:62px;display:block;text-align:center}

/*výpis měst*/
ul.pocasi-cr-abc li{margin-right:1px;float:left;width:15px}
ul.pocasi-cr-abc li a{display:block;font-size:12px;text-align:center}
ul.pocasi-cr-abc li a:hover{text-decoration:none;color:#fff;background-color:#0057c0}
ul.pocasi-cr li,ul.mesta li{float:left;display:block;width:100%;height:24px;font-size:12px;border-bottom:1px solid #82cef3}
ul.pocasi-cr li strong,ul.mesta li strong{display:inline-block;font-weight:400;width:110px;zoom:1}
ul.mesta li strong{width:70px}
ul.pocasi-cr li a:hover strong,ul.mesta li a:hover strong{text-decoration:underline}
ul.pocasi-cr li img,ul.mesta li img{display:inline-block;width:20px;padding-top:2px;zoom:1}
ul.pocasi-cr li em,ul.mesta li em{display:inline-block;width:30px;text-align:right;zoom:1;font-style:normal}
ul.pocasi-cr li a em,ul.mesta li a em{color:#333}

.pocasi-svet ul.destinace,ul.mesta{margin-bottom:10px;width:120px;float:left;margin-right:10px}
.pocasi-svet ul.destinace.right,ul.mesta.right{margin-right:0}
.pocasi-svet ul.destinace li{height:20px;display:block;width:100%}
.pocasi-svet ul.destinace li img{padding-top:3px;padding-right:3px}
.pocasi-svet ul.destinace-dlouha li{height:20px;display:block;width:100%;font-size:12px}
.pocasi-svet ul.destinace-dlouha li:nth-child(odd){background:url(/images/bg-white.png);_background:#b6dff7}
.pocasi-svet ul.destinace-dlouha li strong{font-size:13px}
.pocasi-svet ul.destinace-dlouha li img{padding-top:4px;padding-right:3px;padding-left:3px}
.pocasi-svet ul.destinace li a strong{font-weight:400}

/*počasí na mail*/
form#pocasi-na-mail label{display:block;padding-bottom:5px;font-weight:700}
form#pocasi-na-mail label.radio{width:100px;float:left;font-weight:400;padding-left:5px}
form#pocasi-na-mail input{float:left;margin-bottom:5px}
form#pocasi-na-mail input.text{width:235px;font-size:14px;padding:5px}
form#pocasi-na-mail input.text2{width:210px;font-size:14px;padding:5px}
form#pocasi-na-mail input#odeslat{border:0;cursor:pointer;font-weight:700;text-align:center;background:url(/images/tl-odeslat.png);font-size:12px;color:#FFF;width:67px;height:24px;line-height:24px;overflow:visible;text-shadow:#1275df 0 -1px 2px;float:right}
form#pocasi-na-mail input#odeslat:hover{background:url(/images/tl-odeslat-hover.png)}

/*
FOOTER =================================*/
#footer{ width:1000px;height:130px;margin-bottom:0px;position:relative;margin-top:20px;}
#footer .logo{top:10px;left:10px}
#footer .info{position:absolute;top:25px;left:210px}
#footer .info p{margin-bottom:10px}
#footer .pocasi-na-web{background-image:url(/images/pocasi-na-web.png);background-repeat:no-repeat;position:absolute;width:380px;height:90px;right:0;top:15px}
#footer .pocasi-na-web a{width:190px;height:90px;padding-left:180px;display:block}
#footer .pocasi-na-web h2{margin-top:10px;font-size:24px;line-height:1.2em}
.footerinfo{margin-left:20px;font-family:Verdana, Geneva, sans-serif;font-size:12px}
.footerpromo{margin-left:20px;margin-bottom:20px;font-family:Verdana, Geneva, sans-serif;font-size:20px;line-heidana, Geneva, sans-serif;font-size:20px;line-height:200%}


/*
GRID =================================*/
.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.rightCol .grid_1,.rightCol .grid_2,.rightCol .grid_3,.leftCol .grid_1,.leftColBig .grid,ul.grid-icons li,ul.pocasi-vice-dnu{display:inline;float:left;position:relative;margin-left:10px}
.predpoved-upoutavka,ul.predpoved-upoutavka li{display:inline;float:left;position:relative;margin-left:10px}
.grid_clanky{display:inline;float:left;position:relative;margin-left:10px;margin-top:10px}
.grid_s{float:right;margin-right:10px;line-height:150%;width:350px}
.grid_sfg{margin-right:10px;margin-top:5px;width:330px}
.grid_s a{color:#00C}
.alpha{margin-left:0}
.omega{margin-right:0}
.middleCol .grid_1{width:86px}
.middleCol .grid_2{width:182px}
.middleCol .grid_3{width:278px}
.middleCol .grid_4{width:374px}
.middleCol .grid_5{width:470px}
.rightCol .grid_1{width:77px}
.rightCol .grid_2{width:120px}
.rightCol .grid_3{width:250px}
.rightColBig .rightCol .grid_3{width:280px}
.leftCol .grid_1{width:160px}
.leftColBig .grid{width:640px}
.prefix_1{padding-left:100px}
.prefix_2{padding-left:200px}
.prefix_3{padding-left:300px}
.prefix_4{padding-left:400px}
.suffix_1{padding-right:100px}
.suffix_2{padding-right:200px}
.suffix_3{padding-right:300px}
.suffix_4{padding-right:400px}
.push_1{left:100px}
.push_2{left:200px}
.push_3{left:300px}
.push_4{left:400px}
.pull_1{left:-100px}
.pull_2{left:-200px}
.pull_3{left:-300px}
.pull_4{left:-400px}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
.clearfix{display:block}
* html .clearfix{height:1%}

/*
SJEZDOVKY =================================*/
.aktualni-snih{background:url(/images/bg-snih.jpg)}
.stav-snehu{font-size:24px;padding-top:72px;display:block;margin-bottom:10px;font-weight:700;-moz-text-shadow:0 1px 3px #fff;-webkit-text-shadow:0 1px 3px #fff;text-shadow:0 1px 3px #fff;background:url(/images/lyze.png) center top no-repeat}
ul.info-pro-lyzare{margin-bottom:5px;width:270px;float:left;margin-right:10px}
ul.vypis-hory li a{float:left;display:block;width:280px;font-size:16px;border-bottom:1px solid #82cef3;font-weight:700;padding:10px}
.bg-lyzar{background:url(../images/lyzar.jpg) top right no-repeat;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;-moz-box-shadow:0 1px 3px #9fd5f2;-webkit-box-shadow:0 1px 3px #9fd5f2;box-shadow:0 1px 3px #9fd5f2}

/*
HOME - MAPA =================================*/
.home{width:710px;float:left}
.map{width:700px;float:left;background-image:url(../images/mapa-cr.png);background-repeat:no-repeat;height:360px;position:relative}
.klikmap{position:absolute;top:0;left:0;z-index:100}
map#mapa-cr area:hover{border:1px}
ul.mapa-cr{z-index:1}
ul.mapa-cr li{width:72px;height:80px;position:absolute;text-align:center}
ul.mapa-cr li strong{font-size:16px;padding-top:55px;display:block;font-weight:700;color:#0057c0}
ul.mapa-cr li#karlovy-vary{top:95px;left:45px}
ul.mapa-cr li#plzen{top:160px;left:85px}
ul.mapa-cr li#praha{top:130px;left:205px}
ul.mapa-cr li#usti-nad-labem{top:45px;left:140px}
ul.mapa-cr li#liberec{top:20px;left:260px}
ul.mapa-cr li#hradec-kralove{top:60px;left:350px}
ul.mapa-cr li#ceske-budejovice{top:234px;left:198px}
ul.mapa-cr li#olomouc{top:136px;left:469px}
ul.mapa-cr li#ostrava{top:138px;left:549px}
ul.mapa-cr li#brno{top:229px;left:418px}
ul.mapa-cr li#jihlava{top:202px;left:327px}
ul.mapa-cr li#zlin{top:209px;left:517px}
ul.mapa-cr li#pardubice{top:136px;left:380px}
.map-container{width:700px;float:left;height:360px;overflow:hidden;position:relative}
#mapa-kraj{width:700px;float:left;background-repeat:no-repeat;height:360px;position:absolute;top:0;left:0}
#mapa-kraj.jihomoravsky-kraj{background:url(../images/mapa-jihomoravsky-kraj.png) no-repeat top center}
#mapa-kraj.kraj-vysocina{background:url(../images/mapa-kraj-vysocina.png) no-repeat top center}
#mapa-kraj.jihocesky-kraj{background:url(../images/mapa-jihocesky-kraj.png) no-repeat top center}
#mapa-kraj.karlovarsky-kraj{background:url(../images/mapa-karlovarsky-kraj.png) no-repeat top center}
#mapa-kraj.plzensky-kraj{background:url(../images/mapa-plzensky-kraj.png) no-repeat top center}
#mapa-kraj.stredocesky-kraj{background:url(../images/mapa-stredocesky-kraj.png) no-repeat top center}
#mapa-kraj.ustecky-kraj{background:url(../images/mapa-ustecky-kraj.png) no-repeat top center}
#mapa-kraj.liberecky-kraj{background:url(../images/mapa-liberecky-kraj.png) no-repeat top center}
#mapa-kraj.pardubicky-kraj{background:url(../images/mapa-pardubicky-kraj.png) no-repeat top center}
#mapa-kraj.kralovehradecky-kraj{background:url(../images/mapa-kralovehradecky-kraj.png) no-repeat top center}
#mapa-kraj.olomoucky-kraj{background:url(../images/mapa-olomoucky-kraj.png) no-repeat top center}
#mapa-kraj.moravskoslezsky-kraj{background:url(../images/mapa-moravskoslezsky-kraj.png) no-repeat top center}
#mapa-kraj.zlinsky-kraj{background:url(../images/mapa-zlinsky-kraj.png) no-repeat top center}
#mapa-kraj ul li{position:absolute}
#mapa-kraj ul li a{background-color:rgba(255,255,255,0.7);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border:1px solid #fff;font-weight:700;padding:5px 8px}
#mapa-kraj ul li a span{background:url(../images/ico-place.png) no-repeat top center;padding-top:24px}
#mapa-kraj ul li a span.left{background:url(../images/ico-place.png) no-repeat top left}
#mapa-kraj ul li a span.right{background:url(../images/ico-place.png) no-repeat top right}
.tl-zpet{position:absolute;right:5px;top:5px;background:url(../images/mapa-cr-zpet.png) no-repeat;z-index:100;cursor:pointer;display:none;width:95px;height:53px;text-indent:-5000px}

/*ikony poprve na homepage*/
ul.poprve{border-top:1px solid #82cef3;margin-top:5px}
ul.poprve li{border-bottom:1px solid #82cef3;padding:10px 10px 10px 25px}
ul.poprve li.ico-meteoradar{background:url(../images/transmit.png) no-repeat 3px 10px}
ul.poprve li.ico-satelit{background:url(../images/orbit.png) no-repeat 3px 10px}
ul.poprve li.ico-fotogalerie{background:url(../images/photo.png) no-repeat 3px 10px}
ul.poprve li.ico-webkamery{background:url(../images/webcam-small.png) no-repeat 3px 10px}
ul.poprve li.ico-meteostanice{background:url(../images/weather_cloudy.png) no-repeat 3px 10px}
ul.poprve li.ico-pocasi-na-web{background:url(../images/computer.png) no-repeat 3px 10px}
ul.poprve li.ico-mesic{background:url(../images/contrast.png) no-repeat 3px 10px}
ul.poprve li.ico-newsletter{background:url(../images/email_open.png) no-repeat 3px 10px}

/*
METEORADAR - MODELY POČASÍ =================================*/

/*animace*/
#okno_animace{float:left;width:490px;height:345px;position:relative;overflow:hidden}
.obr_animace{position:absolute;left:0;top:-17px}
.tl_animace{position:absolute;left:91px;top:25px}
.tl_animace input{border:0;cursor:pointer;font-weight:700;text-align:center;background:url(/images/tl-odeslat.png);font-size:12px;color:#FFF;width:67px;height:24px;line-height:24px;overflow:visible;text-shadow:#1275df 0 -1px 2px;float:left;margin-right:10px}
.tl_animace input:hover{background:url(/images/tl-odeslat-hover.png)}

/*meteoradar ikony*/
ul.grid-icons li{width:144px;text-align:center;padding:5px}
ul.grid-icons.pmapy li{width:225px;margin-bottom:20px}

ul.predpoved-upoutavka li{width:225px;height:98px;text-decoration:none; padding-bottom:10px}



ul.grid-icons li a{height:56px;display:block;font-weight:700;text-transform:uppercase}
ul.grid-icons.pmapy li a{height:98px;padding-top:2px;color:#FFF;text-decoration:none}

ul.predpoved-upoutavka li a{width:225px;height:98px;padding-top:2px;color:#FFF;text-decoration:none}

ul.grid-icons li a.vitr{background:url(/images/vitr.png) bottom center no-repeat}
ul.grid-icons li a.oblacnost{background:url(/images/oblacnost.png) bottom center no-repeat}
ul.grid-icons li a.srazky{background:url(/images/srazky.png) bottom center no-repeat}
ul.grid-icons li a.teplota{background:url(/images/teplota.png) bottom center no-repeat}




ul.grid-icons.pmapy li a.vitr{background:url(/images/mapa-vetru.png) bottom center no-repeat}
ul.grid-icons.pmapy li a.oblacnost{background:url(/images/mapa-oblacnosti.png) bottom center no-repeat}
ul.grid-icons.pmapy li a.srazky{background:url(/images/mapa-srazek.png) bottom center no-repeat}
ul.grid-icons.pmapy li a.teplota{background:url(/images/mapa-teploty.png) bottom center no-repeat}
ul.predpoved-upoutavka li a.vitr{background:url(/images/mapa-vetru.png) bottom center no-repeat}
ul.predpoved-upoutavka li a.oblacnost{background:url(/images/mapa-oblacnosti.png) bottom center no-repeat}
ul.predpoved-upoutavka li a.srazky{background:url(/images/mapa-srazek.png) bottom center no-repeat}
ul.predpoved-upoutavka li a.teplota{background:url(/images/mapa-teploty.png) bottom center no-repeat}

/*
Meteostanice =================================*/
ul#seznam-odkazu li{float:left;display:inline;margin-bottom:5px}
ul#seznam-odkazu li a{display:block;margin-left:10px;font-weight:700;line-height:18px;font-size:12px;background-image:url(../images/bg-white.png);_background-image:none;_background-color:#fff;-moz-border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius:3px;border-radius:3px;width:140px;padding:3px 5px}
ul#seznam-odkazu.sl_2 li a{width:220px}
ul#seznam-odkazu.sl_3 li a{width:140px}
ul#seznam-odkazu.sl_4 li a{width:100px}

/*
DETAIL POČASÍ =================================*/
.rightColBig .detail{padding-top:20px}
.rightColBig .detail .main-data{float:left;width:456px}
.detail p,.leftColBig p,.leftColSuperBig p{margin-top:10px;margin-bottom:10px;line-height:1.5em}
ul.zalozky-detail{float:left;height:36px;width:100%;overflow:hidden}
ul.zalozky-detail.seznam{width:130px;height:280px;margin-top:20px}
ul.zalozky-detail li a,ul.zalozky-detail li.timezone{float:left;display:block;margin-right:10px;font-weight:700;font-size:16px;line-height:36px;padding-left:15px;padding-right:15px;background:url(../images/bg-zalozky.png) repeat-x;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;border-top-left-radius:5px;border-top-right-radius:5px;color:#fff;-moz-box-shadow:1px 1px 2px #84aac7;-webkit-box-shadow:1px 1px 2px #84aac7;box-shadow:1px 1px 2px #84aac7;text-decoration:none}
ul.zalozky-detail li.timezone{float:right;font-size:12px;padding-left:5px;padding-right:5px}
ul.zalozky-detail li.timezone select{font-size:10px}
ul.zalozky-detail.seznam li a{font-size:13px;padding-left:5px;padding-right:5px 0 5px;-moz-border-radius:5px;border-radius:5px;margin-bottom:20px;width:105px}
ul.zalozky-detail li a span{width:20px;height:20px;background:#39C;margin-top:8px;margin-right:4px;float:left}
ul.zalozky-detail li a span.ic1{background:url(../images/ico-detail.png) 0 20px}
ul.zalozky-detail li a.active span.ic1{background:url(../images/ico-detail.png) 0 0}
ul.zalozky-detail li a span.ic5{background:url(../images/ico-detail.png) 20px 20px}
ul.zalozky-detail li a.active span.ic5{background:url(../images/ico-detail.png) 20px 0}
ul.zalozky-detail li a span.ic4{background:url(../images/ico-detail.png) 40px 20px}
ul.zalozky-detail li a.active span.ic4{background:url(../images/ico-detail.png) 40px 0}
ul.zalozky-detail li a span.ic3{background:url(../images/ico-detail.png) 60px 20px}
ul.zalozky-detail li a.active span.ic3{background:url(../images/ico-detail.png) 60px 0}
ul.zalozky-detail li a span.ic2{background:url(../images/ico-detail.png) 80px 20px}
ul.zalozky-detail li a.active span.ic2{background:url(../images/ico-detail.png) 80px 0}
ul.zalozky-detail li a.active{background:url(../images/bg-white.png) repeat-x;color:#0057c0}
.detail .datum_cas{font-size:12px;font-style:italic}
.detail .teplota{font-size:36px;display:block;margin-bottom:10px;font-weight:700;-moz-text-shadow:0 1px 3px #fff;-webkit-text-shadow:0 1px 3px #fff;text-shadow:0 1px 3px #fff}
.detail .vitr{font-size:16px;line-height:20px}
.detail .vitr img{padding-right:5px}
.detail ul.aktualni-pocasi-popis{margin-bottom:5px;width:134px;float:left;margin-right:10px}
.rightColBig .detail ul.aktualni-pocasi-popis{width:250px}
ul.pocasi-vice-dnu{width:445px}
ul.pocasi-vice-dnu li{height:80px;position:relative}
.detail ul.pocasi-vice-dnu li .teplota{font-size:24px;width:100px;text-align:center;position:absolute;left:80px;top:20px}
.detail ul.pocasi-vice-dnu li .teplota.noc{font-size:18px;top:50px;font-weight:400}
.detail ul.pocasi-vice-dnu li .vitr{position:absolute;width:100px;text-align:center;left:80px;top:50px}
.detail ul.pocasi-vice-dnu li .ikona{width:86px;float:left}
.detail ul.pocasi-vice-dnu li .datum{position:absolute;top:5px;left:3px;font-size:12px}
.detail ul.pocasi-vice-dnu li .datum strong{font-size:14px}
.detail ul.pocasi-vice-dnu li p{font-size:12px;margin-top:5px;padding-left:180px}
.detail ul.pocasi-vice-dnu li .ikona em{height:86px; width:86px}
.detail ul.pocasi-vice-dnu li .ikona em img{margin-top:20px;}
.detail ul.aktualni-pocasi-popis.noMargin{margin-right:0}
.detail ul.aktualni-pocasi-popis li,ul.info-pro-lyzare li,ul.pocasi-vice-dnu li{background:url(../images/linka.png) top left repeat-x;padding:3px}
ul.pocasi-vice-dnu li:first-child{background:none;padding:3px}
.rightColBig .detail ul.aktualni-pocasi-popis li{background:url(../images/linka.png) bottom left repeat-x;padding:5px 5px 7px}
.rightColBig .detail ul.aktualni-pocasi-popis li em{display:block;width:170px;float:left}
.detail ul.predpoved{width:100%;float:left;list-style:none}
.detail ul.predpoved li{display:inline;float:left;position:relative;margin-left:10px;width:86px;text-align:center;background:url(/images/bg-predpoved.png) repeat-x bottom left;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px}
.detail ul.predpoved li em,.detail .ikona em{width:86px;height:70px;vertical-align:middle;text-align:center;display:block;overflow:hidden;font-size:0}
.detail .ikona em{width:186px;height:186px}
.detail ul.predpoved li em *,.detail .ikona em *{vertical-align:middle}
.detail ul.predpoved li em span,.detail .ikona em span{display:inline-block;height:100%;width:1px}
.detail ul.predpoved li em span img,.detail .ikona em span img{max-width:86px;max-height:80px}
.detail .ikona em span img{max-width:182px;max-height:80px}
.detail ul.predpoved p.cas{background:url(/images/bg-predpoved-top.png) repeat-x bottom left;margin-bottom:5px;color:#FFF;font-size:12px;-moz-text-shadow:0 1px 1px #0156b5;-webkit-text-shadow:0 1px 1px #0156b5;text-shadow:0 1px 1px #0156b5;padding:5px}
.detail ul.predpoved p.cas strong{font-size:13px}
.detail ul.predpoved p.teplota{font-size:22px}
.detail ul.predpoved p.vitr{font-size:15px}
.detail ul.dlouhodoba-predpoved li,.detail ul.detail-predpoved li{margin-top:20px;float:left;background:url(/images/bg-predpoved.png) repeat-x bottom left;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;padding:5px}
.detail ul.dlouhodoba-predpoved li.odd,.detail ul.detail-predpoved li.odd{background:url(/images/bg-predpoved.png) repeat-x left 5px}
.detail ul.dlouhodoba-predpoved li span,.detail ul.detail-predpoved li span{display:inline;float:left}
.detail ul.dlouhodoba-predpoved li p,.detail ul.detail-predpoved li p{padding-top:5px;padding-left:10px;font-size:12px;float:left}
.detail ul.dlouhodoba-predpoved li .datum{width:166px;font-weight:700;line-height:18px;color:#333}
.detail ul.dlouhodoba-predpoved li .datum strong{color:#333}
.detail ul.dlouhodoba-predpoved li .cas1,.detail ul.dlouhodoba-predpoved li .cas2,.detail ul.dlouhodoba-predpoved li .cas3{width:92px;margin-left:5px;text-align:right;border-left:1px solid #82cef3}
.detail ul.dlouhodoba-predpoved li img,.detail ul.detail-predpoved li img{padding-left:3px;padding-right:3px}
.detail ul.dlouhodoba-predpoved li .cas1 strong,.detail ul.dlouhodoba-predpoved li .cas2 strong,.detail ul.dlouhodoba-predpoved li .cas3 strong{font-size:16px;line-height:16px}
.detail ul.dlouhodoba-predpoved li a{font-size:11px}
.detail ul.detail-predpoved{margin-left:33px}
.detail ul.detail-predpoved li #cas{width:120px;font-weight:700;line-height:18px;color:#333}
.detail ul.detail-predpoved li .sloupce{margin-left:5px;text-align:right;border-left:1px solid #82cef3}
.detail ul.detail-predpoved li .sloupce#vitr{width:80px}
.detail ul.detail-predpoved li .sloupce#tlak{width:90px}
.detail ul.detail-predpoved li .sloupce#ikona,.detail ul.detail-predpoved li .sloupce#teplota{width:35px}

/*
WEBKAMERY, WIKI, FOTOGALERIE =================================*/
ul.webcamlist,ul.wikilist{float:left;margin-bottom:20px}
ul.webcamlist li,ul.wikilist li{float:left;display:block;width:100%;line-height:24px;font-size:12px;border-bottom:1px solid #82cef3}
.add-cam{background:url(../images/webcam.png) no-repeat}
.clanky.wiki h2,.clanky.wiki h3{margin-top:20px}
.add-photo{margin-left:25px;background:url(../images/add-photo.png) no-repeat}
table.fotogalerie{border:0;width:100%}
table.fotogalerie td{text-align:center;vertical-align:middle;padding:10px}
ul.fotogalerie li{float:left;margin-left:16px;margin-bottom:10px}
.home ul.fotogalerie li{margin-left:10px}
ul.fotogalerie li em{display:table-cell;text-align:center;overflow:hidden;font-size:0}
ul.fotogalerie li em span{display:inline-block;height:100%;width:1px}
ul.fotogalerie a.foto-odkaz{display:block;padding-top:5px;font-size:11px;color:#333}
ul.foto li{vertical-align:middle;float:left;margin-left:10px;display:inline;margin-bottom:10px}
ul.foto li div#foto{width:600px;height:600px;text-align:center;background:url(/images/ajax-loader.gif) center no-repeat}
ul.foto li div#foto img{display:none}
p.foto-popis{margin-left:32px;display:none}
.add-cam a,.add-wiki a,.add-photo a,.back-photo a{padding-left:40px;line-height:32px;font-size:15px;font-weight:700}

/*
POČASÍ NA WEB =================================*/
.pocasi_web_sezn,table.pocasi_web_form_layout{margin-left:10px;margin-right:10px;margin-bottom:20px}
.pocasi_web_sezn li{list-style:disc inside url(/images/check.png);margin-bottom:10px;font-size:15px}
.pocasi_web_sezn td{text-align:center;vertical-align:middle;padding:10px}
.pocasi_web_sezn tr{border-bottom:1px solid #a9a9a9}
.pocasi_web_form_layout td{text-align:center;vertical-align:middle}
.pocasi_web_form_table td{text-align:left;white-space:nowrap;padding:3px}
div.pocasi_web_vysledek{text-align:center}
.pocasi_web_sezn table,table.pocasi_web_form_layout{width:100%}

/*
ČLÁNKY =================================*/
.clanky3s{width:690px;padding-bottom:10px;margin-bottom:20px;position:relative}
.clanky3s h2{padding-left:10px;padding-top:10px;margin-bottom:15px}
.clanky3s .item,.pr-clanek{width:210px;margin-left:10px;margin-right:10px;float:left;margin-bottom:20px}
.clanky3s .item.top{width:670px;font-size:14px;line-height:1.4em}
.clanky3s .item h3{font-size:18px;line-height:1.3em;margin-left:0;margin-top:5px}
.clanky3s .item.top h3{font-size:22px}
.clanky3s .item .img{width:210px;height:140px;overflow:hidden;-moz-border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius:3px;border-radius:3px}
.clanky3s .item.top .img{width:325px;height:210px;float:left;margin-right:10px}
.clanky3s .item .img img{width:100%;height:100%}
.clanky3s .item .date,.clanky3s .item .cat{font-size:11px;color:#666;text-transform:uppercase}
.clanky3s .cat-nav{margin-left:10px;margin-bottom:15px;position:absolute;top:8px;left:240px}
.pr-clanek{width:660px;border:1px solid #82cef3;background:#fff;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;position:relative;padding:5px}
.pr-clanek span{font-size:10px;position:absolute;top:0;right:5px}
.tl-clanky a{background:url(../images/ico-newspaper-48.png) 5px 5px #0057c0 no-repeat;height:60px;display:block;color:#fff;font-size:12px;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;margin-bottom:5px;padding:5px 5px 5px 65px}
.tl-clanky a strong{font-size:20px;display:block;text-transform:uppercase;line-height:1.1em}
.cat-nav{font-size:16px;line-height:1.4em}
.ico-clanky{float:left;padding-right:7px}
.ico-clanky2{float:left;padding-right:7px;margin:-10px 0 0}
.ico-inzerce{float:left;padding-right:7px;margin:-10px 0 0; width:100px;}
.promo-clanky1,.promo-clanky2,.promo-clanky22,.clanky3s .item .img{-moz-text-shadow:0 1px 3px #fff;-webkit-text-shadow:0 1px 3px #fff;text-shadow:0 1px 3px #fff}
.promo-clanky1{font-size:14px;font-weight:600;color:#900}
.promo-clanky2{font-size:18px;font-weight:600;color:#090}
.promo-clanky22{margin-top:10px;font-size:18px;font-weight:600;color:#090}
.promo-clanky3{padding-top:10px;font-size:18px;font-weight:600;color:#666}
.clanky .item{width:100%;border-top:1px solid #82cef3;margin-top:10px;padding-top:10px}
.clanky .item img,.detail #clan-obr,.pr-clanek img{float:left;margin-right:10px;-moz-border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius:3px;-moz-box-shadow:0 1px 3px #fff;-webkit-box-shadow:0 1px 3px #fff;box-shadow:0 1px 3px #fff;border-radius:3px}
/*
COOKIE =================================*/
.cookie{width:100%;line-height:26px;position:fixed;bottom:0;left:0;float:left;padding:5px}
.cookie.blue{background:#15a7ee;color:#fff}
.cookie.grey{background:#f1eded;color:#777}
.cookie p.left{float:left}
.cookie p.right{float:right;padding-right:10px}
.cookie a{color:#fff;font-size:11px;text-decoration:underline}
.cookie.grey a{color:#777;font-size:11px;text-decoration:underline}
.cookie a.tl-ok{-moz-box-shadow:inset 0 1px 0 0 #fff;-webkit-box-shadow:inset 0 1px 0 0 #fff;box-shadow:inset 0 1px 0 0 #fff;background:0;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed',endColorstr='#dfdfdf');background-color:#ededed;-webkit-border-top-left-radius:3px;-moz-border-radius-topleft:3px;border-top-left-radius:3px;-webkit-border-top-right-radius:3px;-moz-border-radius-topright:3px;border-top-right-radius:3px;-webkit-border-bottom-right-radius:3px;-moz-border-radius-bottomright:3px;border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;-moz-border-radius-bottomleft:3px;border-bottom-left-radius:3px;text-indent:0;border:1px solid #dcdcdc;display:inline-block;color:#777;font-weight:700;font-style:normal;height:26px;line-height:26px;width:50px;text-decoration:none;text-align:center;text-shadow:1px 1px 0 #fff}
.cookie a.tl-ok:hover{background:0;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf',endColorstr='#ededed');background-color:#dfdfdf}

/*
FOTO SOUTĚŽ =================================*/
.soutez-foto .like {text-align: center;}
.soutez-foto .like button{border:0;cursor:pointer;font-weight:700;text-align:center;background:url(/images/tl-hledat.png);font-size:13px;color:#FFF;width:109px;height:39px;line-height:39px;overflow:visible;text-shadow:#1275df 0 -1px 2px;margin-left:5px}
.soutez-foto .like button:hover{background:url(/images/tl-hledat-hover.png)}



/*========= dopravni-info ==========================*/

#map {
	width:100%;
	height:500px;
}

#map_ad {
	position: relative;
	width: 100%;
	margin-top: 15px;
	text-align: center;
}

#map_ad>div {
	
	margin-left: 80px;
}

.gmap-label {
	font-size: 25px;
	padding-top: 1px;
	margin-bottom: 1px;
}
#elevation_chart {
	/*float: left;*/
}
#elevation_chart_overlay {
	width: 100%;
	height: 200px;
    position: absolute;
    display: none;
}
#elevation_chart_overlay .elevation_chart_icon {
    width: 50px;
    height: 50px;
    position: absolute;
    top: -150px;  /* chartArea top  */
    left: 120px; /* chartArea left */
}

.form-group {
	float: left;
}
.form-control {
	display: block;
    width: 100%;
    padding: 6px;
    font-size: 14px;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.button {
	border-radius: 4px;
}
.exchange {
	float: left;
	line-height: 30px;
	width: 20px;
	padding-left: 5px;
	cursor: pointer;
}
form#route_form {
	margin-top: 10px;

}
form#route_form label {
	float: left;
	line-height: 30px;
	padding-right: 10px;

}
form#route_form .form-control  {
	float: left;
	width: 150px;

}
form#route_form .form-control#mode  {
	width: 80px;
}

form#route_form .form-control#date  {
	width: 120px;

}
form#route_form #submit {
	float: left;
	width: 109px;
	margin-left: 5px;
	border:0;
	cursor:pointer;
	font-weight:700;
	text-align:center;
	background:url(/images/tl-hledat.png);
	font-size:14px;
	color:#FFF;
	height:30px;
	line-height:30px;
	overflow:visible;
	text-shadow:#1275df 0 -1px 2px;
	text-transform: uppercase;
}
#driving-info #summary {
	float: left;
	padding-left: 20px;
	padding-bottom: 10px;
}
.dopravni-info {
	float:left;
	width:740px;
	padding: 10px;
}
.dopravni-info .sumary_3 {
	float: left;
	margin-left: 2%;
	margin-right: 2%;
	width: 29.3%;
	text-align: center;
	font-size: 16px;
}
.dopravni-info .sumary_3 .min {
	font-size: 12px;
}
.dopravni-info .sumary_3 strong {
	font-size: 20px;
}

.dopravni-info .sumary_3 .fa-clock-o, .dopravni-info .sumary_3 .fa-arrows-h {
	margin-bottom: 4px;
}

.dopravni-info .place {
	width: 100%;
	float: left;
	padding: 10px;
	background: url(../images/linka.png) top left repeat-x;
	margin-top: 10px;
}

.dopravni-info .col {
	float: left;
}
.dopravni-info .col-1 {
	width: 25%;
}
.dopravni-info .col-2 {
	width: 13%;
	margin-right: 10px;
}
.dopravni-info .col-3 {
	width: 35%;
}
.dopravni-info .col-4 {
	width: 25%;
}

.dopravni-info .place .city  {
	text-align: right;
}
.dopravni-info .place .city a {
	font-size: 16px;
	font-weight: bold;
}
.dopravni-info .place .temperature {
	font-size: 36px;
	padding-top: 15px;
	text-align: right;
}
.dopravni-info .place .wind {
	font-size: 16px;
	padding-top: 15px;
	text-align: right;
}
.dopravni-info .place .wind em {
	font-style: normal;
}
.dopravni-info .place .date {
	font-size: 13px;
	padding-top: 15px;
	text-align: right;
	
}
.dopravni-info .place .date em {
	font-style: normal;
}
.dopravni-info .place .date span {
	display: block;
	font-weight: bold;
}

.dopravni-info .place .webcam {
	padding-top: 15px;
}
.dopravni-info .place .webcam p>em {
	font-style: normal;
}