@import url("common.css");
@import url("highslide.css");


body { background:#fff; color:#000; font-size:62.5%; }
#page { font-size:1.2em; line-height:1.4; width:1000px; margin:0 auto; position:relative; }


/* LINKS */
a, a:link, a:visited { color:#0c4ca1; }
a:active, a:focus, a:hover { color:#e51314; }
a img { border:0 none; }


/* HEADER */
.cz #header {background:#093978 url('../images/bg-header-clear.png') no-repeat left top;}
#header { background:#093978 url('../images/bg-header-clear.png') no-repeat left top; height:85px; margin:auto; position:relative; }

#header #logo { width:150px; height:65px; position:absolute; top:10px; left:41px; font-size:2em; font-weight:700; color:#fff; text-transform:uppercase; letter-spacing:-2px; cursor:pointer; }
#header #logo span { background:url('../images/logo-cs.gif') left top no-repeat; }
.en #header #logo span,
.ru #header #logo span { background:url('../images/logo.gif') left top no-repeat; }
#header #logo:hover { color:#e51314; }
#header #lang { position:absolute; top:14px; right:15px; color:#fff; }
#header #lang a { color:#fff; }
#header #lang a:active,
#header #lang a:focus,
#header #lang a:hover { color:#6a92c6; }
#header #lang strong { color:#6a92c6; }

#header #skip-links a { position:absolute; top:-1000px; left:-1000px; }
#header #skip-links a:focus,
#header #skip-links a:active { background:#fff; width:300px; padding:5px; font-size:1.2em; font-weight:700; text-align:center; top:0; left:0; z-index:50; }

#header .hidden-menu-items {position:absolute; top:50px; right:45px; padding:2px 5px; border:2px solid #000; background-color:#ccc;}
#header .hidden-menu-items a {color:#c00; font-size:0.9em;}

/* CONTAINER */
#container { width:1000px;  margin:7.5em auto 0; position:relative; z-index:1; }
#container p { margin:10px 0; }
#container ul li { margin:0 0 0 10px; }
#container .searchHightLight { background:#e51314; color:#fff; font-weight:700; }
#container .section-left,
#container .section-right { width:182px; height:67px; color:#fff; text-indent:50px; line-height:63px; text-transform:uppercase; font-size:1.1em; text-shadow:#000 1px 1px 0px; position:relative; }
#container .section-left { background:#093978 url('../images/bg-section-left.png') left top no-repeat; }
#container .section-right { background:#093978 url('../images/bg-section-right.png') left top no-repeat; }


/* CONTAINER HEADINGS */
#container #content h1 { margin:10px 0; font-size:1.3em; color:#0c4ca1; }
#container #content h2 { margin:0 0 10px 0; font-size:1.2em; color:#0c4ca1; }
#container #content h3 { margin:0 0 10px 0; font-size:1em; color:#000;}


/* CONTAINER MAIN CONTENT */
#container #content { background:url('../images/bg-content-top.png') left top no-repeat; float:left; display:inline; width:580px; margin:11px 0 0 210px; }
#container #content .breadcrumb { background:url('../images/dots-blue.png') repeat-x left bottom; line-height:40px; margin:0 15px; padding:0 0 10px 0; }

#container #content .anotation { background:url('../images/bg-content-gradient.png') no-repeat left bottom; overflow:hidden; /*margin:20px 0;*/ padding:25px 0; }
#container #content .anotation img.imleft { display:block; margin:0 10px 0 25px; float:left; }
#container #content .anotation h1 { font-size:1.1em; text-transform:uppercase; margin:0; }
#container #content .anotation p { margin:0; padding:10px; }
#container #content .anotation p.more { margin:0 20px; padding:0; }
#container #content .under-anotation p { margin:0 20px; }

#container #content #map { border:1px solid #c7d4e3; width:300px; height:300px; clear:right; float:right; margin:0 0 10px 0; }

#container #content .boxes { overflow:hidden; width:100%; margin:11px 0; }
#container #content .box { float:left; margin:0 11px 0 0; }
#container #content .box.last { float:left; margin:0; }
#container #content .box h2 { background:#fff url('../images/box-heading.png') no-repeat left bottom; width:184px; /*line-height:39px;*/ margin:0; padding:5px 0; border:1px solid #c7d4e3; font-size:1.1em; color:#708eb1; text-align:center; text-transform:uppercase; }
#container #content .box h2 em { display:block; font-size:0.9em; color:#45668c; text-align:center; text-transform:none; }
#container #content .box img { margin:1px 0; }
#container #content .box .box-body { background:#fff url('../images/box-body-shadow.png') no-repeat left top; width:184px; border:1px solid #c7d4e3; position:relative; padding:0 0 40px 0; }
#container #content .box .box-body p { margin:0 15px 15px 15px; }
#container #content .box .box-body ul { margin:15px; }
#container #content .box .box-body ul li { margin:0 0 10px 0; }
#container #content .box .box-body .more { background:url('../images/box-dots.png') no-repeat center top; width:163px; margin:0 6px; padding:15px 5px; position:absolute; bottom:0; right:0; }

#container #content .product { margin:0 0 20px 0; overflow:hidden; width:100%; }
#container #content .product h2 { margin:0 0 10px; }
#container #content .product p { margin:0; }

#container #content .subProduct { margin:0 0 20px 10px; float:left; width:270px; height:140px; }
#container #content .subProduct.first { margin:0 0 20px 0; }
#container #content .subProduct h2 { margin:0 0 10px 0; }
#container #content .subProduct p { margin:0px; }

#container #content .seller { background:url('../images/dots-blue.png') repeat-x left bottom; width:100%; overflow:hidden; margin:0 0 20px 0; }
#container #content .seller .map { border:1px solid #c7d4e3; width:300px; height:200px; margin:0 0 20px 0; float:right; }

#container #content .sitemap { padding:0 0 20px 0; }
#container #content .sitemap li { background:url('../images/folder.png') no-repeat left top; margin:0 0 0 0; padding:0 0 0 20px }
#container #content .sitemap li.open { background:url('../images/folder_open.png') no-repeat left top; }
#container #content .sitemap li a { font-size:1em; font-weight:500; }
#container #content .sitemap ul { margin:0 0 0 20px; }
/*
#container #content .sitemap li ul li a  { font-size:1.2em; font-weight:500;  }
#container #content .sitemap li ul li ul li a  { font-size:1em; font-weight:500;  }
*/
#container #content .dottedLine { background:url('../images/dots-blue.png') repeat-x left bottom; clear:both; display:block; height:1px; margin:20px 0; font-size:0; line-height:0; }

#container #content table { margin:20px 0 0 0; width:100%; }
#container #content table thead td { background:#0c4ca1 url('../images/bg-table-head.png') repeat-x left top; color:#fff; font-weight:700; text-shadow:#000 1px 1px 0px; text-align:left; }
#container #content table td,
#container #content table th { background:#ecf3f9; padding:7px 10px; border:1px solid #fff;  /*border-bottom:1px solid #fff;*/ }
#container #content table th { font-weight:500; }
#container #content table td p { margin:0; }

#container #content .files { list-style:none; margin:20px 0; padding:0; clear:both; }
#container #content .files li.downloadIco { background:none; padding:5px 0 5px 45px; margin:20px 0; font-size:0.9em; }
#container #content .files li.downloadIco a { font-weight:700; font-size:1.2em; }
#container #content .files li.downloadIco.xls { background:url('../images/icon-xls.png') left center no-repeat; }
#container #content .files li.downloadIco.xlsx { background:url('../images/icon-xls.png') left center no-repeat; }
#container #content .files li.downloadIco.pdf { background:url('../images/icon-pdf.png') left center no-repeat; }
#container #content .files li.downloadIco.doc { background:url('../images/icon-doc.png') left center no-repeat; }
#container #content .files li.downloadIco.docx { background:url('../images/icon-doc.png') left center no-repeat; }

#container #content .images { list-style-type:none; margin:20px 0; padding:0; overflow:hidden; width:100%; }
#container #content .images li { background:none; padding:0; margin:0 29px 25px 0; float:left; }
#container #content .images li.noRightMargin { margin-right:0px; }
#container #content .images li a img { border:1px solid #c7d4e3; padding:1px }
#container #content .images li a:hover img { border-color:#093978; }

#container #content ul { margin:0 0 10px 0; }
#container #content ul li { background:url('../images/bg-li-square.gif') no-repeat left 7px; margin:0; padding:0 0 0 15px; }

#container #content #contactCards { margin:10px 0; }
#container #content #contactCards li { background:url('../images/bg-contact-card.png') no-repeat left top; margin:0 0 10px 0; padding:0; overflow:hidden; width:100%; height:160px; }
#container #content #contactCards li.level1 { margin-left:0px; width:550px; }
#container #content #contactCards li.level2 { margin-left:40px; width:510px; }
#container #content #contactCards li.level3 { margin-left:80px; width:470px; }
#container #content #contactCards li.level4 { margin-left:120px; width:430px; }
#container #content #contactCards li.level5 { margin-left:160px; width:390px; }
#container #content #contactCards li.level6 { margin-left:200px; width:350px; }
#container #content #contactCards li img { float:left; }
#container #content #contactCards li p { margin:0; padding:10px 0 0 10px; }
#container #content #contactCards li p strong { /*color:#e51314;*/ color:#000; font-size:1.2em; }
#container #content #contactCards li ul { margin:10px 0 0; padding:10px 0 0 10px; }
#container #content #contactCards li ul li { background:none; margin:0 0 5px 0; padding:0 0 0 25px; width:auto; height:auto; }
#container #content #contactCards li ul li.cellphone { background:url('../images/ico-phone.gif') no-repeat left center; }
#container #content #contactCards li ul li.phone { background:url('../images/ico-telephone.gif') no-repeat left center; }
#container #content #contactCards li ul li.email { background:url('../images/ico-email.gif') no-repeat left 2px; }
#container #content #contactCards li.imgMargin p,
#container #content #contactCards li.imgMargin ul { margin-left:135px; }


/* CONTAINER SIDEBARS */
#container #leftbar,
#container #rightbar { display:inline; width:182px; }
#container #leftbar { float:left; margin:0 0 0 -771px; }
#container #rightbar { float:right; margin:0 19px 0 0; }

#container #czmap { margin:0 0 20px 0; }


/* CONTAINER SUBMENU */
#container ul.submenu { margin:0 10px 20px; line-height:1.6; }
#container ul.admin-sort li { margin:2px 0; }
#container ul.submenu li { position:relative; }
#container ul.submenu li.clear { position:static; }
#container ul.submenu li a.line { background:url('../images/li-line.gif') 0 8px no-repeat; margin:0; padding:0 0 0 10px; display: block; }
#container ul.submenu li a.line:hover,
#container ul.submenu li a.line.active { /*background-position:-400px 50%;*/ text-decoration:none; }
#container ul.submenu li a.line.active { font-weight:700; text-decoration:underline; color:#e51314; }

#container ul.submenu div.sub-submenuWrap { background:url('../images/bg-submenu.gif') no-repeat left top; display:none; position:absolute; left:152px; top:-15px; z-index:10; width:265px; }
#container ul.submenu ul.sub-submenu { background:#fff url('../images/bg-submenu.png') repeat-x left top; border-bottom:1px solid #d3e2f4; margin:2px 2px 0 17px; padding:10px 0; line-height:1.6; }
#container ul.submenu ul.sub-submenu li a.active { font-weight:700; text-decoration:underline; color:#e51314; }
#container ul.submenu ul.sub-submenu li a:hover { text-decoration:none; }
#container ul.submenu ul.sub-submenu.off { display:none; }
#container ul.submenu ul.sub-submenu.on { display:block; }


/* CONTAINER MORE & BACK LINKS */
#container .more { margin:0 20px; padding:10px 0 10px; text-align:right; }
#container .more.partners { background:url('../images/dots-black.png') repeat-x left top; }
#container .more.partners a { background:url('../images/icon-arrow.png') no-repeat left center; padding:2px 0 2px 20px; }
#container .more.news-archive a { background:url('../images/icon-arrow.png') no-repeat left center; padding:2px 0 2px 20px; }
#container .more.articles a { background:url('../images/icon-arrow.png') no-repeat left center; padding:2px 0 2px 20px; }
#container .more.rss { margin:0 20px 10px 20px; padding:0; }
#container .more.rss a { background:url('../images/icon-feed.png') no-repeat left center; padding:2px 0 2px 20px; }

#container .back { margin:20px 0; text-align:left; }
#container .back a { background:url('../images/arrow-left.png') no-repeat left center; padding:2px 0 2px 20px; }

#container a.popup { background:url('../images/icon-page.png') no-repeat right center; margin:0 3px 0 0; padding:2px 18px 2px 0px; }

#container .print { float:right; margin:20px 0 10px 20px; }
#container .print a { width:16px; height:16px; display:block; text-decoration:none; }
#container .print a span { background:url('../images/icon-print.png') no-repeat left top; }


/* CONTAINER NEWS */
#container dl.news { margin:0 10px 0 20px; }
#container dl.news dt { color:#0c4ca1; }
#container dl.news dd.date,
#container .date { background:url('../images/icon-calendar.png') left center no-repeat; padding:5px 0 5px 20px; margin:0; }
#container dl.news dd.date em,
#container .date em { font-style:normal; font-size:0.9em; color:#aaa; }
#container dl.news dd.text { margin:0 0 15px 0; padding:0 0 15px 0; font-size:0.9em; background:url('../images/dots-black.png') repeat-x left bottom; }


/* TOP NAVIGATION */
#navigation { background:#bbcee7 url('../images/bg-nav-search.png') no-repeat left top; width:1000px; height:106px; position:absolute; top:85px; left:0; z-index:0; }
#navigation menu { background:url('../images/bg-nav.png') no-repeat left top; /*width:629px;*/ /*width:100%;*/ height:81px; margin:0 0 0 20px; padding:0 7px 0 0; /*position:relative;*/ float:left; display:inline; }
#navigation menu li { background:url('../images/bg-nav-li.png') no-repeat right top; list-style:none; display:inline; float:left; position:relative; }
#navigation menu li.last { background:none; }
#navigation menu li a { background:url('../images/bg-nav-li-hover.gif') no-repeat center -100px; white-space:nowrap; display:block; float:left; line-height:62px; height:80px; padding:0 15px; font-weight:700; font-size:1em; text-transform:uppercase; }
#navigation menu li a.active,
#navigation menu li a:active,
#navigation menu li a:focus,
#navigation menu li a:hover { background-position:center 61px; text-decoration:none; color:#e51314; }

#navigation menu li.add-button { background:transparent; position:absolute; top:0; left:0; width:16px; height:16px; }
#navigation menu li.add-button a { background:url('/_common/epcommon_3_4/_gfx/add.gif') no-repeat left top; height:16px; margin:0; padding:0; }
#navigation menu li.add-button a:hover { background:url('/_common/epcommon_3_4/_gfx/add_blue.gif') no-repeat left top; }

#navigation menu li .editmenu { background:none; position:absolute; top:0; left:15px;  }
#navigation menu li .editmenu a { height:16px; margin:0; padding:0; }
#navigation menu li .editmenu a.btnEditActive { background:url('/_common/epcommon_3_4/_gfx/page_white_edit.gif') no-repeat left top; }
#navigation menu li .editmenu a.btnEditActive:hover { background:url('/_common/epcommon_3_4/_gfx/page_edit.gif') no-repeat left top; }
#navigation menu li .editmenu a.btnDeleteActive { background:url('/_common/epcommon_3_4/_gfx/delete.gif') no-repeat left top; }
#navigation menu li .editmenu a.btnDeleteActive:hover { background:url('/_common/epcommon_3_4/_gfx/cross.gif') no-repeat left top; }
#navigation menu li .editmenu a.btnVisibleActive { background:url('/_common/epcommon_3_4/_gfx/eye_visible.gif') no-repeat left top; }
#navigation menu li .editmenu a.btnVisibleActive:hover { background:url('/_common/epcommon_3_4/_gfx/eye_invisible.gif') no-repeat left top; }
#navigation menu li .editmenu a.ep_adminTools_button,
#navigation menu li .editmenu a.ep_adminTools_button_noActive { float:left; display:block; text-indent:0; line-height:1; text-transform:none; }

#navigation form { width:350px; position:absolute; top:0; right:0; }
#navigation form label { position:absolute; left:-9000px; }
#navigation form input.txt { background:#fff url('../images/bg-input.png') no-repeat left top; width:173px; position:absolute; top:16px; left:20px; padding:4px 5px 5px 5px; border:1px solid #d3e2f4; color:#6a92c6; }
#navigation form button.btn { background:#093978 url('../images/bg-button.png') no-repeat left top; width:91px; height:25px; line-height:25px; position:absolute; top:17px; left:211px; padding:0; border:none; color:#fff; font-size:0.9em; font-weight:700; text-shadow:#000 -1px -1px 0px; text-align:center; cursor:pointer; }


/* FOOTER */
#footer { background:url('../images/bg-footer.png') no-repeat center top; margin:20px 0 0 0; padding:20px 0; text-align:center; }
#footer p,
#footer address { padding:0; color:#0c4ca1; font-size:0.9em; }
#footer address a.btnIco { display:inline; float:none; padding:2px 0 1px 25px; }
#footer p#eu { margin:10px auto; text-transform:uppercase; font-weight:700; }
#footer p#eu img { margin:0 0 5px 0; }
#footer a,
#footer a:link { color:#e51314; text-decoration:underline; cursor:pointer; }
#footer a:visited { color:#e51314; }
#footer a:active,
#footer a:focus,
#footer a:hover { color:#0c4ca1; text-decoration:underline; }


/* DIV MAP */
#container .mapa { background:url('../images/map.png') no-repeat left 0px; position:relative; width:181px; height:103px; }
#container .mapa li { position:absolute; margin:0; font-size:0.8em; }
#container .mapa li a span { background:url('../images/map2.gif') no-repeat -1000px -1000px; z-index:100; }
#container .mapa li:hover { z-index:500; }

#container .mapa li.karlovarsky { top:25px; left:0px; }
#container .mapa li.karlovarsky a { width:28px; height:21px; }
#container .mapa li.karlovarsky a span { background-position:0px 0px; }
#container .mapa li.karlovarsky a:hover span { background-position:0px -21px; }

#container .mapa li.ustecky { top:0px; left:23px; }
#container .mapa li.ustecky a { width:42px; height:38px; }
#container .mapa li.ustecky a span { background-position:-31px 0px; }
#container .mapa li.ustecky a:hover span { background-position:-31px -38px; }

#container .mapa li.liberecky { top:0px; left:60px; }
#container .mapa li.liberecky a { width:30px; height:23px; }
#container .mapa li.liberecky a span { background-position:-74px 0px; }
#container .mapa li.liberecky a:hover span { background-position:-74px -23px; }

#container .mapa li.kralovehradecky { top:12px; left:81px; }
#container .mapa li.kralovehradecky a { width:36px; height:28px; }
#container .mapa li.kralovehradecky a span { background-position:-106px 0px; }
#container .mapa li.kralovehradecky a:hover span { background-position:-106px -28px; }

#container .mapa li.olomoucky { top:26px; left:124px; }
#container .mapa li.olomoucky a { width:30px; height:45px; }
#container .mapa li.olomoucky a span { background-position:-143px 0px; }
#container .mapa li.olomoucky a:hover span { background-position:-143px -45px; }

#container .mapa li.moravskoslezsky { top:32px; left:135px; }
#container .mapa li.moravskoslezsky a { width:48px; height:34px; }
#container .mapa li.moravskoslezsky a span { background-position:-174px 0px; }
#container .mapa li.moravskoslezsky a:hover span { background-position:-174px -34px; }

#container .mapa li.plzensky { top:41px; left:3px; }
#container .mapa li.plzensky a { width:40px; height:44px; }
#container .mapa li.plzensky a span { background-position:-277px 0px; }
#container .mapa li.plzensky a:hover span { background-position:-277px -44px; }

#container .mapa li.stredocesky { top:19px; left:35px; }
#container .mapa li.stredocesky a { width:54px; height:44px; }
#container .mapa li.stredocesky a span { background-position:-222px 0px; }
#container .mapa li.stredocesky a:hover span { background-position:-222px -44px; }

#container .mapa li.praha { top:36px; left:58px; z-index:600 }
#container .mapa li.praha a { width:10px; height:10px; }
#container .mapa li.praha a span { background-position:-8px -52px; }
#container .mapa li.praha a:hover span { background-position:-8px -62px; }

#container .mapa li.pardubicky { top:37px; left:88px; }
#container .mapa li.pardubicky a { width:38px; height:22px; }
#container .mapa li.pardubicky a span { background-position:-318px 0px; }
#container .mapa li.pardubicky a:hover span { background-position:-318px -22px; }

#container .mapa li.jihocesky { top:61px; left:36px; }
#container .mapa li.jihocesky a { width:54px; height:43px; }
#container .mapa li.jihocesky a span { background-position:-357px 0px; }
#container .mapa li.jihocesky a:hover span { background-position:-357px -43px; }

#container .mapa li.vysocina { top:51px; left:73px; }
#container .mapa li.vysocina a { width:40px; height:36px; }
#container .mapa li.vysocina a span { background-position:-412px 0px; }
#container .mapa li.vysocina a:hover span { background-position:-412px -36px; }

#container .mapa li.jihomoravsky { top:59px; left:95px; }
#container .mapa li.jihomoravsky a { width:50px; height:40px; }
#container .mapa li.jihomoravsky a span { background-position:-453px 0px; }
#container .mapa li.jihomoravsky a:hover span { background-position:-453px -40px; }

#container .mapa li.zlinsky { top:62px; left:136px; }
#container .mapa li.zlinsky a { width:38px; height:27px; }
#container .mapa li.zlinsky a span { background-position:-507px 0px; }
#container .mapa li.zlinsky a:hover span { background-position:-507px -27px; }


/* CLASSES */
.in { padding:0 15px; }
.clear { width:100%; overflow:hidden; }
.clear.slim { width:150px; overflow:hidden; }
.buttons-inside { position:absolute; top:-5px; left:85px; display:block; width:auto; height:auto; text-indent:0; line-height:1; text-transform:none; }
.printOnly { display:none; }

.hidden { display:none; }

.ir,.ir span { display:block; overflow:hidden; position:relative; top:0; right:0; }
.ir span { width:100%; height:100%; position:absolute; }

.imleft { display:block; float:left; margin:0 10px 0 0; }
.imright { display:block; float:right; margin:0 0 0 10px; }
.imcenter { display:block; margin:5px auto; }
.fleft { float:left; }
.fright { float:right; }