* { padding: 0px; margin: 0px; font-family: Tahoma; font-size: 11px; }

img { border: 0px; }

body { text-align: center; }

a { color: #FF6600; text-decoration: none; font-size: 11px; }

a:hover { text-decoration: underline; color: #0099FF; }

td { vertical-align: top; font-size: 11px; }

ul { list-style-type: none; }

    

  #top { width: 100%; background-color: #444B55; background-image: url( "/layout/top.gif" ); background-position: top center; background-repeat: repeat-y; }

    

    #top_menu { width: 950px; height: 24px; margin: 0px auto; }

    #top_menu h1 { float: left; font-size: 10px; font-weight: normal; padding-top: 5px; padding-left: 10px; }

    #top_menu h1 a { color: #FFFFFF; text-decoration: none; }

    #top_menu h1 a:hover { color: #FF9400; }

    #top_menu p { float: right; margin: 0px auto; text-align: right; color: #ABABAB; font-size: 10px; padding: 5px 10px; }

    #top_menu p a { color: #FFFFFF; text-decoration: none; }

    #top_menu p a:hover { color: #FF9400; }

  

  #root { background-image: url( "/layout/root.gif" ); background-repeat: repeat-x;background-position: top center; }

  

    #header_border { background-image: url( "/layout/header_bg.gif" ); background-repeat: no-repeat; background-position: top center; }

      

      #header { background-color: #2979B8; background-image: url( "/layout/logo.jpg" ); width: 957px; margin: 0px auto; border: 1px solid #FFFFFF; height: 101px; text-align: left; padding-top: 15px; }

      #header p { font-size: 18px; color: #FFFFFF; float: left; padding: 10px 200px 30px 180px; line-height: 30px; }

      #header p span { margin-left: 80px; font-size: 18px; }

      #header h2 { float: left; font-size: 10px; font-weight: normal; color: #FFFFFF; margin-left: 10px; padding: 7px 0px 7px 20px; width: 260px; background-image: url( "/layout/h2.gif" ); background-repeat: no-repeat; background-position: 5px 9px; }

      

    #main { margin: 20px auto; width: 957px; text-align: left; }

      

      #col-left { width: 187px; border: 1px solid #BBC2CC; background-color: #FFFFFF; float: left; }

      #col-left span { clear: both; display: block; font-weight: bold; font-size: 11px; padding: 5px 10px 4px; margin: 1px; height: 12px; }

      #col-left span.green { background-color: #AADF00; background-image: url( "/layout/span_green.gif" ); }

      #col-left span.blue { background-color: #53AFEE; background-image: url( "/layout/span_blue.gif" ); color: #FFFFFF; }

      /*#col-left ul { list-style-type: none; }*/

      #col-left ul li { font-size: 11px; float: left; width: 160px; background-color: #E2E7EA; margin-left: 1px; background-image: url( "/layout/li_sipka.gif" ); background-repeat: no-repeat; background-position: 3px 6px; padding: 7px 0px 7px 25px; }

      #col-left ul li a { display: block; color: #000000; text-decoration: none; }

      #col-left ul li a.active, #col-left ul li a:hover { color: #FF9400; }

      #col-left p , #col-left dl { font-size: 11px; background-color: #E2E7EA; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; padding: 20px 16px; text-align: Justify; }

      #col-left dt { font-weight: bold; display: block; line-height: 17px; color: #0099FF; }

      #col-left dd { line-height: 17px; }

      #col-left dd a { color: #0099FF; text-decoration: none; }

      #col-left dd a:hover { color: #FF9400; text-decoration: underline; }

      #col-left p a { color: #01A2FE; text-decoration: none; }

      #col-left p.kontakt { background-color: #A2D010; border: 1px solid #FFFFFF; background-image: url( "/layout/kontakty.jpg" ); color: #FFFFFF; line-height: 20px; }

      #col-left p.kontakt a { color: #FFFFFF; }

      #col-left p.kontakt a:hover { color: #000000; }

      

      #content { width: 540px; float: left; margin: 0px 20px;  }

      #content h3 { color: #0099FF; font-size: 17px; margin: 10px 0px; }

      #content h4 { color: #98C206; font-size: 13px; padding: 10px 0px; clear: both; }

      #content h4.help { color: #A21E07; font-size: 15px; }

      #content p { font-size: 11px; line-height: 17px; text-align: Justify; padding: 10px 0px; }

      #content p.help { background-color: #F0F0F0; padding: 5px 10px; color: #000000; border: 1px solid #BABABA; clear: both; margin-bottom: 10px; }

      /*#content ul { list-style-type: none; }*/

      #content ul li { font-size: 11px; background-image: url( "/layout/li.gif" ); background-repeat: no-repeat; background-position: 4px 8px; padding-left: 20px; line-height: 20px; }

      #content form.form { font-size: 11px; }

      #content form.form input , #content form.form textarea , #content form.form select { border: 1px solid #969696; font-size: 11px; margin-bottom: 5px; margin-top: 5px; width: 366px; padding: 5px 10px; vertical-align: middle; }

      #content form.form br { clear: both; }

      #content form.form input.false { background-color: #FACB9E; border: 1px solid #F67F00; }

      #content form.form input.true { background-color: #F5F5F5; border: 1px solid #9DAC52; }

      #content form input.submit { background-color: #FF8C23; border: 0px solid #000000; background-image: url( "/layout/submit.gif" ); color: #FFFFFF; font-weight: bold; padding: 3px 10px; width: 120px; font-size: 10px; }

      #content form input.submit:hover { background-color: #D86300; background-image: url( ); }

      #content form.form input.submit { margin-top: 15px; }

      #content form.form .nadpis { width: 150px; display: block; float: left; padding-bottom: 5px; padding-top: 10px; font-size: 11px; }

      #content form.form .nadpis img { vertical-align: middle; }

      #content form.grey { background-color: #F0F0F0; padding: 5px 10px; border: 1px solid #BABABA; }

      #content form.grey select { margin-right: 15px; vertical-align: middle; }

      #content form.grey input { vertical-align: middle; }

      #content p.seznamWebu strong { display: block; float: left; width: 120px; }

      #content p.seznamWebu strong.minirank { width: 70px; float: left; }

      #content p.seznamWebu span { display: block; width: 50px; float: left; }

      #content p.seznamWebu a.button { background-color: #F5F5F5; border: 2px solid #9DAC52; color: #9DAC52; display: block; width: 100px; text-align: center; float: left; margin-right: 8px; }

      #content p.seznamWebu a.blue { background-color: #D7EAF6; border: 2px solid #1763A7; color: #1763A7; }

      #content p.seznamWebu a.red { background-color: #FACB9E; border: 2px solid #F67F00; color: #F67F00; }

      #content p.blue { font-weight: bold; color: #0099FF; }

      

      #content table.list { width: 100%; border-left: 1px solid #BBC2CC; border-bottom: 1px solid #BBC2CC; border-right: 1px solid #BBC2CC; }

      #content table.list tr.nadpis td { border-top: 1px solid #BBC2CC; background-color: #5BB5EF; background-image: url( "/layout/span_blue.gif" ); padding: 4px 10px; font-weight: bold; color: #FFFFFF; }

      #content table.list tr td { padding: 5px 5px; border-top: 1px solid #BBC2CC; }

      #content table.list tr.tr2 td { background-color: #F0F0F0; }

      /*#content input.submit { border: 1px solid #BBC2CC; }*/

        

        #projekt img { float: left; margin-right: 15px; }

        #projekt p { line-height: 30px; float: right; width: 200px; }

        #projekt p span { display: block; float: left; width: 60px; }

        

        #katalog { border: 1px solid #BBC2CC; padding-bottom: 1px; }

        #katalog span { display: block; font-size: 11px; border-style: solid; border-color: #FFFFFF; border-width: 1px 1px 0px 1px; padding: 4px 10px 3px 10px; font-weight: bold; color: #FFFFFF; }

        #katalog span.blue { background-color: #5BB5EF; background-image: url( "/layout/span_blue.gif" ); }

        #katalog div.katalog-inside { background-color: #E2E7EA; padding: 5px; margin: 0px 1px; }

        #katalog div.cleaner { height: 1px; }

        #katalog ul { float: left; /*list-style-type: none;*/ }

        #katalog ul li { display: block; width: 165px; margin: 5px 5px; padding: 0px; background-image: url( "" ); color: #FF9400; }

        #katalog ul li a { color: #000000; font-size: 11px; text-decoration: none; }

        #katalog ul a:hover { color: #FF9400; text-decoration: none; }

        

      #col-right { float: right; border: 1px solid #BBC2CC; background-color: #FFFFFF; width: 185px; }

      #col-right .uzivatel { background-color: #61B9F0; margin: 1px; color: #FFFFFF; font-size: 11px; background-image: url( "/layout/uzivatel.gif" ); background-repeat: repeat-x; padding: 7px 15px 15px 15px; line-height: 20px; }

      #col-right .uzivatel input { border: 0px; color: #555555; font-size: 10px; margin: 10px 0px 10px 0px; width: 130px; padding: 5px 10px; }

      #col-right .uzivatel input.submit { background-color: #FF942D; border: 1px solid #FFFFFF; background-image: url( "/layout/submit.gif" ); color: #FFFFFF; font-weight: bold; padding: 3px 10px; width: 80px; margin-left: 70px; }

      #col-right .uzivatel input.submit:hover { background-color: #D86300; background-image: url( ); }

      #col-right .uzivatel a { color: #FFFFFF; text-decoration: none; }

      #col-right .uzivatel a:hover { color: #000000; }

      #col-right .clanky { background-color: #B2E300; border-width: 0px 1px 0px 1px; border-style: solid; border-color: #FFFFFF; background-image: url( "clanky.gif" ); background-repeat: repeat-x; }

      #col-right .clanky p { font-size: 11px; color: #FFFFFF; padding: 5px 15px; }

      #col-right .clanky p strong {  }

        /*#clanky ul { list-style-type: none; }*/

      #col-right .clanky ul li { padding: 5px 0px 5px 15px; }

      #col-right .clanky ul li a { font-size: 11px; color: #FFFFFF; text-decoration: none; }

      #col-right .clanky ul li a:hover { color: #000000; }

      #col-right .last { border-bottom: 1px solid #FFFFFF; }

      

      div.cleaner { clear: both; height: 20px; width: 100%; }

      

      #paticka { border-top: 5px solid #D1D7DA; background-color: #E2E7EA; height: 50px; margin-bottom: 5px; }

      #paticka p { font-size: 11px; float: left; padding: 10px; }

      #paticka a { color: #000000; text-decoration: none; }

      #paticka a:hover, #paticka a.active { color: #01A2FE; }

      #paticka p.right { float: right; }

      

  #root p.links { color: #CCCCCC; font-size: 10px; margin-bottom: 10px; }

  #root p.links a { color: #CCCCCC; }

  #root p.links a:hover { color: #FF6600; }
  
  
  /* TWITTER **********************************************/
     #twitter_div ul    { list-style: none; padding: 0px 10px; }
     #twitter_div ul li { padding-bottom: 10px; margin-bottom: 10px; border-bottom: solid 1px gray; line-height: normal; }
     #twitter_div span  { display: block; padding-bottom: 3px; }
     #twitter-link      { display: block; text-align: center; margin-bottom: 5px; margin-top: 10px; }
     #twitter-link img  { width: 100px; height: 35px; }