//body{margin-top: 0; margin-left: 16px; margin-right: 0px; margin-bottom: 0; padding:0;text-align:center; font: 80%/1.25 sans-serif, arial, verdana;color:#4F5357;background:#F7F3F7}
body {
  margin: 0;
  padding: 0;
  text-align: center;
  font: 80%/1.25 sans-serif, arial, verdana;
  color: #4F5357;
  background: #F7F3F7;
}
a{color: #00768B;}
a:hover{color:#fff;background:#35A1C3;text-decoration:none;}
/*
#pruh{background: url(img/pruh.gif) repeat-y left;}
#pruhkonec{background: url(img/menu-pruh.gif) no-repeat left bottom;}
*/
#pe{margin: auto;width: 972px;background-image: url("img/pravyokraj.png"); background-repeat: repeat-y;}
#footer, #lang, #page{width: 940px;}
#page{margin: auto; position: relative; background: url(img/body-line.gif) repeat-x bottom #FAFAFB;text-align: left;}
#menu {margin-top: 50px;}
#obsah{margin-top: 50px;}
#discl{width:800px;margin:0 auto;border:1px solid #CCC;padding:20px;text-align: justify;background: #FFF}
/* #head{width: 100%; height: 100px; background: url(img/head-line2.jpg) repeat-y right #fff; border-bottom: 4px solid #35a1c3;} */
#head{width: 100%; height: 100px; background: url(img/header2.gif) repeat-x right #fff; border-bottom: 0px solid #35a1c3;}
#head a{width: 283px;display:block;padding:100px 0 0 0; background: url(img/headlogo.jpg) no-repeat; overflow: hidden; height: 0 !important; height /**/: 100px;}
#obsah, #obsahe{float: right; width: 742px;text-align: justify; overflow: hidden;}
#obsahe{width: 100%; float: none;clear:both; margin-top: 50px;}
#dogen, #dogcz, #dogde, #doghu, #dogru, #dogfr{background: url(img/dog-en.gif) no-repeat left top;margin:15px 0 15px 0; padding-left:90px;}
#dogcz{background: url(img/dog-cz.gif) no-repeat left top;}
#doghu{background: url(img/dog-hu.gif) no-repeat left top;}
#dogde{background: url(img/dog-de.gif) no-repeat left top;}
#dogru{background: url(img/dog-ru.gif) no-repeat left top;}
#dogfr{background: url(img/dog-fr.gif) no-repeat left top;}
#dogen ul, #dogcz ul, #dogde ul, #doghu ul, #dogru ul{margin:auto 0;}
p.nomargin{margin:0;}
#obspoz{padding: 10px 5px 10px 5px;margin:0px;}
#obspoztitulka{padding: 0px 5px 10px 5px;margin:20px;}
#divright{text-align: right;}
#floatproblem{clear: both; position: relative; width: 1px; height: 1px; overflow: hidden;}
#menu{float: left; width: 198px; background: none; padding: 0px;}
#menu h4{color: #00758C;margin:4px 0 0 0; font-size: 80%;font-weight:bold;text-transform: uppercase;text-align:center; background: url(img/menu-radius.gif) no-repeat center top;}
#menu h4 span{background: #FFFBFF;padding:3px 0 0 3px;}
#menu ul{margin:0;padding:3px 0 0 0; background: url(img/menu-line.gif) repeat-y center transparent;text-align:center;}
#menu li{margin:0; list-style-type: none;display:inline;}
#menu a{margin-left:auto; margin-right: auto;text-align: left;padding:2px 0 2px 10px;display:block; width: 175px; border-top: 1px solid #FFF;border-bottom: 1px solid #D6D3D6; border-left: 1px #EFEFEF;background: #EFEFEF;color:#4A5152; text-decoration: none;font-weight:bold;}
#menu a:hover{color:#000;background:#D6D7DE;border: 1px solid #4A5152;}
html>body #menu a{width: 165px;}
#menu div{padding: 0 0 6px 0; background: url(img/menu-bottom.gif) center bottom no-repeat;text-align:center;}
#menu div.odk{background: url(img/menu-line.gif) repeat-y center;padding:3px 0 0 0;}
#menu #nadrek{padding: 5px 0 0 0; background: url(img/pruh.gif) repeat-y left;}
#menu #reklama p{width: 198px; padding: 8px 0 0 0;margin:0; text-align:center}
#reklama{margin: 10px 0 0 0;}
#reklama p a{color: #4F5357; background: #35A1C3; font-size: 85%;text-align:center}
#reklama a:hover{color: #000000;text-decoration: underline;}
/* #lang{position: absolute; left:0; top: 122px; background: #F9F9FA;clear:both; height: 50px;} */
#lang{position: absolute; left:0; top: 104px; background: #F9F9FA;clear:both; height: 50px;}
#lang ul, #lang h4{margin:0;padding:0;}
#lang h4{display: none;}
#lang fieldset{border: none;}
#lang form, #lang ul{height:50px;float:left}
#lang ul{margin:3px 0 0 0;width:650px}
#lang form{float:right;text-align:right}
#lang input{border: 1px solid #35A1C3;padding:0; background: #35A1C3;color:#fff;font-weight:bold;margin:10px 10px 0 0;}
html>body #lang input{margin:5px 10px 0 0;}
#lang #hledej{color: #4F5357; background: #fff;font-weight:normal;margin:0;}
#lang li{display: inline;}
#lang a{display: block; width: 80px; height: 50px;line-height:70px;text-align:center;color:#35A1C3; text-decoration: none;font-weight:bold; background: url(img/flags/cz.gif) no-repeat top center; float: left; overflow: hidden;}
html>body #lang a{overflow: visible;}
#lang a:hover{text-decoration: underline;}
#lang a.en{background: url(img/flags/en.gif) no-repeat top center;}
#lang a.sk{background: url(img/flags/sk.gif) no-repeat top center;}
#lang a.de{background: url(img/flags/de.gif) no-repeat top center;}
#lang a.fr{background: url(img/flags/fr.gif) no-repeat top center;}
#lang a.it{background: url(img/flags/it.gif) no-repeat top center;}
#lang a.ru{background: url(img/flags/ru.gif) no-repeat top center;}
#lang a.es{background: url(img/flags/es.gif) no-repeat top center;}
#footer{clear: both; float: none;color:#fff; font-size: 11px; background: #35A1C3; text-align:center; height: 21px;line-height:21px;margin:0;padding:0;}
#footer a{text-decoration: none;color:#fff;font-weight:bold;}
#footer p{margin:0;padding: 0; width: 32%; float: left;color:#fff;padding: 0;text-align:center;}
#footer p#left{float: left;text-align: left;padding-left:5px;}
#footer p#right{float: right;text-align: right;padding-right: 5px;}
h1{color: #00768B;text-align:center;margin:0.4em 0 0 0;padding:0;font-size: 180%;}
h2{font-size: 150%;}
h3{font-size: 110%;}
h4{font-size: 110%;}
h5{font-size: 100%;}
hr{display: none;}
#menu #reklama{background: url(img/pruh.gif) repeat-y center;color:#fff;}
#menu #reklama a{background: transparent;margin:0 auto;padding:3px 0 3px; width: 120px; border: none;color:#d2d5da;}
#menu #reklama a:hover{color: #FFF;text-decoration: underline; }
.del{color: blue;}
.corr{color: red;}
div.google {text-align:center;border: 0px;margin:0 0 1em 0;}
/* div.google, #sklikReklama_53840{text-align:center;border: 1px solid #35A1C3;padding:0 1em 1em 1em;margin:0 0 1em 0;background:#FFFBFF;} */
div.skin{border: 1px solid #35A1C3;padding:0 1em 1em 1em;margin:0 0 1em 0;}
div.root2{border-top: 1px solid #A6A3AE;}
div.root{border-top: 1px solid #A6A3AE;border-bottom: 1px solid #A6A3AE;} 
h2, h3, h4, h5{background: #35A1C3; margin:0;color:#fff;text-align:center;}
p.question{margin:1em 0 0 0;padding:0;font-weight:bold;}
p.answer{margin:0;}
ul, ol{margin:0 0 0 1em;padding-left:0;}
ol{margin:0 0 0 2em;}
p.tip{margin:0.5em 0;padding: 0; font-size: 80%;}
.nw{white-space: nowrap;}
.italic{font-style: italic;}
.bitalic{font-style: italic;font-weight:bold;}
div.vypln{width: 0.1em; height: 10em;}
div.download, div.compilers, div.hlpf{background: url(img/downline.gif) repeat-y left; border: 1px solid #2F9FBF;margin:10px 0 10px 0;}
div.download{margin:0 0 10px 0;}
/* vyruseni car */
div.hlpf{float: left;}
html>body div.hlpf{float: none;}
div.leftcolumn{width: 150px; min-height: 10px; float: left;text-align:center;}
div.leftcolumn a img{border: 0;}
div.rightcolumn{width: 576px; float: left;padding:1em;}
html>body div.rightcolumn{width: 550px;}
div.leftcolumn a{text-align:center;display:block; width: 80%;padding:5px; border: 1px solid #EBECEE;margin:10px auto;}
div.leftcolumn a.vice{padding:5px 5px 0 5px;margin:10px auto 0 auto;}
div.leftcolumn a.vice2{padding:0 5px 5px 5px;margin:0 auto 10px auto;}
div.leftcolumn a span{text-decoration: underline;display:block; cursor: pointer;}
div.leftcolumn a:hover{border: 1px solid #4A5152;color:#00758C;background:#D6D7DE;}
div.download h2, div.compilers h2{font-size: 100%;padding:2px 0 2px 1em;text-align: left;}
div.nofloat{clear:both; float: none; width: 100%; height: 0px;}
span.hidden{display:none;}
div.compilers p{float: left; width: 560px;margin:10px 0 0px 10px;text-align: left;}
div.compilers p.odk{clear: left; width: 150px;text-align:center;margin:0px 0 0px 0;}
div.compilers p.odk a{display:block; width: 80%;padding:5px; border: 1px solid #EFEFEF;margin:10px;float:none;text-decoration: none;}
div.compilers p.odk a:hover{border: 1px solid #4A5152;color:#00758C;background:#D6D7DE;}

div.compilers td.odk{width:150px;text-align:center;}
div.compilers td{font: 80%/1.25 sans-serif, arial, verdana;margin:10px 0 10px 0;padding:0 10px 10px 0px;}
div.compilers td.odk a{text-align:center;display:block; width: 80%;padding:5px; border: 1px solid #EBECEE;margin:10px auto;}
div.compilers td.odk span.size{color:#000; text-decoration: none; font-size: 80%;}
div.compilers td.odk a:hover{border: 1px solid #4A5152;color:#00758C;background:#D6D7DE;}

html>body div.compilers td{font: 100%/1.25 sans-serif, arial, verdana}
table td{font: 80%/1.25 sans-serif, arial, verdana;margin:10px 0 10px 0;padding:0 0 10px 0}
html>body table td{font: 100%/1.25 sans-serif, arial, verdana}
table th{font: 90%/1.25 sans-serif, arial, verdana;margin:10px 0 10px 0;padding:0 0 10px 0;font-weight:bold}
html>body table th{font: 110%/1.25 sans-serif, arial, verdana;font-weight:bold}
table.bottom td,table.bottom th{border-bottom: 1px solid #2f9fbf}
div.compilers a{clear:both; float: none;}
/* div.compilers a{text-align:center;display:block; width: 80%;padding:5px;margin:5px auto;} */
div.leftcolumn a span.size{color:#000; text-decoration: none; font-size: 80%;}
div.leftcolumn span.size{color: #000;}
/* div.compilers a:hover{border: 1px solid #4A5152;margin:10px auto;display:block;width: 80%;color:#00758C;background:#D6D7DE;padding: 6px;float: none;} */
div.leftcolumn a:hover{border: 1px solid #4A5152;color:#00758C;background:#D6D7DE;}
/* zadost o mirror v download sekci */
div.leftcolumn span.mirror{color:#000; text-decoration: none; font-size: 80%;}
div.screenshot{width: 100%; height: auto;margin:0 0 1em 0;padding:0; border: 1px solid #2f9fbf; background: #fff;}
html>body div.screenshot{width: auto;}
div.screenshot div{width: 50%; float: left;text-align:center;margin:0;}
div.screenshot div a{display:block; width: 99%; height: 90%;padding:0px; background: #fff; text-decoration: underline;border: 1px solid #EBECEE;color:#fff;margin:0px;}
div.screenshot div a:hover{border: 1px solid #4A5152;color:#00758C;background:#D6D7DE;}
div.screenshot div a:hover span{color:#2F9FBF; text-decoration: underline;}
div.screenshot div a img{margin:5px auto; border: 0;}
div.screenshot div a span{display:block;margin:4px 2px;margin:0;padding:4px 2px;color:#2F9FBF; text-decoration: underline;}
div.screenshot div.nofloat{display:block;clear:both; float: none; width: 100%; height: 1px; overflow: hidden; background: none; border: 0; border: none;margin:0;padding:0; background: transparent;}
div.screenshot div.uno{width:100%;text-align:center;}
p.shadow{margin:0;padding:5px;border:1px solid #fff;background:#2F9FBF;color:#fff;}
.center{text-align:center}
.left{text-align:left}
.justify{text-align:justify}
table.platby{border-collapse:collapse;margin:0 auto 15px auto; font: 100%/1.25 sans-serif, arial, verdana}
table.platby td, table.platby th{padding:0 10px;text-align:left;overflow:auto}
table.platby td.r, .right{text-align:right;}
/*  PayPal  */
table.platby td.pp {text-align:right;background:#DDDDFF;}
/*  MoneyBooker  */
table.platby td.mb {text-align:right;background:#FFDDDD;}
/* obecna tabulka */
table.obecna{border-collapse:collapse;margin:0 auto 15px auto; font: 95%/1.25 sans-serif, arial, verdana}
table.obecna td, table.obecna th{padding:1 10px;text-align:left;overflow:auto;border-width: 1px;border-style: dotted;border-color: #2f9fbf}
html>body table.obecna{border-collapse:collapse;margin:0 auto 15px auto; font: 90%/1.25 sans-serif, arial, verdana}
html>body table.obecna td, table.obecna th{padding:0 10px;text-align:left;overflow:auto;border-width: 1px;border-style: dotted;border-color: #2f9fbf}
a img{border:0;}
fieldset{border:0;}
form.emailform div{float:left;width:50px;}
form.emailform div label{height:1.5em;line-height:1.5em;display:block;margin:2px;}
form.emailform input{float:left;margin:2px; border:1px solid #38a0c0;height:1.5em;}
form input.button{border: 1px solid #38a0c0;background:#38a0c0;color:#fff;font-weight:bold;}
form.emailform br{clear:both;float:none;}
textarea{border: 1px solid #ADCEEF;color:#4A5152;font-size:100%;width: 100%; margin-bottom: 1em;}
div.center img{margin:5px auto;}
div.center p{padding: 0 0 5px 0;}
ul.authorul{list-style-type:none;margin:5px 1px;}
ul.authorul li span{width:120px;display:block;float: left;}
ul.authorul li span.e{width:1px;height:1px;float:none;clear:both;display:block;overflow:hidden;}
div.e{clear:both;float:none;overflow:hidden;width:1px;height:1px;}
div div.r{position:relative;width:100%;}
div.skinb{border:1px solid #35A1C3;padding:0;margin:0;}
div.skinb ol{list-style-type:none;margin:5px 1px 0 1px;padding:0 1em;}
div.skinb p{margin:5px 0 5px 0;padding:0 1em;}
div.skinb h4{text-align:left;padding:0 1em;}
div #obspoz p.sm{font: 80%/1.25 sans-serif, arial, verdana;margin:1em 0 0.5em 0;padding:0}
ul.ciste{list-style-type:none;}
#toplist{width:0;height:0;margin:0;padding:0;display:none;}
h2.editor{font-size:100%;background:none;color:#4f5357;font-weight:bold;text-align:left;}
.bm {margin:0 0 1.5em 0;}
#kod_a{border: 1px solid #ADCEEF; color:#4F5357; width: 100%; margin-bottom: 3px;font-size:95%;}
#gform {position:absolute; top:20px; right:20px;}
@media (max-width: 768px) {
  #pe {
    width: 100%;
    overflow-x: hidden; 
	 background-image: none;
  }  
  #page, #footer, #lang {
    width: 100%;
  }
  #obsah, #obsahe {
    width: 100%;
    float: none;
  }

  #menu {
    float: none;
    width: 100%;
  }

  #menu div {
    background: none;
  }

  #menu ul {
    background: none;
  }

  #menu a {
    width: auto;
    padding: 5px 10px;
    border: none;
  }
  #lang li {
    display: inline-block; 
    margin: 0px 5px; 
  }

  #lang li a {
    width: 40px;
    height: 20px; 
  }

  #lang li a img {
    width: 100%; /* Obrázek vyplní celý odkaz */
    height: auto;
  }
 .leftcolumn { /* Přidáno pravidlo pro leftcolumn  */
    width: 100%;
    float: none;
  }
  .rightcolumn { 
    width: 100%; 
    float: none; 
  }
}