/* reset.css -------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin:0;
padding:0;
border:0;
vertical-align:baseline;}
body {line-height:1.3;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
a img {border:none;}

/* obecne -------------------------------------- */

body {
font-family: Verdana, sans-serif;
background: White url(../../obrazky/pozadi.png) repeat-x;
color: #747474;
font-size: 80%;
margin:1.5em 0 2em 0;}
.container {
width: 900px;
margin: 0 auto;
margin: 37px auto 0 auto;}
.showgrid {background: url(src/grid.png) repeat;}
h1 {
position: relative;
left: 0;
top: 0;
float: left;
overflow: hidden;}
h1, h1 a, h1 span {
display: block;
width: 194px;
height: 49px;
background:  url(../../obrazky/logo.png) no-repeat;}
h1 span {
position: absolute;
left: 0;
top: 0;}
h1 a {_cursor: hand;}
h2 {
font-size: 1.4em;
padding: 0 0 14px 0;
font-weight:bold;
color: #FAA61A;
border-bottom: 2px solid Black;}
h3 {
font-size: 1.4em;
font-weight: bold;
margin-top: 13px;
padding-bottom: 2px;
color: Black;}
h4 {
font-size: 1em;
font-weight: bold;
margin-top: 15px;
padding-bottom: 0;
color: Black;}
h5 {
font-size: 1em;
font-weight: bold;
color: Black;
font-style: italic;} 
h6 {
font-size: 1em;
font-weight:normal;
margin-bottom: 1.3em;
padding-top: 0;
color: Black;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.3em;}
a {
color: #0565E8;
text-decoration:underline;}
a:focus, a:hover {color:#000;}
blockquote {
margin:1.5em;
color:#666;
font-style:italic;}
strong {
font-weight: bold;
color: Red;}
em {font-style:italic;}
address {
margin:0 0 1.5em;
font-style:italic;}
pre, code {
margin:1.5em 0;
white-space:pre;}
pre, code, tt {
font:1em 'andale mono', 'lucida console', monospace;
line-height:1.5;}
li ul, li ol {
margin: 0 2em;
list-style-type: disc;
list-style-image: none;}
ul {
margin: 0 0 1.3em 1.3em;
list-style-position: outside;
list-style-image:  url(../../obrazky/seznam.png);} 
ol {
margin: 0 0 1.3em 1.3em;
list-style-position: outside;
list-style-type: decimal;} 
#kriteria {list-style-type: upper-alpha;} 
/*dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}*/
table {
margin:0 0 1.3em;
width: 100%;
border-top: 1px solid #D7D7D7;
border-collapse: collapse;}
th {
background: #F4F3F3;
color: Black;
border-bottom: 1px solid #D7D7D7;}
td {border-bottom: 1px solid #D7D7D7;}
td.sudyRadek {
border-bottom: 1px solid #D7D7D7;
background: #FFE0CC;}
th, td {padding:4px 10px 4px 5px;}
/*tfoot {}
caption {}*/
.first {
margin-left:0;
padding-left:0;}
.last {
margin-right:0;
padding-right:0;}
.top {
margin-top:0;
padding-top:0;}
.bottom {
margin-bottom:0;
padding-bottom:0;}
hr {
background-color: #DADADA;
color: #DADADA;
clear: both;
float: none;
width: 100%;
height: 1px;
border: none;
margin: -6px 0 -5px 0;}
form {
background: #F6F4F4;
padding: 10px;
margin: 10px 0 20px 0;
display: block;}

/* hlavicka -------------------------------------- */

#logo img {
margin: 0;
padding: 0;}
#pomucky {
font-size: 85%;
text-align: right;}
#pomucky img {vertical-align: middle;}
#menu {
background-color: #F8F7F7;
border-top: 2px solid #E3E3E3;
margin: 17px 0 3px 0;
padding: 0 0 0 8px;
width: 892px;}
#slider1_container {
height: 200px;
margin-bottom: 139px;
position: relative;
top: 119px;
}
#baner {
background: url(../../obrazky/banery/baner00.jpg) no-repeat;
height: 200px;
margin-bottom: 20px;
}
#menu a {color: Black;}
#menu a, span.active {
display: block;
float: left;
padding: 15px 6px 16px 7px;}
#menu a:hover {
background-color: #E3E3E3;
color: Black;}
.active {
font-weight: bold;
text-decoration: none;
color: Black;}
.activeOdkaz {
font-weight: bold;
text-decoration: underline;
color: Black;}

/* obsah ------------------------------------------------------------------------------------*/

#levySloupec, #stredniSloupec, #pravySloupec {margin-top: -6px;}
.datum {
background:  url(../../obrazky/datum.png) no-repeat left top;
color: Black;
padding-left: 15px;}
.obrazek {margin:0 0 1.3em;}
.dolni {margin-top: -10px;}
.schovat {display : none;} 
.bezOdrazky {
margin-bottom: 1.3em;
margin-left: 0;
list-style-position: outside;
list-style-image: none;
list-style: none;}
.mezeraNahore {margin-top: 15px;}
.mezeraDole {padding-bottom: 15px;}
.bezMezery {margin-bottom: 2px;}
.fotogalerie {margin-top: 15px;}
.odsazSloupec {
width : 27em; 
margin : 0; 
padding : 0; 
height : auto; 
display : inline; 
float : left;}
.odsazTridni {
width : 8em; 
margin : 0; 
padding : 0; 
height : auto; 
display : inline; 
float : left;} 
.odsazSbor {
width: 12em;
margin: 0;
padding: 0;
height: auto;
display: inline;
float: left;}
.zvyrazneni {
margin-bottom: 10px;
background: #F4F3F3;
padding: 1px 10px 1px 12px;
border-top: 2px solid #D7D7D7;
border-bottom: 2px solid #D7D7D7; 
color: #555555;}
.prijeti {width: 40em;}
.mapa {margin-top: -17px;}
.sirsiRadek {line-height : 1.5em;}
.odkaz {
background:  url(../../obrazky/odkaz.png) no-repeat left top;
padding-left: 15px;}
.zvuk {
background:  url(../../obrazky/zvuk.png) no-repeat left top;
padding-left: 15px;}
.posledni {
padding-bottom: 0;
margin-bottom: 0;}
.formular {width: 148px;}
.odeslat {margin-bottom: 0;}
textarea {
width: 390px;
height: 250px;
padding: 5px;
margin: 0.5em 0;
border: 1px solid #7F9DB9;}
.rozvrh {width: auto;}
.prvniSloupec {
width: 80px;
border: 1px solid #D7D7D7;
background: #F4F3F3;
color: Black;}
.sloupec {
border: 1px solid #D7D7D7;
width: 40px;}
.hodina {
font-size: 65%;
color: Black;}
.prazdny {
font-size: 65%;
background-color: #F4F3F3;}
.obed {
padding: 0;
height: 44px;
background: url(../../obrazky/obed.gif) no-repeat center center;}
.pedagog {font-size: 70%;}

/* paticka ------------------------------------ */

#sponzori {
padding: 15px 0 15px 0;
width: 900px;
border-top: 2px solid #DADADA;}
.logoSponzora {
float: left;
margin: 0 20px 0 0;}
#paticka {
border-top: 2px solid #DADADA;
padding: 13px 0 0 0;
clear: both;} 
.telefon {
font-weight: bold;
color: Red;}

/* Mrizka -------------------------------------------- */

/* Sets up basic grid floating and margin. */
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23 {
float:left;
margin-right: 20px;}
/* The last column in a row needs this class. */
div.last {margin-right: 0;}
/* Use these classes to set the width of a column. */
.span-1  {width: 20px;}
.span-2  {width: 60px;}
.span-3  {width: 100px;}
.span-4  {width: 140px;}
.span-5  {width: 180px;}
.span-6  {width: 220px;}
.span-7  {width: 260px;}
.span-8  {width: 300px;}
.span-9  {width: 340px;}
.span-10 {width: 380px;}
.span-11 {width: 420px;}
.span-12 {width: 460px;}
.span-13 {width: 500px;}
.span-14 {width: 540px;}
.span-15 {width: 580px;}
.span-16 {width: 620px;}
.span-17 {width: 660px;}
.span-18 {width: 700px;}
.span-19 {width: 740px;}
.span-20 {width: 780px;}
.span-21 {width: 820px;}
.span-22 {width: 860px;}
.span-23, div.span-23 {
width: 900px; 
margin: 0;}
/* Add these to a column to append empty cols. */
.append-1  {padding-right: 40px;}
.append-2  {padding-right: 80px;}
.append-3  {padding-right: 120px;}
.append-4  {padding-right: 160px;}
.append-5  {padding-right: 200px;}
.append-6  {padding-right: 240px;}
.append-7  {padding-right: 280px;}
.append-8  {padding-right: 320px;}
.append-9  {padding-right: 360px;}
.append-10 {padding-right: 400px;}
.append-11 {padding-right: 440px;}
.append-12 {padding-right: 480px;}
.append-13 {padding-right: 520px;}
.append-14 {padding-right: 560px;}
.append-15 {padding-right: 600px;}
.append-16 {padding-right: 640px;}
.append-17 {padding-right: 680px;}
.append-18 {padding-right: 720px;}
.append-19 {padding-right: 760px;}
.append-20 {padding-right: 800px;}
.append-21 {padding-right: 840px;}
.append-22 {padding-right: 880px;}
/* Add these to a column to prepend empty cols. */
.prepend-1  {padding-left: 40px;}
.prepend-2  {padding-left: 80px;}
.prepend-3  {padding-left: 120px;}
.prepend-4  {padding-left: 160px;}
.prepend-5  {padding-left: 200px;}
.prepend-6  {padding-left: 240px;}
.prepend-7  {padding-left: 280px;}
.prepend-8  {padding-left: 320px;}
.prepend-9  {padding-left: 360px;}
.prepend-10 {padding-left: 400px;}
.prepend-11 {padding-left: 440px;}
.prepend-12 {padding-left: 480px;}
.prepend-13 {padding-left: 520px;}
.prepend-14 {padding-left: 560px;}
.prepend-15 {padding-left: 600px;}
.prepend-16 {padding-left: 640px;}
.prepend-17 {padding-left: 680px;}
.prepend-18 {padding-left: 720px;}
.prepend-19 {padding-left: 760px;}
.prepend-20 {padding-left: 800px;}
.prepend-21 {padding-left: 840px;}
.prepend-22 {padding-left: 880px;}
/* Border on right hand side of a column. */
div.border {
padding-right: 9px;
margin-right: 10px;
border-right: 1px solid #eee;}
/* Border with more whitespace, spans one column. */
div.colborder {
padding-right: 9px;
margin-right: 10px;
border-right: 1px solid #E6E6E6;
padding-left: 9px;
margin-left: -10px;
border-left: 1px solid #E6E6E6;
margin-bottom: 15px;}
div.colborder-left {
padding-left:9px;
margin-left: -10px;
border-left: 1px solid #E6E6E6;
margin-bottom: 15px;}
div.colborder-right {
padding-right:9px;
margin-right:10px;
border-right: 1px solid #E6E6E6;
margin-bottom: 15px;}
/* Use a .box to create a padded box inside a column.  */ 
.box { 
padding: 1.5em; 
margin-bottom: 1.5em; 
background: #E5ECF9;}
.clear {clear:both;}