.sprites-sprite, .sprites-arrow-circle-pink-right, .sprites-banner-indicator, .sprites-cz, .sprites-de, .sprites-en, .sprites-es, .sprites-fr, .sprites-hu, .sprites-img-facebook, .sprites-img-google-plus, .sprites-img-youtube, .sprites-logo, .sprites-pl, .sprites-ro, .sprites-ru, .sprites-sk, .sprites-ua, #topLangs ul li.sk:hover, #topLangs ul li.active-sk, #topLangs ul li.en:hover, #topLangs ul li.active-en, #topLangs ul li.ru:hover, #topLangs ul li.active-ru, #topLangs ul li.de:hover, #topLangs ul li.active-de, #topLangs ul li.pl:hover, #topLangs ul li.active-pl, #topLangs ul li.es:hover, #topLangs ul li.active-es, #topLangs ul li.fr:hover, #topLangs ul li.active-fr, #topLangs ul li.ro:hover, #topLangs ul li.active-ro, #topLangs ul li.hu:hover, #topLangs ul li.active-hu, #topLangs ul li.cz:hover, #topLangs ul li.active-cz, #h1, div.listItem a.more, .carousel-products .arrow-right {
  background-image: url('images/sprites-sca1ccf3716.png');
  background-repeat: no-repeat;
}

.sprites-arrow-circle-pink-right {
  background-position: 0 0;
  height: 23px;
  width: 23px;
}

.sprites-banner-indicator {
  background-position: 0 -34px;
  height: 11px;
  width: 11px;
}
.sprites-banner-indicator:active, .sprites-banner-indicator.banner-indicator-active {
  background-position: 0 -23px;
}

.sprites-cz {
  background-position: 0 -45px;
  height: 24px;
  width: 24px;
}

.sprites-de {
  background-position: 0 -69px;
  height: 24px;
  width: 24px;
}

.sprites-en {
  background-position: 0 -93px;
  height: 24px;
  width: 24px;
}

.sprites-es {
  background-position: 0 -117px;
  height: 24px;
  width: 24px;
}

.sprites-fr {
  background-position: 0 -141px;
  height: 24px;
  width: 24px;
}

.sprites-hu {
  background-position: 0 -165px;
  height: 24px;
  width: 24px;
}

.sprites-img-facebook {
  background-position: 0 -189px;
  height: 35px;
  width: 35px;
}

.sprites-img-google-plus {
  background-position: 0 -224px;
  height: 35px;
  width: 36px;
}

.sprites-img-youtube {
  background-position: 0 -259px;
  height: 35px;
  width: 35px;
}

.sprites-logo {
  background-position: 0 -294px;
  height: 66px;
  width: 152px;
}

.sprites-pl {
  background-position: 0 -360px;
  height: 24px;
  width: 24px;
}

.sprites-ro {
  background-position: 0 -384px;
  height: 24px;
  width: 24px;
}

.sprites-ru {
  background-position: 0 -408px;
  height: 24px;
  width: 24px;
}

.sprites-sk {
  background-position: 0 -432px;
  height: 24px;
  width: 24px;
}

.sprites-ua {
  background-position: 0 -456px;
  height: 24px;
  width: 24px;
}

body {
  background: #e5e5e5;
  margin: 0;
  padding: 0;
  font-family: Tahoma, Arial, Sans-serif;
  font-size: 13px;
  color: #565656;
}

/* vvvvvvvvvvvvvvvvvvvvvvvv DEFAULTS vvvvvvvvvvvvvvvvvvvvvvvv */
h1, h2, div.h2 {
  font-weight: bold;
  font-size: 1.4em;
  padding: 0;
  margin: 0 0 20px 0;
  color: #0171b9;
  font-family: 'PT Sans', Arial, Sans-Serif;
  min-height: 1px;
  _height: 1px;
  text-transform: uppercase;
}

h3, div.h3 {
  font-size: 1.2em;
  color: #0171b9;
  font-family: Tahoma, Arial, Sans-serif;
  font-weight: bold;
  padding: 0;
  margin: 0 0 12px 0;
}

h3 {
  padding: 0;
}

h3.black, div.h3-black {
  color: #000000;
}

div.h3 strong {
  font-weight: normal;
}

h4 {
  font-size: 1.1em;
  margin: 1em 0 0.5em 0;
  padding: 0;
  color: #000000;
}

h5 {
  font-size: 1.0em;
  margin: 1em 0 0.5em 0;
  padding: 0;
  color: #000000;
}

a {
  color: #0171b9;
  text-decoration: none;
  outline: none;
}

a:hover {
  text-decoration: underline;
}

a img {
  border: none;
}

a.noClick {
  cursor: default;
}

span.a {
  color: #0171b9;
}

img.ico {
  vertical-align: middle;
}

.fl {
  float: left;
}

.rl {
  float: right;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

table.full {
  width: 100%;
}

p {
  margin-top: 0;
}

hr {
  background: #DCDCDC;
  color: #DCDCDC;
  border: none;
  margin: 0;
  padding: 0;
  font-size: 1px;
  line-height: 1px;
  height: 1px;
  display: block;
  _margin: -15px 0;
  *margin: -15px 0;
}

table.irbForm {
  border-collapse: collapse;
}

table.irbForm th {
  text-align: left;
  padding: 4px 5px 4px 0;
  vertical-align: top;
  font-weight: normal;
  width: 150px;
}

table.irbForm th span.core {
  color: #F00;
  font-size: 1.1em;
  font-weight: bold;
  float: right;
}

table.irbForm td {
  padding: 0px 5px 3px 5px;
}

table.irbForm td em {
  display: block;
  padding: 2px 0 5px 0;
  font-size: 0.85em;
}

table.irbForm td textarea {
  width: 320px;
  height: 120px;
}

table.irbForm td button.styled {
  position: relative;
  left: -3px;
}

.cleaner {
  height: 0;
  margin: 0;
  padding: 0;
  border: 0 none;
  line-height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}

.rounded {
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}

/**
 * REPORTS
**/
.report {
  min-height: 18px;
  _height: 18px;
  text-align: left;
  margin: 0 auto 5px auto;
  color: #000000;
  font-size: 1.2em;
  padding: 5px 25px 5px 40px;
  position: relative;
  background: none;
  z-index: 1;
}

.report span.ico {
  display: block;
  width: 29px;
  height: 27px;
  margin: 1px 3px 1px 1px;
  background: url(images/reports.gif) no-repeat top left;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 2;
}

.report span.ico-OK {
  background-position: 0px 0px;
}

.report span.ico-ERROR {
  background-position: -36px 0px;
}

.report span.ico-INFO {
  background-position: -72px 0px;
}

.report span.ico-ALERT {
  background-position: -108px 0px;
}

.report span.ico-HELP {
  background-position: -144px 0px;
}

#reports {
  background: #FFF;
  padding: 10px 10px 5px 10px;
  text-align: left;
  position: absolute;
  z-index: 10003;
}

#reports img.close {
  position: absolute;
  top: 15px;
  right: 10px;
  z-index: 1002;
  cursor: pointer;
}

#overlay {
  position: absolute;
  top: 0;
  left: 0;
  background: #000;
  display: none;
  z-index: 10002;
}

/* Cart add popup */
div.cartAddPopupLoading {
  background: url(images/ajax-loader.gif) no-repeat center center #FFF;
  min-height: 100px;
  _height: 100px;
  border: 2px solid #E31E2D;
}

div.cartAddPopupCase {
  position: absolute;
  width: 200px;
  z-index: 10004;
}

div.cartAddPopup {
  background: #FFF;
  padding: 10px;
  border: 2px solid #E31E2D;
}

div.cartAddPopup p {
  margin: 0 0 5px 0;
  padding: 0 0 10px 0;
  background: url(images/dot-grey.png) repeat-x bottom left;
}

div.cartAddPopup table {
  width: 100%;
}

div.cartAddPopup table td {
  width: 50%;
  color: #E31E2D;
}

div.cartAddPopup table td.addCel1 {
  text-align: left;
}

div.cartAddPopup table td.addCel2 {
  text-align: right;
}

div.cartAddPopup table td a {
  color: #E31E2D;
  text-decoration: none;
}

div.cartAddPopup table td a:hover {
  color: #E31E2D;
  text-decoration: none;
}

div.cartAddPopup table td span {
  cursor: pointer;
}

div.cartAddPopup #reports {
  position: relative;
}

div.cartAddPopup #reports .report {
  padding-right: 0px;
}

div.cartAddPopup img.close {
  position: absolute;
  top: 15px;
  right: 10px;
  z-index: 1002;
  cursor: pointer;
}

/* PAGER */
.pager {
  padding-top: 10px;
}

.pagerRight {
  text-align: right;
}

.pagerCenter {
  text-align: center;
}

.pagerProducts {
  text-transform: uppercase;
}

.pagerProducts span.page {
  display: inline-block;
  margin-left: 2px;
}

.pagerProducts span.page-active {
  background: #ec0076;
  padding: 2px 4px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.pagerProducts span.page a {
  color: #434343;
}

.pagerProducts span.page-active a {
  text-decoration: none;
  color: #FFF;
}

.pagerProducts span.page a strong {
  font-weight: normal;
}

/*.pager .page { padding:0.1em 0.3em; }
.pager .page-active { font-weight:bold; border-bottom: 2px solid #1A2129; }
.pager .page-active a { color:#1A2129; }
.pager-products { text-align:center; }
.pager-products .next { float:right; }
.pager-products .prev { float:left; }*/
/* Tabulky vseobecne */
table {
  font-family: Tahoma, Arial, Sans-serif;
  font-size: 1em;
}

/* Tabulkovy zoznam */
table.list {
  border-collapse: collapse;
  margin: 0em;
  padding: 0em;
  font-size: 1em;
  empty-cells: show;
  border-spacing: 0;
}

table.list th {
  padding: 8px 10px 6px 10px;
  font-weight: bold;
  text-align: left;
  background: url(images/head.png) repeat-x top left #0468B5;
  border-bottom: 2px solid #004597;
  color: #fff;
  text-shadow: -1px -1px 0 #1567ae;
  vertical-align: top;
}

table.list td {
  padding: 3px 10px;
  font-weight: normal;
  text-align: left;
  border-bottom: 1px dotted #D3D3D3;
}

table.list-full {
  width: 100%;
}

table.zebra tr.odd td {
  background: #fff;
}

table.zebra tr.even td {
  background: #fff;
}

table.highlight tr td.highlight, table.highlight tr.highlight td.highlight {
  background: #E6F4FF;
}

table.list tr.highlight td {
  background: #E6F4FF;
}

/* Tabulka - info - 1 stlpec - <th>, druhy <td> */
table.info {
  border-collapse: collapse;
  margin: 0em;
  padding: 0em;
  font-size: 1em;
  empty-cells: show;
}

table.info th, table.info td {
  padding: 3px 5px;
}

table.info th {
  font-weight: bold;
  text-align: left;
  background: #0171B9;
  color: #FFF;
  vertical-align: top;
  padding: 3px 5px;
}

table.info td {
  font-weight: normal;
  text-align: left;
  border-bottom: 1px dotted #D3D3D3;
}

table.info td.label {
  width: 200px;
}

table.info a {
  color: #000000;
}

table.info th a {
  color: #FFFFFF;
  text-decoration: underline;
}

table.info-full {
  width: 100%;
}

/* Tabulka s formularom */
table.form {
  margin: 0em 0em;
  font-size: 1em;
  border-collapse: collapse;
  empty-cells: show;
}

table.form-login {
  margin: 0 auto;
}

table.form-full {
  width: 100%;
}

table.form th, table.form td {
  vertical-align: top;
}

table.form th {
  color: #F57921;
  font-size: 1.6em;
  font-weight: normal;
  text-align: left;
  padding: 0;
  vertical-align: top;
}

table.form td {
  font-weight: normal;
  color: #000;
  text-align: left;
  padding: 1px 5px;
}

table.form td.label {
  font-weight: normal;
  padding-top: 0.5em;
  padding-right: 0.5em;
  width: 150px;
}

table.form td.label-core {
  color: #000000;
  font-weight: bold;
}

table.form td.th {
  font-weight: normal;
  text-align: right;
  padding-top: 0.4em;
  width: 140px;
}

table.form input, table.form textarea, table.form select {
  vertical-align: middle;
}

table.form td.text {
  padding-top: 0.8em;
}

.containerCaptcha {
  vertical-align: bottom;
}

table td.c, table th.c {
  text-align: center;
}

table td.r, table th.r {
  text-align: right;
}

table td.l, table th.l {
  text-align: left;
}

/* Dostupnost produktu */
.available {
  color: #009966;
}

.notavailable {
  color: #C90035;
}

.download ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.download li {
  padding: 0px 0 0.3em 0;
}

.download .mimeicon {
  vertical-align: middle;
}

.showFile a img {
  margin-right: 10px;
  vertical-align: middle;
}

.photogallery {
  margin-top: 10px;
  margin-bottom: 10px;
}

.photogallery a {
  display: block;
  width: 169px;
  height: 110px;
  margin: 0 10px 10px 0;
  float: left;
  -webkit-box-shadow: 4px 4px 8px rgba(50, 50, 50, 0.2);
  -moz-box-shadow: 4px 4px 8px rgba(50, 50, 50, 0.2);
  box-shadow: 4px 4px 8px rgba(50, 50, 50, 0.2);
}

.photogallery a.lastInRow {
  margin-right: 0;
}

.photogallery a img {
  display: block;
}

dl.list-item {
  margin: 0;
  padding: 0em 0 1em 0;
  clear: both;
}

dl.list-item dd, dl.list-item dt {
  margin: 0em;
  padding: 0em;
}

dl.list-item dt {
  font-size: 1.2em;
  padding-bottom: 0.3em;
}

dl.list-item dd.image {
  width: 120px;
  height: 90px;
  margin: 0px 10px 10px 0;
  padding: 3px;
  border: 1px #BFCAD8 solid;
  float: left;
}

dl.list-item dd.anotation p {
  margin: 0;
  padding: 0em 0em 0.5em 0em;
}

dl.list-item dd.more {
  margin: 0;
  padding: 0em 0em 0.5em 0em;
}

dl.list-item a.more {
  font-weight: bold;
}

form {
  margin: 0em;
  padding: 0em;
  font-family: Tahoma, Arial, Sans-serif;
  font-size: 1em;
}

input, select, textarea, button {
  font-family: Tahoma, Arial, Sans-serif;
  font-size: 1em;
  vertical-align: middle;
}

input.text, textarea.textarea {
  width: 250px;
  border: 1px solid #dcdcdc;
  /*background: #f3f3f3;*/
  color: #848484;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 5px;
}

input.text {
  width: 250px;
}

input.text-medium {
  width: 200px;
}

input.text-small {
  width: 150px;
}

input.text-xsmall {
  width: 110px;
}

input.text-xxsmall {
  width: 50px;
}

input.text-date {
  width: 6em;
}

input.submit {
  font-size: 1.0em;
  font-weight: bold;
}

.buttons {
  padding-top: 10px;
}

.buttonsRight {
  text-align: right;
}

.buttonsCenter {
  text-align: center;
}

.buttons .otherside {
  float: right;
}

.buttonsRight .otherside {
  float: left;
}

fieldset {
  border: 1px solid #e5e7ea;
  padding: 1em;
  margin-bottom: 0.5em;
}

fieldset legend {
  font-size: 1.1em;
  color: #FFFFFF;
  font-weight: bold;
  background: url(images/head.png) repeat-x;
  padding: 0.5em 1em;
  border-bottom: 2px solid #004396;
  border-right: 2px solid #1A62AA;
  text-shadow: -1px -1px 0 #1567ae;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

div.fieldset a.cap {
  color: #ffffff;
}

form input, form div.fieldset input, form fieldset textarea, form div.fieldset textarea, form fieldset select, form div.fieldset select {
  margin-bottom: 0px;
  vertical-align: middle;
}

form .inputline {
  clear: both;
  padding-bottom: 5px;
}

form label {
  float: left;
  clear: left;
  display: block;
  width: 140px;
  margin-right: 10px;
  padding-top: 2px;
  text-align: right;
  color: #4D4D4D;
}

form label.core {
  font-weight: bold;
  color: #FF0000;
}

form div.input {
  padding-left: 150px;
  float: none;
}

form div.inputtext {
  padding-top: 0.3em;
  margin-bottom: 0.5em;
}

form div.input .inputline {
  clear: both;
}

form div.input label {
  float: none;
  clear: none;
  display: inline;
  width: auto;
  margin: 0px;
  padding: 0px;
  color: #4D4D4D;
}

form .date {
  width: 80px;
}

#passwordStrength .bar {
  width: 138px;
  height: 7px;
  background: url(images/progress1.png) no-repeat top left;
  float: left;
  margin: 0.4em 0.5em 0.3em 0em;
}

#passwordStrength .pcn {
  float: left;
  font-size: 0.9em;
  color: #666;
}

#passwordStrength .barbar {
  width: 0px;
  height: 7px;
  background: url(images/progress1.png) no-repeat bottom left;
}

/* Tabulkovy formular */
table.form {
  margin: 0em 0em;
  font-size: 1em;
  border-collapse: collapse;
}

table.form-full {
  width: 100%;
}

table.form th, table.form td {
  padding: 5px 0;
  vertical-align: top;
}

table.form th {
  font-weight: normal;
  text-align: left;
  color: #D60039;
  vertical-align: top;
  font-size: 1.6em;
  font-family: Tahoma, Arial, Sans-serif;
}

table.form td {
  font-weight: normal;
  color: #000;
  text-align: left;
}

table.form td.label {
  font-weight: normal;
  padding-top: 0.8em;
  padding-right: 0.5em;
}

table.formLogin td.label {
  width: 80px;
}

table.form td.label-core {
  color: #000000;
  font-weight: bold;
}

table.form td.th {
  font-weight: normal;
  text-align: right;
  padding-top: 0.4em;
  width: 140px;
}

table.form input, table.form textarea, table.form select {
  vertical-align: middle;
}

table.form td.text {
  padding-top: 0.8em;
}

ul.menu {
  list-style: none;
  padding: 0;
  margin: 0;
}

div.dialogLoading {
  background: url(images/loading.gif) no-repeat center center #FFF;
  position: absolute;
  top: 0px;
  left: 0px;
  display: none;
  z-index: 2;
}

/* Stylish select */
div.selectbox {
  width: 195px;
  display: inline-block;
  vertical-align: middle;
  background: url(images/bg-selectbox-button.png) no-repeat top right;
  cursor: pointer;
  text-align: left;
  color: #848484;
  padding: 0 32px 0 0;
  margin: 0;
  overflow: hidden;
}

div.selectboxGrey {
  border: 1px solid #DCDCDC;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: url(images/bg-selectbox-button-1.png) no-repeat right center #ECECEC;
}

div.selectbox span {
  display: block;
  background: url(images/bg-selectbox-input.png) no-repeat top left;
  height: 28px;
  line-height: 28px;
  padding: 0 10px;
  font-size: 13px;
}

div.selectboxGrey span {
  background: none;
}

div.selecter {
  width: 245px;
  display: none;
  max-height: 200px;
  -height: 200px;
  overflow: auto;
  position: absolute;
  z-index: 3;
  margin-top: 1px;
  background: #FFF;
  text-align: left;
  border-bottom: 1px solid #d1d1d1;
  border-left: 1px solid #d1d1d1;
}

div.selecter a {
  display: block;
  padding: 5px 20px 5px 5px;
  background: #fff;
  border-top: 1px solid #d1d1d1;
  border-right: 1px solid #d1d1d1;
  font-size: 13px;
}

div.selecter a:hover {
  background: #EAEFF2;
  text-decoration: none;
}

div.selecter a.selected {
  background: #D42A5A;
  color: #fff;
  font-weight: bold;
}

div.selecter.selecterType a {
  text-transform: lowercase;
}

div.selecter.selecterType a:first-letter {
  text-transform: uppercase;
}

/* Specialne pripady selectboxu */
div.selectboxRegion, div.selectboxDistrict, div.selectboxDraw, div.selectboxType {
  border: 1px solid #DBDBDB;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

div.selectboxType span {
  text-transform: lowercase;
}

div.selectboxType span:first-letter {
  text-transform: uppercase;
}

/* Buttons */
button.styled {
  border: none;
  background: transparent;
  padding: 0;
  cursor: pointer;
  margin: 0;
  width: auto;
  overflow: visible;
  height: auto;
  font-family: Tahoma, Arial, Sans-serif;
}

/* Button white */
.button1 {
  display: inline-block;
  font-size: 13px;
  color: #0d0d0d;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  padding: 6px 20px;
  margin: 0;
  border: none;
  cursor: pointer;
  background: #FFF;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-family: Tahoma, Arial, Sans-serif;
  border-bottom: 1px solid #c8c8c8;
  border-right: 1px solid #c8c8c8;
}

.button1:hover {
  color: #0d0d0d;
  text-decoration: none;
}

/* Button pink */
.button2 {
  display: inline-block;
  font-family: Tahoma, Arial, Sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-decoration: none;
  /*white-space:nowrap;*/
  padding: 6px 20px;
  margin: 0;
  border: none;
  cursor: pointer;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: url(images/button-pink.png) repeat-x center top #cf006a;
}

.button2:hover {
  color: #FFF;
  text-decoration: none;
}

/* Button blue */
.button3 {
  display: inline-block;
  font-family: Tahoma, Arial, Sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-decoration: none;
  /*white-space:nowrap;*/
  padding: 6px 20px;
  margin: 0;
  border: none;
  cursor: pointer;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #0171b9;
}

.button3:hover {
  color: #FFF;
  text-decoration: none;
}

.button4 {
  display: inline-block;
  font-family: Tahoma, Arial, Sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  padding: 6px 20px;
  margin: 0;
  border: none;
  cursor: pointer;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #0dc2ea;
}

.button4:hover {
  color: #FFF;
  text-decoration: none;
}

.buttonSend {
  padding-left: 36px;
  background-image: url(images/button-icon-send.png);
  background-repeat: no-repeat;
  background-position: 5px 0px;
}

.buttonQuestion {
  padding-left: 36px;
  background-image: url(images/button-icon-question.png);
  background-repeat: no-repeat;
  background-position: 5px 0px;
}

.buttonBig {
  padding: 18px 20px;
}

.buttonSendBig {
  padding: 0;
}

.buttonSendBig .cap {
  display: block;
  padding: 18px 20px 18px 72px;
  background: url(images/button-icon-send-big.png) no-repeat 14px center;
}

.buttonSubmit {
  font-size: 14px;
  padding: 12px 20px;
}

.buttonCart {
  display: inline-block;
  font-family: Tahoma, Arial, Sans-serif;
  font-size: 15px;
  font-weight: bold;
  color: #FFF;
  text-decoration: none;
  /*white-space:nowrap;*/
  padding: 14px 20px;
  margin: 0;
  border: none;
  cursor: pointer;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #E42C72;
}

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
/* Default container */
div.pageContainer {
  margin: 0 auto;
  max-width: 1000px;
  width: 100%;
}

/*************************************************************************************************************
*   BODY TOP
**************************************************************************************************************/
#bodyTop {
  border-bottom: 1px solid #cacaca;
  background: url(images/bg-body-top.png) repeat-x center top #cfcfcf;
}

#pageTop {
  height: 40px;
  position: relative;
}

/* Top menu */
#topMenu {
  padding-right: 370px;
}

#topMenu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#topMenu ul li.menu {
  float: left;
  height: 40px;
  line-height: 42px;
  padding: 0 10px;
  position: relative;
}

#topMenu ul li.hover, #topMenu ul li.active {
  background: url(images/bg-top-menu-item-hover.png) repeat-x center top #545659;
}

#topMenu ul li.menu a {
  color: #6d6d6d;
  text-decoration: none;
}

#topMenu ul li.hover a, #topMenu ul li.active a {
  color: #FFF;
}

/* Top submenu */
#topMenu ul li.menu ul {
  display: none;
  position: absolute;
  left: 0;
  width: 200px;
  padding: 15px;
  z-index: 3;
  -webkit-border-radius: 5px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius: 5px;
  -moz-border-radius-topleft: 0;
  border-radius: 5px;
  border-top-left-radius: 0;
  -webkit-box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, 0.15);
  background: url(images/bg-top-menu-gradient.png) repeat-x center bottom #55575a;
}

#topMenu ul li.menu ul li {
  padding: 0 0 5px 12px;
  line-height: normal;
  background: url(images/arrow-white-right.png) no-repeat left 4px;
}

#topMenu ul li.menu ul li.last {
  padding-bottom: 0;
}

#topMenu ul li.menu ul li span {
  display: block;
  padding-bottom: 5px;
  background: url(images/dot-grey-horizontal-repeat.png) repeat-x center bottom;
}

#topMenu ul li.menu ul li.last span {
  padding-bottom: 0;
  background: none;
}

#topMenu ul li.menu ul li a {
  color: #FFF;
}

#topMenu ul li.menu ul li a:hover {
  text-decoration: underline;
}

/* Lang menu */
#topLangs {
  position: absolute;
  right: 5px;
  top: 10px;
}

#topLangs div.selectbox {
  width: 120px;
  text-transform: uppercase;
}

#topLangs ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#topLangs ul li {
  float: left;
  padding: 0px 5px;
  border-right: 1px solid #B2B2B2;
}

#topLangs ul li.last {
  border-right: none;
}

#topLangs ul li.sk:hover, #topLangs ul li.active-sk {
  height: 24px;
  width: 24px;
  background-position: 0 -432px;
  background-position-x: 5px;
}

#topLangs ul li.en:hover, #topLangs ul li.active-en {
  height: 24px;
  width: 24px;
  background-position: 0 -93px;
  background-position-x: 5px;
}

#topLangs ul li.ru:hover, #topLangs ul li.active-ru {
  height: 24px;
  width: 24px;
  background-position: 0 -408px;
  background-position-x: 5px;
}

#topLangs ul li.de:hover, #topLangs ul li.active-de {
  height: 24px;
  width: 24px;
  background-position: 0 -69px;
  background-position-x: 5px;
}

#topLangs ul li.pl:hover, #topLangs ul li.active-pl {
  height: 24px;
  width: 24px;
  background-position: 0 -360px;
  background-position-x: 5px;
}

#topLangs ul li.es:hover, #topLangs ul li.active-es {
  height: 24px;
  width: 24px;
  background-position: 0 -117px;
  background-position-x: 5px;
}

#topLangs ul li.fr:hover, #topLangs ul li.active-fr {
  height: 24px;
  width: 24px;
  background-position: 0 -141px;
  background-position-x: 5px;
}

#topLangs ul li.ro:hover, #topLangs ul li.active-ro {
  height: 24px;
  width: 24px;
  background-position: 0 -384px;
  background-position-x: 5px;
}

#topLangs ul li.hu:hover, #topLangs ul li.active-hu {
  height: 24px;
  width: 24px;
  background-position: 0 -165px;
  background-position-x: 5px;
}

#topLangs ul li.cz:hover, #topLangs ul li.active-cz {
  height: 24px;
  width: 24px;
  background-position: 0 -45px;
  background-position-x: 5px;
}

#topLangs ul li a {
  display: block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  color: #6D6D6D;
  text-transform: uppercase;
  font-size: 0.9em;
}

#topLangs ul li:hover a span, #topLangs ul li.active a span {
  display: none;
}

#tools {
  margin-bottom: 15px;
}

.magenta {
  color: #e42c72;
  font-size: 1.2em;
  font-weight: 700;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-left: 5px;
  padding-top: 0;
  text-transform: uppercase;
}

.inlineBlock {
  display: inline-block;
}

.inlineBlock {
  color: #12A2D7;
  font-weight: 800;
  padding-bottom: 3px;
}

.inlineBlock img {
  padding-right: 10px;
}

.inlineBlock img:last-child {
  border-left: 1px solid #12a2d7;
  margin-left: 15px;
  padding-left: 15px;
}

#trolley {
  border: 1px solid grey;
  border-radius: 5px;
  margin-left: 40px;
  margin-right: auto;
  padding: 9px;
  width: 120px;
}

#trolley a {
  display: block;
}

#trolley img {
  float: left;
}

#trolley p {
  margin: 0px 0px 0px 10px;
}

ul#login {
  display: inline-block;
  list-style: none outside none;
  margin: 0;
  background-color: #ffffff;
  background-position: 10px 10px;
  background-repeat: no-repeat;
  border: 1px solid #dcdcdc;
  border-radius: 5px;
  box-shadow: 0 2px 2px 0 rgba(112, 112, 112, 0.75);
  color: #12a2d7;
  float: left;
  font-size: 0.75em;
  font-weight: 700;
  text-transform: uppercase;
  cursor: pointer;
  padding: 5px 8px;
  width: auto;
}

ul#login li:nth-child(2) {
  border-left: 1px solid #009BD4;
}

ul#login li.menu {
  float: left;
  height: 21px;
  line-height: 23px;
  padding: 0 10px;
  position: relative;
}

ul#login li.hover, #topMenu ul#login li.active {
  background: url(images/bg-top-menu-item-hover.png) repeat-x center top #545659;
}

ul#login li.menu a {
  color: #12a2d7;
  text-decoration: none;
}

ul#login li.hover a, #topMenu ul#login li.active a {
  color: #FFF;
}

/* Cart info */
#topCart {
  background-color: #ffffff;
  background-position: 10px 10px;
  background-repeat: no-repeat;
  border: 1px solid #dcdcdc;
  border-radius: 5px;
  box-shadow: 0 2px 2px 0 rgba(112, 112, 112, 0.75);
  color: #12a2d7;
  float: right;
  font-size: 0.75em;
  font-weight: 700;
  text-transform: uppercase;
  cursor: pointer;
  padding: 5px 8px;
  width: auto;
}

#loggedUserMenu #topCart {
  margin-top: -3px;
}

#topCart img {
  border-right: 1px solid #009BD4;
  float: left;
  padding-right: 10px;
  margin-right: 10px;
  width: 22px;
}

#topCart .qty {
  color: grey;
  font-size: 1.4em;
  text-transform: none;
  font-weight: 700;
  padding: 2px 0 0 10px;
  text-align: right;
  display: inline-block;
}

/* Logo */
#h1 {
  margin: 0;
  padding: 0;
  position: absolute;
  left: 10px;
  top: 10px;
  height: 66px;
  width: 152px;
  background-position: 0 -294px;
}

#h1 a {
  display: block;
  width: 152px;
  height: 66px;
}

#h1 a span {
  display: none;
}

/* Top kategorie */
#topCategoriesBlock {
  position: relative;
  width: 100%;
  max-width: 999px;
  height: 86px;
  z-index: 2;
  margin-bottom: 25px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.3);
  -moz-box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.3);
  box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.3);
  background: url(images/bg-top-categories-block.png) repeat-x left top;
}

#topCategoriesBlock div.topCategoriesBlockCase {
  padding: 8px 0px 0px 176px;
}

#topCategories {
  position: relative;
  float: left;
  width: 700px;
  height: 58px;
  padding: 12px 30px 0 0px;
  background: url(images/dot-blue-vertical-repeat.png) repeat-y left center;
}

#topCategoriesBlock div.otherItems {
  padding-top: 12px;
  float: right;
}

#topCategories ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#topCategories ul li {
  float: left;
}

#topCategories ul li.hover {
  padding-right: 17px;
  background: url(images/bg-top-categories-menu-item-hover-cap.png) no-repeat right top;
}

#topCategories ul li span, #topCategoriesBlock div.otherItems ul li span {
  padding: 14px 17px 0 17px;
  display: block;
}

#topCategories ul li.hover span {
  padding-left: 17px;
  padding-right: 0px;
  height: 60px;
  background: url(images/bg-top-categories-menu-item-hover.png) no-repeat left top;
}

#topCategories ul li a {
  display: block;
  font-size: 1.1em;
  color: #FFF;
  text-shadow: -1px -1px #0964a9;
  text-decoration: none;
}

#topCategories ul li.hover a {
  color: #005ca1;
  text-shadow: none;
}

#topCategories ul li.categoryGAS a, #topCategories ul li.categorySOLAR a {
  width: 70px;
  text-align: center;
}

#topCategories ul li.special {
  position: absolute;
  top: -13px;
  float: none;
  width: 31px;
  height: 116px;
  padding: 0;
  -webkit-box-shadow: 5px -5px 10px -6px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 5px -5px 10px -6px rgba(0, 0, 0, 0.35);
  box-shadow: 5px -5px 10px -6px rgba(0, 0, 0, 0.35);
}

#topCategories ul li.specialAction {
  right: 40px;
  background: url(images/button-special-action.png) no-repeat left top;
}

#topCategories ul li.specialNews {
  right: 0px;
  background: url(images/button-special-news.png) no-repeat left top;
}

body.en #topCategories ul li.specialNews {
  background-image: url(images/button-special-news-en.png);
}

body.de #topCategories ul li.specialNews {
  background-image: url(images/button-special-news-de.png);
}

body.hu #topCategories ul li.specialNews {
  background-image: url(images/button-special-news-hu.png);
}

body.ru #topCategories ul li.specialNews {
  background-image: url(images/button-special-news-ru.png);
}

body.ro #topCategories ul li.specialNews {
  background-image: url(images/button-special-news1-ro.png);
}

body.fr #topCategories ul li.specialNews {
  background-image: url(images/button-special-news1-fr.png);
}

body.es #topCategories ul li.specialNews {
  background-image: url(images/button-special-news-es.png);
}

body.pl #topCategories ul li.specialNews {
  background-image: url(images/button-special-news-pl.png);
}

#topCategories ul li.special a {
  width: 31px;
  height: 116px;
  display: block;
}

#topCategories ul li.special a span {
  display: none;
}

/* Popup kategorie */
div.popupCategories {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 998px;
  z-index: 4;
  background: #FFF;
  border-top: 1px solid #fff;
  border-left: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, 0.15);
}

div.popupCategories div.popupCategoryRow {
  border-bottom: 1px solid #ebebeb;
  background: url(images/bg-popup-categories-gradient.png) repeat-x center bottom;
}

div.popupCategories div.popupCategoryRowCase {
  padding-top: 15px;
  padding-bottom: 15px;
  background: url(images/bg-top-categories-separator.png) repeat-y 332px center;
}

div.popupCategories div.popupCategoryRowLast {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}

div.popupCategories div.popupCategory {
  float: left;
  width: 300px;
  padding: 0 16px;
  float: left;
}

div.popupCategories div.popupCategory div.image {
  float: left;
  width: 70px;
}

div.popupCategories div.popupCategory div.content {
  padding-left: 80px;
}

div.popupCategories div.popupCategoryNoImage div.content {
  padding-left: 0;
}

div.popupCategories div.popupCategory div.content div.title {
  color: #0171b9;
  font-weight: bold;
  padding-bottom: 10px;
}

div.popupCategories div.popupCategory div.content div.title a {
  color: #0171b9;
}

div.popupCategories ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

div.popupCategories ul li {
  padding: 0 0 2px 12px;
  background: url(images/arrow-pink-right.png) no-repeat 0px 6px;
}

div.popupCategories div.popupCategoriesContentSitemap {
  padding: 15px;
  background: url(images/bg-top-categories-separator.png) repeat-y 0 center;
}

div.popupCategories div.popupCategoriesContentSitemap ul {
  float: left;
  width: 307px;
}

div.popupCategories div.popupCategoriesContentSitemap div.cmsText {
  float: right;
  width: 307px;
}

/* Top search */
#topSearch {
  float: right;
  height: 70px;
  padding-left: 2px;
  background: url(images/dot-blue-vertical-repeat.png) repeat-y left center;
}

#topSearch div.search {
  position: relative;
  display: block;
  width: 63px;
  height: 78px;
  cursor: pointer;
  background: url(images/bg-top-search.png) no-repeat left top;
}

/* Search button podla jazykov */
body.sk #topSearch div.search {
  background-image: url(images/bg-top-search-sk.png);
}

body.en #topSearch div.search {
  background-image: url(images/bg-top-search-en.png);
}

body.cz #topSearch div.search {
  background-image: url(images/bg-top-search-cz.png);
}

body.de #topSearch div.search {
  background-image: url(images/bg-top-search-de.png);
}

body.hu #topSearch div.search {
  background-image: url(images/bg-top-search-hu.png);
}

body.ru #topSearch div.search {
  background-image: url(images/bg-top-search-ru.png);
}

body.ro #topSearch div.search {
  background-image: url(images/bg-top-search-ro.png);
}

body.fr #topSearch div.search {
  background-image: url(images/bg-top-search-fr.png);
}

body.es #topSearch div.search {
  background-image: url(images/bg-top-search-es.png);
}

body.pl #topSearch div.search {
  background-image: url(images/bg-top-search-pl.png);
}

#topSearch div.searchActive {
  -webkit-box-shadow: 3px -3px 8px rgba(50, 50, 50, 0.2);
  -moz-box-shadow: 3px -3px 8px rgba(50, 50, 50, 0.2);
  box-shadow: 3px -3px 8px rgba(50, 50, 50, 0.2);
  background: url(images/bg-top-search-active.png) no-repeat left top !important;
}

#topSearch div.popupSearch {
  cursor: auto;
  display: none;
  position: absolute;
  right: 0;
  top: 78px;
  width: 273px;
  height: 39px;
  padding: 14px 5px 0 5px;
  text-align: center;
  -webkit-box-shadow: 4px 4px 8px rgba(50, 50, 50, 0.2);
  -moz-box-shadow: 4px 4px 8px rgba(50, 50, 50, 0.2);
  box-shadow: 4px 4px 8px rgba(50, 50, 50, 0.2);
  background: url(images/bg-top-search-popup.png) no-repeat left top;
}

#topSearch div.popupSearch input.text {
  width: 150px;
}

#topSearch div.popupSearch .button3 {
  padding: 7px 10px 6px 10px;
}

/*************************************************************************************************************
*   BODY MAIN
**************************************************************************************************************/
#bodyMain {
  background-color: #fff;
  background: url(images/bg-body-main.png) repeat-x center top #FFF;
}

#pageMain {
  padding: 15px 0 20px 0;
}

#content {
  min-height: 200px;
  position: relative;
}

div.contentSidebar {
  float: left;
  width: 244px;
}

div.contentSidebarCatalog {
  width: 190px;
}

/* Sidebar section */
div.contentSidebar div.section {
  padding-bottom: 15px;
}

div.contentSidebar div.sectionTitle {
  padding-bottom: 5px;
  font-weight: bold;
}

/* Sidebar menu */
div.contentSidebar ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

div.contentSidebar ul li {
  padding: 0 0 2px 12px;
  background: url(images/arrow-pink-right.png) no-repeat 0px 4px;
}

div.contentSidebar ul li a.active {
  font-weight: bold;
}

div.contentSidebar ul li ul {
  padding-top: 3px;
}

/* Sidebar question form */
#questionForm input.text, #questionForm textarea.textarea {
  width: 200px;
}

#questionForm textarea.textarea {
  height: 100px;
}

#questionForm div.selectboxSubject {
  width: 178px;
}

div.contentMain {
  float: right;
  width: calc(100% - 256px);
  width: -moz-calc(100% - 256px);
  width: -webkit-calc(100% - 256px);
  width: -o-calc(100% - 256px);
}

div.contentMainCatalog {
  width: 798px;
}

/* Logged user info */
#loggedUser {
  padding-right: 15px;
  position: absolute;
  font-size: 0.85em;
  top: 27px;
  right: 0;
}

/* Kontext menu */
#kontextMenu {
  position: relative;
  top: -7px;
  float: left;
  padding: 0px 20px 5px 20px;
  text-align: left;
  color: #0171b9;
  font-size: 0.85em;
}

#kontextMenu a.last {
  /*font-size:1.4em;*/
}

div.panel {
  border: 1px solid #dbdbdb;
  padding: 15px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: url(images/bg-panel-gradient.png) repeat-x center bottom #FFF;
  margin-bottom: 10px;
}

div.panelBSpace {
  margin-bottom: 15px;
}

div.separator {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #dfdfdf;
}

/* Subkategorie v detaile kategorie */
div.subcategoriesPanel {
  margin: 15px 0 0 0;
}

div.subcategoriesPanel span.label {
  color: #0171b9;
  margin-right: 6px;
}

/* Klasicky ul zoznam */
#subcategories {
  margin: 15px 0;
}

#subcategories ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#subcategories ul li {
  float: left;
  width: 14.28%;
  padding: 10px 15px;
  text-align: center;
  box-sizing: border-box;
}

#subcategories ul li.showSubcategories {
  width: 33.33%;
  text-align: left;
}

#subcategories ul li div.title {
  font-weight: bold;
  padding-bottom: 10px;
}

#subcategories ul li div.image {
  height: 112px;
  padding-bottom: 10px;
}

#subcategories ul li.showSubcategories div.image {
  float: left;
  width: 82px;
  padding-bottom: 0;
}

#subcategories ul li div.image a img {
  padding: 5px;
  border: 1px solid #E7E7E7;
  -webkit-box-shadow: 0px 0px 5px rgba(186, 186, 186, 0.5);
  -moz-box-shadow: 0px 0px 5px rgba(186, 186, 186, 0.5);
  box-shadow: 0px 0px 5px rgba(186, 186, 186, 0.5);
}

#subcategories ul li div.image a:hover img {
  -webkit-box-shadow: 0px 0px 5px #aaaaaa;
  -moz-box-shadow: 0px 0px 5px #aaaaaa;
  box-shadow: 0px 0px 5px #aaaaaa;
}

#subcategories ul li div.subcategories {
  float: right;
  padding-left: 5px;
  box-sizing: border-box;
  width: -moz-calc(100% - 82px);
  width: -webkit-calc(100% - 82px);
  width: -o-calc(100% - 82px);
  width: calc(100% - 82px);
}

/* Zoznam clankov */
div.listItemContainer {
  background: url(images/dot-grey-light.png) repeat-y center center;
}

div.listItemRow {
  margin-bottom: 15px;
}

div.listItemRowLast {
  margin-bottom: 0;
}

div.listItem {
  width: 48%;
  position: relative;
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 10px;
}

div.listItemRowLast div.listItem {
  border-bottom: none;
}

div.listItem-1 {
  float: left;
}

div.listItem-2 {
  float: right;
}

div.listItem div.image {
  float: left;
  width: 131px;
  height: 89px;
  -webkit-box-shadow: 4px 4px 8px rgba(50, 50, 50, 0.2);
  -moz-box-shadow: 4px 4px 8px rgba(50, 50, 50, 0.2);
  box-shadow: 4px 4px 8px rgba(50, 50, 50, 0.2);
}

div.listItem div.content {
  padding: 0 0 20px 151px;
}

div.listItemNoImage div.content {
  padding-left: 0;
}

div.listItem div.content div.title {
  font-size: 1.1em;
  font-weight: bold;
  color: #0171B9;
  padding-bottom: 4px;
}

div.listItem div.content div.date {
  color: #9f9f9f;
  font-size: 0.9em;
  padding-bottom: 10px;
}

div.listItem div.content div.text p {
  margin: 0;
}

div.listItem a.more {
  position: absolute;
  right: 5px;
  bottom: 5px;
  height: 23px;
  width: 23px;
  background-position: 0 0;
}

div.listItem a.more span {
  display: none;
}

/* News */
div.newsPanelCase {
  padding-bottom: 21px;
  background: url(images/bg-news-panel-shadow.png) no-repeat center bottom;
}

div.newsPanel {
  background: #FFF;
  border: 1px solid #dbdbdb;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

div.newsPanel div.newsPanelHeader {
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background: url(images/bg-news-panel-header.png) repeat-x center bottom #e7e7e7;
  /*border-bottom:1px solid #d3d3d3;*/
}

div.newsPanel div.newsPanelHeader ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

div.newsPanel div.newsPanelHeader ul li {
  float: left;
  border-right: 1px solid #d0d0d0;
  background: url(images/bg-news-panel-header-item.png) repeat-x center top #FFF;
}

div.newsPanel div.newsPanelHeader ul li.first {
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-left-radius: 5px;
}

div.newsPanel div.newsPanelHeader ul li a {
  display: block;
  font-size: 1.2em;
  padding: 15px;
  color: #0171b9;
  font-weight: bold;
  text-decoration: none;
}

div.newsPanel div.newsPanelContent {
  padding: 15px;
}

div.newsPanel div.newsPanelContentCase {
  background: url(images/dot-grey.png) repeat-y 572px 0px;
}

div.newsPanel div.newsList {
  float: left;
  width: 542px;
}

div.newsPanel div.newsList div.oldNews a img {
  margin-right: 10px;
  vertical-align: middle;
}

div.newsPanel div.newsList div.oldNews a span {
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
}

div.newsPanel div.advertisement {
  float: right;
  width: 370px;
}

/* News item */
div.newsItem {
  position: relative;
  margin-bottom: 10px;
}

div.newsItem div.image {
  float: left;
  width: 95px;
  height: 80px;
  padding: 3px;
  border: 1px solid #d3d3d3;
}

div.newsItem div.content {
  padding: 0 30px 15px 120px;
  border-bottom: 1px solid #d2d2d2;
}

div.newsItemNoImage div.content {
  padding-left: 0px;
}

div.newsItem div.content div.title {
  color: #0171b9;
  font-size: 1.1em;
  font-weight: bold;
  padding-bottom: 10px;
}

div.newsItem div.content div.title a {
  color: #0171b9;
}

div.newsItemNoImage div.content div.description p {
  margin: 0;
}

div.newsItem .more {
  position: absolute;
  right: 0;
  bottom: 15px;
}

div.newsItem .more span {
  display: inline-block;
}

/*************************************************************************************************************
*   BODY BOTTOM
**************************************************************************************************************/
#bodyBottomTitles {
  border-top: 1px solid #cacaca;
  border-bottom: 1px solid #c4c4c4;
  background: url(images/bg-body-bottom-titles.png) repeat-x center bottom #e7e7e7;
}

#pageBottomTitles {
  width: 100%;
  max-width: 950px;
  box-sizing: border-box;
  padding: 16px 0 16px 0;
}

#bodyBottom {
  color: #565656;
  font-size: 0.85em;
  padding-bottom: 30px;
  background: url(images/bg-body-bottom.png) repeat-x center top;
}

#pageBottom {
  width: 100%;
  max-width: 950px;
  padding-top: 15px;
}

div.bottomBlock {
  float: left;
  width: 25%;
  box-sizing: border-box;
  padding: 0 30px 0 0;
}

div.bottomBlockLast {
  padding-right: 0px;
}

div.bottomBlock .h3 {
  text-transform: uppercase;
  font-size: 1.1em;
  color: #434343;
  padding: 0;
  margin: 0;
}

div.bottomBlock ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

div.bottomBlock ul li {
  padding-bottom: 3px;
}

div.bottomBlock ul li a {
  color: #565656;
}

/* Footer */
#pageFooter {
  width: 100%;
  max-width: 950px;
  margin-top: 20px;
  padding-top: 15px;
  background: url(images/dot-grey-white.png) repeat-x center top;
}

#pageFooter a {
  color: #565656;
}

#pageFooter a span {
  display: inline-block;
}

#pageFooter p {
  margin: 0;
}

#socialNetworksBottom {
  float: right;
}

#socialNetworksBottom a {
  margin-right: 5px;
}

/* Ikonka typu paliva */
div.icoFuel {
  position: absolute;
  width: 31px;
  height: 31px;
}

div.icoFuel_1 {
  background: url(images/icon-fuel-biomass.png) no-repeat left top;
}

div.icoFuel_2 {
  background: url(images/icon-fuel-gas.png) no-repeat left top;
}

div.icoFuel_3 {
  background: url(images/icon-fuel-electricity.png) no-repeat left top;
}

div.icoFuel_4 {
  background: url(images/icon-fuel-solar.png) no-repeat left top;
}

/* Zoznam produktov */
.list-item-product-row {
  margin-bottom: 10px;
}

.list-item-product-row-last {
  margin-bottom: 0;
}

/* Zobrazenie vedla seba s obrazkami */
div.list-item-product {
  width: calc(20% - 10px);
  width: -moz-calc(20% - 10px);
  width: -webkit-calc(20% - 10px);
  width: -o-calc(20% - 10px);
  box-sizing: border-box;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 10px;
  position: relative;
  text-align: center;
}

.list-item-product-row-5 div.list-item-product-5, .list-item-product-row-4 div.list-item-product-4 {
  margin-right: 0;
  width: 20%;
}

div.list-item-product .image {
  margin: 0 auto;
  width: 100%;
  height: 150px;
  padding-bottom: 10px;
}

div.list-item-product .title {
  font-weight: bold;
  color: #0171B9;
  padding-bottom: 10px;
  min-height: 2.8em;
}

div.list-item-product .title a {
  color: #0171B9;
}

div.list-item-product div.descr div.textAttribs {
  text-align: center;
  padding-bottom: 15px;
}

div.list-item-product .product-name {
  width: 100%;
  border-bottom: 1px solid #d2d2d2;
  padding-top: 10px;
  font-weight: bold;
  color: #565656;
  font-size: 0.9em;
}

div.list-item-product .product-name p {
  margin-bottom: 5px;
}

div.list-item-product .product-price {
  width: 52%;
  float: left;
  height: 36px;
  text-align: left;
}

div.list-item-product .product-price p {
  margin: 5px 0px 0px 0px;
  font-size: 0.7em;
}

div.list-item-product p.price {
  font-size: 1em;
  font-weight: bold;
}

div.list-item-product .buy {
  background-color: #e30865;
  border-radius: 5px;
  float: right;
  height: 31px;
  margin-top: 5px;
  width: 48%;
}

div.list-item-product .buy:hover {
  opacity: 0.8;
}

div.list-item-product .buy a:hover {
  text-decoration: none;
}

div.list-item-product .buy a img {
  float: left;
  padding-top: 5px;
  padding-left: 5px;
}

div.list-item-product .buy-delimiter {
  border-left: 1px solid #ffffff;
  color: #ffffff;
  display: block;
  font-size: 1em;
  font-weight: bold;
  margin-top: 8px;
  padding-left: 4px;
  margin-left: 30px;
  padding-right: 4px;
}

div.textAttribs td:first-child {
  font-size: 0.85em;
  text-align: left;
}

div.textAttribs td:last-child {
  font-size: 0.85em;
  text-align: right;
  vertical-align: bottom;
}

div.list-item-product .productCompareTrigger {
  position: absolute;
  left: 5px;
  top: 5px;
  width: 18px;
  height: 18px;
  text-decoration: none;
}

div.list-item-product .addProductCompareTrigger {
  background: url(images/icon-plus-square-grey.png) no-repeat center center;
}

div.list-item-product .removeProductCompareTrigger {
  background: url(images/icon-plus-square-pink.png) no-repeat center center;
}

div.list-item-product div.icoFuel {
  right: 25px;
  top: 135px;
}

/* Zobrazenie pod sebou s obrazkami */
div.list-item-product-table-images {
  margin: 0 0 10px 0;
  position: relative;
}

div.list-item-product-last {
  margin-bottom: 0;
}

div.list-item-product-table-images .image {
  float: left;
  width: 110px;
  height: 110px;
}

div.list-item-product-table-images .content {
  padding: 0 115px 0 130px;
}

div.list-item-product-table-images .title {
  font-weight: bold;
  color: #0171B9;
  padding-bottom: 10px;
}

div.list-item-product-table-images .title a {
  color: #0171B9;
}

div.list-item-product-table-images .more {
  position: absolute;
  right: 10px;
  bottom: 10px;
}

/* Zobrazenie pod sebou s obrazkami - verzia 2 */
div.list-item-product-table-images-v2 .image {
  height: 60px;
}

div.list-item-product-table-images-v2 .content {
  padding-right: 250px;
}

div.list-item-product-table-images-v2 div.order {
  position: absolute;
  right: 15px;
  top: 15px;
}

div.list-item-product-table-images-v2 div.order input.goodPcs {
  width: 30px;
  margin: 0 5px;
  text-align: center;
}

div.list-item-product-table-images-v2 div.order button.addToCartBtn span {
  padding-top: 6px;
  padding-bottom: 6px;
}

div.pager-options {
  color: #FFF;
  padding: 10px 20px 10px 20px;
  margin-bottom: 10px;
  background: url(images/bg-pager-options.png) repeat-x center top #0171b9;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

div.pager-options a {
  color: #FFF;
}

table.pager-options {
  width: 100%;
}

table.pager-options td {
  padding: 0px 0px 0 0px;
  vertical-align: middle;
}

div.pager-options .limit a {
  margin-left: 8px;
}

div.pager-options .limit a.active {
  display: inline-block;
  background: #ec0076;
  padding: 2px 4px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-decoration: none;
}

div.pager-options .listStyle {
  display: inline-block;
  float: right;
}

div.pager-options .listStyle a.item {
  display: inline-block;
  margin-left: 5px;
  vertical-align: middle;
}

div.pager-options .listStyle a.itemImages {
  width: 19px;
  height: 15px;
  background: url(images/icon-list-view-images.png) no-repeat left top;
}

div.pager-options .listStyle a.itemImagesActive {
  background: url(images/icon-list-view-images-active.png) no-repeat left top;
}

div.pager-options .listStyle a.itemTableImages {
  width: 24px;
  height: 15px;
  background: url(images/icon-list-view-table-images.png) no-repeat left top;
}

div.pager-options .listStyle a.itemTableImagesActive {
  background: url(images/icon-list-view-table-images-active.png) no-repeat left top;
}

div.pager-options .listStyle a.item span {
  display: none;
}

.button-black {
  background: #000;
  display: inline-block;
  padding: 5px 10px 3px 10px;
  white-space: nowrap;
  font-size: 1.2em;
  color: #FFFFFF;
  border-radius: 4px;
  -moz-border-radius: 4px;
}

.button-black a {
  color: #FFF;
}

.button-black a:hover {
  color: #FFF;
}

.next {
  padding: 5px 7px 3px 10px;
}

.next a {
  background: url(images/arrow-next.png) no-repeat right center;
  display: inline-block;
  padding: 0 10px 0 0;
}

.prev {
  padding: 5px 10px 3px 7px;
}

.prev a {
  background: url(images/arrow-back.png) no-repeat left center;
  display: inline-block;
  padding: 0 0 0 10px;
}

/* Product carousel */
.carousel-item {
  float: left;
}

.product-carousel-item div.list-item-product {
  width: 168px;
  float: none;
  margin: 0 5px;
}

.product-carousel-item div.list-item-product .title {
  height: 20px;
  padding-bottom: 0;
  margin-bottom: 10px;
  overflow: hidden;
}

.carousel-products {
  height: 250px;
  width: 1000px;
  position: relative;
}

.carousel-products .product-carousel {
  width: 1000px;
  height: 250px;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
}

.carousel-products .product-carousel-content {
  height: 250px;
  width: 5000px;
  background: url(images/carousel1-bg.png) repeat top left;
}

.carousel-products .arrow {
  display: block;
  width: 35px;
  height: 250px;
  position: absolute;
  top: 0;
}

.carousel-products .arrow span {
  display: none;
}

.carousel-products .arrow-left {
  left: -35px;
  background: url(images/arrow-circle-pink-left.png) no-repeat center center;
}

.carousel-products .arrow-right {
  left: 1000px;
  background-position: 0 0;
}

/* Hviezdickove hodnotenie */
.rating-container {
  width: 100px;
  height: 20px;
  background: url(images/stars-big.gif) no-repeat 0px -20px;
  position: relative;
}

.rating-container-hover .rating {
  display: none;
}

.rating-container .rating {
  height: 20px;
  background: url(images/stars-big.gif) no-repeat 0px 0px;
  position: absolute;
  top: 0px;
  left: 0px;
}

.rating-container .rating-progress {
  display: none;
  width: 100px;
  height: 20px;
  background: url(../images/loading3.gif) no-repeat 50% 50% #FFFFFF;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 3;
}

.rating-container a.rate {
  display: block;
  width: 20%;
  height: 20px;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 2;
}

.rating-container a.rate span {
  display: none;
}

.rating-container a.rate:hover {
  background: url(images/stars-big.gif) no-repeat 0 0px;
  left: 0px;
  z-index: 1;
}

.rating-container a.rate-1 {
  left: 0px;
}

.rating-container a.rate-2 {
  left: 20%;
}

.rating-container a.rate-3 {
  left: 40%;
}

.rating-container a.rate-4 {
  left: 60%;
}

.rating-container a.rate-5 {
  left: 80%;
}

.rating-container a.rate-1:hover {
  left: 0px;
  width: 20%;
}

.rating-container a.rate-2:hover {
  left: 0px;
  width: 40%;
}

.rating-container a.rate-3:hover {
  left: 0px;
  width: 60%;
}

.rating-container a.rate-4:hover {
  left: 0px;
  width: 80%;
}

.rating-container a.rate-5:hover {
  left: 0px;
  width: 100%;
}

/* Slider na cenu vo vyhladavaci */
#searchPriceRange {
  width: 160px;
  margin: 10px auto 5px auto;
}

#searchPriceRange .ui-slider-handle {
  background: #D60039;
}

#searchPriceRangeAmount {
  width: 160px;
  position: relative;
  height: 20px;
  margin: 0px 0 0 10px;
}

#searchPriceRangeAmountMin, #searchPriceRangeAmountMax {
  width: 40px;
  position: absolute;
  top: 0px;
  left: 0px;
  font-size: 0.9em;
  font-weight: bold;
  text-align: center;
  margin-left: -9px;
}

/* Vyhladavaci formular v sidebare */
#catalogSideSearchForm {
  position: relative;
  margin: 0;
  padding: 0;
}

#catalogSideSearchProgress {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 200px;
  height: 100px;
  background: url(images/ajax-loader1.gif) no-repeat 50% 50% #FFFFFF;
  opacity: 0.8;
  z-index: 10;
}

/* Ikonky pri produktoch */
.icostars .icostar {
  display: block;
  width: 60px;
  height: 60px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.icostars .icostar a {
  display: block;
  width: 60px;
  height: 60px;
}

.icostars .icostar span {
  display: none;
}

.icostars .icostar-sale {
  background-image: url(images/icons/akcia.png);
}

.icostars .icostar-new {
  background-image: url(images/icons/novy.png);
}

/* Custom styly od zakaznika */
.tabulka_01, .tabulka_02, .tabulka_03 {
  border-top: 1px solid #aaaaaa;
  border-left: 1px solid #aaaaaa;
}

.tabulka_02, .tabulka_01 {
  margin-bottom: 10px;
}

.tabulka_01 td, .tabulka_02 td, .tabulka_03 td {
  border-right: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
  padding: 3px 5px;
}

.tabulka_02 td {
  background: #033F89;
  color: #FFFFFF;
}

.tabulka_03 td {
  background: #C0DCEE;
}

.okraj_obrazka {
  margin: 0 15px 15px 0;
}

/* Servisna siet - filter */
div.ssListFilter {
  margin: 20px 0;
}

div.ssListFilter div.inputline {
  padding-bottom: 5px;
}

div.ssListFilter .label {
  display: inline-block;
  margin-right: 10px;
  font-weight: bold;
  width: 100px;
}

div.ssListFilter .selectbox {
  margin-right: 5px;
}

div.ssListFilter .filterDiv {
  display: inline-block;
}

div.ssListFilter .filterDiv .title {
  padding: 0 0 5px 0;
  font-size: 1.1em;
  font-weight: bold;
  color: #0171b9;
}

/* Mapa */
div.ssListFilter div.imageMap {
  width: 100%;
  max-width: 465px;
  height: 228px;
  margin: 0 auto 20px auto;
}

div.ssListFilter div.imageMap > div {
  width: 100% !important;
  max-width: 465px !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
}

div.ssListFilter div.imageMap canvas, div.ssListFilter div.imageMap img {
  width: 100% !important;
  max-width: 465px !important;
}

/* Servisna a predajna siet - zoznam poloziek */
div.ssList div.region div.h3, div.ssList div.region h3 {
  margin: 22px 0 20px 0;
}

div.ssList div.ssItem {
  float: left;
  width: 215px;
  margin: 5px;
  padding: 5px;
  border: 1px solid #DBDBDB;
  overflow: hidden;
}

div.ssList div.ssItem div.title {
  color: #0171b9;
  font-weight: bold;
  padding-bottom: 5px;
}

div.ssList div.ssItem div.content {
  font-size: 0.9em;
}

div.ssList div.ssItem div.content .label {
  margin-right: 5px;
}

/* Panel porovnavanych produktov */
#productsComparePanel {
  position: fixed;
  bottom: 0;
  width: 100%;
  background: #f1f1f1;
  min-height: 36px;
  border-top: 1px solid #dedede;
}

#productsComparePanel div.case {
  padding: 10px;
  min-height: 62px;
}

#productsComparePanel div.label {
  float: left;
  width: 145px;
  padding: 10px;
  border-right: 1px solid #dedede;
}

#productsComparePanel div.label div.h3 {
  font-size: 1.0em;
  margin: 0;
}

#productsComparePanel div.products {
  padding: 0 140px 0 190px;
}

#productsComparePanel div.products div.product {
  position: relative;
  float: left;
  width: 160px;
  height: 30px;
  padding: 10px;
  margin: 0 10px 10px 0;
  border: 1px solid #e0e0e0;
  text-align: center;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0px 0px 5px rgba(224, 224, 224, 0.75);
  -moz-box-shadow: 0px 0px 5px rgba(224, 224, 224, 0.75);
  box-shadow: 0px 0px 5px rgba(224, 224, 224, 0.75);
}

#productsComparePanel div.products div.product .removeTrigger {
  position: absolute;
  right: 0;
  top: 0;
  display: none;
}

#productsComparePanel div.buttons {
  float: right;
  width: 120px;
  text-align: right;
}

/* Filter block */
div.filterBlock {
  color: #FFF;
  padding: 10px 20px 10px 20px;
  margin-bottom: 10px;
  background: url(images/bg-pager-options.png) repeat-x center top #0171b9;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

div.filterBlock a {
  color: #FFF;
}

div.filterBlock table {
  width: 100%;
}

div.filterBlock table td .label {
  font-weight: bold;
  font-size: 1.1em;
  margin-right: 5px;
}

/* Table product list */
table.productList tr td {
  padding: 3px 5px;
}

table.productList tr td div.description {
  font-size: 0.9em;
}

table.productList tr td div.title {
  color: #0171b9;
  font-weight: bold;
}

table.productList tr td div.order {
  text-align: right;
}

table.productList tr td div.order input.goodPcs {
  width: 30px;
  margin: 0 5px;
  text-align: center;
}

table.productList tr td div.order button.addToCartBtn span {
  padding-top: 6px;
  padding-bottom: 6px;
}

#loggedUserMenu {
  margin-bottom: 20px;
}

/* Attack */
.nadpis {
  font-size: 150%;
  font-weight: bold;
  color: #0072bc;
  background-color: #8dd8f8;
}

.nadpis2 {
  font-size: 70%;
  font-weight: bold;
  color: #0072bc;
  background-color: #8dd8f8;
}

ul.dolava li {
  margin-left: -12.5px;
}

.dp2 {
  font-size: 75%;
  font-weight: bold;
  color: #ffffff;
  background-color: #006cb4;
  line-height: 125%;
  padding: 10px 10px 10px 20px;
}

.dpx2 {
  font-size: 75%;
  font-weight: bold;
  color: #ffffff;
  background-color: #0057a0;
  line-height: 125%;
  padding: 10px 10px 10px 20px;
}

.slx2 {
  font-size: 75%;
  font-weight: bold;
  color: #ffffff;
  background-color: #004b94;
  line-height: 125%;
  padding: 10px 10px 10px 20px;
}

.awp2 {
  font-size: 75%;
  font-weight: bold;
  color: #ffffff;
  background-color: #083f88;
  line-height: 125%;
  padding: 10px 10px 10px 20px;
}

.hline {
  width: 100%;
  height: 1px;
  background: #fff;
  margin: 4px 0 4px 0;
}

.storeList .h3 {
  margin: 15px 0;
}

a.sort-arrown {
  margin-right: 25px;
  width: 16px;
  height: 16px;
  display: inline-block;
  padding: 2px 4px;
  vertical-align: middle;
}

a.sort-arrown.ASC {
  background: url("images/sortAsc.png") no-repeat center center;
}

a.sort-arrown.DESC {
  background: url("images/sortDesc.png") no-repeat center center;
}

a.active.sort-arrown.ASC, a.sort-arrown.ASC:hover, a.active.sort-arrown.DESC, a.sort-arrown.DESC:hover {
  background-color: #ec0076;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

a.sort-arrown span {
  display: none;
}

/* RESPONZIVITA UPRAVY */
#topLangs .selectboxLangs {
  display: none;
}

#topLangs .selecterLangs {
  display: none;
}