/**************************************************************************************
  FORMATOVANI STRANEK http://tridni.jmx.cz /// Styl GOTHIC od/by Artur MOELLER
  (c) 2005 Tomas Vitek - web: http://tomik.jmx.cz; mail:tomik@jmx.cz
  
  Prosim, nepouzivejte tento css soubor ani zadnou jeho cast bez meho svoleni, diky 
  Please, do not use this css file, or part of it, without my permission, thanks !
**************************************************************************************/

@import url("code.css");

html, body {
  height:100%;

}

.TexylaTextareaParent {background: none black !important;}
.Texylabtn {background: none black !important;}

.vypis_chyba {
  color:red;
}

.vypis_ok {
  color:green;
}
h1, h2, h3 {clear:both}
.nove {
  float:right;
  position:relative;
  bottom:15px;
  color:red;
}

body {
  margin: 0;
  padding: 0;
  font-size: 100%;
  font-family: 'Lucida Console', 'Monaco CE', 'Bitstream Vera Sans Mono', fixed, monospace;
  color: #fff;
  text-align: center;
  min-width:768px;
  line-height: 1.5;
  background: #797979 url("gothic/bodybg.gif") repeat-y center;
}

/* VYPUJCENO OD DERA - http://www.dero.name/ */

p {
	text-indent: 1em;
}

h1+p, h2+p, h3+p, h4+p, h5+p, h6+p { text-indent: 0; }

* html p { behavior: url('ie-indent.htc'); }

.popisek {text-indent: 0}

.rss {color:gray;float:right;}

a {
  color:#880000;
  text-decoration:underline;
  padding-left:4px;
  padding-right:4px;
  font-weight:bold;
}

a:hover {
  color:black;
  background-color:#880000;
  text-decoration:none
}

#page {
  margin: 0 auto;
  text-align: left;
  min-height: 100%;
  height: 100%;
  width:768px;
  padding:10px 0;
  
  background: black; 
}

body>#page {
 height: auto;
}

.vypis_prihl {margin-top:15px !important;margin-bottom:15px !important;}

#login {
  width:350px;
  text-aling:center;
  padding:20px 30px;
  margin:5px auto;
  border:1px solid white;
}

#hlavicka {
  border: black 1px solid;
  margin: 0 auto;
  padding:0;
  width:768px;
  height:180px;
  text-align:left;
  background: #880000 none;
	
}

/* DEFINICE PRE */

pre {
  color:black;
  font-family: Courier New, Courier, monotype;
  font-weight: normal;
  border: 1px dashed #B4B4B4;
  border-bottom-color: #EDEDED;
  border-right-color: #EDEDED;
  width: 452px;
  padding: 14px 10px 14px 10px;
  margin: 10px 20px 10px 10px;
  white-space:pre;
  overflow: auto;
  clear:both;
  background: #F9F9F9 url("pre/code.png") 310px 6px no-repeat;
  font-size:90% !important;
}

* html pre {
  width: 450px;
  overflow-y: visible;
  padding: 13px 10px 23px 10px;
}

pre code {
  background-color:#F9F9F9;
}

pre span {
  display:inline !important;
}

/* pozadi pro jednotlive jazyky/syntaxe */
pre.code {
  background: #F9F9F9 url("pre/code.png") 310px 6px no-repeat;
}

pre.php {
  background: #F9F9F9 url("pre/php.png") 310px 6px no-repeat;
}

pre.css {
  background: #F9F9F9 url("pre/css.png") 310px 6px no-repeat;
}

pre.html {
  background: #F9F9F9 url("pre/html.png") 310px 6px no-repeat;
}

pre.js {
  background: #F9F9F9 url("pre/js.png") 310px 6px no-repeat;
}

pre.sql {
  background: #F9F9F9 url("pre/sql.png") 310px 6px no-repeat;
}

pre.java {
  background: #F9F9F9 url("pre/java.png") 310px 6px no-repeat;
}

pre.cpp {
  background: #F9F9F9 url("pre/cpp.png") 310px 6px no-repeat;
}

pre.cs {
  background: #F9F9F9 url("pre/cs.png") 310px 6px no-repeat;
}

#hlavicka h1 {
	margin:30px; 
  padding:0;
  border:0;
}

#hlavicka a:hover {
  color:#880000;
  background-color:black;
  text-decoration:underline;  
	cursor:hand;cursor: pointer
} 
 
#nadpis {
  color:black;
  background-color:#880000;
  font-family: Palatino, 'palatino linotype', serif;
  text-decoration:none;
  font-size:150%;
	margin:0; 
  padding:0;
	position:relative;
	width:768px; 
  height:180px;
	overflow:hidden;
	}

#nadpis span {
  border: black 1px solid;
	display:block;
	position:absolute; 
  left:-31px; 
  top:-34px; 
  z-index:1;
	width:768px; 
  height:180px;
	margin:0; 
  padding:0;
	background:url("gothic/panel.jpg") top left no-repeat;
	}


p {
  margin-left:10px;
}

a.odesel { 
  color:gray;
}

a.odesel:hover { 
  color:white;
  background-color:gray;
}

.clear {
  clear:both;
}

.hr {
  clear:both;
  width:100%;
  border-top:2px dashed #880000;
  padding-bottom:30px;
}

#text ul { 
  margin: 0 0 1.75em 1.75em; 
  padding: 0; 
  clear:both;
}

#text ul li { 
  margin-left: 1.75em;
  list-style-image: url("gothic/li.gif");
}

* html #text ul li { 
  padding-left:5px;
}

body abbr, body  acronym, body  dfn {
  cursor: help;
  border-bottom: 1px dotted white;
}

.odkaz{
  cursor: pointer;
  color:#880000;
  text-decoration:underline;
  padding-left:4px;
  padding-right:4px;
  font-weight:bold;
}

.menu {
  width:180px;
  _width:160px;
  border:1px black solid;
  margin-top:10px;
  font-size:78%;
  background-color:#890000;
}

.menu p {
  padding:5px;
  font-size:90%;
}

pre, code, samp, kbd, var {
  font-family: monospace; 
  color: black;
  font-size: 120%;
  line-height: 1.35em;
  background: #F1F1F1;
}

.menu ul {
  list-style-type:none;
  margin:0;
  padding:0;
}

.menu li {
  width:162px;
  _width:100%;
  font-family: 'Lucida Console', 'Monaco CE', 'Bitstream Vera Sans Mono', fixed, monospace;
  font-size:95%;
  line-height:1.8; 
  margin:0;
}

 
.menu h3 {
  font-family: 'Lucida Console', 'Monaco CE', 'Bitstream Vera Sans Mono', fixed, monospace;
  font-size:95%;
  letter-spacing: 15pt;
  Font-variant: Small-caps;
	background-color:#420000;
	letter-spacing:0.2em;
	line-height:2em;
	margin:0 0 9px;
	padding:0 10px;
	color:#860000;
	width:162px;
	_width:100%;
}
  
.menu li span, .menu li a  {
/*  padding:5px;*/
  color:white !important;
  text-decoration:none;
  padding-left:15px;
  display:block;
	width:162px;
	_width:100%;
}

.menu a {
  color:white !important;
}

.menu li a:hover {
  background-color:#880000;
  color:white !important;
  font-weight:bold
}

.menu li#aktivni a{
  color:black !important;
  text-decoration:underline;
  font-weight:bold
}
 
#vlevo {
  width:180px;  
  float:left;
  display: inline;
}

#vpravo {
  float: right;
  width:560px;
  display: inline;
  margin:0;
  padding:0;
}

#text {
  margin:0;
  margin-top:20px;
  margin-bottom:20px;
  line-height: 1.5;
  font-size:90%;
  padding:0;
  _padding-left:20px;
  height:100%;
  min-height:100%;
}

#text h1, #text h2, #text h3, #text h4, #text h5, #text h6 {
  font-family: 'Lucida Console', 'Monaco CE', 'Bitstream Vera Sans Mono', fixed, monospace 
}

#text h3, #text h4, #text h5, #text h6 {
  font-weight: bold
}

h4 {
  margin-left:10px;
  margin-bottom:2px
}


/* STARA VERZE
#text h1 {
  border-left:3px #6F934E solid;
  border-bottom:3px #6F934E solid;
  padding-left:15px;
  width:80%;
  _font-size:190%;
  font-weight:normal;
}*/

#text h1 { 
  color: #880000; 
  text-align: center;
}

#text h2 {
  font-weight:normal;
  text-decoration:none;
  font-size:120%;
  _font-size:160%;
}

#text h2.novinka {
  border-bottom: 1px solid silver;
  margin-right:10px;
  text-decoration:none;
}

#text h3 {
  _font-size:130%;
}

#text a:hover img, #text a img {
  border-width:0px;
  background-color:white;
}

.pravy {
  text-align: right;
  margin-right:10px;
}

#patka {
  font-family: Georgia, 'New York CE', utopia, 'Bitstream Vera Serif', serif;
  margin: 7px 30px 10px;
  padding-top: 4px;
  font-size:70%;
  border-top:3px #880000 solid;
  text-align: center;
  clear: both;
  width:686px;
}

#patka span.print, .skryt {
  display:none;
}

#navic {
  clear: both;
  padding-bottom:5px;
  font-size:70%;
  width:18%;
  text-align: left;
  margin-left:auto;
}

#aktivni {
  text-decoration:none;
  color:black;
}

input {
  font:100% verdana, sans-serif;
  font-weight:bold;
  margin-bottom:3px;
  border: 1px solid white;
}

fieldset {
  clear:both;
  border:0;
  padding:0; 
  margin:0;
}

fieldset input {
  background-color: #f6f6f6;
  width: 200px;
  border: 1px solid white;
}

input.checkbox {
  border: 0;
  width:auto;
}

label {
  padding-right:20px;
  display:block;
}

textarea {
  border: 1px solid white;
}

legend {
  margin-bottom: 5px;
  border: 1px solid white;
  color: black;
  font-weight: bold;
  padding:2px 8px;
  background-color: #f6f6f6;
}

input:focus, textarea:focus {
  border: 1px solid white;
  background-color: #880000;
  color:white
}

#login label {
  display:inline;
}

#login {
  text-align:right;
}

.prihlaseny {
  margin:20px 0px;
  font-size:120%;
}

.log {
  margin:0px;
  font-size:120%;
}

/* Nahrazeni textu obrazekem */

/* text nadpisy */
#vitejte {
	position:relative;
	width:231px; height:75px;
	margin:0 auto; padding:0;
	overflow:hidden;
	}
	
#vitejte span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:231px; height:75px;
	margin:0; padding:0;
	background:url("gothic/vitejte.jpg") top left no-repeat;
	}


/* MENU nadpisy */
#verejna-sekce {
	position:relative;
	width:160px;
  height:30px;
	margin:0 auto; padding:0 10px;
	overflow:hidden;
	}
	
#verejna-sekce span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%;
  _width:200px; height:29px;
	margin:0; padding:0;
	background:url("gothic/verejna-sekce.gif") top left no-repeat;
	}
	

#tridni-sekce {
	margin:0; padding:0;
	position:relative;
	width:160px;
  height:30px;
	margin:0 auto; padding:0 10px;
	overflow:hidden;
	}
	
#tridni-sekce span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%;
  _width:200px; height:29px;
	margin:0; padding:0;
	background:url("gothic/tridni-sekce.gif") top left no-repeat;
	}

#osobni-menu {
	margin:0; padding:0;
	position:relative;
	width:160px;
  height:30px;
	margin:0 auto; padding:0 10px;
	overflow:hidden;
	}
	
#osobni-menu span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%;
  _width:200px; height:29px;
	margin:0; padding:0;
	background:url("gothic/osobni-nastaveni.gif") top left no-repeat;
	}
	
#webdesign {
	margin:0; padding:0;
	position:relative;
	width:160px;
  height:30px;
	margin:0 auto; padding:0 10px;
	overflow:hidden;
	}
	
#webdesign span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%;
  _width:200px; height:29px;
	margin:0; padding:0;
	background:url("gothic/webdesign.gif") top left no-repeat;
	}	
	
#reklama {
	margin:0; padding:0;
	position:relative;
	width:160px;
  height:30px;
	margin:0 auto; padding:0 10px;
	overflow:hidden;
	}
	
#reklama span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%;
  _width:200px; height:29px;
	margin:0; padding:0;
	background:url("gothic/reklama.gif") top left no-repeat;
	}

#zmenit-styl {
	margin:0; padding:0;
	position:relative;
	width:160px;
  height:30px;
	margin:0 auto; padding:0 10px;
	overflow:hidden;
	}
	
#zmenit-styl span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%;
  _width:200px; height:29px;
	margin:0; padding:0;
	background:url("gothic/zmenit-styl.gif") top left no-repeat;
	}


#prihlasena-jako {
	margin:0; padding:0;
	position:relative;
	width:160px;
  height:30px;
	margin:0 auto; padding:0 10px;
	overflow:hidden;
	}
	
#prihlasena-jako span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%;
  _width:200px; height:29px;
	margin:0; padding:0;
	background:url("gothic/prihlasena-jako.gif") top left no-repeat;
	}
  

#administrace {
	margin:0; padding:0;
	position:relative;
	width:160px;
  height:30px;
	margin:0 auto; padding:0 10px;
	overflow:hidden;
	}
	
#administrace span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%;
  _width:200px; height:29px;
	margin:0; padding:0;
	background:url("gothic/administrace.gif") top left no-repeat;
	}

#informace {
	margin:0; padding:0;
	position:relative;
	width:160px;
  height:30px;
	margin:0 auto; padding:0 10px;
	overflow:hidden;
	}
	
#informace span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%;
  _width:200px; height:29px;
	margin:0; padding:0;
	background:url("gothic/informace.gif") top left no-repeat;
	}
	
#informace_admini {
	margin:0; padding:0;
	position:relative;
	width:160px;
  height:30px;
	margin:0 auto; padding:0 10px;
	overflow:hidden;
	}
	
#informace_admini span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%;
  _width:200px; height:29px;
	margin:0; padding:0;
	background:url("gothic/inf_admini.gif") top left no-repeat;
	}

#prihlaseni {
	margin:0; padding:0;
	position:relative;
	width:160px;
  height:30px;
	margin:0 auto; padding:0 10px;
	overflow:hidden;
	}
	
#prihlaseni span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%;
  _width:200px; height:29px;
	margin:0; padding:0;
	background:url("gothic/prihlaseni.gif") top left no-repeat;
	}	



.menu ul li {
  padding:0;margin:0
}

#menu-uvod {
	position:relative;
	width:100%;
	_width:160px;
  height:30px;
	overflow:hidden;
	}
	
#menu-uvod span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:99%;
	_width:160px;
  height:30px;
	background:url("gothic/uvod.gif") top left no-repeat;
	}

.menu ul li a:hover {
  cursor:hand;cursor: pointer
}

#menu-novinky {
	position:relative;
	width:100%;
	_width:160px;
  height:29px;
	overflow:hidden;
	}
	
#menu-novinky span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%;
	_width:160px;
  height:29px;
	background:url("gothic/novinky.gif") top left no-repeat;
	}

#menu-o-tride {
	position:relative;
	width:100%;
	_width:160px;
  height:29px;
	overflow:hidden;
	}
	
#menu-o-tride span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%;
	_width:160px;
  height:29px;
	background:url("gothic/o-tride.gif") top left no-repeat;
	}

#menu-ucitele {
	position:relative;
	width:100%;
	_width:160px;
  height:29px;
	overflow:hidden;
	}
	
#menu-ucitele span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%;
	_width:160px;
  height:29px;
	background:url("gothic/ucitele.gif") top left no-repeat;
	}

#menu-odkazy {
	position:relative;
	width:100%;
	_width:160px;
  height:30px;
	overflow:hidden;
	}
	
#menu-odkazy span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%;
	_width:160px;
  height:30px;
	background:url("gothic/odkazy.gif") top left no-repeat;
	}

#menu-o-strankach {
	position:relative;
	width:100%;
	_width:160px;
  height:35px;
	overflow:hidden;
	}
	
#menu-o-strankach span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%;
	_width:200px;
  height:35px;
	background:url("gothic/o-strankach.gif") top left no-repeat;
	}

#menu-diskuse {
	position:relative;
	width:100%;
	_width:160px;
  height:26px;
	overflow:hidden;
	}
	
#menu-diskuse span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%;
	_width:200px;
  height:26px;
	background:url("gothic/diskuse.gif") top left no-repeat;
	}

#menu-tridni-adresar {
	position:relative;
	width:100%;
	_width:160px;
  height:25px;
	overflow:hidden;
	}
	
#menu-tridni-adresar span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%;
	_width:200px;
  height:25px;
	background:url("gothic/tridni-adresar.gif") top left no-repeat;
	}


#menu-nastenka {
	position:relative;
	width:100%;
	_width:160px;
  height:25px;
	overflow:hidden;
	}
	
#menu-nastenka span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%;
	_width:200px;
  height:25px;
	background:url("gothic/nastenka.gif") top left no-repeat;
	}


#menu-fotogalerie {
	position:relative;
	width:100%;
	_width:160px;
  height:25px;
	overflow:hidden;
	}
	
#menu-fotogalerie span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%;
	_width:200px;
  height:25px;
	background:url("gothic/fotogalerie.gif") top left no-repeat;
	}

#menu-hlasky {
	position:relative;
	width:100%;
	_width:160px;
  height:24px;
	overflow:hidden;
	}
	
#menu-hlasky span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%;
	_width:200px;
  height:24px;
	background:url("gothic/hlasky.gif") top left no-repeat;
	}	
	

#menu-stahnout {
	position:relative;
	width:100%;
	_width:160px;
  height:22px;
	overflow:hidden;
	}
	
#menu-stahnout span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%;
	_width:200px;
  height:22px;
	background:url("gothic/stahnout.gif") top left no-repeat;
	}		


#menu-rozvrhy {
	position:relative;
	width:100%;
	_width:160px;
  height:27px;
	overflow:hidden;
	}
	
#menu-rozvrhy span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%;
	_width:200px;
  height:27px;
	background:url("gothic/rozvrhy.gif") top left no-repeat;
	}	


#menu-ankety {
	position:relative;
	width:100%;
	_width:160px;
  height:24px;
	overflow:hidden;
	}
	
#menu-ankety span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%;
	_width:200px;
  height:24px;
	background:url("gothic/ankety.gif") top left no-repeat;
	}	


#menu-svatky {
	position:relative;
	width:100%;
	_width:160px;
  height:39px;
	overflow:hidden;
	}
	
#menu-svatky span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%;
	_width:200px;
  height:39px;
	background:url("gothic/svatky.gif") top left no-repeat;
	}	

#menu-natural {
	position:relative;
	width:100%;
	_width:160px;
  height:38px;
	overflow:hidden;
	}
	
#menu-natural span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%;
	_width:200px;
  height:38px;
	background:url("gothic/natural.gif") top left no-repeat;
	}	

#menu-gothic-style {
	position:relative;
	width:100%;
	_width:160px;
  height:43px;
	overflow:hidden;
	}
	
#menu-gothic-style span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%;
	_width:200px;
  height:43px;
	background:url("gothic/gothic-style.gif") top left no-repeat;
	}	

#menu-temelin-style {
	position:relative;
	width:100%;
	_width:160px;
  height:37px;
	overflow:hidden;
	}
	
#menu-temelin-style span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%;
	_width:200px;
  height:37px;
	background:url("gothic/temelin-style.gif") top left no-repeat;
	}	
	
#menu-blue-black-style {
	position:relative;
	width:100%;
	_width:160px;
  height:37px;
	overflow:hidden;
	}

#menu-blue-black-style span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%;
	_width:200px;
  height:37px;
	background:url("gothic/blue-black-style.gif") top left no-repeat;
	}

#menu-blue-white-style {
	position:relative;
	width:100%;
	_width:160px;
  height:37px;
	overflow:hidden;
	}

#menu-blue-white-style span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%;
	_width:200px;
  height:37px;
	background:url("gothic/blue-white-style.gif") top left no-repeat;
	}

#menu-seznam-prihlasenych {
	position:relative;
	width:100%;
	_width:160px;
  height:53px;
	overflow:hidden;
	}
	
#menu-seznam-prihlasenych span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%;
	_width:200px;
  height:53px;
	background:url("gothic/seznam-prihlasenych.gif") top left no-repeat;
	}	
	
#menu-zmena-udaju {
	position:relative;
	width:100%;
	_width:160px;
  height:25px;
	overflow:hidden;
	}
	
#menu-zmena-udaju span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%;
	_width:200px;
  height:25px;
	background:url("gothic/zmena-udaju.gif") top left no-repeat;
	}	

#menu-zmena-hesla {
	position:relative;
	width:100%;
	_width:160px;
  height:25px;
	overflow:hidden;
	}
	
#menu-zmena-hesla span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%;
	_width:200px;
  height:25px;
	background:url("gothic/zmena-hesla.gif") top left no-repeat;
	}	

#menu-vtipy {
	position:relative;
	width:100%;
	_width:160px;
    height:25px;
	overflow:hidden;
	}
	
#menu-vtipy span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%;
	_width:200px;
  height:25px;
	background:url("gothic/vtipy.gif") top left no-repeat;
	}	

#menu-nabizim {
	position:relative;
	width:100%;
	_width:160px;
    height:25px;
	overflow:hidden;
	}
	
#menu-nabizim span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%;
	_width:200px;
  height:25px;
	background:url("gothic/nabizim.gif") top left no-repeat;
	}	

#menu-log {
	position:relative;
	width:100%;
	_width:160px;
    height:25px;
	overflow:hidden;
	}
	
#menu-log span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%;
	_width:200px;
  height:25px;
	background:url("gothic/log.gif") top left no-repeat;
	}	

#menu-ip {
	position:relative;
	width:100%;
	_width:160px;
    height:25px;
	overflow:hidden;
	}
	
#menu-ip span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%;
	_width:200px;
  height:25px;
	background:url("gothic/ip.gif") top left no-repeat;
	}	

#menu-sql {
	position:relative;
	width:100%;
	_width:160px;
    height:25px;
	overflow:hidden;
	}
	
#menu-sql span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%;
	_width:200px;
  height:25px;
	background:url("gothic/sql.gif") top left no-repeat;
	}	

#menu-phpmyadmin {
	position:relative;
	width:100%;
	_width:160px;
    height:25px;
	overflow:hidden;
	}
	
#menu-phpmyadmin span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%;
	_width:200px;
  height:25px;
	background:url("gothic/phpmyadmin.gif") top left no-repeat;
	}	

#menu-hodnoceni {
	position:relative;
	width:100%;
	_width:160px;
    height:25px;
	overflow:hidden;
	}
	
#menu-hodnoceni span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%;
	_width:200px;
  height:25px;
	background:url("gothic/hodnoceni.gif") top left no-repeat;
	}	
	
#menu-hodnoceni2 {
	position:relative;
	width:100%;
	_width:160px;
    height:25px;
	overflow:hidden;
	}
	
#menu-hodnoceni2 span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%;
	_width:200px;
  height:25px;
	background:url("gothic/hodnoceni.gif") top left no-repeat;
	}		

#menu-statistiky {
	position:relative;
	width:100%;
	_width:160px;
    height:25px;
	overflow:hidden;
	}
	
#menu-statistiky span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%;
	_width:200px;
  height:25px;
	background:url("gothic/statistiky.gif") top left no-repeat;
	}	

#menu-zmena-jmena {
	position:relative;
	width:100%;
	_width:160px;
  height:30px;
	overflow:hidden;
	}

#menu-zmena-jmena span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%;
	_width:200px;
  height:25px;
	background:url("gothic/zmena-jmena.gif") top left no-repeat;
	}

#menu-zmena-podobizny {
	position:relative;
	width:100%;
	_width:160px;
  height:30px;
	overflow:hidden;
	}	
	
#menu-zmena-podobizny span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%;
	_width:200px;
  height:25px;
	background:url("gothic/zmena-podobizny.gif") top left no-repeat;
	}

#menu-odhlasit-se {
	position:relative;
	width:100%;
	_width:160px;
  height:30px;
	overflow:hidden;
	}
	
#menu-odhlasit-se span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%;
	_width:200px;
  height:30px;
	background:url("gothic/odhlasit-se.gif") top left no-repeat;
	}	

#menu-audio {
	position:relative;
	width:100%;
	_width:160px;
  height:25px;
	overflow:hidden;
	}
	
#menu-audio span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%;
	_width:200px;
  height:25px;
	background:url("gothic/audio.gif") top left no-repeat;
	}	

#menu-ukolnicek {
	position:relative;
	width:100%;
	_width:160px;
  height:25px;
	overflow:hidden;
	}
	
#menu-ukolnicek span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%;
	_width:200px;
  height:25px;
	background:url("gothic/ukolnicek.gif") top left no-repeat;
	}	
  
#menu-akce {
	position:relative;
	width:100%;
	_width:160px;
  height:25px;
	overflow:hidden;
	}
	
#menu-akce span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%;
	_width:200px;
  height:25px;
	background:url("gothic/akce.gif") top left no-repeat;
	}		
	
#menu-soukrome-zpravy {
	position:relative;
	width:100%;
	_width:160px;
  height:25px;
	overflow:hidden;
	}
	
#menu-soukrome-zpravy span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%;
	_width:200px;
  height:25px;
	background:url("gothic/soukrome-zpravy.gif") top left no-repeat;
	}		
/* MENU - hovery */
#aktivni #menu-o-strankach span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%;
	_width:200px;
  height:35px;
	background:url("gothic/o-strankach-aktivni.gif") top left no-repeat;
	}


#aktivni #menu-uvod span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%;
	_width:200px;
  height:30px;
	background:url("gothic/uvod-aktivni.gif") top left no-repeat;
	}

#aktivni #menu-o-tride span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%;
	_width:200px;
  height:29px;
	background:url("gothic/o-tride-aktivni.gif") top left no-repeat;
	}

#aktivni #menu-odkazy span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%;
	_width:200px;
  height:30px;
	background:url("gothic/odkazy-aktivni.gif") top left no-repeat;
	}

#aktivni #menu-ucitele span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%;
	_width:200px;
  height:29px;
	background:url("gothic/ucitele-aktivni.gif") top left no-repeat;
	}
	
#aktivni #menu-novinky span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%;
	_width:200px;
  height:29px;
	background:url("gothic/novinky-aktivni.gif") top left no-repeat;
	}
	
#aktivni #menu-diskuse span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%;
	_width:200px;
  height:26px;
	background:url("gothic/diskuse-aktivni.gif") top left no-repeat;
	}
	
#aktivni #menu-tridni-adresar span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%;
	_width:200px;
  height:25px;
	background:url("gothic/tridni-adresar-aktivni.gif") top left no-repeat;
	}

#aktivni #menu-nastenka span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%;
	_width:200px;
  height:25px;
	background:url("gothic/nastenka-aktivni.gif") top left no-repeat;
	}
	
#aktivni #menu-fotogalerie span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%;
	_width:200px;
  height:25px;
	background:url("gothic/fotogalerie-aktivni.gif") top left no-repeat;
	}
	
#aktivni #menu-hlasky span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%;
	_width:200px;
  height:24px;
	background:url("gothic/hlasky-aktivni.gif") top left no-repeat;
	}
	
#aktivni #menu-soukrome-zpravy span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%;
	_width:200px;
  height:25px;
	background:url("gothic/soukrome-zpravy-aktivni.gif") top left no-repeat;
	}

#aktivni #menu-zmena-jmena span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%;
	_width:200px;
  height:25px;
	background:url("gothic/zmena-jmena-aktivni.gif") top left no-repeat;
	}

#aktivni #menu-log span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%;
	_width:200px;
  height:25px;
	background:url("gothic/log-aktivni.gif") top left no-repeat;
	}
	
#aktivni #menu-ip span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%;
	_width:200px;
  height:25px;
	background:url("gothic/ip-aktivni.gif") top left no-repeat;
	}
	
#aktivni #menu-sql span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%;
	_width:200px;
  height:25px;
	background:url("gothic/sql-aktivni.gif") top left no-repeat;
	}

#aktivni #menu-phpmyadmin span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%;
	_width:200px;
  height:25px;
	background:url("gothic/phpmyadmin-aktivni.gif") top left no-repeat;
	}	
#aktivni #menu-hodnoceni span, #aktivni #menu-hodnoceni2 span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%;
	_width:200px;
  height:25px;
	background:url("gothic/hodnoceni-aktivni.gif") top left no-repeat;
	}
#aktivni #menu-statistiky span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%;
	_width:200px;
  height:25px;
	background:url("gothic/statistiky-aktivni.gif") top left no-repeat;
	}
#aktivni #menu-zmena-podobizny span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%;
	_width:200px;
  height:25px;
	background:url("gothic/zmena-podobizny-aktivni.gif") top left no-repeat;
	}
	
#aktivni #menu-stahnout span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%;
	_width:200px;
  height:22px;
	background:url("gothic/stahnout-aktivni.gif") top left no-repeat;
	}
	
#aktivni #menu-rozvrhy span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%;
	_width:200px;
  height:27px;
	background:url("gothic/rozvrhy-aktivni.gif") top left no-repeat;
	}
	
#aktivni #menu-ankety span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%;
	_width:200px;
  height:24px;
	background:url("gothic/ankety-aktivni.gif") top left no-repeat;
	}
	
#aktivni #menu-svatky span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%;
	_width:200px;
  height:39px;
	background:url("gothic/svatky-aktivni.gif") top left no-repeat;
	}

	
#aktivni #menu-natural span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%;
	_width:200px;
  height:38px;
	background:url("gothic/natural-aktivni.gif") top left no-repeat;
	}

	
#aktivni #menu-natural span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%;
	_width:200px;
  height:38px;
	background:url("gothic/natural-aktivni.gif") top left no-repeat;
	}

#aktivni #menu-temelin-style span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%;
	_width:200px;
  height:37px;
	background:url("gothic/temelin-style-aktivni.gif") top left no-repeat;
	}
	
#aktivni #menu-blue-black-style span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%;
	_width:200px;
  height:37px;
	background:url("gothic/blue-black-style-aktivni.gif") top left no-repeat;
	}
	
#aktivni #menu-blue-white-style span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%;
	_width:200px;
  height:37px;
	background:url("gothic/blue-white-style-aktivni.gif") top left no-repeat;
	}
	
#aktivni #menu-gothic-style span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%;
	_width:200px;
  height:47px;
	background:url("gothic/gothic-style-aktivni.gif") top left no-repeat;
	}


	
#aktivni #menu-seznam-prihlasenych span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%;
	_width:200px;
  height:53px;
	background:url("gothic/seznam-prihlasenych-aktivni.gif") top left no-repeat;
	}
	
#aktivni #menu-zmena-udaju span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%;
	_width:200px;
  height:25px;
	background:url("gothic/zmena-udaju-aktivni.gif") top left no-repeat;
	}

	
#aktivni #menu-zmena-hesla span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%;
	_width:200px;
  height:25px;
	background:url("gothic/zmena-hesla-aktivni.gif") top left no-repeat;
	}
	
	
#aktivni #menu-odhlasit-se span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%;
	_width:200px;
  height:30px;
	background:url("gothic/odhlasit-se-aktivni.gif") top left no-repeat;
	}
		

#aktivni #menu-ukolnicek span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%;
	_width:200px;
  height:25px;
	background:url("gothic/ukolnicek-aktivni.gif") top left no-repeat;
	}
	
	#aktivni #menu-akce span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%;
	_width:200px;
  height:25px;
	background:url("gothic/akce-aktivni.gif") top left no-repeat;
	}
	
#aktivni #menu-audio span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%;
	_width:200px;
  height:25px;
	background:url("gothic/audio-aktivni.gif") top left no-repeat;
	}

#aktivni #menu-vtipy span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%;
	_width:200px;
  height:25px;
	background:url("gothic/vtipy-aktivni.gif") top left no-repeat;
	}

#aktivni #menu-nabizim span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%;
	_width:200px;
  height:25px;
	background:url("gothic/nabizim-aktivni.gif") top left no-repeat;
	}

#skola a:hover, #screen a:hover{
  background-color:black;
}

#skola {
  width:410px;
}

#screen {
  width:410px;
}

.popisek, .popisek a, .popisek a:hover{
  font-size:x-small;
  margin-left:30px;  
  color:gray;
  font-weight:bold;
  width:100%;
	margin: 7px auto 7px auto;
	text-align: center;
}

.popisek a:hover {
  text-decoration:underline;
  background-color:black;
}

.fotografie {
  display:block;
  width:400px;
	margin: 7px auto 7px auto;
	text-align: center;
}

.nahled {
  display:block;
  width:200px;
	margin: 7px auto 7px auto;
	text-align: center;
}

.fotografie-2 {
  display:block;
  width:243px;
	margin: 7px auto 7px auto;
	text-align: center;
}

.fotografie img, .fotografie-2 img, .nahled img {
  cursor: pointer;
}

#screen, #skola, .portret, #tridni-fotka, .fotografie, .fotografie-2, .nahled {
  background-color:black;
  margin-top:20px;
  padding:10px;
  border: 2px dashed #880000;
  
}

.podobizna {
  width:44px;
  height:60px;
  padding:2px 2px;
  margin-right:5px;
  float:left;  
  position: relative;
  z-index:6;
  border:1px solid black;
  background-color:white;
}


/*.hlavni {clear:both}*/

/* Tabulky ADRESÁŘ & TAB */

table.ucitel-tabulka, table.ucitel-tabulka td, table.ucitel-tabulka tr {
  border:0;
  width:100%;
  text-align:left;
  border-collapse: separate;
  margin:0;
  font-size:100%;
}

table.nahledova {
  border:0;
}

table {
  text-align: center;
  display: table; 
  border-collapse: collapse;
  margin:20px 10px;
  font-size:80%
}


.vizitka  {
  text-align:right;
  border:2px;
  display: table;
  line-height:10px;
  margin-left:auto;
  margin-right:auto;
  font-size:80%;
  width:70%;
  border: 2px solid white;
  background-color: black;color:white;
}

.upravit-novinku {
  margin:0 10px 0 0;
  padding:0;
  color:gray;
  font-size:xx-small;
  float: right;
  display: inline;
  text-align:right;
}

.upravit-novinku a{
  color:gray;
  font-weight:normal;
  text-decoration:underline;
}

.upravit-novinku a:hover{
  color:gray;
  font-weight:bold;
  text-decoration:underline;
  background-color:transparent;
}

.upravit-smazat {
  width:500px;
  font-size:80%;
  margin:0px;
  margin-top:3px;
  padding:0px;
  color:gray;
  font-size:xx-small;
  text-align: right;
}

.upravit-smazat a{
  color:gray;
  font-weight:normal;
  text-decoration:underline;
}

.upravit-smazat a:hover{
  color:gray;
  font-weight:bold;
  text-decoration:underline;
  background-color:transparent;
}

.vzkaz .hlavni {
  padding:10px 2px;
}

.vzkaz .hlavni p {
  padding:0;
  margin:0;
}

.vizitka p {
  margin:10px;
}

p.funkce {
  font-size:90%;
  margin-bottom:25px;
}

p.jmeno {
  font-weight:bold;
  font-size:190%;
}

p.nenalezeno {
  position:relative;
  top:30px;
}

.na-vizitce {
  float:left;
  margin:10px;
}

table td, table th {
  border: 1px solid white;
  padding: 5px;
}

table th {
  background-color:#e3e3e3;
  color:#4B4B4B;
  border: 1px solid white;
}

/* ADRESA */

address { 
  margin: 1.4em 1.75em 1.4em 2.9em; 
  padding-left: 0.9em; 
  border-left: 3px solid gray; 
  color: gray;
}

/* CITACE */

blockquote { 
  margin: 1.4em 1.75em 1.4em 2.9em; 
  padding-left: 0.9em; 
  border-left: 3px solid gray; 
  color: gray;
}

blockquote address {
  border-left: 0 solid white;
}

blockquote cite { 
  margin: 5px 0 0; 
  display: block; 
}

.anketa {
  width:300px;
  margin:20px auto;
  border:1px solid gray;
  background-color:#bababa;
  color:black;
}

.anketa span {
  margin-left:20px;
}

.anketa-obrazek {
  background-color:#880000;
  border:1px solid black;
} 


.spendlik {
  display:none
}

.hlaska {
  width:90%;
  margin:20px auto;
  text-aling:center;  
}

.hlaska div {
  font-style:italic;
  margin-left:10px
}

#pocitadla {
  display:none;
}

#pocitadla img {
  width:0; 
  height:0;
}

#tomas {
  display:none;
}


.diskuse {
  background-color:#eeeeee; /*#bababa;*/
  border: 1px solid #797979;
  width:90%;
  text-aling:center;
  margin: 10px auto;
  color:black;
  -moz-border-radius: 8px;
  min-height: 77px;
  _height: 77px;
  _overflow: none;
  position:relative;
  padding: 5px 5px 5px 10px;
}
.diskuse .cas {
  position: relative;
  float: right;
  margin:0 10px;
 
}

.diskuse span {
  display:block;
  font-weight:bold;
  font-size:100%  
}

.diskuse .hlavni {   
  border-top:2px solid #c5c5c5;
  display: block;
  margin: 5px;
}

.diskuse span,.diskuse dfn {
  display:block;
  font-weight:bold;
  font-style:normal;
  border:0;
  text-decoration:none
}

.vzkaz {
  background-color:#eeeeee; /*#bababa;*/
  border: 1px solid #797979;
  width:90%;
  text-aling:center;
  margin: 10px auto;
  color:black;
  -moz-border-radius: 8px;
  min-height: 77px;
  _height: 77px;
  _overflow: none;
  position:relative;
  padding: 5px 5px 5px 10px;
}

/*
.vzkaz h3 {
  position: relative;
  float: right;
  margin:0 15px;
  /*border: solid 1px #bbb;
}
*/

.vzkaz h3 {
  position: absolute;
  right:0;
  margin:0 15px;
  background-color:#eee;
  /*border: solid 1px #bbb;*/
  clear:none;
}

.vzkaz .cas {
  margin-left:15px
}

.vzkaz span,.vzkaz dfn{
  display:block;
  border:0;
}

.vzkaz .hlavni {   
  border-top:2px solid #cacaca;
  display: block;
  margin: 5px;
}

.nezobraz {
  display:none;
}

.hlaska_kdy {
  font-size:70%;
}

.hlaska_autor {
  margin-top:10px;
  font-size:70%;
}


.fotka_kdy {
  font-size:70%;
  margin-right:60px;
  position:relative;
  bottom:16px;
}

.fotka_autor {
  margin-top:10px;
  font-size:70%;
  margin-left:60px;
}


.nahoru span{
  font-size:130%; 
  font-weight:bold;
}

.news{
  margin-left:25px;
}

.menu hr {
  display:none;
}

table.nahledova, table.nahledova td, table.nahledova tr {
  border:0;
}

#text .zvyrazneno .novinka{
	color:#800000;
	border-bottom:1px solid #800000;
}

#text .zvyrazneno .vzkaz{
  background:#e2e2e2 none;
  border:2px solid red; /*#890000 - moc tmave :( */
}

#text .zvyrazneno .popisek{
  padding:20px;
  border:5px dashed white;
  width:80%;
  margin:10px 5%;
}

#text .zvyrazneno .hlaska .popisek{
  border:0;
  margin:0 auto;
  padding:0;
  color:gray;
}

#text .zvyrazneno .hlaska{
  border:5px dashed white;
  margin:10px 0;
  padding:5px 15px;
  padding-bottom:30px;
  color:#800000;
  /*color:#a4c089;*/
}

#text .zvyrazneno .hlaska dfn{
  border-bottom:1px dashed #800000;
}
#text .zvyrazneno .anketa{
  color:white;
  background-color:#800000;
}

#text .zvyrazneno .anketa-obrazek{
  background-color:white;
}

#text .zvyrazneno .anketa a{
  color:white;
}

#text .zvyrazneno .anketa a:hover{
  color:white;
  text-decoration:underline;
  border-bottom:1px dashed white;
}

#text .zvyrazneno .anketa .upravit-novinku{
  color:white;
}

#text .zvyrazneno .anketa dfn{
  border-bottom:1px dashed white;
}

#text #narozky{
  border:5px dashed white;
  margin:10px 0;
  padding:15px 30px;
  color:#800000;
  /*color:#a4c089;*/
}

#text tr.neprectena-zprava {
  color:white;
  background-color:#800000;
}

#text tr.neprectena-zprava a{
  color:white;
}

#text tr.neprectena-zprava a:hover{
  color:white;
  text-decoration:underline;
  border-bottom:1px dashed white;
}

#text tr.neprectena-zprava dfn{
  border-bottom:1px dashed white;
}

@media print {
/**************************************************************************************
  FORMATOVANI STRANEK http://tridni.jmx.cz pro tisk
  (c) 2005 Tomas Vitek - web: http://tomik.jmx.cz; mail:tomik@jmx.cz
  
  Prosim, nepouzivejte tento css soubor ani zadnou jeho cast bez meho svoleni, diky !
  Please, do not use this css file, or part of it, without my permission, thanks !
**************************************************************************************/

body {
  background:white none;
}

#page {
  width:100%;
  background: white none;
  margin:0;
  padding:0;
}

#hlavicka {
  border: none;
  width:100%;
  height:1px;
  margin-bottom:120px;
  background: white none;
}

a {
  margin:1px;
  padding:1px;
  text-decoration:underline !important
}

#nadpis {
  color:#6F934E;
  background-color:white;
  width:100%; 
	}
	
#vlevo {
  display:none;
}

.menu {
  display:none;
}

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

#text {
  width:100%;
}

#nadpis span {
  display:none;
}

#patka {
  text-align: center;
  color: black;
  margin-top:50px;
  border-top:1px solid black;
}

#patka span.norm {
  display:none
}

#patka span.print {
  display:inline;
}

#navic {
  display:none
}

}