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


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

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