body {
	font-family: 'Verdana CE', Verdana, 'Tahoma CE', Tahoma, 'Arial CE', Arial, lucida, sans-serif;
	font-size: 12px; font-weight: normal; color: #000; 
	text-align: center; margin: 0px; padding: 0px; border: none;
	background-color: #4b4b4b;
	background-image: url(img/body/background-all.gif); background-repeat: repeat-x;
	overflow-y: scroll;
}
/* body */
/*@media screen { .page-break { display: none; } }*/

#page { width: 100%; margin: auto; padding: 0px; text-align: center; background-image: url(img/body/background-page.gif); background-repeat: no-repeat; background-position: 50% 0%; }
.skins { width: 100%; margin: auto; padding: 0px; color: #ddd; text-align: right; font-size: 10px; margin-right: 15px; }
.skins a { text-decoration: none; }
.skins a:link, .skins a:visited  { color: #ddd; }
.skins a:active, .skins a:hover { color: #fff; }
#stranka { width: 986px; margin: auto; padding-top: 20px; text-align: center; height: 640px; }
#top { width: 100%; height: 2px; font-size: 1px; margin: 0px; background-image: url(img/body/background-top.gif); background-repeat: no-repeat; }
#menu { width: 100%; height: 122px; text-align: center; background-image: url(img/body/background-menu.gif); background-repeat: no-repeat; }
#menu2 { width: 980px; text-align: left; margin: auto; }
#mid { width: 100%; text-align: center; background-image: url(img/body/background-mid.gif); background-repeat: repeat-y; float: left; }
#mid2 { width: 980px; text-align: left; margin-left: 3px; background-image: url(img/body/background-mid2.gif); background-repeat: repeat-y; float: left; }
#bot { width: 100%; height: 3px; font-size: 1px; background-image: url(img/body/background-bot.gif); background-repeat: repeat-y; clear: both; }

.logo { width: 136px; height: 44px; position: relative; top: 20px; left: 26px; float: left; }
.banner { width: 468px; height: 60px; position: relative; top: 11px; left: 180px; float: left; }
.copyright { margin: auto; text-align: center; font-size: 10px; color: #999; line-height: 18px; }
.copyright a { text-decoration: none; }
.copyright a:link, .copyright a:visited  { color: #999; }
.copyright a:active, .copyright a:hover { color: #aaa; }

.leftmenu { width: 175px; _width: 200px; margin: 0px; padding: 15px 0px 0px 25px; text-align: left; line-height: 18px; float: left; }
.leftmenu ul { position: relative; margin-top: 0px; padding: 0px; margin-left: 0px; list-style-type: none; line-height: 18px; }
.leftmenu li { padding-left: 20px; background-image: url(img/sipka.gif); background-position: 0% 10%; background-repeat: no-repeat; }
.mainmenu { width: 730px; _width: 755px; margin: 0px; padding: 15px 0px 0px 25px; text-align: left; line-height: 18px; float: left; }
.mainmenu p { clear: both; margin: 20px 0px 20px 0px; padding: 0px; }
.mainmenu ul { position: relative; margin-top: 0px; padding: 0px; margin-left: 5px; list-style-type: none; line-height: 20px; }
.mainmenu li { padding-left: 20px; background-image: url(img/sipka.gif); background-position: 0px 5px; background-repeat: no-repeat; }
.sdelenionleft { width: 150px; margin: 190px 0px 0px -5px; padding: 2px 3px 3px 5px; border: solid 1px black; text-align: left; line-height: 16px; font-size: 11px; }

/* tlačítka SKIN 3 */
.tlac { width: 100%; height: 38px; padding: 0; margin: 0; position: relative; top: 24px; left: 0px; float: left; background-image: url(img/body/background-tlacky3.png); background-repeat: no-repeat; }
.linka { float: left; width: 1px; height: 36px; padding: 0; margin: 0; background-image: url(img/body/tl-.png); }
.tlac ul { float: left; padding: 0; margin: 0; list-style: none; border: 0;}
.tlac ul li { color: #fff; float: left; margin: 0; padding: 0; border: 0; }
.tlac ul li a { color: #fff; float: left; margin: 0; padding: 11px 20px 11px 20px; _padding: 11px 20px 13px 20px; font-weight: bold; text-decoration: none; background: none; }
.tlac ul li strong { color: #ff0; float: left; margin: 0; padding: 11px 20px 11px 20px; _padding: 11px 20px 13px 20px; font-weight: bold; text-decoration: none; background: url(img/body/tl-active3.gif) left repeat-x; }
.tlac ul li a:hover { color: #ff0; background: url(img/body/tl-active3.gif) right repeat-x; }
.tlac ul li a:hover span { color: #ff0; background: url(img/body/tl-active3.gif) left no-repeat; }
.tlac ul li a.active span { color: #ff0; background: url(img/body/tl-active3.gif) left no-repeat; }
.tlac ul li a:visited, { color: #fff; } 
.highlight { color: #ff0; }
/* tlačítka SKIN - END */

h1 { font-size: 18px; color: #f00; margin: 20px 0px 15px 0px; padding: 0px; font-weight: bolder; text-decoration: underline; }
h2 { font-size: 13px; color: #b00; margin: 0px 0px 7px 0px; padding: 0px; font-weight: bold; text-decoration: underline; }
h3 { font-size: 12px; color: #000; margin: 0px; padding: 0px; font-weight: bold; text-decoration: underline; }

/* A odkazy */
a { text-decoration: underline; }
a:link, a:visited  { color: #05f; }
a:active, a:hover { color: #f00; }

.datum { font-size: 10px; color: #600; padding: 12px 25px 12px 0px; float: right; }
.small { font-size: 10px; }
.redb { color: red; font-weight: bold; }
.red { color: red; }
.black { color: black; }
.yellow { color: Yellow; }
.obr1 { position: relative; top: -560px; left: 240px; text-align: center; margin: auto; display: block; }
.obr2 { position: relative; top: -657px; left: 180px; text-align: center; margin: auto; display: block; }
.obr3 { position: relative; top: -560px; left: 260px; text-align: center; margin: auto; display: block; }
.obr4 { position: relative; top: -136px; left: 440px; display: block; }
.ok { color: black; }
.or { color: red; }
.og { color: green; }
.ob { color: blue; }
.oo { color: #f90; }
.oor { color: #f70; }
.oy { color: #fd0; }
.oh { color: brown; }
.op { color: gray; }

/* online kalkulace a snižené ceny */
.kalkulacetab { width: 600px; background-color: #ddd; border: 1px solid black; margin: 0 0 0 20px; padding: 0px; float: left; }
.kalkulaceleft { width: 150px; _width: 160px; height: 25px; _height: 32px; font-weight: bold; border: 1px solid #eee; margin: 0px; padding: 5px 0 0 10px; float: left; }
.kalkulaceright { width: 426px; _width: 438px; height: 25px; _height: 32px; border: 1px solid #eee; margin: 0px; padding: 5px 0 0 10px; float: left; }
.kalkulaceleft2 { width: 150px; _width: 160px; height: 60px; _height: 52px; font-weight: bold; border: 1px solid #eee; margin: 0px; padding: 5px 0 0 10px; float: left; }
.kalkulaceright2 { width: 426px; _width: 438px; height: 60px; _height: 52px; border: 1px solid #eee; margin: 0px; padding: 5px 0 0 10px; float: left; }
.kalkulacemezera { width: 598px; height: 10px; border: 1px solid #eee; background-color: #ccc; margin: 0px; padding: 0px; float: left; }
.kalkulacesend { width: 588px; _width: 598px; height: 27px; border: 1px solid #eee; background-color: #ccc; margin: auto; text-align: center; padding: 4px 0 0 10px; float: left; }

/* ceník PLP */
#cenik { width: 506px; margin-top: 20px; margin-bottom: 2px; }
#ceniktab { font-size: 10px; width: 492px; _width: 494px; border: 1px Solid #ccc; text-align: center; line-height: 16px; }
#ceniktop { height: 80px; background-color: #4f4f52; color: #fff; font-weight: bold; }
#ceniktop3 { height: 80px; background-color: #049; color: #fff; font-weight: bold; }
#ceniktop2 { height: 35px; background-color: #4f4f52; color: #fff; font-weight: bold; }
#ceniktop4 { height: 35px; background-color: #049; color: #fff; font-weight: bold; }
#cenikbot { height: 107px; background-color: #fff; }
#cenikbot2 { height: 108px; background-color: #fff; }
#cenikbot3, #cenikbot4 { height: 36px; background-color: #fff; }
#cenikfoto, #cenikpocet, #cenikpocet2, #cenikfoto2 { width: 106px; _width: 108px; border: 1px Solid Gray; float: left; }
#cenikbarva, #cenikcena, #cenikcena2 { width: 126px; _width: 128px; border: 1px Solid Gray; float: left; }
#cenikrozmer, #cenikcena3 { width: 382px; _width: 384px; border: 1px Solid Gray; float: left; }
#cenikpocet, #cenikpocet2, #cenikcena, #cenikcena2, #cenikinfo { height: 16px; _height: 18px; }
#cenikrozmer { height: 25px; _height: 27px; line-height: 23px; }
#cenikfoto, #cenikfotox { height: 60px; _height: 62px; }
#cenikbarva, #cenikinfo2, #cenikfoto2 { height: 33px; _height: 35px; }
#cenikinfo { width: 490px; _width: 492px; border: 1px Solid Gray; float: left; color: Red; }
#cenikinfo2 { width: 490px; _width: 492px; border: 1px Solid Gray; float: left; color: Red; }
/*#cenikbot2, #cenikbot2a #cenikpocet, #cenikinfo2 { background-color: #cdf; }*/
#cenikbot #cenikpocet, #cenikbot3 #cenikpocet { background-color: #e6e6e6; }
#cenikbot2 #cenikpocet, #cenikbot4 #cenikpocet  { background-color: #ddf; }
#cenikpocet2, #cenikcena2 { background-color: #dfd; }
#cenikinfo, #cenikinfo2 { background-color: #e6e6e6; }
.ceniknadpis { color: Yellow; }

#cenikleft { width: 530px; float: left; }
#cenikright { width: 20px; float: right; text-align: left; }
#cenikrightkontakt { visibility: hidden; }


/* objednávka FORM */
#objall { width: 600px; float: left; padding: 10px 0px 0px 15px; background-color: #EDF0DB; }
#objtable { width: 65%; float: left; }
#objright { width: 30%; float: right; }
#objtable2 { width: 100%; float: left; }
#objpole { width: 50%; float: left; }
#objpole2 { width: 100%; float: left; }

/* ceníky stránky */
.maintable600 { width: 700px; margin: 20px 0 0 15px; height: auto; }
.maintable400 { width: 500px; padding: 2px 5px 2px 7px; height: auto; float: left; }
.maintable150 { width: 150px; padding: 2px 5px 2px 7px; height: auto; float: left; }
.maintableostatni { width: 700px; margin: 0px; height: 160px; }
.maintable430 { width: 500px; padding: 7px 0 0px 15px; height: auto; float: left; }
.maintable165 { width: 165px; padding: 8px 0 0px 15px; height: auto; float: left; }
.maintable165r { width: 165px; padding: 8px 0 0px 15px; text-align: right; height: auto; float: right; }
.produktpic { margin: 10px 0 23px 0px; padding: 0px; /*height: 70px; */}

/* kontakt rozdělení 2 polí */
#kontakt_left { width: 33%; height: 410px; float: left; padding: 10px 0px 0px 0px; }
#kontakt_right { width: 64%; height: 410px; float: right; padding: 10px 0px 0px 0px; }
#kontakt_all { width: 100%; padding: 10px 0px 0px 0px; }

/* tlačítka */
.tlacitkasort { float: left; padding: 0; margin: 20px 0 0 0; width: 720px; text-align: left; }
.tlacitkasort ul { float: left; padding: 0; margin: 0; list-style: none; border: 0;}
.tlacitkasort ul li { float: left; margin: 0; padding: 0; border: 0; color: #000; width: 190px; height: 120px; }
.tlacitkasort ul li a { float: left; margin: 0; padding: 6px 0 0 11px; color: #000; font-weight: bold; text-decoration: none; width: 190px; height: 110px; }
.tlacitkasort ul li a.t01:link, .tlacitkasort ul li a.t01:visited { color: #000; background: url(img/body/t01.png) top left no-repeat; }
.tlacitkasort ul li a.t01:hover, .tlacitkasort ul li a.t01:active { color: #000; background: url(img/body/t01.png) no-repeat; background-position: 0% 97%; _background-position: 0% 93%; }
.tlacitkasort ul li a.t02:link, .tlacitkasort ul li a.t02:visited { color: #000; background: url(img/body/t03.png) top left no-repeat; }
.tlacitkasort ul li a.t02:hover, .tlacitkasort ul li a.t02:active { color: #000; background: url(img/body/t03.png) no-repeat; background-position: 0% 97%; _background-position: 0% 93%; }
.tlacitkasort ul li a.t03:link, .tlacitkasort ul li a.t03:visited { color: #000; background: url(img/body/t05.png) top left no-repeat; }
.tlacitkasort ul li a.t03:hover, .tlacitkasort ul li a.t03:active { color: #000; background: url(img/body/t05.png) no-repeat; background-position: 0% 97%; _background-position: 0% 93%; }