@charset "utf-8";
/* CSS Document */
body{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; background-color:White; background-image:url(images/page.png); background-repeat:no-repeat; background-position:left top;}
img{border:none;}
*{padding:0px; margin:0px;}
.clear {clear:both;}

/*main wrapper*/
div#wrapper {width:940px; margin:0 auto;}

/*header*/
div#wrapper div#ctl00_header {width:940px; height:137px; display:block; background-image:url(images/bgr_head.png); background-repeat:no-repeat;}
div#ctl00_header div.lang {display:block; position:relative; float:right; margin:65px 117px 0 0; color:Silver; font-size:12px; text-transform:uppercase;}
div#ctl00_header div.lang a {color:Silver; text-decoration:none;}
div#ctl00_header div.lang a:hover {color:Gray;}
div#wrapper div#flash {widows:940px; height:329px; display:block; background-image:url(images/flash-fake.jpg); background-repeat:no-repeat; z-index:-1;}

/*menu*/
div#wrapper div#menu {float:left; color:#818386; display:inline-block; width:215px; padding:25px 0 0 5px;}
div#wrapper div#menu ul.menu li {list-style-type:none; padding:0 0 15px 0; font-family:Tahoma; text-transform:uppercase;}
div#wrapper div#menu ul.menu li a {text-decoration:none; color:#818386; font-weight:500;}
div#wrapper div#menu ul.menu li a:hover {color:#000000;}
div#wrapper div#menu ul.menu li a.katalog {text-decoration:none; color:#818386; font-weight:500; background-image:url(images/ico_arrow.png); background-repeat:no-repeat; padding-left:15px; background-position:bottom left; text-decoration:none;}
div#wrapper div#menu ul.menu li a.katalogSelected {text-decoration:none; color:#818386; font-weight:800; background-image:url(images/ico_arrowdwn.png); background-repeat:no-repeat; padding-left:15px; background-position:bottom left; text-decoration:none;}
div#wrapper div#menu ul.menu li .input, div#wrapper div#menu ul.menu li .input-wat {height:18px; width:130px; padding:3px 0 3px 5px; background-image:url(images/input_search.jpg); display:inline-block; background-repeat:no-repeat; border:0px solid White;}
div#wrapper div#menu ul.menu li .input-wat {color:Silver;}
div#wrapper div#menu ul.menu li .checkbox {font-size:10px; color:#818386; text-transform:none; margin:5px 5px 15px 5px; line-height:15px;}

/*menu ul*/
 

/*content*/
div#wrapper div#conntent {float:right; width:655px; margin:0 65px 0 0;}
div#conntent div.lcolumm {width:325px; float:left; display:inline-block;}
div#conntent div.rcolumm {width:330px; float:right; display:inline-block;}

/*left columm*/
div.lcolumm div.main, div.lcolumm div.sub  {background-color:#EAEBEC; width:100%;}
div.lcolumm div.main img.pict, div.lcolumm div.sub img.pict {float:right; margin:0;}
div.lcolumm div.main h2, div.lcolumm div.sub h2 {font-family:Tahoma; color:#818386; font-size:20px; font-weight:normal; margin:0px; padding:13px 0 0px 20px;}
div.lcolumm div.main h3, div.lcolumm div.sub h3 {font-family:Tahoma; color:Black; font-size:12px; font-weight:bold; margin:0px; padding:13px 0 13px 20px;}
div.lcolumm div.main p, div.lcolumm div.sub p {color:#505153; width:220px; font-size:11px; line-height:14px; margin:0 15px 0px 15px;}
div.lcolumm div.main p a, div.lcolumm div.sub p a {color:#1a1818; text-decoration:none; font-size:10px; margin:10px 0 0 0; font-weight:bold;}
div.lcolumm div.main p a:hover, div.lcolumm div.sub p a:hover {color:#818386;}

div.lcolumm div.sub {background-color:White; background-image:url(images/bgr_left-columm.png); background-position:top left; background-repeat:no-repeat;}
div.lcolumm div.sub p {padding-top:57px;}

/*right columm*/
div#conntent div.rcolumm {background-image:url(images/bgr_right-columm.png); background-position:top; background-repeat:no-repeat; background-color:#E7E9EA;}
div.rcolumm h2 {font-family:Tahoma; color:#fffefe; font-size:20px; font-weight:normal; margin:0px; padding:13px 0 0px 20px;}
div.rcolumm div.news {width:285px; margin:0 0 0 25px; padding:15px 0 15px 0; color:#505153; font-size:11px; line-height:14px; display:block;}
div.rcolumm div.news h3.name, h3.name-news {font-size:13px; line-height:20px; color:black; font-weight:normal; padding:0 0 0px 10px; margin:0px; font-weight:bold; display:inline;} 
div.rcolumm div.news h3.date, h3.date-news  {font-size:13px; line-height:20px; color:#818386; font-weight:normal; padding:0 0 0px 10px; margin:0px; display:inline; font-weight:bold;}
div.rcolumm div.news div.fotobox {float:left; padding:0ppx 5px 0 0;}
div.rcolumm div.news a {color:#1a1818; text-decoration:none; float:right; font-size:10px; margin:10px 0 0 0; font-weight:bold;}
div.rcolumm div.news a:hover {color:#818386;}
div.rcolumm div.archive {width:100%; background-color:White;}
div.rcolumm div.archive a.archive {padding:5px; width:45px; color:#777777; display:block; background-color:#E7E9EA; background-image:url(images/ico_archive.jpg); background-repeat:no-repeat; background-position:right; padding-right:40px; paddin-left:20px; text-transform:uppercase; text-decoration:none; font-weight:bold; margin-left:200px;}
div.rcolumm div.archive a.archive:hover {color:black;}

/*content subpage1 {produkty}*/
div#conntent div#subpage1 {width:100%; margin-top:15px; position:relative;}
div#subpage1 h1 {width:645px; height:35px; display:block; line-height:35px; padding:0 0 0 10px; margin:0 0 30px 0; font-family:Tahoma; font-size:18px; font-weight:normal; background-color:Black; color:White;}
div#subpage1 div.box {width:100%; padding:15px 0 15px 0; border-bottom: solid 10px #E0E0E0 }
div#subpage1 div.box div.imgslide {margin:0 10px 0 10px; float:left; display:inline-block;}
div#subpage1 div.box img.main {margin:0 10px 0 10px; float:left; border:1px solid #E0E0E0; display:inline-block;}
div#subpage1 div.box h2.main {margin:0px; padding:10px; font-family:Verdana; font-size:13px; color:black; font-weight:bold;}
div#subpage1 div.box div.btnline {position:relative; height:20px; bottom:-105px;}
div#subpage1 img.h1line {margin:0 0 30px 0px; display:block;}
div#subpage1 div.fotobox {width:100%; padding:15px 0 15px 0; border-bottom: solid 10px #E0E0E0 }
div#subpage1 div.fotobox h2.main {margin:0px; padding:10px; font-family:Verdana; font-size:13px; color:black; font-weight:bold;}
div#subpage1 div.fotobox img.main {margin:10px; border:1px solid #5F5F5F;}

/*sluzby*/
ul.sluzby {margin:0 0 0 30px;}
ul.sluzby li {list-style-type:circle; padding:5px 0 5px 0; color:Gray; font-size:11px;}
ul.sluzby li a {color:Gray; text-decoration:none;}
ul.sluzby li a:hover {color:Black;}

/*o nas-designeri */
div#subpage1 div.designers_box {width:650px;}
div#subpage1 div.designers_box h1 {width:610px; height:45px; display:block; line-height:45px; padding:0 0 0 40px; margin:0px; font-family:Tahoma; font-size:16px; font-weight:normal; background-color:#A9ABAE; color:Black;}
div#subpage1 div.designers_box table {width:650px; display:block; border-collapse:collapse; margin:0px; padding:0px;}
div#subpage1 div.designers_box table tr.fotos td {padding:0px; height:123px;}
div#subpage1 div.designers_box table tr.designers td {padding:10px; text-align:center; color:Black; font-size:11px; letter-spacing:-1px;}
                                            

/*jobs*/
div#subpage1 div.box p.jobs {color:Gray; font-size:12px; margin:0 0 30px 30px;}
div#subpage1 div.box p.jobs a {color:gray; text-decoration:none;}
div#subpage1 div.box p.jobs a:hover{color:black;}

/*navody*/
ul.navody {margin:0 0 0 60px;}
ul.navody li {list-style-type:decimal; padding:8px 0 8px 0; color:Gray; font-size:11px;}
ul.navody li a {color:Gray; text-decoration:none;}
ul.navody li a:hover {color:Black;}
ul.navody li a.cs, ul.navody li a.en, ul.navody li a.de {background-image:url(images/bgr_cs.png); background-repeat:no-repeat; border:1px solid white; width:17px; height:12px; color:White; cursor:pointer; text-align:center; display:inline-block; margin:0 5px 0 5px;}
ul.navody li a.en {background-image:url(images/bgr_en.png)}
ul.navody li a.de {background-image:url(images/bgr_de.png)}
ul.navody li a.cs:hover, ul.navody li a.en:hover, ul.navody li a.de:hover {border:1px solid Gray;}

/*kontakt*/
table.kontakt {margin:0 0 0 30px; width:600px; border-collapse:collapse;}
table.kontakt tr td {padding:10px 0 10px 0; font-size:11px; color:Gray;}
table.kontakt p.nadpis {text-transform:uppercase; font-weight:bold;}
table.kontakt a {text-decoration:underline; color:Gray;}
table.kontakt a:hover {text-decoration:none;}

/*kontaktni formular*/
table.kontaktform {margin:5px 0 0 5px; width:650px; border-collapse:collapse;}
table.kontaktform tr td {padding:3px 0 3px 0; font-size:11px; color:Gray;}
table.kontaktform .checkbox {padding:0 5px 0 0;}
.input-wat-form {color:Silver;}
.input-dropdown {color:Gray;}
.btn_kontaktform {position:relative; top:-35px; left:450px; color:White; font-size:11px;}
.btn_kontaktform:hover {text-decoration:none}

/*distribuce jinych svitidel*/
div#subpage1 div.company {width:100%; padding:40px 0 15px 0;}
div#subpage1 div.company h2.main {margin:0 0 20px 20px; padding:0px; font-family:Verdana; font-size:13px; text-transform:uppercase; color:black; font-weight:bold;}
div#subpage1 div.company p.main {margin:0px 0 10px 0; padding:0 10px 0px 10px; font-size:11px; width:450px; line-height:13px; display:inline-block; color:Gray;}
div#subpage1 div.company img.main {padding:10px; float:right; display:inline; position:relative; top:-70px;}
div#subpage1 div.company a.link {color:#999900; text-decoration:none; margin-left:30px;}
div#subpage1 div.company a.link:hover {text-decoration:underline;}

/*katalog*/

div.tableview {width:650px; margin-left:5px;}
div.tableview div.item {width:250px; margin:32px; display:inline-block; float:left;}
div.tableview div.item p {color:Gray; font-size:11px; padding-bottom:3px;}
div.tableview div.item2 {width:300px; margin:15px 10px 15px 10px; display:inline-block; background-color:#FBFBFB; border:1px solid #F2F2F2; float:left;}
div.tableview div.item2 img {float:left;}
div.tableview div.item2 img a:hover {border:5px solid Silver;} 
div.tableview div.item2 a.titleproduct {display:block; margin: 10px 0 10px 20px; font-family:Tahoma; font-size:14px; font-weight:bold; text-decoration:none; color:Black;}
div.tableview div.item2 a.titleproduct:hover {color:Silver;}
div.tableview div.item2 div.item3 {display:inline-block; width:80px; padding-left:20px; padding-top:10px;}
div.tableview div.item2 div.item3 img {margin:0 auto;}
div.tableview div.item2 div.item3 a.titleaddon {font-size:11px; font-weight:bold; text-decoration:none; color:Black; padding-bottom:10px;}
div.tableview div.item2 div.item3 a.titleaddon:hover {color:Silver;}

/*btns*/
.btn_next, .btn_priloha {background:none; background-image:url(images/ico_arrow.png); background-repeat:no-repeat; background-color:#C9CACB; background-position:right; border:0px solid white; width:60px; height:20px; line-height:20px; color:black; font-size:12px; font-weight:normal; cursor:pointer; text-align:center; margin:10px;}
.btn_priloha {width:55px; background-position:left; padding-left:10px; float:right;}
.btn_kontaktovat {cursor:pointer; border:none; background:none; width:120px; height:25px; background-image:none; background-color:#E0E0E0; color:Black;}

/*footer*/
div#footer {width:100%; margin:30px 0 0 0; background-image:url(images/bgr_footer.png); background-repeat:repeat-x; height:114px;}
div#footer div#fmain {width:940px; height:114px; margin: 0 auto; background-image:url(images/bgr_footer-main.png); background-repeat:no-repeat;}
div#footer div#fmain span.line , div#footer div#fmain span.created  {float:left; margin:15px 0 0 20px; color:#646464; line-height:34px; display:block; }
div#footer div#fmain span.created {float:right; font-family:Verdana; font-size:9px; margin:15px 20px 0 0;}
div#footer div#fmain span.line a , div#footer div#fmain span.created a {font-family:Verdana; font-size:9px; text-decoration:none; color:Black; display:inline; padding:0 1px 0 1px; letter-spacing:1px;}
div#footer div#fmain span.line a:hover , div#footer div#fmain span.created a:hover {color:#363636;}
div#footer div#fmain span.copyright {font-family:Verdana; width:940px; margin-top:22px; display:block; font-size:9px; color:#515151; text-align:center; letter-spacing:1px;}

/*btn*/
a.priloha {background-image:url(images/ico_arrow.png); background-position:left center; line-height:20px; background-repeat:no-repeat; padding-left:15px; color:Silver; text-decoration:none; margin-top:15px;}
a.priloha:hover {text-decoration:underline;}

/*pager*/
div.pager {float:right; margin:0 20px 0 0; color:#646464; font-size:12px;}
div.pager a {padding:0 3px 0 3px; text-decoration:underline; color:Black;}
div.pager a:hover {text-decoration:none;}

/*marketing tools*/

div.present {width:650px; height:185px; display:block; background-color:#A7A8AC;}
div.present img.slivka {float:right; margin:20px;}
div.present table.popisek {float:left; margin:20px 0px 0px 30px; border-collapse:collapse}
div.present table.popisek td {padding:5px; color:White; font-size:12px; letter-spacing:1px;}

/* popup feedback */
div.popupfb {z-index:2;}
div.popupfb div.top {background-image:url(images/bgr_popup-top.png); background-repeat:no-repeat; width:477px; height:39px;}
div.popupfb div.body {background-image:url(images/bgr_popupfb-body.png); background-repeat:no-repeat; overflow:hidden; width:477px; height:432px; text-align:left; padding:30px 0 0 0;}
div.popupfb div.body span.price {color:#005c2f; font-weight:bold;}
div.popupfb div.top h1 {position:absolute; font-size:14px; color:White; margin: 10px 0 0 15px; padding:0px; font-weight:bold;}
div.popupfb div.top .cancel {background-image:url(images/bgr_popup-cancel.png); background-repeat:no-repeat; display:block; float:right; margin:16px 15px 0 0; cursor:pointer; width:11px; height:10px;}
div.popupfb .send {background-image:url(images/btn_freeTrial.png); background-repeat:no-repeat; font-size:11px; font-weight:bold; color:White; width:114px; height:26px; line-height:26px; cursor:pointer; border:0px solid white; text-align:center; display:block; float:right; margin:16px 15px 0 0;}
div.popupfb .input {background:none; background-image:url(images/input-fb.png); background-repeat:no-repeat; font-size:12px; padding:5px 0 0 5px; width:337px; height:23px; border:0px solid White;}
div.popupfb .textArea {background:none; background-image:url(images/textArea-fb.png); background-repeat:no-repeat; font-size:12px; padding:5px 5px 5px 5px; width:391px; height:174px; border:0px solid White;}
div.popupfb table.fb {width:402px; margin:0 auto; border-collapse:collapse; font-size:12px; color:Black;}
div.popupfb table.fb td.text {padding:0px 0 25px 0px; text-align:left; line-height:20px;}
div.popupfb table.fb td.label {padding:0 10px 5px 0; text-align:left;}
div.popupfb table.fb td.textarea {padding:5px 0 5px 0;}
.modalBackground {background-image:url(images/black-70.png);}