/*
Design by Metamorphosis Design (http://www.metamorphozis.com)
Released for free under a Creative Commons Attribution 2.5 License
Stránka stylů pro sadu šablon Weather Blues - modrá (mraky)
*/

* {
  border: 0;
  margin: 0;
}
img {
  border: 0px;
}
body{
  font: 9pt Verdana, Arial, Helvetica, sans-serif;
  background: url('images-style/bg_clouds.jpg') repeat;
  line-height: 18px;
}
.text p {
  text-align: justify;
  margin-top: 10px;
  font-size: 110%;
}
#bg_clouds {
  background: url(images-style/bg_clouds.jpg) top center no-repeat;
}
#main {
  width: 1000px;
  margin: 0px auto;
}
#ident {
  width:1000px;
  height: 140px;
/*  background: url(images/PT_winter.jpg) left top no-repeat;*/
  background: url(images/PT.jpg) left top no-repeat;
}
#logo {
  padding: 70px 0px 0px 20px;
  height: 50px;
  text-align: right;
}
#logo h1 {
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 18px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-style:italic;
  color: #FFFFFF;
}
#logo H2 {
  padding-bottom: 3px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color:#FFFFFF;
  font-size:18px;
  font-style:italic;
  background: no-repeat;
}
#logo a {
  text-decoration: none;
  font-style: italic;
  font-size: 24px;
  color: #FFFFFF;
}
#logo H2 a{
  font-size: 14px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight:100;
  padding-bottom:20px;
}
/*
#select_lang {
  float: right;
  width: 150px;
  margin: 18px 10px 0px 0px;
  font: bold 13px Arial;
}
#select_lang input {
  background-color: transparent;
  border: 1px #BED7F4 solid;
  padding: 2px 5px;
  color: #FFFFFF;
}
#select_lang img {
  float: right;
  padding: 3px 12px 0px 0px;
}
*/
#mainmenu{
  text-align:center;
  height: 40px;
  padding-left: 0px;
  background: url(images-style/buttons.png) left top no-repeat;
  padding: 0px 0px 0px 0px;
}
.menu{
  padding: 0;
  background: transparent;
}
.menu ul{
  margin: 0px 20px;
  padding:0;
  list-style:none;
}
.menu li{
  display:inline;
  margin:0 2px 0 0;
  padding:0;
}
.menu a{
  float:left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;
  padding: 10px 10px 2px 10px;
  height: 27px;
  margin:0 2px 0 0;
  text-decoration:none;
  letter-spacing: 0px;
}
.menu a:hover{
  background: transparent url(images-style/but_hover.jpg) top repeat-x;
}
.menu .selected a { /*currently selected tab*/
  #background: transparent url(images-style/but_hover.jpg) top repeat-x;
}

/* ######### Style for Drop Down Menu ######### */
.dropmenudiv_a{
  position:absolute;
  top: 0;
  /* border: 1px solid #C9DEF6; */
  border-top-width: 0px;
  border-right-width: 3px;
  border-bottom-width: 3px;
  font: bold 13px Verdana;
  line-height: 20px;
  z-index:10000;
  background-color: #367BE2;
  width: 200px;
  visibility: hidden;
}
.dropmenudiv_a a{
  font-weight: normal;
  width: auto;
  display: block;
  text-indent: 5px;
  //border-top: 0 solid #678b3f;
  //border-bottom: 1px solid #678b3f;
  padding: 2px 0;
  text-decoration: none;
  color: #FFFFFF;
}
* html .dropmenudiv_a a{ /*IE only hack*/
  width: 100%;
}
.dropmenudiv_a a:hover{ /*THEME CHANGE HERE*/
   background: #4b88e5;
  //color: #bcd7ff;
}
.header_top {
  background: url(images-style/header_top.png) left top no-repeat;
  height: 24px;
}
.header { height:200px;
  background: url(images-style/header.jpg) 23px top no-repeat #FFFFFF;
}
.header_bot {
  background: url(images-style/header_bot.png) left bottom no-repeat;
  height: 24px;
}
#content{
  background: url(images-style/content.png);
  padding: 0px 30px 0px 30px;
  color: #000000;
}
#content a:hover{
  color: navy;
  text-decoration: none;
}
/* pouze pro cumulus snímek obrazovky */
#content_console{
  background: url(images-style/content.png);
  padding: 0px 5px 0px 5px;
  color: #000000;
}
#content_gal{
  background: url(images-style/content.png);
  padding: 0px 13px 0px 13px;
  color: #000000;
}
.cont_top{
  background: url(images-style/cont_top.png) left top no-repeat;
  height: 24px;
}
.cont_bot{
  background: url(images-style/cont_bot.png) left bottom no-repeat;
  height: 24px;
}
.razd_h { height: 30px;
  background: url(images-style/razd_h.gif) 15px repeat-x;
}
.home_box {
  float: left;
  width: 305px;
}
.sep_vert {
  background: url(images-style/razd_lr.gif) 200px repeat-y;
}
.sep_vert275 {
  background: url(images-style/razd_lr.gif) 275px repeat-y;
}
.razd_lr_h {
  background: url(images-style/razd_lr.gif) 639px repeat-y;
}
.razd_lr {
  background: url(images-style/razd_lr.gif) 657px repeat-y;
}
#frame {
  padding: 20px 0px 0px 100px;
  width:800px;
}
#frame td {text-align: left;}
#left{
  width: 630px;
  float: left;
  margin-left: 0px;
}
#left_h{
  width: 615px;
  float: left;
  margin-left: 0px;
}
.text{
  padding: 0px 0px 15px 0px;
}
.img_l {
  float:left;
  margin: 5px 14px 3px 0px;
}
.img_r {
  float: right;
  margin: 9px 10px 3px 10px;
}
.span_cont {
  color: #4ACBE2;
  font-size:12px;
  font-weight:bold;
}
h1{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 19px;
  font-weight: 100;
  color: #074690;
  text-align: left;
  padding: 0px 0px 0px 0px;
  line-height:normal;
}
.spis_1 {
  list-style:none;
  padding: 0px 0px 0px 0px;
}
.spis_1 li {
  padding: 5px 0px 0px 18px;
  background: url(images-style/fish_spis_1.gif) 0px 10px no-repeat;
}
.spis_1 a {
  color:#000000;
  text-decoration:none;
  font-weight: 100;
  display: block;
  font-weight:bold;
}
.spis_1 a:hover {
  text-decoration: underline;
}
.read {
  font-size:12px;
  color: #FF0000;
  text-decoration: none;
  display:block;
  line-height: 17px;
  width: 66px;
  text-align: center;
  float: right;
  font-weight:bold;
}
.read:hover {
  font-size:12px;
  text-decoration: underline;
}
#right{
  float: right;
  width: 255px;
  margin-right: 0px;
}
#right_h{
  float: right;
  width: 270px;
  margin-right: 0px;
}
.span_dat {
  color: #000000;
  text-decoration: underline;
  font-weight: bold;
  padding-bottom: 5px;
}
#bottom {
  background: url(images-style/bottom.gif) 43px 30px no-repeat;
  color: #FFFFFF;
}
#bottom_bot {
  background: url(images-style/bottom.gif) 43px bottom no-repeat;
  color: #FFFFFF;
}
#bottom h1 {
  color: #FFFFFF;
  font-size: 18px;
  font-weight: 100;
  text-align: center;
  padding: 5px 0px 5px 0px;
}
#b_col1 {
  width: 253px;
  float: left;
  margin-left: 43px;
}
#b_col2 {
  width: 253px;
  float: left;
  margin-left: 85px;
}
#b_col3 {
  width: 253px;
  float: left;
  margin-left: 85px;
  text-align: left;
}
.box_us {
  width: 244px;
  background: url(images-style/box_us.gif) 0px bottom repeat-x;
} 
.box_us_l {
  width: 27px;
  float: left;
  padding-top:3px;
}
.box_us_r {
  width: 217px;
  float: left;
}
.spis_bot {
  list-style:none;
  padding: 0px 0px 0px 34px;
}
.spis_bot li {
  padding: 7px 0px 0px 18px;
  background: url(images-style/fish2.gif) 0px 12px no-repeat;
}
.spis_bot a {
  color:#FFFFFF;
  text-decoration:none;
  font-weight: 100;
  display: block;
  font-weight:bold;
}
.spis_bot a:hover {
  text-decoration: underline;
}
.fu_i {
  padding: 0px 14px 0px 0px;
  vertical-align: middle ;
}
#b_col3 ul {
  list-style:none;
  padding: 0px 0px 0px 52px;
}
#b_col3 li {
  padding: 8px 0px 2px 0px;
  background: none;
}
#b_col3 li a {
  color:#FFFFFF;
  text-decoration: none;
  font-weight: bold;
}
#b_col3 li a:hover {
  text-decoration: underline;
}
#footer{
  height: 15px;
  font-size: 11px;
  color: #3300CC;
  text-align: center;
  padding: 15px 0px 0px 0px;
}
#footer a{
  color: #0000FF;
  font-size: 11px;
  text-decoration: none;
}
#footer a:hover{
  color: navy;
  font-size: 11px;
  text-decoration: underline;
}
#footer p {
  width:100%;
  text-align:center;
  font-family:verdana;
  font-size:12px; 
  color:#3300CC;
}

p.credits {
  font-size:11px;
}


.lh {
  line-height: 22px;
}
/* blog */
.va_m { vertical-align:middle;}
.datc_coment {
  height: 26px;
  background:url(images-style/datc_coment.gif) top repeat-x;
  padding: 10px 0px 0px 10px;}
.datc  {
  float: left;
  width: 346px;}
.coment {
  float: right;
  width: 146px;
  text-align: right;
}
.datc_coment a {
  color: #074690;
  text-decoration:none;
  font-weight: bold;
  font-size:12px;
}
.datc_coment a:hover {
  text-decoration:underline;
}
.spis {
  list-style:none;
  padding: 0px 0px 0px 25px;
}
.spis  li {
  padding: 8px 0px 2px 16px;
  background: url(images-style/fish_spis.gif) left 14px no-repeat;
}
.spis a:hover {
  text-decoration: none;
  color:#FF0000;
}
.spis a {
  color:#000000;
  text-decoration:none;
  font-weight: bold;
}
.a_blog {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:16px;
  font-weight: bold;
  color: #074690;
  text-align: left;
  padding: 5px 0px 10px 0px;
  text-decoration: none;
  display:block;
}
.a_blog:hover { text-decoration: underline;}
h2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:18px;
  font-weight: 100;
  color: #074690;
  text-align: left;
  padding: 0px 0px 10px 25px;
  line-height:normal;
  background: url(images-style/razd_h.gif) bottom repeat-x;
}
/* gallery */
.gal_num {
  background: url(images-style/gal_num.png) 0px 0px no-repeat;
  width: 14px;
  height: 20px;
  padding: 1px 0px 0px 6px;
  display:block;
  margin-right: 5px;
  color: #FFFFFF;
  font-size: 12px;
  float:left;
  text-decoration: none; }
.gal_num:hover { background: url(images-style/gal_num_hover.png) 0px 0px no-repeat;}
.row {
  padding: 0px 0px 0px 0px;
  height: 250px;
}
td {
  font-size: 100%;
  padding-top: 0.15em;
  padding-right: 0.5em;
  padding-bottom: 0.15em;
  padding-left: 0.5em;
}
.pan {
  width: 220px;
  height: 250px;
  padding: 0px 20px 0px 30px;
  margin-bottom:15px;
  font-size: 115%;
  float:left;
  color: #000000;
}
.pan_cbase {
  background: url(images-style/pan_cbase.png) no-repeat;
  width: 270px;
  height: 350px;
  padding: 0px 20px 0px 30px;
  margin-bottom:15px;
  font-size:120%;
  float:left;
  color: #000000;
}
.pan_clock {
  background: url(images-style/pan_clock.png) no-repeat;
  height: 130px;
  width: 270px;
}
.local_time {
  padding-top: 25px;
  float:left;
  width:155px;
  text-align:center;
}
.clock {
  float: right;
  height: 90px;
  width: 90px;
  padding: 25px 5px 0px 0px;
}
.pan h2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:18px;
  color: #074690;
  text-align: left;
  padding: 10px 20px 0px 0px;
  line-height:20px;
  background: url(images-style/razd_h.gif) bottom repeat-x;
}
.observ {
  background: url(images-style/pan_text.png) 0px 0px no-repeat;
}
.forec {
  background: url(images-style/pan_day.png) 0px 0px no-repeat;
}
.night {
  background: url(images-style/pan_night.png) 0px 0px no-repeat;
}
.cbase {
  background: url(images-style/pan_cbase.png) 0px 0px no-repeat;
}
.wcam {
  background: url(images-style/pan_text.png) 0px 0px no-repeat;
}
/*  Gauges - původní měřidla (vyřazeno)
#gauges {
  text-align:center;
}
#gauges_title{
  height:130px;
}
#gauges_title h1{
  font-size:250%;
  text-align:center;
}
#gauges_title h2{
  font-size:200%;
  text-align:center;
}
#flash_wind{
  background-image: url('images/cadran6.png');
  width:600px;
  height:300px;
  margin:5px 0px 0px 0px;
  padding:0px;
}
#gauges1 {
  background: url(images/compass.png) 0px 0px no-repeat;
  background-size:190px 190px;
  width:200px;
  height:200px;
  float:left;
  margin: 24px 0px 0px 60px;
  padding-top: 10px;
}
#barometer {
  background: url(images/barometre.png) 0px 0px no-repeat;
  background-color:#FEF6E6;
  text-align:left;
  width:240px;
  height:200px;
  float:left;
  margin: 0px 0px 50px 75px;
}
#gauges3 {
  background: url(images/windgauge.png) 0px 0px no-repeat;
  width:200px;
  height:200px;
  float:left;
  margin: 20px 0px 0px 91px;
}
#gauge_view {
  height:900px;
  width:900px;
  margin-left:40px;
  background: url(images-style/gauges2.png) 0px 0px no-repeat;
  position:absolute;
  top: 534px;
}
#gauges_center  {
  margin: 258px 0px 0px 15px;
  font-weight: bold;
}
#gauges_bot{
  position: relative;
  top: -200px;
  left: 280px;
  font-weight: bold;
}
#gauges_bot td{
 padding: 0px;
}
*/
.box_img2 {
  width: 272px;
  height: 250px;
  background: url(images-style/box_img2.png) 0px 0px no-repeat;
  margin: 0px 0px;
  padding: 0px 20px;
  float:left;
  color: #000000;
}
.box_img2 table {
  padding: 18px 0px 0px 10px;
}
.box_img2 h4 {
  padding: 10px 0px 6px 0px;
}
.box_img3 {
  width: 272px;
  height: 390px;
  background: url(images-style/box_img3.png) 0px 0px no-repeat;
  margin: 0px 0px;
  padding: 0px 20px;
  float:left;
  color: #000000;
}
.box_img3 table {
  padding: 18px 0px 0px 10px;
}
.box_img3 h4 {
  padding: 10px 0px 5px 0px;
}
.box_img4 {
  width: 620px;
  height: 250px;
  background: url(images-style/box_img4.png) 0px 0px no-repeat;
  margin: 0px 0px;
  padding: 0px 20px;
  float:left;
  color: #000000;
}
.box_img4 table {
  padding: 10px 0px 0px 10px;
}
.box_img4 h4 {
  padding: 12px 0px 10px 0px;
}
#preview{
  position:absolute;
  border:1px solid #CCCCCC;
  background:#333333;
  padding:5px;
  display:none;
  color:#FFFFFF;
  }
.box_razd {
  width: 19px;
  height: 50px;
  float: left;
}
h4 {
  font-weight:100;
  font-size: 18px;
  color: #000000;
  padding: 15px 0px 17px 0px;
}

/* about us */
.bottom_text { padding: 0px 0px 0px 19px;}
.bottom_text a {
  color:#000000;
  text-decoration:none;
}
.bottom_text a:hover { text-decoration:underline;}

/* contact us */
#left label {
  width: 103px;
  float:left;
  padding: 5px 0px 0px 5px;
}
.input_txt2 {
  width: 620px;
  border: none;
  background: url(images-style/input_txt2.gif) left top no-repeat;
  padding: 6px 0px 6px 10px;
  color:#FFFFFF;
}
.input_txt23 {
  width: 880px;
  border: none;
  background: url(images-style/input_txt23.gif) left top no-repeat;
  padding: 6px 0px 6px 10px;
  color:#FFFFFF;
}
.text_area2 {
  width: 585px;
  height: 123px;
  border: none;
  background: url(images-style/text_area2.gif) 0px 0px no-repeat;
  padding: 6px 10px 6px 10px;
  color:#FFFFFF;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}
.submit2 {
  background: url(images-style/submit2.png) right 0px no-repeat;
  text-align: center;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  padding: 6px 0px 7px 0px;
  font-size:12px;
  color: #FFFFFF;
  text-decoration: none;
  width: 76px;
  margin: 0px 54px 0px 0px;
}
.input_txt21 {
  width: 680px;
  border: none;
  background: url(images-style/input_txt21.gif) left top no-repeat;
  padding: 6px 0px 6px 10px;
  color:#FFFFFF;
}
.input_txt22 {
  width: 680px;
  border: none;
  background: url(images-style/input_txt22.gif) left top no-repeat;
  padding: 6px 0px 6px 10px;
  color:#FFFFFF;
}
/*================================================*/
/* Nivo Slider Demo
/* November 2010
/* By: Gilbert Pellegrom (http://dev7studios.com)
/*================================================*/
#slider-wrapper {
  background:url(images-style/top.jpg) no-repeat;
  width:954px;
  height: 200px;
  margin:0 auto;
}
#slider {
  position:relative;
  width: 954px;
  height:200px;
  background:url(images-style/loading.gif) no-repeat 50% 50%;
}
#slider img {
  position:absolute;
  top:0px;
  left:0px;
  display:none;
}
#slider a {
  border:0;
  display:block;
}
.nivo-controlNav {
  position:absolute;
  left:260px;
  bottom:-42px;
  display: none;
}
.nivo-controlNav a {
  display:block;
  width:22px;
  height:22px;
  background:url(images-style/bullets.png) no-repeat;
  text-indent:-9999px;
  border:0;
  margin-right:3px;
  float:left;
}
.nivo-controlNav a.active {
  background-position:0 -22px;
}
.nivo-directionNav a {
  display:block;
  width:30px;
  height:30px;
  background:url(images-style/arrows.png) no-repeat;
  text-indent:-9999px;
  border:0;
}
a.nivo-nextNav {
  background-position:-30px 0;
  right:15px;
}
a.nivo-prevNav {
  left:15px;
}
.nivo-caption {
  text-shadow:none;
  font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a {
  color:#efe9d1;
  text-decoration:underline;
}
/*  styl pro info o meteostanici  */
#info {
  display: block;
  width: 88%;
  \width: 88%;
  w\idth: 88%;
  padding: 4px 8px 4px 8px;
  padding: 10px;
  border-bottom: 0px #88BBFF;
  background: #88BBFF;
  border: 0px solid #000000;
  border-radius: 10px;
}
/*  styl pro astronomickou stránku (astro.php)  */
#main-copy-dark {
  color: white;
  background-color: black;
  text-align: justify;
  line-height: 1.5em;
  margin: 10px 10px 10px 10px;
  padding: 1px 1px 1px 20px;
  border-left: 0px solid rgb(216,210,195);
}
/* styl pro širokou stránku
.input_txt22 {
  width: 860px;
  border: none;
  background: url(images-style/input_txt22.gif) left top no-repeat;
  padding: 6px 0px 6px 10px;
  color:#FFFFFF;
}
.text_area22 {
  width: 825px;
  height: 123px;
  border: none;
  background: url(images-style/text_area22.gif) 0px 0px no-repeat;
  padding: 6px 10px 6px 10px;
  color:#FFFFFF;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}
*/
/*  Design pro stránku data.php - začátek */
#table_container {
  width: 910px;
  margin: 0 auto;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 9pt;
  color: #585858;
}
#table_container table {
  border-width: 0px;
  border-spacing: 0px 0px;
}
#table_container table td,table th {
  width: 70px;
  text-align: right;
  padding: 2px 5px 2px 0px;
}
#table_container table th {
  background-color: #96C6F5;
}
#table_container .highlight { background-color: #F5E0CC; cursor: pointer;}
#table_container .smallfont { font-size: 85%;}
#table_container .zerovalue { color: #999999;}
#table_container .negativevalue { color: #FF0000;}
#table_name {
  font-size: 140%;
  font-weight: bold;
  text-align: center;
  height: 30px;
  margin-top: 15px;
  margin-bottom: 10px;
}
#table_menu {
 text-align: center;
}
#table_menu ul {
  list-style-type: none;
}
#table_menu li {
  display: inline;
  margin-right: 10px;
  padding: 2px 5px 2px 5px;
  border: 1px solid #999999;
  background-color: #E2E2E2;
  order-radius: 5px;
  line-height: 2em;
}
  
#table_menu a {
  text-decoration: none; color: #333333;
}

#table_menu a:hover {
 color: #0000FF;
}

#table_year {
 width: 70px;
}

/*  Design pro stránku data.php - konec */
/* styl pro stránku s vloženými snímky bez náhledů - začátek */
#slider-mb-wrapper {
  background:url(slides-e/0.jpg) no-repeat;
  width:640px;
/*  height: 533px;    */
  margin:0 auto;
}
#slider-mb {
  position:relative;
  width: 640px;
/*  height:533px;     */
  background:url(images-style/loading.gif) no-repeat 50% 50%;
}

#slider-mb img {
  position:absolute;
  top:0px;
  left:0px;
  display:none;
}

#slider-mb a {
  border:0;
  display:block;
}
/* styl pro stránku s vloženými snímky bez náhledů - konec */
/* styl pro zobrazení minigrafů */
.minigraphh {
  text-align: center;
  font-weight: bold;
  color: white;
  background-color: #6666FF;
  border: none;
  padding-bottom: 5px;
}

.minigraphg {
  text-align: center;
  color: black;
  background-color: #F4F4EE;
  border: none;
  padding-bottom: 10px;
  padding-top: 15px;
}

.tooltip {
  cursor: help;
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 250px;
  background-color: #BCD5F2;
  border: 1px solid black;
  color: black;
  text-align: justify;
  border-radius: 5px;
  padding: 10px;
  font-size: 13px;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  top: -5px;
  right: 105%;

  opacity: 0;
  transition: opacity 0.5s;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}