h1,h2 { font-weight: normal;}

.c { text-align: center;}
.l { text-align: left;}
.r { text-align: right;}
.clear { clear: both;}

.fr { float: right;}

.none { display: none;}

@media screen,projection,tv {
* { margin: 0; padding: 0;}
body { font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; background: url(images/pozadi.png) 50% 0; text-align: center; font-size: 0.8em;}
#page { width: 920px; margin: auto; text-align: left; background: url(images/page-pozadi.png) 50% 0 repeat-y; padding: 0 4px;}
#hlavicka { height: 159px; background: #619119 url(images/hlavicka.jpg) 50% 0 no-repeat; color: #fff; letter-spacing: -1px; position: relative;}
#hlavicka h2 { font-size: 1.85em; position: absolute; bottom: 45px; right: 20px; text-align: right;}
#hlavicka h2 span { display: block; font-size: 0.75em;}

h1 { font-size: 2em; color: #364C0E; margin: 10px 0 15px 0;}
#text h2 { font-size: 1.5em; color: #66881d;}
#text h3 { font-size: 1.2em; font-weight: bold;}

a { color: #8F331F;#364C0E; text-decoration: underline;}
a:hover { color: #6D8F1F;}

#text { width: 700px; float: right; padding: 20px; line-height: 1.4em; background: #fff;}

#paticka { clear: both; padding: 10px 17px; font-size: 0.85em; background: #F0FFCD; color: #364C0E;}

#clear { clear: both; border: none; height: 1px; background: none; color: #fff;}

input { padding: 2px 5px;}
input.image { padding: 0; vertical-align: middle;}
form { border: 4px solid #F0FFCD; padding: 10px 20px;}
form p span { display: block; font-weight: bold;}
form p label input { width: 350px;}
form p textarea { width: 450px; height: 100px;}
form p label.radio input { width: auto;}

td form, .noborder { border: 0; padding: 0;}

#text h2, #text h3 { margin: 15px 0;}
#text p { margin: 7px 0;}
#text ul, #text ol { margin-left: 30px;}

table { background: #F0FFCD; margin: 10px auto; border-bottom: 2px solid #e0ff9b; border-top: 2px solid #F0FFCD;}
td, th { padding: 3px 19px; empty-cells: show;}
thead th { background: #e0ff9b; text-align: left; border-bottom: 1px solid #fff; border-left: 1px solid #F0FFCD; padding-top: 5px; padding-bottom: 5px;}
tbody th { text-align: left;}
tbody td, tbody th { border-left: 1px solid #e0ff9b;}
tbody tr td, tbody tr th { border-bottom: 1px solid #fff;}

td.prvni, th.prvni { border-left: none !important;}

.akce { border: 3px solid #e0ff9b; border-width: 1px 3px 3px 1px; border-bottom-color: #8F331F; border-right-color: #8F331F; padding: 1px; background: #fff;}
.akce div { background: #f0ffcd; border: 1px solid #e0ff9b; border-width: 0 1px 1px 0; padding: 20px;}
.akce h2 { margin: 0 0 10px 0 !important; color: #364C0E !important;}

.sleva td { font-weight: bold; color: #8F331F;}
.sleva th { font-weight: normal;}

.red { color: #8F331F; font-weight: bold;}

.img { border: 4px solid #F0FFCD; float: right; clear: right; margin: 0 0 10px 10px;}

.odsad {margin-left: 30px !important; padding-left: 10px; border-left: 1px solid #8F331F;}

.nakup { padding: 0 10px 0 15px; white-space: nowrap;}
#kosik { float: right;  background: url(images/kosik.png); /*width: 132px; height: 30px;padding: 30px 0 0 68px;*/width: 200px; height: 60px; font-weight: bold;}
#kosik a { display: block; padding: 30px 0 0 68px; ;}

#menu { position: absolute; bottom: 0; left: 0; _bottom: -1px; width: 100%; font-size: 1.15em;}
#menu li { list-style: none; display: block; width: 174px; float: left; text-align: center; background: url(images/menu.jpg); background-repeat: no-repeat; padding-top: 4px;}
#menu li.active { background: url(images/menu-active-right.png) 100% 0 no-repeat !important; _background: none; padding-top: 0;}
#menu li.active span { background: url(images/menu-active-left.png) 0 0 no-repeat; _background: none; padding-top: 9px;}

#m-uvod { background-position: 0 0 !important;}
#m-uvod span { background: none !important;}
#m-profil { background-position: -114px 0 !important;}
#m-katalog { background-position: -284px 0 !important;}
#m-slevy { background-position: -458px 0 !important;}
#m-podminky { background-position: -633px 0 !important;}
#m-kontakt { background-position: -806px 0 !important;}
#menu li.active[id="m-kontakt"] { background: none !important;}

#menu li#m-uvod, #menu li#m-kontakt { width: 114px;}
#menu li#m-profil { width: 170px !important;}
#menu li a { background: #98CB00;}
#menu li span { display: block; padding: 5px 0; font-weight: bold;}
#menu a, #menu span { display: block; color: #fff; letter-spacing: 0; padding: 5px 0; height: 26px; line-height: 26px; overflow: hidden; text-decoration: none;}
#menu a:hover { background: #456116; text-decoration: underline;}

#submenu { width: 180px; float: left; background: #E0FF9B; padding-bottom: 100px; border: 1px solid #fff; border-width: 2px 0;}
#submenu li { list-style: none; padding: 5px 0 5px 0;}
#submenu a, #submenu strong { background: url(images/submenu.gif) 12px 55% no-repeat; padding: 5px 0 5px 37px;}
#submenu a { color: #364C0E; text-decoration: underline;}
#submenu a:hover { color: #6D8F1F; text-decoration: none;}
#submenu h3 { font-weight: bold; font-size: 1.2em; padding: 10px 5px 2px 15px;}
} @media print {
#submenu,#menu,#paticka,#clear,form { display: none;}
body { font-family: sans-serif; font-size: 0.8em;}
h1,h2,h3 { font-weight: normal;}
h1 { font-size: 2em; color: #364C0E; margin: 10px 0 15px 0;}
#text h2 { font-size: 1.5em;}
#hlavicka h2 { font-weight: normal; font-size: 1.25em; font-style: italic;}

table { margin: 10px auto; border: 2px solid #000; border-width: 2px 1px 1px 1px;}
td, th { padding: 3px 19px; empty-cells: show;}
thead th { text-align: left; border-bottom: 1px solid #000; border-left: 1px solid #BDBDBD; padding-top: 5px; padding-bottom: 5px;}
tbody th { text-align: left;}
tbody td, tbody th { border-left: 1px solid #DDDDDD;}
tbody tr td, tbody tr th { border-bottom: 1px solid #A5A5A5;}
.prvni { border-left: none !important;}

.red { font-weight: bold;}

.img { float: right; clear: right; margin: 10px; border: 4px solid #EDEDED;}
}