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


/********************************* GLOBAL */
body { background:#1a3345 url('../images/bg-body.png') repeat-x left top; color:#b3bcc6; font-size:62.5%; }
#page { font-size:1.2em; line-height:1.4; margin:0 auto; position:relative; }


/********************************* LINKS */
a, a:link { color:#3494d0; text-decoration:underline; }
a:visited { color:#3494d0; }
a:active, a:focus, a:hover { color:#006caf; text-decoration:underline; }
a.whitelink, a.whitelink:link { color:#b3bcc6; text-decoration:none; }
a.whitelink:visited { color:#b3bcc6; }
a.whitelink:active, a.whitelink:focus, a.whitelink:hover { color:#fff; text-decoration:underline; }
a img { border:0 none; }


/********************************* HEADER */
#header { background:url('../images/bg-top.png') no-repeat -20px top; width:950px; height:230px; margin:auto; position:relative; }
#header #logo { width:317px; height:78px; position:absolute; top:32px; left:27px; font-size:3em; font-weight:700; text-transform:uppercase; letter-spacing:-2px; }
#header a#logo { cursor:pointer; }
#header #logo span { background:url('../images/logo.png') left top no-repeat; }
#header #slogan { position:absolute; top:120px; left:30px; color:#fff; }
#header #cards-image { background:url('../images/header-cards.png') no-repeat left top; width:372px; height:171px; position:absolute; top:21px; left:548px; }
#lang { position:absolute; bottom:10px; right:15px; color:#3494d0; z-index:50; }
#lang li { width:24px; height:19px; float:left; margin:0 5px 0 0; }
#lang li#langsk span { background:url('../images/lang-sk.png') no-repeat left top; }
#lang li#langsk a:hover span,
#lang li#langsk strong span { background-position:-100px top; }
#lang li#langen span { background:url('../images/lang-en.png') no-repeat left top; }
#lang li#langen a:hover span,
#lang li#langen strong span { background-position:-100px top; }


/********************************* CONTAINER */
#container-wrap { background:#17364d url('../images/bg-shadow.png') no-repeat center top; width:100%;  }
#container { width:950px; margin:auto; position:relative; }
#container p { margin:0 20px 15px 0; }
#container img, #container #map { border:1px solid #7c8794; }
#container img.noborder { border:none; }
#container h3 { font-size:1.2em; margin:20px 0 10px 0; }
#container h4 { font-size:1.1em; margin:10px 0; }
#container ul,
#container ol { margin:0 0 15px; }
#container ul li { background:url('../images/arrow-li.gif') no-repeat left 5px; margin:0 0 5px 5px; padding:0 0 0 15px; }

#container ol { margin:0 0 10px 20px; }
#container ol li { list-style-type:decimal; }
#container .searchHightLight { color:#fff500; font-weight:700; }
#container .blue-box { background:#3494d0 url('../images/blue-box-top.png') no-repeat left top; width:640px; height:49px; margin:20px 0 10px 0; color:#0e212f; }
#container .blue-box p { margin:0 15px; padding:12px 0 0 0; }
#container .blue-box .blue-box-end { background:url('../images/blue-box-end.png') no-repeat left top; width:640px; height:5px; margin:0; padding:0; }


/********************************* RIGHT BOX */
#container #rightbox { margin:12px 0 0 0; width:265px; color:#0e212f; position:absolute; right:0; top:0; }
#container #rightbox h2 { width:212px; line-height:44px; font-size:1.2em; color:#3494d0; text-transform:uppercase; text-indent:12px; }
#container #rightbox p { margin:0; padding:5px 10px; }
#container #rightbox .inner { padding:0 12px; }
#container #rightbox .top { background:url('../images/white-box-top-trans.png') no-repeat left top; width:265px; height:20px; }
#container #rightbox .top .top-in { background:#fff url('../images/white-box-top.png') no-repeat left top; width:236px; height:15px; margin:auto; position:relative; top:16px; }
#container #rightbox .bottom { background:url('../images/white-box-end-trans.png') no-repeat left top; width:265px; height:28px; }
#container #rightbox .bottom .bottom-in { background:url('../images/white-box-end.png') no-repeat left top; width:236px; height:10px; margin:auto; position:relative; top:6px; }
#container #rightbox .body { background:url('../images/white-box-body-trans.png') repeat-y left top; padding:0; width:265px; }
#container #rightbox .body .body-in { background:#fff url('../images/white-box-body.png') repeat-y left top; width:236px; padding:0; margin:auto; position:relative; top:9px; }

#container #rightbox #h-submenu { height:64px; }
#container #rightbox #h-submenu span { background:url('../images/h-submenu.png') left top no-repeat; }
#container #rightbox #h-zakaznicke-centrum { height:66px; }
#container #rightbox #h-zakaznicke-centrum span { background:url('../images/h-zakaznicke-centrum-sk.png') left top no-repeat; }
.en #container #rightbox #h-zakaznicke-centrum span { background:url('../images/h-zakaznicke-centrum-en.png') left top no-repeat; }
#container #rightbox #h-neprehlednete { height:63px; }
#container #rightbox #h-neprehlednete span { background:url('../images/h-neprehlednete-sk.png') left top no-repeat; }
.en #container #rightbox #h-neprehlednete span { background:url('../images/h-neprehlednete-en.png') left top no-repeat; }
#container #rightbox ul.submenu { margin:0 0 15px 10px; line-height:1.6; }
#container #rightbox ul.submenu li { background:url('../images/li-square.png') left 6px no-repeat; margin:0; padding:0 0 0 15px; }
#container #rightbox ul.submenu li a { text-transform:uppercase; font-weight:700; }

#container #rightbox #h-vyhledavani { height:59px; margin:10px 0 0 0; }
#container #rightbox #h-vyhledavani span { background:url('../images/h-vyhledavani-sk.png') left top no-repeat;  }
.en #container #rightbox #h-vyhledavani span { background:url('../images/h-vyhledavani-en.png') left top no-repeat;  }
#container #rightbox form { position:relative; padding:0 0 20px 0; }
#container #rightbox form .input-wrap { background:#fff url('../images/bg-input-wrap.png') left top no-repeat; width:170px; height:45px; margin:0 0 0 5px; position:relative; }
#container #rightbox form .input-wrap input.txt { background:transparent; width:144px; margin:0; padding:5px 4px ; color:#7c8794; border:none; position:absolute; top:10px; left:9px; }
#container #rightbox form input.button-submit { width:15px; height:15px; margin:0; padding:0; color:#fff; border:none; position:absolute; top:14px; left:180px; }
#container #rightbox form p { text-align:right; margin:0 45px 0 0; padding:0; }

#container #rightbox form#customer-login { margin:5px 0 0 0; }
#container #rightbox form#customer-login { position:relative; }
#container #rightbox form#customer-login .input-wrap { background:#fff url('../images/bg-input-wrap2.png') left top no-repeat; width:170px; height:40px; margin:0 0 0 0; position:relative; }
#container #rightbox form#customer-login .input-wrap input.txt { background:transparent; width:144px; margin:0; padding:5px 4px ; color:#7c8794; border:none; position:absolute; top:10px; left:9px; }
#container #rightbox form#customer-login .input-wrap2 { background:#fff url('../images/bg-input-wrap3.png') left top no-repeat; width:170px; height:40px; margin:0 0 0 0; position:relative; }
#container #rightbox form#customer-login .input-wrap2 input.txt { background:transparent; width:144px; margin:0; padding:5px 4px ; color:#7c8794; border:none; position:absolute; top:4px; left:9px; }
#container #rightbox form#customer-login input.button-submit { width:15px; height:15px; margin:0; padding:0; border:none; position:absolute; top:50px; left:175px; }
#container #rightbox form#customer-login p { text-align:right; margin:0 50px 0 0; }

#container #rightbox .news { background:url('../images/dot.png') repeat-x center bottom; margin:0px 10px 0 10px; padding:0 0 5px 0; }
#container #rightbox .news h3 { font-size:1.1em; margin:0; }
#container #rightbox .news dt { color:#000; }
#container #rightbox .news p { padding:0; }
#container #rightbox .news p em.date { background:url('../images/news-ico.png') left center no-repeat; padding:0 0 0 15px; font-size:0.9em; font-style:normal; color:#7c8794; }
#container #rightbox .news p.text { margin:2px 0 0 0;  }


/********************************* LEFT BOX */
#container #leftbox { margin:0 250px 0 0; padding:28px 20px 10px 20px; }
#container #leftbox h1 { background:#3494d0 url('../images/blue-box-top.png') no-repeat left top; width:640px; margin:0 0 15px; color:#0e212f; font-weight:700; position:relative; }
#container #leftbox h1 span { background:url('../images/blue-box-end.png') no-repeat left bottom; display:block; height:44px; /*padding:10px 15px;*/ }
#container #leftbox h2 { margin:25px 0 10px 0; font-size:1.4em; font-weight:700; }
#container #leftbox .inner { padding:25px 20px; }
#container #leftbox .boxes { margin:0 0 20px 0; position:relative; top:-16px; }
#container #leftbox .box { background:#26465e; width:310px; float:left; display:inline; margin:0 20px 5px 0; position:relative; /*cursor:pointer; */}
#container #leftbox .box h2 { background:#3494d0; width:310px; height:70px; margin:0; font-size:1.1em; color:#fff; line-height:90px; text-transform:uppercase; text-indent:20px; }
#container #leftbox .box h2.sifrtext { position:relative; }
#container #leftbox .box h2 a { color:#fff; text-decoration:none; }
#container #leftbox .box h2 a:active, #container #leftbox .box h2 a:focus, #container #leftbox .box h2 a:hover { color:#fff; text-decoration:underline; }
#container #leftbox .box .inner { background:url('../images/hbox-end.png') left bottom no-repeat; padding:10px 10px 15px 19px; color:#f5f5f5; overflow:hidden; }
#container #leftbox .box p { margin:0; position:absolute; bottom:12px; right:10px; }
#container #leftbox .box.topleft h2, #container #leftbox .box.topright h2 { height:66px; }
#container #leftbox .box.topleft h2 { background:url('../images/hbox-empty-top-left.png') left top no-repeat; }
#container #leftbox .box.topright h2 { background:url('../images/hbox-empty-top-right.png') left top no-repeat; }
#container #leftbox .box h2 { background:url('../images/hbox-empty-bottom.png') left top no-repeat; }

#container #leftbox .more { margin:5px 0 0 0; }
#container #leftbox .more a { background:url('../images/arrow-right.gif') right 0px no-repeat; padding:0 20px 0 0; }
#container #leftbox .more a:hover { background-position:right -185px; }
#container #leftbox .back { margin:20px 0 20px 10px; }
#container #leftbox .back a { background:url('../images/arrow-left.gif') left 0px no-repeat; padding:0 0 0 20px; }
#container #leftbox .back a:hover { background-position:left -185px; }

#container #leftbox .box.terminals-sensors h2 { height:66px; }
#container #leftbox .box.terminals-sensors h2 span { background:url('../images/hbox-terminaly-snimace.png') left top no-repeat; }
#container #leftbox .box.software h2 { height:66px; }
#container #leftbox .box.software h2 span { background:url('../images/hbox-software.png') left top no-repeat; }
#container #leftbox .box.accessories h2 span { background:url('../images/hbox-prislusenstvi.png') left top no-repeat; }
#container #leftbox .box.turnstile h2 span { background:url('../images/hbox-turnikety.png') left top no-repeat; }

#container #leftbox .products-list li h2 { text-transform:uppercase; font-size:1.2em; text-align:center; }
#container #leftbox .products-list li { background:none; width:170px; margin:5px 65px 10px 0; padding:0; float:left; position:relative; }
#container #leftbox .products-list li.noRightMargin { margin-right:0px; }
#container #leftbox .products-list li a.border { border:1px solid #b3bcc6; display:block; /*width:160px;*/ height:160px; margin:auto; text-align:center; }
#container #leftbox .products-list li a.border img { /*margin:10px 0;*/ border:none; }
#container #leftbox .products-list li .more { /*position:absolute; bottom:0px; right:5px; */text-align:center;}
#container #leftbox .product-detail { margin:20px 0; }
#container #leftbox .product-detail img { border:none; }
#container #leftbox .pdf { float:right; text-align:center; margin:0 20px 15px 15px; font-size:0.7em; font-weight:700; width:46px; }
#container #leftbox .pdf a { width:33px; height:32px; margin:auto; }
#container #leftbox .pdf a span { background:url('../images/icon-pdf.png') left top no-repeat; }
#container #leftbox .pdf a:hover span { background-position:left bottom; }
#container #leftbox .arrows { margin:0 0 10px 0; }
#container #leftbox .arrows .arrow-left { background:url('../images/arrows.png') left 3px no-repeat; padding:5px 0 5px 30px; float:left; }
#container #leftbox .arrows .arrow-left.off { background-position:left -319px; }
#container #leftbox .arrows .arrow-right { background:url('../images/arrows.png') right -138px no-repeat; padding:5px 30px 5px 0; float:right; margin:0 22px 0 0; }
#container #leftbox .arrows .arrow-right.off { background-position:right -460px; }

#container #leftbox .icons-admin li { float:left; background:#26465e; width:80px; margin:0 5px 0 0; padding:3px; }
#container #leftbox .icons-admin li img { border:0; }

#container #leftbox #map { float:right; width:400px; height:300px; margin:6px 21px 0 0; color:black; }

#container #leftbox h2.bigger { color:#ccc; font-size:1.2em; margin:15px 0 0 0 }
#container #leftbox em.newsdate { font-size:0.9em; }

#container #leftbox .contact { float:left; width:320px; display:inline; margin:0 10px 30px 0; padding:0; position:relative; }
#container #leftbox .contact p strong { font-size:1.2em; }
#container #leftbox .contact ul { /*position:absolute;*/ bottom:0; left:135px; }
#container #leftbox .contact ul li { margin:0 0 3px 0; padding:0 0 0 20px; }
#container #leftbox .contact ul li.cellphone { background:url('../images/ico-phone.png') no-repeat left center; }
#container #leftbox .contact ul li.phone { background:url('../images/ico-telephone.png') no-repeat left center; }
#container #leftbox .contact ul li.email { background:url('../images/ico-email.png') no-repeat left 2px; }


/********************************* TABLES */
#container table { width:640px; }
#container table caption { background:#143044; color:#ccc; text-align:center; padding:8px 10px; font-weight:700; font-size:1.1em; letter-spacing:1px; text-transform:uppercase; }
#container table th, #container table td, #container table caption { border:1px solid #17364d; }
#container table thead th { background:#3494d0; color:#0e212f; text-align:left; padding:8px 10px; text-transform:uppercase; }
#container table tbody th, #container table tbody td { background:#162d3e;  padding:5px 10px; }
#container table tbody th { width:300px; text-align:left; }
#container table tbody td { text-align:left; }
#container table tbody tr.linkNotAvailable td { color:#44535e; }
#container table tbody tr.loader td { color:#fff; text-align:center; font-style:italic; padding:8px 10px; text-transform:uppercase; }


/********************************* MENU */
#navigation-wrap { width:100%; height:42px; margin:auto; position:absolute; top:187px; z-index:0; }
#navigation { width:950px; height:42px; margin:auto; position:relative; }
#navigation menu { width:677px; height:42px; margin:0 0 0 23px; padding:0; position:relative; z-index:1; }
#navigation menu li, #navigation menu li a, #navigation menu li span { display:block; width:112px; height:42px; margin:0; padding:0; position:absolute; top:0; }
#navigation menu li a { background:#0e3c5c; color:#3494d0; text-decoration:none; overflow:hidden; }
#navigation menu li a:hover { background:#3392ce; color:#fff; text-decoration:underline; }
#navigation menu li#p1 { left:0; }
#navigation menu li#p2 { left:113px; }
#navigation menu li#p3 { left:226px; }
#navigation menu li#p4 { left:339px; }
#navigation menu li#p5 { left:452px; }
#navigation menu li#p6 { left:565px; }
#page #navigation menu li a,
#page #navigation menu li a:link,
#page #navigation menu li a:visited,
#page #navigation menu li span { left:0; top:0; font-size:1.1em; line-height:42px; text-transform:uppercase; font-weight:700; text-align:center; }
#navigation menu li span { background:url('../images/bg-menu-sk.png') left top no-repeat; }
.en #navigation menu li span { background:url('../images/bg-menu-en.png') left top no-repeat; }
#navigation menu li#p1 span { background-position:-113px top; }
#navigation menu li#p2 span { background-position:left top; }
#navigation menu li#p3 span { background-position:-226px top; }
#navigation menu li#p4 span { background-position:-339px top; }
#navigation menu li#p5 span { background-position:-452px top; }
#navigation menu li#p6 span { background-position:-565px top; }
#navigation menu li#p1 a:hover span, #navigation menu li#p1 a:focus span, #navigation menu li#p1 a:active span { background-position:-113px -42px; }
#navigation menu li#p2 a:hover span, #navigation menu li#p2 a:focus span, #navigation menu li#p2 a:active span { background-position:left -42px; }
#navigation menu li#p3 a:hover span, #navigation menu li#p3 a:focus span, #navigation menu li#p3 a:active span { background-position:-226px -42px; }
#navigation menu li#p4 a:hover span, #navigation menu li#p4 a:focus span, #navigation menu li#p4 a:active span { background-position:-339px -42px; }
#navigation menu li#p5 a:hover span, #navigation menu li#p5 a:focus span, #navigation menu li#p5 a:active span { background-position:-452px -42px; }
#navigation menu li#p6 a:hover span, #navigation menu li#p6 a:focus span, #navigation menu li#p6 a:active span { background-position:-565px -42px; }
#navigation menu li#p1.active a span { background-position:-113px bottom; }
#navigation menu li#p2.active a span { background-position:left bottom; }
#navigation menu li#p3.active a span { background-position:-226px bottom; }
#navigation menu li#p4.active a span { background-position:-339px bottom; }
#navigation menu li#p5.active a span { background-position:-452px bottom; }
#navigation menu li#p6.active a span { background-position:-565px bottom; }
#navigation menu li#p1.active a:hover span { background-position:-113px -42px; }
#navigation menu li#p2.active a:hover span { background-position:left -42px; }
#navigation menu li#p3.active a:hover span { background-position:-226px -42px; }
#navigation menu li#p4.active a:hover span { background-position:-339px -42px; }
#navigation menu li#p5.active a:hover span { background-position:-452px -42px; }
#navigation menu li#p6.active a:hover span { background-position:-565px -42px; }

#navigation menu li.add-button { background:transparent; position:absolute; top:13px; left:-25px; width:16px; height:16px; z-index:10; }
#navigation menu li.add-button a { background:url('/_common/epcommon_3_4/_gfx/add.gif') no-repeat left top; width:16px; 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 ul.nav-submenu { display:none; background:#1c6a9b url('../images/bg-submenu.png') repeat-x left bottom; border:1px solid #0e212f; border-top:none; position:absolute; top:41px; width:200px; padding:10px 0; z-index:20; }
#navigation ul.nav-submenu li,
#navigation ul.nav-submenu li a { background:transparent; width:auto; height:auto; line-height:20px !important; text-align:left !important; text-transform:none !important; margin:0; padding:0; position:relative; color:#d9e2e8; }
#navigation ul.nav-submenu li a { padding:0 10px; }
#navigation ul.nav-submenu li a:hover { color:#fff; }


/********************************* FORM */
form * { font-size:1em; }
label.float { display:block; width:150px; float:left;  }
label.disabled { color:#aaa; }
input.txt.disabled { background:#eee; }
input.txt, textarea.txt { background:#fff url(../images/bg-input.png) repeat-x left top; border:1px solid #c6c6c6; border-bottom:1px solid #e3e3e3; padding:3px; font-weight:700; width:400px; } 
textarea.txt { height:40px; }
input.short { width:150px; }
button.button { margin:20px auto 0; padding:6px 15px; display:block; font-size:1.1em; font-weight:700;  }
div.normalInput { /*height:25px; */ line-height:25px; margin:0 0 5px 0; padding:7px 10px; }
div.focusInput { background:#162d3e; }


/********************************* FOOTER */
#footer-wrap { width:100%; }
#footer-wrap #footer { background:#1a3345 url('../images/bg-footer.png') no-repeat right top; width:910px; margin:0 auto 15px; text-align:left; }
#footer-wrap #footer p.first { padding-top:20px; }
#footer-wrap #footer p, #footer-wrap #footer address { padding:0 40px 0 0; font-size:0.9em; color:#608096; }


/********************************* FILES */
#container .files { list-style:none; margin:0; padding:0; }
#container .files li { margin:0; padding:2px 0 2px 10px; }
#container .files li a { color:#fff; text-decoration:underline; }
#container .files li a img { border:0 none; vertical-align:middle; }
#container .files li a:hover { text-decoration:none; }


/********************************* GALLERY IMAGES */
#container .images { list-style-type:none; margin:0; padding:0; overflow:hidden; width:100%; }
#container .images li { background:none; padding:0; margin:0 20px 15px 1px; float:left; }
#container .images li a img { border:1px solid #7c8794; }
#container .images li a:hover img { border-color:#355E8F; }
#container .images img { border:1px solid #123662; }


#admin-menu { background:#6a4500 url('../images/32lock.png') no-repeat 10px 10px; padding:16px 0; border:1px solid #895e0e; position:absolute; top:15px; left:400px;  }
#admin-menu li { padding:0 20px 0 50px; }
#admin-menu li a { font-weight:700; color:#f4b502; }
#admin-menu li a:hover { color:#ffd255; }


/********************************* CLASSES */
.inner { padding:10px 25px; }
.clear { width:100%; overflow:hidden; }
.clear.buttons { width:100px; }
.edit-buttons { width:100%; overflow:hidden; display:block; }
.hidden, .print-only { display:none; }
.hidden2 { position:absolute; left:-1000px; }
.ir,.ir span { display:block; overflow:hidden; position:relative; top:0; left:0; } 
.ir span { width:100%; height:100%; position:absolute; }

.img-left{ display:block; float:left; margin:0 10px 0 0; }
.img-right { display:block; float:right; margin:0 0 0 10px; }
.img-center { display:block; margin:5px auto; }
.fleft { float:left; }
.fright { float:right; }

.more { text-align:right; margin:10px 0; padding:0; }
.back { text-align:left; padding:0; }

.check { width:16px; height:16px; margin:auto; text-indent:-100px; }
.check.yes { background:url('../images/16accept.png') no-repeat left center; }
.check.no { background:url('../images/16block.png') no-repeat left center; }

.errors, .success { margin:10px 0; padding:15px 0; } 
.errors li, .success li { background:none !important; padding:0 0 0 50px !important; font-weight:700; } 
.errors { background:#590706 url('../images/32delete.png') no-repeat 10px 10px; border:1px solid #761b17; }
.errors li{ color:#eaaba8; }
.success { background:#144c00 url('../images/32accept.png') no-repeat 10px 10px; border:1px solid #246b00; }
.success li{ color:#add07b; }