*       { padding: 0px; margin: 0px; }
body    { text-align: center; }
#main   { font-size: 12px; font-family: Tahoma; color: #1E1E1E; padding: 20px 0px; margin: 0px auto; text-align: left; width: 1000px; }

#menu       { background-image: url('menu.jpg'); background-color: #F36F00; background-repeat: no-repeat; height: 45px; }
#menu a     { font-family: Verdana; display: block; float: left; height: 45px; line-height: 45px; color: #FFFFFF; font-size: 12px; font-weight: normal; padding: 0px 35px; background-image: url('menuseparator.jpg'); background-repeat: no-repeat; background-position: top right; text-decoration: none; }

#menu a:hover, #menu a.focused    { color: #000000; }

#panels       { border-top: solid 5px #E1E1E1; padding: 10px 0px; }
.sidePanel    { width: 230px; float: left; }
#centerPanel  { width: 525px; margin: 0px 7px; float: left; }

#footer       { clear: both; background-color: #B1B1B1; border: solid 1px #868686; color: #F8F8F8; font-size: 11px; padding: 10px; }
#footer a     { color: #F8F8F8; }

.box          { width: 228px; padding: 10px 0px; }
.boxheader    { background-color: #D6D6D6; font-size: 5px; height: 8px; background-image: url('boxheader.jpg'); background-repeat: no-repeat; }
.boxcontent   { background-color: #F1F1F1; border-left: solid 1px #D6D6D6; border-right: solid 1px #D6D6D6; padding: 0px 10px 10px 10px; }
.boxfooter    { background-color: #D6D6D6; font-size: 5px; height: 8px; background-image: url('boxfooter.jpg'); background-repeat: no-repeat; }

#topscoreheadline    { height: 50px; line-height: 40px; padding-left: 50px; color: #D26717; font-size: 14px; font-weight: bold; background-image: url('topscoreheadline.jpg'); background-repeat: no-repeat; background-position: top center; }
#lastscoreheadline   { height: 50px; line-height: 35px; padding-left: 45px; color: #D26717; font-size: 14px; font-weight: bold; background-image: url('lastscoreheadline.jpg'); background-repeat: no-repeat; background-position: top center; }

.sidePanelSeparator   { background-color: #FC9303; background-image: url('colheadline.jpg'); background-repeat: no-repeat; height: 33px; line-height: 33px; font-size: 14px; font-weight: bold; padding-left: 20px; color: #FFFFFF; }

#loginForm            { background-image: url('loginform.jpg'); background-repeat: no-repeat; height: 130px; position: relative; }
#loginForm .headline  { color: #D26717; font-size: 14px; font-weight: bold; padding: 15px 0px 5px 50px; }
#loginForm .checkbox  { width: auto; vertical-align: -2px; }
#loginForm .autologin { padding: 5px 0px 0px 50px; font-size: 10px; line-height: 20px; }
#loginForm input.text { width: 150px; color: #484848; font-size: 12px; background-image: url('input.jpg'); background-repeat: no-repeat; border: none; background-color: #B0B0B0; padding: 5px; margin: 0px 0px 5px 50px; }
#loginForm input.send { position: absolute; right: 20px; bottom: 5px; background-image: url('button.gif'); font-family: Verdana; background-position: top center; background-color: transparent; width: 72px; height: 23px; color: #FFFFFF; line-height: 22px; padding: 0px; border: none; font-size: 11px; cursor: pointer; }
#loginForm a          { margin-left: 60px; display: block; margin-bottom: 3px; }

#logo     { margin: 0px 0px 0px 20px; }
#logo img { margin-top: 10px; }

h1        { padding: 5px 0px 20px 20px; font-size: 11px; color: #BABABA; font-weight: normal; }
h2        { color: #FD7B47; font-size: 16px; padding: 10px 0px; }
h3        { color: #FD7B47; font-size: 13px; padding: 10px 5px; }
h4, h5, h6, h7 { color: #FD7B47; }

p         { margin: 10px 5px; }

ul, ol    { margin-left: 30px; }
li        { margin: 3px 0px; }

a         { color: #DF480F; }
a img     { border: none; }

a.banner  { display: block; text-align: center; margin: 10px 0px; }
.cleaner  { clear: both; }

.infobox      { font-size: 14px; font-weight: bold; clear: both; background-color: #E4E4E4; border: solid 1px #C6C6C6; color: #7E7D7B; background-image: url('infobox.jpg'); background-repeat: no-repeat; background-position: 7px center; padding: 15px 10px 15px 60px; margin: 15px 0px; }
.intextimage  { float: left; margin: 5px; }
.errors       { padding: 10px; border: solid 1px #FF0000; background-color: #AA0000; color: #FFFFFF; margin-top: 20px; }
.msgs         { padding: 10px; border: solid 1px #00FF00; background-color: #00AA00; color: #FFFFFF; margin-top: 20px; }


/* HODNOCENI WEBU ****************************************************************/
   #web_loading               { padding: 15px; font-size: 10px; color: #333333; text-align: center; }
   #web_loading img           { margin: 10px; }
   #getwebpagestable          { margin-top: 20px; }
   #getwebpagestable .value   { padding: 0px; width: 75px; font-size: 14px; text-align: center; font-weight: bold; }

/* HODNOCENE *********************************************************************/
   #hodnocene_filtr             { text-align: right; padding-bottom: 15px; padding-right: 5px; }
   #hodnocene_filtr label       { margin-left: 10px; }
   #hodnocene_filtr input.send  { border: solid 1px #7F9DB9; background-color: #FFFFFF; padding-left: 10px; padding-right: 10px; cursor: pointer; }  
   #hodnocene_filtr input.send:hover  { background-color: #D8EDFC; }

   .hodnocene_box a.detail        { clear: right; float: right; margin-right: 5px; height: 20px; line-height: 20px; width: 60px; color: #000000; text-decoration: none; background-color: #EFEFEF; cursor: pointer; border: solid 1px #CCCCCC; text-align: center; }
   .hodnocene_box a.detail:hover  { background-color: #DDDDDD; }
   
   .hodnocene_box           { clear: both; padding: 5px 5px 5px 5px; margin-bottom: 5px; border: solid 1px #CCCCCC; }
   .hodnocene_box img       { float: left; margin: 0px 5px 5px 5px; width: 100px; height: 74px; }
   .hodnocene_box strong    { margin-top: 5px; }
  
/* VYPISY TOP A LAST *************************************************************/
   .boxcontent .value00, .boxcontent .value20, .boxcontent .value40, .boxcontent .value60, .boxcontent .value80, .boxcontent .value100
   { background-color: transparent; display: block; padding-top: 1px; float: right; clear: left; width: 30px; margin-right: 0px; text-align: center; font-weight: bold; font-size: 12px; line-height: 12px; margin-top: 5px; }

   .boxcontent a.valuelink     { display: block; margin-top: 5px; color: #333333;  width: 165px; background-color: transparent; }

/* HODNOCENI HEAD ****************************************************************/
   .value00, .value20, .value40, .value60, .value80, .value100
   { font-size: 25px; float: right; margin-right: 20px; line-height: 48px; }
   
   .value00    { color: #d31111; }
   .value20    { color: #d31111; }
   .value40    { color: #f58518; }
   .value60    { color: #118cd3; }
   .value80    { color: #1cb987; }
   .value100   { color: #2dd311; }

   
   .hodnoceni_hodnoceni           { margin-top: 20px; background-image: url('value.jpg'); background-repeat: no-repeat; width: 170px; height: 48px; float: left; }
   .hodnoceni_hodnoceni strong    { font-family: Tahoma; font-size: 14px; font-weight: bold; display: block; color: #666666; padding: 7px 0px 0px 10px; }
    
   .hodnoceni_adresa        { margin-top: 20px; float: left; padding: 3px 0px 3px 10px; font-size: 18px; font-weight: bold; color: #444444; width: 325px; }
   .hodnoceni_adresa a      { color: #EF6400; text-decoration: none; }

   .hodnoceni_loaded        { float: right; width: 345px; font-size: 14px; color: #666666; font-weight: bold; }
   
   .hodnoceni_desc          { float: left; padding-left: 5px; width: 325px; } 
    
   .hodnoceni_screen        { float: left; clear: left; border: solid 1px #A1A1A1; margin-top: 10px; width: 167px; height: 125px; background-image: url('screen_loading.gif'); background-repeat: no-repeat; background-position: center center; }
   
   #revalidateForm input.send    { cursor: pointer; margin: 15px 0px 0px 10px; background-color: #F7941D; font-weight: bold; background-image: url('revalidate.jpg'); color: #FFFFFF; width: 175px; height: 31px; text-align: center; border: none; }

/* HODNOCENI TABS ****************************************************************/
   .hodnoceni_tabs      { clear: both; padding-top: 30px; border-bottom: solid 10px #FB8F22; margin-bottom: 5px; }
   .hodnoceni_maintabs  { padding-left: 7px; background-color: #CC9155; height: 45px; clear: both; }
   .hodnoceni_othertabs { padding-left: 20px; }
   
   .hodnoceni_tabs a.mainline           { background-color: #FFBD77; text-decoration: none; text-align: center; color: #333333; width: 105px; height: 34px; line-height: 34px; margin-top: 11px; float: left; display: block; background-image: url('maintab.jpg'); background-repeat: no-repeat; }
   .hodnoceni_tabs a.mainlinefocused    { background-color: transparent; text-decoration: none; text-align: center; color: #FFFFFF; width: 103px; height: 42px; line-height: 42px; margin-top: 3px; float: left; display: block; background-image: url('maintabfocused.jpg'); background-repeat: no-repeat; }

   .hodnoceni_tabs a.other      { background-color: #CC9155; text-decoration: none; margin-left: 3px; text-align: center; color: #FFFFFF; width: 103px; height: 30px; line-height: 30px; margin-top: 8px; float: left; display: block; background-image: url('othertab.jpg'); background-repeat: no-repeat; }

/* HODNOCENI VALUES **************************************************************/
   table.hodnoceni_table              { width: 525px; font-family: Verdana; font-size: 11px; } 
   table.hodnoceni_table tr.dark      { background-color: #FFD9B2; }
   table.hodnoceni_table tr.light     { background-color: #FFE5CA; }
   table.hodnoceni_table td           { padding: 10px; border-top: solid 1px #FFFFFF; }
   table.hodnoceni_table td.label     { font-size: 14px; vertical-align: top; width: 130px; }
   table.hodnoceni_table td.invalid   { width: 100px; padding: 0px 0px; text-align: center; }
   
   table.hodnoceni_table th           { background-color: #FB8F22; padding: 10px; color: #FFFFFF; }
   
   table.hodnoceni_table div.subheadline   { font-size: 12px; color: #666666; font-weight: normal; margin-bottom: 5px; padding: 5px 0px 3px 10px; border-bottom: solid 1px #FB8F22; }
   table.hodnoceni_table table             { margin-left: 10px; width: 475px; background-color: transparent; }
   table.hodnoceni_table table td          { border: none; padding: 5px 5px 5px 25px; }
   table.hodnoceni_table table td.label    { font-size: 11px; }

   table.hodnoceni_table a.wrong { display: block; color: #707070; text-align: center; width: 90px; height: 27px; font-size: 10px; line-height: 27px; background-image: url('pet.gif'); background-position: left center; background-repeat: no-repeat; margin-right: 0px; }
   
   table.hodnoceni_table a.imagebox     { float: left; width: 135px; height: 135px; line-height: 135px; margin: 5px; border: solid 1px #333333; overflow: hidden; text-align: center; }
   table.hodnoceni_table a.imagebox img { margin: 5px auto; }
   
   a.right      { color: #00B219; }

/* HODNOCENI TIP *****************************************************************/   
   #ourtip              { margin-top: 30px; background-color: #FFD9B2; padding-bottom: 5px; }
   #ourtip .headline    { background-color: #FB8F22; color: #FFFFFF; margin-bottom: 10px; padding: 5px 10px; }
   
/* HODNOCENI KONTAKT *************************************************************/   
   #contactform                 { margin-top: 50px; background-color: #FFD9B2; height: 350px; }
   #contactform p               { padding: 0px 10px; }
   #contactform img             { float: left; margin-right: 10px; margin-left: 10px; }
   #contactform .headline       { background-color: #FB8F22; color: #FFFFFF; margin-bottom: 10px; padding: 5px 10px; }
   #contactform .name           { padding-top: 5px; font-size: 14px; padding-left: 10px; padding-bottom: 5px; margin: 0px 10px 10px 10px; border-bottom: solid 1px #FB8F22; }
   #contactform .value          { float: left; width: 100px; }
   #contactform input           { margin-top: 3px; background-color: #FFE5CA; margin-left: 5px; border: solid 1px #FB8F22; vertical-align: middle; }
   #contactform .send           { margin-left: 20px; background-color: #FB8F22; font-size: 11px; color: #FFFFFF; height: 20px; vertical-align: middle; }
   #contactform label           { float: left; width: 80px; padding-top: 3px; padding-left: 5px; vertical-align: middle; }
   #contactform .textarea       { background-color: #FFE5CA; border: solid 1px #FB8F22; margin-top: 5px; }
   #contactform .sendpart       { padding-top: 10px; }
   #contactform .captcha        { float: none; border: solid 1px #FB8F22; margin-left: 20px; vertical-align: top; }
   #contactform strong          { padding-left: 10px; float: left; display: block; width: 60px; }
   
/* LOADING ***********************************************************************/
   #darkscreen      { position: absolute; top: 0px; left: 0px; background-color: #333333; z-index: 10; width: 100%; display: none; }
   #loadingpanel    { display: none; z-index: 20; text-align: left; text-indent: 8px; color: #333333; line-height: 30px; text-decoration: none; font-size: 10px; font-weight: normal; position: absolute; top: 160px; width: 255px; height: 88px; background-image: url('loading.gif'); background-repeat: no-repeat; background-color: #000000; margin: 0px auto; }

/* HOME **************************************************************************/
   #mainForm          { clear: both; background-image: url('mainform.jpg'); background-color: #EEA637; height: 86px; margin: 20px 0px; }
   #mainForm h2       { color: #FFFFFF; font-weight: normal; font-size: 16px; padding: 10px 0px 5px 75px; font-size: 18px; }
   #mainForm label    { width: 65px; text-align: right; display: block; float: left; margin-right: 10px; line-height: 40px; font-weight: bold; }
   #mainForm input    { background-color: #F1F1F1; border: solid 1px #999999; width: 330px; padding: 7px 10px; font-size: 14px; color: #B5B5B5; vertical-align: middle; }
   #mainForm .send    { width: auto; border: none; background-color: #F26901; background-image: url('mainbutton.gif'); padding: 0px; color: #FFFFFF; width: 66px; height: 38px; }

/* CATALOG ***********************************************************************/
   #catalog           { background-color: #FFD9B2; padding: 0px 0px 10px 0px; }
   #catalog .headline { background-color: #FB8F22; color: #FFFFFF; margin-bottom: 10px; padding: 5px 10px; }
   #catalog ul        { float: left; }
   
   a.catalogdomains       { display: block; float: left; text-align: center; width: 175px; text-decoration: none; padding: 10px 0px; }
   a.catalogdomains img   { margin-bottom: 10px; }

/* ARCHIV ************************************************************************/
   h2.archiv    { margin-bottom: 0px; padding-bottom: 0px; }
   
   #archiv_dates              { margin-top: 30px; background-color: #FFD9B2; padding-bottom: 5px; clear: both; }
   #archiv_dates .headline    { background-color: #FB8F22; color: #FFFFFF; margin-bottom: 10px; padding: 5px 10px; }
   #archiv_dates ul           { float: left; padding-bottom: 10px; }
   
   .archiv_hodnoceni           { margin-top: 20px; margin-right: 10px; background-image: url('value.jpg'); background-repeat: no-repeat; width: 170px; height: 48px; float: left;  }
   .archiv_hodnoceni strong    { font-family: Tahoma; font-size: 14px; font-weight: bold; display: block; color: #666666; padding: 7px 0px 0px 10px; }

/* MINISITES FEED ****************************************************************/
   #minisitesFeed                { padding-left: 5px; }
   #minisitesFeed img            { float: left; margin: 0px 5px 5px 0px; }
   #minisitesFeed hr             { margin: 10px 0px; }
   #minisitesFeed .clanky_nadpis { display: block; font-size: 14px; font-weight: bold; margin: 10px 0px; }
   #minisitesFeed .clanky_vice   { text-align: right; display: block; margin-top: 10px; margin-right: 10px; }

/* Twitter ***********************************************************************/
   #twitter_div       { overflow: hidden; padding-top: 20px; }
   #twitter_div a     { color: #000000; font-weight: bold; }
   #twitter_div ul    { list-style: none; padding: 0px 5px; margin: 0px; }
   #twitter_div li    { padding-bottom: 10px; margin-bottom: 10px; border-bottom: none; }
   #twitter_div span  { display: block; padding-bottom: 3px; }
   #twitter-link      { display: block; text-align: center; margin-bottom: 5px; }
   #twitter-link img  { width: 100px; height: 35px; }
   
/* ADVERTISIMENT ****************************************************************/
   #advertisiment     { padding: 5px 5px 40px 5px; }
   #advertisiment img { float: right; margin: 5px; }
   
   
/* HEADLINES STRUCTURE **********************************************************/
  table.hodnoceni_table table .headlines_1, table.hodnoceni_table table .headlines_2, table.hodnoceni_table table .headlines_3, table.hodnoceni_table table .headlines_4, table.hodnoceni_table table .headlines_5, table.hodnoceni_table table .headlines_6, table.hodnoceni_table table .headlines_7
  { font-weight: bold; padding-right: 20px; }

  table.hodnoceni_table table .headlines_1 { padding-left: 0px; }
  table.hodnoceni_table table .headlines_2 { padding-left: 10px; }
  table.hodnoceni_table table .headlines_3 { padding-left: 20px; }
  table.hodnoceni_table table .headlines_4 { padding-left: 30px; }
  table.hodnoceni_table table .headlines_5 { padding-left: 40px; }
  table.hodnoceni_table table .headlines_6 { padding-left: 50px; }
  table.hodnoceni_table table .headlines_7 { padding-left: 60px; }