html { font-size: 11px; font-family: Arial, sans-serif; line-height: 15px }
body { margin: 0px; padding: 0px; color: #000000; background-color: #FFF; text-align: left; /*overflow-x: auto; overflow-y: scroll*/   }
img { border: 1px none; margin: 0px; padding: 0px }
a { color: #000000; text-decoration: none }
a:hover { text-decoration: underline }
form { padding: 0px; margin: 0px }
label { font-weight: normal; color: #000; vertical-align: middle; margin-bottom: 3px }
input, textarea { font: normal 11px Arial, sans-serif; padding: 1px 5px; margin: 0px }
select { font: normal 11px Arial, sans-serif; margin: 0px }
p { margin: 0px 0px 10px 0px; padding: 0px; text-align: justify }
h1 { color: #444; font-size:12px; text-transform:uppercase; font-weight: bold; margin:0px; padding:0px; line-height:normal }
h2 { font-size: 11px; margin:0px; line-height:normal }
h3 { margin:10px 0px 0px 0px;; font-size: 11px; line-height:normal }
h4 { margin: 0px; text-align:left; line-height:normal; font-size: 11px }
h5 { margin: 0px; font-size: 14px; color: #888; line-height:normal }
h6 { line-height:normal }
.poznamka { font-size: 10px; border: 0px none }
table { font-size: 11px; font-family: "arial ce", arial, "tahoma ce", tahoma, "verdana ce", verdana, "helvetica ce", helvetica, sans-serif; line-height: 15px; border: 0px none }
td {  }
hr { background-color: #C0D1E2; color: #C0D1E2; height: 1px }
p a, ul a { font-weight: bold; color: #00659C }
.red { color: #F00 }

.marg { margin: 0px 0px 5px 10px }
.margL { margin: 0px 10px 5px 0px }
.searchField { position: relative; border: 1px solid black; background-color: white; color: #666; font: 11px Arial, sans-serif; height: 17px; padding-top:1px }
.searchImg { margin-left: 3px }

.topnav a { font-weight: bold; text-transform: uppercase; display: block; width: 100%; height: 100%; background: black; color: white; cursor:hand; padding: 4px 0px 4px 0px; text-decoration: none }
.topnav td { border-right: 1px solid #999; white-space: nowrap; text-align: center }
.topnav a div { padding: 4px 2px 3px 2px; min-width: 65px }
.topnav a:hover { background-color: #FFCD11; color: black }
.topnav a.active { background-color: #FFCD11; color: black }

.topnav2 a { font-weight: bold; display: block; width: 100%; height: 100%; background: #7F7F7F url(../_img/podmenu.gif) repeat-x; color: #EDEDED; cursor:hand; padding: 2px 0px 2px 0px; }
.topnav2 td { border-right: 1px solid #999; white-space: nowrap; text-align: center; }
.topnav2 a div { padding: 3px 2px 1px 2px; min-width: 100px }
.topnav2 a:hover { background: #7F7F7F url(../_img/podmenu3.gif) repeat-x; color: #FFCD11; text-decoration: none; }
.topnav2 a.active { background-color: #7F7F7F; color:#FFCD11 }

.navigator { width: 100%; background-color: #9C9A9C }
.navigator td { padding: 4px 0px 2px 10px; background: #9C9A9C url(../_img/shadow.gif) repeat-x }
.navigator a { text-decoration: none }
.navigator a:hover { text-decoration: underline }
.navigator a.pass { color: #DDD }

#menumain { margin: 0px }

#container { margin: 0px auto; min-width: 740px; max-width: 1200px }
#cont_main { margin: 0px 0px 0px -2px; float: left; width: 100% }
.innerCont { padding: 10px 10px 0px 10px; margin: 0px }

.Categfddfory img{ vertical-align: middle; width: auto; float: right; }
#rightMenu { float: right; top: 10px; right: 10px; width: 170px; margin-left: 20px; background: #F7F7F7 url(../_img/home3.gif) repeat-x; border: solid 1px #CCC }
#rightMenu { padding: 5px; line-height: 16px; }
div#cont { padding: 5px; line-height: 16px; right: 0px; }
div#cont img { vertical-align: middle }
#rightMenu h1 { color: #C90; font-size: 11px; margin-bottom: 5px }
#rightMenu a { display:block; width:100%; padding: 0px 0px 5px 0px; color: #00659C; font-weight:bold; border-bottom: solid 1px #CCC }

.clearfix:after { content: "."; clear: both; height: 0; visibility: hidden; display: block }
.clearfix { display: inline-block; /* Fixes IE/Mac */  }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */		

/*
This is a proprietary expression only for Internet Explorer, as it doesn't support max-width or min-width. This expression breaks validation and therefore has been separated from master.css.
*/
#container { 
	width: expression(document.body.clientWidth < 740? "740px" : document.body.clientWidth > 1200? "1200px" : "auto");
}

.topnav a div, .topnav2 a div { 
	width: expression(document.body.clientWidth < 1100? "65px" : document.body.clientWidth > 1200? "120px" : "auto");
}

.langSelect { font: 11px Arial, sans-serif; color: white; border: 1px solid #333; background: #666 }

#select_main { margin: 0px; padding: 0px; position: relative; top: 0px; float: none }
#lmenu { position: relative; background-color: #DEDFDE; margin: 0px 0px 0px 0px; padding: 0px; width: 210px; float: left }

.top, .main { border: none; width: 100% } 
.top td, .main td { vertical-align: top }

.lmenutd{ width: 210px; background-color: #DEDFDE }

#lmenu ul { list-style: none; margin: 0; margin-right:0px;padding: 0px; width: 100%; float: left }
#lmenu a, #lmenu h6 { font: normal 13px arial, verdana, helvetica, sans-serif; font-weight: bold; display: block; border: none; margin: 0; padding: 0 }
#lmenu a { color: black; text-decoration: none;  border-top: none; background: #DEDFDE; padding: 3px 0px 2px 5px; height:5px }
#lmenu a:hover { color: black; text-decoration: none;   background-color: #EFEFEF }
#lmenu li { position: relative }
#lmenu ul ul { position: relative; z-index: 500; top: 0px; left: 0px;   }
#lmenu ul ul a{ font-weight: normal; border-top: solid 0px }
#lmenu ul ul ul { position: relative; top: 0px; left: 0px }
#lmenu ul li:hover ul, #lmenu ul ul li:hover ul, #lmenu ul ul ul li:hover ul { display: block }
#lmenu ul li { float: left; width: 100% }
#lmenu ul li a { height: 1%; padding-left: 10px } 
#lmenu ul ul li a { padding-left: 20px; background-image: url(../_img/sipka_double.gif);  background-repeat: no-repeat; } 
#lmenu ul ul ul li a { padding-left: 28px; background-image: url(../_img/sipka_simple.gif);  background-repeat: no-repeat; } 
#lmenu ul ul ul ul li a { position: relative; top: 0px; padding-left: 35px; background-image: url(../_img/sipka_simple2.gif);  background-repeat: no-repeat; }
#lmenu ul ul ul ul ul li a { position: relative; top: 0px; padding-left: 45px; background-image: url(../_img/sipka_simple3.gif);  background-repeat: no-repeat; }
#lmenu a { font: normal 11px arial, helvetica, sans-serif; font-weight: bold; border-top: solid 1px #BDBABD }
#lmenu a.selected { background-color: #EFEFEF }


.rawTable td { margin:0px; vertical-align:middle; text-align: left; }
.HomeTable { margin-top: 2px; width: 100% }
.HomeTable h1 { color: #444; font-size:12px; text-transform:uppercase; font-weight: bold; margin:0px; padding:0px }
.HomeTable input.text { border: solid 2px #888; color: black; height: 20px; padding: 1px 0px; background-color: #DDD }
.HomeTable input.btn { height: 23px; padding: 0px 3px }
.newsTable td { padding: 0px }
.newsTable h1 { font-size: 14px; font-weight: bold; color: #444; margin: 0px 0px 6px 0px;   }
.newsTable h2, .newsTable h3 { margin:0px }
.newsTable .bordered { margin: 0px 0px 10px 0px;  width:100% }
.newsTable .bordered td { border: solid 1px #000; padding: 3px; text-align:center }

#ulist ul { margin: 5px; font-weight: bold }
#ulist li { font-weight: normal; margin-left: 40px }

.catUL { list-style:square; margin: 5px 0px 10px 0px; padding: 0px }
.catUL li { margin: 0px 0px 2px 15px }
.idx { font-size: 9px }

#header { position: relative; top: 0px; left: 0px; width: 100%; margin: 6px 0px; padding: 0px }
#footer { position: relative; border: 0px none; border-top: 1px solid #CECFCE; text-align: right; top: 0px; right: 0px; width: 100%; margin: 10px 0px 0px; padding: 0px }
#footer a { font-size: 10px; color: #9C9A9C }
#footer a:hover { color: #000 }

#blackbg { position: relative; background: #000 url(../_img/bg.gif) repeat-x; color: white; top: 0px; left: 0px; width: 100%; margin: 0px; padding: 0px }
#blackbg table { color: white; font-weight: bold }
#blackbg a { color: #FFF; font-size: 14px }

#blackbgcorner { position: absolute; bottom: 0px; right: 0px; height: 10px; width: 10px; background: url(../_img/corner.gif) no-repeat; margin: 0px; padding: 0px }
.blackbgy { width: 10px; height: 70px; background: #FFCF00 }
#blackbga { position: relative; top: 33px; left: 10px; height: 9px; width: 5px; background: url(../_img/y_triangle.gif) no-repeat }
#blackbgtitle { margin-top: 26px; margin-bottom: 5px; font-weight: normal; font-size: 20px; line-height: normal; text-transform: uppercase }

#home_random_txt { position: relative; background-color: #FFCD11; left: 0px; top: 90px; width: 350px; padding: 10px; margin: 0px; line-height: normal; font-weight: normal; font-size: 18px; color: black }
#home_random_txt ul { padding: 0px 0px 0px 15px; margin: 0px }
#home_random_txt li { font-size: 15px; font-weight: bold }
#home_random_txt a { text-decoration: none }
#home_random_txt a:hover { text-decoration: underline }



.blackblue a, span.nojs { color: #00659C; font-weight: bold }
.blackbluet a { color: #00659C; margin-top: 15px }
	
.tableprod { text-align: center }

.tablelist, .tablelistc { width: 100% }
.tablelistc td { text-align: center; vertical-align: bottom }

.tablelist_top { background-color: #636563; font-weight: bold; color: white; padding-left: 20px }
.tablelist_undertop { font-weight: bold; padding-left: 10px }	

.tablelist { border-bottom: solid 1px #CECFCE; margin-bottom: 25px }
.tablelist a { color: #00659C; font-weight: bold }
.tablelist td { border-top: 1px solid #CECFCE }
.tablelist img { width: 10px; height: 10px; margin-right:5px; border:none 0px }
.tablelist td.even { background-color: #EFEFEF }
.tablelist td.month { color: #FFF; background-color: #666; font-weight:bold; font-size:11px; padding-top: 3px; padding-bottom: 2px }
.press img { width:auto; height:auto }

.prodList { text-align: center; width: 100% }
.prodList img { margin-right: 5px }
.prodList a { color: #00659C; font-weight: bold }
.prodList td { border-bottom: 1px solid #CECFCE; background-color: white }
.prodList td.h, .prodList td.ha { background: #EFEFEF url(../_img/home2.gif) repeat-x; font-weight: bold; border-bottom: 1px solid #BABABA }
.prodList td.ha { width: 50px }
.prodList td.e { background: #EFEFEF; border-bottom: 1px solid #CECFCE }

.prodDetail { background: #EFEFEF url(../_img/home2.gif) repeat-x; text-align: left; width: 100%; margin-bottom: 20px; border-top: solid 3px #CCC }
.prodDetail td { border-bottom: 1px solid #CECFCE; background: #FFF; padding: 4px 5px }
.prodDetail td.h { font-weight: bold; color: #00659C; padding-bottom: 0px; border: none; text-transform:uppercase }
.prodDetail td.e { background: none }

.prodDetail img { vertical-align: middle }


.prodAccesor { float: left; width: 20%; margin-right: 10px; border: solid 1px #CCC; padding: 5px }
	
div.category { position: relative; float: left; width: 33%; margin: 0px 0px 20px 0px }
div.category img { margin-right: 5px; border: none 0px; vertical-align: middle }
div.category img.i { margin: 0px 0px 3px 0px; border: none 0px }

div.cat1 { position: relative; float: left; width: 170px; margin: 0px 0px 20px 0px; text-align: center }
div.cat1 img { margin-right: 5px; border: none 0px }
div.cat1 a { color: #000; font-weight: normal }
div.cat1 span { color: #888; padding: 0px; margin: 0px }
div.cat1 a span.imgdiv { display: block; width: 100%; height: 50px; margin: 0px 0px 3px 0px; background-repeat: no-repeat; background-position: 35px 0px; cursor: inherit }
div.cat1 a:hover span.imgdiv { background-position: 35px -50px }
div.cat1 a span.imgdiv img { border: none 0px }

#editBtns { float:right; width:100%; margin-top: 10px; padding-top: 10px; border-top: solid 3px #CCC }
#editBtns input { margin-right: 12px; padding: 2px 12px }

.middleTab td { text-align: left; vertical-align: middle; padding:0px; margin:0px }
.middleTab td.h { text-align: right; font-weight: bold; width: 75px }

.editRow { padding:20px 0px 10px 0px }
.editRow .middleTab { width: 100% }
.editRow .middleTab td { text-align: left; vertical-align: middle; padding:1px 0px }
.editRow input { width: 100%; padding: 1px 3px }
.editRow select { padding: 0px }
.editRow textarea { width: 100%; padding: 1px 3px }

.catEditor { width: 500px }
.cx { width: 100% }
.catEditor td, .cx td { padding: 3px 6px 0px 0px }
.catEditor td.red, .cx td.red { padding: 3px 0px 0px 0px }
.catEditor td.h, .cx td.h { vertical-align:middle; text-align:right; font-weight:bold; width: 65px }
.catEditor td.hs, .cx td.hs { vertical-align:middle; text-align:right; width: 115px }
.catEditor td.hhs, .cx td.hhs { vertical-align:middle; text-align:right; width: 115px; font-weight:bold; color: #00659C }
.catEditor td.head, .cx td.head { vertical-align:middle; text-align:left; font-weight:bold; padding: 4px 5px 3px 7px; color: #444; background: #FEFEFE url(../_img/home1.gif) repeat-x }
.catEditor input, .catEditor textarea { width: 100%; padding: 1px 2px; margin: 0px }
.cx input, .cx textarea { width: 100%; padding: 1px 0px; margin: 0px }
.catEditor input.box, .cx input.box { width: auto; padding: 0px; margin: 0px }
.catEditor select, .cx select { width: 100%; padding: 0px; margin: 0px }
.catEditor table.parameters { width: 100% }
.catEditor table.parameters td { text-align: center; vertical-align:middle }

.catEd td { padding: 1px 0px }

#randomSection { background: #000; width:100% }
#randomSection .editRow { padding:10px 0px }
#randomSection .middleTab { margin-left: 10px; width:auto }

#sectPreview { background-color:#000; background-repeat:no-repeat; width: 100%; margin-bottom: 10px }

.catMag { width: 100%; margin-top: 10px }
.catMag h2 { font-size: 11px }
.catMag td { padding: 3px 0px; border-bottom: solid 1px #EEE }
.catMag a.i { font-weight: normal; color: #888 }

.catMagEdit { width: 100%; background: #AAA }
.catMagEdit td { padding: 0px; background: #FFF; border: none 0px }
.catMagEdit td.h { padding: 2px 5px; text-align: left; font-weight: bold }
.catMagEdit td.s { width: 55px; text-align: center }
.catMagEdit td.n { width: 210px }
.catMagEdit td input { padding: 2px; width: 100%; border: none 0px }
.catMagEdit td.s input { width: 55px; text-align: center }
.catMagEdit td.n input { width: 210px }

.checklist { border: solid 1px #CCC; list-style: none; height: 100%; overflow:auto; width: 200px; margin: 0px; padding: 0px }
*>.checklist { padding: 3px }
.checklist li { margin: 0px; padding: 0px; height: 17px }
*>.checklist li { height: auto }
.checklist label { display: block; height: 17px; padding-left: 27px; text-indent: -25px }
*>.checklist label { height: auto; padding-left: 20px; padding-bottom: 2px; text-indent: -17px }
.checklist label:hover, .checklist label.hover { background: #C6D1D7; color: #fff }
.cl1 { width: 198px; height: 305px }
.cl1 .alt { background: #f5f5f5 }
.cl1 input { vertical-align: middle }
.cl1 input.chkbx { width:auto; border: none }
.cl1 label:hover, .cl1 label.hover { background: #C6D1D7; color: #000 }

.sluzbyT { background: #EFEFEF url(../_img/home2.gif) repeat-x; text-align: left; width: 100%; margin-bottom: 10px; border-top: solid 3px #CCC }
.sluzbyT td { border-bottom: 1px solid #CECFCE; background: #FFF; padding: 2px 5px; vertical-align:middle }
.sluzbyT td.h { font-weight: bold; color: #00659C; padding: 4px 5px; text-transform:uppercase }
.sluzbyT td.k, .sluzbyT td.ke { font-weight: bold; white-space:nowrap }
.sluzbyT td.e, .sluzbyT td.ke { background: none }

.underblack td { width: 33%; padding: 0px 10px 0px 0px }
.underblack img { vertical-align: middle; }
.middleTab td { vertical-align: middle; padding: 3px 0px }
.middleTab img { margin-right: 10px }

div.cm { width: 140px; position: relative; float: left; margin:0px 10px 10px 0px; border: solid 1px #CCC; padding: 5px; background: #EEE; text-align: center }
div.cm h1 { color: #00659C }
div.cm a { color: #00659C }
div.cm img { margin-bottom: 5px }
div.cm div.links { border-top: solid 1px #CCC; margin-top: 5px;   }
div.cm div.links img { margin: 5px 5px 0px 5px; border:none 0px }

div.used { width: 180px; position: relative; float: left; margin:0px 8px 8px 0px; border: solid 1px #CCC; padding: 5px; background: #EEE; text-align: center }
div.used h1 { color: #00659C }
div.used a { color: #00659C }
div.used img { margin-bottom: 5px }
div.used div.links { border-top: solid 1px #CCC; margin-top: 5px;   }
div.used div.links img { margin: 5px 5px 0px 5px; border:none 0px }
.price { position: absolute; right:10px; bottom:50px; background:url(../_img/star_price.png) no-repeat; width:100px; height:34px; color: #FFF; font-size: 11px; font-weight:bold; line-height: 36px }
.has_ccu { position: absolute; top:10px; right:10px; border: solid 1px #FFF }

div.branch { width: 190px; position: relative; float: left; margin:0px 10px 10px 0px; border: solid 1px #CCC; padding: 5px; background: #EEE; text-align: center }
div.branch h1 { color: #00659C }
div.branch a { color: #00659C }
div.branch img { margin-bottom: 5px; width: 190px }
div.branch div.links { border-top: solid 1px #CCC; margin-top: 5px;   }
div.branch div.links img { margin: 5px 5px 0px 5px; border:none 0px; width:auto }

.address { line-height: 22px; margin-bottom: 10px }
.contNames { width:100%; margin: 0px 0px 20px 0px; background: #EFEFEF url(../_img/home2.gif) repeat-x }
.contNames td { width: 20%; padding: 3px 5px; background: #FFF; border-bottom: solid 1px #DDD }
.contNames td.h { width: 20%; padding-top: 5px; border-top: solid 3px #DDD; font-weight: bold; color: #00659C }
.contNames td.e { background: none }
.contNames a { color: #00659C }
.contNames img { margin: 0px 3px }
#fnList { border: solid 1px #CCC; margin: 0px 0px 20px 0px; padding: 5px 0px; text-align:center }
#fnList a { text-transform:uppercase; margin: 5px 10px; color: #00659C }
.showMapText { width:auto; display:inline }
#moreinfo { border-top: solid 3px #CCC; margin-bottom: 20px }
#moreinfo h1 { font-weight: bold; color: #00659C; font-size: 11px; padding: 5px }



.setUsers { width:100%; margin: 0px 0px 20px 0px; background: #EFEFEF url(../_img/home2.gif) repeat-x }
.setUsers td { padding: 3px 5px; background: #FFF; border-bottom: solid 1px #DDD; white-space:nowrap }
.setUsers td.h { width: 20%; padding-top: 5px; border-top: solid 3px #DDD; font-weight: bold; color: #00659C }
.setUsers td.e { background: none }
.setUsers img { margin: 0px 2px }

.pad3 { padding: 2px 0px }
.news_yellow_box { position:absolute; background-color: #F7C400; margin:0px; padding: 0px; text-align:left; border: none 0px }
.news_yellow_box h1 { padding: 10px 10px 0px 10px; font-size: 20px }
.news_yellow_box h2 { padding: 10px 10px 0px 10px; font-size: 14px }
.news_yellow_box p { padding: 10px 10px 0px 10px }
.news_yellow_box p.lev1 { font-size: 12px; font-weight:bold }
.news_yellow_box p.lev2 { font-size: 11px; font-weight:normal }
.news_yellow_box p.lev3 { padding: 0px 10px; margin-bottom: 5px; font-size: 11px; font-weight:normal }

.counter { margin: 10px 0px }
.counter td { padding: 2px 5px; border-bottom: solid 1px #CCC; white-space:nowrap }
.counter td.h { font-weight: bold; font-size: 11px }
.counter td.e { background: #EEE }
.counter a { color: #888; font-weight: bold }
.counter a:hover { color: #444 }
.counter td#note { font-size:9px }

#mach_list { margin-right: 150px; padding: 0px; }
#orderNow { float: right; top:0px; right:0px; width:145px; background:#F00; color:#FFF }
#orderNow h1 { margin:5px 5px 7px 5px; color:#FFF; font-size:12px; font-weight:bold }
#orderNow h2 { margin:7px 5px 5px 5px; color:#FFF; font-size:11px; font-weight:bold }
#orderNow p { margin:0px 5px 5px 5px; color:#FFF; font-size:11px; line-height:13px; text-align:left }

.newsTable ul { padding: 0px 0px 0px 15px; margin-top: 0px }
.newsTable ul li { padding: 0px 0px 0px 0px }

.catshop { width:100%; margin-bottom:10px; border: solid 1px #444 }
.catshop td { padding:1px 2px; white-space:nowrap; vertical-align:middle }
.catshop td.h { background: #CCC; font-weight:bold; padding:5px }
.catshop td.e { background: #EEE; }
.catshop input.text { width:95%; height:100%; padding:0px; font-size:10px }
.catshop td.nazov { white-space:normal }
.catshop td.cena { width:80px; text-align:right }
.catshop td.cena a { border-bottom: dotted 1px #AAA }
.catshop td.ks { width:50px; padding-right:4px }
.catshop td.pozn { padding-right:4px }

.gText { color: #888 }

.vysledok td { padding: 2px 5px; white-space: nowrap }
.vysledok td.h { font-weight: bold; background: #D7A079; color: #FFF }
.vysledok td.e { background: #F7ECE4 }
.vysledok td.c { text-align: center }

#facebox { display:none; width:874px; border:none 0px; background-image:url(../_img/overlay/white.png) } 
#facebox .flash { position: relative; margin:37px 0px 0px 37px }
#facebox .close { background-image:url(../_img/overlay/close.png); position:absolute; right:5px; top:5px; cursor:pointer; height:35px; width:35px }