@media screen{
body{
	margin:0;padding:0;
	background:#F2F0EE url(../img/layout/bg-shadow.png) 50% 258px no-repeat;color:#595959;
	font-size:12px;font-family: sans-serif;line-height:1.5em;
}
 
body#tabulka{
	margin:0;padding:0;	background:#F2F0EE;color:#595959;	font-size:12px;font-family: sans-serif;line-height:1.5em;
}
#tabulka #ctabulka table,table.velikosti{	border: 3px solid #DBD6D2; width: 450px; border-collapse: collapse;}
#tabulka #ctabulka table td, table.velikosti td{ min-width:30px;	text-align: center; border: 1px solid #c8c3bd;}
#tabulka #ctabulka table td.bg, table.velikosti td.bg{ background-color: #dbd6d2;}
#tabulka #ctabulka table tr, table.velikosti tr{	border-bottom: 2px solid #DBD6D2;}
#tabulka #ctabulka table thead tr, table.velikosti thead tr{ font-weight: bold;  background-color: #c8c3bd;	border-bottom: 2px solid #DBD6D2;}

#subpage{background-position:50% 200px;}
#produkt{background-position:50% 200px;}


h1,h2,h3,h4{margin:0;}
h1{padding:0 0 5px;margin:0 0 25px;border-bottom:3px solid #DBD6D2;
	font-size:15px;font-weight:bold;text-transform:uppercase;color:#231F20;}
h1.blue{color:#037ed0;border-bottom:3px solid #A1D4F5;}
h2{margin:0 0 5px;font-size:12px;font-weight:bold;text-transform:uppercase;color:#231F20;}
h2.novinky {padding:0 0 5px;margin:0 0 25px;border-bottom:3px solid #DBD6D2; font-size:15px;font-weight:bold;text-transform:uppercase;color:#231F20;}
h2.blue{color:#037ed0;margin-bottom:0px;}
h3{color:#231F20;margin:25px 0 0 0;text-transform:uppercase;}
div.news h3 {margin-bottom: 5px;}
#index h3 {font-size: 12;}
.in h3 {font-size: 12px; margin: 0px; text-transform:none;color:#595959;}
p{margin:0 0 1em 0;}
a{color:#0087E0;text-decoration:underline;}
a:hover{text-decoration:none;}
img{border:none;}
.small { font-size: 10px; padding: 3px;}
 
#tabulkalink { float: right; margin: 0 15px 0 0; width: 240px;} 
#tabulkalink a { text-decoration: none; color:#595959; float: right }
#tabulkalink a:hover { text-decoration: none; color: #0087E0}
#tabulkalink a img { text-decoration: none; float: right; vertical-align: top; position: relative; top: -5px;   }

.line{border-bottom:3px solid #DBD6D2;}


#container{position:relative;width:1090px;min-height:480px;margin:0 auto;background:url(../img/layout/bg-shadows.png) 50% 80px no-repeat;}
#header{position:relative;width:870px;height:110px;padding:0 110px;background:url(../img/layout/hm-shadow.gif) 0 100% no-repeat;z-index:1000;}
#page{position:relative;width:950px;margin:0 auto;z-index:500;}
#index #movie,
#index #movie span{position:relative;width:950px;height:300px;}
#index #movie div{width:950px;height:300px; overflow: hidden}
#index #movie span{position:absolute;left:0;top:0;background:url(../img/layout/index-top-shadow.png) no-repeat; z-index: 9999}

#subpage #movie,
#subpage #movie span{position:relative;width:950px;height:180px;z-index:500;}
#subpage #movie span{position:absolute;left:0;top:0;background:url(../img/layout/page-top-shadow.png) no-repeat;z-index:500;}
#movie,#movie span{}
 
#content{background:#fff url(../img/layout/content-top.gif) no-repeat;width:870px;padding:30px 40px 0; min-height: 500px;}
#content img{margin: 0 0 3px 0}
#subpage #content{background:#fff url(../img/layout/page-content-top.gif) no-repeat;}
#produkt #content{background:#fff url(../img/layout/produkt-content-top.gif) no-repeat;}
#contentBtm{height:30px;background:url(../img/layout/content-btm.gif) no-repeat;}
 
.lc{width:230px;float:left;}

.lc table#specifikace{ width: 400px;border-collapse: collapse; }
.lc table#specifikace tr{ height: 27px; border-bottom: 1px solid #c8c3bd; }
.lc table#specifikace tr td{ width: 255px; font-weight: normal; }
.lc table#specifikace tr td.first{ width: 145px; font-weight: bold; vertical-align: middle;}


.rc{width:600px;float:right;}

.rc table{ width: 400px;border-collapse: collapse; border: 1px solid #c8c3bd; }
.rc td{ height: 27px; text-indent: 5px; border: 1px solid #c8c3bd; }

.deleni table {border-collapse: collapse;  width: 400px; border: 0px solid #c8c3bd; }
.deleni td{  height: 20px; background: transparent url(../img/layout/bg_deleni_non.gif) repeat-x;  
border: 1px solid #f2f0ee; 
border-top: 0px solid #e3e0dd; 
border-left: 1px solid #f2f0ee;
border-bottom: 0px solid #e3e0dd; }
.deleni tr{  height: 20px; }
.deleni th{  height: 22px; text-align: left;   border: 0px solid #c8c3bd;  }
.darkerbg,.deleni td.darkerbg  { height: 22px; background: transparent url(../img/layout/bg_deleni.gif) repeat-x; 
border-left: 1px solid #f2f0ee; 
border-top: 0px solid #62b2e7; 
border-right: 1px solid #f2f0ee; 
border-bottom: 0px solid #0073bf}


.click  {cursor:pointer;}

#subpage .lc{width:450px;}
#subpage .rc{width:390px; overflow: hidden; padding: 25px 0 0 0}
#subpage .rc img {margin: 0 0 3px 0}

.hidden { display: none}

#seobar{padding:18px 40px 0;background:url(../img/layout/seobar.gif) no-repeat;color:#1B1613;font-size:11px;}
#seobarBtm{height:27px;background:url(../img/layout/seobar-btm.gif) 0 100% no-repeat;}
#seobar a{color:#7B7B7B;text-decoration:none;}
#seobar a:hover{text-decoration:underline;}
#seobar .column{float:left;width:20%;}
#seobar ul{margin:0;padding:0;list-style:none;line-height:1.5em;}

#footer{padding:35px 40px;font-size:10px;background:url(../img/layout/footer.gif) no-repeat;color:#898481;}
#footer img{margin-right:10px;}
#footer a{text-decoration:underline;color:#898481;}
#footer a:hover{text-decoration:none;}

/* LOGO */
#logo,
#logo a,
#logo a span{position:relative;display:block;width:115px;height:80px;overflow:hidden;margin:0;padding:0;}
#logo a span{position:absolute;left:0;top:0;background:url(../img/layout/logo.gif) no-repeat;cursor:pointer;}

/* MOTTO */
#motto{position:absolute;left:250px;top:43px;text-transform:uppercase;color:#231F20;font-style:italic;font-size:12px;border:none;margin:0;padding:0;font-weight:normal;}

/* LANGUAGES */
#languages{position:absolute;bottom:0;right:110px;font-size:10px;color:#231F20;font-weight:bold;z-index:1001;line-height:30px;height:30px;}
#languages a{display:block;float:left;line-height:30px;height:30px;padding:0 3px;color:#8a8a8a;text-decoration:none;}
#languages a.active,#languages a:hover{color:#231F20;}
#languages a.active{background:url(../img/layout/zobacek.gif) 50% 100% no-repeat;}

/* HORIZONTAL MENU */
#hMenu{position:absolute;bottom:0;left:70px;height:30px;margin:0;padding:0;z-index:1000;
	font-size:11px;}
#hMenu ul {width:960px;height:30px;margin:0 0 0 30px;padding:0;list-style:none;}
#hMenu ul li{			position:relative;float:left;white-space:nowrap;_width:1px;margin:0;padding:0;background:none;}
#hMenu ul li.separator{	position:relative;float:left;height:30px;line-height:30px;white-space:nowrap;width: 20px; _width:1px;margin:0;padding:0;background:url(../img/layout/hm-sep.gif) 50% 50% no-repeat;}
#hMenu ul li a{text-align: left; display:block;color:#231F20;height:30px;line-height:30px;padding:0 10px;text-decoration:none;text-transform:uppercase;font-weight:bold;}
#hMenu ul li.first{background:none;}

#hMenu ul li:hover a, #hMenu ul li a:hover, #hMenu ul li a.active 	{background: url(../img/layout/menu_bg_hover.png) repeat-x; color:#fff;text-decoration:none; margin: 0 0px 0 0px; padding: 0 10 0 0px;}

	
#hMenu ul ul{position:absolute;top:30px;width: 200px; padding:0;height: auto; display:none;font-size:12px;left:-30px}
#hMenu ul ul li{display: list-item; background-image:none;padding:0;margin:0; float:none;}

#hMenu ul li:hover ul li a {height: 28px; background-color: #037ed0; background-image: none;width: 170px; display:block;padding:0 10px;margin:0;color:#fff;line-height:28px;border-bottom:1px solid #46a0dd;font-size:12px;font-weight:normal;text-transform:none;}
#hMenu ul li:hover ul li:hover a,	#hMenu ul ul li:hover a,#hMenu ul li ul li a.active {background-color: #00548b}

#hMenu ul li{behavior:url(../hover.htc);}
#hMenu ul li:hover,
#hMenu ul li.Hover{}
#hMenu ul li.Hover ul,
#hMenu ul li:hover ul{display: list-item}


#hMenu ul ul.first{position:absolute;top:30px;width: 945px; padding:0;height: auto;display:none;font-size:12px; left:-30px}
#hMenu ul ul.first li{clear: both; display: list-item; height: 28px; background-color: #d8d6d4; background-image:none;width: 890px; display:block;padding:0;margin:0;color:#4b4242;line-height:28px;border-bottom:1px solid #f2efeb;font-size:12px;font-weight:normal;text-transform:none;
*margin: 0 0 -3px 0}


#hMenu ul li.first ul li a,#hMenu ul li.first ul.first li a { float: left; margin: 0;}
#hMenu ul li.first ul li div.long,#hMenu ul li.first ul.first li div.long { display: inline; float: left;}
#hMenu ul li.first ul li div.long a,#hMenu ul li.first ul.first li div.long a { display: inline; float: none;height:auto;line-height:auto; padding: 0 8px; margin: 0; width: auto;}

#hMenu ul li:hover ul.first li:hover,
#hMenu ul li.first ul li:hover,
#hMenu ul li.first ul li.active {background-color: #777471; color: #fff}
	
#hMenu ul li:hover ul.first li div.long a,#hMenu ul li.first:hover ul.first li div.long a{ width: auto; background-color: transparent; background-image:none; display:inline;color:#4b4242;font-size:12px;font-weight:normal;text-transform:none;border: 0;}

#hMenu ul li:hover ul.first li.first:hover div.long a:hover,
#hMenu ul li:hover ul.first li:hover div.long a:hover,
#hMenu ul ul li:hover div.long a:hover{ background-color: transparent;color: #fff}
#hMenu ul li:hover ul.first li div.long a.active { color: #fff}
#hMenu ul li:hover ul.first li a,#hMenu ul li:hover ul.first li a {background-image: url(../img/layout/menu_arrow.gif);}


/* NEWS */
.news{position:relative;padding:0 38px 20px 0;margin-bottom:20px;background:url(../img/layout/news-sep.gif) right 100% no-repeat;}
.news h3 a{margin:0 0 5px;font-size:12px;font-weight:bold;text-transform:uppercase;color:#231F20;text-decoration: none}
.news h3 a:hover{text-decoration: underline}
.news a.more,.news a.more span{position:absolute;right:0;bottom:20px;display:block;width:13px;height:14px;overflow:hidden;}
.news a.more span{position:absolute;left:0;top:0;background:url(../img/layout/more.gif);cursor:pointer;}

a.back,a.back span{position: relative; display:block;width:13px;height:14px;overflow:hidden;}
a.back span{position:absolute;left:0;top:0;background:url(../img/layout/back.gif);cursor:pointer;}

.morediv { position:relative; width: 100%;}
a.more,a.more span{position:absolute; right: 0; display:block;width:13px;height:14px;overflow:hidden;}
a.more span{position:absolute;left:0;top:0;background:url(../img/layout/more.gif);cursor:pointer;}

a.more2{padding-right:15px;background:url(../img/layout/more.gif) 100% 50% no-repeat;}

.list{width:290px;margin:0;padding:0;list-style:none;}
.list h3{margin:0;}
.list li{padding-left:0px;}
.list li.li01{background:url(../img/layout/li01.gif) no-repeat;}
.list li.li02{background:url(../img/layout/li02.gif) no-repeat;}
.list li.li03{background:url(../img/layout/li03.gif) no-repeat;}
.list li.li04{background:url(../img/layout/li04.gif) no-repeat;}
.list li.li05{background:url(../img/layout/li05.gif) no-repeat;}
.list li.li06{background:url(../img/layout/li06.gif) no-repeat;}

.box{width:290px;margin-top:30px;background:url(../img/layout/box.gif) no-repeat;}
.box .in{min-height:180px; height: 230px; padding:23px 21px;background:url(../img/layout/box-btm.gif) right 100% no-repeat;}
.box ul{margin:0;padding:0;list-style:none;}
.box ul li{padding-left:15px;background:url(../img/layout/bullet-2.gif) 0 6px no-repeat;}

/* SEARCH FORM */
#sForm{position:absolute;right:110px;top:33px;font-size:11px;}
#sForm input{display:block;float:left;padding:0px 0 0 12px;width:118px;height:23px;background:url(../img/layout/search-input.gif) no-repeat;color:#929292;border:none;font-size:11px;
padding:5px 0 0 12px\9;}
#sForm input.submit{padding:0;width:25px;height:25px;background:url(../img/layout/search-submit.gif) no-repeat;border:none;}
#sForm img{vertical-align:bottom;}

/* PRODUCT */
#product{position:relative;}
#product h2{font-size:24px;margin:0 0 5px 0;padding:0;border:none;}
#product div.price{position:absolute;right:0;top:0;font-size:20px;color:#231F20;text-align:right;}
#product div#makecolor{position:absolute;left:0;top:0;font-size:10px;color:#231F20;text-align:right; z-index: 20;}

#prev, #next,
#prev span, #next span{position:relative;display:block;width:27px;height:150px;overflow:hidden;}
#prev span, #next span{position:absolute;left:0;top:0;background:url(../img/layout/sipka-l.gif) no-repeat;cursor:pointer;}
#next span{background:url(../img/layout/sipka-r.gif) no-repeat;}
#prev{position:absolute;left:-40px;top:50%;}
#next{position:absolute;right:-40px;top:50%;}
a:hover#prev span, a:hover#next span{background-position:-27px 0;}

.zalozka{width:850px;min-height:200px;overflow:auto;padding:20px 10px;background:#F2F0EE;border-bottom:1px solid #E7E3E0;}
.zalozka .lc{width:400px;float:left;}
.zalozka .rc{width:400px;float:right;}
#zalozky{list-style:none;margin:0;margin-top:1em;padding:0;height:30px;}
#zalozky li{float:left;margin:0;}
#zalozky li a{display:block;text-align:center;height:30px;line-height:30px;padding:0 20px;text-decoration:none;color:#231F20;text-transform:uppercase;font-weight:bold;
	border-right:1px dotted #C2BEBA;}
#zalozky li a.active,
#zalozky li a:hover{text-decoration:none;background:url(../img/layout/bg-zalozka.gif);}


div.gallery { width: 100%; margin-top: 20px; }
div.gallery ul {	margin: 0; padding: 0;	list-style-type: none }
div.gallery ul li {	float: left;	 }
div.gallery ul li div.imageBox { margin: 4px; font-size: 10px;  width: 200px; text-align: left; vertical-align: middle; }
div.gallery ul li div.imageBox div.imgframe {padding: 0px; vertical-align: middle; }
div.gallery ul li div.imageBox div.imgframe img {padding: 1px; vertical-align: middle; border: 1px solid #dad7d2;}
div.gallery ul li div.imageBox a { color: #7b8ba1; text-decoration: none; padding: 0; margin: 0}
div.gallery ul li div.imageBox a:hover { color: #7b8ba1; text-decoration: none; }
div.gallery .clear { clear: both}


div.productbarvy { width: 100%; margin-top: 0px; }
div.productbarvy ul {	margin: 0; padding: 0;	list-style-type: none }
div.productbarvy ul li {	float: left;	 }
div.productbarvy ul li div.imageBox { margin: 3.5px; font-size: 9px;  width: 63px; text-align: left; vertical-align: top; }
div.productbarvy ul li div.imageBox div.imgframe {padding: 1px; width: 63px; height: 63px; border: 1px solid #dad7d2; }
div.productbarvy ul li div.imageBox a { color: #7b8ba1; text-decoration: none; }
div.productbarvy ul li div.imageBox a:hover { color: #7b8ba1; text-decoration: none; }
div.productbarvy .clear { clear: both}


.aboxdiv {display: none; position: absolute; background: transparent; left: 410px; margin: -33px 0 0 0; width: 379px;  }

.aboxdiv div.a { background:url(../img/layout/box-konf.png) no-repeat; min-height: 200px; }
.aboxdiv div.a div { width: 340px; margin: 0 0 0 20px; }
.aboxdiv div.a div h2 {padding: 5px 0 0 0; margin: 0; border: 0px; text-align: center; font-size: 15px; font-weight: bold; color: #fff; height: 40px ; line-height: 38px; text-transform: uppercase  }
.aboxdiv div.a div .bl {color: #231f20; font-weight: bold; font-size: 12px}
.aboxdiv div.a div .anazev {color: #237cc1; font-weight: bold; font-size: 14px}
.aboxdiv div.a div .apopis {color: #595959; font-size: 12px}
.aboxdiv div.a div .aacena {width: 120px; border: 1px solid #237cc1; height: 33px; margin: 0px; font-weight: bold; text-align: center; line-height: 33px; font-size: 23px; color: #237cc1;}
.aboxdiv input.change {width: 75px; height: 35px}
.aboxdiv a.close {display: block; width: 12px; height: 12px; background: url(../img/layout/close.gif) no-repeat; position: absolute; top: 13px; right: 13px}
.aboxdiv a.close:hover {filter: alpha(opacity=70); -moz-opacity:0.7; opacity: 0.7;}

.aboxdiv table.konf {border-collapse: collapse; border: 0px; width:}
.aboxdiv table.konf tr {border: 0px; border-bottom: 0px }
.aboxdiv table.konf td {border: 0px; width: 235px; }


.aboxdiv div.b { background:url(../img/layout/box-konf.png) no-repeat 0 -326px; height: 15px; }

.abox { background:url(../img/layout/plus.png) no-repeat 0 -18px; width: 20px; height: 19px; padding: 0; margin: 0;display:inline-block; cursor: pointer}
.abox:hover, .abox.active {background-position: 0 0px;}



/* Classes */
.cls{clear:both;}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.ir{margin:0 0 3px 10px;border:3px solid #ACD146;}
.il{margin:0 10px 3px 0;border:3px solid #ACD146;}
.tal{text-align:left;}
.tar{text-align:right;}
.tac{text-align:center;}
.odd{background:#C7CCCC;}
}
@media print {
body{background:#fff;color:#000;
font-size:12px;font-family: sans-serif;line-height:1.5em;}
#hMenu,
#languages,
#sForm,
#movie,
#movie span,
#seobar{display:none;}	

h2{padding:0 0 5px;margin:0 0 25px;border-bottom:3px solid #DBD6D2;
	font-size:15px;font-weight:bold;text-transform:uppercase;color:#231F20;}
h2.blue{color:#0087E0;border-bottom:3px solid #A1D4F5;}
h3{margin:0 0 5px;font-size:12px;font-weight:bold;text-transform:uppercase;color:#231F20;}
h3.blue{color:#0087E0;}
h4{color:#231F20;margin-bottom:15px;text-transform:uppercase;}
p{margin:0 0 1em 0;}
a{color:#0087E0;text-decoration:underline;}
a:hover{text-decoration:none;}
img{border:none;}
}