*{text-align: center; align: left; color:} 


/*okraje pro vše zkušební*/
/**{border: 1px solid black !important;}*/

.tmave_cervena {background: #C00;}

body {background: rgb(255, 255, 255); color: rgb(0, 0, 0i);}

body.seda {background: #cccccc;}
body.ruzova {background: #ff0000;}
body.modra {background: #0000ff;}
body.zluta {background: #ffcc00;}
body.zelena {background: #ccff99;}
body.morska {background: #CCFFFF;}
body.cerna {background: #000000;}
body.podlozi {background-image: url("obrazky/index/podklad_body.jpg");}

/*tabulkové prvky*/
/*table {position: relative; top: 5px; width: 700px; border: none;}*/

table.sire_775, tr.sire_775 {width: 775px; margin: 0px 0px 0px -3px; padding: 0px;}
table.sire_770 {width: 770px;}
table.sire_620 {width: 540px; border: 2px solid #ffcc00;}
table.sire_600 {width: 600px; border: 1px solid #fff; border-top: 5px solid #ffcc00;}
table.sire_rolovaci {width: 540px; height:10px; color: darkblue;}  
table.rolovaci_nabidka {width: 85px; border: none; background-color: white; color: darkblue; border-color: darkblue; border-style: solid; border-width: 1px;}

table.sire_500_modra {width: 500px; border: 1px solid #0000ff;}
table.sire_500_zluta {width: 500px; border: 1px solid #ffcc00;}
table.sire_150 {width:150px; border: 1px solid #000000;}
table.sire_500 {width: 500px;}
table.zluta {background-color: #ffcc00;}
table.uprostred {width: 100%; height: 100%;}
table.s_rameckem {border: 1px solid #ffcc00;}
table.stred {align: right;}

td.s_rameckem150, td.s_rameckem250 {border: 1px solid #ffcc00; width: 150px;}
td.sire_100 {width: 100px; background-color: #666;}
td.sire_150 {width: 100px;}
td.sire_250 {width: 250px; vertical-align: top;}
td.sire_300 {width: 300px;}
td.sire_500 {width: 500px; background-color: #999; text-align: left;}
td.sire_567 {width: 567px;}
td.sire_600 {width: 600px; text-align: left; background-image: url("obrazky/index/podklad_svetle_seda.jpg");}
td.sire_10 {width: 10px;}
td.sire_75, td.modravy_radial {width: 75px;}
td.zluty {background-color: #ffcc00;}
td.zluty_ramecek {border: 1px solid #ffcc00;}
td.sedy {background-color: #cccccc;}
td.bily {background-color: #ffffff;}
td.cerveny {background-color: #cc0033;}
td.bily_ramecek {text-align: right; width: 150px ;border: 1px solid #ffffff}
td.modry_ramecek, td.modry_ramecek_110 {border: 1px solid #0000ff;}
td.modry_ramecek_110 {width: 110px;}
td.text_vpravo {text-align: right;}
td.text_uprostred {text-align: center;}

td.rolovaci {text-align: center; width: 90px; cursor: default;}
td.rolovaci_nabidka {text-align: left; background-color: white; cursor: pointer; cursor: hand;}

td.text_uplne_uprostred {text-align: center; vertical-align: center;}
td.text_vlevo {text-align: left;}
td.text_hore, td.text_hore_spinning {vertical-align: top; text-align: center;}
td.text_hore_sire_100 {vertical-align: top; width: 100px}
td.text_hore_sire_150_bily {vertical-align: top; width: 150px; background-color: #ffffff;}
td.text_hore_sire_150 {vertical-align: top; width: 150px;}
td.pravy_sloupec_sire_200 {vertical-align: top; width: 200px; background-image: url("obrazky/index/podklad_pravy_sloupec.jpg");}
td.hore_150_zluty {vertical-align: top; width: 150px; background-color: #ffcc00;}
td.levy_sloupec_sire_120 {align: center; vertical-align: top; width: 130px;}

tr.zluty {background-color: #ffcc00;}
tr.zluty_svetle1 {background-color: #ffffcc;}
tr.zluty_svetle2 {background-color: #ffff99;}
tr.zluty_svetle3 {background-color: #ffff66;}
tr.zluty_svetle4 {background-color: #ffff33;}
tr.zluty_svetle5 {background-color: #ffff00;}


/*odstavce a bloky*/
p {display: block; margin: 0.1em 0.33em; unicode-bidi: embed; 
text-align: left; text-indent: 0em;}
div.neviditelne {position: absolute; top: -60px; left: -100px; visibility: hidden;}

/*druhy písma*/

/*Times New Roman patkové*/
{font: bold 17pt 'Times New CE','Times CE','Times New Roman',
times,serif; color: yellow; letter-spacing: 5pt;}

{font-size: 12pt ;
text-decoration: underline;letter-spacing: 2pt;}


/*Courier New lehce patkové*/
{font: bold 10pt 'Courier New CE','Courier CE','Courier New',monospace; 
color: orange; letter-spacing: 3pt;}

/*Verdana bezpatkové*/
.text_bily, a.nabidka_galerie, p.ruzova, p.seda, p.cerna, p.modra, p.zluta, .text_ruzovy, .text_ruzovy_tucny, .text_modry, .text_modry_tucny, .text_modry_zluty, .text_zluty, .text_zluty_tucny,  .text_cerny2{font: normal 10pt 'Arial CE','Helvetica CE',Verdana,sans-serif;}
p.ruzova, .text_ruzovy {color: #ff0000;}
p.cerna {color: #000000}
.text_bily, a.nabidka_galerie {color: #fff; font-size: 11pt;}
a.nabidka_galerie {font-weight: bold;}
.text_cerny2 {color: #000000; font: bold 7.9pt;}
p.zluta, .text_zluty, .text_zluty_tucny {color: #ffcc00;}
p.modra, .text_modry, .text_modry_tucny, .text_modry_zluty {color: #0000ff;}
.text_modry_zluty {background-color: #ffcc00;}
p.seda {color: #666666;}
.text_modry_tucny, .text_ruzovy_tucny {font-weight: bold;}

a, .nadpis, .nadpis_cerny, .nadpis_bily, .nadpis_zluty, .nadpis_modry, .nadpis_ruzovy, .nadpis_mensi, .nadpis_mensi_bily, .nadpis_nejmensi {font: bold 17pt 'Arial CE', 'Helvetica CE', Verdana, sans-serif; 
color: black; letter-spacing: 7pt; word-spacing: 7pt;}

.nadpis_bily, .nadpis_mensi_bily {color: #fff;}
.nadpis_zluty {color: #ffcc00;}
.nadpis_modry {color: #0000ff;}
.nadpis_ruzovy {color: #ff0000;}
.nadpis_cerny {color: #000000;}
.nadpis_mensi, .nadpis_mensi_bily {font-size: 11pt; letter-spacing: .3pt; word-spacing: 1pt;}
.nadpis_nejmensi {font-size: 8pt; letter-spacing: 2pt; word-spacing: 20pt;}




/*Tahoma bezpatkové*/
 {font: bold 12pt 'Arial CE','Helvetica CE',Tahoma,sans-serif;}

/*img bez rámečku a bez okraje*/
img.bez_okraje, img.odkaz {border: none; margin: 0em 0em;}
 
img.odkaz {cursor: pointer; cursor: hand;}



/*img neviditelný obrázek do tabulek kvůli okrajům*/
div.neviditelna { width: 1px; height: 1px; visibility: hidden;}


/*odkazy a <>*/
a, .text_cerny {font: bold 7pt; color: black;letter-spacing: 1pt; word-spacing: 1pt; text-decoration: none; cursor: pointer; cursor: hand;}
a.vetsi, a.vetsi_zluty, .text_cerny, a.nova {font: bold 7.9pt;}
a:hover {text-decoration: underline;}
a:visited { color: black;}

/*odkazy uvnitř p.ruzova, p.modra*/
p.ruzova a, .text_ruzovy a, p.modra a, .text_modry a, p.zluta a {font-size: 10pt; color: #ff0000; text-decoration: underline;}
p.modra a, text_modry a, div.menu_text a {color: #0000ff;}

p.ruzova a:hover, .text_ruzovy a:hover, p.modra a:hover, .text_modry a:hover, p.zluta a:hover {text-decoration: none;}
p.ruzova a:visited, .text_ruzovy a:visited { color: #000000;}
div.menu_text a, p.modra a:visited, .text_modry a:visited { color: #0000ff;}
p.zluta a, p.zluta a:visited { color: #ffcc00;}

/*podklad vlny*/
#vlny {background-image: url("obrazky/more_podklad.jpg");}

/*podklad žlutý odkaz*/
#odkaz {background: yellow;}

.nabidka {text-decoration: none;}

a.nabidka, .nabidka {font: normal 8pt Tahoma,'Arial CE', 'Helvetica CE', Verdana, sans-serif;}
a.nabidka:link {text-decoration: none; color: darkblue;}
a.nabidka:visited {text-decoration: none; color: darkblue;}
a.nabidka:hover {text-decoration: none; color: white;}
.nabidka {font-weight: bold; font-size: 10pt; letter-spacing: 2pt;}
a.nabidka_galerie:visited {text-decoration: none; color: white;}
a.nabidka_galerie:hover {text-decoration: none; color: red;}



/*index.html, max.šíře stránky 783px!!!*/
div.hlavni {position: absolute; top: 0px; left: 0px; margin: 0; width: 783px;}
div.tabulky {position: absolute; top: 0px; left: 5px; margin: 0; width: 780px;}
div.male_odkazy {position: absolute; top: 300px; left: 0px; margin: 0; width: 775px; height:;}
#menu_odkazy {position: absolute; top: 87px; left: 3px; width: 165px; height: 290px; background-image: url("obrazky/menupodklad.gif");}
#menu_logo {position: absolute; top: 150px; left: 520px;}
div.menu_text {position: absolute; top: 115px; left: 170px;  width: 450px; border: 1px solid #0000ff;}
/*obrázky v index.html*/
img.pandulak_maly {width:27px; height:20px; margin:  0em 0em;}
img.cert {width: 150px; height: 112px; border-top: 2px solid #999999; border-left: 2px solid #999999;}
img.fitko {width: 150px; height: 150px;}
img.holky {width: 100px; height: 325px; border-right: 2px solid #999999;}
img.miniatura {width: 30px; height: 30px; border: none;}
img.kultura {width: 100px; height: 75px; border-right: 5px solid #cc0000;}
img.kultura_1 {width: 100px; height: 75px; border: none; border-left: 5px solid #cc0000;}

/*lanterna.html*/
#lanternapokoj, #lanternabazen, #lanternamore, #lanternacviceni {float: right; margin: .2em .2em;}
#lanternabazen, #lanternamore, #lanternacviceni {float: left;}
#lanternaapartmany {position: absolute; top: 820px; left: 450px;}
#lanternapodklad {position: absolute; top: -10px; left: 200px; border: none;}


/*more.html*/
#moremajak, #morelodka {border: none; margin: 0em 0em;}
#moremapa {float: left; margin: 1em 3em;}
#moreclun {position:relative; left:-105px; top:150px; border: none;}
#moretext {width: 250px;}
div.slevy {position: absolute; top: 170px; left: 60px; width: 150px; height: 100px; background-image: url("obrazky/aaa_podklad.gif");}

/*vikend.html, aerobik.html, menu.html...*/
div.podklad {position: absolute; top: 0px; left: 108px; width: 675px;}
div.text {position: absolute; top: 126px; left: 160px; width: 620px;}
div.navigace {position: absolute; top: 105px; left: 0px; width: 160px;}
div.navigace_nova {position: absolute; top: 600px; left: 0px; width: 300px;}
div.nadpis {position: absolute; top: 170px; left: 60px; width: 605px;}
#vikend_prihlaska {position: absolute; top: 150px; left: 110px; width: 605px;}
img.obrazek_maly, img.bez_ramecku {width: 70px; height: 50px; margin: 0; border: 3px solid #ffcc00; cursor: pointer; cursor: hand;}  
img.bez_ramecku {border: none;}  
img.obrazek_vetsi {width: 140px; height: 140px; margin: 0; border: 3px dashed #ffcc00;}  
img.obrazek_hlavni_lista {width: 775px; height: 210px; margin: 0;} 
img.obrazek_obri {width: 567px; height: 425px; margin: 0; border: 1px solid #ffcc00;}   
img.obrazek_567x484 {width: 567px; height: 484px; margin: 0; border: 1px solid #ffcc00;}  
img.obrazek_567x449 {width: 567px; height: 449px; margin: 0; border: 1px solid #ffcc00;}  
img.obrazek_567x378 {width: 567px; height: 378px; margin: 0; border: 1px solid #ffcc00;}  
img.obrazek_567x330 {width: 567px; height: 330px; margin: 0; border: 1px solid #ffcc00;}  
img.obrazek_500x375 {width: 500px; height: 375px; margin: 0; border: 1px solid #ffcc00;}  
img.obrazek_415x487 {width: 415px; height: 487px; margin: 0; border: 1px solid #ffcc00;}  
img.obrazek_350x262 {width: 350px; height: 262px; margin: 0; border: 1px solid #ffcc00;}  
img.obrazek_319x425 {width: 319px; height: 425px; margin: 0; border: 1px solid #ffcc00;}
img.obrazek_300x225 {width: 300px; height: 225px; margin: 0; border: 1px solid #ffcc00;}  
img.obrazek_256x192 {width: 256px; height: 192px; margin: 0; border: 1px solid #ffcc00;}  
img.obrazek_160x120 {width: 160px; height: 120px; margin: 3px 10px; border: 1px solid #ccc;}    
img.obrazek_60x60 {width: 60px; height: 60px; margin: 0; border: 1px solid #cccccc;}  
.nahled {float: left; border: none; margin: 5px; padding: 5px; background-image: url("obrazky/index/podklad_obrazek.jpg"); background-repeat: no-repeat;} 
.zluty_ramecek {margin: 0; border: 1px solid #ffcc00;}   