@media screen, projection {

body   { font-family: "Verdana CE", "Arial CE", "Lucida Grande CE", "Helvetica CE", Verdana, Arial, lucida, sans-serif; background-image: url("images/bgbody.gif"); background-repeat: repeat; text-align: center; margin: 20px 0 0; padding: 0 }
#content   { background-image: url("images/bg.gif"); background-repeat: repeat-y; text-align: left; margin: 0 auto; padding: 0; width: 786px }
h1         { color: #6fa638; font-size: 1.2em; background-image: none; background-position: 0 3px }
h2       { color: #f60; font-size: 1em; font-weight: bold; margin-top: 10px; padding-top: 0 }
h3     { color: #f60; font-size: 1em }
p    { font-size: 0.75em; text-align: justify }
ul   { font-size: 0.75em }
ul li   { list-style-image: url("images/li.gif") }
img { background-color: #fff; padding: 3px; border: solid 1px #000 }
a { color: #0071bc }
a:hover { color: #f0464c }
a:focus { outline:none; }
table               { font-size: 0.6em; text-align: left; padding: 2px; border: solid 1px #000; border-collapse: collapse          }
th           { color: #fff; background-color: #1d77bd; padding: 3px; border: solid 1px #000 }
td   { color: #000; padding: 3px; border: solid 1px }
#header  { background-image: url("images/header.gif"); background-repeat: no-repeat; margin: 0; padding: 0; height: 123px }
#left { margin: 0 0 10px; padding: 0; width: 563px; float: left }
#right     { margin: 0; padding: 0; width: 200px; float: left }
#right p { width: 170px }
#middle    { background-image: url("images/middle.gif"); background-repeat: no-repeat; margin: 0; padding: 0; height: 61px }
#last        { background-image: url("images/right.gif"); background-repeat: no-repeat; margin: 0; padding: 0; width: 20px; height: 160px; float: left }
/* navigace */
#navigace          { background-color: #464646; text-align: left; margin: 0 0 0 3px; padding: 12px 0 }
#navigace ul  { margin: 0; padding: 0 0 0 15px }
#navigace ul li { font-size: 12px; list-style-type: none; display: inline; margin: 0; padding: 0 }
#navigace a { color: #fff; font-size: 12px; font-weight: bold; text-decoration: none; margin: 0; padding: 0 }
#navigace a:hover { color: #f26c4e }
body.uvod #navigace li#nav-1 a, 
body.firma #navigace li#nav-2 a, 
body.velko #navigace li#nav-3 a, 
body.malo #navigace li#nav-4 a,
body.restaurace #navigace li#nav-5 a,
body.podpora #navigace li#nav-6 a,
body.kontakt #navigace li#nav-7 a  { color: #f26c4e; text-decoration: none }
/* navigace end */
#footer { background-image: url("images/footer.gif"); background-repeat: no-repeat; height: 39px }
#copy  { color: #000; font-size: 0.9em; text-align: left; margin: 8px auto 10px; padding: 0; width: 786px }
#copy p { text-align: center; margin: 0; padding: 0 }
#copy a { color: #000; text-decoration: underline }
#copy a:hover { color: #000 }
/*kontakt formular */
fieldset { background-color: #1d77bd; margin-top: 10px; margin-bottom: 10px; padding: 10px; border: solid 1px #383838 }
		legend  { color: #690; font-weight: bold; padding: 3px 5px; border: solid 1px #383838 }
		label { color: #fff; text-align: right; margin-right: 10px; width: 35%; float: left }
		.nodisp { display: none; }
		.chyba  { font-weight: bold; background-color: #d2ea58; padding: 10px; border-top: 1px dotted #5a6b41; border-bottom: 1px dotted #5a6b41 }

.tlac { color: #000; background-color: #fff; margin-top: 3px; width: auto; height: 25px }
.inner  { margin: 0; padding: 0 15px 15px 18px }
.inner2  { padding: 0 10px 10px }
.cleaner { font-size: 1px; line-height: 1px; float: none; clear: both }
.red  { color: #f0464c }
.fl_left     { margin: 0 10px 10px 0; float: left }
.def            { font-weight: bold; margin-left: 260px; padding-right: 10px; padding-left: 10px; border-right: 3px solid #9cf; border-left: 3px solid #9cf }
.def1            { font-weight: bold; padding-right: 10px; padding-left: 10px; border-right: 3px solid #9cf; border-left: 3px solid #9cf }
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.d1     { width: 245px; float: left }
.d2       { margin-left: 270px; width: 255px }
.box  { background-color: #f7f7f7; padding: 5px }
#novinky fieldset       { background-color: #fff; margin: 0; padding: 0; border: 0 }
.email       { margin: 0; padding: 0; width: 100px }
.tlac2  { color: #fff; background-color: #1d77bd; width: auto; height: 25px }
	.ul-odskok   { margin-left: 260px }
	/*card photo*/
.card-left1                    { background: #fff; text-align: center; margin: 10px 5px 10px 0; padding: 5px 1px; width: 78px; height: 250px; float: left; border: solid 1px #9cf }
.card-left2                { background: #fff; text-align: center; margin: 10px 5px 10px 0; padding: 5px 1px; width: 78px; height: 350px; float: left; border: solid 1px #9cf }
.card-left3                 { background: #fff; text-align: center; margin: 10px 5px 10px 0; padding: 5px 1px; width: 78px; height: 370px; float: left; border: solid 1px #9cf }
.card-left4                     { background: #fff; text-align: center; margin: 10px 5px 10px 0; padding: 5px 1px; width: 78px; height: 280px; float: left; border: solid 1px #9cf }
.card-left5                       { background: #fff; text-align: center; margin: 10px 5px 10px 0; padding: 5px 1px; width: 78px; height: 200px; float: left; border: solid 1px #9cf }
.card-left6                         { background: #fff; text-align: center; margin: 10px 5px 10px 0; padding: 5px 1px; width: 78px; height: 225px; float: left; border: solid 1px #9cf }
.card-left7                           { background: #fff; text-align: center; margin: 10px 5px 10px 0; padding: 5px 1px; width: 78px; height: 180px; float: left; border: solid 1px #9cf }
.card-left8                           { background: #fff; text-align: center; margin: 10px 5px 10px 0; padding: 5px 1px; width: 78px; height: 300px; float: left; border: solid 1px #9cf }
.card-photo    { text-align: center; margin: 0; padding: 0 0 5px; border: 0 }
.card-desc { font-size: 0.8em; text-align: center; margin: 0; padding: 0 }

}
@media print {
body {font: 12pt/1.5em sans-serif; color: #000}
.noprint {display:none}
}
.block_size { padding-left: 20px; width: 550px;  }
.block_size1 { padding-left: 20px; width: 120px; float: left; }
.block_size2 { padding-left: 20px; width: 60px; float: left; }
ul li span.block_size3 { padding-left: 0px; width: 150px; float: left; }

p.odsazene { padding-left: 20px;}

.nobottom {margin-bottom: 0px; padding-bottom: 0px}
.notop {margin-top: 0px; padding-top: 0px}
table.maloobchody {width: 515px;}