@media screen, projection {
body              { color: #666; font-size: 90%; font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; background-color: #666; background-image: none; background-repeat: repeat; text-align: center }
h1  { color: #666; font-size: 1.3em; font-weight: bold; margin: 0; padding: 0 }
h2      { color: #f63; font-size: 1.2em; font-weight: normal; margin: 0.4em 0; padding: 0 0 1px; border-bottom: 3px dotted #8eb86b }
p   { text-align: justify; margin-top: 0.6em; margin-bottom: 0.6em; padding: 0 }
a  { color: #06c }
hr { display: none }
ul  { margin: 0 0 0 0; padding: 0 }
ul li  { list-style-image: url("images/ctv.gif"); margin: 0 0 0 20px; padding: 0 }
.fl_left { margin-top: 10px; margin-right: 20px; margin-bottom: 10px; float: left }
.fl_right { float: right }
#content                  { background-image: url("images/xbg.gif"); background-repeat: repeat-y; background-position: left 0; text-align: left; margin: 0 auto; padding: 0; width: 785px }
/* 3 px gap on IE */
* html #left{margin-right:-3px;}
* html #right  { margin-left: 234px; height: 1% }
#left                    { margin: 0; padding: 0; width: 237px; float: left }
#logo a   { background-image: url("images/xlogo.gif"); background-repeat: no-repeat; display: block; width: 237px; height: 163px }
#logo span { display: none }
#left-in            { margin: -30px 0 0; padding: 0 0 0 }
#left p   { font-size: 90%; text-align: justify; margin-top: 0.2em; padding: 0 15px }
#left img  { margin: 0 0 0 15px; padding: 0; border-width: 0 }
#left strong { color: #f30 }
#left ul    { margin: 0 0 0 20px; padding: 0 }
.ingreen    { color: #fff; font-size: 15px; font-weight: bold; margin: 0 0 30px 15px; padding: 0; position: relative }
#flag  { position: absolute; top: 2px; left: 175px }
#flag img  { margin: 0; padding: 0; border: solid 1px #fff }
#left h3     { color: #fff; font-size: 1.1em; font-weight: bold; background-image: url("images/nadpis-side.gif"); background-repeat: no-repeat; background-position: left top; margin-bottom: 0; padding-top: 17px; padding-bottom: 0; padding-left: 15px; height: 50px }
#right     { margin: 0 0 0 237px; padding: 0 }
#right-in          { margin: 0; padding: 0 20px 10px 10px }
#foot              { color: #f9f9e8; font-size: 80%; background-image: url("images/footer.gif"); background-repeat: no-repeat; background-position: left bottom; text-align: center; margin: 0; padding: 0 0 0; height: 51px; border-width: 0 }
#foot p     { margin: 0; padding: 20px 0 0 100px }
#foot a { color: #f9f9e8; text-decoration: underline }
#foot a:hover  { color: #fc0 }
a:hover { color: #f00 }
.cleaner  { font-size: 1px; line-height: 1px; float: none; clear: both }
.navigace                { background-image: url("images/xnavbar.gif"); background-repeat: no-repeat; background-position: left top; text-align: center; margin: 0; padding: 12px 0 0; height: 50px }
.navigace a       { color: #fff; font-size: 14px; font-weight: bold; text-decoration: none; margin: 0; padding: 0 }
.navigace a:hover  { color: #fc0; text-decoration: none }
.box_bag        { margin: 0; padding: 0; width: 495px; min-height: 100px; border-bottom: 1px dotted #8eb86b; _height: 10px    }
.box_bag p { padding-left: 120px }
.box_bag strong { color: #e37a65 }
/* formulare */
form   { margin: 0; padding: 0 }
input  { width: 250px; border: solid 1px #f63 }
textarea  { width: 250px; border: solid 1px #f63 }
fieldset        { font: 80%/1 sans-serif; padding: 1em; width: 490px; border-style: dotted none; border-width: 1px 0; border-color: #f63 }
select  { width: 250px; border: solid 1px #f63 }
label { float:left; width:25%; margin-right:0.5em; padding-top:0.2em; text-align:right; font-weight:bold; }
.tlac  { color: #c00; font-size: 12px; font-weight: bold; text-decoration: none; background-image: url("images/xbutt.gif"); background-repeat: repeat-x; padding: 3px 10px; width: auto; height: 25px; border-style: solid; border-width: 1px; border-color: #ccc #999 #999 #ccc }
#enoviny input  { width: 150px }
#enoviny fieldset  { width: 200px }
#enoviny .tlac  { width: auto }
/* tabulky */
table      { color: #000; margin: 0; padding: 0; width: 490px; border-style: none; border-collapse: collapse     }
td             { font-size: 12px; margin: 0; padding: 5px; border: solid 1px #8eb86b }
th          { color: #fff; font-weight: bold; background-color: #b5dc9d; text-align: left; margin: 0; padding: 5px; border: solid 1px #8eb86b }

.d2   { width: 250px; float: left }
.number { color: #f63; font-size: 20px; font-weight: bold; padding-right: 15px }
.fox_floater { margin: 0; padding: 0; float: left }
.box      { color: #000; background-color: #9c6; margin-right: 10px; margin-left: 10px; padding: 10px; border: dashed 1px #fff }
.red  { color: #f30; font-weight: bold }
img { border-width: 0 }
.ff_floater  { margin: 0; padding: 0; width: 100%; float: left }
/* ----------- */
 .card-l                      { font-size: 75%; background: #dfd9c1; margin: 10px 15px 10px 0; padding: 5px; float: left; border: solid 1px #999 }
.card-title     { color: #666; font-size: 130%; margin: 0 0 5px }
.card-photo      { margin: 0; padding: 0 }
.card-desc  { font-size: 100%; text-align: left; margin: 0; padding: 0 }
.card-info  { color: #666; font-size: 90%; text-align: right; margin: 0; padding: 0 }
/* ------------- */
}
@media print {
body {font: 12pt/1.5em sans-serif; color: #000}
.noprint {display:none}
}