/* zakladni prvky */
html, body, form, fieldset, label, legend, object { margin: 0; padding: 0; border: 0; font-size: 100% }
html, body.body { height: 100% }

body { font: 67%/1.4 Tahoma, "Lucida Grande CE", lucida, sans-serif }

body.body { text-align: center; color: #494949; background: #fbfbfb url(img/sys/bg_body.jpg) repeat-x 0 0 }
body.owin img { border-color: #cccccc }
h1, h2, h3, h4, h5, h6 { color: #b92c1f; font-weight: normal; padding: 0; line-height: normal; text-transform: uppercase }
h1 { font-size: 190%; clear: both; margin: 0.2em 0 0.5em 0 }
h2 { font-size: 140%; margin: 1.1em 0 0.5em 0 }
h3 { font-size: 130%; margin: 2.1em 0 0.5em 0 }
h4 { font-size: 110%; margin: 1.1em 0 0.5em 0 }
input, select, textarea { vertical-align: middle; font: 100% Tahoma, "Lucida Grande CE", lucida, sans-serif }
a { color: #b92c1f }
a:link { color: #b92c1f }
a:hover { color: #93a0a8; text-decoration: none }
p { margin: 1em 0 1.5em 0 }
table { border-collapse: collapse }
caption { padding-bottom: 0.1em; font-weight: bold; text-align: left }
ul, ol { margin-top: 1em; margin-bottom: 1.2em }
hr { height: 0; border: none; border-bottom: 1px solid #d7d7d7 }
img { border: 0 }
small { font-size: 90% }
/* /zakladni prvky */

/* zakladni tridy */
.tal { text-align: left }
.tac { text-align: center }
.tar { text-align: right }
.taj { text-align: justify }
.vat { vertical-align: top }
.vam { vertical-align: middle }
.tac table { text-align: left; margin-left: auto; margin-right: auto }
.fl { float: left }
.fr { float: right }
.fli { float: left; margin: 0 1.3em 1em 0 }
.fri { float: right; margin: 0 0 1em 1.3em }
.clean { color: #000000; text-decoration: none }
.clear { clear: both; height: 0; font-size: 1px }
.cistic { clear: both }
.cleaner { width: 100%; overflow: hidden }
.invisible, .no-css { display: none }
.no-border { border: none !important }
.required { background: #ffffff url(img/sys/required.gif) no-repeat right top }
.alert, .alert a, .error, .error a, .warning, .warning a { color: #ff0000; font-weight: bold }
.ok, .info { color: #6495ed; font-weight: bold }
.ll { list-style-type: lower-alpha }
.bg0 { background-color: #f4f4f4 }
.border { border: 1px solid #aaaaaa; padding: 3px }
.button { }
.img-button { border: none !important; margin: 0 !important; background: none !important }
.small { font-size: 90% }
.overflow { padding: 1px; overflow: auto; overflow-y: hidden; width: 99% }
/* /zakladni tridy */

/* layout - zaklad */
#main {
    width: 952px;
    height: 100%;
    margin: 0 auto;
    text-align: left;
    position: relative;
    background: #ffffff url(img/sys/bg_main.gif) repeat-y 0 0
}
html>body #main { min-height: 100%; height: auto }

#header { position: absolute; left: 0; top: 0; width: 952px }
#header-in {
    height: 349px;
    position: relative;
    background: #fff url(img/sys/bg_header.gif) no-repeat 0 111px
}

.en #header-in { background-image:url(img/sys/bg_header-en.gif)}
.de #header-in { background-image:url(img/sys/bg_header-de.gif)}
.ru #header-in { background-image:url(img/sys/bg_header-ru.gif)}
.hu #header-in { background-image:url(img/sys/bg_header-hu.gif)}
.pl #header-in { background-image:url(img/sys/bg_header-pl.gif)}
.ro #header-in { background-image:url(img/sys/bg_header-ro.gif)}
.bg #header-in { background-image:url(img/sys/bg_header-bg.gif)}


#content {
    float: right;
    width: 680px;
    overflow: hidden
}
#content-in { padding: 375px 50px 60px 15px }

#panel {
    float: left;
    width: 272px
}
#panel-in { padding: 350px 1px 60px 1px }

#footer {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 952px;
    background-color: #ecedec
}
#footer-in { height: 30px; padding: 0 35px }
/* /layout - zaklad */

/* layout - special */
#main.home { background: #ffffff url(img/sys/bg_main_home.gif) repeat-y 0 0 }
#main.home #content { float: left; width: 679px }
#main.home #content-in { padding: 380px 35px 60px 35px }
#main.home #panel { float: right; width: 273px }
#main.home #panel-in { padding: 370px 35px 60px 35px }

#logo, #logo span { display: block; position: relative; left: 49px; top: 39px; width: 191px; height: 32px; overflow: hidden; text-decoration: none; cursor: pointer }
#logo span { position: absolute; left: 0; top: 0; background: transparent url(img/sys/bg_logo.gif) no-repeat 0 0 }

#menu { position: absolute; left: 0; top: 318px; width: 100%; height: 31px; background: #95a1aa url(img/sys/bg_menu.gif) repeat-x 0 0 }
#menu ul { margin: 0; padding: 0; list-style: none }
#menu li { float: left; width: 136px; text-align: center }
#menu li a { color: #fff; font-size: 110%; font-weight: bold; display: block; height: 31px; line-height: 30px; text-decoration: none; background: transparent url(img/sys/bg_menu_a.gif) repeat-x 0 -31px }
#menu a:hover, #menu a:focus { background-color: #d42500; background-position: 0 0 }

#submenu {  }
#submenu ul { margin: 0; padding: 0; list-style: none }
#submenu li { border-top: 1px solid #fff; border-bottom: 1px solid #d0d0d0; border-left: 1px solid #fff }
#submenu li li { border-left:none; border-right:none;}
#submenu a { color: #000; display: block; width: 239px; padding: 2px 0 4px 30px; background: #efefef url(img/sys/bullet.gif) no-repeat 14px 6px; text-decoration: none }
#submenu li li, #submenu span {border-bottom: 1px solid #d0d0d0; }
#submenu li li a { color: #000; display: block; width: 204px; padding: 2px 5px 4px 60px; background: #efefef url(img/sys/bullet.gif) no-repeat 44px 6px; text-decoration: none }
#submenu a:hover, #submenu .active { color: #000; background-color: #cecece }
#submenu span { color: #000; display: block; width: 239px; padding: 2px 0 4px 30px; background: #efefef url(img/sys/bullet.gif) no-repeat 14px 6px; text-decoration: none }



/* #submenu ul li.skupina { color: #000; display: block; width: 239px; padding: 2px 0 4px 30px; background: #efefef url(img/sys/bullet.gif) no-repeat 14px 6px; text-decoration: none }
#submenu ul li.skupina ul li a{ width: 208px; padding: 0 0 0 -30px;}
#submenu ul li.skupina ul li {  } */

#top-links { position: absolute; right: 30px; top: 15px; text-align: right }
#top-links a { font-size: 90%; margin: 0 0 0 15px; text-decoration: none; text-transform: uppercase }

#searchbox { font-weight: normal; border: 1px solid #cccccc; width: 150px }
#searchform { position: absolute; top: 48px; right: 30px; text-align: right; width: 200px; background: transparent url(img/sys/bg_searchform.gif) no-repeat 8px 0 }
#searchword { width: 120px; padding: 3px 2px; border: 1px solid #76888e; background: #fdfdfd url(img/sys/bg_searchword.gif) repeat-x 0 0 }
.button-vyhledat { color: #fff; font-weight: bold; font-size: 10px; border: none; margin: 0; width: 42px; height: 21px; background: url(img/sys/button-vyhledat.gif) no-repeat 0 0; cursor: pointer }

#navbox { width: 100%; overflow: hidden }
#cesta { float: left; font-size: 90%; margin: 5px 0; color: #888888 }
#navigace { float: right; margin: 3px 3px 0 0; font-size: 90% }

#copyright { margin: 0; padding: 7px 0 0 0 }
#copyright span { float: right }
#copyright a { color: #494949 }
/* /layout - special */

/* ostatni tridy pro web */
#panel h3 { font-size: 140% }

#novinky { margin: 1.5em 0 1em 0 }
#novinky.box h3 a { text-decoration: none; }
.news { margin: 1.5em 0 1em 0 }
.news h4, .news h4 a { font-size: 100%; text-transform: none; color: #494949; font-weight: bold; text-decoration: none; margin-bottom: 2px;}
.news h4 a { text-decoration: underline; }
.news p { margin: 0 }

#rozcestnik { width: 100%; overflow: hidden }
.sekce { width: 290px }
.sekce h2 { margin: 0; padding: 15px 0; background-color: #b92c1f; text-align: center }
.sekce h2 a { color: #fff; text-decoration: none; text-transform: uppercase }
.sekce h2 a:hover { color: #fff; text-decoration: underline }
.sekce p { color: #606060 }

#content table { border-color: #000000 }
#content table thead td, #content table thead th { background-color: #eeeeee }
#content table tfoot td, #content table tfoot th { background-color: #9fd5f1 }
#content table td, #content table th { padding: 1px 3px }
#content-in table.small td, #content-in table.small th, td.small { font-size: 90% }
/* /ostatni tridy pro web */

/* vyhledavani */
#searchhead { margin: 2em 0 0 0 }
#searchresults {}
.searchitem { margin: 0 0 1em 0 }
/* /vyhledavani */

/* novinky */
#content .news h4 { font-size: 120%; margin-top: 0.1em }
.nw_title { display: block; font-weight: bold }
.nw_title a { color: #162983 }
.nw_title a:hover { color: #162983 }
.nw_column { margin: 3px 0 0 0 }
.vyrazne { font-weight: bold }
.nw_datum { float: right; font-size: 90%; color: #697277 }
.nw_anotace { font-size: 90% }
.rubrika_title { background: #eeeeee }
/* /novinky */

/* download */
.dwn { margin: 3px 0; font-weight: bold }
.dwn_footer { margin: 30px 0 0 0; padding: 3px 0 0 0; border-top: 1px solid #cccccc }
.dwn_ico_doc, .dwn_ico_file, .dwn_ico_gif, .dwn_ico_html, .dwn_ico_jpg, .dwn_ico_pdf, .dwn_ico_ppt, .dwn_ico_pps, .dwn_ico_xls, .dwn_ico_txt, .dwn_ico_zip 
{ margin: 0 0 3px 0; padding: 0 0 0 20px }
.dwn_ico_doc { background: url(cms/img/ico/doc.gif) no-repeat top left }
.dwn_ico_file { background: url(cms/img/ico/file.gif) no-repeat top left }
.dwn_ico_gif { background: url(cms/img/ico/gif.gif) no-repeat top left }
.dwn_ico_html { background: url(cms/img/ico/html.gif) no-repeat top left }
.dwn_ico_jpg { background: url(cms/img/ico/jpg.gif) no-repeat top left }
.dwn_ico_pdf { background: url(cms/img/ico/pdf.gif) no-repeat top left }
.dwn_ico_pps { background: url(cms/img/ico/pps.gif) no-repeat top left }
.dwn_ico_ppt { background: url(cms/img/ico/ppt.gif) no-repeat top left }
.dwn_ico_rtf { background: url(cms/img/ico/rtf.gif) no-repeat top left }
.dwn_ico_txt { background: url(cms/img/ico/txt.gif) no-repeat top left }
.dwn_ico_xls { background: url(cms/img/ico/xls.gif) no-repeat top left }
.dwn_ico_zip { background: url(cms/img/ico/zip.gif) no-repeat top left }
/* /download */

/* fotogalerie */
#tn_root {}
#tn_root .tn { float: left; margin: 0 0 5px 5px }
#tn_root br { display: none;}
#tn_root div.tn_pager { clear: left; padding: 10px 0; text-align: right }
#tn_root div.tn_pager span.selected { font-weight: bold }
#content table.tn_table td { vertical-align: top; padding: 5px }
/* /fotogalerie */

/* prilohy */
#page-attachment { margin: 0 0 1.5em 0 }
#page-attachment .thumb { float: left; margin: 2px 5px 2px 2px }
#page-attachment .thumb img { border: 1px solid #cccccc }
/* /prilohy */

/* formulare */
#form-status { padding: 5px; border: 1px solid #ff3300; background: #eeeeee; }
/* /formulare */

/* uzivatelsky definovane styly - pokud uzivatel pridava styly, necht je pise pod tento radek */

/* dejkvuerujiviny */
#slideshow { width: 680px; height: 207px; overflow: hidden; position: absolute; left: 272px; top: 111px; background: transparent url(img/sys/slideshow.jpg) no-repeat 0 0 }
#slideshow div.outer { position:absolute; top:0; left:0; z-index:8; opacity:0.0;}
#slideshow div.inner { position:relative;}
#slideshow h5 { display:none; position:absolute; left: 0; top: 80px; width: 650px; font-size:40px; color:#D8D3CD; text-align:center; font-weight:bold; text-transform:none; margin:0;}
#slideshow div.active { z-index:10; opacity:1.0;}
#slideshow div.last-active { z-index:9;}

#slideshow-in {overflow: hidden; position: relative; width:500px; background-color: #FFF; display:block; height:25px; }
#slideshow-in h2 { margin:0; position:absolute; left:-550px;}

#zalozka { display:block; position:absolute; left:916px; top:111px; width:35px; height:207px; overflow:hidden; text-indent:-9999px; background: url(img/sys/btn_koupelnove-studio.png) 0 0 no-repeat; z-index:50;}

.koupelnove-studio { cursor:pointer;}

.en #zalozka { background-image:url(img/sys/btn_koupelnove-studio-en.png)}
.de #zalozka { background-image:url(img/sys/btn_koupelnove-studio-de.png)}
.ru #zalozka { background-image:url(img/sys/btn_koupelnove-studio-ru.png)}
.hu #zalozka { background-image:url(img/sys/btn_koupelnove-studio-hu.png)}
.pl #zalozka { background-image:url(img/sys/btn_koupelnove-studio-pl.png)}
.ro #zalozka { background-image:url(img/sys/btn_koupelnove-studio-ro.png)}
.bg #zalozka { background-image:url(img/sys/btn_koupelnove-studio-bg.png)}



#flash-box { background-color:#FFF; display:block; position:absolute; top:111px; width:952px; margin:0 auto; z-index:80}

#mask { position:absolute; left:0; top:0; z-index:60; background-color:#000;}
/* /dejkvuerujiviny */

/* prodakts */


address{
	font-style: normal;
	margin: 1.2em 0;
}

ul.list li{
	margin-bottom: .8em;
}

table.c_table{
	margin: 1.5em 0;
}

table.c_table td, table.c_table th{
	border: solid 1px #D6D6D6;
	padding: .2em .5em;
}

table.c_table th {
	background: #d6d6d6;
	font-weight: bold;
	color: #000;
}

.c_typ_param{
	float: left;
	width: 80px;
	margin-top: 1.3em;
	text-align: center;
	background-position: center top;
	background-repeat: no-repeat;
}

.ico_baleni{
	width: 64px;
	margin-right: 18px;
}

.produkt{
	margin: 1em 0;
}

.produkt h2, .produkt img.content_img{
	margin-top: 0;
}

ul.produkty {
list-style-type: none;
margin: 0;
padding: 3px 0 35px 6px;
}

ul.produkty li a {
text-decoration: none;
color: #000;
border-bottom: 1px solid #000;
display: block;
width: 177px;
padding-bottom: 2px;
}

ul.produkty li a:hover {
background-color: #cecece; 
color: #000;

}

#content-in div {
margin-bottom: 10px;
}

/* /prodakts */

/* ostatni */

.content_img, .content_img_save{
	border: solid 3px #D6D6D6;
	margin: .5em;
}
.content_img_save {
	margin-left: .1em;
	margin-right: .1em;
}
.content_img.fl{
	margin-right: 1.5em;
	margin-left: 0;
}

#address .nadpis {
	font-size: 130%; margin: 2.1em 0 0.5em 0; color: #b92c1f; font-weight: normal; padding: 0; line-height: normal; text-transform: uppercase
}

/* /ostatni */
#tlacitkator {display:block; height: 610px; margin:0 auto; background: #FFF url(img/sys/bg_tlacitkator.jpg) 0 0 no-repeat; z-index:100; position:absolute; top:110px;}
#tlacitkator-in { position:relative; display:block; width: 952px; height: 610px;}

#tlacitkator #buttons, #tlacitkator #backgrounds, #tlacitkator #logo, #tlacitkator #mixer, #tlacitkator #text, #tlacitkator #maska, #tlacitkator #filter, #notes { position:absolute; display:block; padding:0; margin:0;}
#tlacitkator #buttons-in, #tlacitkator #backgrounds-in {overflow:hidden; position:relative; display:block; float:left;}

#tlacitkator #maska { width:405px; height:415px; top:195px; left: 473px; z-index:60}

#tlacitkator .data { position:absolute; top:0; left:0;}
/* #backgrounds .data { height:1680px} /* 4 x 140px */
/* #buttons .data { width:1680px} /* 7 x 140px*/

#tlacitkator #backgrounds, #tlacitkator #buttons { background-color:#212121}

#tlacitkator .plus, #tlacitkator .minus {display:block; float:left;}
#tlacitkator #backgrounds .minus { top:0; left:0; height:30px; width:140px; background:url(img/_/main/tlacitkator/backgrounds-minus.gif) 7px 0px no-repeat}
#tlacitkator #backgrounds .plus { top:330px; left:0; height:30px; width:140px; background:url(img/_/main/tlacitkator/backgrounds-plus.gif) 7px 8px no-repeat }
#tlacitkator #backgrounds .plus:hover { background-position:7px -22px}
#tlacitkator #backgrounds .minus:hover { background-position: 7px -30px}

#tlacitkator #buttons .minus { top:0; left:0; height:140px; width:30px; background:url(img/_/main/tlacitkator/buttons-minus.gif) -1px 8px no-repeat }
#tlacitkator #buttons .plus{ left:660px; top:0; height:140px; width:30px; background:url(img/_/main/tlacitkator/buttons-plus.gif) 8px 8px no-repeat }

#tlacitkator #buttons .plus:hover { background-position: -22px 8px}
#tlacitkator #buttons .minus:hover { background-position: -31px 8px}

#tlacitkator #buttons-in, #tlacitkator #backgrounds-in  { float:left;}
#tlacitkator #buttons-in {  width: 640px; height:140px;}		/* #buttons : 700px -2x20px*/
#tlacitkator #backgrounds-in { height:290px; width:140px;} 	/* #backgrounds : 350 - 2x20px */

#tlacitkator #buttons-in a, #tlacitkator #backgrounds-in a { border:10px solid transparent; display:block;}
#tlacitkator #buttons-in a.selected, #tlacitkator #backgrounds-in a.selected { border-color: #ba2c1f;} 
#tlacitkator #buttons-in a:hover, #tlacitkator #backgrounds-in a:hover { border:10px solid #ba2c1f;}
#tlacitkator #buttons-in a span, #tlacitkator #backgrounds-in a span {display:block; width:120px; height:120px; overflow:hidden;}


#tlacitkator #buttons {  width: 700px; height:140px; top:46px; left:212px;}
#tlacitkator #buttons-in {}
#tlacitkator #buttons-in a{ float:left;}
#tlacitkator #buttons-in a span {}

#tlacitkator #backgrounds { width:140px; height:350px; top:222px; left:36px;}
#tlacitkator #backgrounds-in {}
#tlacitkator #backgrounds-in a {float:left;}

#tlacitkator #logo {width: 140px; height:140px; left: 36px; top:46px;}

#tlacitkator #mixer { position:absolute; width:350px; height:350px; top:225px; left:500px; z-index:40; overflow:hidden;}
#tlacitkator #mixer-in { position:relative;}
#tlacitkator #img-button, #tlacitkator #img-background { position:absolute; display:block;}
#tlacitkator #img-button { z-index:100; left:40px; top:40px;}
#tlacitkator #img-background { z-index:60; left:0;}

#tlacitkator #text { width:200px; height:40px; top: 225px; left: 270px; color:#FFF; text-align:right; z-index:70; font-size:12px;}
#tlacitkator #text a{ color:#FFF;}

#tlacitkator #notes { top:470px; left:210px; z-index:50; text-align:left; font-size:16px; color:#FFF;}

#tlacitkator #filter { left:300px; top:20px; z-index:99}
#tlacitkator #filter a{ color:#FFF; cursor:pointer; font-size:12px; font-weight:bold; padding:0 10px; display:block; float:left; }
#tlacitkator #filter a.selected{ background-color:#BA2C1F}