/**************************************************************************************
  FORMATOVANI STRANEK http://tridni.jmx.cz // Styl NATURAL
  (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%;

}

.nove {
  float:right;
  position:relative;
  bottom:15px;
  color:red;
}

.vypis_chyba {
  color:red;
}

.vypis_ok {
  color:green;
}
h1, h2, h3 {clear:both}
body {
  margin: 0;
  padding: 0;
  font-size: 100%;
  font-family: Verdana, "Geneva CE", lucida, sans-serif;
  background: #e7e7e7  url("natural/bodybg.gif") repeat-y center;
  color: #000;
  text-align: center;
  min-width:768px;
  line-height: 1.5;
}


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

.nove_zv a {
  color:#4b4b4b !important;
}

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

p {
	text-indent: 1em;
}

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

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}

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

a:hover {
  color:#D3E6CF;
  background-color:#6F934E;
  text-decoration:none
}

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


body>#page {
 height: auto;
}

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

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

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


.texy{ 
  background: #ffffff url('natural/texy.gif') no-repeat bottom right; 
}

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

#hlavicka a:hover {
  color:white;
  background-color:#6F934E;
  text-decoration:underline;
  cursor: pointer
} 
 
#nadpis {
  color:white;
  background-color:#6F934E;
  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: gray 1px solid;
	display:block;
	position:absolute; 
  left:-31px; 
  top:-34px; 
  z-index:1;
	width:768px; 
  height:180px;
	margin:0; 
  padding:0;
	background:url("natural/panel-temelin.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;
  margin: 10px 0;
  height: 11px;
  background: url("natural/hr.gif") bottom center no-repeat;
}

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

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

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

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

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

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

.menu {
  width:180px;
  border:gray 1px solid;
  margin-top:10px;
  background-color:#e7e7e7;
}

.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;
  padding-bottom:10px;
}

.menu li {
  /*width:100%;*/ width:162px;
  font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;
  font-size:85%;
  line-height:1.8; 
  margin:0;
  border:0;
}

 
.menu h3 {
	font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;
  font-size:85%;
  letter-spacing: 15pt;
  Font-variant: Small-caps;
	background:#6F934E;
	letter-spacing:0.2em;
	line-height:2em;
	margin:0 0 9px;
	padding:0 10px;
	color:white;
	width:161px;

}
  
.menu li span, .menu li a {
  /*padding:0px;*/
  display:block;
	width:156px;
}

.menu li a {
  padding-left:20px;
}

* html .menu li,  * html .menu li span, * html .menu li a  {
  width:100%;
}  

* html .menu h3 {
  width:103%;
}


.menu li a:hover {
  background-color:#6F934E;
  color:#e7e7e7;
  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:80%;
  padding:0;
  height:100%;
  min-height:100%;
}

* html #text{
  padding-left:20px;
}

#text h1, #text h2, #text h3, #text h4, #text h5, #text h6 {
  font-family: Georgia, "New York CE", utopia, serif; 
}

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

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

* html #text h1{
  font-size:190%;
}

*/

#text h1 { 
  color: #6F934E; 
  text-align: center;
}

#text h2 {
  font-weight:normal;
  text-decoration:none;
}

* html #text h2{
  font-size:190%;
}

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

* html #text h3 {
  font-size:130%;
}

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

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

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

#patka {
  margin: 7px 30px 10px;
  padding-top: 4px;
  font-size:65%;
  border-top:3px #6F934E 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;
}


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



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


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

fieldset input {
  background-color: #f6f6f6;
  width: 200px;
}

#login label {
  display:inline;
}


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

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

textarea {
  border: 1px solid #cacaca;
}

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

input:focus, textarea:focus {
  border: 1px solid black;
  background: #f5f5dc none;
}

#login {
  text-align:right;
}

a:hover img {
  border:0;
  background-color:white;
}
	
#skola {
  width:410px;
  height:300px;
  padding:16px 9px;
  background: #ffffff url("natural/zscvrch-pozadi.gif");
}

#skola img {
  width:401px;
  height:300px
}

#screen {
  width:410px;
  height:300px;
  padding:16px 9px;
  background: #ffffff url("natural/stare-tridni-pozadi.gif");
}

#screen img {
  width:400px;
  height:298px
}

.fotografie {
  width:400px;
  height:243px;
  padding:11px 12px;
  background: #ffffff url("natural/fotografie.gif");
	margin: 7px auto 7px auto;
	text-align: center;
	display:block;
}

.fotografie img {
  width:400px;
  height:243px;
  cursor: pointer;
}

.fotografie-2 {
  width:243px;
  height:400px;
  padding:11px 12px;
  background: #ffffff url("natural/fotografie-2.gif");
	margin: 7px auto 7px auto;
	text-align: center;
	display:block;	
}

.fotografie-2 img {
  width:243px;
  height:400px;
  cursor: pointer;
}

.nahled {
  width:200px;
  height:121px;
  padding:5px 6px;
  background: #ffffff url("natural/nahled.gif");
	margin: 3px auto 3px auto;
	text-align: center;
	display:block;
}

.nahled img {
  width:200px;
  height:121px;
  cursor: pointer; cursor: hand
}

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

.portret {
  width:85px;
  height:121px;
  padding:7px 7px;
  background: #ffffff url("natural/fotka-pozadi.gif");
}

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

.portret img {
  width:121px;
  height:88px
}

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

/* Tabulky ADRESX & 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%;
  background-color:white;
  color:black;
}



table tr, table td, table th {border: 1px solid black;margin:20px 10px;}
table {text-align: center;display: table; margin-left:auto;margin-right:auto;border-collapse: collapse;font-size:80%}
table th{background-color: #4B4B4B;color:white;}
table td, table th {border: 1px solid #000000;padding: 5px;}

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

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

.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;
  margin:0px;
  margin-top:3px;
  padding:0px;
  color:gray;
  font-size:xx-small;
  /*position:absolute;
  right:10px;
  bottom:5px;*/
  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;
}

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

/* ADRESA */

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

/* CITACE */

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

blockquote address {
  border-left: 0 solid #777;
}

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

.anketa {
  width:300px;
  margin:20px auto;
  border:1px solid #757575;
  background-color:#e7e7e7;
}

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

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

.hlaska {
  width:90%;
  margin:20px auto;
}

* html .hlaska h2 {
  font-size:90%;
  font-weight:normal;
  text-decoration:underline;
}

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


.diskuse {
  background: #fff url("natural/zelene-pozadi.jpg") bottom left repeat-x;
  border: solid #eee 1px;
  width:90%;
  margin: 10px auto;
  -moz-border-radius: 8px;
  min-height: 77px;
  _height: 77px;
  _overflow: none;
  border: solid #ccc 1px;
  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: #fff url("natural/zelene-pozadi.jpg") bottom left repeat-x;
  width:90%;
  margin: 10px auto;
  -moz-border-radius: 8px;
  min-height: 77px;
  border: 1px solid #ccc ;
  position:relative;
  padding: 5px 5px 5px 10px;
}

* html .vzkaz {
  height: 77px;
  overflow: none;
}

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

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

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

.vzkaz span,.vzkaz dfn {
  display:block;
  font-weight:bold
  font-style:normal;
  border:0;
}

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

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

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

.dfn-online {
  cursor: help;
  border-bottom: 1px dotted white;
}

#pocitadla {
  display:none;
}

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

.menu a span {
  display:none;
}

.menu h3 span {
  display:none;
}


.artur {
  display:none;
}

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

* html menu hr {
  display:none;
}

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

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

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


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

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

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

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

#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 #6f934e;
  margin:10px 0;
  padding:15px 30px;
  color:#6f934e;
  /*color:#a4c089;*/
}

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

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

}