/**************************************************************************************
  FORMATOVANI STRANEK http://tecko.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");


body {
  margin: 0;
  padding: 0;
  padding-top:10px;
  font-size: 100%;
  font-family: Verdana, "Geneva CE", lucida, sans-serif;
  color: #000;
  text-align: center;
  min-width:770px;
  line-height: 1.5;
  background-color: #c4c4c4;
}

.vypis_chyba {
  color:red;
}

.vypis_ok {
  color:green;
}

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

h1, h2, h3 {clear:both}

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

.popisek {text-indent: 0}

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

a:hover {
  color:white;
  background-color:#eba611;
  text-decoration:none
}

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

/* 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: 88%;
  padding: 14px 10px 14px 10px;
  margin: 10px 20px 10px 10px; 
  white-space:pre;
  overflow: auto;
  background: #F9F9F9 url("pre/code.png") 310px 6px no-repeat;
}

* html pre {
  width: 88%;
  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;
}

#page {
  margin: 0 auto;
  text-align: left;
  /*min-height: 100%;
  height: 100%;*/
  width:770px;
  padding:0;
  background: white url("orange/bodybg.gif") repeat-y center;
}

/*body>#page {
 height: auto;
}*/

.odkaz{
  cursor: pointer;
  color:#eba611;
  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 {
  margin: 0 auto;
  padding:0;
  width:769px;
  height:51px;
  text-align:left;
  background: #c4c4c4 none;
  border-left:1px #c4c4c4 solid;
}


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

#hlavicka h1 {
	margin:30px;
  padding:0;
  border:0;
  font-size:90%;
}

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

#nadpis span {
	display:block;
	position:absolute;
  left:-31px;
  top:-24px;
  z-index:1;
	width:770px;
  height:85px;
	margin:0; 
  padding:0;
	background:#c4c4c4 url("orange/vrsek.gif") 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("orange/hr.gif") bottom center no-repeat;
}

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

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

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

.menu {
  width:150px;
}

.menu p {
  padding:5px;
  font-size:65% !important;
  padding-right:7px;
  border-right:1px solid #585858;
  text-align:right;
  color:#585858;
}


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;
  padding-right:7px;
  border-right:1px solid #585858;
}

.menu li {
  text-align:right;
  font-size:80%;
  margin-top:5px;
}


.menu h3 {
	font-family: Georgia, "New York CE", utopia, serif;
  font-size:85%;
	background-color:white;
	padding:0;
	padding-top:15px;
	margin:0;
	color: #eba611;
	width:150px;
	text-align:right;

}

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

.menu li a {
  padding-left:20px;
  color:#585858;
  text-decoration:none;
  font-size:80%;
}

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

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


.menu li a:hover {
  text-decoration:underline;
  background-color:white;
  color:#585858;
  font-weight:bold
}

#vlevo {
  width:150px;
  float:left;
  display: inline;
  margin:0;
  margin-left:20px;
  padding:0;
}

#vpravo {
  float: right;
  width:550px;
  display: inline;
  margin:0;
  margin-right:30px;
  padding:0 10px;
}

* html #vpravo {
  width:525px;
}

#text {
  margin:0;
  margin-top:20px;
  margin-bottom:35px;
  line-height: 1.5;
  font-size:80%;
  padding:0 10px 0 50px;
  height:100%;
  min-height:100%;
  position:relative;
  top:20px;
}

* 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; 
  font-weight: normal;
  margin: 1.2em 0 0.7em;
}

#text h1 { 
  color: #eba611;
  text-align: center;
  font-size: 180%;
  margin-top: 0.5em;
}

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

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

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

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

#text h4 {
  margin-left:10px;
  margin-bottom:2px
  font-size: 120%;
}

#text h5, #text h6 {
  font-size: 110%;
}

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

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

#patka {
  margin: 0;
  font-size:65%;
  padding-top:40px;
  text-align: center;
  clear: both;
  width:770px;
  background: #c4c4c4 url('orange/spodek.gif') no-repeat top center;
  height:26px;
}

#patka a {
  color:black;
  font-weight:normal;
}

#patka a:hover {
  color:black;
  background-color:#c4c4c4;
  font-weight:normal;
}

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

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


li#aktivni a{
  text-decoration:none;
  color:black;
  position:relative;
  left:15px;
  background-color:white;
  padding-top:7px;
  padding-bottom:7px;
  margin-top:3px;
  margin-bottom:3px;
  
  /*padding-top:5px;
  padding-bottom:5px;
  margin-top:5px;
  margin-bottom:5px;

  border-right:1px solid #585858;
  border-top:1px solid #585858;
  border-bottom:1px solid #585858;*/
}



input {
  font:100% verdana, sans-serif;
  font-weight:bold;
  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("orange/zscvrch-pozadi.gif");
}

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

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

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

.fotografie {
  width:400px;
  height:243px;
  padding:11px 12px;
  background: #ffffff url("orange/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("orange/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("orange/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("orange/fotka-pozadi.gif");
}

.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:100%;
  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 black;
  background-color:#e7e7e7;
}

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

.anketa-obrazek {
  background-color:#eba611;
  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: #fffff3 none;
  border: solid #eee 1px;
  width:95%;
  margin: 10px auto;
  -moz-border-radius: 8px;
  min-height: 77px;
  _height: 77px;
  _overflow: none;
  border: solid #ccc 1px;
  position:relative;
  padding: 5px 20px 5px 10px;
}

.diskuse .cas {
  position: relative;
  float: right;
  margin:0 10px;
 
}

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

.diskuse .hlavni span {
  display:inline;
  font-weight:normal;
  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: #fffff3 none;
  width:95%;
  margin: 10px auto;
  -moz-border-radius: 8px;
  min-height: 77px;
  border: 1px solid #ccc ;
  position:relative;
  padding: 5px 15px 5px 10px;
  color:black;
}

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

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

}

.fotka_autor {
  margin-bottom:20px;
  font-size:70%;
  margin-left:60px;
  float:left;
}

.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:#eba611;
	border-bottom:1px solid #eba611;
}

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

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

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

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

#text .zvyrazneno .anketa{
  border: 3px dashed #eba611;
}

#text #narozky{
  border:5px dashed #eba611;
  margin:10px 0;
  padding:15px 30px;
  color:#eba611;
  /*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
}

}