/* CSS created by Joskaweb.cz */
body  {
      background-color: #fff;
      background-image: url('../img/bg.gif');
      background-repeat: repeat-x;
      padding: 0px;
      margin: 0px;
      font-family: Tahoma;
      }
img   {border: 0px;}
a     {
      color: #2f2f2f;
      text-decoration: none;
      border-bottom: 1px dotted #2f2f2f;
      }
hr    {height: 1px; border: none; background-color: #717171; margin: 30px 30px 30px 0px;}
fieldset table{margin: 10px 0px 10px 0px;}
fieldset {padding: 0px 10px 0px 10px; margin-right: 20px;}
#layout{
      margin: auto;
      width: 922px;
      }
#head {
      margin: 0px auto 0px auto;
      width: 902px;
      height: 130px;
      background-image: url('../img/head.jpg');
      }
#head a{border-bottom: none;}
#body {
      margin: 0px;
      padding:0px;
      width: 922px;
      background-image: url('../img/body.gif');
      background-position: top;
      background-repeat: no-repeat;
      }
#menu {
      margin: auto;
      padding: 0px 0px 0px 70px;
      width: 832px;
      height: 33px;
      position: relative;
      }
#menu img{border: none; margin: 0px;}
#menu menu{height: 33px; padding: 0px; margin: 0px;}

#menu li{display: block; float: left;margin:0px 20px 0px 0px; padding: 0px;}
#menu a{
      color: #e9f2f6;
      font-family: Tahoma;
      text-decoration: none;
      font-weight: 400;
      font-size: 70%;
      margin-right: 20px;
      letter-spacing: 1px;
      border-bottom: none;
      }
#menu a:hover{color: #fff;}
#language{position: absolute; right: 70px;}
#content{
      width: 902px;
      margin: auto;
      }
#shortcut{
      width: 902px;
      height: 198px;
      background-image: url('../img/shortcut.jpg');
      background-color: #65cbf1;
      margin: 0px;
      position: relative;
      color: #e3e3e3;
      line-height: 13px;
      }
#shortcut a{color: #fff; text-decoration: underline; font-size: 70%; border: none;}
#chci_grafiku{font-size: 60%;position: absolute;top: 70px;left: 160px;left: 150px;width: 140px;width: 155px;text-align: right;}
#chci_web{font-size: 60%;position: absolute;top: 70px;left: 425px;left: 415px; width: 130px;width: 140px;text-align: right;}
#chci_shop{font-size: 60%;position: absolute;top: 70px;left: 685px;left:675px; width: 125px;width: 135px;text-align: right;}
#jdu_grafiku{position: absolute;top: 153px;left: 230px;}
#jdu_web{position: absolute;top: 153px;left: 485px;}
#jdu_shop{position:absolute; top: 153px;left: 740px;}    

#main {width: 801px; margin: auto;background: #fff; height: 700px;}
#left {
      float: left;
      width: 600px;
      padding: 20px 0px 0px 20px;
      &padding: 40px 0px 0px 20px;
      color: #2f2f2f;
      font-size: 80%;
      letter-spacing: 1px;
      line-height: 16px;

      }
#left ol,ul{
      margin: 0px 0px 0px 50px;
      }
#left ul{list-style-image: url('../img/sipka.gif');}
#patka ul{
      margin: 0px 0px 0px 0px;
      }
#left p{text-align: justify; &margin: 10px 0px 10px 0px; padding-right: 20px;}
#right{
      background-color: #c0e5f8;
      float: right;
      width: 181px;
      background-image: url('../img/submenu.gif');
      }
#right a{border-bottom: none;}
#right ul{
      margin: 0px 0px 20px 0px;
      padding: 10px 0px 0px 0px;
      background-image: url('../img/submenu_up_bg.gif');
      background-repeat: no-repeat;
      }
#right li{
      list-style-type: none;
      height: 20px;
      width: 165px;
      padding: 8px 15px 2px 0px;
      font-size: 70%;
      text-align: right;
      letter-spacing: 1px;
      }
.li_on{background-color: #b0def5;background-image: url('../img/li_on.gif'); background-repeat: repeat-y;}
.li_off{background-image: none;}
#right a{color: #659db9;text-decoration: none;}
#patka {
      color: #a1a1a1;
      padding: 60px 20px 0px 20px;
      width: 761px;
      height: 60px;
      clear: both;
      font-size: 70%;
      }
#patka a{color: #a1a1a1; text-decoration: none; margin-right: 20px;}
#patka ul{display: inline; float: left;}
#patka li{display: inline;}
#patka div{float: right; font-size: 90%;margin-left: 20px;}
#patka a{border-bottom: none;}
#patka img{ margin-right: 5px;}
#bottom_logo{float: left; margin-right: 20px;}
#right h2    {
      color: #5f8a9f;
      margin: 0px;
      text-align: right;
      padding: 16px 10px 0px 0px;
      background-image: url('../img/submenu_up.jpg');
      height: 24px;
      font-size: 90%;
      font-weight: 600;
      letter-spacing: 1px;
      }
h3    {
      font-size: 130%;
      font-weight: 800;
      border-bottom: 1px solid #1884cb;
      padding-bottom: 8px;
      margin-bottom: 10px;
      letter-spacing: 1px;
      }
h4    {
      font-size: 100%;
      text-align: center;
      font-weight: 900;
      color: #2f2f2f;
      margin-bottom: 8px;
      }
.h4    {
      font-size: 100%;
      text-align: left;
      font-weight: 900;
      color: #2f2f2f;
      margin: 15px 0px 3px 15px;
      }
h5    {
      font-size: 100%;
      text-align: left;
      font-weight: 900;
      color: #2f2f2f;
      margin: 40px 0px 0px 0px;
      }
strong{color: #2f2f2f;}
#left_index{
      float: left;
      margin: 20px 0px 10px 20px;
      background-color: #cdcdcd;
      background-image: url('../img/joskaweb_middle.gif');
      background-position: bottom;
      width: 418px;
      font-size: 70%;
      color: #2f2f2f;
      }
#left_index p{
      width: 365px;
      text-align: right;
      position: relative;
      left: 25px;
      margin-top: 10px;
      line-height: 19px;
      }
#left_index h2{
      font-size: 140%;
      text-align: right;
      margin: 0px 20px 0px 20px;
      padding: 0px 5px 5px 0px;
      border-bottom: 1px solid #717171;
      }
#right_index{
      float:right;
      margin: 20px 20px 50px 0px;
      width: 309px;
      background-image: url('../img/aktuality_bg.gif');
      }
#right_index #aktuality_left{
      font-size: 70%;
      padding: 5px 10px 0px 10px;
      text-align: right;
      color: #2f2f2f;
      float:left;
      height: 265px;
      width: 230px;
      background-image: url('../img/aktuality_middle_left.gif');
      background-repeat: no-repeat;
      background-position: top;
      }
#right_index p{
      margin-top: 10px;
      line-height: 15px;
      }
#right_index #aktuality_right{
      float:right;
      width: 59px;
      height: 190px; 
      background-image: url('../img/aktuality_middle_right.gif');
      background-repeat: no-repeat;
      background-position: top;
      position: relative;
      }
#aktuality_bottom{
      clear: both;
      width: 309px;
      height: 19px;
      background-image: url('../img/aktuality_bottom.gif');
      background-repeat: no-repeat:
      background-position: bottom;
      }
#aktuality_right #rok{
      position: absolute;
      top: 3px;
      right: 2px;
      color: #cecece;
      font-size: 70%;
      font-weight: 400;
      }
#aktuality_right #mesic{
      width: 55px;
      text-align: center;
      position: absolute;
      right: 0px;
      top: 28px;
      color: #b5b5b5;
      font-weight: 800;
      font-size: 70%;
      }
#aktuality_right #den{
      width: 55px;
      text-align: center;
      position: absolute;
      right: 0px;
      top: 8px;
      font-size: 120%;
      color: #717171;
      font-weight: 800;
      }
.thickbox{
      border: none;
      }
.preview{
      padding-top: 10px;
      padding-left: 1px;
      padding-right: 1px;
      padding-bottom: 10px;
      border-top: 1px solid #8a8a8a;
      }
.trr  {padding-right: 15px;}
.preview img{
      border: 1px solid #d1d3d4;
      }
.preview a:hover img{
      background-color: #d6eefa;
      }
.table_margin{margin-left: 50px;}
.table_margin td{padding: 3px;}
.form select,input,textarea{border: 1px solid #d1d3d4;}
.form input,textarea{padding: 3px 5px 3px 5px;}
.button{background-color: #fff; border: 2px solid #d1d3d4;}
.table td,th{border: 1px solid #d1d3d4; padding: 3px; padding-left: 20px;}
.table th{text-align: left;border: 1px solid #d1d3d4; padding: 4px; font-size: 90%;}
.table{border-collapse: collapse; margin: 20px 0px 20px 20px; width: 85%; color: #6b6b6b;}
.table th{background-color: #7acbf1; color: #2f2f2f;}
.b  {background-color: #ceeaf8;}
#mapa_webu li{margin: 3px 0px 3px 0px;}
.legend{color: #5b5b5b; font-size: 90%;}
.index_ul li{padding: 2px; font-size: 110%;}
.index_ul{padding-top: 10px;}