HTML, BODY {color: silver; background-color: navy; font: normal normal 13px Arial, Helvetica, sans-serif; _width:100%; _height:100%;}
HTML, BODY {scrollbar-face-color:#000099; scrollbar-highlight-color:#3366FF;scrollbar-shadow-color:#000088; scrollbar-3Dlight-color:#333366;scrollbar-arrow-color:#FF8800; scrollbar-track-color:#333366;scrollbar-darkshadow-color:#333366;}
BODY {BORDER:0; PADDING: 0; margin:0; line-height: 139%; min-width: 555px; max-width: 909px;}
BODY {overflow-y: auto; _overflow-y: hidden; text-align:center;}
  /* Layout nestandart stranek */
Div#page {text-align:left; padding:9px; border: 1px solid silver; margin:0;}
BODY#special {margin: 22px 3% 22px 6%; _Margin: 22px 1% 22px 1%; overflow:auto; max-width: 666px; width:auto;}
BODY#special p {line-height: 144%;}
BODY#special #page {WIDTH:595px; _WIDTH:613px; font-size:110%; line-height: 139%;}
BODY#special.search {font-size:91%;}
BODY#special.search p {line-height: 131%;}
.floatRight {text-align:right; float:right; clear:right; margin: 2px 0px 2px 8px;}
  /* Formatovani layoutu */
#scrollpage {padding: 4px 0 0 0; height:100%; width:100%; text-align:left; _overflow: auto;}
#scroll {position: static; PADDING:0; margin: 0 0 0 270px; text-align:right; min-width: 470px; max-width: 588px; WIDTH:auto; overflow: hidden; _WIDTH: 588px;}
/*#scroll {_WIDTH: expression(document.getElementById('scroll').offsetWidth > 590 ? '590px' : ((document.getElementById('scroll').offsetWidth < 480) ? "480px": "auto"));}*/
#scroll {_WIDTH: expression((document.body.clientWidth > 860) ? "588px": ((document.body.clientWidth < 750) ? "480px":"auto"));}
/* 270+480 min width IE  270+590 max width IE */
#leftmenu {WIDTH: 266px; left: 0; top: 1px; _top: 5px; position:fixed; _position:absolute; z-index: 1;}
Div#Krysa {background: url('obrazky/krysa.gif') navy 0px 0px  no-repeat; WIDTH:265px; HEIGHT:491px; margin:0; padding:0; border:0; text-align:left;}
Div#MenuBox  {position: relative; WIDTH:80px; HEIGHT:246px; top:139px; left:57px; background-color:transparent;}
Div#MenuText {text-align: left; font-weight: bold; font-size: 11px; line-height: 13px; padding:2px 2px 4px 2px; overflow:hidden; HEIGHT:218px; _HEIGHT:224px;}
#matrj  {WIDTH:100%; margin:0;}
#header {HEIGHT: 77px;}
#main   {min-height: 414px; _HEIGHT: 414px;}
#bottom {clear: both; position: static;}
.vnitrek {PADDING: 4px; text-align: justify;}
.nadpis  {PADDING: 6px 2px; text-align: center;}
.nadpis2 {PADDING: 4px 8px 2px 0px; text-align: center; font-size: 122%; display: none;}
  /* Vzhled obecne */
body A    {text-decoration: underline;display:inilne;}
A:link    {color: #FF8800;}
A:visited {color: #FF8800;}
A:active  {color: white;}
A:hover   {color: yellow;}
Div#menutext A:active  {color: #FF8800;}
Div#menutext a.active  {color: white;}

p {margin-top: 0; margin-bottom: 1.2em;}
p {_WIDTH: expression((document.body.clientWidth < 480)? "480px" : "auto");}
UL,OL {font-size: 100%; margin-top: 0.3em; margin-bottom: 0.9em; text-align: left; list-style-position: outside;}
UL  {list-style-type: disc;}
UL.none {list-style-type: none; padding-left: 10px; margin-left: 10px;}
OL  {list-style-type: decimal;}
LI  {PADDING-BOTTOM: 0.4em;}
H1,H2,H3,H4 {font-weight: bold; padding: 2px 0; margin: 2px 0; vertical-align:middle;}
H1  {font-size: 200%; height: 1.4em;}
H2  {font-size: 161%; height: 1.8em;}
H3  {font-size: 128%; margin: 1px 0 6px;}
H4  {font-size: 108%; margin: 1px 0 4px;}
Small  {font-size: 77%; font-style: italic;}
Strong {font-weight: bold; letter-spacing: 1px; font-style: normal;}
Em     {letter-spacing: 1px; font-style: italic;}
acronym,abbr {border-bottom: dashed silver 1px; cursor: help;}

Table {font-size: 100%; font-weight: normal; empty-cells: show;}
TD  {font-size: 100%; text-align: left; line-height: 136%; vertical-align :top;}
TH  {font-size: 111%; font-weight: bold; text-align: left;}
TH H2  {height: 1.4em; margin:0; text-align :center;}
TR  {text-align :center; }
#akce TH, #akce TD {vertical-align :middle;}

HR  {width: 100%; height: 0px; padding: 0; text-align: justify; border: 1px groove; color: #888888; background-color: #888888;}
HR  {margin: 12px 0 4px 0; _margin: 6px 0 1px;}
HR.h2 {height: 3px; padding: 1px;}
HR.h3 {height: 6px; padding: 3px;}

IMG {BORDER: 0 none; padding:0; margin:0; background-color: transparent;}
IMG.right {text-align:right; float:right; clear:right; margin: 4px 1px 1px 8px;}
IMG.left  {text-align:left; float:left; clear:left; margin: 4px 8px 1px 1px;}

Pre, Div.pre {font-family: "Courier New CE",courier,monospace; font-size: 100%; text-align: left;}
Div.pre UL {list-style-type: none;}
DIV#chip1 {display: none; _display: block;}

IMG.Xicht {float:left; clear:left; margin: 0;}
#akce IMG.Xicht {WIDTH:80px; HEIGHT:80px;}
#seznam IMG.Xicht {WIDTH:120px; HEIGHT:110px; margin: 4px 8px 0 0;}
#seznam IMG.Lod {float:right; clear:right; margin: 4px;}
#recenze IMG {float:right; clear:right; margin: 2px 4px;}
#recenze IMG.star {WIDTH:14px; HEIGHT:14px; margin: 1px 2px; float:none; clear:none;}
#recenze OL,#recenze UL {margin-bottom: 0.6em; }
#foto3 IMG, #foto IMG {BORDER: 1px solid #FF8800; TEXT-ALIGN: center; margin: 2px;}
#foto3 DIV.thumb, #foto DIV.thumb {FLOAT:left; WIDTH:180px; HEIGHT:180px; TEXT-ALIGN:center; vertical-align :top; font-weight: normal; margin: 5px;}
#foto DIV.thumb IMG.L {WIDTH:160px; HEIGHT:115px;}
#foto DIV.thumb IMG.P {WIDTH:82px; HEIGHT:115px;}
#foto3 DIV.thumb IMG.L {WIDTH:160px; HEIGHT:120px;}
#foto3 DIV.thumb IMG.P {WIDTH:90px; HEIGHT:120px;}
#foto P.clr, #foto3 P.clr {clear:both; margin: 0; padding: 6px; width:auto;}
#foto H1, #foto H2   {text-align: center; margin-TOP: 0.5em; margin-BOTTOM: 0.5em;}
#foto3 H1, #foto3 H2 {text-align: center; margin-TOP: 0.4em; margin-BOTTOM: 0.2em;}
#foto3 p  {margin-bottom: 0.4em; text-align: justify;}

#kdekrys ul li img {HEIGHT:10px; margin:0 4px;}

#hlavni  {margin: 0; text-align: center;}
#hlavni TD {height: 69px; text-align: left; vertical-align :middle;}
#hlavni TD.R {text-align: right; }
#hlavni TD IMG {height: 28px; text-align: right;}
#hlavni TD A IMG {height: 69px; width: 40px; text-align: center; }
#hlavni TD A:hover {color: navy; text-decoration: none;}

.Pod {text-align: right; font-style:italic;}
#popiska    {margin: 6px; min-width: 90%; max-width: 110%; width:auto;}
#popiska P  {font-size: 100%; text-align: justify; margin: 0.4em 0; width:auto;}
#popiska H4 {font-size: 118%; font-weight: bold; color: silver; background-color: teal; text-align: left; padding: 4px 8px;}
#popiska p.Pod {PADDING: 1em 0; text-align: right;}
#new .Pod {font-size: 88%;}

Form { margin: 8px 3px 8px 3px; padding:3px; text-align: left;}
TEXTAREA, INPUT {font-family:serif; font-size:100%; color:black; background-color:silver; margin: 3px 1px;}
TEXTAREA {margin-bottom: 8px;}
input:focus, textarea:focus {background-color: #DDDDDD;}
INPUT.Btn, Form BUTTON {font-family: sans-serif; font-size:110%; margin: 2px; padding:0 12px; _PADDING:0 2px; color:black;}
BODY#special Form BUTTON {font-size:100%; padding:1px 18px; _PADDING:0 12px;}
BODY#special Form div#tlacSft BUTTON {font-size:10px; margin:0 1px 6px 2px; padding:0 1px; height:24px; vertical-align:top; color:#DDDDDD; background:#333388; border-color:#333399; _border-color:#9999DD;}
BODY#special div.prev {font-size:90%; line-height:136%; text-align:justify; padding:6px;}
BODY#slideshow Form { margin: 0; padding: 2px 4px;}
BODY#slideshow Form BUTTON {font-size:100%; font-family: sans-serif; padding:1px 22px; margin: 8px 2px;}
BODY#slideshow Form SELECT {font-size:100%; font-family: sans-serif; margin: 3px 2px;}

input.box {margin:0; _background-color: navy;}

Div.Button {font-size:108%; FONT-WEIGHT:bold; margin:13px;}
Div.Button A {border: 2px outset #CCCCEE; padding:2px 30px; background-color:#333366; text-align:center;}
Div.Button A:active  {BORDER-style: inset;}
/* Div.Button A:hover {BORDER-style: groove;} */

#odkazy A {font-weight: bold;}
Div.TealBox {background-color:Teal; padding:8px; width:393px; margin:8px auto; border:3px ridge #DDDDDD;}

#gallery UL {list-style-type: none;}
#gallery A  {font-size: 108%; font-weight: bold;}

#fotoOld Table {table-layout:fixed; }
#fotoOld TD, #fotoOld TH {text-align :center}
#fotoOld TD IMG {BORDER: 1px solid #FF8800; margin: 3px; TEXT-ALIGN: center}

#soutez2 TD IMG {WIDTH:260px; HEIGHT:340px; text-align:center; margin: 22px 1px 8px 1px;}
#soutez2 TD IMG.vysl {WIDTH:220px; HEIGHT:300px; margin: 1px;}

.hidden {display: none; font-size:116%; font-weight:bold; text-align:justify;}
.invisible {display: none;}
.big    {font-size: 133%;}
.bigger {font-size: 160%;}
.smaller{font-size: 66%;}
.maxi   {font-size: 108%; line-height: 141%;}
.mini   {font-size: 84%; line-height: 141%;}
.bold   {font-weight: bold;}
.normal {font-weight: normal;}
.italic {font-style: italic;}
.orange {color: #FF8800;}
.white  {color: white;}
.left    {text-align: left;}
.right   {text-align: right;}
.justify {text-align: justify;}
.center  {text-align: center;}
.middle  {vertical-align: middle;}
.top     {vertical-align: text-top;}
.tp     {vertical-align: top;}
.VetsiRadky {line-height: 141%;}
.middle TD {vertical-align: middle;}

/* KOmpatibilita s pravekem */
.v {font-size: 20px; font-weight: bold; line-height: 36pt;}
.n {font-size: 10px;}
.m {font-size: 12px; font-weight: bold;}

  /* Volitelne vzhledy */
@media screen {
 body.BigFont2   {font-size: 15px;}
 body.BigFont2 Div#scroll {WIDTH: 660px;	min-width: 500px; max-width: 660px;}
 body.BigFont2 #foto3 DIV.thumb {WIDTH:196px;}
 body.BigFont2 #foto DIV.thumb  {WIDTH:196px;}
 body.BigFont    {font-size: 14px;}
 body.BigFont Div#scroll { WIDTH: 630px; min-width: 480px; max-width: 630px;}
 body.BigFont #foto3 DIV.thumb {WIDTH:189px;}
 body.BigFont #foto DIV.thumb  {WIDTH:189px;}
 body.SmallFont  {font-size: 12px;}
 body.SmallFont2 {font-size: 11px;}
 body.Contrast   {color: #EEEEEE;}
 body.Contrast2  {color: white;}
 body.Contrast2 A:link    {color: yellow;}
 body.Contrast2 A:visited {color: yellow;}
 body.Contrast2 A:active  {color: white;}
 body.Contrast2 A:hover   {color: white;}
 body.Contrast2 #foto3 IMG {BORDER-color: yellow;}
 body.Contrast2 #foto IMG {BORDER-color: yellow;}
 body.Contrast2 #fotoOld TD IMG {BORDER-color: yellow;}
 body.Contrast2 .orange {color: yellow;}
 body.NoGraf Div#leftmenu {WIDTH: 102px; padding: 2px;}
 body.NoGraf Div#Krysa    {WIDTH:96px; HEIGHT:272px; border: 1px solid silver; background: url('obrazky/krysa2.gif') navy 11px 58px no-repeat; }
 body.NoGraf Div#MenuBox  {WIDTH:80px; top:12px; left:8px; }
 body.NoGraf Div#MenuText {text-align: left; font-weight: bold; font-size: 11px; line-height: 13px; padding:2px 2px 4px 2px;
                           background-color:transparent; overflow:hidden; HEIGHT:220px; _HEIGHT:226px;}
 body.NoGraf Div#scroll {margin: 0 0 0 112px;}
 body.NoGraf Div#scroll {_WIDTH: expression((document.body.clientWidth > 700) ? "590px": ((document.body.clientWidth < 570) ? "460px":"auto"));}
 body.NoGraf Div#main  {min-height: 300px; _HEIGHT: 300px;}
}