/* CSS Document */
/* vseobecne nastaveni */
body {background: white; color: white; font-size: 12px; text-align: center; font-family: "Arial";}
a {color: #FF9900; border: none}
a img {border: none}
h1 {font-size: 17px; color: #FF9900; margin: 0;}
h2 {font-size: 17px; color: #FF9900;  margin: 5px 0 10px 0;}
h2 a{text-decoration: none}
h4 {font-size: 14px; color: #FF9900;  margin: 0;}
h3 {font-size: 11px; color: #FF9900; margin: 0;}
ul {margin: 0; padding: 0;}
li {margin: 0 10px 0  20px; padding: 0;}
p {margin: 10px 0;}
.center {text-align: center}
.orange {color: #FF6600}
.black {color: #444444}
.white {color: white}
.bold {font-weight: bold}
.text-decoration-none {text-decoration: none}
.posun-10y {position: relative; top: 10px}
.posun-5y {position: relative; top: 5px}
.resetovac { width: 0px; height: 0px; border: 0px none; margin: 0px; padding: 0px; float: none; clear: both; line-height: 0px; font-size: 0px;}

#main-obal {height: 150px; position: relative}
#main-left{ position: absolute;border-right: 1px dotted white; width: 480px; }
#main-right{position: absolute; width: 400px;  left: 520px; }
#main_page {width: 990px; margin: 0 auto; text-align: left;}
  
  /* hlavicka */
  .header {width: 990px; height: 128px; position: relative; background: url(../img/header.jpg) no-repeat;}
  .header a {text-decoration: none; }
  #menu {position: absolute; left: 35px; top: 86px; font-size: 1.0em; }
    #menu a {display: block; height: 18px; float: left; margin: 5px 0 0 0; padding: 10px 5px 7px 5px; text-decoration: none; color: white; text-align: center; font-weight: bold;} 
      #menu a:hover {background-color: #FF6600;}
    
  #home_link {position: absolute; top: 73px; left:390px; font-size: 1.0em; font-weight: normal}
  
  #sitemap {display: block; width: 20px; height: 20px; position: absolute; top: 7px; left: 947px; }
  #home {display: block; width: 20px; height: 20px; position: absolute; top: 32px; left: 947px; }
  #kontakt {display: block; width: 20px; height: 20px; position: absolute; top: 57px; left: 947px; }
  #logo {display: block; width: 250px; height: 60px; position: absolute; top: 12px; left: 390px;}
  
  /*stredni cast*/
  #middle_part {width: 990px; position: relative;}
    #main {width: 990px; background: url(../img/pozadi_rep.jpg) repeat-y; }
    #main2 {background: url(../img/body.jpg) no-repeat; background-position: left bottom;}
    #body {padding: 0px 20px 40px 40px; }
      .nadpis_main {padding: 20px 20px 10px 40px; font-weight: bold; font-size: 16px; text-align: center}
      #levy_main {width: 410px; height: 160px;  top: 50px; left: 20px; padding: 10px 10px 10px 50px; ; overflow: auto}
      #pravy_main {width: 410px; height: 200px;  top: 10px; left: 500px; padding: 10px 10px 10px 50px; border-left: 1px dotted #33CCFF}
    #ikony {width: 990px; height: 258px; position: relative; background: url(../img/ikony.jpg) no-repeat;}
      #ikony h2 a{color: white; font-size: 15px; text-align: center; }
      #ikony {text-align: center};
      #ikony img {border: 1px solid black}
      #ikona1 {width: 208px; height: 200px; position: absolute; top: 23px; left: 68px; }
      #ikona2 {width: 208px; height: 200px; position: absolute; top: 23px; left: 388px; }
      #ikona3 {width: 208px; height: 200px; position: absolute; top: 23px; left: 709px; }
    #novinky {width: 990px; position: relative; background: url(../img/novinky_back.jpg) repeat-y;}
    #novinky p { color: #000; }
      #novinky .nadpis {height: 40px}
        .nadpis img {margin: 0 0 0 10px;}
      #novinky table {width: 900px; margin: 0 auto; position: relative; left: 5px;}
        #novinky #sloupec_1 {width: 250px; padding: 0px 20px 0 40px;; border-right: 1px dotted black; float: left}
        #novinky #sloupec_2 {width: 250px; padding: 40px 30px 0 30px; float: left}
        #novinky #sloupec_3 {width: 250px; padding: 0px 30px; border-left: 1px dotted black ;float: left}
          #sloupec_3 form {margin: 20px 0;}
          #sloupec_3 .input_mail {width: 150px; height: 17px; margin-right: 5px; border: 1px solid black}
          #sloupec_3 .submit {width: 77px; height: 23px; font-size: 12px; padding: 0 0 2px 0; background: url(../img/submit1.jpg) no-repeat; border: none}
        .novinka {}
          .novinka .date {}
          .novinka .text_novinky {margin: 0px;}
          .novinka .vice_info a {text-decoration: underline}
      .rychly_kontakt {position: relative; width: 300px; left: 65px; padding-bottom: 15px; color: #FF6600; text-decoration: underline; font-weight: bold}


  /*Footer*/
  #footer {width: 990px; height: 123px;background: url(../img/footer.jpg) no-repeat;}
   #footer .sloupec_1 {width: 295px; height: 90px; margin: 15px 0px 0 30px; border-right: 1px dotted white; float: left}
   #footer .sloupec_2 {width: 295px; height: 90px; margin: 15px 0px 0 10px;; float: left}
   #footer .sloupec_3 {width: 295px; height: 90px; margin: 15px 0px 0 10px; padding-left: 20px;border-left: 1px dotted white; float: left}
   #footer .leva_cast {width: 170px; float: left; font-weight: bold}
   #footer .prava_cast {width: 120px; float: right; font-weight: bold}
   #footer .prava_cast a{color:#ffffff;}
   #copyright {width: 450px; margin: 0 0 0 30px; float: left;}
    #copyright a {color: #444444}
   #spodni_menu {width: 450px; float: right;}
    #spodni_menu a {color: #444444 }
    #spodni_menu a:hover{color: #FF6600 }
   .oddelovac {margin: 0 5px; color: #444444 }
   #doporucujeme {margin: 60px 0; text-align: center; color: #444444}
    #doporucujeme a {color: #444444}