body{background:#F0F0F0 url('/img/bg-body.png') 0 0 repeat; text-align:center;}

/* NAVIGATION-SKIP */
#nav-skip { position: absolute; left: -2000px; }
#nav-skip a:focus, #nav-skip a:active { position: absolute; left: 2000px; }

/* LAYOUT STYLE */
#mother {margin: 0 auto; width: 970px;}
#footer {text-align: left; background: #5A5A5A; padding: 10px 20px 0px 20px; overflow: hidden; color: #fff; font-size: 92%; margin: 0 5px;}
#help-wrap {background: url(/img/bg-help-wrap.png) -1px 0 repeat-y; padding: 0 5px; text-align: left;}
#header {background: #F0EDE8 url('/img/bg-header.png') 0 0 repeat-x; border-top: 6px solid #2F2F2F;}
#header .in {background: url('/img/bg-header-in.png') 0 0 repeat-y; margin: 0 0 0 20px; padding: 40px 0 0; position: relative; z-index: 99;}
#main {background: #fff; min-height: 300px;}
#content {margin: 0 20px; padding: 0 0 20px; position: relative; z-index: 10;}
#col-content {float: left; width: 627px; padding: 0;}
.home #col-side {margin: 0;}
#col-side {float: right; width: 270px; padding: 0; margin: 1.8em 0 0 0;}

/* LANG MENU */
#lang-menu {text-align: right; padding: 15px 5px 8px; background: url('/img/bg-lang-menu.png') 0 100% no-repeat; font-size: 92%;}
#lang-menu strong {padding: 2px 7px 2px 10px; border-left: 1px solid #BDBBB7;}
#lang-menu .first {border: none;}
#lang-menu a {text-decoration: none; padding: 2px 7px 2px 10px; border-left: 1px solid #BDBBB7;}
#lang-menu a span {text-decoration: underline;}
#lang-menu img {border: 1px solid #BDBBB7; vertical-align: bottom; margin: 0 3px 0 0;}

/* HEADER CONTACT */
#header-contact {position: absolute; top:0px; right:0px; text-align: left; padding: 0 20px 0 50px; background: url('/img/bg-header-contact.png') 0 100% no-repeat; color: #007BC4; font-family: 'Trebuchet MS', Trebuchet, Tahoma, Arial, sand-serif; font-size: 108.5%; z-index: 99;}

/* LOGO BOX */
#logo-box {display: inline; float: left;}
#logo-box a {display: block;}
#logo-box h2 {margin: 0; padding: 0; border: none; line-height: 1;}
#logo-box img {border: none; display: block;}

/* SEARCH BOX */
#search-box {text-align: right; padding: 20px 20px 0 0;}
#search-box .int-text {width: 200px; padding: 3px 5px; border-color: #6D6D6D;}
#search-box .go-btn {background: #007AC3; border: 1px solid #008DE1; color: #fff; text-transform: uppercase; font-family: tahoma, sand-serif; font-size: 92%; vertical-align: middle; padding: 3px 5px 4px; cursor: pointer;}

/* MAIN MENU */
#main-menu {margin: 0 0 -1px; position: relative; z-index: 99;}
#main-menu ul {margin: 0 0 0 82px; padding: 0;}
#main-menu li {margin: 0 0 -1px; padding: 0.55em 0 0; background: none; float: left; display: inline; list-style: none;position: relative;}
#main-menu li.r {float: right;}
#main-menu li.active {background: url('/img/bg-main-menu-li-active.png') center 100% no-repeat;}
#main-menu li a span, #main-menu li a strong {font-size: 92%; text-transform: uppercase; text-decoration: none; padding: 4px 18px; border-left: 1px solid #BDBBB7; cursor: pointer;}
#main-menu li a {padding: 10px 0; display: block; text-decoration: none;}
#main-menu li a:hover, #main-menu li.hover a, #main-menu li:hover a{background: url('/img/bg-main-menu-li-active.png') center 100% no-repeat;}
#main-menu li:first-child span, #main-menu li:first-child strong, #main-menu li.no-bg span, #main-menu li.no-bg strong {border: none;}
#main-menu li strong {color: #333; font-weight: normal;}


#main-menu ul li .submenu, #main-menu ul li .submenu {display: none;}
#main-menu ul li:hover .submenu, #main-menu ul li.hover .submenu {display: block; position: absolute; top: 3.6em; left: 0px; z-index: 99; width: 200px;}
#main-menu ul ul {margin: 0; padding: 0px 10px 3px; border: 4px solid #0A346D; border-width: 4px 0 1px; background: #F7F7F7; font-size: 92%; border-bottom-color: #d9d9d9;}
#main-menu ul ul li {padding: 2px 0; float: none; display: list-item; line-height: 1.2; text-transform: none; background: none !important; border-top: 1px solid #d9d9d9;}
#main-menu ul ul li:first-child {border: none;}
#main-menu ul ul li a {padding: 8px 0; display: block; background: none !important;}
#main-menu ul ul li a:hover {text-decoration: underline;}
#mother #main-menu ul li ul li.active a {text-decoration: none; padding: 8px 0; margin: 0; cursor: default;}
#main-menu ul ul li.active a strong {font-weight: normal; padding: 0; text-transform: none; font-size: 100%; border: none; cursor: default;}

#side-menu h2 {margin: 0; text-transform: uppercase; font-size: 150%;}
#side-menu ul {margin: 0 0 15px; padding: 0;}
#side-menu li {margin: 0; padding: 0; list-style: none; font-size: 117%; background: none;}
#side-menu li a {padding: 10px 10px 10px 25px; display: block; border-bottom: 1px solid #BDBBB7; background: url('/img/bg-li.png') 10px 1em no-repeat; font-weight: normal;}
#side-menu li strong {color: #666;}

/* BREADCRUMB */
#breadcrumb {padding: 20px 20px 18px; margin: 0 0 20px; color: #fff; background: #0F4C9E url('/img/bg-breadcrumb.png') 0 0 no-repeat; line-height: 1.5;}
#breadcrumb a {color: #fff;}

/* MOTIVE */
.home #annot-box {min-height: 215px; padding: 50px 30px 0 330px; background: #0A356E url('/img/bg-annot-box.jpg') 0 100% no-repeat; margin: 0 0 20px; font-size: 100%;}
.home #annot-box h1 {margin: 0 0 0.2em; padding: 0; font-size: 350%; font-weight: normal; border: none; text-transform: none; color: #fff; line-height: 1;}
.home #annot-box p {font-size: 117%; color: #fff; margin: 0; line-height: 1.6;}

.home #motive {height: 265px; position: relative; margin: 0 0 20px; font-size: 100%; overflow: hidden;}

.home #motive .img {position: relative; z-index: 1;}
.home #motive .img img {display: block;}

.home #motive .desc {position: absolute; left: 20px; top: 4px; background: url('/img/bg-png24.png') 0 0 repeat; width: 415px; padding: 20px; color: #fff; z-index: 2;}
.home #motive .desc h1 {margin: 0; font-family: arial; font-size: 250%; color: #fff; margin: 0 0 0.5em; padding: 0; border: none;}
.home #motive .pagingMotive p, .home #motive .desc p {margin: 0;}

.pagingMotive {position: absolute; left: 20px; bottom: 15px; z-index: 2; zoom: 1;}
.pagingMotive a {float: left; width: 11px; height: 10px; overflow: hidden; line-height: 1px; font-size: 1px; background: url('/img/paging.png') 0 -10px no-repeat; margin: 0 7px 0 0;}
.pagingMotive a:hover, .pagingMotive a.active {background-position: 0 0;}
.pagingMotive a span, .pagingMotive a.prev, .pagingMotive a.next {position: absolute; left: -5000px;}

.home #motive .motive-menu {position: absolute; right: 40px; bottom: 4px; background: url('/img/bg-png241.png') 0 0 repeat; width: 210px; padding: 5px 17px; color: #fff; z-index: 2;}
.home #motive .motive-menu ul {margin: 0; padding: 0;}
.home #motive .motive-menu ul li {margin: 0; border-top: 1px solid #356083; background: url('/img/bg-li-white.png') 0 1.1em no-repeat; padding: 0;}
.home #motive .motive-menu ul li.first {border: none;}
.home #motive .motive-menu ul li a {color: #fff; display: block; zoom: 1; padding: 9px 12px;}
.home #motive .motive-menu ul li a:hover {text-decoration: none;}

/* ANNOT BOX */
.crossroad #annot-box {padding: 0; background: none;}
#annot-box {padding-bottom: 50px; margin: 0 0 -20px; color: #666; font-size: 117%;}
.prod {position: relative; z-index: 10;}
.prod h1  {width: 700px !important; border-bottom: 0; margin-bottom: 0;}
.prod p  {border-top: 1px solid #BDBBB7; margin-top: 0; padding-top: 15px;}
.no-background {padding-bottom: 0 !important; margin: 0 !important; background: none !important;}
.with-img {padding-left: 175px;}
#annot-box p {margin: 0;}
#annot-box img {float: left; margin: 0 0 0 -175px;}
.icons {position: absolute; right: 0; top: 1.5em; font-size: 92%;}
.icons .ico-print {background: url('/img/ico-print.png') 0 50% no-repeat; padding: 2px 0 2px 20px; margin: 0 0 0 15px;}
.icons .ico-msg {background: url('/img/ico-msg.png') 0 50% no-repeat; padding: 0 0 0 20px; margin: 0 0 0 15px;}

/* HOME CROSSROAD */
.home-crossroad ul {margin: 0 0 15px; padding: 0;}
.home-crossroad li {margin: 0 0 3px; padding: 0; list-style: none; border-bottom: 1px solid #D9D9D9;}
.home-crossroad h2 {margin: 0 0 0.3em; padding: 0 0 0.2em; font-size:150%; text-transform: uppercase;}
.home-crossroad li a {padding: 14px 15px 14px 75px; display: block; background-position: 0 center; background-repeat: no-repeat; background-color: #F7F7F7; line-height: 1.4;}
.home-crossroad li a:hover {background-color: #EBEBEB; background-position: -400px center;}

/* FILTER */
.filter {background: #F7F7F7 url('/img/bg-filter.png') 0 0 no-repeat; border-bottom: 1px solid #D9D9D9; margin: 5px 0 15px;}
.filter .in {background: url('/img/bg-filter-in.png') 0 100% no-repeat; padding: 8px 12px;}
.filter h2 {padding: 0; border: none; font-size: 150%;  text-transform: uppercase;}
.filter ul {margin: 0; padding: 0;}
.filter ul li {margin: 0; padding: 7px 3px 4px; border-top: 1px solid #D9D9D9; line-height: 1.4; list-style: none; background: none;}
.filter ul li:first-child {border: none;}
.filter ul li a {background: url('/img/ico-folder.png') 0 0 no-repeat; padding: 0 0 3px 30px; display: block;}
.filter .row-list li {margin: 0 35px 10px 0; padding: 0; border: none; line-height: 1.4; list-style: none; float: left; display: inline;}

/* SORT PANEL */
.sort-panel {background: #F7F7F7 url('/img/bg-filter.png') 0 0 no-repeat; border-bottom: 1px solid #D9D9D9; margin: 5px 15px 15px; padding: 5px 20px 0; zoom: 1;}
.sort-panel p {margin: 7px 0 0 25px; *margin-top: 12px; float:left; display: inline;}
.sort-panel label {font-weight: bold;}
.sort-panel input, .sort-panel select, .sort-panel label {vertical-align: middle;}
.sort-panel ul{float:left; margin: 0; display: inline;}
.sort-panel ul li{float: left; display:inline; margin:0; padding:0; background:none;}
.sort-panel ul li a, .sort-panel ul li strong {display: block; _display: inline-block; font-weight: normal; line-height: 35px; height: 35px; padding: 0 14px; position: relative; bottom: -2px; z-index: 50; *bottom: -7px;}
.sort-panel ul li strong {border-top: 1px solid #D9D9D9; background: #fff;}

/* NEWS BOX */
.news-box {overflow: hidden; margin: 0 0 20px;}
.news-box h2 {margin: 0 0 0.3em; padding: 0 0 0.2em; font-size:150%; text-transform: uppercase;}
.news-box ul {margin: 15px 0 5px; padding: 0; border-bottom: 1px solid #BDBBB7;}
.news-box li {margin: 0 0 25px; padding: 0; list-style: none; background: none; background: none;}
.news-box li h3 {margin: 0 5.2em 0 0; font-size: 117%; padding: 0 0 0 20px; background: url('/img/ico-list.png') 0 center no-repeat; font-family: tahoma; text-transform: none;}
.news-box li .date {float: right; font-weight: bold; font-size: 92%; color: #666666; margin: -1.45em 2px 0 0;}
.news-box li .desc {font-size: 92%; margin-bottom: 0;}
.news-box li .separator {height: 2px; overflow: hidden; background: url('/img/bg-separator.png') 100% 0 no-repeat; margin: 5px 0 0;}
.news-box .more {float: left; background: url('/img/ico-list1.png') 0 center no-repeat; padding: 3px 0 3px 23px; margin: 0 0 0 3px;}
.news-box .rss {float: right; background: url('/img/ico-rss.png') 0 center no-repeat; padding: 3px 0 3px 21px; margin: 0 3px 0 0;}

/* NEWS LIST */
.news-list {margin: 0;}
.news-list ul {margin: 25px 0 0 0; padding: 0;}
.news-list li {background: none; padding: 0; margin: 0 0 3em; list-style: none;  overflow: hidden;}
.news-list .number {float: left; margin: 0.1em 0 0 -25px; font-size: 133.5%; font-weight: bold; font-family: arial; color: #666;}
.news-list h2 {margin: 0; padding: 0; border: none; font-size: 150%; text-transform: none;}
.news-list .box-img {float: left; margin: 0 15px 10px 0; width: 100px; text-align: center;}
.news-list .paging {margin: 0 -20px -21px;}

/* PRODUCT LIST */
.home .product-list {background: url('/img/bg-advice.png') 0 0 repeat-x;}
.home .product-list li {border: none;}
.home .product-list li .more {border-top: 1px solid #BDBBB7; border-bottom: none; padding: 7px 0 0; margin: 0;}

.page .product-list {margin: 0 -20px;}

.product-list {padding: 20px 20px; background: none; overflow: hidden;}
.product-list h2 {margin: 0 0 0.3em; padding: 0 0 0.2em; font-size:150%;  text-transform: uppercase;}
.product-list ul {margin: 0 0 0 -30px; padding: 0;}
.product-list li {margin: 0 0 20px 30px; padding: 0; list-style: none; float: left; display: inline; width: 286px; background: none; border-bottom: 1px solid #BDBBB7;}
.product-list .break {width: 100%;}
.product-list li h3 {margin: 10px 0 0; font-size: 117%;}
.product-list li h3 a {text-decoration: none;}
.product-list li h3 span {display: block; background: url('/img/bg-separator.png') 0 100% no-repeat; padding: 0 0 0.7em; cursor:pointer; text-decoration: underline;}
.product-list li h3 .img-box {display: block; float: left; width: 100px; height: 100px; background: none; padding: 0; cursor:pointer; text-decoration: none; text-align: center; margin: 0.7em 10px 10px 0;}
.product-list li .desc {font-size: 92%; margin: 0em 0 1.5em; padding: 0.7em 0 0;}
.product-list li .buy, .product-list li .more {font-size: 92%; padding: 0 0 7px; margin: 10px 0 0;}
.product-list li .more a {background: url('/img/ico-card.png') 0 0.1em no-repeat; padding: 0 0 2px 22px; display: block;}
.product-list li .buy a {background: url('/img/ico-basket.png') 0 0 no-repeat; padding: 0 0 2px 22px; display: block;}

.product-list table thead th {font-size: 92%;}
#basket.product-list table thead th {font-size: 117%;}
.product-list table tbody th {background: none;}


/*  */
.producer-list {margin: 0 0 0 -20px; padding: 0;}
.producer-list li {margin: 0 0 20px 20px; padding: 0; float: left; display: inline; background: none;}
.producer-list li a {display: block; border-bottom: 2px solid #ebebeb;}
.producer-list li a span {display: block; width: 107px; height: 107px; border: 1px solid #bdbbb7; text-align: center; cursor: pointer;}

.producer-detail {background: #f7f7f7; padding: 15px; margin: 0;}
.producer-detail .img-box {float: left; width: 110px; height: 110px; text-align: center; background: #fff; border: 1px solid #bdbbb7; margin: 0 20px 0 0; cursor: pointer;}
.producer-detail p {margin: 0;}
.producer-detail p strong {display: block; margin: 30px 0 5px; font-size: 150%; color: #666; font-family: 'Trebuchet MS', sand-serif;}
.producer-detail .filter {margin: 30px -15px -15px; padding: 0 15px 15px;}

/* CROSSROAD */
.crossroad ul {margin: 0; padding: 0;}
.crossroad ul li {margin: 0 0 1.5em; background: #F7F7F7 url('/img/bg-crossroad-li.png') 0 100% no-repeat; padding: 10px 10px 10px 0;}
.crossroad ul li h2 {font-size: 133.5%; padding: 0; margin: 0 0 0.4em; border: none; padding: 0 0 0 170px; text-transform: none;}
.crossroad ul li h2 img {float: left; margin: 0 0 0 -170px;}
.crossroad ul li p {margin: 0; padding: 0 0 0 170px; font-size: 92%;}

/* PRODUCT SIDE */
.product-side {width: 230px; float: left; margin: 15px 0 20px 10px;}
.product-side h2 {text-transform: uppercase;}

.product-side .box-img {text-align:center; padding: 20px 0 0; border: 1px solid #DEDEDE; margin: 0 0 20px; border-width: 1px;}
.product-side .box-img img {margin: 0 0 20px;}

/* PRODUCT DETAIL */
.product-detail {float: right; width: 630px; margin: 15px 10px 20px 0; _margin: 15px -15px 20px 0; _width: 620px;}

.contabs .tabs {overflow: hidden; margin: 0 0 -1px; padding: 0;}
.contabs .tabs li {float: left; display: inline; list-style: none; padding: 0; position: relative; font-size: 92%; text-transform: uppercase; margin: 0; background: none;}
.contabs .tabs li.tabs-selected a {padding: 9px 10px 7px; font-weight: bold; color: #333; text-decoration: none; margin-top: 0; border-bottom-color: #fff;  background: #fff; border-top-width: 5px;}
.contabs .tabs li a {display: block; padding: 9px 10px 7px; border: 1px solid #DEDEDE; margin: 4px 3px 0 0; background: #FBFAF9; font-weight: bold;}

.tabs-container {border-top: 1px solid #DEDEDE; padding: 15px 15px 20px; width: 630px;}

.tabs-hide {position: absolute; left: -8000px;}

.product-info, .alt-products {margin: 0 0 30px; position: relative;}
.product-info p.more {position: absolute; right: 0; top: 1px; _right: 30px;}
.product-info p.more a {background: url('/img/ico-more.png') 100% 50% no-repeat; padding: 2px 10px 2px 0;}
.product-info h2 {margin-top: 0;}

/* FORM */
.form {background: #F7F7F7; padding: 15px 20px 20px; border-bottom: 1px solid #D9D9D9; margin: 0 0 20px;width: 580px;}
.form label {display: -moz-inline-box; display: inline-block; margin: 0 0 3px;}
.form .int-text {border-color: #BDBBB7;}
.form .int-text1 {padding: 5px 2px;}
form .go-btn {background:#007AC3 none repeat scroll 0 0; border:1px solid #008DE1; color:#FFFFFF; font-family:tahoma,sand-serif; font-size:92%; padding:3px 5px 4px; text-transform:uppercase; vertical-align:middle; cursor: pointer; margin: 0 2px 0 0;}
a.go-btn {background:#007AC3 none repeat scroll 0 0; border:1px solid #008DE1; color:#FFFFFF; font-family:tahoma,sand-serif; font-size:92%; padding:8px 10px; float: right; margin: 2px 15px 0 0; text-transform:uppercase; vertical-align:middle; cursor: pointer; text-decoration: none;}
a.go-btn:hover {text-decoration: underline;}
.form p.right {margin: 0;}
.form1 {background: #F7F7F7; padding: 0; border-bottom: 1px solid #D9D9D9; margin: 0 0 20px;width: 100%;}
.form1 form {margin: 0px 15px 0; padding: 10px 0 0;}
.form1 form input, .form1 form textarea {padding: 1px 0;}

/* FOOTER */
#footer img {float: left; margin: 0 10px 0 0;}
#footer a {color: #fff;}
#footer .r {padding: 7px 0 0;}

/* ICONS */
.ico-phone {background: url('/img/ico-phone.png') 0 0.85em no-repeat; padding: 10px 0 10px 20px;}

.ico-4933 {background-image: url('/img/ico-gadgets.png');}
.ico-4934 {background-image: url('/img/ico-ology.png');}
.ico-3792 {background-image: url('/img/ico-tel.png');}
.ico-4935 {background-image: url('/img/ico-gps.png');}
.ico-4936 {background-image: url('/img/ico-tv.png');}
.ico-4937 {background-image: url('/img/ico-datalogger.png');}
.ico-4938 {background-image: url('/img/ico-radio.png');}

.ico-5009 {background-image: url('/img/ico-metr.png');}
.ico-5010 {background-image: url('/img/ico-lupa.png');}
.ico-5011 {background-image: url('/img/ico-temp.png');}
.ico-5012 {background-image: url('/img/ico-sender.png');}
.ico-5013 {background-image: url('/img/ico-satelite.png');}
.ico-5014 {background-image: url('/img/ico-net.png');}
.ico-5015 {background-image: url('/img/ico-service.png');}
/*
.ico-3781 {background-image: url('/img/ico-service.png');}
.ico-3783 {background-image: url('/img/ico-metr.png');}
.ico-4939 {background-image: url('/img/ico-lupa.png');}
.ico-4940 {background-image: url('/img/ico-temp.png');}
.ico-4941 {background-image: url('/img/ico-sender.png');}
.ico-4942 {background-image: url('/img/ico-satelite.png');}
.ico-4943 {background-image: url('/img/ico-net.png');}
*/
/* SEARCH RESULTS */
.search-results {margin: 0;}
.search-results ul {margin: 25px 200px 0 0; padding: 0;}
.search-results li {background: none; padding: 0 0 0 25px; margin: 0 0 2em; list-style: none;}
.search-results .number {float: left; margin: 0.1em 0 0 -25px; font-size: 133.5%; font-weight: bold; font-family: arial; color: #666;}
.search-results .section {color: #666; margin: 0 0 0.3em; font-size: 92%;}
.search-results .desc {padding: 0;}
.search-results .url {margin-top: -0.9em;}
.search-results .item-section {margin: 0; padding: 0; font-size: 92%;}
.search-results h2 {margin: 0 0 0.1em; padding: 0; border: none; font-size: 150%;}
.search-results a .searched-term {text-decoration: underline;}
.search-results .searched-term {background: #eeeeee; padding: 3px;}
.search-results .paging {margin: 40px -20px -21px;}

/* BANNER */
.banner {margin: 0 0 15px; position:relative; zoom: 1;}
.banner p {margin:0;}

/* SIFR */
.sIFR-flash {visibility: visible !important;	margin: 0;}
.sIFR-replaced {visibility: visible !important;}
span.sIFR-alternate {position: absolute;	left: 0;	top: 0;	width: 0;	height: 0;	display: block;	overflow: hidden;}
.sIFR-flash + div[adblocktab=true] {display: none !important;}

/* MAPA WEBU */
.webmap {padding: 0;}
.webmap li {font-weight: bold; }
.webmap ul li {font-weight: normal;}

/* MESSAGES */
.msg-box { margin:0.4em 0px 1em; padding:7px 20px 7px 35px; background:10px 50% no-repeat; border:1px solid; font-weight:bold; }
.msg-box.ok { background-color:#E3FDB6; background-image:url('/img/bullet-tick.png'); border-color:#8AC722; color:#4B7600; }
.msg-box.error { background-color:#FFCCCC; background-image:url('/img/bullet-cross.png'); border-color:#DB0000; color:#B10000; }

.ok-message { margin:0.4em 0px 1em; padding:7px 20px 7px 35px; background:10px 50% no-repeat; border:1px solid; font-weight:bold;
              background-color:#E3FDB6; background-image:url('/img/bullet-tick.png'); border-color:#8AC722; color:#4B7600;}
.error-message { margin:0.4em 0px 1em; padding:7px 20px 7px 35px; background:10px 50% no-repeat; border:1px solid; font-weight:bold;
                background-color:#FFCCCC; background-image:url('/img/bullet-cross.png'); border-color:#DB0000; color:#B10000; }
.info-message { margin:0.4em 0px 1em; padding:7px 20px 7px 35px; background:10px 50% no-repeat; border:1px solid; font-weight:bold;
              background-color:#cce5ff; background-image:url('/img/ico-info.png'); border-color:#4C6894; color:#4C6894;}
.ajaxloader { padding: 20px 30px 20px 70px; background: #FF9D02 url(../img/ajax-loader-pn.gif) no-repeat 20px 50%; font-size: 120%; color: white; position: fixed; top: 40%; right: 48%; margin-top: -100px; margin-right: -80px; opacity: 0.85; z-index: 1000; =filter: alpha(opacity=85); }
/* PAGING */
.paging {position: relative; background: #F4F4F4; border: 1px solid #DBDBDB; border-width: 1px 0; font-weight: bold; padding: 0;}
.paging p {margin: 0;}
.paging .prev {color: #0750A4; margin: 0; text-decoration: none; position: absolute; top: 8px; left: 20px; line-height: 1.7; font-size: 117%;}
.paging .next {color: #0750A4; margin: 0; text-decoration: none; position: absolute; top: 8px; right: 20px;line-height: 1.7; font-size: 117%;}
.paging .next span, .paging .prev span {text-decoration: underline; font-size: 86%;}
.paging .next:hover span, .paging .prev:hover span {text-decoration: none;}
.paging .pages {text-align: center; padding: 0 7em; display: block; line-height: 3.2;}
.paging .pages a {padding: 4px 10px; margin: 0 3px; border: 1px solid #dbdbdb; background: #fff;}
.paging .pages a:hover {border-color: #ABABAB;}
.paging .pages strong {padding: 4px 10px; margin: 0 3px; border: 1px solid #dbdbdb; background: #fff;}

/* ATTACHED*/
.attached-products ul {margin: 0 0 0 -30px; padding: 0; overflow: hidden;}
.attached-products h2 {margin: 0 0 0.6em; padding: 0 0 0.2em; font-size:150%;}
.attached-products ul li {margin: 0 0 15px 30px; padding: 0; list-style: none; float: left; display: inline; width: 185px; border-bottom: 1px solid #BDBBB7; background: none;}
.attached-products ul li h3 {text-align: center; font-size: 117%; margin-top: 0;}
.attached-products ul li span {text-align: left; display: block; padding: 5px 0; background: url('/img/bg-separator.png') 0 100% no-repeat; text-decoration: underline; margin: 0 0 10px;}
.attached-products ul li .img-box {padding: 0; margin: 0; text-decoration: none; text-align: center; background: none; height: 100px;}

.maker h2 {margin: 0 0 0.6em; padding: 0 0 0.2em; font-size:150%;}
.maker ul {margin: 0 0 30px;}

.attached-service {margin: 0 0 30px;}
.attached-service h2 {margin: 0 0 0.6em; padding: 0 0 0.2em; font-size:150%;}
.attached-service ul {margin: 0; padding: 0;}
.attached-service ul li {margin: 0 0 3px; padding: 0; list-style: none; border-bottom: 1px solid #D9D9D9; background: #F7F7F7;}
.attached-service ul li a {padding: 14px 15px 14px 75px; display: block; line-height: 1.4; background-position: 0 50%; background-repeat: no-repeat;}
.attached-service ul li a:hover {background-color:#EBEBEB; background-position:-400px center;}

.attached-files {margin: 0 0 30px; color: #666;}
.attached-files h2 {margin: 0 0 0.6em; padding: 0 0 0.2em; font-size:150%;}
.attached-files ul {margin: 0 ; padding: 0;}
.attached-files li { list-style: none; padding: 0; margin-bottom:2px; margin: 3px 0; background: none;}
.attached-files li a { padding:1px 0 1px 22px; background-image: url("/img/fileico/fico-sm-unknown.png"); background-position: 0 0em; background-repeat: no-repeat;}
.dm { background-image: url("/img/fileico/fico-sm-3dm.png") !important; }
.ai { background-image: url("/img/fileico/fico-sm-ai.png") !important; }
.avi { background-image: url("/img/fileico/fico-sm-avi.png") !important; }
.bmp { background-image: url("/img/fileico/fico-sm-bmp.png") !important; }
.cdr { background-image: url("/img/fileico/fico-sm-cdr.png") !important; }
.doc { background-image: url("/img/fileico/fico-sm-doc.png") !important; }
.dxf { background-image: url("/img/fileico/fico-sm-dxf.png") !important; }
.exe { background-image: url("/img/fileico/fico-sm-exe.png") !important; }
.gif { background-image: url("/img/fileico/fico-sm-gif.png") !important; }
.html { background-image: url("/img/fileico/fico-sm-html.png") !important; }
.jpg { background-image: url("/img/fileico/fico-sm-jpg.png") !important; }
.mp3 { background-image: url("/img/fileico/fico-sm-mp3.png") !important; }
.pdf { background-image: url("/img/fileico/fico-sm-pdf.png") !important; }
.png { background-image: url("/img/fileico/fico-sm-png.png") !important; }
.ppt { background-image: url("/img/fileico/fico-sm-ppt.png") !important; }
.psd { background-image: url("/img/fileico/fico-sm-psd.png") !important; }
.qt { background-image: url("/img/fileico/fico-sm-qt.png") !important; }
.ra { background-image: url("/img/fileico/fico-sm-ra.png") !important; }
.swf { background-image: url("/img/fileico/fico-sm-swf.png") !important; }
.tif { background-image: url("/img/fileico/fico-sm-tif.png") !important; }
.txt { background-image: url("/img/fileico/fico-sm-txt.png") !important; }
.xls { background-image: url("/img/fileico/fico-sm-xls.png") !important; }
.zip { background-image: url("/img/fileico/fico-sm-zip.png") !important; }

.att-images h2 {margin: 0 0 0.6em; padding: 0 0 0.2em; font-size:150%;}
.att-images ul {margin: 5px 0 30px; padding: 0; overflow: hidden;}
.att-images li {margin: 0 13px 13px 0; padding: 0; float: left; display: inline;  background: none;}
.att-images li.break {width: 100%; height: 1px; float: none; display: block; margin: 0; padding: 0;}
.att-images li a {width: 110px; height: 110px; border: 1px solid #d0d0d0; display: block;}
.att-images li a:hover {border: 1px solid #999;}
.att-images li img {display: block; margin: 0 auto;}

#att-links h2 {margin: 0 0 0.6em; padding: 0 0 0.2em; font-size:150%;}
#att-links ul {margin: 0 0 20px; padding: 0;}
#att-links ul li {margin: 4px 0 4px 0; padding: 0 0 0 13px;}
#att-links ul li a {background: url('/img/ico-ext.png') 100% 0 no-repeat; padding: 0 10px 0 0;}

/* NOVINKA */
h1 small, .product-list small {font-size: 10px; color: #fff; float: left; background: #0F4B9D; padding: 0 1px; margin: 2px 5px 5px 0;}
small strong {margin: -1px 0; background: #0F4B9D; display: block; padding: 1px 3px; font-weight: normal; position: relative;}
h1 small {margin: 15px 15px 0 0;}
a span { cursor: pointer;}
