html { text-align: center; margin: 0 0 0 0; padding: 0 0 0 0;}
body { width: 100%; font-size: 80%; font-family: "Trebuchet MS", sans-serif, "Arial CE", "Lucida Grande CE"; color: #118DD4; background-color:#fff; text-align: center;  margin: 0 0 0 0; padding: 0 0 0 0;}
h1, h2, h3, h4, h5, p, div, form, ul { margin: 0 auto; position: relative; text-align: left; padding: 0 0 0 0;}
h1 { font-size: 120%; padding: 1em 0 0 0; margin: 0 auto 0 auto; color: #D80000; }
h2 { margin: 20px auto 10px auto; font-size: 120%; clear: left; color: #828282; }
p { margin: 0 auto 10px auto; }
.center {text-align:center;}
.red {color:red;font-size:140%;font-weight:bold;}
a:link {color: #E20000; }
a:visited { color: #913577; }
a:active, a:hover { color: #000;}
br.clear { display: block; clear: both; width: 630px; }
span.clear { display: block; clear: both; width: 900px; }
hr { width: 2px; position: absolute; top: -12721px; }
div#page { width: 900px; position: relative; margin: 0 auto; overflow: hidden; }
h1#logo, p#logo { height: 160px; }
h1#logo { margin: 0 0 0 0; padding: 0 0 0 0;}
h1#logo img, p#logo img { position: relative; top: 35px; }
h1#logo a img, p#logo a img, h1#logo a:hover img, p#logo a:hover img { border: 0; }
/* Menu */
ul#menu { display: block; width: 900px; height: 2.5em; z-index: 3; border: 6px solid #D80000; border-width: 0 0 6px 0; margin: 0 0 0 0; padding: 0 0 0 0; position: absolute; top: 125px; left: 0;}
ul#menu li { list-style-type: none; list-style-image: none; float: left;  width: 120px; height: 2.5em; margin : 0 5px 0 0; padding: 0 0 0 0; }
ul#menu li a { display: block; width: 120px; height: 2.5em; line-height: 2.5em; font-weight: bold; text-align: center; }
ul#menu li a:link,ul#menu li a:visited, ul#menu li a:active,ul#menu li a:hover,ul#menu li a#selected { text-decoration: none; font-weight: bold }
ul#menu li a:link,ul#menu li a:visited { color: #fff; background: url(/rohy.gif) 0% 0% no-repeat #618DE9 }
ul#menu li a:active,ul#menu li a:hover  { color: #fff; background: url(/rohy.gif) 0% 0% no-repeat #D80000 }
ul#menu li a.active:link, ul#menu li a.active:visited, ul#menu li a.active:active, ul#menu li a.active:hover  { color: #fff; background: url(rohy.gif) 0% 0% no-repeat #D80000; }

/* Menu 2*/
ul#menu2 { display: block; font-size:95%;width: 900px; height: 2.5em; z-index: 3; border: 6px solid #618DE9; border-width: 0 0 6px 0; margin: 0 0 0 0; padding: 0 0 0 0; position: absolute; top: 125px; left: 0;}
ul#menu2 li { list-style-type: none; list-style-image: none; float: left;  width: 120px; height: 2.5em; margin : 0 5px 0 0; padding: 0 0 0 0; }
ul#menu2 li a { display: block; width: 120px; height: 2.5em; line-height: 2.5em; font-weight: bold; text-align: center; }
ul#menu2 li a:link,ul#menu2 li a:visited, ul#menu2 li a:active,ul#menu2 li a:hover,ul#menu2 li a#selected { text-decoration: none; font-weight: bold }
ul#menu2 li a:link,ul#menu2 li a:visited { color: #fff; background: #444 }
ul#menu2 li a:active,ul#menu2 li a:hover  { color: #fff; background: #618DE9 }
ul#menu2 li a.active:link, ul#menu2 li a.active:visited, ul#menu2 li a.active:active, ul#menu2 li a.active:hover  { color: #fff; background: #618DE9; }


div#flags {margin: 0 0 0 0; padding: 0 0 0 0; position: absolute; top: 100px; left: 0px;}
div#flags a img {border:0;}

/* Titulka */
div#zadani { position: relative; top: 30px; margin-bottom: 55px }
div#welcome { padding: 20px 0; border-top: 6px solid #D80000; border-bottom: 1px dotted #618DE9; margin: 0px auto 20px auto; }
div#welcome h2 { margin: 0 0 0 0; color: #118DD4; font-size: 100%; }
div#welcome p { margin: 0 0 10px 0; color: #000; }
p.otazka { color: #118DD4 !important;  }
p.odpoved { color: #D80000 !important; }
div#priklad { padding: 0 0; margin: 0 0 0 0; width: 400px; height: 260px;}
div#priklad h2 { margin: 0 0 0 0; color: #118DD4; font-size: 100%; }
div#priklad p { margin: 0 10px 10px 10px; color: #000; }
div#priklad dl { margin: 0 0 0 0; padding: 0 0 0 0; text-indent: 0; }
div#priklad dl dt { margin: 0 0 0 0; padding: 0 0 0 0;  text-indent: 0;  }
div#priklad dl dd { margin: 0 0 10px 0; padding: 0 0 0 0;   text-indent: 0; }
div#priklad dl dd code {  font-family: "Trebuchet MS", sans-serif, "Arial CE", "Lucida Grande CE"; color: #D80000; }

/* Titulka Form */
form#f1 { width: 898px; background: url(/gradient.jpg) 0% 0% no-repeat #eee; border: 1px solid #DDDDDD; position: relative; margin: 0 auto 10px auto; }
form#f1 p { position: static; }
form#f1 input#url { width: 580px; position: relative; left: 20px; top: 30px; font-size:140%; font-weight:bold;}
form#f1 input#url:focus, form#novy-trvalink p input:focus, form#zmenit-trvalink p input:focus { background: #FDF2A6; border: 1px solid #000; color: #000; }
form#f1 input#add { width: 260px; height: 50px; line-height: 50px; font-weight: bold;  font-family: "Trebuchet MS", sans-serif, "Arial CE", "Lucida Grande CE"; position: absolute; left: 620px; top: 20px; cursor: pointer; cursor: hand; }

/* Trvalink */
div#about-trvalink { width: 250px; float: right; }
div#about-trvalink p { width: 250px; }
div#letsgo { width: 630px; float: left; overflow: hidden;}
form#novy-trvalink, form#zmenit-trvalink { width: 628px; background: url(/gradient.jpg) 0% 0% no-repeat #eee; padding: 10px 0; border: 1px solid #DDDDDD; }
form#novy-trvalink p, form#zmenit-trvalink p { width: 610px; height: 2em; line-height: 2em; margin: 10px 10px; padding: 0 0 0 0; position: relative; }
form#novy-trvalink p label, form#zmenit-trvalink p label { display: block; width: 222px; height: 2em; line-height: 2em; position: absolute; left: 0; top: 0; overflow: hidden; text-align: right; font-weight: bold; }
form#novy-trvalink p input, form#zmenit-trvalink p input { display: block; width: 220px; position: absolute; left: 220px; margin: 0 10px; }
form#novy-trvalink p input#url, form#zmenit-trvalink p input#urlx { width: 370px; }
span#toxx, span.toxx, span#toxy { display: block; width: 150px; height: 2em; line-height: 2em; position: absolute; top: 0; right: 0; }
form#novy-trvalink p.popis, form#zmenit-trvalink p.popis { width: 610px; height: auto !important; margin: 10px 10px 25px 10px; padding: 0 0 10px 0; text-align: center; background: #E1E1E1; }
form p.popis small { display: block; width: 590px; height: auto; padding: 20px 0 0 0; background: url(/sipka-top.gif) 323px 0% no-repeat; font-size: 100%; font-weight: bold; color: #828282; position: relative; bottom: 10px; left: 10px; text-align: center; }
form#novy-trvalink p.odesli, form#zmenit-trvalink p.odesli { width: 610px; height: 50px !important; position: relative; margin: 10px 10px 10px 10px; text-align: right; }
form#novy-trvalink p.odesli input, form#zmenit-trvalink p.odesli input { display: block; width: 220px; position: absolute; left: 380px; height: 50px; line-height: 50px; font-weight: bold; cursor: pointer; cursor: hand; font-family: "Trebuchet MS", sans-serif, "Arial CE", "Lucida Grande CE"; }

/* Pomucky */
div.pomucka { width: 628px; background: url(/gradient.jpg) 0% 0% no-repeat #eee; padding: 10px 0 20px 0; margin: 0 0 40px 0; border: 1px solid #DDDDDD; }
div.pomucka h2 { width: 588px; padding: 0 0 0 0; margin: 20px 20px 20px 20px; }
div.pomucka h3 { width: 230px; padding: 0 0 0 0; margin: 10px 10px 10px 10px; color: #000; }
div.pomucka p { color: #000; width: 588px; margin: 10px 20px 0 20px; }
div.pomucka div.browser { width: 250px; height: 8em; float: left; margin: 15px 10px 0 0; position: relative; left: 20px; background: #FCFCFC; }
div.pomucka div.browser p { color: #000; width: 230px; margin: 10px 10px 0 10px; }

/* Api */
div.ukazka { width: 628px; background: url(/gradient.jpg) 0% 0% no-repeat #eee; padding: 10px 0 20px 0; margin: 0 0 40px 0; border: 1px solid #DDDDDD; }
div.ukazka h3 { padding: 0 0 0 0; margin: 10px 20px 0 20px; color: #000; }
div.ukazka p { color: #000; width: 590px; margin: 0 20px 0 20px; }
div#side { width: 250px; float: right; }
div#side p, div#side h2, div#side h3 { width: 250px; }

p#novy { text-align: center; color: #000; }

/* Paticka */
div#footer { width: 900px; background: #fff; border: 6px solid #618DE9; border-width: 6px 0 0 0; padding: 10px 0; margin: 40px auto 100px auto;  text-align: center; }
div#footer, div#footer p { color: #618DE9; }
div#footer a:link, div#footer a:visited { color: #618DE9; }
div#footer a:active, div#footer a:hover { color: #000; }

/* Panel */
p.panel {width:230px; float:left; display:inline; margin: 0 15px 15px 0; padding: 10px 0; text-align: center;
       background: white; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size: 105%;
       height:200px; overflow:auto;
}
p.panel a {text-decoration:none;}
p.panel a img {border:0;}
p.panel img.favicon {vertical-align:text-top; margin: 0 3px; }
#blklist {display:none;}
h2.bigy {font-size:200%;}
#bulkmeta {text-align: right; display:block; font-size:85%; padding-bottom: 5px; border-bottom: 5px solid #618DE9;}

iframe.tabframe {width:100%; height:100%; overflow:auto; min-height:500px;}

/* Reklamni bloky */
/* Horni banner */
p#rtop { width: 468px; height: 60px; position: absolute; top: 34px; right: 0px; z-index: 5; }
/* Medium na titulce */
p#rmedium { width: 300px; height: 250px; position: absolute; bottom: 20px; right: 0px; margin: 0 0 0 0; }
/* Leaderboard */
p#rleader { margin: 0 0 0 0; padding: 20px 0 20px 0;  }
/* Ctverec v sidebaru */

div#anonymizer {
width:550px;
margin:0 auto;
text-align:center;
font-size:120%;
border:2px solid #D80000;
background-color: #FDF2A6;
padding:5px;
}
div#anonymizer h2, div#anonymizer p {text-align:center;width:550px;}

#f1 .g-recaptcha {
    position: initial;
    margin: 40px 0 10px 20px;
}

#f1 .g-recaptcha div:first-of-type {
  width: auto !important;
}

#f1 .g-recaptcha-error{
  position: initial;
  margin: 40px 0 -30px 20px;
  padding: 0;
}