body {margin:0px; color:black; background-color:white;
      font-family:Verdana, Arial, Helvetica, sans-serif;
      font-size:12px; line-height:120%;}

#text {position:absolute; top:135px; margin-left:2em; margin-right:2em; padding-bottom:18px;
       width:95%; font-size:12px;}
#logo {position:absolute; z-index:10; left:8px; top:2px;}
#hlavicka {position:absolute; top:0px; left:0px; width:100%; height:118px; overflow:hidden;}
#menu {position:absolute; left:125px; top:70px;}
#pruh {position:absolute; z-index:5; left:0px; top:92px; width:100%; text-indent:148px;}
#skola {position:absolute; left:160px; top:10px; line-height:150%;}


a img {border:none;}
img.right {float:right; margin-left:7px;}
a {font-weight:bold;}
a.mail {color:black; font-weight:normal;}

h1 {font-size:18px; margin:18px 0px 4px 0px; letter-spacing:2px; line-height:130%;}
h2 {font-size:16px; margin:25px 0px 3px 0px; letter-spacing:1px; line-height:120%;}
h3 {font-size:14px; margin:8px 0px 2px 0px; line-height:120%;}
h1.press {margin-top:0px;}
h2.press {margin-top:10px;}
h3.press {margin-top:0px;}
h3.oddel {margin-top:20px;}
hr {height:1px;}

p {margin:0px 0px 8px 0px; text-align:justify;}
p.b {font-weight:bold;}
p.navig {text-align:right; font-size:10px; margin:0px;}
p.oddel {margin-top:15px;}
span.space, p.space {margin-left:50px;}
p.volno {margin-bottom:200px;}
ul {margin:0px 0px 0px 30px; list-style-type:disc; padding:0;}
ol {margin:0px 0px 0px 30px;}
ul.odsad, ol.odsad {margin:0px 0px 0px 50px;}
ul.odsaddole, ol.odsaddole {margin:0px 0px 10px 50px;}
UL.vycet3 {font-size:17px; font-weight:bold; line-height:130%;}
Ul.vycet3 DIV {font-size: 12px; font-weight:normal; line-height:110%;}
UL.vycet3 Ul {font-size:15px; margin-top:8px; line-height:115%;}
UL.vycet3 Ul ul {font-size:13px; margin-top:5px; line-height:110%;}
UL.vycet3 LI {margin-bottom:20px;}
UL.vycet3 Ul Li {margin-bottom:10px;}
UL.vycet3 Ul ul li {margin-bottom:0px;}
Ul.vycet2 {font-size:14px; font-weight:bold; line-height:110%;}
Ul.vycet2 Li {margin-bottom:15px;}
Ul.vycet2 ul {font-size:12px; font-weight:normal;}
Ul.vycet2 ul li {margin-bottom:0px;}
ul.b {font-weight:bold; margin:10px 0px 20px 50px;}
Ol.vycet2 {font-size:14px; font-weight:bold; line-height:110%; list-style-type:upper-roman;}
Ol.vycet2 Li {margin-bottom:15px;}
Ol.vycet2 ol {font-size:12px; font-weight:normal; list-style-type:lower-alpha;}
Ol.vycet2 ol li {margin-bottom:0px;}
li {text-align:justify;}
Ol.Olul {font-size:14px; font-weight:bold; line-height:110%; list-style-type:decimal;}
Ol.Olul ul {font-size:12px; font-weight:normal;} 
Ol.Olul Li {margin-bottom:15px;}
Ol.Olul ul li {margin-bottom:0px;}

table {margin:3px 10px 6px 50px; font-size:12px; border-collapse:collapse;}
td, th {border:1px solid black; padding:4px;}
th {text-align:left;}
th.center, td.center {text-align:center;}
td.right, th.right {text-align:right; padding-right:10px;}
td.odsad {padding-left:15px;}
table.B {font-weight:bold;}
table.odsadobe {margin-left:50px; margin-top:20px; margin-bottom:30px;}
table.oddel {margin-left:50px; margin-top:25px; margin-bottom:25px;}
table.oddel td {text-align:right;}
table.stred th, table.stred td {text-align:center;}
table.stred th.obor {text-align:left; font-style:italic;}
table.leftcenter {margin:10px 0px 0px 0px;}
table.leftcenter, table.leftcenter tr, table.leftcenter td {border:none;}
table.leftcenter td {text-align:center;}
table.leftnobrd {margin:25px 0px 0px 0px;}
table.leftnobrd, table.leftnobrd tr, table.leftnobrd td, table.leftnobrd th {border:none;}
tr.b {font-weight:bold;}
th, td {vertical-align:top;}
td span {font-weight:bold;}
table.ecdl {margin-top:3ex;}
table.ecdl tr td {padding:5px 15px;}
tr h2, tr h3 {margin-top:5px;}

#hlavicka {font-family:Verdana, Arial, Helvetica, sans-serif; 
           font-size:17px; color:navy; background-color:white;}
	
#skola H1 {font-weight:bold; color:navy; font-size:20px; padding-right:1em;
           letter-spacing:2px; margin:0px;}
#skola span {margin-left:130px;}


#menu  {line-height:26px; font-size:12px; letter-spacing:0px;}
#menu a {padding:2px 4px; border:3px outset red; color:black;              
         background-color:red; text-decoration:none; font-weight:normal;}

#menu a:hover {padding:2px 4px; border:3px inset; color:white;}

#pruh {font-size:12px; letter-spacing:0px; 
      line-height:18px; height:26px; overflow:hidden;}
#pruh a {padding:2px 4px; border-width:2px; border-style:solid;
         position:relative; top:8px; text-decoration:none; color:black; font-weight:normal;}


/* ----------------------------------------------------------------- */


#menu a {background-color:#eeeeee; border-color:#eeeeee}


.vitej #pruh {background-color:rgb(150,150,200);}
#menu a.vitej {background-color:rgb(150,150,200); border-color:rgb(150,150,200);}
.vitej #pruh a {border-color:rgb(150,150,200);}
.vitej td, .vitej th {border-color:rgb(150,150,200);}
.vitej hr {color:rgb(150,150,200);}
.vitej a {color:rgb(69,69,133);}
.vitej ul {list-style-image:url(../images/vitej.gif);}

.prijriz #pruh {background-color:rgb(200,150,150);}
#menu a.prijriz, #menu a.prijriz:hover{background-color:rgb(200,150,150); border-color:rgb(200,150,150);}
.prijriz #pruh a {border-color:rgb(200,150,150);}
.prijriz td, .prijriz th {border-color:rgb(200,150,150);}
.prijriz hr {color:rgb(200,150,150);}
.prijriz a {color:rgb(130,68,68);}
.prijriz ul {list-style-image:url(../images/prijriz.gif);}


.studobor #pruh {background-color:rgb(150,200,150);}
#menu a.studobor, #menu a.studobor:hover{background-color:rgb(150,200,150); border-color:rgb(150,200,150);}
.studobor #pruh a {border-color:rgb(150,200,150);}
.studobor td, .studobor th {border-color:rgb(150,200,150);}
.studobor hr {color:rgb(150,200,150);}
.studobor a {color:rgb(68,130,68);}
.studobor ul {list-style-image:url(../images/studobor.gif);}

.ucebobor #pruh {background-color:rgb(200,200,150);}
#menu a.ucebobor, #menu a.ucebobor:hover{background-color:rgb(200,200,150); border-color:rgb(200,200,150);}
.ucebobor #pruh a {border-color:rgb(200,200,150);}
.ucebobor td, .ucebobor th {border-color:rgb(200,200,150);}
.ucebobor hr {color:rgb(200,200,150);}
.ucebobor a {color:rgb(126,126,67);}
.ucebobor ul {list-style-image:url(../images/ucebobor.gif);}

.kalendar #pruh {background-color:rgb(200,150,200);}
#menu a.kalendar, #menu a.kalendar:hover{background-color:rgb(200,150,200); border-color:rgb(200,150,200);}
.kalendar #pruh a {border-color:rgb(200,150,200);}
.kalendar td, .kalendar th {border-color:rgb(200,150,200);}
.kalendar hr {color:rgb(200,150,200);}
.kalendar a {color:rgb(126,67,126);}
.kalendar ul {list-style-image:url(../images/kalendar.gif);}


.ecdl #pruh {background-color:rgb(140,196,196);}
#menu a.ecdl, #menu a.ecdl:hover{background-color:rgb(140,196,196); border-color:rgb(140,196,196);}
.ecdl #pruh a {border-color:rgb(140,196,196);}
.ecdl td, .ecdl th {border-color:rgb(140,196,196);}
.ecdl hr {color:rgb(140,196,196);}
.ecdl a {color:rgb(61,118,118);}
.ecdl ul {list-style-image:url(../images/ecdl.gif);}


.rekreace #pruh {background-color:rgb(240,200,120);}
#menu a.rekreace, #menu a.rekreace:hover{background-color:rgb(240,200,120); border-color:rgb(240,200,120);}
.rekreace #pruh a {border-color:rgb(240,200,120);}
.rekreace td, .rekreace th {border-color:rgb(240,200,120);}
.rekreace hr {color:rgb(240,200,120);}
.rekreace a {color:rgb(160,114,18);}
.rekreace ul {list-style-image:url(../images/rekreace.gif);}


.salon #pruh {background-color:rgb(255,153,102);}
#menu a.salon, #menu a.salon:hover{background-color:rgb(255,153,102); border-color:rgb(255,153,102);}
.salon #pruh a {border-color:rgb(255,153,102);}
.salon td, .salon th {border-color:rgb(255,153,102);}
.salon hr {color:rgb(255,153,102);}
.salon a {color:rgb(221,72,0);}
.salon ul {list-style-image:url(../images/salon.gif);}


a.name {color:black; text-decoration:none;}
a.name:hover {text-decoration:underline;}


#pruh a#aktiv {background-color:white; border:1px white outset;}
#pruh a:hover {color:white;}
#pruh a#aktiv:hover {color:black;}

body.vitej, body.vitej #pruh a#aktiv {background-color:rgb(234,234,244);}
body.prijriz, body.prijriz #pruh a#aktiv {background-color:rgb(243,233,233);}
body.studobor, body.studobor #pruh a#aktiv {background-color:rgb(225,240,225);}
body.ucebobor, body.ucebobor #pruh a#aktiv {background-color:rgb(238,238,223);}
body.kalendar, body.kalendar #pruh a#aktiv {background-color:rgb(240,225,240);}
body.ecdl, body.ecdl #pruh a#aktiv {background-color:rgb(221,238,238);}
body.rekreace, body.rekreace #pruh a#aktiv {background-color:rgb(250,236,207);}
body.salon, body.salon #pruh a#aktiv {background-color:rgb(255,226,213);}

body.rekreace div.w311fl {float:left; text-align:center; width:311px; margin:5px; border:2px ridge rgb(240,200,120);}
body.rekreace div.w311fr {float:right; text-align:center; width:311px; margin:5px; border:2px ridge rgb(240,200,120);}
body.vitej img.brd {display:inline; text-align:center; width:220px; margin:5px; border:2px ridge rgb(150,150,200);}
body.ucebobor div.brd {text-align:center; width:500px; margin:5px; border:2px ridge rgb(200,200,150);}
body.salon div.brd {text-align:center; width:500px; margin:5px; border:2px ridge rgb(255,153,102);}
body.salon img.brd34 {display:inline; text-align:center; width:300px; margin:5px; border:2px ridge rgb(255,153,102);}
body.salon img.brd43 {display:inline; text-align:center; width:350px; margin:5px; border:2px ridge rgb(255,153,102);}
body.salon img.brd600 {display:inline; text-align:center; width:600px; margin:5px; border:2px ridge rgb(255,153,102);}
body.salon img.brd12 {display:inline; text-align:center; width:120px; margin:5px; border:2px ridge rgb(255,153,102);}



body.vitej {scrollbar-arrow-color:rgb(150,150,200);
            scrollbar-track-color:rgb(227,227,240);
            scrollbar-base-color:rgb(220,220,237);}

body.prijriz {scrollbar-arrow-color:rgb(200,150,150);
              scrollbar-track-color:rgb(237,222,222);
              scrollbar-base-color:rgb(233,214,214);}

body.studobor {scrollbar-arrow-color:rgb(136,193,136);
               scrollbar-track-color:rgb(215,236,215);
               scrollbar-base-color:rgb(209,233,209);}

body.ucebobor {scrollbar-arrow-color:rgb(189,189,130);
               scrollbar-track-color:rgb(234,234,214);
               scrollbar-base-color:rgb(232,232,210);}

body.kalendar {scrollbar-arrow-color:rgb(188,129,188);
               scrollbar-track-color:rgb(235,218,236);
               scrollbar-base-color:rgb(232,210,232);}

body.ecdl {scrollbar-arrow-color:rgb(130,187,187);
           scrollbar-track-color:rgb(208,232,232);
           scrollbar-base-color:rgb(201,228,228);}

body.rekreace {scrollbar-arrow-color:rgb(238,193,102);
               scrollbar-track-color:rgb(250,234,201);
               scrollbar-base-color:rgb(249,231,193);}

body.salon {scrollbar-arrow-color:rgb(255,153,102);
            scrollbar-track-color:rgb(255,219,202);
            scrollbar-base-color:rgb(255,214,193);}
                                                                                                
div.foto {margin-left: 100px;}
div.w311 img, div.w311fl img, div.w311fr img {display:block;}
div.foto div.w311 img, div.foto div.brd img {margin:0px;}

.separ {margin-top:15px;}
div.lang {float:right; z-index:20; position:relative;}
div.lang img {margin:0 0 0 10px; position:relative; right:0; top:-15px;}
div.lang img.select {position: relative; right:0; top:-41px; border:1px solid #000;}