@media screen, projection, tv{
html,body{ margin: 0; padding: 0; text-align: center;  font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;  font-size: 12pt; color: #000; }
body{ background: #39BD8A url(/img/background.jpg) repeat-x; }
.center{ text-align: center; }
.right{ text-align: right; }
.left{ text-align: left; }
.obr{ float: left; margin: 0px 10px 5px 0; display: block; }
.kur{ font-style: italic; }
.odskok{ padding-top: 13px; }
.bezmarginu{ margin: 0; }
.nofloat{ clear: both; }
.proexp{ position: relative; }
.bezramu{ border: 0; }
.hidden{ position: absolute; top: -10000px; left: -10000px; }
.btn{ background-color: #009A6E; color: white; display: block; margin-top: 10px; font-size: .9em; border: 1px solid black; text-align: center; text-transform: uppercase;font-weight: bold; cursor: pointer; }
a.btn{ padding: 2px 7px; }

h2{ color: black; background: transparent url(/img/h2.gif) no-repeat 4px 5px; padding-left: 29px; text-transform: uppercase; font-size: 1.1em; font-weight: bold; font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif; border-bottom: 1px dashed black; margin: 14px 0 .5em 27px;}
h2.spec{ background: none !important; border-bottom: 3px solid black; padding-left: 5px; font-size: 1em; margin-left: 0px; margin: 3px 0 1px 0; clear: both;}
h2 span.low{ text-transform: none; }
h3{ font-size: 1.1em; }
hr{ display: none; clear: both;}
a img{ border-width: 0px; }
a{ font-weight: bold; color: #06593F; text-decoration: none;  }
fieldset{ border: 0; padding: 0; margin: 0; }
legend{ visibility: hidden; }
input#btn-s{ border: 0; color: White; background: transparent url(/img/btn.png); font-size: .9em; width: 44px; padding: 2px 0 3px 0; margin-left: 2px; }
textarea{ font-size: 1em; }
.obr-text{
	vertical-align: text-bottom; float: none; display: inline;
}

form#oi{ clear: both; padding: 20px 0; }

div#base{ width: 907px; margin: 0 auto; text-align: left; font-size: .75em; position: relative; }
div#moto{ background: #e8e8e8 url(/img/nav-back.gif) repeat-x; font-weight: bold; color: #009367; }
div#moto span{ display: block; padding: 5px 15px; background: transparent url(/img/nav-left.gif) no-repeat 0 0; letter-spacing: 2px;  font-size: .9em; }
h1{ margin: 0; height: 156px; background: #009367 url(/img/head-4.jpg) no-repeat;  }
h1 a{ display: block; width: 192px; margin: 0 0 0 45px;}
h1 img{ border: 0; }
div#menu{ position: absolute; top: 25px; left: 265px; padding-top: 4px; background: transparent url(/img/m-stup2.gif) repeat-x 4px 0; }
div#menu ul{ margin: 0; padding: 0; list-style-type: none; width: 36em; }
div#menu li{ float: left; background: transparent url(/img/m-sq.gif) no-repeat 3px 36px; padding-left: 10px; }
div#menu a{ display: block; color: White; font-weight: bold; font-size: .9em; text-decoration: none; padding-top: 28px; background: transparent url(/img/m-spoj.gif) no-repeat 43px -22px; }
div#menu a span{ display: block; padding: 3px 4px; }
div#menu a:hover, div#menu a.onb1, div#menu a:hover.onb1{ background-position: 43px 0; }
div#menu a:hover span{ border: 1px solid white; padding: 2px 3px; }
div#menu a.b2{ background-position: 26px -22px; }
div#menu a.b2:hover, div#menu a.onb2, div#menu a:hover.onb2{ background-position: 26px 0px; }
div#menu a.b3{ background-position: 21px -22px; }
div#menu a.b3:hover, div#menu a.onb3, div#menu a:hover.onb3{ background-position: 21px 0px; }
div#menu a.b4{ background-position: 23px -22px; }
div#menu a.b4:hover, div#menu a.onb4, div#menu a:hover.onb4{ background-position: 23px 0px; }
div#menu a.b5{ background-position: 20px -22px; }
div#menu a.b5:hover, div#menu a.onb5, div#menu a:hover.onb5{ background-position: 20px 0px; }
div#menu a.b6{ background-position: 25px -22px; }
div#menu a.b6:hover, div#menu a.onb6, div#menu a:hover.onb6{ background-position: 25px 0px; }
div#menu a.onb1 span, div#menu a.onb2 span, div#menu a.onb3 span, div#menu a.onb4 span, div#menu a.onb5 span, div#menu a.onb6 span{ border: 1px solid white; padding: 2px 3px; }

div#nav{ position: absolute; left: 0; top: 182px; height: 22px; width: 905px; background: White url(/img/m-down10.gif) no-repeat 0 100%;}
div#nav div{ height: 22px;}
div#nav img{ border-width: 0px; margin: 0; }
html>body div#nav img{ display: block; float: left; }
div#main{ margin-top: 20px; padding-bottom: 2px; border: 1px solid #009367; border-width: 0px 1px; background: #F7F7F7 url(/img/main-back.jpg) repeat-x;}
div#plocha{ padding: 5px 10px 0px 0; margin-left: 0px; position: relative; margin-right: 256px; border-right: 1px solid #009367; border-bottom: 1px solid #009367;  }
div#obsah{ height: 317px; overflow: auto; scrollbar-face-color: #009367; scrollbar-track-color: #A1A1A1; scrollbar-arrow-color: white; padding-right: 10px; margin-left: 27px; }
p#back{ text-align: center; margin: 5px 0 2px 27px; background: transparent url(/img/back2.gif) repeat-x 0 7px; clear: both; }
p#back a{ color: #009367; font-weight: bold; text-decoration: none; background: #FDFDFD url(/img/back.gif) no-repeat 5px 4px; font-size: .9em; padding: 0 5px 0 20px;  font-style: italic; }
div#right{  width: 255px; position: absolute; right: 1px; top: 204px; background: transparent url(/img/holka.jpg) no-repeat 0 0; padding: 0 0 20px 0; height: 353px; text-align: center; }
div#right a.small, div#right a.big{ text-transform: none; color: White; text-align: center; display: block; margin: 3px auto; font-weight: bold; background: #00A070 url(/img/btn01.png) no-repeat; width: 134px; padding: 6px 0 4px 0; text-decoration: none; font-size: .9em; }
div#right a.big{ background-image: url(/img/btn02.png); padding: 5px 0 2px 0; }
div#right form{ padding: 0; margin: 0 0 15px 0; }
div#right fieldset{ background: transparent url(../img/form.gif) no-repeat 3px 0; padding: 3px 2px 3px 3px; }
div#right form .pole{ width: 100px; font-size: .75em; padding: 0; margin-right: 3px; border: 0; padding-left: 4px; margin-bottom: 1px; }
html>body div#right form .pole{ margin-bottom: 2px; }

div#right form .btn{ background: #009367 url(/img/btn2.gif) no-repeat; vertical-align: baseline; width: 2em; height: 1.8em; text-align: center; font-weight: bold; color: White; border-width: 0px; }
div#right form .btn2{ background: White url(/img/search.gif) no-repeat; cursor: pointer; height: 15px; border: 0; width: 24px; margin-left: 3px; } 
div#right ul{ margin: 0; padding: 0; list-style-type: none; }
div.x1{  height: 19px; position: absolute; top: 327px; left: 17px; width: 220px;  }
div.x1 a{ margin: 0 10px; }
#tlacitka{ position: absolute; left: 60px; bottom: 60px; width: 139px; }


div#pata{ background: #009669 url(/img/pata.jpg) no-repeat; text-align: left; font-size: .8em; color: White; height: 2.2em; line-height: 1.2em; padding-left: 10px; position: relative; }
div#pata a#ph{ position: absolute; right: 0px; bottom: 1px; margin: 0; width: 256px; display: block; padding: 0;}
div#pata a#ph img{ display: block; }
html>body div#pata #ph{ position: absolute; right: 1px; bottom: 0px; margin: 0; }
div#pata a{ color: white; text-decoration: none; margin-right: 15px; display: block; float: left; padding: 5px 3px;  }
div#pata a#sound-on{ background: transparent url(/img/sound_on.gif) no-repeat 0 3px; padding-left: 23px; text-decoration: none; height: 10px;}
div#pata a#sound-off{ background: transparent url(/img/sound_off.gif) no-repeat 0 3px; padding-left: 23px; text-decoration: none;  height: 10px;}
div#pata embed{ margin: 0; padding: 0; display: block; float: left; }
div#pata a:hover{ text-decoration: underline; }
div#mutace{  position: absolute; top: 1px; width: 500px; right: -1px; background: transparent url(/img/mutace2.gif) no-repeat 100% 0; padding: 0px 23px 0 0; }
html>body div#mutace{ right: 0px; }
div#mutace h3{ margin: 0; color: #959595; font-size: .9em; line-height: 2em; }
div#mutace span{ padding-right: 15px; margin-right: 0px; display: block; float: right; background: transparent url(/img/nav-sipka2.gif) no-repeat 100% 0px;}
div#mutace select{  padding: 0; line-height: 1.2em; font-size: 1em !important; font-weight: normal; margin: 0 0 0 0;  vertical-align: middle; color: #959595;font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif ; }
div#mutace p{ margin: 0; float: right; padding-left: 15px; background: transparent url(/img/mutace2.gif) no-repeat -24px 0;}
div#mutace span.xxc{ background: transparent url(/img/mutace2.gif) no-repeat -24px 0; float: right; padding-left: 15px; }
html>body div#mutace select{ margin: -2px 0 0 0; }

div#mutace img{ border-width: 0px; margin: 3px 0 0 5px;  float: right; display: block; }
div#volba{ width: 252px; position: absolute; right: 0px; top: 182px; background: White url(/img/volba-back.gif) repeat-x; }
div#volba a{ display: block; font-weight: bold; color: #009367; text-decoration: none; width: 252px; font-size: .9em; background: transparent url(/img/volba-r.gif) no-repeat 100% 0; }
div#volba span{ display: block; background: transparent url(/img/m-btn.gif) no-repeat 0 2px; letter-spacing: 2px;padding: 3px 5px 2px 37px; }

.navigation{ text-align: right; padding-right: 20px; }

div#jazykove-mutace{ position: absolute; top: 28px; left: 265px; padding-top: 4px; }
div#vlajka{ position: absolute; right: 1px; padding-top: 4px; }

div.news, div.news-detail{ clear: both; border: 1px solid black; border-right-width: 0px; margin: 0 15px 2px 0; background: transparent url(/img/h3.gif) no-repeat 117px 9px; padding: 0 0 1px 0; height: 80px; }
html>body div.news, html>body div.news-detail{ height: auto; min-height: 80px; }
div.news h3{ text-transform: uppercase; margin: 0 0 0 140px; padding: 7px 0 0 0; font-size: 1em;}
div.news h3 a{ border-bottom: 1px solid black; color: Black; background-color: transparent; font-weight: bold; text-decoration: none;}
div.news h3 span{ float: right; font-weight: normal; font-size: .9em; }
div.news p{ margin: 0; margin-left: 140px; padding: 5px 10px 5px 0; border-top: 1px dashed black; margin-top: 0px;}
div.news img{ float: left; border-width: 0px; border-right: 1px solid black;  border-bottom: 1px solid black; }
div.news a.vice, div.news-detail a.vice{ color: Black; background-color: transparent; white-space: nowrap; font-style: italic; font-weight: bold; margin: 0 15px;}

table.tab{ border-top: 1px solid #009A6E; border-left: 1px solid #009A6E; width: auto; }
table.tab th{ border-bottom: 2px solid white; border-right: 1px solid white; background: #009A6E; padding: 3px 5px; color: White; font-weight: bold; }
table.tab td{ border-bottom: 1px solid #009A6E; border-right: 1px solid #009A6E; padding: 3px 5px; }
table.tab tr.sec td{ background-color: #e8e8e8; }

div.news-detail{ clear: both; border: 0; margin: 0 15px 2px 0; background: transparent url(/img/h3.gif) no-repeat 117px 11px; }
div.news-detail h3{ text-transform: uppercase; margin: 0 0 0 140px; padding: 7px 0 0 0; font-size: 1em; }
div.news-detail h3 a{ border-bottom: 1px solid black; color: Black; background-color: transparent; font-weight: bold; text-decoration: none; }
div.news-detail p{ margin: 0; margin-left: 140px; padding: 5px 10px 5px 0;  border-top: 1px dashed black; margin-top: 0px;}
div.news-detail h3 span{ float: right; font-weight: normal; font-size: .9em; }
div.news-detail img{ float: left; border-width: 0px;}

div.polozka p, div.polozka h3{ margin-left: 230px; }
div.polozka h3{ padding-top: 0; }
div.polozka{ clear: both; margin-top: 10px; padding-top: 10px; }
div.polozka hr{ height: 1px; visibility: hidden; color: black; background: black; clear: both; margin: 0; padding: 0; border: 0; }

div.polozka-shop p, div.polozka-shop h3{ margin-left: 155px; }
div.polozka-shop h3{ padding-top: 0; }
div.polozka-shop{ clear: both; margin-top: 4px; padding-top: 4px; }
div.polozka-shop hr{ height: 1px; visibility: hidden; color: black; background: black; clear: both; margin: 0; padding: 0; border: 0; }
div.polozka-shop img.zpateckaimg{ clear: both; position: relative; float: none; margin: 0px 0px 0px 0px; border: 0px; }

#zaplata{ position: absolute; top: 0; left: 0; font-size: 1px; line-height: 1px; height: 5px; width: 1px; display: none; }

div.h2-submenu{ position: absolute; top: 17px;  right: 285px; text-align: right; width: 520px;  z-index: 1000; }
html>body div.h2-submenu{ left: 100px; right: auto; }
div.h2-submenu a{ color: white; background-color: transparent; font-size: 0.9em; font-weight: normal; letter-spacing: 1px; text-decoration: none; padding: 0 0px;}
div.h2-submenu a.activ{ color: Black; }
div.h2-submenu a:link{ color: white; background-color: transparent; }
div.h2-submenu a:hover{ color: black; background-color: transparent; }
div.h2-submenu a:visited{ color: white; background-color: transparent;  }

div.blue div#main{ background: White url(/img/main-back-blue.jpg) repeat-x; }
/*div.blue #zaplata{ background-color: #639CC1; color: #639CC1; width: 116px; left: 317px; top: 199px; display: block;}*/
div.blue #zaplata{ background-color: #639CC1; color: #639CC1; width: 116px; left: 320px; top: 199px; display: block;}
div.blue div#right{	 background-image: url(/img/vpravo-blue.gif); }
div.blue h2{ background-image: url(/img/h2-blue.gif); }
div.blue div#obsah{ scrollbar-face-color: #75B0D7; }

div.green div#main{ background: White url(/img/main-back-green.jpg) repeat-x; }
div.green div#nav div{ background: transparent url(../img/zapl-green.gif) no-repeat 0 100%; }
div.green div#right{	 background-image: url(/img/pic3.jpg); }
div.green h2{ background-image: url(/img/h2-green.gif); }
div.green div#obsah{ scrollbar-face-color: #66AB63; }

div.orange div#main{ background: White url(/img/main-back-orange.jpg) repeat-x; }
div.orange #zaplata{ background-color: #C96227; color: #C96227; width: 102px; left: 105px; top: 199px; display: block;}
div.orange div#right{	 background-image: url(/img/vpravo-orange.jpg); }
div.orange h2{ background-image: url(/img/h2-orange.gif); }
div.orange div#obsah{ scrollbar-face-color: #ED742F; }

div.dark-green div#main{ background: White url(/img/main-back-dgreen.jpg) repeat-x; }
/*div.dark-green #zaplata{ background-color: #295946; color: #295946; width: 104px; left: 545px; top: 199px; display: block;}*/
div.dark-green #zaplata{ background-color: #295946; color: #295946; width: 104px; left: 212px; top: 199px; display: block;}
div.dark-green div#right{	 background-image: url(/img/vpravo-dgreen.gif); }
div.dark-green h2{ background-image: url(/img/h2-dgreen.gif); }
div.dark-green div#obsah{ scrollbar-face-color: #30654F; }

div.dark-blue div#main{ background: White url(/img/main-back-darkblue.gif) repeat-x; }
div.dark-blue #zaplata{ background-color: #1C375E; color: #1C375E; width: 106px; left: 544px; top: 199px; display: block;}
div.dark-blue div#right{	 background-image: url(/img/vpravo-dblue.jpg); }
div.dark-blue h2{ background-image: url(/img/h2-dblue.gif); }
div.dark-blue div#obsah{ scrollbar-face-color: #19437F; }

div.red div#main{ background: White url(/img/main-back-red.jpg) repeat-x; }
/*div.red #zaplata{ background-color: #B92A4F; color: #B92A4F; width: 105px; left: 436px; top: 199px; display: block;}*/
div.red #zaplata{ background-color: #B92A4F; color: #B92A4F; width: 105px; left: 440px; top: 199px; display: block;}
div.red div#right{	 background-image: url(/img/vpravo-red.gif); }
div.red h2{ background-image: url(/img/h2-red.gif); }
div.red div#obsah{ scrollbar-face-color: #BE2B52; }

div.gray div#main{ background: White url(/img/main-back-gray.jpg) repeat-x; }
div.gray div#obsah{ scrollbar-face-color: #828292; }
div.gray div#right{	 background-image: url(/img/vpravo-gray.gif); }
div.gray #zaplata{ background-color: #7C7C8C; color: #7C7C8C; width: 104px; left: 105px; top: 199px; display: block;}

div.text{ margin-left: 190px; margin-bottom: 3px; padding-top: 3px; padding-left: 1px; height: 1px; }
html>body div.text{ height: auto; }
div.obr-stranka{ float: left;  padding-top: 3px; padding-right: 10px; }
div.obr-stranka img{ display: block; margin-bottom: 7px; float: none;}

div#edefend{ width: 450px; padding-top: 10px; }
div#edefend p{ clear: both; padding-top: 30px; }
div#edefend img{ margin-right: 30px; border: 0; }
div#edefend span{ display: block; padding-top: 5px; }

table.gal img{ display: block; margin: 6px auto; }
table.gal td{ padding: 5px 15px; text-align: center; width: 120px; overflow: hidden; vertical-align: top; }
table.gal h3{ margin: 0; }
table.gal p{ margin: 0; }
/*
.polozka-shop img{
	float: left;
}
.polozka-shop{
	 clear: left !important ; 
}
#obsah-produkty .polozka-shop p{
	 margin: 0 200px 0 165px !important ; font-size: .9em; 
}
 .produkt-tip{
	float: right; width: 200px; font-size: .9em;	 padding: 10px 0;  clear: both;
}
 .produkt-tip img{
 	float: left; margin: 0 5px 2px 0;
 }
.objednavka td{
	vertical-align: top;
}
#obsah-produkty h3, #obsah-produkty h2{
	padding-top: 20px;
}
#obsah-produkty h2{
	 display: none;
}
*/
.produkty-vypis td{
	padding: 0 0; vertical-align: top; border: 0; 
}

#obsah-produkty td{ vertical-align: top; }
.produkty-vypis .seznam{ width: 400px; }
.produkty-vypis p{ margin: 0; }
a.tlacitko_produkty{ display: block; height: 18px; width: 76px; color: White; text-decoration: none; background: transparent url(/img/produkty-gray.gif) no-repeat; font-weight: bold; font-size: .9em; text-align: center; text-transform: uppercase; margin-bottom: 2px; }
a.tlacitko_produkty span{ display: block; padding: 3px 0; text-align: center; }
.novyprodukt h3{ font-size: 1em; text-transform: uppercase; margin: 0; padding: 0 0 0 0; border-bottom: 1px solid black; }
.novyprodukt img{ margin-top: 1px; }
.novyprodukt p{ line-height: 1.65em; }
.produkty-vypis td{ padding-top: 12px; }
.ikony{ border-bottom: 1px solid black; padding-bottom: 0px; }
.produkty-vypis td.ob5{ padding-right: 30px; }
.blikatko{ width: 74px; height: 54px; text-align: center; margin: 0 0 0 20px; padding: 0 4px; color: White; }
.blikatko span{ display: block; padding: 10px 0 4px 0; }
.blik{ vertical-align: top; padding-top: 5px; padding-bottom: 5px; }
.ikono td{ padding: 5px; font-weight: bold; text-align: center; }

  #infookno{width: 384px; font-size: .9em; text-align: left; margin: 0 auto;}
  #infookno .top{background: white url(/img/infookno-top.gif) no-repeat; height: 120px; padding-top: 1px;}
    #infookno .top2{background: white url(/img/infookno-top2.gif) no-repeat; height: 104px; padding-top: 1px;}
#infookno .top2 p{ margin: 18px 20px 0 20px; font-weight: bold; }
#infookno .top2 p img{ margin-top: 4px; }
#infookno .top p.bonus{ text-align: left; color: White; clear: both; font-weight: bold; font-size: 1.2em; padding: 14px 20px 0 20px !important ; clear: both; margin: 0px 20px 0 205px !important ; text-transform: uppercase; line-height: 1.2em !important ; }

  #infookno .mid{background: white url(/img/infookno-mid.gif) repeat-y; padding: 1px 8px 10px 20px; height: 275px; }
html>body #infookno .mid{ height: auto; min-height: 275px; }
    #infookno .mid img.obr2{ margin-right: 7px; }
  #infookno .down{background: white url(/img/infookno-down.gif) no-repeat; height: 23px; vertical-align: bottom;}
  #infookno h3{color: #1EA077; text-transform: uppercase; font-size: 1em;}
  #infookno .logo1{display: block; margin: 20px 0 0 20px;}
  #infookno .logo2{display: block; margin: 20px 10px 10px 0; float: right;}
 html>body #infookno .logo2{display: block; margin: 20px 20px 10px 0; float: right;}
  #infookno .obr2{float: right; margin: 23px 3px 0 15px;}
  #infookno .carky{border-bottom: 1px dashed black; margin-right: 10px;}
}