/*---------------------------------------------------
  Author: Jakub Krampl, email: kubakista@centrum.cz
  Description: zakladni styl
  Version: alfa 0.1
---------------------------------------------------*/
body {
  background-image: url("/css/design/pozadi.gif");
  font: 80%/1.6 Tahoma, "Geneva CE", lucida, sans-serif;
  margin: 0;
  text-align: center;}

a:link {color: blue;}
a:visited {color: blue;}
a:hover {color: red;}

#layout {
  background-color: #f7ffff;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  margin: 0 auto;
  text-align: left;
  width: 760px;}
/*
---------------
--- ZAHLAVI ---
---------------
*/
#zahlavi {
  border-bottom: 1px solid #000;
  color: #000;
  font-size: 150%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;}

#zahlavi,
#zahlavi a,
#zahlavi span {
  background: url("/css/design/zahlavi.gif");
  display: block;
  height: 230px;
  margin: 0 auto;
  width: 760px;}

#zahlavi span {
  cursor: pointer;
  left: 0;
  position: absolute;
  top: 0;}

#zahlavi a:link,
#zahlavi a:visited {color: #000;}

#zahlavi a:hover span {background-position: 0 -230px;}

#home #zahlavi span {cursor: default;}
/*
------------
--- MENU ---
------------
*/
#menu {
  float: left;
  margin-bottom: 200px;
  width: 160px;}
  
#menu ul {
  border-right: 1px solid #000;
  list-style-type: none;
  margin: 0;
  padding: 0;}

#menu ul li {
  background-color: #fff;
  border-top: 1px solid #6096bf;
  line-height: 20px;}

#menu ul li#prvni-polozka {border: none;}

#menu ul li.aktivni {
  background-color: #e3f1fa;
  padding: 0 10px;}
  
#menu ul li a:link,
#menu ul li a:visited {
  color: #000;
  display: block;
  height: 20px;
  padding: 0 10px;
  text-decoration: none;}
  
  
#menu ul li a:hover {background-color: #e3f1fa;}

#menu h1,
#obsah h1 {
  background-color: #00487d;
  color: #fff;
  font-size: 100%;
  margin: 0;
  padding: 2px 0;
  text-align: center;}
  
address {font-style: normal;}
#menu address {
  background-color: #fff;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  padding: 5px 10px;}
  
#obsah {
  float: right;
  margin: 0 0 100px;
  width: 600px;}
  
ul.nabidka-menu {
  list-style-type: none;
  margin: 0;
  padding: 10px 20px 0;}
  
ul.nabidka-menu li {
  background: url("/css/design/dekorace.gif") 0 .7em no-repeat;
  padding: 0 15px;}
  
ul.nabidka-menu li ul {
  list-style-type: none;
  margin: 0;
  padding: 0 10px;}

ul.podmenu {
  list-style-type: none;
  margin: 10px 30px 0;
  padding: 0;}

ul.podmenu li {
  background: url("/css/design/dekorace_ctverec.gif") 0 center no-repeat;
  padding: 0 15px;}
  
ul.podmenu li a:link,
ul.podmenu li a:visited {color: green;}

ul.podmenu li a:hover {color: blue;}
/*
------------
--- UVOD ---
------------
*/
.vitejte {
  margin: 15px 20px 20px;
  padding: 0;
  text-indent: 2em;}

.vitejte:first-letter {
  font-size: 150%;
  font-weight: bold;}

.uvodni-informace {height: 180px;}

.uvodni-informace address {margin: 0 30px;}
  
.uvodni-informace p {
  margin: 0 30px;
  text-indent: 0;}

#obsah .uvodni-informace h2 {
  border: none;
  color: #000;
  font-size: 100%;
  margin: 0 20px;
  font-variant: normal;
  text-align: left;}

.uvodni-informace img {margin: 0;}

.adresa-skoly {
  float: left;
  padding: 10px 0 0;}
  
.vedeni-skoly {
  float: right;
  padding: 10px 0 0;}
  
.projekt {clear: both;}

.logolink {
  text-align: center;
  text-indent: 0;}

#obsah h2 {
  font-variant: small-caps;
  color: #bf0000;
  font-size: 125%;
  border-bottom: 1px solid #bf0000;
  padding: 0;
  margin: 15px 20px 10px;
  text-align: left;}

h3 {
  color: #0082cd;
  font-size: 110%;
  margin: 5px 30px;}
  
h4 {
  font-size: 105%;
  margin: 5px 30px;}

p {
  margin: 0 30px 10px;
  text-indent: 2em;}

p.bez-odsazeni {text-indent: 0;}

ul {
  margin: 0 30px 10px;
  padding: 0 25px;
}

ol {
	margin: 0 30px 10px;
	padding: 0 20px;
}

.zamestnanci {padding: 0 15px;}
.zamestnanci li {list-style-type: none;}

table {
  border: 1px solid #848484;
  border-collapse: collapse;
  margin: 0 30px 10px;
  width: 540px;}
  
.skolni-zvoneni {
  margin: 0 auto;
  text-align: center;
  width: 300px;}

.plan-skolniho-roku,
.seminare {
  margin: 0 auto 10px;
  width: 510px;}

.oddeleni-druziny {
  text-align: center;
  width: 180px;}

th {background-color: #dbdbdb;}

th,
td {
  border: 1px solid #848484;
  padding: 2px 10px;}

.even td {background-color: #fff;}
.odd td {background-color: #f4f4f4;}

.zvyrazneni {
  font-weight: bold;}

dl {margin: 0 0 10px;}
/*
-----------------
--- FORMULARE ---
-----------------
*/
form {
  margin: 0 auto;
  width: 540px;}

legend {
  font-variant: small-caps;
  font-weight: bold;
  padding: 0 10px;}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0;
  padding: 10px 20px 20px;}

input,
textarea {border: 1px solid #c0c0c0;}

input {text-align: center;}

.submit {
  margin: 0;
  text-indent: 0;}
  
.submit input {
  color: #000;
  letter-spacing: 0;
  margin: 10px auto 0;
  overflow: visible;
  padding: .15em .6em;}

.chyba,
.dokonceno {
  font-size: 90%;
  margin: 0 30px 10px;
  padding: 5px 10px;
  text-align: center;}

.chyba {
  background-color: #ffd9bf;
  border: 1px solid #ffb380;}

.dokonceno {
  background-color: #e6ffbf;
  border: 1px solid #ccff80;}
  
.souhlas {margin: 15px 0 5px;}
/*
--------------
--- ZAPATI ---
--------------
*/
#zapati {
  clear: both;
  padding: 0 0 5px;
  text-align: center;}
/*
-----------------
--- AKTUALITY ---
-----------------
*/
dl.news dd {
  padding: 0 40px;
  margin: 0;}
  
dt {
  font-weight: bold;
  padding: 0 30px;}
  
dl.news dd dl {margin-bottom: 0;}

dl.news dd dl dt {
  font-weight: normal;
  padding: 0;}
  
dl.news dd dl dd {
  padding: 0 15px;}
/*
---------------------------
--- DROBECKOVA NAVIGACE ---
---------------------------
*/
.crumbs {
  margin: 15px 20px 0;
  text-indent: 0;}
/*
------------------------
--- FOTOGALERIE AKCI ---
------------------------
*/
.fotky {
  border-collapse: separate;
  margin: 0 auto;
  width: 455px;}
  
.fotky img {
  border: 0;
  display: block;}
  
.odkazy2 a:link,
.odkazy2 a:visited {color: green;}