@charset "utf-8";
/* CSS dokument */


/* =============== obecne direktivy =============== */
* {margin: 0; padding: 0;}
html {height: 100%; font-size: 62.5%}
body {height: 100%; background: #efefed; text-align: center; font: 1.2em Verdana, Arial, Helvetica, sans-serif; position: relative; min-width: 990px;}

a:link, a:visited {color: #0167a1; text-decoration: underline;}
a:hover, a:active, a:focus {text-decoration: none;}

a img {border: 0;}
.cleaner {clear: both; height: 0; font-size: 0; visibility: hidden;}
.hidden {position: absolute; top: -10000px; left: 0; width: 1px; height: 1px; overflow: hidden;}
.noscreen {display: none;}
abbr, acronym, span.abbr {border-bottom: 1px dotted black; cursor: help;}
.strike {text-decoration: line-through;}

p {color: #404040; line-height: 1.6;}
p.o-druhu {color: #181818; font-size: 1em !important; font-weight: normal; margin: -3px 0 16px 0; padding-bottom: 7px;}
p.o-druhu-neurceny {color: #181818; font-size: 1.1em !important; font-weight: normal; margin: 0 0 16px 0; padding: 3px 0 7px 0;}
p.historie-verzi {font-size: 1em;}
p.kde {color: #303030; font-size: 0.9em; margin: -7px 0 -10px 0;} 
p.kde a, p.kde a:visited {color: #054773;} 
p.where a:hover {}

ul.verze {margin: 5px 0 12px 0;}
ul.verze li {list-style-type: square; list-style-position: inside; margin-bottom: 3px;}
ul.seznam {margin: 9px 0 25px 1px; list-style: none; font-size: 1.15em;}
ul.seznam li {background: url("../img/odrazka.gif") no-repeat 0 60%; padding-left: 14px; margin-bottom: 4px;}
ul.fotozasoba {margin: 9px 0 0 1px; list-style: none; font-size: 1.1em;}
ul.fotozasoba li {background: url("../img/odrazka.gif") no-repeat 0 60%; padding-left: 14px; margin-bottom: 4px;}
ul.fotozasoba li b {margin-right: 3px;}

a.file, a.file:visited {font: 1em Georgia, "Times New Roman", Times, serif; padding: 5px 11px; color: #fff; background-color: #025e92; border: 2px solid #086ca5; text-align: center;}
a.file:hover {text-decoration: none; background-color: #025E92;}


/* =============== hlavicka =============== */
/* #lista {width: 100%; background: #444444 url("../img/lista.gif") repeat-x 0 0;} */ #lista {width: 100%; background: #2a2a2a;}
#sup-header {width: 990px; margin: 0 auto; text-align: left; position: relative;}
#sup-header h1 {color: #f3f3f3; font: bold 1.5em Verdana, Arial, Helvetica, sans-serif; line-height: 45px; padding: 1px 0 0 2px;}
#sup-header h1 span {font: 0.7em Arial, Helvetica, sans-serif !important; letter-spacing: 1px; color: #f3f3f3; position: relative; top: -1px;}
#sup-header h1 a:link, #sup-header h1 a:visited {color: #f3f3f3; text-decoration: none;}
#sup-header h1 a:hover, #sup-header h1 a:active, #sup-header h1 a:focus {}
#sup-header p#co-je-nabla {position: absolute; top: 16px; left: 850px; color: #bbb !important; font: italic 1em Arial, Helvetica, sans-serif !important; letter-spacing: 1px;}


/* =============== vyhledavaci formular =============== */
form.searching {width: auto; position: absolute; top: 12px; left: 737px;} form.searching fieldset {border: 0; margin: 0;}
input.search {width: 138px; border: 1px solid silver; letter-spacing: 1px; padding: 1px 7px;}
form.searching input.hledat {letter-spacing: 1px; font-weight: bold;}
form.searching label {display: none;}


/* =============== menu =============== */
#menu-box {height: 30px; background-color: #dadada; border-bottom: 1px solid #c1c1c1; border-top: 1px solid #dedede;}
#menu {width: 990px; margin: 0 auto; position: relative;}
#menu li {margin: 0 auto; display: inline; list-style-type: none; text-align: center;}
#menu li a {text-decoration: underline; color: #050505; float: left; display: inline; line-height: 30px; padding: 0 17px; border-right: 1px solid #bbb;}
#menu li.first a {border-left: 1px solid #bbb;}
#menu li a:hover, #menu li a:active, #menu li a:focus {background-color: #ccc; text-decoration: none;}
#menu li a.active {background-color: #efecbe; text-decoration: none;}
#menu li a.li-ven, #menu li a.li-ven:visited {color: #303030; font-style: italic; text-decoration: underline; background: url("../img/ven.gif") no-repeat 88% 50%; padding-right: 32px;}
#menu li a.li-ven:hover, #menu li a.li-ven:active, #menu li a.li-ven:focus {background-color: #ccc; text-decoration: none;}
	
#menu li a.forum, #menu li a.forum:visited {background: #0369a2; color: #fff; border-top: 1px solid #0369a2; position: relative; top: -1px;}
#menu li#fb-like {padding: 4px 0 0 16px;} 

#menu img {position: absolute; top: 4px; right: 65px; z-index: 1000;}




/* Clearfix */
.clearfix:after {display: block; clear: both; visibility: hidden; height: 0; font-size: 0; content: ' ';}
.clearfix {min-height: 1px;}
.clearfix {display: inline-block;}

/* Backslash hack - IE/Mac do not see it \*/
.clearfix {display: block;}
/* Hack end */


#wrapper {text-align: left; width: 990px; margin: 0 auto; position: relative; padding-bottom: 10px;}
#nabla-obrazek {position: absolute; top: 16px; left: 632px; width: 150px; height: 194px; background: url("../nabla-obrazek.png") no-repeat 0 0;}
#o-nable {position: absolute; top: 159px; left: 771px;}
#o-nable a, #o-nable a:visited {font: normal 1em Arial, Helvetica, sans-serif; color: #606060;}

h2 {font: normal 1.8em Georgia, "Times New Roman", Times, serif; color: #505050; width: 90%; padding-bottom: 1px;}
h2#uvitani {font: 2em Georgia, "Times New Roman", Times, serif; color: #505050; position: absolute; top: 30px; left: 1px;}
h2#uvitani, h2#uvitani span {width: 253px; height: 114px;} 
h2#uvitani span {display: block; position: absolute; top: 0; left: 0; background: url("../img/dobry-den-b.gif") no-repeat 0 0;}

.content {margin: 70px 0 0 0;} 
.content-d {margin: 0 0 0 0;} 
.content-a {margin: 22px 0 60px 0;}


p.uvitani1 {padding: 30px 0 10px 1px; font: 1.6em Georgia, "Times New Roman", Times, serif; width: 612px;}
p.uvitani1:first-letter {font: 1.3em Georgia, "Times New Roman", Times, serif;}
p.uvitani {font: 1.4em Georgia, "Times New Roman", Times, serif; line-height: 1.9; margin-left: 2px; width: 612px;}


/* Jedna, dva, tri, ctyri */
div#jedna, div#dva, div#tri, div#ctyri, div#pet, div#sest, div#sedm, div#osm, div#devet , div#deset
{float: left; width: 245px; margin-right: 1px;}
div#jedna h2 span, div#dva h2 span, div#tri h2 span, div#ctyri h2 span, div#pet h2 span, div#sest h2 span, div#sedm h2 span, div#osm h2 span, div#devet h2 span, div#deset h2 span 
{display: block; background: url("../img/caranice7.gif") no-repeat 0 0; width: 26px; height: 22px; position: absolute; top: 2px; right: 6px;}
div#jedna h2 {border-bottom: 5px solid #0272b1; position: relative;}
div#dva h2 {border-bottom: 5px solid #448801; position: relative}
div#tri h2 {border-bottom: 5px solid #98309c; position: relative}
div#ctyri h2 {border-bottom: 5px solid #27786c; position: relative}
div#pet h2 {border-bottom: 5px solid #c02a2a; position: relative}
div#sest h2 {border-bottom: 5px solid #845700; position: relative}
div#sedm h2 {border-bottom: 5px solid #002da3; position: relative}
div#osm h2 {border-bottom: 5px solid #006c2d; position: relative}
div#devet h2 {border-bottom: 5px solid #dcc500; position: relative}
div#deset h2 {border-bottom: 5px solid #006c80; position: relative}

div#jedna h2 a, div#dva h2 a, div#tri h2 a, div#ctyri h2 a, div#pet h2 a, div#sest h2 a, div#sedm h2 a, div#osm h2 a, div#devet h2 a, div#deset h2 a 
{color: #505050; text-decoration: none;}
div#jedna h2 a:visited, div#dva h2 a:visited, div#tri h2 a:visited, div#ctyri h2 a:visited, div#pet h2 a:visited, div#sest h2 a:visited, div#sedm h2 a:visited, div#osm h2 a:visited , div#devet h2 a:visited, div#deset h2 a:visited
{color: #505050; text-decoration: none;}
div#jedna h2 a:hover, div#dva h2 a:hover, div#tri h2 a:hover, div#ctyri h2 a:hover, div#pet h2 a:hover, div#sest h2 a:hover, div#sedm h2 a:hover, div#osm h2 a:hover, div#devet h2 a:hover, div#deset h2 a:hover,
div#jedna h2 a:active, div#dva h2 a:active, div#tri h2 a:active, div#ctyri h2 a:active, div#pet h2 a:active, div#sest h2 a:active, div#sedm h2 a:active, div#osm h2 a:active, div#devet h2 a:active, div#deset h2 a:active
div#jedna h2 a:focus, div#dva h2 a:focus, div#tri h2 a:focus, div#ctyri h2 a:focus, div#pet h2 a:focus, div#sest h2 a:focus, div#sedm h2 a:focus, div#osm h2 a:focus, div#devet h2 a:focus , div#deset h2 a:focus
{color: #101010;} 
div#jedna h3, div#dva h3, div#tri h3, div#ctyri h3, div#pet h3, div#sest h3, div#sedm h3, div#osm h3, div#devet h3, div#deset h3 
{font: 1.1em Georgia, "Times New Roman", Times, serif; color: #101010; letter-spacing: 1px; width: auto; border: 0; margin: 14px 0 0 0;}

.content-a div#jedna, .content-a div#dva, .content-a div#tri, .content-a div#ctyri, .content-a div#pet, .content-a div#sest, .content-a div#sedm, .content-a div#osm, .content-a div#devet, content-a div#deset {margin: 27px 0 0 0;}
.content-a h2 {font-size: 1.5em; border-bottom: 5px solid #c8c8c8 !important;}
.content-a h2#zaklad {font-size: 1.8em; border: 0 !important;}

div#jedna p, div#dva p, div#tri p, div#ctyri p, div#pet p, div#sest p, div#sedm p, div#osm p, div#devet p, div#deset p 
{font: 1.2em Verdana, Arial, Helvetica, sans-serif; color: #404040; line-height: 1.7; width: 89%; margin: 7px 0 0 0;}

p.racte {text-align: right; position: relative; top: -2px; right: 12px; font-style: italic;}
p.racte-m {text-align: right; position: relative; top: 10px; right: 12px; font-style: italic;}
p.racte a, p.racte-m a {font-style: italic;}

.col1 {float: left; width: 56%; padding-bottom: 10px;}
.col2 {float: right; width: 42%; padding-bottom: 10px}
.col1, .col2 {margin: 40px 0 0 0;}
.col1 h2 {border-bottom: 2px solid #c1c1c1; width: 86%; position: relative;}
.col2 h2 {border-bottom: 2px solid #c1c1c1; width: 92%; position: relative;}
.col1 h2 span, .col2 h2 span {display: block; background: url("../img/caranice7.gif") no-repeat 0 0; width: 26px; height: 22px; position: absolute; top: 2px; right: 6px;}

h3 {font: 1.3em Georgia, "Times New Roman", Times, serif; color: #101010; letter-spacing: 1px; margin: 18px 0 7px 0; width: 475px;}
address {font: italic 1.5em Georgia, "Times New Roman", Times, serif; color: #5a5a5a; margin: 12px 0 20px 0;}


/* =============== o webu =============== */
p.pokracovani {font: 1.1em Verdana, Arial, Helvetica, sans-serif; color: #3a3a3a; margin: 22px 0 27px 0;}

dl#rozhovor {width: 75%; margin-bottom: 20px; margin-top: 27px;}
dl#rozhovor dt {font: 1.4em Georgia, "Times New Roman", Times, serif; color: #bd0000; margin-bottom: 3px;}
dl#rozhovor dd {font: 1.2em Verdana, Arial, Helvetica, sans-serif; color: #404040; margin-bottom: 24px; line-height: 1.7;}
dl#rozhovor strong {font-size: 1.3em; line-height: 1.1;}
dl#rozhovor span {line-height: 2.8; display: block; margin-bottom: -3px;}


/* =============== galerie - uvodni stranka =============== */
.gallery-index {width: 100%; margin: 8px 0 -1px 0; overflow: hidden;}
.gallery-index .foto {float: left; width: 110px; height: 78px; margin: 0 0 7px 0;}
.gallery-index .foto a img , .gallery-index .foto a:visited img {border: 1px solid silver;}
.gallery-index .foto a:hover img, .gallery-index .foto a:active img, .gallery-index .foto a:focus img {border: 1px solid #909090;}


/* =============== kontaktni formulare =============== */
.namemail-input, .message-area, .just-input {border: 2px solid #d5d5d5; padding: 3px;} 
.namemail-input2, .message-area2, .just-input2 {border: 1px solid #d5d5d5; padding: 3px;}
.namemail-input:focus, .message-area:focus, .just-input:focus {border: 2px solid #b1b1b1;}
input#ochrana {text-align: center;}
.just-input {width: 340px;}
.spam-protection {width: auto;}
.message-area {width: 385px; height: 160px;} 
.message-area2 {width: 385px; height: 160px; font-weight: bold; font-size: 1.3em;}
table#contact-form, fieldset {margin: 12px 0 50px 0;}
table#contact-form {border-collapse: collapse; border-spacing: 0;}
#contact-form th {text-align: center; font-weight: bold;}
#contact-form th, #contact-form td {padding: 4px 5px;}
#contact-form td label {font-family: Verdana, Arial, Helvetica, sans-serif; color: #252525; margin-right: 12px;}
#contact-form td span {font-size: 0.9em; color: #303030; margin-left: 8px;}
#contact-form td samp {color: black; font-size: 15px;}
#contact-form td span.req {color: #404040; margin-left: 3px;} 
#contact-form td span.req2 {margin-left: -1px; line-height: 1.9;}
.zprava-up {vertical-align: top !important;}
.button-right {text-align: right !important; line-height: 3;}


ul.kontakty {list-style: none; margin: 10px 0 34px 3px; font-size: 1.1em;}
ul.kontakty li {margin-bottom: 5px; color: #303030;}
ul.kontakty li a, ul.kontakty li a:visited {color: #303030;}
ul.kontakty li a:hover {text-decoration: none; color: #000; background: #fff;}
ul.kontakty span {font-size: 0.9em; color: #505050;}


dl.links {margin: 16px 0 27px 0;}
dl.links dt {font: 1.3em Georgia, "Times New Roman", Times, serif; letter-spacing: 1px; color: #3a3a3a; margin-bottom: 5px; background: url("../img/odrazka.gif") no-repeat 0 55%; padding-left: 16px;}
dl.links dt a, dl.link dt a:visited {color: #3a3a3a;}
dl.links dt a:hover {text-decoration: none; color: #3a3a3a;}
dl.links dd {font-size: 1.1em; color: #3a3a3a; margin: 0 0 14px 2px; line-height: 1.5;}

dl.novinky {margin: 0 0 27px 3px; color: #232323;}
dl.novinky dt {margin: 0 0 3px 0; font-style: italic; font-size: 1.15em;}
dl.novinky dt span {background-color: #FFFFCC; border-top: 1px solid #FFFFCC; border-bottom: 1px solid #FFFFCC; border-left: 3px solid #FFFFCC; border-right: 3px solid #FFFFCC;}
dl.novinky dd {margin: 0 0 12px 2px;  font-size: 1.15em; line-height: 1.3;}


/* =============== horizontalni cary =============== */
hr {border: none; height: 1px; background-color: #c8c8c8; color: #c8c8c8;width: 943px;text-align: left;}
div.cara {font-size: 0; height: 0; content: ' '; margin: 0 0 0 0; border-top: 1px solid #fff; border-bottom: 1px solid #cacaca; width: 97%;}
div.cara-f {font-size: 0; height: 0; content: ' '; margin: 0 0 0 0; border-top: 1px solid #fff; border-bottom: 1px solid #cacaca;}
div.cara2 {font-size: 0; margin: 40px 0 0 0; border-bottom: 2px dotted #b5b5b5; width: 97%;} 
div.cara2-d {font-size: 0; margin: 3px 0 0 0; border-bottom: 2px dotted #b5b5b5; width: 97%;}
div.cara3 {font-size: 0; margin: 20px 0 0 0; border-bottom: 2px dotted #b5b5b5; width: 95%;}
div.cara-tenka {font-size: 0; margin: 0 0 42px 0; border-bottom: 0; width: 97%;}


/* =============== mapa webu =============== */
ul.map {list-style: square; list-style-position: inside; margin-top: 15px;} 
ul.map li {font-size: 1.2em; font-weight: bold; color: #303030;} 
ul.map li.first {list-style: none; margin-top: 5px;} 
ul.map li a, ul.map li a:visited {color: #303030;} 
ul.map li a:hover, ul.map li a:active, ul.map li a:focus {background-color: #303030; color: #FFF;}
ul.submap {list-style: none; margin: 3px 0 0 20px; list-style-position: outside; } 
ul.submap li {font-size: 0.9em; font-weight: normal; margin-bottom: 5px; background: url("../img/map-ico.gif") no-repeat 0 4px; padding-left: 12px;}
ul.submap li span {color: #4a4a4a; font-style: italic;}


/* =============== prohlaseni o pristupnosti =============== */
p.pristupnost {font-size: 1.2em; line-height: 1.7; margin-top: 18px;}
ul#acceskeys {list-style: none; list-style-position: inside; margin: 12px 0 30px 7px;} ul#acceskeys li {background: url('../img/odrazka.gif') no-repeat 0 60%; padding-left: 17px; margin-bottom: 8px;}
ul#acceskeys li span {color: #404040;}
p.accesskeys-info {margin: -9px 0 40px 0;}


/* =============== licence =============== */
p.licence {font-size: 1.2em; line-height: 1.7; margin-top: 18px;}


/* =============== ikonky =============== */
#icon-gmail {background: url("../img/icon-gmail.gif") no-repeat 0 50%; padding-left: 25px;}
#icon-twitter {background: url("../img/icon-twitter.gif") no-repeat 0 50%; padding-left: 25px;}
#icon-facebook {background: url("../img/icon-facebook.gif") no-repeat 0 50%; padding-left: 25px;}
#icon-rss {background: url("../img/icon-rss.gif") no-repeat 0 50%; padding-left: 25px;}


#social-icons {position: relative; height: 40px; margin: 0; padding: 0; clear: both;}
div#social-icon1 {position: absolute; bottom: 5px; right: 80px;}
div#social-icon1-f {position: absolute; bottom: 5px; right: 42px;}
div#social-icon2 {position: absolute; bottom: 5px; right: 42px;}
div#social-icon2-f {position: absolute; bottom: 5px; right: 3px;}

a.fb-icon, a.fb-icon:visited {display: block; width: 32px; height: 32px; overflow: hidden;}
a.fb-icon:hover {text-indent: -32px;}
a.fb-icon img {border: none;}


/* =============== paticka =============== */
#footer {margin: 9px 0 20px 0; font-size: 0.9em; color: #505050; width: 97%; position: relative; height: 34px; overflow: visible;} .fyz {width: 100% !important;}
#footer a, #footer a:visited {color: #303030;}
#footer p.left {float: left; width: 400px; margin-bottom: 11px; text-align: left;}
#footer p.right {float: right; width: 400px; text-align: right; margin-bottom: 11px;}
.footer-button  {color: #303030 !important; padding: 4px 9px 4px 9px; border: 1px solid #a7a7a7; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background: #e4e4e4 url("../img/button-enlarge.gif") 100% 0 repeat-x; font-size: 11px; font-weight: normal; text-decoration: none !important; cursor: pointer; margin-right: 3px;}
.footer-button:hover {border: 1px solid #a7a7a7; background: #eee; text-decoration: none; color: #000 !important;}
 
.pomahej-s-nablou {color: #303030 !important; padding: 5px 10px 5px 10px; border: 1px solid #9abbe5; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background: #bfdbff url("../img/button-pomahej.gif") 100% 0 repeat-x; font-size: 12px; font-weight: normal; 
text-decoration: none !important; cursor: pointer; position: absolute; left: 0; top: 42px;}
.pomahej-s-nablou:hover {border: 1px solid #9abbe5; background: #d6e9ff; text-decoration: none; color: #000 !important;}


/* =============== nove sekce =============== */
.nove-sekce {margin: 15px 0; padding-bottom: 20px;}
.nove-sekce h2 {margin-bottom: 16px; font: 20px Georgia, "Times New Roman", Times, serif;}
.nova-sekce-tlacitko {color: #303030 !important; padding: 8px 16px 8px 16px; border: 1px solid #81b1e2; -moz-border-radius: 6px; -webkit-border-radius: 6px; 
border-radius: 6px; background: #99CCFF url("../img/nova-sekce-tlacitko-bg.gif") repeat-x 0 0; font: 13px Verdana, Arial, Helvetica, sans-serif; text-decoration: none !important; cursor: pointer; margin-right: 5px;}
.nova-sekce-tlacitko:hover {color: #000 !important;}



/* ============================================= matematika ============================================= */
#lista-m {width: 100%; background: #005f94;}

.content-m {margin: 65px 0 0 0;} 
.content-m-d {margin: 30px 0 0 0; text-align: center;} 
.content-m-in {margin: 30px 0 0 0; padding: 0 0 0 14px;}
.content-m-test {margin: 30px 0 0 0;}

h2#matematika {font-size: 2.3em; color: #505050; position: relative; top: 30px; overflow: hidden;}
h2#matematika, h2#matematika span {width: 244px; height: 35px;} 
h2#matematika span {display: block; position: absolute; top: 0; left: 0; background: url("../img/matematika.gif") no-repeat 0 0;}

h3#prehled {margin: -5px auto 18px auto; font: normal 1.3em Georgia, "Times New Roman", Times, serif; text-align: center; line-height: 1.4;}
h3#prehled em {color: #015f91;}
	
.content-m div#jedna, .content-m div#dva, .content-m  div#tri {float: left; width: 33%; margin-top: 0;}
.content-m div#jedna h2, .content-m div#dva h2, .content-m  div#tri h2 {font: 1.8em Georgia, "Times New Roman", Times, serif; color: #505050; border-bottom: 5px solid #bbcfda;}
.content-m div#tri h2 {font: 1.8em Georgia, "Times New Roman", Times, serif; border-bottom: 5px solid #ddd; color: #919191}

.content-m dl {margin: 9px 0 0 0;}
.content-m dt {font: 1.2em Verdana, Arial, Helvetica, sans-serif; color: #105175; margin-bottom: 12px; background: url("../img/odrazka.gif") no-repeat 0 55%; padding-left: 12px;}
.content-m dt a, .content-m dt a:visited {color: #105175;}
.content-m dt a:hover, .content-m dt a:active, .content-m dt a:focus {text-decoration: none;}
.content-m dt span {color: #505050; font: 0.9em Verdana, Arial, Helvetica, sans-serif;}
.content-m dd {margin: -9px 0 14px 0; color: #404040; line-height: 1.5;}
.content-m dd a, .content-m dd a:visited {color: #303030;}
.content-m dd a:hover, .content-m dd a:active, .content-m dd a:focus {text-decoration: none;}
.content-m dd span {color: #606060; font: 1em Verdana, Arial, Helvetica, sans-serif;}

.content-m-in h2 {border-bottom: 5px solid #bbcfda; width: 72%; margin-bottom: 14px;}
.content-m-in h3 {font-size: 1.4em; font-weight: normal; margin: 18px 0 4px 0; color: #181818;}
.content-m-in p {font-size: 1.2em; line-height: 1.7;}
.content-m-in a, .content-m-in a:visited {font-size: 1.2em; line-height: 1.7;} 
.content-m-in span {color: #606060; font-family: Verdana, Arial, Helvetica, sans-serif;}

.content-m-in p.kde {font-size: 1em !important; margin: 0 0 38px 0; color: #303030;}
.content-m-in p.kde a, .content-m-in p.kde a:visited {font-size: 1em;}

.content-m-test h2 {border-bottom: 5px solid #bbcfda; width: 70%; margin-bottom: 14px;}
.content-m-test h3 {font-size: 1.4em; font-weight: normal; margin: 18px 0 4px 0; color: #181818;}
.content-m-test p {font-size: 1.2em; line-height: 1.7;} 
.content-m-test dl dt {font-size: 1.2em; line-height: 1.7; background: url("../img/odrazka.gif") no-repeat 0 55%; padding-left: 14px;}
.content-m-test dl dt span {color: #505050; font: normal 0.9em Verdana, Arial, Helvetica, sans-serif;}

.content-m-test p.kde {font-size: 1em !important; margin: 0 0 30px 0; color: #303030;}
.content-m-test p.kde a, .content-m-test p.kde a:visited {font-size: 1em;}

p.file-info {font: 1em Arial, Helvetica, sans-serif; letter-spacing: 1px; margin: 11px 0 14px 3px; clear: both;}

a.na-testy, a.na-testy:visited {float: left; background-color: #404040; color: #fff; display: block; padding: 3px 8px; border: 1px solid #808080; margin: 5px 0 0 1px; font-size: 1.1em;}

.navest {margin-top: 3px !important;}
.mat-obsah {width: 85%;}
.mat-obsah p {line-height: 1.7; margin-bottom: 12px;}
.mat-obsah a, .mat-obsah a:visited {font-size: 1em; line-height: 1.7;}
.mat-obsah img {margin-bottom: 12px;}
.mat-obsah h3 {font: normal 1.3em Georgia, "Times New Roman", Times, serif; color: #181818; padding-bottom: 3px; border-bottom: 1px solid #c5c5c5; width: 100%; margin-bottom: 8px;}
.mat-obsah p.stahnout-pdf {margin-top: 20px; margin-bottom: 40px; padding: 9px 0; border-top: 1px dotted gray; border-bottom: 1px dotted gray;}
.mat-obsah p.stahnout-pdf a, .mat-obsah p.stahnout-pdf a:link {font-size: 1em;}
.mat-obsah dl.slovni-uloha dt {font: 1.2em Verdana, Arial, Helvetica, sans-serif; line-height: 1.5; color: #181818; padding: 7px 16px; 
border: 1px solid #7bb0d2; background-color: #d2eafa; margin-bottom: 10px; margin-top: 10px;}
.mat-obsah dl.slovni-uloha dd {font: 1.2em Verdana, Arial, Helvetica, sans-serif; line-height: 1.6; margin-bottom: 22px; margin-left: 7px;}
.mat-obsah dl.slovni-uloha dd.pozn {font: 1.1em Verdana, Arial, Helvetica, sans-serif; color: #181818; margin: 12px 0 12px 7px;}
.mat-obsah dl.slovni-uloha dd img {margin: 12px 0 6px 0;}
.mat-obsah dl.slovni-uloha dt {font: 1.2em Verdana, Arial, Helvetica, sans-serif; line-height: 1.5; color: #181818; padding: 7px 16px; 
border: 1px solid #7bb0d2; background-color: #d2eafa; margin-bottom: 10px; margin-top: 10px;}
.mat-obsah div.uloha {padding: 7px 16px; border: 1px solid #7bb0d2; background-color: #d2eafa; margin-bottom: 10px; margin-top: 10px;}
.mat-obsah div.uloha p.jedna {font: 1.2em Verdana, Arial, Helvetica, sans-serif; line-height: 1.5; color: #181818; margin-bottom: 0;}
.mat-obsah table {border-collapse: collapse; border: 1px solid silver; width: 100%; margin-bottom: 12px;}
.mat-obsah table th {padding: 12px 22px; border: 1px solid silver; background-color: #e3eaf7;}
.mat-obsah table td {border: 1px solid silver; text-align: center; line-height: 1.5; padding: 5px 0; background-color: #fefefe;}

.mat-obsah div.dulezitost {padding: 7px 16px; border: 1px solid #e1c0a9; background-color: #fee6d6; margin-bottom: 10px; margin-top: 10px;}
.mat-obsah div.dulezitost p.jedna {font: 1.2em Verdana, Arial, Helvetica, sans-serif; line-height: 1.5; color: #181818; margin-bottom: 0;}

.mat-obsah h4 {font: normal 1.2em Georgia, "Times New Roman", Times, serif; color: #181818; padding: 2px 7px; margin-bottom: 8px; margin-top: 14px; background-color: #ffffcc; letter-spacing: 1px;}

.sloupecek11 {float: left; width: 49%;}
.sloupecek22 {float: right; width: 49%;} 
	.sloupecek11 ul, .sloupecek22 ul {list-style-type: square; list-style-position: inside;}
		.sloupecek11 ul li, .sloupecek22 ul li {font: 1.2em Verdana, Arial, Helvetica, sans-serif !important; margin-bottom: 5px; color: #303030;}


/* ============================================= biologie ============================================= */
#lista-b {width: 100%; background: #2a7700;}

.content-b {margin: 30px 0 0 0;}
h2#biologie {font-size: 2.3em; color: #505050; width: 89%; position: relative; top: 30px; overflow: hidden;}
h2#biologie {height: 36px;} 
h2#biologie span {width: 180px; height: 36px;} 
h2#biologie span {display: block; position: absolute; top: 0; left: 0; background: url("../img/biologie.gif") no-repeat 0 0;}
h2#biologie em {position: relative; left: 82px; top: 0px; font-size: 0.9em;}

.content-b div.sekce {margin: 24px 0 30px 0; width: 98%;} .n {margin: 0 0 30px 0 !important;}
.content-b div.sekce h2 {font: 1.8em Georgia, "Times New Roman", Times, serif; color: #505050; border-bottom: 5px solid #c5ddae; width: 60%;}
.content-b div.sekce h3 {font: normal 1.3em Georgia, "Times New Roman", Times, serif; color: #b81e00; letter-spacing: 1px; width: auto; border: 0; margin: 20px 0 0 0;}

.galerie {width: 100%; margin: 0 0 20px 0; overflow: hidden;} .druhy {margin: 12px 0 50px 0 !important;} .bobulky {margin: 12px 0 30px 0 !important;}
.galerie a, .galerie a visited {}
.galerie a:hover {background: 0;}
.galerie .photo {float: left; width: auto; text-align: center; margin: 0 14px 14px 0; overflow: visible;}
.galerie .photo img {border: 3px solid #dfdfdf;}
.galerie .photo a:hover img {border: 3px solid #ccc;}

.center {text-align: center !important; width: 186px !important; margin: 0 auto; overflow: visible;}

.galerie-full {width: 100%; margin: 0 0 18px 0; color: #515151; text-align: left;}
.galerie-full a, .galerie-full a visited {}
.galerie-full a:hover {background: 0;}
.galerie-full .photo {float: left; width: 268px; height: auto; overflow: visible; text-align: center; margin: 0 17px 24px 0; color: #505050;}

.galerie-full .photo img {border: 3px solid #dfdfdf; margin-bottom: 3px;}
.galerie-full .photo a:hover img {border: 3px solid #ccc;}

.galerie-full .photo p {text-align: left; line-height: 1.8; margin: 0 0 3px 1px; color: #404040; font-size: 1em; position: relative; z-index: 1000;}
.galerie-full .photo p a, .galerie-full .photo p a:visited {color: #505050; text-decoration: none;}
.galerie-full .photo p a:hover {color: #050505; text-decoration: underline;}
.galerie-full .photo p span {position: absolute; left: 239px; bottom: 1px; margin: 0; padding: 0; width: 23px; height: 23px; display: block;}
.galerie-full .photo p span.icko {background: url("../img/icko.gif") no-repeat 0 0; display: block;  width: 23px; height: 23px; position: absolute; top: 0; left: 0; cursor: pointer;}

.galerie-full p.img-info {color: #515151; font: 1.1em "Courier New", Courier, monospace; margin: 0 0 1px 0;}
.galerie-full .photo a.download, .galerie-full .photo a.download:visited {text-decoration: underline; color: #515151; background: url('../img/down-icon.gif') no-repeat 0 3px; padding: 0 0 0 22px;}
.galerie-full .photo a.download:hover {text-decoration: none;}

.latest-wrapper {width: auto; margin-top: 20px;}
.latest {background-color: #e0ebf3; border: 1px solid #b8d2e5; padding: 18px 0 3px 19px; width: 812px; margin-bottom: 0; overflow: hidden;}
.latest .photo {float: left; width: auto; height: auto; margin: 0 15px 15px 0;} .last {margin-right: 0px !important;}

div.about {font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #f2f2f2; border: 1px solid #bbb; padding: 6px 16px; margin: 14px 0 0 0; float: left; overflow: hidden; margin-bottom: 40px;}
div.about p {margin: 0 0 10px 0; font-size: 1.2em; color: #303030; line-height: 1.7;} p.line1 {margin-bottom: 0 !important;}
div.about p.jeden {margin: 0 0 0 0; font-size: 1.2em; color: #303030; line-height: 1.7;} p.line1 {margin-bottom: 0 !important;}
div.about p.pocet {margin: 14px 0 5px 0; font-size: 1.1em; color: #303030; line-height: 1;}
div.about p.pocet em {font-style: normal; color: #000 !important; font-weight: bold;}
.about-m {margin-bottom: 24px !important;}
.about-m p {margin-bottom: 0 !important;}
.testy {margin: 0 0 10px 0 !important;}

#fotorozcestnik {margin: 40px 0 30px 0; display: block;}
#fotorozcestnik a, #fotorozcestnik a:visited {font: 1.1em Georgia, "Times New Roman", Times, serif; color: #3a3a3a; float: left; margin-right: 9px;}
#fotorozcestnik a:hover, #fotorozcestnik a:active, #fotorozcestnik a:focus {text-decoration: underline;}
#fotorozcestnik a.aktivni {text-decoration: none; font-style: italic; color: #b81e00 !important;}

.tlacitko {height: 36px; float: left; margin: 15px 8px 8px 1px; padding-left: 7px; overflow: hidden; background: #efefed url("../img/tlacitko-l.gif") 0 0 no-repeat; color: #015f91; text-decoration: none !important; font-weight: normal; cursor: pointer;}
.tlacitko span {display: block; float: left; padding: 12px 16px 19px 10px; background: #efefed url("../img/tlacitko-p.gif") 100% 0 no-repeat;}
a.tlacitko, a.tlacitko:visited {color: #3e3e3e;}
a:hover.tlacitko, a:hover.tlacitko span {color: #000;}

.tlacitko-f {height: 36px; float: left; margin: 15px 8px 8px 1px; padding-left: 7px; overflow: hidden; background: #efefed url("../img/tlacitko-l.gif") 0 0 no-repeat; color: #015f91; text-decoration: none !important; font-weight: normal; cursor: pointer;}
.tlacitko-f span {display: block; float: left; padding: 11px 16px 19px 10px; background: #efefed url("../img/tlacitko-p.gif") 100% 0 no-repeat;}
a.tlacitko-f, a.tlacitko-f:visited {color: #3a3a3a;}
a:hover.tlacitko-f, a:hover.tlacitko-f span {text-decoration: underline;}

.content-b p.kde {margin-top: 30px; font-size: 1em;}

.tlacitko2 {margin: -3px 0 40px 0 !important;}

#rozcestnicek {}

a.fotky6, a.fotky6:visited {font: 1.1em Georgia, "Times New Roman", Times, serif !important; padding: 5px 12px !important; color: #fff !important; background-color: #0f68a3; border: 1px solid #4f95c3; margin-right: 5px; position: relative; top: -5px;}
a.fotky6:hover, a.fotky6:active, a.fotky6:focus {text-decoration: none;}

a.fotky7, a.fotky7:visited {font: 1.1em Georgia, "Times New Roman", Times, serif !important; padding: 5px 12px !important; color: #fff !important; background-color: #535353; border: 1px solid #606060;}
a.fotky7:hover, a.fotky7:active, a.fotky7:focus {text-decoration: none;}


p.enter {margin: 7px 0 18px 0; font: italic 1.2em Georgia, "Times New Roman", Times, serif; line-height: 1;}
p.enter a, p.enter a:visited {text-decoration: underline; color: #2e6600;}
p.enter a:hover, p.enter a:active, p.enter a:focus {text-decoration: none; color: #303030;}

.enter-seznam {margin: 10px 0 28px 0; font: 1.1em Verdana, Arial, Helvetica, sans-serif; position: relative;} 
.enter-seznam span {font: 1em "Courier New", Courier, monospace; color: #454545; position:}
.enter-seznam a, .enter-seznam a:visited 
{display: block; padding: 5px 9px; background-color: #D8EFFF; border: 1px solid #A5D7F9; float: left; text-decoration: none; color: #3e3e3e; margin-right: 10px; margin-bottom: 6px;}
.enter-seznam a:hover, .enter-seznam a:active, .enter-seznam a:focus {text-decoration: none; color: #000;}


/* prehled */
.pozadi, .pozadi2 {background: #E5F3FA;}
#fotografie, #fotografie2 {width: 712px; margin: 40px auto 0 auto; position: relative;}
#fotografie2 {padding-top: 45px; margin: 0 auto !important;}
#fotografie h2 {font: normal 1.7em Georgia, "Times New Roman", Times, serif; color: #b52200; padding: 12px 12px 8px 12px; margin-bottom: 4px; 
	background-color: #f3faff; border: 1px solid #9cc6db; width: 586px; margin: 0 auto; line-height: 1.2; left: 0 !important;}

#fotografie.dva h2 {width: 536px;}
#fotografie h2 span {font: 0.7em Arial, Helvetica, sans-serif; color: #606060; line-height: 2;}
#fotografie p, #fotografie2 p {margin: 0; font-size: 1em; text-align: right; color: #064b77;}
#fotografie p a, #fotografie p a:visited, #fotografie2 p a, #fotografie2 p a:visited {color: #064b77;}
#fotografie p a:hover, #fotografie2 p a:hover {background-color: #064b77; color: #fff;}	
#fotografie #foto {width: 610px; margin: 25px auto 0 auto;} #fotografie #foto2 {width: 560px; margin: 25px auto 0 auto;}
#fotografie #foto img, #fotografie #foto2 img {margin: 4px 0 3px 0; border: 5px solid #9abbcb;}

div#druh {margin-bottom: 4px; background-color: #f3faff; border: 1px solid #9cc6db; width: 708px; margin: 0 auto; text-align: center; position: relative;}
div#druh h1, div#druh h2 {font: normal 1.6em Georgia, "Times New Roman", Times, serif !important; color: #b52200 !important; background-color: #f3faff !important; margin: 10px auto 5px auto !important; padding: 0 !important; border: 0 !important; width: auto !important; left: 0 !important;}
#fotografie2 .photo {width: 710px !important; margin: 24px auto 0 auto;}
#fotografie2 .photo img {border: 5px solid #9abbcb;}
	
div#druh p {text-align: center; font-size: 1.2em; color: #454545; margin-bottom: 8px;}
div#posunovatko {width: 710px; margin: 5px auto 25px auto; overflow: hidden;}
	
#predchozi {float: left; text-align: left; padding-left: 0; display: inline;} #nasledujici {text-align: right; float: right; padding-right: 0; display: inline;}
#fotografie2 p#zpet-na-prehled {position: absolute; top: 22px; right: 3px; font: 1em Arial, Helvetica, sans-serif; color: #404040;}
#fotografie2 p#zpet-na-prehled a, #fotografie2 p#zpet-na-prehled a:visited {font: 1em Arial, Helvetica, sans-serif; color: #454545; letter-spacing: 1px;}
#fotografie2 p#zpet-na-prehled a:hover {text-decoration: none; background: 0; color: #454545;}
	
div#druh p#info {text-align: center; font: 1.1em Arial, Helvetica, sans-serif; color: #c10000; line-height: 1; margin: -1px 0 9px 0;}

#paticka {width: 708px; background-color: #f3faff; border: 1px solid #9cc6db; overflow: hidden; font-size: 0.9em; margin: 30px auto 50px auto; display: table;}
#paticka a, #paticka a:visited {color: #404040;}
#paticka a:hover {text-decoration: none; background: none; color: #181818;}
#paticka p {line-height: 2.3; font-size: 1em;}
#paticka p.left {float: left; width: 300px; margin: 0; margin-left: 14px; text-align: left; display: inline;}
#paticka p.right {float: right; width: 300px; margin: 0; margin-right: 14px; text-align: right; display: inline;}


h2.doba-kvetu {color: #303030 !important; border: 0 !important; margin: 24px auto 10px auto !important; font: normal 1.3em Georgia, "Times New Roman", Times, serif;}
table#flowerage {border-collapse: collapse; text-align: center; margin: 0 auto 23px auto;}
table#flowerage tr {}
table#flowerage td {padding: 5px 0 5px 4px; border: 1px solid #ACDDFE; width: 34px; background-color: #E1F3FF;}
table#flowerage td.active {background-color: #ffbeb3; font-style: italic;}

#o-druhu {width: 708px; background-color: #f3faff; border: 1px solid #9cc6db; margin: -10px auto 0 auto;}
#o-druhu p {text-align: left; margin: 7px 12px; line-height: 1.6; color: #3a3a3a; font-size: 1.1em;}
#o-druhu p span {color: #c10000;}
#o-druhu p.zdroj {color: #252525 !important; font-size: 1em !important;}

h2 span.taxon {color: #3a3a3a; font-size: 0.9em; font-weight: normal; margin-right: 3px;}

.fotozasoba-strankovani {clear: both; margin: 0 0 32px 0; width: 838px; position: relative; top: -2px;}
.fotozasoba-strankovani div {margin: 0 auto; text-align: center;}
.fotozasoba-strankovani a, .fotozasoba-strankovani a:visited {padding: 3px 7px; background-color: #e1e1e1; border: 1px solid #b3b3b3; font: 1.2em Verdana, Arial, Helvetica, sans-serif; color: #303030; margin-right: 3px;} 
.fotozasoba-strankovani a:hover, .fotozasoba-strankovani a:active, .fotozasoba-strankovani a:focus {text-decoration: none; color: #303030; background-color: #d1d1d1;}
.fotozasoba-strankovani a.aktivni {background-color: #f9f5bc; text-decoration: none;}
			
.plody h3 {width: 665px !important; color: #404040 !important; margin-bottom: 8px !important; border-bottom: 1px solid #d1d1d1 !important; padding-bottom: 2px !important; position: relative;}
.plody h3 span {font-style: italic; font-weight: bold;}
.plody div.chut {width: 641px; background-color: #d8efff; border: 1px solid #a5d7f9; padding: 5px 11px;}
.plody div.chut p {color: #181818 !important; line-height: 1.8;}
.plody h3 span.info {width: 23px; height: 23px; position: absolute; left: 640px; bottom: 2px; cursor: pointer;}
.plody h3 span span.icko {background: url("../img/icko.gif") no-repeat 0 0; display: block; width: 23px; height: 23px; position: absolute; left: 0; bottom: 0; cursor: pointer; z-index: 1000;}

.photo p {position: relative; min-height: 25px; _height: 25px;}
.photo p span {position: absolute; left: 161px; bottom: 2px; margin: 0; padding: 0; width: 23px; height: 23px; display: block;}
.photo p span.icko {background: url("../img/icko.gif") no-repeat 0 0; display: block;  width: 23px; height: 23px; position: absolute; top: 0; left: 0; cursor: pointer; z-index: 1000;}

/* uploader */
.uploader h2 {font-size: 1.4em !important; margin-bottom: 9px !important; width: 70% !important;}
.uploader h2 span {font-size: 1.2em; margin-right: 5px;}


/* celedi */
.col1-b {float: left; width: 49%;} .col2-b {float: right; width: 49%;}
.col1-b h3, .col2-b h3 {border-bottom: 1px solid #d7d7d7 !important; width: 89% !important; padding-bottom: 3px; color: #404040 !important; background: url("../img/odrazka.gif") no-repeat 0 55%; padding-left: 12px; margin-left: 2px !important;}
.col1-b h4, .col2-b h4 {font: bold 1.3em Georgia, "Times New Roman", Times, serif; color: #252525; margin: 0 0 2px 0; border-bottom: 1px solid #d7d7d7; width: 80%; padding-bottom: 1px;}
.col1-b ol, .col2-b ol {list-style-position: inside; margin: 5px 0 28px 7px;}
.col1-b ol li, .col2-b ol li {margin-bottom: 5px; font-size: 1.1em;}

.hatri h3 {font-size: 1.5em !important; border: 0 !important; margin-bottom: 22px !important; /* background: none !important; padding-left: 0 !important; */}
.hatri ol {margin-bottom: 23px !important;}
.about-non-margin {margin-bottom: 10px !important;}

/* vim, co to je */
p.vim-co-to-je {margin: 0; padding: 0; position: relative; overflow: hidden;}
p.vim-co-to-je, p.vim-co-to-je span {width: 132px; height: 32px;}
p.vim-co-to-je span {background: url("../img/vim-co-to-je.gif") no-repeat 0 0; display: block; position: absolute; top: 0; left: 0; cursor: pointer;} 

div.vim-form {background-color: #f3faff; border: 1px solid #9cc6db; text-align: left; float: left; margin: 25px 0 45px 0; padding: 7px 14px;}
div.vim-form p {text-align: left !important; color: #404040 !important; font-size: 1.2em !important; margin-bottom: 5px !important;}
div.vim-form p#pozn {color: #404040 !important; font-size: 1.1em !important; font-style: italic;}

div#ne-odeslano {margin-bottom: 4px; background-color: #f3faff; border: 1px solid #9cc6db; width: 580px; margin: 0 auto; text-align: center; padding: 11px 16px;}
div#ne-odeslano p {text-align: center !important; color: #404040 !important; margin: 0 !important; font-size: 1.2em;}
div#ne-odeslano p#odkazy {font-size: 1.1em; margin-top: 9px !important;}
div#ne-odeslano a, div#ne-odeslano a:visited {margin-right: 11px !important;}
div#ne-odeslano a:hover, div#ne-odeslano a:active, div#ne-odeslano a:focus {background-color: #fff !important;; color: #064b77 !important;; text-decoration: underline !important;}

span#ceka {font: 0.9em Georgia, "Times New Roman", Times, serif !important; color: #404040 !important; line-height: 1.9 !important;}

.na {width: 90%; margin: 5px 0 0 0;}
.na a, .na a:link, .na a:visited {float: left; margin: 8px 12px 3px 0; display: block; padding: 7px 12px; background-color: #dedede; border: 1px dotted gray; color: #3a3a3a; text-decoration: none;}
.na a:hover {color: #000;}

.nize {margin-bottom: 14px !important;}

/* === nevim co to je === */
/* .col1 {float: left; width: 66%;}
.col2 {float: right; width: 33%; margin-top: 0px;}
.col2 h3 {font: normal 1.3em Georgia, "Times New Roman", Times, serif; color: #181818; border-bottom: 1px solid #c5c5c5; width: 95%; margin: 30px 0 9px 0;} .no-margin-top {margin-top: 0 !important;}
.col2 h3 span {background: #f6f6f5; padding: 3px 5px 3px 1px;}
.col2 p {margin-bottom: 10px;} */

.col1-prehled, .col2-prehled, .col3-prehled {float: left; width: 33%; margin-top: 22px;}
.col1-prehled h3, .col2-prehled h3, .col3-prehled h3 {font: normal 1.5em Georgia, "Times New Roman", Times, serif; width: 89% !important; padding-bottom: 3px; color: #404040 !important; margin-left: 2px !important; margin-bottom: 10px !important; margin-top: 10px !important; border-bottom: 1px solid #c5c5c5 !important;}
.col1-prehled h4, .col2-prehled h4, .col3-prehled h4 {font: bold 1.3em Georgia, "Times New Roman", Times, serif; color: #252525; margin: 0 0 2px 0; border-bottom: 1px solid #d7d7d7; width: 80%; padding-bottom: 1px;}
.col1-prehled ol, .col2-prehled ol, .col3-prehled ol {list-style-position: inside; margin: 5px 0 28px 7px;}
.col1-prehled ol li, .col2-prehled ol li, .col3-prehled ol li {margin-bottom: 6px; font-size: 1.1em;}
.col1-prehled ul, .col2-prehled ul, .col3-prehled ul {list-style-type: none; margin: 5px 0 28px 7px;}
.col1-prehled ul li, .col2-prehled ul li, .col3-prehled ul li {margin-bottom: 6px; font-size: 1.1em;}

.kapitoly {padding-left: 5px;}
.kapitoly h2 {margin-left: -5px !important;}
.kapitoly p {width: 83%; font: 1.2em Verdana, Arial, Helvetica, sans-serif; line-height: 1.7; margin: 10px 0 14px 0;}
.kapitoly ul {list-style: none; margin: -5px 0 27px 0; font: 1.2em Arial, Helvetica, sans-serif; color: #3a3a3a;}
.kapitoly ul li {margin-bottom: 6px;}
.kapitoly ul.in {list-style: none; font: 1em Arial, Helvetica, sans-serif; color: #3a3a3a; margin: 7px 0 0 8px;}
.kapitoly h3 {color: #206dbc !important; margin: 32px 0 -2px 0 !important; padding-bottom: 3px !important; border-bottom: 1px solid #206dbc !important; width: 83% !important;}
.kapitoly h5 {font: bold 1em Verdana, Arial, Helvetica, sans-serif; margin: 18px 0 -5px 0;}
.kapitoly h4 {font: bold 1.15em Verdana, Arial, Helvetica, sans-serif; margin: 22px 0 -5px 0; padding-bottom: 3px !important; border-bottom: 1px solid #505050; color: #181818; width: 83% !important;}
.kapitoly h4.skupina {font: bold 1.1em Verdana, Arial, Helvetica, sans-serif !important; color: #181818 !important; border-bottom: 1px dotted #181818 !important;}
ul.chelicery {font-family: Verdana, Arial, Helvetica, sans-serif !important;}
ul.chelicery li {margin-bottom: 5px !important;} 
ul.chelicery strong {font-family: Arial, Helvetica, sans-serif !important;}
.tisknout {float: left; margin: 27px 0 -3px 0;}
a.tisknout, a.tisknout:visited {float: left; display: block; padding: 7px 12px; background-color: #dedede; border: 1px dotted gray; color: #303030; text-decoration: none; font-size: 1em !important;}
a.tisknout:hover {color: #000;}
.dole {margin: 15px 0 10px 0 !important;}
.kapitoly span {padding: 1px 5px; background-color: #ffffcc;}


/* ============================================= fyzika ============================================= */
#lista-f {width: 100%; background: #7f0f95;}

.content-f {margin: 42px 0 0 0;} .content-f-in {margin: 30px 0 0 0; padding-left: 14px;}
.content-f-in h3 {font: normal 1.3em Georgia, "Times New Roman", Times, serif; background-color: #f5c2ff; width: 82%; padding: 1px 0 1px 5px;}

.content-f-in ol {margin: 30px 0 0 21px; font-size: 1.2em; color: #181818; width: 80%;}
.content-f-in ol li {margin: 0 0 18px 0; padding-bottom: 8px; border-bottom: 1px solid #ccc; line-height: 1.6;}
.content-f-in ol li.p-j {border-bottom: 0 !important;}
.content-f-in ol li span.line {line-height: 1; color: #181818; font-size: 1em;}
.content-f-in ol li a, .content-f-in ol li a:visited {line-height: 2.1;}
.content-f-in ol li span {color: #505050; font: 0.9em Verdana, Arial, Helvetica, sans-serif; position: relative; top: -1px;}

.content-f-in dl {margin: 14px 0 30px 21px; font-size: 1.2em; color: #181818; width: 80%;}
.content-f-in dt {margin: 0 0 5px 0; width: 95%; font-style: italic; background: url("../img/odrazka.gif") no-repeat 0 50%; padding-left: 15px; line-height: 1.6;}
.content-f-in dt span {border-bottom: 1px solid #c5c5c5; padding-bottom: 2px;}
.content-f-in dd {line-height: 1.6; padding-left: 15px; margin-bottom: 25px;}
.content-f-in dd a, .content-f-in dd a:visited {line-height: 1.8;}
.content-f-in dd span {color: #505050; font: 0.9em Verdana, Arial, Helvetica, sans-serif; position: relative; top: -1px;}

.content-f-in ul {list-style-type: square; list-style-position: inside; font: 1.2em Arial, Helvetica, sans-serif; margin: 9px 0 30px 10px;}
.content-f-in ul li {margin-bottom: 10px;}
.content-f-in ul li a, .content-f-in ul li a:visited {color: #3a3a3a;}


span.teorie {font: 0.9em Arial, Helvetica, sans-serif !important; background-color: #ddd; border: 1px solid #aaa; padding: 1px 5px; line-height: 1 !important; color: #b82e2e !important;
letter-spacing: 1px; position: relative; top: -2px !important; left: 7px;}

#oznaceni-teorie {font-size: 1.1em; font-style: normal;}
#ikonka {font: 0.9em Arial, Helvetica, sans-serif !important; left: 5px;}

.content-f-in p.kde {font-size: 1em !important; margin: 0 0 30px 0; color: #303030;}
.content-f-in p.kde a, .content-f-in p.kde a:visited {font-size: 1em;}

h2#fyzika {font-size: 2.3em; color: #505050; width: 89%; top: 30px; position: relative; overflow: hidden; padding-bottom: 20px;}
h2#fyzika {height: 35px;} h2#fyzika span {width: 135px; height: 35px;} 
h2#fyzika span {display: block; position: absolute; top: 0; left: 0; background: url('../img/fyzika.gif') no-repeat 0 0;}
h2#fyzika em {position: relative; left: 58px; top: 0px; font-size: 0.9em;}
	
/*.content-f div.jedna {float: left; width: 51%;} 
.content-f div.dva {float: right; width: 48%;}
.content-f div.jedna, .content-f div.dva {margin: 18px 0 30px 0;} */
.content-f h2 {font: 1.8em Georgia, "Times New Roman", Times, serif; color: #505050; border-bottom: 5px solid #e4c8e5; width: 72%; position: relative;}

.ucebnice {margin: 16px 0 50px 10px;}
.content-f .ucebnice h2 {border-bottom: 1px solid silver; width: 68%;}
.content-f ul {list-style-type: square; list-style-position: inside; font: 1.2em Arial, Helvetica, sans-serif; margin: 10px 0 34px 10px;}
.content-f ul li {margin-bottom: 10px;}
.content-f ul li a, .content-f ul li a:visited {color: #3a3a3a;}

ul.soubory {margin: 9px 0 0 0; list-style: none;}
ul.soubory li {margin-bottom: 6px; color: #606060; background: url("../img/odrazka.gif") no-repeat 0 55%; padding-left: 12px;}
ul.soubory li a, ul.soubory li a:visited {font-size: 1.2em; color: #105175;}
ul.soubory li span {font: 1.1em Arial, Helvetica, sans-serif; letter-spacing: 0; color: #5b5b5b;}

.sbirka {float: left; margin: 8px 8px 0 0;}
a.sbirka, a.sbirka:visited {float: left; display: block; padding: 7px 12px; background-color: #dedede; border: 1px dotted gray; color: #303030; text-decoration: none;}
a.sbirka:hover {color: #000;}

#file {height: 38px; float: left; margin: 0 0 8px 400px; padding-left: 7px; overflow: hidden; background: #efefed url("../img/podklad-levy.gif") 0 0 no-repeat; color: #015f91; text-decoration:none; font-weight: bold; cursor: pointer;}
#file span {display: block; float: left; padding: 13px 16px 19px 10px; background: #efefed url("../img/podklad-pravy.gif") 100% 0 no-repeat;}
a:hover#file, a:hover#file span {color: #404040;}

#mat {height: 38px; float: left; margin: 5px 0 4px 0px; padding-left: 7px; overflow: hidden; background: #efefed url("../img/podklad-levy.gif") 0 0 no-repeat; color: #015f91; text-decoration:none; font-weight: bold; cursor: pointer; font-size: 14px;}
#mat span {display: block; float: left; padding: 9px 16px 19px 10px; background: #efefed url("../img/podklad-pravy.gif") 100% 0 no-repeat; color: #015f91; font-size: 0.9em;}
a:hover#mat, a:hover#mat span {color: #404040;}


#na-forum {height: 38px; float: left; margin: 0 0 30px 0; padding-left: 7px; overflow: hidden; background: #efefed url("../img/podklad-forum-levy.gif") 0 0 no-repeat; color: #015f91; text-decoration:none; font-weight: bold; cursor: pointer;}
#na-forum span {display: block; float: left; padding: 13px 16px 19px 10px; background: #efefed url("../img/podklad-forum-pravy.gif") 100% 0 no-repeat;}
a#na-forum, a#na-forum:visited {color: #7c3357;}
a:hover#na-forum, a:hover#na-forum span {color: #404040;}

#foto-brzy {position: absolute; top: 57px; left: 577px; font: 1em Arial, Helvetica, sans-serif; letter-spacing: 1px; color: #505050;} 
#poznavacka-brzy {position: absolute; top: 57px; left: 526px; font: 1em Arial, Helvetica, sans-serif; letter-spacing: 1px; color: #505050;}

.stranky-obal {width: 100%; font: 1.4em Georgia, "Times New Roman", Times, serif; color: #3a3a3a;}
.stranky-obal .sloupec1 {float: left; width: 49%;}
.stranky-obal .sloupec2 {float: right; width: 49%;}
p.co-udelame {margin: 10px 0 30px 0; font: bold 1.1em Verdana, Arial, Helvetica, sans-serif; line-height: 1.7;}
.na-stred {margin: 15px 0 60px 0;}
.na-stred p {margin-left: 310px;}
.na-stred p.stred {margin-left: 240px !important;}
.na-stred p.stred2 {margin-left: 270px !important;}
.na-stred img {margin-left: 200px;}
.spodni {margin-top: 50px !important; margin-bottom: 32px !important;}

.stranky-obal p a, ,stranky-obal p a:visited {font: 0.9em Georgia, "Times New Roman", Times, serif !important;}
.stranky-obal p span {font: 0.9em Georgia, "Times New Roman", Times, serif; color: #505050 !important;}

.obr1 {margin-top: 1px;}
.obr3 {margin: 10px 0 20px 0;}
.obr4 {margin: 1px 0 14px 0;}
.obr5 {margin: 10px 0 14px 0;}
.obr6 {margin: 10px 0 0 170px !important;}

.chci-taky h2 {border-bottom: 5px solid #e4c8e5; width: 80%;}
.fyzika-teorie {width: 72%; padding: 0 0 0 14px;}
.fyzika-teorie p {font-size: 1.2em; line-height: 1.7; margin-bottom: 12px;}
.fyzika-teorie a, .fyzika-teorie a:visited {font-size: 1em; line-height: 1.7;}
.fyzika-teorie h2 {margin-bottom: 10px !important; width: 100%;}
.fyzika-teorie img {margin-bottom: 12px;}
.fyzika-teorie ol {margin-top: -9px; margin-bottom: 12px; list-style-position: inside; font: 1.2em Verdana, Arial, Helvetica, sans-serif; color: #303030;}
.fyzika-teorie ol li {line-height: 1.5; margin-bottom: 1px;}
.fyzika-teorie h3 {font: normal 1.3em Georgia, "Times New Roman", Times, serif; color: #181818; padding-bottom: 3px; border-bottom: 1px solid #c5c5c5; width: 100%; margin-bottom: 8px; background-color: #efefed !important; padding-left: 0;}
.fyzika-teorie p.poznamka {font-size: 1.1em; line-height: 1.5;}
.fyzika-teorie p.stahnout-pdf {margin-top: 20px; margin-bottom: 40px; padding: 9px 0; border-top: 1px dotted gray; border-bottom: 1px dotted gray;}
.fyzika-teorie p.stahnout-pdf a, .fyzika-teorie p.stahnout-pdf a:link {font-size: 1em;}

.fyzika-teorie p.kde {color: #303030; font-size: 1em; margin: -7px 0 38px 0;} 
.fyzika-teorie p.kde a, .fyzika-teorie p.kde a:visited {color: #054773; font-size: 1em;}

span.vzorecek {font: 1.2em "Times New Roman", Times, serif; letter-spacing: 1px; color: #303030;}
.fyzika-teorie p.vzorecek {font: 1.4em "Times New Roman", Times, serif; letter-spacing: 2px; line-height: 1.6;}
.fyzika-teorie span.vzorecek {font: 1.2em "Times New Roman", Times, serif; letter-spacing: 1px;}

.fyzika-teorie div.dulezitost {padding: 7px 16px; border: 1px solid #caa1a1; background-color: #f2dbdb; margin-bottom: 10px; margin-top: 10px;}
.fyzika-teorie div.dulezitost p.jedna {font: 1.2em Verdana, Arial, Helvetica, sans-serif; line-height: 1.5; color: #181818; margin-bottom: 0;}
.fyzika-teorie div.dulezitost img {margin: 0 0 0 278px !important;}

.fyzika-teorie table {border-collapse: collapse; border: 1px solid silver; width: 100%; margin-bottom: 12px;}
.fyzika-teorie table th {padding: 12px 22px; border: 1px solid silver; background-color: #eaf1dd;}
.fyzika-teorie table td {border: 1px solid silver; text-align: center; line-height: 1.5; padding: 5px 0; background-color: #fefefe;}
.fyzika-teorie table img {text-align: center; margin: auto;}

.fyzika-teorie .navest p {margin-bottom: 0;}
.sloupecek1 {float: left; width: 49%;}
.sloupecek2 {float: right; width: 49%;}
.sloupecek01 {float: left; width: 30%;}
.sloupecek02 {float: right; width: 69%;}
tr.barvicka-tabulka td {background-color: #e3eaf7;}
tr td.barvicka-tabulka2 {background-color: #fee6d6;}
tr td.barvicka-tabulka3 {background-color: #fbf0c1;}

.fyzika-teorie h4 {font: normal 1.2em Georgia, "Times New Roman", Times, serif; color: #181818; padding: 2px 7px; margin-bottom: 8px; margin-top: 14px; background-color: #ffffcc; letter-spacing: 1px;}

.fyzika-teorie ul.fyz-veliciny {font: 1.2em Verdana, Arial, Helvetica, sans-serif;}
.fyzika-teorie ul.fyz-veliciny li {line-height: 1.5; color: #3a3a3a;}
table.parabola td {width: 25px;}
table.parabola td.velicina {width: 24px; text-align: left; padding-left: 11px;}
table.parabola tr.barvicka-tabulka4 td {background-color: #eaf1dd;}

.fyzika-teorie .podminka {background-color: #fde9d9; padding: 1px 12px; margin-bottom: 18px}
.fyzika-teorie .podminka-sub {margin: -13px 0 18px 12px;}

.fyzika-teorie dl {}
.fyzika-teorie dl dt {font: 1.2em Verdana, Arial, Helvetica, sans-serif; color: #3a3a3a; line-height: 1.6; margin-bottom: 10px;}
.fyzika-teorie dl dd {font: 1.2em Verdana, Arial, Helvetica, sans-serif; color: #3a3a3a; line-height: 1.7; margin-bottom: 10px;}



/* ============================================= cestina ============================================= */
#lista-c {width: 100%; background: #bc2a2a;}

h2#cestina {font-size: 2.3em; color: #505050; width: 89%; top: 25px; position: relative; overflow: hidden;}
h2#cestina {height: 44px;} h2#cestina span {width: 157px; height: 44px;} 
h2#cestina span {display: block; position: absolute; top: 0; left: 0; background: url('../img/cestina.gif') no-repeat 0 0;}
h2#cestina em {position: relative; left: 65px; top: 8px; font-size: 0.9em;}

.content-c {margin: 40px 0 5px 0;}
.content-c div.sekce h2 {font: 1.7em Georgia, "Times New Roman", Times, serif; color: #505050; border-bottom: 4px solid #c5ddae; width: 65%; margin-bottom: 11px;}
.content-c div.sekce ul {list-style: none; margin: 10px 0 30px 2px;}
.content-c div.sekce ul li {margin-bottom: 6px; color: #404040; background: url("../img/odrazka.gif") no-repeat 0 55%; padding-left: 15px; font-size: 1.2em;} 
.content-c div.sekce ul li.posledni {margin-bottom: 0;}
.content-c div.sekce ul li a, .content-c div.sekce ul li a:visited {}
.content-c p {font-size: 1.2em; color: #404040; margin-bottom: 7px;}

.nastenka {background-color: #f2f2f2; border: 1px solid #bbb; padding: 11px 17px 12px 16px; margin: 14px 0 0 0; float: left; overflow: hidden; margin-bottom: 20px;}
.nastenka ul {margin: 0 !important; line-height: 1.3;}
.nastenka p.posledni {margin-bottom: 0;}

.nastenka-dejiny {width: 66% !important; margin-top: -7px !important; font-size: 11px !important; padding: 9px 17px 10px 16px !important;}

.bludy {margin: 10px 0 0 0 !important;}
.bludy p {margin-bottom: 0 !important;}
#bludy {margin: 25px 0 30px 14px;}
  
  
.c-vstup {margin: 14px 0 20px 0; position: relative; padding-bottom: 7px; min-height: 1px;}
.c-vstup p {font: 1.2em Verdana, Arial, Helvetica, sans-serif; color: #404040; line-height: 1.6; margin-bottom: 7px}

p.kde-c {color: #303030; font-size: 0.9em; margin: -7px 0 28px 2px;} p.kde-c a, p.kde-c a:visited {color: #054773;}



/* ============================================= chemie ============================================= */
#lista-ch {width: 100%; background: #1c685c;}

h2#chemie {font-size: 2.3em; color: #505050; width: 89%; top: 30px; position: relative; overflow: hidden;}
h2#chemie {height: 35px;} 
h2#chemie span {width: 132px; height: 35px;} 
h2#chemie span {display: block; position: absolute; top: 0; left: 0; background: url('../img/chemie.gif') no-repeat 0 0;}
h2#chemie em {position: relative; left: 65px; top: 8px; font-size: 0.9em;}

.content-ch {margin: 40px 0 5px 0; padding-left: 14px;}
.content-ch ul {list-style: none; margin: 10px 0 20px 2px;}
.content-ch ul li {margin-bottom: 12px; color: #3a3a3a; font: 1.4em Georgia, "Times New Roman", Times, serif;}
.content-ch ul li a, .content-ch ul li a:visited {color: #404040;}
.content-ch ul li a:hover {}
.content-ch h2 {font: 1.7em Georgia, "Times New Roman", Times, serif; color: #505050; border-bottom: 4px solid #9bc7c0; width: 85%; margin-bottom: 11px;}

.content-ch div.sekce {width: 70%;}
.content-ch div.sekce h3 {font: normal 1.4em Georgia, "Times New Roman", Times, serif; color: #404040; padding-bottom: 2px; border-bottom: 1px solid #505050; width: 100%;}
.content-ch div.sekce ul {list-style: none; margin: 10px 0 30px 2px;}
.content-ch div.sekce ul li {margin-bottom: 6px; color: #404040; background: url("../img/odrazka.gif") no-repeat 0 55%; padding-left: 15px; font-size: 1.2em;}
.content-ch div.sekce ul li.posledni {margin-bottom: 0;}
.content-ch div.sekce ul li a, .content-ch div.sekce ul li a:visited {}
.content-ch p {font-size: 1.2em; color: #404040; margin-bottom: 7px;}
.content-ch div.sekce span.znacka {font: 1.2em "Times New Roman", Times, serif;}
.content-ch div.sekce sub.proton {position: relative; left: 4px;}
.content-ch div.sekce sup.nukleon {position: relative; left: -2px;}

.content-ch div.sekce sub.proton3 {position: relative; left: 12px;}
.content-ch div.sekce sup.nukleon3 {position: relative; left: -4px;}

.content-ch p.kde {color: #303030; font-size: 1em; margin: -3px 0 33px 0;} 
.content-ch p.kde a, .content-ch p.kde a:visited {color: #054773;} 





.fb-share-i {margin: 17px 43px -24px 0; text-align: right;}
.fb-share-o {margin: -12px 0 0 0;}
.fb-share-b {margin: 0 0 26px 1px;}
.fb-share-m {margin: 1px 50px -12px 0; text-align: right;}
.fb-share-m-test {margin: 11px 0 20px 2px;}
#fb-share-mechanika {margin: 18px 0 32px 0;}

#g1 {position: absolute; top: 7px; right: 37px;}
#g2 {position: absolute; top: 7px; right: 10px;} 


/* ============================================= dejiny ============================================= */
#lista-dejiny {width: 100%; background: #845700;}
.dejiny-osa {background: url("../img/osa.gif") repeat-y 420px 0; min-height: 500px;}

.content-d {margin: 50px 0 10px 0;} .vyse {margin-top: 40px !important;}
.content-d div.sekce h2 {font: 1.7em Georgia, "Times New Roman", Times, serif; color: #505050; border-bottom: 4px solid #c5ddae; width: 65%; margin-bottom: 11px;}
.content-d div.sekce ul {list-style: none; margin: 10px 0 30px 2px;} 
.content-d div.sekce ul li.posledni {margin-bottom: 0;}
.content-d p {font-size: 1.2em; color: #404040; margin-bottom: 7px;}

p.kde-d {color: #303030; font-size: 0.9em; margin: -7px 0 28px 2px;} p.kde-d a, p.kde-d a:visited {color: #054773;}


h2#dejiny {font-size: 2.3em; color: #505050; width: 89%; top: 25px; position: relative; overflow: hidden;}
h2#dejiny {height: 43px;} h2#dejiny span {width: 380px; height: 43px;} 
h2#dejiny span {display: block; position: absolute; top: 0; left: 0; background: url('../img/novodobe-dejiny.gif') no-repeat 0 0;}
h2#dejiny em {position: relative; left: 170px; top: 8px; font-size: 0.9em;} 

.levy-sloupec {float: left; width: 415px; min-height: 500px; margin-left: 5px;}
.pravy-sloupec {float: right; width: 415px; min-height: 500px; margin-right: 148px;}
.rok-l, .rok-l-z {border-top: 1px solid #c5c5c5; padding: 3px 9px 13px 10px;}
.rok-p, .rok-p-z {border-top: 1px solid #c5c5c5; padding: 3px 9px 13px 12px;} 
.rok-l-z, .rok-p-z {background: #e7e7e7;}
.levy-sloupec h3, .pravy-sloupec h3 {margin: 0 0 8px 0 !important; padding: 0 !important; font: 2.2em Georgia, "Times New Roman", Times, serif !important; color: #6e4f13;}
.levy-sloupec h4, .pravy-sloupec h4 {margin: 0 0 5px 2px !important; padding: 0 !important; font: normal 1.25em Arial, Helvetica, sans-serif!important; color: #2a4b61;}
.levy-sloupec ul, .pravy-sloupec ul {margin: 0 0 8px 7px !important; padding: 0 !important; font: 14px Arial, Helvetica, sans-serif;}
.levy-sloupec ul li, .pravy-sloupec ul li {margin: 0 0 4px 0 !important; list-style: none !important; background: url("../img/map-ico.gif") no-repeat 0 4px !important; padding-left: 14px;}
.levy-sloupec ul li a, .levy-sloupec ul li a:visited, .pravy-sloupec ul li a, .pravy-sloupec ul li a:visited 
{color: #404040; text-decoration: none; border-bottom: 1px solid silver;} 
.levy-sloupec ul li a:hover, .pravy-sloupec ul li a:hover
{color: #181818; text-decoration: none; border-bottom: 1px solid #808080;}

.roky {margin: 10px 0 17px 5px;} 
.rok {color: #303030 !important; padding: 3px 8px 3px 8px; border: 1px solid #a9bece; -moz-border-radius: 4px; -webkit-border-radius: 4px; 
border-radius: 4px; background: #deeaf3; font: normal 14px Arial, Helvetica, sans-serif; text-decoration: none !important; cursor: pointer; margin-right: 2px;}
.rok:hover {color: #000 !important;}


/* ============================================= programovani ============================================= */
#lista-programovani {width: 100%; background: #012a94;}
h2#programovani {font-size: 2.3em; color: #505050; width: 89%; top: 25px; position: relative; overflow: hidden;}
h2#programovani {height: 43px;} h2#programovani span {width: 318px; height: 43px;} 
h2#programovani span {display: block; position: absolute; top: 0; left: 0; background: url('../img/programovani.gif') no-repeat 0 0;}

.content-p {margin: 50px 0 10px 0; width: 97%;}
.content-p h2 {font: 1.7em Georgia, "Times New Roman", Times, serif; color: #505050; border-bottom: 4px solid #90a2cf; width: 100%;}
p.kde-p {color: #303030; font-size: 0.9em; margin: -7px 0 28px 2px;} p.kde-p a, p.kde-p a:visited {color: #054773;}

.content-p .column1 {float: left; width: 460px;} .content-p .column2 {float: right; width: 440px; margin-right: 18px;} 
.content-p .column1 h2, .content-p .column2 h2 {margin-bottom: -3px !important;}

.content-p .column1 h3 {font: bold 14px Arial, Helvetica, sans-serif; background: #e1e1e1; width: 440px; padding: 5px 10px; border-top: 1px solid #c7c7c7; border-bottom: 1px solid #c7c7c7; color: #181818;}
.content-p .column2 h3 {font: bold 17px Arial, Helvetica, sans-serif; background: #e1e1e1; width: 416px; padding: 6px 12px; color: #181818;}

.content-p .column1 ul {margin: 9px 0 12px 7px !important; padding: 0 !important; font: 14px Arial, Helvetica, sans-serif;}
.content-p .column1 ul li {margin: 0 0 5px 0 !important; list-style: none !important; background: url("../img/map-ico.gif") no-repeat 0 4px !important; padding-left: 14px; line-height: 1.2;}
.content-p .column1 ul li a, .content-p .column1 ul li a:visited {color: #303030; text-decoration: none; border-bottom: 1px solid silver;} 
.content-p .column1 ul li a:hover {color: #101010; text-decoration: none; border-bottom: 1px solid #808080;}


.content-p .column2 ul {margin: 9px 0 12px 7px !important; padding: 0 !important; font: 14px Arial, Helvetica, sans-serif;}
.content-p .column2 ul li {margin: 0 0 5px 0 !important; list-style: none !important; background: url("../img/map-ico.gif") no-repeat 0 4px !important; padding-left: 14px; line-height: 1.3;}
.content-p .column2 ul li a, .content-p .column2 ul li a:visited {color: #303030; text-decoration: none; border-bottom: 1px solid silver;} 
.content-p .column2 ul li a:hover {color: #101010; text-decoration: none; border-bottom: 1px solid #808080;}

.ukazka {margin-left: 10px; margin-right: 10px;}
.ukazka h2 {width: 70%;}

.css-kod, .html-kod {background: #fff; width: 635px; padding: 16px 18px; border: 2px solid #c7c7c7;}
.css-kod span, .html-kod span {font: 13px "Courier New", Courier, monospace;}
.css-kod span i, .html-kod span i {color: #c10000;}

.css-kod b.nadpis {color: #252525;}

.v-prohlizeci {margin: 20px 0 25px 1px;}
.in-browser {color: #fff !important; padding: 5px 10px 5px 10px; border: 1px solid #00458c; -moz-border-radius: 4px; -webkit-border-radius: 4px; 
border-radius: 4px; background: #00458c url("../img/in-browser-bg.gif") repeat-x 0 0; font: normal 13px Arial, Helvetica, sans-serif; text-decoration: none !important; cursor: pointer; }
.in-browser:hover {color: #eee !important;}

.ukazka ul {margin: 14px 0 8px 7px !important; padding: 0 !important; font: 14px Arial, Helvetica, sans-serif;}
.ukazka ul li {margin: 0 0 4px 0 !important; list-style: none !important; background: url("../img/map-ico.gif") no-repeat 0 4px !important; padding-left: 14px;}
.ukazka ul li a, .ukazka ul li a:visited {color: #404040; text-decoration: none; border-bottom: 1px solid silver;} 
.ukazka ul li a:hover {color: #181818; text-decoration: none; border-bottom: 1px solid #808080;}


/* ============================================= osobnosti ============================================= */
#lista-osobnosti {width: 100%; background: #00692c;}
h2#osobnosti {font-size: 2.3em; color: #505050; width: 89%; top: 25px; position: relative; overflow: hidden;}
h2#osobnosti {height: 43px;} h2#osobnosti span {width: 351px; height: 43px;} 
h2#osobnosti span {display: block; position: absolute; top: 0; left: 0; background: url('../img/osobnosti-vedy.gif') no-repeat 0 0;}
h2#osobnosti em {position: relative; left: 102px; top: 8px; font-size: 0.9em;} 

.content-o {margin: 50px 0 5px 0;}


.sloupec-osobnosti1 {float: left; width: 400px; border-right: 5px solid #b1b1b1; border-top: 1px solid #c7c7c7;}
.sloupec-osobnosti2 {float: right; width: 400px; margin-right: 185px; border-top: 1px solid #c7c7c7;}
.boxik, .boxik-z {width: 400px; border-bottom: 1px solid #c7c7c7; min-height: 180px; padding-bottom: 17px;}
.boxik-z {background: #e7e7e7;}

.boxik h2, .boxik-z h2 {font: 18px Georgia, "Times New Roman", Times, serif; padding: 12px 0 0 0; color: #003399;}
.boxik img, .boxik-z img {float: left; margin: 14px 16px 22px 0px; border: 2px solid #bfbfbf;}

.sloupec-osobnosti2 .boxik img, .sloupec-osobnosti2 .boxik-z img {float: left; margin: 14px 16px 22px 16px;}

.boxik i, .boxik-z i {display: block; margin-top: 2px; margin-bottom: 9px; font-style: normal; color: #303030;}
.boxik p, .boxik-z p {color: #303030; margin-bottom: 20px;}

.about {color: #fff !important; padding: 3px 8px 3px 8px; border: 1px solid #00458c; -moz-border-radius: 3px; -webkit-border-radius: 3px; 
border-radius: 3px; background: #00458c; font: normal 12px Arial, Helvetica, sans-serif; text-decoration: none !important; cursor: pointer;}
.about:hover {color: #eee !important;}
 
.stitek {color: #303030 !important; padding: 3px 8px 3px 8px; border: 1px solid #a9bece; -moz-border-radius: 4px; -webkit-border-radius: 4px; 
border-radius: 4px; background: #deeaf3; font: normal 12px Arial, Helvetica, sans-serif; text-decoration: none !important; cursor: pointer; margin-right: 2px; margin-left: 0px;}
.stitek:hover {color: #000 !important;}
.sloupec-osobnosti2 .stitek {margin-left: 16px;}

.stitky {margin: 40px 0 20px 0;}

p.kde-o {color: #303030; font-size: 0.9em; margin: -7px 0 28px 2px;} p.kde-o a, p.kde-o a:visited {color: #054773;}

p.kdo-co {font: 14px Verdana, Arial, Helvetica, sans-serif; color: #404040; margin-top: 1px;}

.osobnost {margin-left: 10px; margin-right: 10px;}
.osobnost h2 {color: #003399;}


/* ============================================= mytologie ============================================= */
#lista-mytologie {width: 100%; background: #f9eb0a;}
#lista-mytologie h1, #lista-mytologie h1 a, #lista-mytologie h1 a:visited, #lista-mytologie h1 span {color: #252525 !important;}

.content-d {margin: 50px 0 10px 0;} .vyse {margin-top: 40px !important;}
.content-d div.sekce h2 {font: 1.7em Georgia, "Times New Roman", Times, serif; color: #505050; border-bottom: 4px solid #c5ddae; width: 65%; margin-bottom: 11px;}
.content-d div.sekce ul {list-style: none; margin: 10px 0 30px 2px;} 
.content-d div.sekce ul li.posledni {margin-bottom: 0;}
.content-d p {font-size: 1.2em; color: #404040; margin-bottom: 7px;}

p.kde-d {color: #303030; font-size: 0.9em; margin: -7px 0 28px 2px;} p.kde-d a, p.kde-d a:visited {color: #054773;}


h2#mytologie {font-size: 2.3em; color: #505050; width: 89%; top: 25px; position: relative; overflow: hidden;}
h2#mytologie {height: 36px;} h2#mytologie span {width: 229px; height: 36px;} 
h2#mytologie span {display: block; position: absolute; top: 0; left: 0; background: url('../img/mytologie.gif') no-repeat 0 0;}

.nastenka-mytologie {width: auto !important; margin-top: -7px !important; font-size: 11px !important; padding: 9px 17px 10px 16px !important;} 



/* ============================================= geografie ============================================= */
#lista-geografie {width: 100%; background: #006c80;}
#lista-geografie h1, #lista-geografie h1 a, #lista-geografie h1 a:visited, #lista-geografie h1 span {color: #fff !important;}

.content-d {margin: 50px 0 10px 0;} .vyse {margin-top: 40px !important;}
.content-d div.sekce h2 {font: 1.7em Georgia, "Times New Roman", Times, serif; color: #505050; border-bottom: 4px solid #c5ddae; width: 65%; margin-bottom: 11px;}
.content-d div.sekce ul {list-style: none; margin: 10px 0 30px 2px;} 
.content-d div.sekce ul li.posledni {margin-bottom: 0;}
.content-d p {font-size: 1.2em; color: #404040; margin-bottom: 7px;}

p.kde-d {color: #303030; font-size: 0.9em; margin: -7px 0 28px 2px;} p.kde-d a, p.kde-d a:visited {color: #054773;}


h2#geografie {font-size: 2.3em; color: #505050; width: 89%; top: 25px; position: relative; overflow: hidden;}
h2#geografie {height: 36px;} h2#geografie span {width: 217px; height: 36px;} 
h2#geografie span {display: block; position: absolute; top: 0; left: 0; background: url('../img/geografie.gif') no-repeat 0 0;}

.nastenka-geografie {width: auto !important; margin-top: -7px !important; font-size: 11px !important; padding: 9px 17px 10px 16px !important;}



.nova-sekce {color: #101010 !important; padding: 4px 8px 4px 8px; border: 1px solid #fff267; -moz-border-radius: 4px; -webkit-border-radius: 4px; 
border-radius: 4px; background: #fff267 url("../img/nova-sekce-bg.gif") repeat-x 0 0; font: normal 12px Arial, Helvetica, sans-serif; text-decoration: none !important; cursor: pointer; 
position: absolute; top: 10px; right: 500px;}
.nova-sekce:hover {color: #000 !important;}


.pouzita-literatura {margin: 40px 0 40px 0;} 
.pouzita-literatura p {color: #181818; font-size: 13px; line-height: 1 !important; margin-bottom: 0 !important;}


/* Grafy */
.box-mesic {margin: 0; position: relative; width: 355px; height: 100px; margin-left: 3px; margin-top: 12px;}
.graf-mesic {width: 350px; height: 22px; border: 2px solid #c7c7c7; background-color: #f7f7f7; margin: 0; padding: 0;}
.graf1 {width: 21%; background-color: #00f030; height: 22px;} 
.graf2 {width: 0%; background-color: #00f030; height: 22px;}
.graf3 {width: 22%; background-color: #00f030; height: 22px;}
.amount {width: 28%; background-color: #00f030; height: 26px;}
.box-mesic p.begin, .box-mesic p.end {font: 16px Georgia, "Times New Roman", Times, serif; margin: 0; padding: 0; position: absolute;}
.box-mesic p.begin {top: 53px; left: -5px;}
.box-mesic p.end {top: 53px; right: -25px;}
.box-mesic h3 {margin: 0; color: #3a3a3a; margin-bottom: 5px; font-size: 17px;}



.tlacitko-podporeni {color: #fff !important; padding: 6px 10px 6px 10px; border: 1px solid #00458c; -moz-border-radius: 4px; -webkit-border-radius: 4px; 
border-radius: 4px; background: #00458c url("../img/in-browser-bg.gif") repeat-x 0 0; font: normal 13px Arial, Helvetica, sans-serif; text-decoration: none !important; cursor: pointer; }
.tlacitko-podporeni:hover {color: #eee !important;}

.tlacitko-grafy {color: #fff !important; padding: 6px 10px 6px 10px; border: 1px solid #00458c; -moz-border-radius: 4px; -webkit-border-radius: 4px; 
border-radius: 4px; background: #00458c url("../img/in-browser-bg.gif") repeat-x 0 0; font: normal 13px Arial, Helvetica, sans-serif; text-decoration: none !important; cursor: pointer; }
.tlacitko-grafy:hover {color: #eee !important;}



/* Nabla Cognition */
div.nabla-cognition-photos 
{float: left; display: block; padding: 13px 20px; font: 1.2em Arial, Helvetica, sans-serif; color: #3a3a3a !important; 
background: #dceffb; border: 1px solid #a8c8dd; margin: 12px 0 -1px 0;} 

.poznavacky {background: #ffe1e1 !important; border: 1px solid #e9b1b1 !important; margin-left: 12px !important;}

div.nabla-cognition-photos a, div.nabla-cognition-photos a:visited
{border-bottom: 1px dotted #8c8c8c; text-decoration: none !important; color: #2c2c2c !important;}

div.nabla-cognition-photos a:hover
{border-bottom: 1px solid #acacac !important;}

.vetsi-spodni-margin {margin-bottom: 12px !important;}