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; }

#vanoce { width: 100%; text-align: center; color: green; font-size: 13px; text-decoration:underline; font-weight: bold; background-image: url(img/body/background-mid.gif); background-repeat: repeat-y; float: left; }

.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; left: -7px; 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); margin-bottom: 10px; background-position: 0 4px; 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: 0 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; }
.mainmenu .ceniky ul { position: relative; margin-top: 0px; padding: 0px; margin-left: 5px; list-style-type: none; line-height: 30px; }
.mainmenu .ceniky li { padding-left: 20px; background-image: url(img/sipka.gif); background-position: 0 10px; background-repeat: no-repeat; }
.mainmenu .sitemaptable li { padding-left: 20px; background-image: none; margin-left: 20px; margin-bottom: 5px; }

/* tlačítka SKIN 1 */
.tlac { width: 100%; height: 38px; padding: 0; margin: 0; position: relative; top: 24px; left: 0px; float: left; background-image: url(img/body/background-tlacky.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 25px 11px 25px; _padding: 11px 25px 13px 25px; font-weight: bold; text-decoration: none; background: none; }
.tlac ul li strong { color: #ff0; float: left; margin: 0; padding: 11px 25px 11px 25px; _padding: 11px 25px 13px 25px; font-weight: bold; text-decoration: none; background: url(img/body/tl-active.gif) left repeat-x; }
.tlac ul li a:hover { color: #ff0; background: url(img/body/tl-active.gif) right repeat-x; }
.tlac ul li a:hover span { color: #ff0; background: url(img/body/tl-active.gif) left no-repeat; }
.tlac ul li a.active span { color: #ff0; background: url(img/body/tl-active.gif) left no-repeat; }
.tlac ul li a:visited, { color: #fff; } 
.highlight { color: #ff0; }

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: 20px 0px 15px 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; }
.green { color: green; }
.blue { color: #6ac; }
.black { color: black; }
.yellow { color: Yellow; }
.hightext { color: #080; font-weight: normal; }
.caps { font-variant: small-caps; font-size: 14px; }
.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; }

.od100 { margin-left: 100px; }
.od290 { margin-left: 280px; }
.od80 { margin-left: 84px; }
.od25 { margin-left: 25px; }
.od80 { margin-left: 80px; }
.obr1 { position: relative; top: -780px; left: 190px; text-align: center; margin: auto; display: block; }
.obr2 { position: relative; top: -970px; left: 230px; text-align: center; margin: auto; display: block; }
.obr3 { position: relative; top: -00px; left: 140px; text-align: center; margin: auto; display: block; }
.obr4 { position: relative; top: -540px; left: 200px; text-align: center; margin: auto; display: block; }
.obr5 { position: relative; top: -400px; left: 200px; text-align: center; margin: auto; display: block; }
.obr6 { position: relative; top: -410px; left: 190px; text-align: center; margin: auto; display: block; }
.obr7 { position: relative; top: -340px; left: 180px; text-align: center; margin: auto; display: block; }
.obr8 { position: relative; top: -520px; left: 180px; text-align: center; margin: auto; display: block; }
.obr9 { position: relative; top: -1080px; left: 220px; text-align: center; margin: auto; display: block; }
.obr10 { position: relative; top: -880px; left: 200px; text-align: center; margin: auto; display: block; }
.obr11 { position: relative; top: -715px; left: 190px; text-align: center; margin: auto; display: block; }
.obr12 { position: relative; top: -614px; left: 220px; text-align: center; margin: auto; display: block; }
.obr13 { position: relative; top: -160px; left: 230px; text-align: center; margin: auto; display: block; }
.obr14 { position: relative; top: -510px; left: 250px; text-align: center; margin: auto; display: block; }
.obr15 { position: relative; top: -110px; left: -20px; text-align: center; margin: auto; display: block; }

.akce { width: 132px; height: 68px; position: relative; left: -13px; margin: auto; text-align: center; background-image: url(img/body/akce.gif); background-repeat: no-repeat; padding-top: 7px; }
.akce a:link, .akce a:visited  { color: #f00; font-size: 14px; font-weight: bold;}
.akce a:active, .akce a:hover { color: #00f; font-size: 14px; font-weight: bold;}
.akcebig  { font-size: 16px; font-weight: bold; color: #290; }

.vyprodej { width: 132px; height: 36px; position: relative; left: -13px; margin: auto; text-align: center; background-image: url(img/body/vyprodej.gif); background-repeat: no-repeat; padding-top: 9px; }
.vyprodej a:link, .vyprodej a:visited  { color: #00f; font-size: 15px; font-weight: bold; }
.vyprodej a:active, .vyprodej a:hover { color: #f00; font-size: 15px; font-weight: bold; }

#vzorek { width: 132px; height: 126px; background-image: url(img/body/vzorek.gif); background-repeat: no-repeat; padding-top: 10px; }
#vzorek a:link, #vzorek a:visited  { color: #f00; font-size: 15px; font-weight: bold; }
#vzorek a:active, #vzorek a:hover { color: #00f; font-size: 15px; font-weight: bold; }

/* Sortiment */
#sortimentstitky { font-size: 10px; clear: both; line-height: 14px; }
#sortimentstitky a { font-size: 10px; text-decoration: none; }

/* sortiment stránky */
.infotable { width: 600px; margin: 20px 0 0 15px; height: 206px; font-size: 11px; background-color: Yellow; border: 1px solid Black; }
.infotableleft { width: 100px; padding: 2px 5px 2px 7px; height: 200px; border: 1px solid Black; float: left; }
.infotableright { width: 472px; padding: 2px 5px 2px 7px; height: 200px; border: 1px solid Black; float: left; }
/* zip a kapsy stránky */
.infotable2 { width: 390px; _width: 364px; height: 101px; _height: 98px; margin: 20px 0 0 15px; font-size: 11px; background-color: Yellow; border: 1px solid Black; }
.infotableleft2 { width: 110px; padding: 2px 5px 2px 7px; height: 95px; border: 1px solid Black; float: left; }
.infotableright2 { width: 252px; padding: 2px 5px 2px 7px; height: 95px; border: 1px solid Black; float: left; }
/* štítky stránky */
.infotable3 { width: 366px; margin: 20px 0 0 15px; height: 154px; font-size: 11px; background-color: Yellow; border: 1px solid Black; }
.infotableleft3 { width: 120px; _width: 121px; padding: 2px 0px 2px 0px; height: 16px; text-align: center; margin: auto; border: 1px solid Black; float: left; }

.infotable4 { width: 386px; margin: 20px 0 0 15px; height: 120px; _height: 132px; font-size: 11px; background-color: Yellow; border: 1px solid Black; }
.infotable4title { width: 176px; margin: 0; height: auto; float: left; }
.infotabletop4 { width: 174px; _width: 176px; padding: 0 0 2px 0; height: 16px; text-align: center; margin: auto; border: 1px solid Black; float: left; }
.infotableleft4 { width: 86px; _width: 88px; padding: 0 0 2px 0; height: 16px; text-align: center; margin: auto; border: 1px solid Black; float: left; }
.infotableright4 { width: 120px; padding: 0 0 2px 0; height: 16px; text-align: center; margin: auto; border: 1px solid Black; float: left; }
.infotableleft4a { width: 86px;  _width: 88px; padding: 0 0 2px 0; height: 36px; _height: 44px; text-align: center; margin: auto; border: 1px solid Black; float: left; }
.infotableright4a { width: 120px; padding: 0 0 2px 0; height: 36px; _height: 44px; text-align: center; margin: auto; border: 1px solid Black; float: left; }

#color03 { background-color: #f00; color: #fff; }
#color09 { background-color: #12007B; color: #fff;}
#color10 { background-color: #004095; color: #fff; }
#color16 { background-color: #009E49; color: #fff; }
#color25 { background-color: #000; color: #fff;}
#color03, #color09, #color10, #color16, #color25 { width: 70px; height: 20px; border: 1px solid Black; margin-right: 20px; margin-bottom: 4px; padding-left: 3px; float: left; }

/* Kalkulace a snížené ceny - rozcestník */
.cesta { width: 680px; height: auto; margin: 0px; padding: 0px; float: left; }
.cestatext { width: 226px; height: 260px; float: left; }
.cestatext2 { width: 161px; height: 260px; margin-left: 35px; float: left; }
	.cestalink { width: 100%; height: 55px; margin: 8px 0 0 10px; }
.cestamid { width: 222px; height: 260px; background-image: url(img/rozcestnik.png); background-repeat: no-repeat; float: left; }
	.cedule { width: 114px; height: 46px; margin: 16px 0 0 58px; font-weight: bold; }
	.cedule .a1, .cedule .a2, .cedule .a3 { text-decoration: underline; }
	.cedule .a1:link, .cedule .a1:visited  { color: #000; }
	.cedule .a2:link, .cedule .a2:visited  { color: #000; }
	.cedule .a3:link, .cedule .a3:visited  { color: #000; }
	.cedule .a1:active, .cedule .a1:hover { color: #0a0; }
	.cedule .a2:active, .cedule .a2:hover { color: #03f; }
	.cedule .a3:active, .cedule .a3:hover { color: #f00; }

/* 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; }
.objtableleft { width: 70px; float: left; line-height: 27px; _line-height: 29px; }
.objtableleft2 { width: 120px; float: left; line-height: 27px; }
.objtableright { width: 600px; float: left; line-height: 27px; }
.objtableright input { margin: 3px 0 2px 0; }
.objtableright select { margin: 2px 0 2px 0; }

/* ke stažení */
.infodown { width: 140px; float: left; margin: auto; text-align: center; }

/* 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; }