@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: 960px;
	}

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

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;}

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.file-info {font: 1em Arial, Helvetica, sans-serif; letter-spacing: 1px; margin: 11px 0 14px 3px;}
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;}

ul.verze {margin: 5px 0 12px 0;}
	ul.verze li {list-style-type: square; list-style-position: inside; margin-bottom: 3px;}

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.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;}



/* =============== hlavicka =============== */
/* #lista {width: 100%; background: #444444 url("../img/lista.gif") repeat-x 0 0;} */ #lista {width: 100%; background: #2a2a2a;}
#sup-header {width: 960px; 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 {position: absolute; top: 15px; left: 90px; font: 1.1em Arial, Helvetica, sans-serif !important; letter-spacing: 1px; color: #f3f3f3;} */
	#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;}
		/* #sup-header p#co-je-nabla a, #sup-header p#co-je-nabla a:visited {color: #bbb; text-decoration: underline; background: url("../img/ven1.gif") no-repeat 100% 2px;  padding-right: 20px;}
			#sup-header p#co-je-nabla a:hover {text-decoration: none; color: #fff; background: url("../img/ven2.gif") no-repeat 100% 2px; padding-right: 20px;} */

/* =============== 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: 960px; margin: 0 auto;}

#menu li {
  float: left;
  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;}
	

/* 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: 960px; margin: 0 auto; position: relative; padding-bottom: 50px;}
	#nabla-obrazek {position: absolute; top: 16px; left: 617px; width: 150px; height: 194px; background: url("../nabla-obrazek.png") no-repeat 0 0;}
	#o-nable {position: absolute; top: 159px; left: 756px;}
	#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;}
.content {margin: 70px 0 0 0;} .content-d {margin: 0 0 0 0;} .content-a {margin: 22px 0 90px 0;}
	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;}

	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;}

	div#jedna, div#dva, div#tri {float: left; width: 33%; margin-right: 1px;}
		div#jedna h2 span, div#dva h2 span, div#tri 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#jedna h2 a, div#dva h2 a, div#tri h2 a, div#jedna h2 a:visited, div#dva h2 a:visited, div#tri h2 a:visited {color: #505050; text-decoration: none;}
				div#jedna h2 a:hover, div#dva h2 a:hover, div#tri h2 a:hover, div#jedna h2 a:active, div#dva h2 a:active, div#tri h2 a:active,  div#jedna h2 a:focus, div#dva h2 a:focus, div#tri h2 a:focus {color: #101010;} 
		div#jedna h3, div#dva h3, div#tri 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 {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 {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 /* #f07c53 */; width: 86%; position: relative;}
		.col2 h2 {border-bottom: 2px solid #c1c1c1; width: 88%; 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;}
	h3#prehled {margin: -5px 0 22px 0;}
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: 99%; margin: 8px 0 -1px 0; overflow: hidden;}
	.gallery-index .foto {float: left; width: 124px; height: 94px; margin: 0 7px 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;}

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: 95%;}
	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: 95%;} div.cara2-d {font-size: 0; margin: 3px 0 0 0; border-bottom: 2px dotted #b5b5b5; width: 95%;}
div.cara3 {font-size: 0; margin: 20px 0 0 0; border-bottom: 2px dotted #b5b5b5; width: 95%;}


/* =============== 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: 90px;}
		div#social-icon1-f {position: absolute; bottom: 5px; right: 42px;}
	div#social-icon2 {position: absolute; bottom: 5px; right: 51px;}
		div#social-icon2-f {position: absolute; bottom: 5px; right: 3px;}
/* img.fb-ico {position: absolute; bottom: 0; right: 90px;}
img.tw-ico {position: absolute; bottom: 0; right: 51px;} */

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: 95%;} .fyz {width: 100% !important;}
	#footer a, #footer a:visited {color: #303030;}

	#footer p.left {float: left; width: 400px;}
	#footer p.right {float: right; width: 400px; text-align: right;}




/* ============================================= matematika ============================================= */
/* #lista-m {width: 100%; background: #0469a3 url("../img/lista-m.gif") repeat-x 0 0;} */ #lista-m {width: 100%; background: #005f94;}

.content-m {margin: 65px 0 0 0;} .content-m-d {margin: 30px 0 0 0;} .content-m-in {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;}
	
	.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: #606060; 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: 70%; 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: 1em Verdana, Arial, Helvetica, sans-serif;}

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



/* ============================================= biologie ============================================= */
/* #lista-b {width: 100%; background: #2f8302 url("../img/lista-b.gif") repeat-x 0 0;} */ #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: 34px 0 30px 0; width: 98%;} .n {margin: 0 0 50px 0 !important;}
		.content-b div.sekce h2 {font: 1.8em Georgia, "Times New Roman", Times, serif; color: #505050; border-bottom: 5px solid #c5ddae; width: 91%;}

		.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;}
	.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; z-index: 1000;}

.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 18px 19px; width: 818px; margin-bottom: 0; overflow: hidden;}
	.latest .photo {float: left; width: auto; height: auto; margin: 0 17px 0 0;}

div.about {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;}

/* #fotorozcestnik {margin: 50px 0 40px 0; display: block;} */
#fotorozcestnik {margin: 53px 0 40px 0; display: block;}
	#fotorozcestnik a, #fotorozcestnik a:visited {font: 1.4em Georgia, "Times New Roman", Times, serif; color: #505050; float: left; margin-right: 22px;}
		#fotorozcestnik a.sub, #fotorozcestnik a.sub:visited {font: 1.2em Georgia, "Times New Roman", Times, serif; position: relative; top: 2px;}
	#fotorozcestnik a:hover, #fotorozcestnik a:active, #fotorozcestnik a:focus {text-decoration: none; color: #181818;}
	#fotorozcestnik a.aktivni {text-decoration: none; font-style: italic; color: #b81e00 !important;}
		#fotorozcestnik a.sub.aktivni {text-decoration: none; font-style: italic; color: #b81e00 !important;}

#rozcestnicek {}

/* a.fotky, a.fotky:visited {font: 1.2em Georgia, "Times New Roman", Times, serif; padding: 6px 15px; color: #fff; background-color: #326500; border: 1px solid #548a20; text-align: center; float: left; margin-right: 10px;}
a.fotky:hover, a.fotky:active, a.fotky:focus  {text-decoration: none;}

a.fotky2, a.fotky2:visited {font: 1.2em Georgia, "Times New Roman", Times, serif; padding: 6px 15px; color: #fff; background-color: #006553; border: 1px solid #158571; text-align: center; float: left; margin-right: 10px;}
a.fotky2:hover, a.fotky2:active, a.fotky2:focus {text-decoration: none;}

a.fotky3, a.fotky3:visited {font: 1.2em Georgia, "Times New Roman", Times, serif; padding: 6px 15px; color: #fff; background-color: #365979; border: 1px solid #5683ac; text-align: center; float: left; margin-right: 10px;}
a.fotky3:hover, a.fotky3:active, a.fotky3:focus {text-decoration: none;}

a.fotky4, a.fotky4:visited {font: 1.2em Georgia, "Times New Roman", Times, serif; padding: 6px 15px; color: #fff; background-color: #963a3a; border: 1px solid #bd3e3e; text-align: center; float: left;  margin-right: 10px;}
a.fotky4:hover, a.fotky4:active, a.fotky4:focus {text-decoration: none;}

a.fotky5, a.fotky5:visited {font: 1.2em Georgia, "Times New Roman", Times, serif; padding: 6px 15px; color: #fff; background-color: #963c75; border: 1px solid #aa528a; text-align: center; float: left;}
a.fotky5:hover, a.fotky5:active, a.fotky5:focus {text-decoration: none;}

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; position: relative; top: -5px;}
a.fotky6:hover, a.fotky6:active, a.fotky6:focus {text-decoration: none;} */

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;}

p.enter-seznam {margin: 10px 0 17px 0; font: 1.1em Verdana, Arial, Helvetica, sans-serif;} p.enter-seznam span {font: 1em "Courier New", Courier, monospace; color: #454545;}
  p.enter-seznam a, p.enter-seznam a:visited {text-decoration: underline; color: #2e6600; line-height: 1.65;}
  p.enter-seznam a:hover, p.enter-seznam a:active, p.enter-seznam a:focus {text-decoration: none; color: #303030;}


/* prehled */
.pozadi, .pozadi2 {background: #E5F3FA url("../img/pozadi-bg0.gif") repeat-x 0 0; height: auto;}
#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;}
	div#druh h2 {font: normal 1.6em Georgia, "Times New Roman", Times, serif; color: #b52200; background-color: #f3faff; margin: 10px auto 5px auto !important; padding: 0 !important; border: 0 !important; width: auto; 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;}


h3.doba-kvetu {color: #303030; border: 0; margin: 24px auto 10px auto; 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;}


.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;}
			


/* 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;}

/* table.authors {border-collapse: collapse;}
table.authors tr {}
table.authors td {padding: 27px 0 5px 3px; border-bottom: 1px solid #d7d7d7; width: 400px; color: #404040 !important; margin: 0 !important; font: 1.3em Georgia, "Times New Roman", Times, serif !important;}
	table.authors td a, table.authors td a:visited {float: right; font: 0.75em Verdana, Arial, Helvetica, sans-serif; margin-top: 1px;}
	table.authors td.zebra {} */

/* 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;}


/* ============================================= fyzika ============================================= */
/* #lista-f {width: 100%; background: #8812a9 url("../img/lista-f.gif") repeat-x 0 0;} */ #lista-f {width: 100%; background: #7f0f95;}

.content-f {margin: 42px 0 0 0;} .content-f-in {margin: 30px 0 0 0;}

.content-f-in ol {margin: 22px 0 30px 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 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 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;}
	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 div.jedna h2, .content-f div.dva h2 {font: 1.8em Georgia, "Times New Roman", Times, serif; color: #505050; border-bottom: 5px solid #e4c8e5; width: 434px; position: relative;}

	div.jedna h2 span, div.dva h2 span {display: block; background: url("../img/caranice7.gif") no-repeat 0 0; width: 26px; height: 22px; position: absolute; top: 2px; right: 6px;}

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 0 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;}


/* ============================================= 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: 60px 0 50px 0;}
	.content-c div.sekce h2 {font: 1.7em Georgia, "Times New Roman", Times, serif; color: #505050; border-bottom: 4px solid #c5ddae; width: 85%; 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;}
	.nastenka p.posledni {margin-bottom: 0;}


/* #c-banner {
  margin: 0; padding: 0;
  position: relative;
  overflow: hidden;
  }

#c-banner, #c-banner span {
  width: 98px; height: 34px;
  }

#c-banner span {
  background: url("../img/c-banner.gif") no-repeat 0 0;
  display: block;
  position: absolute;
  top: 0; left: 0;
  cursor: pointer;
  } */


p#c-banner {
	width: 98px; 
	height: 34px; 
	position: relative;
	margin: 0; padding: 0;
}

p#c-banner a {
	display: block; 
	width: 98px; 
	height: 34px; 
	font-size: 1.2em; 
	line-height: 34px;
	position: relative;
	overflow: hidden;
	padding: 0 !important;
} 

p#c-banner a span {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: url('../img/c-banner.gif') no-repeat 0 0;
	cursor: pointer;
}

p#c-banner a:hover {}
p#c-banner a:hover span {background-position : 0 -34px;}
  
  
.c-vstup {margin: 14px 0 18px 0;}
	.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 24px 2px;} p.kde-c a, p.kde-c a:visited {color: #054773;}

.fb-share-i {margin: 17px 50px -22px 0; text-align: right;}
.fb-share-o {margin: -12px 0 0 0;}
.fb-share-b {margin: 0 0 26px 1px;}


#reklama-matematika {margin: -9px 0 50px 0;}
#reklama-biologie {margin: -14px 0 30px 0;}
#reklama-fyzika {margin: 55px 0 30px 0;}
#reklama-cestina {margin: -12px 0 40px 0;}