@charset "utf-8";
/* CSS Document - Polysan */

/***** color definitions ******



******************************/

/******************************

	global

******************************/
html, body, div, span, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, caption, table, tr, th, td, thead, tbody, tfoot, p, blockquote, cite, q, abbr, acronym, address, a, em, strong, img, ins, del, dfn, kbd, pre, xmp, code, form, fieldset, legend, label, object { padding: 0; margin: 0; }
html { background: #4d4947 url(/img/html-bg-lines.png) 0 0 repeat-x; }
html.tisk { background: #ffffff url(/images/blank.gif) 0 0 repeat-x; }
body { font: 12px Arial, Helvetica, sans-serif; color: #3e3e3e; background: url(/img/body-bg.png) center top no-repeat; }
body.tisk { font: 12px Arial, Helvetica, sans-serif; color: #3e3e3e; background: #ffffff url(/images/blank.gif) center top no-repeat; padding: 10px; }

a { color: #327778; text-decoration: underline; }
a:hover { text-decoration: none; }
a img { border: none; }
hr { display: none; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; line-height: 0; }
.hidden { position: absolute; top: auto; left: -100000px; }
.center { text-align: center; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.bold { font-weight: bold; }
.cervena { color: #b91717; }

/* overlapping */
.overlap { position: relative; overflow: hidden; }
.overlap span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: 0 0; background-repeat: no-repeat; }
.overlap a span,
a.overlap span { cursor: pointer; }


/******************************

	layout

******************************/
#page-wrapper { width: 960px; margin: auto; padding: 0 20px; position: relative; background: #cccccb url(/img/page-wrapper-bg.png) 0 0 repeat-x; }
#column-wrapper { padding: 75px 20px 15px; background: #fff url(/img/wrapper-bg.png) 0 0 repeat-x; height: 100%; overflow: auto; }
#left { float: left; width: 180px; }
#right { float: right; width: 740px; padding-top: 215px; position: relative; }
#content { padding: 0 0 10px 35px; }


/******************************

	homepage

******************************/
/* header */
#hp #logo { width: 258px; height: 47px; }
#hp #logo span { background-image: url(/img/polysan-logo.png); }
#hp #languages li a { background-position: 0 bottom; }

/* visual */
#hp #visual { height: 295px; width: 920px; position: relative; background: #57afb1 url(/img/hp-visual-bg.png) 0 0 repeat-x; overflow: visible; }
#hp #visual #bubbles { position: absolute; top: 28px; left: -8px; width: 662px; height: 264px; background: url(/img/hp-bubbles.png) 0 0 no-repeat; }
#hp #visual .overlay { height: 250px; background: none; }
#hp #visual .overlay-fr { height: 250px; background: none; }
#hp #visual .overlay .more { position: absolute; top: 235px; right: 30px; }
#hp #visual .overlay-fr .more { position: absolute; top: 235px; right: 30px; }

/* boxes */
#hp #boxes { float: left; width: 620px; margin: 10px 0; height: 100%; overflow: auto; }
#hp #boxes .box { float: left; width: 202px; }
#hp #boxes h3 { font: bold italic 26px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #111; background: url(/img/hp-box-heading-bg.png) 0 0 no-repeat; line-height: 42px; height: 61px; padding-left: 20px; margin: 0; position: relative; z-index: 2; }
#hp #boxes h3 a { display: block; color: #111; text-decoration: none; }
#hp #boxes img { margin-top: -18px; display: block; }
#hp #boxes .box ul { list-style: none; }
#hp #boxes h2 { font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; background: #e5e5e5 url(/img/hp-h2-arrows.png) 160px 50% no-repeat; line-height: 23px; padding-left: 13px; text-transform: uppercase; color: #5f5c5b; margin: 4px 0; }
#hp #boxes h2 a { display: block; color: #5f5c5b; text-decoration: none; }
#hp #boxes h2 a:hover { text-decoration: underline; }
#box-sprcha,
#box-koupel { margin-right: 6px; }

/* boxes produkty */
#boxespro { float: left; width: 620px; margin: 10px 0; height: 100%; overflow: auto; }
#boxespro .box { float: left; width: 202px; }
#boxespro h3 { font: bold italic 26px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #111; background: url(/img/hp-box-heading-bg.png) 0 0 no-repeat; line-height: 42px; height: 61px; padding-left: 20px; margin: 0; position: relative; z-index: 2; }
#boxespro h3 a { display: block; color: #111; text-decoration: none; }
#boxespro img { margin-top: -18px; display: block; }
#boxespro .box ul { list-style: none; }
#boxespro h2 { font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; background: #f4f4f5 url(/img/hp-h2-arrows.png) 160px 50% no-repeat; line-height: 23px; padding-left: 13px; text-transform: uppercase; color: #5f5c5b; margin: 4px 0; }
#boxespro h2 a { display: block; color: #5f5c5b; text-decoration: none; }
#boxespro h2 a:hover { text-decoration: underline; }

/* news */
#news { float: right; width: 290px; background-color: #d9d9d8; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #fff; }
#news h3 { font: bold 21px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #fff; background-color: #aaa9a8; line-height: 43px; padding-left: 30px; margin: 10px 0 0; text-transform: uppercase; }
#news h3 a { text-decoration: none; color: #fff; }
#news ul { list-style: none; margin: 0; padding: 5px 20px 0; }
#news li { width: 220px; background-color: #c2c1c1; padding: 20px 15px 10px; margin-bottom: 15px; }
#news li .img { float: left; border: 4px solid #fff; margin: 0 10px 10px 0; }
#news li h4 { color: #000; margin: 0 0 3px; }
#news li p { margin: 0; font-size: 11px; }
#news li a { color: #000; }
#news .date { color: #666; }
#news .text { line-height: 1.3; }
#news .more { text-align: right; margin: 10px 0 0; }

/******************************

	header

******************************/
#header { width: 1000px; height: 68px; margin: 0 -20px; padding-top: 20px; background: #4d4947 url(/img/body-bg.png) center top no-repeat; }
#logo { margin: 0 0 0 40px; font-size: 26px; font-weight: bold; height: 47px; }
#logo a { color: #1d8acc; text-decoration: none; }

/* search form */
#search-form { position: absolute; top: 35px; left: 520px; }
#search-form input { vertical-align: middle; }
#search-form .input { width: 160px; padding: 2px 3px; margin-right: 3px; }

/* languages */
#languages { position: absolute; top: 22px; right: 20px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
#languages ul { list-style: none; }
#languages li { float: left; text-align: center; padding-left: 5px; }
#languages li a { display: block; float: left; width: 23px; height: 35px; color: #dededd; text-decoration: none; background-position: -23px bottom; background-repeat: no-repeat; }
#languages li a:hover,
#languages .active a { background-position: 0 bottom; }
a.cz { background-image: url(/img/flag-cz.png); }
a.sk { background-image: url(/img/flag-sk.png); }
a.en { background-image: url(/img/flag-uk.png); }
a.pl { background-image: url(/img/flag-pl.png); }
a.de { background-image: url(/img/flag-de.png); }
a.lt { background-image: url(/img/flag-lt.png); }
a.it { background-image: url(/img/flag-it.png); }
a.ru { background-image: url(/img/flag-ru.png); }
a.fr { background-image: url(/img/flag-fr.png); }


/******************************

	menu

******************************/
#menu { position: absolute; top: 115px; left: 40px; width: 920px; height: 42px; background: #979594 url(/img/menu-bg.png) 0 0 repeat-x; border-bottom: 6px solid #4da6a8; }
#menu ul { list-style: none; padding-left: 1px; }
#menu li { float: left; font-size: 17px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; line-height: 42px; text-transform: uppercase; }
#menu li a { display: block; float: left; padding: 0 14px; margin-left: -1px; text-decoration: none; color: #000; background: url(/img/menu-li-bg.png) right 50% no-repeat; }
#menu li.posledni a { display: block; float: left; padding: 0 14px; margin-left: -1px; text-decoration: none; color: #000; background: url(images/blank.gif); }
#menu li a:hover { color: #fff; }
#menu .active a { color: #fff; background: #55adaf url(/img/menu-a-active.png) 0 0 repeat-x; }
#menu .posledni-active a { color: #fff; background: #55adaf url(/img/menu-a-active.png) 0 0 repeat-x; }

#menu-nl { position: absolute; top: 115px; left: 40px; width: 920px; height: 42px; background: #979594 url(/img/menu-bg.png) 0 0 repeat-x; border-bottom: 6px solid #4da6a8; }
#menu-nl ul { list-style: none; padding-left: 1px; }
#menu-nl li { float: left; font-size: 17px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; line-height: 42px; text-transform: uppercase; }
#menu-nl li a { display: block; float: left; padding: 0 13px; margin-left: -1px; text-decoration: none; color: #000; background: url(/img/menu-li-bg.png) right 50% no-repeat; }
#menu-nl li.posledni a { display: block; float: left; padding: 0 14px; margin-left: -1px; text-decoration: none; color: #000; background: url(images/blank.gif); }
#menu-nl li a:hover { color: #fff; }
#menu-nl .active a { color: #fff; background: #55adaf url(/img/menu-a-active.png) 0 0 repeat-x; }
#menu-nl .posledni-active a { color: #fff; background: #55adaf url(/img/menu-a-active.png) 0 0 repeat-x; }


/******************************

	left column

******************************/
/* left menu */
#left-menu { background-color: #4da6a8; margin-bottom: 15px; padding: 15px 0; height: 224px; }
#left-menu ul { list-style: none; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: uppercase; }
#left-menu li { margin: 0 0 1px 0; font-weight: bold; }
#left-menu a { display: block; width: 148px; padding: 0 5px 0 20px; line-height: 20px; color: #fff; text-decoration: none; background: #4d4948 url(/img/left-menu-li-bg.png) right 50% no-repeat; }
#left-menu a:hover { color: #cccccb; text-decoration: none; }
#left-menu .active a { font-weight: bold; }
#left-menu .active2 a { font-weight: bold; background: #000000 url(/img/left-menu-li-bg.png) right 50% no-repeat; }
#left-menu li ul { padding: 5px 0 10px; }
#left-menu li li { font-weight: normal; }
#left-menu li li a { line-height: 1.3; background: none; padding: 4px 0 4px 20px; }

/* left menu produkty */
#left-menu-produkty { background-color: #4da6a8; margin-bottom: 15px; padding: 15px 0; min-height: 224px; }
#left-menu-produkty ul { list-style: none; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: uppercase; }
#left-menu-produkty li { margin: 0 0 1px 0; font-weight: bold; }
#left-menu-produkty a { display: block; width: 148px; padding: 0 5px 0 20px; line-height: 20px; color: #fff; text-decoration: none; background: #4d4948 url(/img/left-menu-li-bg.png) right 50% no-repeat; }
#left-menu-produkty a:hover { color: #cccccb; text-decoration: none; }
#left-menu-produkty .active a { font-weight: bold; }
#left-menu-produkty .active2 a { font-weight: bold; background: #000000 url(/img/left-menu-li-bg.png) right 50% no-repeat; }
#left-menu-produkty li ul { padding: 5px 0 10px; }
#left-menu-produkty li li { font-weight: normal; }
#left-menu-produkty li li a { line-height: 1.3; background: none; padding: 4px 0 4px 20px; }

/* catalog */
#catalog { height: 0px; }
#virtualni-katalog { width: 180px; height: 128px;}
#virtualni-katalog span { background-image: url(/img/virtualni-katalog.jpg); }


/******************************

	right column / content

******************************/
h1 { font-size: 17px; color: #858381; }
h2 { font-size: 17px; color: #327778; margin: 20px 0 15px; }

body.tisk h2 { font-size: 17px; color: #327778; margin: 0px 0 5px; }

h3 { font-size: 15px; color: #327778; margin: 15px 0 10px; }
h4 { font-size: 13px; color: #327778; margin: 15px 0 5px; }
p { margin: 0.3em 0 0.7em; }

/* content */
#content h1 { width: 700px; background-color: #dededd; text-transform: uppercase; margin: 0 0 25px -35px; padding: 10px 5px 10px 35px; }
#content h1 em { color: #111; font-style: normal; }
#content ul { margin: 1em 0 1em 30px; list-style: square; }
#content ol { margin: 1em 0 1em 35px; }
#content li { padding: 0 0 5px 0; }

/* box */
#box { width: 720px; list-style: none !important; height: 100%; overflow: auto; margin: 15px -20px 15px 0 !important; }
#box li { float: left; width: 157px; height: 175px; margin: 5px 15px 5px 0; padding: 0; overflow: hidden; }
#box li h3 { font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: uppercase; margin: 0; padding: 0 5px; line-height: 22px; background: #fbfbfc url(/img/box-heading-bg.png) 0 0 repeat-x; border: 1px solid #e1e1e0; }
#box li h3 a { color: #4da6a8; text-decoration: none; }
#box li h3 a:hover { text-decoration: underline; }
.nahled { width: 157px; height: 90px; background-color: #000000; text-align: center; padding-top: 10px; margin: 0px; }
.nahled-novinka { width: 157px; height: 90px; background: #000000 url(/img/pozadi_novinka.gif); background-repeat: no-repeat; text-align: center; padding-top: 10px; margin: 0px; }
.nahled-novinka-en { width: 157px; height: 90px; background: #000000 url(/img/pozadi_novinka_en.gif); background-repeat: no-repeat; text-align: center; padding-top: 10px; margin: 0px; }
.nahled-novinka-de { width: 157px; height: 90px; background: #000000 url(/img/pozadi_novinka_de.gif); background-repeat: no-repeat; text-align: center; padding-top: 10px; margin: 0px; }
.nahled-novinka-pl { width: 157px; height: 90px; background: #000000 url(/img/pozadi_novinka_pl.gif); background-repeat: no-repeat; text-align: center; padding-top: 10px; margin: 0px; }
.nahled-novinka-it { width: 157px; height: 90px; background: #000000 url(/img/pozadi_novinka_it.gif); background-repeat: no-repeat; text-align: center; padding-top: 10px; margin: 0px; }
.nahled-novinka-ru { width: 157px; height: 90px; background: #000000 url(/img/pozadi_novinka_ru.gif); background-repeat: no-repeat; text-align: center; padding-top: 10px; margin: 0px; }
.nahled-novinka-fr { width: 157px; height: 90px; background: #000000 url(/img/pozadi_novinka_fr.gif); background-repeat: no-repeat; text-align: center; padding-top: 10px; margin: 0px; }
#box li .img { background-color: #000000; margin: 0px 0; position: relative; }
#box li .img img { display: block; border: 0px solid #e1e1e0; }
#box li .img .new { background-color: #ce291f; color: #fff; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; position: absolute; top: 1px; right: 1px; padding: 2px 8px 1px; }
#box li .desc { height: 30px; margin: 0; padding: 5px 7px; font-size: 11px; background: #fcfdfd url(/img/box-desc-bg.png) 0 0 repeat-x; border: 1px solid #e1e1e0; }

/* box zasteny */
.box-zasteny { width: 720px; list-style: none !important; height: 100%; overflow: auto; margin: 15px -20px 15px 0 !important; }
.box-zasteny li { float: left; width: 157px; height: 175px; margin: 5px 15px 5px 0; padding: 0; overflow: hidden; }
.box-zasteny li h3 { font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: uppercase; margin: 0; padding: 0 5px; line-height: 22px; background: #fbfbfc url(/img/box-heading-bg.png) 0 0 repeat-x; border: 1px solid #e1e1e0; }
.box-zasteny li h3 a { color: #4da6a8; text-decoration: none; }
.box-zasteny li h3 a:hover { text-decoration: underline; }
.box-zasteny li .img { background-color: #000000; margin: 0px 0; position: relative; }
.box-zasteny li .img img { display: block; border: 0px solid #e1e1e0; }
.box-zasteny li .img .new { background-color: #ce291f; color: #fff; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; position: absolute; top: 1px; right: 1px; padding: 2px 8px 1px; }
.box-zasteny li .desc { height: 30px; margin: 0; padding: 5px 7px; font-size: 11px; background: #fcfdfd url(/img/box-desc-bg.png) 0 0 repeat-x; border: 1px solid #e1e1e0; }

/* box vitraline */
.box-vitraline { width: 720px; list-style: none !important; height: 100%; overflow: auto; margin: 15px -20px 15px 0 !important; }
.box-vitraline li { float: left; width: 157px; height: 244px; margin: 5px 15px 5px 0; padding: 0; overflow: hidden; }
.box-vitraline li h3 { font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: uppercase; margin: 0; padding: 0 5px; line-height: 22px; height: 45px; background: #fbfbfc url(/img/box-heading-bg.png) 0 0 repeat-x; border: 1px solid #e1e1e0; }
.box-vitraline li h3 a { color: #4da6a8; text-decoration: none; }
.box-vitraline li h3 a:hover { text-decoration: underline; }
.box-vitraline li .img { background-color: #000000; margin: 0px 0; position: relative; }
.box-vitraline li .img img { display: block; border: 0px solid #e1e1e0; }
.box-vitraline li .img .new { background-color: #ce291f; color: #fff; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; position: absolute; top: 1px; right: 1px; padding: 2px 8px 1px; }
.box-vitraline li .desc { height: 90px; margin: 0; padding: 5px 7px; font-size: 11px; background: #fcfdfd url(/img/box-desc-bg.png) 0 0 repeat-x; border: 1px solid #e1e1e0; }

/* box vanicky */
.box-vanicky { width: 720px; list-style: none !important; height: 100%; overflow: auto; margin: 15px -20px 15px 0 !important; }
.box-vanicky li { float: left; width: 157px; height: 193px; margin: 5px 15px 5px 0; padding: 0; overflow: hidden; }
.box-vanicky li h3 { font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: uppercase; margin: 0; padding: 0 5px; line-height: 22px; background: #fbfbfc url(/img/box-heading-bg.png) 0 0 repeat-x; border: 1px solid #e1e1e0; }
.box-vanicky li h3 a { color: #4da6a8; text-decoration: none; }
.box-vanicky li h3 a:hover { text-decoration: underline; }
.box-vanicky li .img { background-color: #000000; margin: 0px 0; position: relative; }
.box-vanicky li .img img { display: block; border: 0px solid #e1e1e0; }
.box-vanicky li .img .new { background-color: #ce291f; color: #fff; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; position: absolute; top: 1px; right: 1px; padding: 2px 8px 1px; }
.box-vanicky li .desc { height: 60px; margin: 0; padding: 5px 7px; font-size: 11px; background: #fcfdfd url(/img/box-desc-bg.png) 0 0 repeat-x; border: 1px solid #e1e1e0; }

/* box vanicky 2 */
.box-vanicky2 { width: 720px; list-style: none !important; height: 100%; overflow: auto; margin: 15px -20px 15px 0 !important; }
.box-vanicky2 li { float: left; width: 157px; height: 244px; margin: 5px 15px 5px 0; padding: 0; overflow: hidden; }
.box-vanicky2 li h3 { font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: uppercase; margin: 0; padding: 0 5px; line-height: 22px; background: #fbfbfc url(/img/box-heading-bg.png) 0 0 repeat-x; border: 1px solid #e1e1e0; }
.box-vanicky2 li h3 a { color: #4da6a8; text-decoration: none; }
.box-vanicky2 li h3 a:hover { text-decoration: underline; }
.box-vanicky2 li .img { background-color: #000000; margin: 0px 0; position: relative; }
.box-vanicky2 li .img img { display: block; border: 0px solid #e1e1e0; }
.box-vanicky2 li .img .new { background-color: #ce291f; color: #fff; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; position: absolute; top: 1px; right: 1px; padding: 2px 8px 1px; }
.box-vanicky2 li .desc { height: 90px; margin: 0; padding: 5px 7px; font-size: 11px; background: #fcfdfd url(/img/box-desc-bg.png) 0 0 repeat-x; border: 1px solid #e1e1e0; }

/* box panely */
.box-panely { width: 720px; list-style: none !important; height: 100%; overflow: auto; margin: 15px -20px 15px 0 !important; }
.box-panely li { float: left; width: 157px; height: 231px; margin: 5px 15px 5px 0; padding: 0; overflow: hidden; }
.box-panely li h3 { font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: uppercase; margin: 0; padding: 0 5px; line-height: 22px; background: #fbfbfc url(/img/box-heading-bg.png) 0 0 repeat-x; border: 1px solid #e1e1e0; }
.box-panely li h3 a { color: #4da6a8; text-decoration: none; }
.box-panely li h3 a:hover { text-decoration: underline; }
.nahled-panely { width: 157px; height: 160px; background-color: #000000; text-align: center; padding-top: 10px; margin: 0px; }
.nahled-panely-novinka { width: 157px; height: 160px; background: #000000 url(/img/pozadi_novinka.gif); background-repeat: no-repeat; text-align: center; padding-top: 10px; margin: 0px; }
.nahled-panely-novinka-en { width: 157px; height: 160px; background: #000000 url(/img/pozadi_novinka_en.gif); background-repeat: no-repeat; text-align: center; padding-top: 10px; margin: 0px; }
.nahled-panely-novinka-de { width: 157px; height: 160px; background: #000000 url(/img/pozadi_novinka_de.gif); background-repeat: no-repeat; text-align: center; padding-top: 10px; margin: 0px; }
.nahled-panely-novinka-pl { width: 157px; height: 160px; background: #000000 url(/img/pozadi_novinka_pl.gif); background-repeat: no-repeat; text-align: center; padding-top: 10px; margin: 0px; }
.nahled-panely-novinka-it { width: 157px; height: 160px; background: #000000 url(/img/pozadi_novinka_it.gif); background-repeat: no-repeat; text-align: center; padding-top: 10px; margin: 0px; }
.nahled-panely-novinka-ru { width: 157px; height: 160px; background: #000000 url(/img/pozadi_novinka_ru.gif); background-repeat: no-repeat; text-align: center; padding-top: 10px; margin: 0px; }
.nahled-panely-novinka-fr { width: 157px; height: 160px; background: #000000 url(/img/pozadi_novinka_fr.gif); background-repeat: no-repeat; text-align: center; padding-top: 10px; margin: 0px; }
.box-panely li .img { background-color: #000000; margin: 0px 0; position: relative; }
.box-panely li .img img { display: block; border: 0px solid #e1e1e0; }
.box-panely li .img .new { background-color: #ce291f; color: #fff; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; position: absolute; top: 1px; right: 1px; padding: 2px 8px 1px; }
.box-panely li .desc { height: 30px; margin: 0; padding: 5px 7px; font-size: 11px; background: #fcfdfd url(/img/box-desc-bg.png) 0 0 repeat-x; border: 1px solid #e1e1e0; }

/* box produkty */
.box-produkty { width: 720px; list-style: none !important; height: 100%; overflow: auto; margin: 15px -20px 15px 0 !important; }
.box-produkty li { float: left; width: 157px; height: 119px; margin: 5px 15px 5px 0; padding: 0; overflow: hidden; }
.box-produkty li h3 { font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: uppercase; margin: 0; padding: 0 5px; line-height: 22px; background: #fbfbfc url(/img/box-heading-bg.png) 0 0 repeat-x; border: 1px solid #e1e1e0; }
.box-produkty li h3 a { color: #4da6a8; text-decoration: none; }
.box-produkty li h3 a:hover { text-decoration: underline; }
.nahled-produkty { width: 157px; height: 100px; background-color: #000000; text-align: center; padding: 0px; margin: 0px; }
.box-produkty li .img { background-color: #000000; margin: 0px 0; position: relative; }
.box-produkty li .img img { display: block; border: 0px solid #e1e1e0; }
.box-produkty li .img .new { background-color: #ce291f; color: #fff; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; position: absolute; top: 1px; right: 1px; padding: 2px 8px 1px; }
.box-produkty li .desc { height: 30px; margin: 0; padding: 5px 7px; font-size: 11px; background: #fcfdfd url(/img/box-desc-bg.png) 0 0 repeat-x; border: 1px solid #e1e1e0; }

/* visual */
#visual { position: absolute; top: 0; left: 0; width: 740px; height: 215px; overflow: hidden; }
#visual img { display: block; }
#visual .overlay { position: absolute; top: 0; right: 0; width: 230px; height: 175px; margin: 0; padding: 20px 25px; background: url(/img/visual-overlay.png) 0 0 no-repeat; color: #fff; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; line-height: 1.2; }
#visual .overlay-fr { position: absolute; top: 0; right: 0; width: 238px; height: 175px; margin: 0; padding: 0px 25px; background: url(/img/visual-overlay.png) 0 0 no-repeat; color: #fff; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; line-height: 1.2; }
#visual .overlay .more { position: absolute; top: 170px; right: 25px; }
#visual .overlay-fr .more { position: absolute; top: 170px; right: 25px; }


/******************************

	forms

******************************/
form fieldset { border: none; }
input.input,
textarea,
select { color: #7d7b7a; font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif; border: 1px solid #bbbab9; padding: 1px; background-color: #dededd; }


/******************************

	footer

******************************/
#footer { width: 960px; margin: 0 -20px; padding: 18px 20px 0; background: #dddcdc url(/img/footer-bg.png) 0 0 repeat-x; color: #666; font-size: 11px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
#footer a { color: #666; }
#footer img { float: left; }
#footer p { margin: 0 0 0 150px; line-height: 1.2; }



/* KONTAKTY */

.kontakty-tbl { padding: 0px; margin: 0px; width: 100%; border-collapse: collapse;  }
.kontakty-tbl-tisk { padding: 0px; margin: 0px; width: 100%; border-collapse: collapse;  }
.kontakty-tbl-vany-tisk { padding: 0px; margin: 0px; width: 100%; border-collapse: collapse;  }
.kontakty-tbl-sirka { padding: 0px; margin: 0px; border-collapse: collapse;  }
.kontakty-tbl-sirka td { padding: 5px; margin: 0px; border: 1px solid #FFFFFF; }
.kontakty-tbl-tisk td { padding: 5px; margin: 0px; border-bottom: 1px solid #d5d5d5; }
.kontakty-tbl td { padding: 5px; margin: 0px; border: 1px solid #FFFFFF; }
.kontakty-tbl-nadpis { background-color: #959494; }
.kontakty-tbl-sv { background-color: #ececec; }
.kontakty-tbl-tm { background-color: #e1e1e1; }
body.tisk .kontakty-tbl-sv { background-color: #ffffff; }
body.tisk .kontakty-tbl-tm { background-color: #ffffff; }



/* PODPORA PRODEJE */

.podpora-tbl-sirka { padding: 0px; margin: 0px auto; border-collapse: collapse; }
.podpora-tbl-sirka td { padding: 5px; margin: 0px; border: 1px solid #FFFFFF; }
.podpora-tbl-sirka30 { width: 130px; }
.navody-tbl-sirka { padding: 0px; margin: 0px auto; border-collapse: collapse;  }
.navody-tbl-sirka td { padding: 5px; margin: 0px; }



/* NOVINKY */

.tbl-pismo-novinky { padding: 10px; padding-top: 5px; text-align: left; }
.tbl-pismo-novinky-sl1 { padding: 10px; padding-top: 5px; text-align: left; width: 40%; }
.tbl-pismo-novinky-sl2 { padding: 10px; padding-top: 5px; text-align: left; width: 40%; }
.novinky-nadpis { margin-bottom: 10px; font-weight: bold; }
.tbl-foto-novinky-uvod { padding-bottom: 5px; }
.tbl-foto-novinky { padding-bottom: 10px; }



/* FOTOGALERIE NÁHLEDY */

.fotky { text-align: center; }
.fotky IMG { border: 1px solid #D5D5D5; margin: 3px; padding: 8px; }
.fotka { border: 1px solid #D5D5D5; margin: 3px; padding: 8px; }
.fotka-produkty { border: 1px solid #D5D5D5; margin: 3px; padding: 10px; }
.fotka-vpravo { text-align: right; }
.foto-vlevo { float: left; padding: 20px; }
.foto-vpravo { float: right; padding-left: 15px; }
.foto-stred { text-align: center; padding: 20px; }



/* OSTATNÍ */

ul.seznam li {margin: 4px; list-style-type: square; } 
.pismo { font-family: Arial; font-size: 100%; color: #3e3e3e; }
.pismo-bile { font-family: Arial; font-size: 100%; color: #FFFFFF; }
.pismo-popis { font-size: 80%; padding-top: 5px; }
.text-mezera { width: 100%; border-top: 1px dotted #787878; padding-bottom: 10px; }
.tbl-pismo { padding: 6px; }
.tbl-pismo2 { padding: 6px; font-size: 80%; }
.tbl-stred { text-align: center; }
.tbl-stred-sv { text-align: center; background-color: #ececec; }
.tbl-stred-tm { text-align: center; background-color: #e1e1e1; }
.tbl-pismo-stred { padding: 6px; text-align: center; }
.tbl-pismo-sirka { font-family: Arial; font-size: 100%; color: #3e3e3e; width: 17%; }
.tbl-pismo-vpravo { padding: 6px; text-align: right; }
.tbl-pismo-vpravo-novinka { padding: 6px; text-align: right; background: url(/img/pozadi_novinka.gif); background-repeat: no-repeat; }
.tbl-pismo-vpravo-novinka-en { padding: 6px; text-align: right; background: url(/img/pozadi_novinka_en.gif);  background-repeat: no-repeat; }
.tbl-pismo-vpravo-novinka-de { padding: 6px; text-align: right; background: url(/img/pozadi_novinka_de.gif); background-repeat: no-repeat; }
.tbl-pismo-vpravo-novinka-pl { padding: 6px; text-align: right; background: url(/img/pozadi_novinka_pl.gif); background-repeat: no-repeat; }
.tbl-pismo-vpravo-novinka-it { padding: 6px; text-align: right; background: url(/img/pozadi_novinka_it.gif); background-repeat: no-repeat; }
.tbl-pismo-vpravo-novinka-ru { padding: 6px; text-align: right; background: url(/img/pozadi_novinka_ru.gif); background-repeat: no-repeat; }
.tbl-pismo-vpravo-novinka-fr { padding: 6px; text-align: right; background: url(/img/pozadi_novinka_fr.gif); background-repeat: no-repeat; }
.tbl-vizualizace { padding-left: 20px; }
.tbl-bunka-bila { background-color: #ffffff; }
.systemy-tbl { padding: 0px; margin: 0px; width: 100%; border-collapse: collapse;  }
.tbl-systemy { padding-left: 10px; padding-right: 10px; }
.tbl-systemy-sv { padding-left: 10px; padding-right: 10px; background-color: #ececec; }
.tbl-systemy-tm { padding-left: 10px; padding-right: 10px; background-color: #e1e1e1; }
.tbl-ucinky { padding-left: 10px; padding-right: 30px; }
.tbl-ovladani { padding-right: 10px; }
.tbl-akce { background-color: #808080; }
.tbl-akce td { padding: 10px; }
#zpetne { font-size: 80%; } 
#odkaz-tisk { background-image: url("/images/ikona_tisk.gif"); background-repeat: no-repeat; padding-left: 20px; margin: 0px; font-size: 90%; font-weight: bold; }
#odkaz-tisk-vany { background-image: url("/images/ikona_tisk_vany.gif"); background-repeat: no-repeat; padding-left: 30px; margin: 0px; font-size: 110%; font-weight: bold; height: 18px; }
.zasteny-box-napoveda { float: right; width: 180px; background-image: url("/images/ikona_napoveda.gif"); background-repeat: no-repeat; background-color: #dededd; padding: 8px; padding-left: 30px; margin-left: 15px; }



/* FOTOGALERIE */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }