body
{
margin: auto;
text-align: center;  	  
background: #CCCCCC;
}

#telo
{
width: 900px;
margin: auto;
text-align: center;
background: #CCCCCC url(images/levy_oblouk.gif) no-repeat top left;
}

#obalka
{

margin: auto;
text-align: center;
background: url(images/pravy_oblouk.gif) no-repeat top right;
}

#hlavicka 
{
width: 80%;
height: 70px;
margin: auto;  	  
vertical-align: middle;
background: #FFCB2D ;
}


#hlavicka img
{
float: right;
border: 0;
position: relative;
top: 20px;
left: 70px;	  
}

#hlavicka h2
{
float: left;
padding: 15px;
margin: auto;
color: rgb(51,153,102);
font-size: 170%;
position: relative;
top: 0.5em;
}

#nabidka
{
float: left;
width: 95%;
margin: 0;
}

table
{
margin: auto;
}

/* zalozkove menu */
#menu
{
float: left;
width: 100%;
margin: 0;
padding: 10px 0 0 46px;
list-style: none;
background: #FFCB2D url(images/linka.gif) repeat-x bottom left;
}
#menu li
{
float: left;
margin: 0;
padding: 0;	  
}

#menu a
{
float: left;
display: block;
margin: 0 1px 0 0;
padding: 4px 8px;
color:	#333;
text-decoration: none;
border: 1px solid #9B8748;
border-bottom: none;
background: #F9E9A9 url(images/neaktivni.gif) repeat-x top left;
}

#nabidka .mapa_webu a
{
float: right;
}



body#home .home a
{
color: #333;
padding-bottom: 5px;	  
border-color: #727377;
font-weight: bold;
background: #FFF url(images/aktivni.gif) repeat-x top left;
}

#menu a:hover
{
padding-bottom: 3px;
color: #333;
border-color: #727377;
background: #FFF url(images/aktivni.gif) repeat-x top left;
}

body#oskole .oskole a
{
color: #333;
padding-bottom: 5px;	  
border-color: #727377;
font-weight: bold;
background: #FFF url(images/aktivni.gif) repeat-x top left;
}


body#rehabka .rehabka a
{
color: #333;
padding-bottom: 5px;	  
border-color: #727377;
font-weight: bold;
background: #FFF url(images/aktivni.gif) repeat-x top left;
}

body#krouzky .krouzky a
{
color: #333;
padding-bottom: 5px;	  
border-color: #727377;
font-weight: bold;
background: #FFF url(images/aktivni.gif) repeat-x top left;
}

body#akce .akce a
{
color: #333;
padding-bottom: 5px;	  
border-color: #727377;
font-weight: bold;
background: #FFF url(images/aktivni.gif) repeat-x top left;
}

body#absolventi .absolventi a
{
color: #333;
padding-bottom: 5px;
border-color: #727377;
font-weight: bold;
background: #FFF url(images/aktivni.gif) repeat-x top left;
}

body#fotogalerie .fotogalerie a
{
color: #333;
padding-bottom: 5px;
border-color: #727377;
font-weight: bold;
background: #FFF url(images/aktivni.gif) repeat-x top left;
}

body#mapa #menu a
{
color: #333;
padding-bottom: 3px;
border-color: #727377;

background: #FFF url(images/neaktivni.gif) repeat-x top left;
}

/* konec zalozkoveho menu */





/* tlacitkove podmenu */
#menu2
{
float: left;
clear: both;
margin: 0;
width: 100%;
padding: 10px 0 0 46px;
list-style: none;
background: white;

}

#menu2 li
{
float: left;
margin: 0;
padding: 0;
}

#menu2 a
{
float: left;
display: block;
margin: 10px 10px 10px 0;
padding: 2px 6px;
text-decoration: none;
border: none;
color: #333;
border-color: rgb(153,153,153);
border-style: outset;
border-width: thin;
background: #66cc99 url(images/neaktivni.gif) repeat-x top left;
}

#menu2 a:hover
{
color: #333;
border-color: #727377;
background: #FFF url(images/aktivni.gif) repeat-x top left;
}

/* podmenu o skole */
body.oskole #o_skole a
{
color: #333;
font-weight: bold;
border-color: rgb(153,153,153);
border-style: outset;
border-width: thin;
background: #FFF url(images/aktivni.gif) repeat-x top left;
}

body.opava #opava a
{
color: #333;
font-weight: bold;
border-color: rgb(153,153,153);
border-style: outset;
border-width: thin;
background: #FFF url(images/aktivni.gif) repeat-x top left;
}

body.chuchelna #chuchelna a
{
color: #333;
font-weight: bold;
border-color: #727377;
background: #FFF url(images/aktivni.gif) repeat-x top left;
}

body.rada #rada a
{
color: #333;
font-weight: bold;
border-color: #727377;
background: #FFF url(images/aktivni.gif) repeat-x top left;
}

body.kontakt #kontakt a
{
color: #333;
font-weight: bold;
border-color: #727377;
background: #FFF url(images/aktivni.gif) repeat-x top left;
}

body.zamestnanci #zamestnanci a
{
color: #333;
font-weight: bold;
border-color: #727377;
background: #FFF url(images/aktivni.gif) repeat-x top left;
}

body.dokumenty #dokumenty a
{
color: #333;
font-weight: bold;
border-color: #727377;
background: #FFF url(images/aktivni.gif) repeat-x top left;
}
/* konec podmenu o skole */

/* podmenu rehabka */
body.lrc #lrc a
{
color: #333;
font-weight: bold;
border-color: #727377;
background: #FFF url(images/aktivni.gif) repeat-x top left;
}

body.fyzio #fyzio a
{
color: #333;
font-weight: bold;
border-color: #727377;
background: #FFF url(images/aktivni.gif) repeat-x top left;
}

body.hipo #hipo a
{
color: #333;
font-weight: bold;
border-color: #727377;
background: #FFF url(images/aktivni.gif) repeat-x top left;
}

body.ergo #ergo a
{
color: #333;
font-weight: bold;
border-color: #727377;
background: #FFF url(images/aktivni.gif) repeat-x top left;
}
body.canis #canis a
{
color: #333;
font-weight: bold;
border-color: #727377;
background: #FFF url(images/aktivni.gif) repeat-x top left;
}
/* konec podmenu rehabka */

/* podmenu krouzky */

body.o_krouzku #o_krouzku a
{
color: #333;
font-weight: bold;
border-color: #727377;
background: #FFF url(images/aktivni.gif) repeat-x top left;
}

body.keramika #keramika a
{
color: #333;
font-weight: bold;
border-color: #727377;
background: #FFF url(images/aktivni.gif) repeat-x top left;
}

body.vareni #vareni a
{
color: #333;
font-weight: bold;
border-color: #727377;
background: #FFF url(images/aktivni.gif) repeat-x top left;
}

body.poskolacek #poskolacek a
{
color: #333;
font-weight: bold;
border-color: #727377;
background: #FFF url(images/aktivni.gif) repeat-x top left;
}

body.logo #logo a
{
color: #333;
font-weight: bold;
border-color: #727377;
background: #FFF url(images/aktivni.gif) repeat-x top left;
}

body.snecek #snecek a
{
color: #333;
font-weight: bold;
border-color: #727377;
background: #FFF url(images/aktivni.gif) repeat-x top left;
}
/* konec podmenu krouzky */

/* konec tlacitkoveho podmenu */

#obsah
{

padding: 5px 20px 5px 20px;
clear: both;
background: white;
}

#obsah p
{
text-align: left;
}

#obsah ul
{
text-align: left;
}

.nadpis-stranky
{
color: rgb(51,153,0);
}

.podpis
{
text-align: right;
font-style: italic;
}

/* odkazy aktualne */

#aktualne h3

{
margin: 0;
padding: 10px;
background: url(images/horni3.gif) top no-repeat;
}

#aktualne
{

width: 180px;
float: right;
background: url(images/dolni1.gif) bottom no-repeat;
list-style: none;

}

#aktualne ul
{
display: inline;
list-style: none;


}

#aktualne ul li
{
display:block;

margin: 10px;
padding: 5px;
text-align: center;
}

/* nastaveni obrazku za clanky */
.obrazek_u_clanku
{
height: 355px;
width: 533px;
padding : 10px;
}

/* stranka opava */

.skola-1 li
{
list-style: none;
font-weight: bold;
font-family: verdana;
margin-top: 30px;
color:rgb(204,0,0);
}

.skola-2
{

margin-top: 10px;
}
.skola-2 li
{
list-style: circle;
font-weight: normal;
font-family: serif;
margin-top: 0;
color: black;
}

/* konec stranky opava */

/* stranka chuchelná */

.chuchelna-1
{
float: right;
margin: 10px;
border: 2px solid black;
}


/* konec stránky chuchelná */

/* stranka zamestnanci */

.zamestnanci-seznam
{
width: 70%;
margin: auto;
background: white;

}


.pedagogicti
{
list-style: none;
float: left; 
width: 40%; 
background: white;
}

.pedagogicti li
{
margin: 10px 0 20px 0;
color:rgb(204,0,0);
}


.provozni
{
list-style: none;
float: right; 
width: 40%; 
}

.provozni li
{
margin: 10px 0 20px 0;
color:rgb(204,0,0);
}

.lide li
{
margin: 0;
color: black;
}

/* konec stranky zamestnanci */

/* stranka kontakty */

.kontakty li
{
list-style: none;
font-weight: bold;
margin: 30px 0 0 0;
color:rgb(204,0,0);
}

.kontaktni-udaje li
{
font-weight: normal;
margin: 0;
color: black;
}

#mapa
{
float: right;
width: 420px;
height: 420px;
border: 1px solid silver;
}


.mapa
{
float: right;
width: 370px;
margin: 30px;
}

/* konec stranky kontakty */

/* stranka dokumenty */

.dokumenty-1 li
{
list-style: none;
margin: 20px 0 0 0;
font-weight: bold;
vertical-align: middle;
color:rgb(204,0,0);
}

.dokumenty-2 li
{
margin: 5px 0 0 0;
font-weight: normal;
vertical-align: middle;
border: 0;
color: black;
}

.dokumenty-2 img
{
border: 0;
padding: 3px 3px 0px 3px;
}

.dokumenty-3 li
{
margin: 5px 0 0 0;
}

.vysvetlivky li
{
list-style: none
}

.vysvetlivky img
{
padding: 3px 3px 0px 3px;
}

/* konec stranky dokumenty */

/* stranka skolska rada */
.nadpis
{
font-weight: bold;
color:rgb(204,0,0);
}

.stanovy li
{
text-align: left;
}

.zapisy_rady img
{
border: 0;
padding: 3px 3px 0px 3px;
}
/* konec stranky skolska rada */

/* stránka LRC */
.logo-lrc img
{
float: right;
padding: 70px;
border: 0;
}

.logo-lrc a
{
border: 0;
}
.reha-1 li
{
font-size: 80%;
list-style: none;
font-weight: bold;
font-family: verdana;
color:rgb(204,0,0);
margin-top: 20px;
}

.reha-2
{
margin-top: 15px;
}

.reha-2 li
{
font-size: 125%;
list-style: circle;
font-weight: normal;
font-family: serif;
color: black;
margin: 0;
margin-left: 40px;
}

/* konec stránky LRC */


/* stranka fyzikalni terapie */

ul.fyzikalni li hr
{
clear: both;
}

ul.fyzikalni
{
list-style: none;
margin-top: 20px;
margin-left: 30px;
font-weight: bold;
font-size: 120%;
}

ul.fyzikalni li ul
{
margin: 20px;
font-size: 83%;
font-weight: normal;
}


ul.fyzikalni li img
{
float: right;
margin-right: 50px;
margin-bottom: 25px;
}


/* konec stranky fyzikalni terapie */

/* stranka canisterapie */
body.canis h3
{
text-align: left;
color:rgb(204,0,0);
}

body.canis img
{
float: right;
}


/* konec stranky canisterapie */

.msmt
{
font-style: italic;
}

/* stranka tanecniho krouzku */

h4
{
text-align: left;
}


.nadpisy-snecek
{
font-weight: bold;
display: inline;
text-align: left;
}

.snecek p
{
text-align: left;
}

.historie p
{
font-weight: bold;
width: 400px;
float: left;
margin-top: 90px;
margin-left: 50px;
margin-right: 10px;
clear: both;
}

.historie img
{
float: left;
margin: 10px;
}

.historie hr
{
clear: both;
}

.historie p.zmena
{
float: right;
}

.historie img.zmena
{
float: right;
}

/* konec stranky tanecniho krouzku */

/* skolni akce */

.akce_celek
{
width: 850px;
margin: auto;
text-align: center;
}

.akce_seznam
{
float: left;
width: 260px;
padding: 0.5em;
}

.akce_seznam ul li
{
margin-top: 0.4em;
}

.akce_seznam ul li a
{
font-size: 1.2em;
}


table.vysledky
{
margin: auto;
border-collapse: collapse;
border: 3px solid rgb(204,204,204);
font-size: 0.9em;
line-height: 1.4em;
}

table.vysledky th
{
border: 2px solid rgb(204,204,204);
padding: 0.5em;
}

table.vysledky td
{
border: 2px solid rgb(204,204,204);
padding: 0.5em;
}

.vanocni_tabulka
{
border: 2px solid rgb(204,204,204);
padding: 0.5em;
}

.vanocni_tabulka th
{
border: 2px solid rgb(204,204,204);
padding: 0.5em;
}

.vanocni_tabulka td
{
border: 2px solid rgb(204,204,204);
padding: 0.5em;
}

/*umisteni obrazku bezkare do clanku k lyzaku 2009*/
.bezkar 
{
float:right;
margin: 20px;
}

.obr_lyzak
{
float: right;
margin: 20px;
}

.obr_pod_clankem
{
margin: 20px;
}

.obrazky_soutez
{
vertical-align: middle;
margin: 5px;
}

.obrazek_vpravo 
{
float:right;
margin: 20px;
}

/* poradi ve vysledkovych listinach */
tr.poradi1 
{
color: red;
font-weight:bold;
}

tr.poradi2 
{
color: blue;
font-weight:bold;
}

tr.poradi3 
{
color: green;
font-weight:bold;
}

.logo_ostroj 
{
float:right;
margin: 20px;
}

/* umisteni log na strance jak zvladat krizove situace se uci i handycapovani zaci */

.krizovy_obr img
{
float: left;
margin: 5px;
margin-bottom: 10px;
}


.krizovy_obr
{
clear: both;
}

.dracek
{
float: right;
}

/* umisteni konecnych vysledku sp olymp */
.vysledne_poradi 
{
float: left;
text-align: left;
margin: 15px;
}

.vysledne_poradi h4
{
text-align: center;
}



/* stylovani seznamu soutez */

.soutez li
{
list-style-image:url(akce/images/sipka2.gif);
}

/* konec skolnich akci */

/* stranka absolventi */

.jmeno
{
font-weight: bold;
}

.obor
{
font-weight: bold;
}

.skoly
{
text-align: left;
}

.roky
{
text-align: left;
font-weight: bold;
padding: 20px 0 0 0;
}

/* konec stranky absolventi */



.florball_clipart
{
float: right;
padding: 50px;
width: 350px;
}


.cara-dole
{
clear: both;
}



/* definice paticky */
#paticka
{

clear: both;
color: white;
background: #339966;
padding: 4px;
}

#paticka a
{
color: white;
}
/* konec definice paticky */