* { padding: 0px; margin: 0px; font-family: Arial; font-size: 12px; }
a { color: #A42F2E; }
a img { border: 0px; }
a:hover { color: #494422; }
ul { list-style-type: none; }
div.cleaner { clear: both; height: 1px; }

body { background-color: #D9D5BA; text-align: center; }

#toplinks { background-color: #E2DEC8; border-bottom: 1px solid #C9C5A9; }
#toplinks p { color: #A39D75; padding: 5px 0px 7px 0px; }
#toplinks p a { margin: 0px 5px; font-size: 11px; }

#root { background-color: #E9E6D4; background-image: url( "/images/header.jpg" ); background-position: top center; background-repeat: no-repeat; }
  
  #header { height: 184px; width: 1000px; margin: 0px auto; text-align: left; }
      
      #logo { float: left; width: 206px; position: absolute; margin: 50px 0px 0px 20px; text-align: left; }
      #logo h1 { color: #A6A998; font-size: 28px; padding-left: 45px; }
      #logo h1 span { text-transform: uppercase; color: #A9BB4C; font-size: 28px; }
      #logo img { position: absolute; }
      
      #login { float: right; width: 300px; }
      #login form { height: 110px; }
      #login form input.input { float: right; color: #9B9674; margin: 17px 0px 0px 0px; width: 138px; padding: 4px 10px 3px 10px; border: 0px; background-color: #E6E2CF; background-image: url( "/images/inputbg.gif" ); }
      #login form select { visibility: hidden; float: right; z-index: 100; clear: both; color: #9B9674; margin: 10px 0px 0px 0px; width: 158px; border: 1px solid #9B9674; }
      #login div#prettyselect { position: absolute; z-index: 150; display: none; margin: 80px 0px 0px 141px; color: #9B9674; }
      #login div#prettyselect span { display: block; background-color: #D8D4BB; width: 124px; float: left; background-image: url( "/images/loginselectbg.gif" ); padding: 4px 3px 3px 10px; }
      #login div#prettyselectdown { display: none; clear: both; padding-top: 5px; width: 150px; background-repeat: no-repeat; background-image: url( "/images/prettyloginselectdowntop.gif" );  }
      #login div#prettyselectdown { background-color: #D8D4BB; background-image: url( "/images/prettyloginselectdown.gif" ); }
      #login div#prettyselectdown ul { margin: 0px 5px; clear: both; }
      #login div#prettyselectdown a { display: block; padding: 2px 5px; height: 20px; width: 132px; border-bottom: 1px dotted #AC3232; text-decoration: none; }
      #login div#prettyselectdown a:hover { background-color: #E9E6D4; }
      #login div#prettyselect img { float: left; }
       
       
      #login form input.first { margin-top: 10px; }
      #login form input.submit { float: left; color: #FFFFFF; margin: 27px 0px 0px 30px; width: 77px; height: 27px; text-transform: uppercase; border: 0px; background-color: #9BB128; background-image: url( "/images/inputsubmit.gif" ); }
      #login form input.submit:hover { background-image: url( "/images/inputsubmit_h.gif" ); }
      #login p.passwd { clear: both; color: #8A824B; float: right; padding-right: 5px; }
      #login p.passwd a { text-decoration: none; color: #CB9C5A; }
      #login p.passwd a:hover { color: #A42F2E; }
      #login div.livezilla { position:relative; z-index: 100; float: right; color: #8A824B; clear: both;  margin-top: 10px; width: 202px; text-align: center; padding: 4px 0px 4px 0px; }
      #login div.date { position:relative; z-index: 100; float: right; color: #8A824B; clear: both; background-color: #DFDCC4; margin-top: 10px; width: 202px; text-align: center; padding: 13px 0px 13px 0px; }
      #login div.date span { color: #CB9C5A; }
      #login div.date div.horlev { position: absolute; top: 0px; left: 0px; background: url('images/datum_hl.png') left top no-repeat #fff; }
      #login div.date div.horprav { position: absolute; top: -0px; right: 0px; background: url('images/datum_hp.png') right top no-repeat #fff; }
      #login div.date div.dollev { position: absolute; bottom: 0px; left: 0px; background: url('images/datum_dl.png') left bottom no-repeat #fff; }
      #login div.date div.dolprav { position: absolute; bottom: 0px; right: 0px; background: url('images/datum_dp.png') right bottom no-repeat #fff; }
      #login div.date div.horlev, .horprav, .dollev, .dolprav { width: 2px; height: 2px; font-size: 0px; } 

  #menubg { width: 1000px; height: 39px; background-image: url( "/images/menubg.gif" ); background-repeat: no-repeat; background-position: top center; margin: 0px auto; }
  /*
   * Kdyz se meni sirka nejdelsiho slova, tak se zmeni:
   * #menu { width; } // pocet polozek * delka polozky + pocet polozek * 3 (to je kvuli tem :)
   * #menu ul li a { width; }
   * 
   */
  #menu { width: 612px; margin: 0px auto; }
  #menu ul {  }
  #menu ul li { float: left; padding-right: 3px; background-image: url( "/images/menuseparator.gif" ); background-position: 100% 17px; background-repeat: no-repeat; }
  #menu ul li.last { padding: 0px; background-image: url( "" ); }
  #menu ul li a { width: 150px; display: block; padding: 13px 0px 10px 0px; color: #FFFFFF; font-size: 13px; text-decoration: none; }
  #menu ul li a:hover { background-image: url( "/images/menuhover.gif" ); }
  
  #main { width: 997px; margin: 20px auto 0px auto; text-align: left; }
  #main div.tall { height: 10px; }
      
      #leftcolumn { float: left; width: 226px; background-color: #D9D5BA; background-image: url( "/images/leftcolumnheader.gif" ); background-repeat: no-repeat; }
      #leftcolumn div.box { margin: 3px 5px 15px 4px; background-image: url( "/images/leftcolumnboxbg.gif" ); background-color: #F3EFD5; }
      #leftcolumn div.last { margin-bottom: 3px; }
      #leftcolumn div.footer { height: 4px; background-image: url( "/images/leftcolumnfooter.gif" ); background-repeat: no-repeat; background-position: bottom; }
      #leftcolumn p.header { color: #FFFFFF; background-image: url( "/images/leftcolumnnadpis.gif" ); padding: 20px 0px 15px 28px; }
      #leftcolumn ul { padding: 10px 10px 10px 6px; background-image: url( "/images/leftcolumnboxfooter.gif" ); background-repeat: no-repeat; background-position: left bottom; }
      #leftcolumn ul li { height: 22px; border-bottom: 1px dotted #A2A19B; }
      #leftcolumn ul li a { color: #7A7971; text-decoration: none; padding: 3px 0px 4px 35px; display: block; background-image: url( "/images/leftcolumnboxa.gif" ); background-repeat: no-repeat; background-position: 12px 5px; }
      #leftcolumn ul li.last { border: 0px; }
      #leftcolumn ul li a:hover { background-color: #E0DCC1; background-image: url( "/images/leftcolumnboxahover.gif" ); }
      
      #content { width: 761px; float: right; }
      #content div.box { height: 174px; width: 181px; margin-right: 9px; float: left; background-color: #A33B36; behavior: url("/hover.htc");  }
      #content div.webhosting { background-image: url( "/images/contentboxwebhosting.gif" ); }
      #content div.domeny { background-image: url( "/images/contentboxdomeny.gif" ); }
      #content div.managed { background-image: url( "/images/contentboxmanaged.gif" ); }
      #content div.dedik { background-image: url( "/images/contentboxdedik.gif" ); }
      
      #content div.box h2 { color: #FFFFFF; font-size: 16px; padding: 10px 0px 4px 10px; font-weight: bold; }
      #content div.box p.price { margin: 84px 0px 0px 0px; position: relative; }
      #content div.box p.description { position: absolute; width: 155px; color: #FFFFFF; padding: 1px 0px 0px 10px; font-size: 11px; color: #FFFFFF;} 
      #content div.box p.price span { padding: 5px 0px 2px 70px; display: block; color: #FFFFFF; text-decoration: none; font-size: 14px; }
      #content div.box p.price a { padding: 5px 0px 2px 70px; display: block; color: #FFFFFF; text-decoration: none; font-size: 14px; cursor: pointer; }
      #content div.box p.price a.obj { padding-left: 0; }
      #content div.box p.price a strong { font-size: 18px; }
      #content div.box p.price span strong { font-size: 18px; }
      #content div.box p.price span.t { padding-left: 70px;  }  
      #content div.box p.price span.a { position: absolute; width: 180px; height: 40px;  background-color: transparent; left: 0; top: 1px; }

      #content div.white { height: 174px; width: 181px; float: left; background-color: white; opacity:.5; filter: alpha(opacity=50); position: absolute; }  
      #content div.box:hover .white,#content div.boxHover .white  { opacity:.2; filter: alpha(opacity=20); }
      .transp { background-color: transparent; }
      
      #udaje .formobjednavka input { width: 213px; height: 22px; background: url("/images/formular_input_text.gif") repeat-x; border: none; text-indent: 5px; }
      #udaje .formobjednavka textarea { width: 213px; height: 105px; background: url("/images/formular_textarea.gif") repeat-x; border: none; overflow: hidden; text-indent: 5px; }      
      
      #obj-domena { width: 500px; margin: 0 auto; padding-top: 15px; }
      
      #part1 { width: 150px; float: left; height: 52px; background: url(images/svorka.png) no-repeat right 1px;  } 
      #part1 div { display: block; height: 37px; }
      #part1 div label { padding-left: 10px; color: #7A7971; vertical-align: top; }
      
      #part1 img { position: absolute; display: none; margin: -1px 0px 0px -1px; .margin-left: 1px; }
      
      #part2 { width: 165px; float: left; padding-top: 15px; }
      #part2 input { margin-left: 5px; width: 148px; height: 22px; background: url(images/inputbg.gif) no-repeat; border: none; padding-left: 5px; padding-right: 5px; }
      
      #part3 { width: 5px; float: left; height: 22px; padding-top: 22px; font-weight: bold; color: #7A7971; }
      #part4 { width: 50px; float: left; padding-top: 15px; }
      #part4 select, #div-tarif select { width: 48px; border: 1px #BEBAA4 solid; background-color: #D8D4BB; color: black; height: 21px; }
      #part5 { width: 80px; float: left; padding-top: 10px; margin-left: 10px; }
      #part5 input.submit { border: 0px; background-image: url( "/images/checkdomainsubmit.gif" ); color: #FFFFFF; width: 80px; height: 28px; background-color: #C3D053; }
      
      #div-tarif select { width: 213px; }
      
      #udaje { padding-top: 15px; width: 400px; margin-left: 125px; }
      #udaje label { padding-bottom: 5px; float: left; width: 150px; display: block; text-align: right; clear: left; color: #75736B; line-height: 22px; padding-right: 10px; }
      #udaje textarea { float: left; width: 203px; padding: 5px; height: 95px; background: url(images/input_formular_textarea.png); border: none; overflow: hidden; display: block; text-align: left; }
      #udaje input.right { padding-bottom: 5px; float: left; width: 203px; padding-left: 5px; padding-right: 5px; background: url(images/input_formular_big.png) no-repeat; height: 22px; border: none; display: block; text-align: left; }
      #udaje .brr { clear: both; height: 20px; }
      #udaje label#poznamka { line-height: 103px; vertical-align: middle; }

      #pruh-ok { width: 749px; margin-left: 5px; height: 38px; background-color: #E0DBC0; }
      #pruh-ok span { padding-left: 330px; vertical-align: top; padding-top: 12px; display: block; float: left; }
      #pruh-ok input { width: 50px; height: 38px; float: left;  background: url(images/input_form_ok.png); border: none; cursor: pointer; }

          #domaincheck { width: 472px; height: 143px; float: left; background-color: #9FB528; background-image: url( "/images/checkdomainbg.png" ); }
          #domaincheck form { padding: 15px 15px 0px 15px; color: #FFFFFF; }
          #domaincheck form p { padding: 0px; margin: 0px; }
          #domaincheck input.domain { border: 0px; width: 138px; margin-left: 20px; padding: 4px 10px 3px 10px; vertical-align: middle; background-color: #E6E2CF; background-image: url( "/images/domaincheckdomain.gif" ); }
          #domaincheck ul { clear: both; }
          #domaincheck ul li { float: left; display: block; width: 80px; padding: 10px 0px 5px 5px; }
          #domaincheck ul li label { margin-left: 5px; }
          #domaincheck ul li img { position: absolute; display: none;/**/ margin: -1px 0px 0px -1px; .margin-left: 1px; }
          #domaincheck input.submit { border: 0px; background-image: url( "/images/checkdomainsubmit.gif" ); color: #FFFFFF; width: 80px; height: 28px; float: right; background-color: #C3D053; }
          #domaincheck p a { color: #FFFFFF; text-decoration: none; margin-left: 170px;}
          
          #contact { width: 277px; height: 144px; float: right; background-image: url( "/images/contactmain.gif" ); background-position: bottom; }
          #contact p.header { color: #FFFFFF; padding: 24px 0px 16px 40px; background-color: #A63E38; background-image: url( "/images/contactheader.gif" ); }
          #contact ul { margin: 0px 0px 0px 18px; }
          #contact ul li { color: #5B5946; padding-left: 20px; margin-top: 4px; background-image: url( "/images/contactli.gif" ); background-repeat: no-repeat; background-position: 0px 5px; }
          #contact ul li span { font-weight: bold; color: #A90000; margin-top: 30px; }
          
          .maincontent { width: 760px; background-image: url( "/images/mainbg.gif" );}
          .maincontent h2 { color: #FFFFFF; background-image: url( "/images/mainheader.gif" ); padding: 24px 0px 20px 35px; font-weight: normal; }
          .maincontent p { text-align: Justify; color: #7A7971; padding: 10px 25px 10px 20px; line-height: 20px; }
          .maincontent p.error { color: #A42F2E; font-weight: bold; padding: 0px; }
          .maincontent h3 { text-align: Justify; color: #7A7971; padding: 10px 25px 10px 20px; margin: 0; }
          .maincontent span { text-align: Justify; color: #7A7971; padding: 10px 25px 10px 20px; }
          .maincontent form { text-align: Justify; color: #7A7971; padding: 10px 25px 10px 20px; line-height: 20px; }
          .maincontent form label { float: left; margin: 3px 0px; display: block; width: 150px; text-align: left; font-weight: bold; }
          .maincontent form label.nowidth { width: auto; }
          .maincontent form input { float: left; margin: 3px 0px; padding: 2px 10px; width: 480px; height: 16px; border: 0px; background-color: #E6E2CF; background-image: url( "/images/input_bg.php?w=500&h=20" ); }
          .maincontent form input.submit { border: 0px; background-image: url( "/images/checkdomainsubmit.gif" ); color: #FFFFFF; width: 80px; height: 28px; background-color: #C3D053; }
          .maincontent form textarea { width: 630px; height: 56px; padding: 2px 10px; border: 0px; background-color: #E6E2CF; background-image: url( "/images/input_bg.php?w=650&h=60" ); }
          .maincontent form br { clear: both; }
          .maincontent ul { margin-left: 10px; }
          .maincontent ul li { color: #7A7971; padding: 3px 0px 4px 35px; background-image: url( "/images/leftcolumnboxa.gif" ); background-repeat: no-repeat; background-position: 12px 5px; }
          .maincontent table { margin: 10px 25px 10px 20px; }  
          .maincontent table td { padding: 4px 4px 4px 4px; }
          .maincontent table thead { background-color: #B0BD47; border: 0px; color: #FFFFFF; }
          .maincontent table tbody { background-color: #E0DCC1; border: 0px; color: #7A7971; }
          /*.maincontent .formpoptavka input2 { color: #000000; border: 0px; background-color: #E6E2CF; background-image: url( "/images/input_bg.php?w=100&h=20" ); }
          .maincontent .formpoptavka input { width: 100px; height: 20px; color: #000000; border: 0px; background-color: #E6E2CF; background-image: url( "/images/input_bg.php?w=100&h=20" ); }
          .maincontent .formpoptavka textarea { color: #9B9674; border: 0px; background-color: #E6E2CF; background-image: url( "/images/inputbg.gif" ); }
          .maincontent .formpoptavka input.submit { color: #FFFFFF; width: 127px; height: 27px; text-transform: uppercase; border: 0px; background-color: #9BB128; background-image: url( "/images/inputsubmit.gif" ); }*/
          .maincontent div.footer { background-image: url( "/images/mainfooter.gif" ); background-repeat: no-repeat; background-position: bottom; height: 12px; }
          
#footer { height: 65px; clear: both; border-top: 2px solid #A39D75; background-image: url( "/images/footer.gif" ); background-repeat: repeat-x; }
#footer p { color: #6C684A; padding: 20px 0px; }
#footer img { border-width: 0px; vertical-align:middle; }