/*! jQuery UI - v1.11.2 - 2014-12-04
* http://jqueryui.com
* Includes: theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=8px&bgColorHeader=%235dae65&bgTextureHeader=glass&bgImgOpacityHeader=10&borderColorHeader=%231A8126&fcHeader=%23ffffff&iconColorHeader=%23ffffff&bgColorContent=%23ffffff&bgTextureContent=flat&bgImgOpacityContent=20&borderColorContent=%238db991&fcContent=%23222222&iconColorContent=%23222222&bgColorDefault=%235dae65&bgTextureDefault=glass&bgImgOpacityDefault=20&borderColorDefault=%234a9152&fcDefault=%23ffffff&iconColorDefault=%23ffffff&bgColorHover=%231b8226&bgTextureHover=glass&bgImgOpacityHover=20&borderColorHover=%231A8126&fcHover=%23ffffff&iconColorHover=%23ffffff&bgColorActive=%2310671a&bgTextureActive=glass&bgImgOpacityActive=20&borderColorActive=%231A8126&fcActive=%23ffffff&iconColorActive=%23ffffff&bgColorHighlight=%231b8226&bgTextureHighlight=gloss_wave&bgImgOpacityHighlight=40&borderColorHighlight=%231A8126&fcHighlight=%23ffffff&iconColorHighlight=%23ffffff&bgColorError=%231b8226&bgTextureError=gloss_wave&bgImgOpacityError=40&borderColorError=%23cd0a0a&fcError=%23cd0a0a&iconColorError=%23cd0a0a&bgColorOverlay=%232aa136&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=20&bgColorShadow=%235ec469&bgTextureShadow=highlight_hard&bgImgOpacityShadow=0&opacityShadow=20&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */

/* Component containers
----------------------------------*/
.ui-widget {
  font-family: 'Open Sans', sans-serif, 'Karma', serif;
  /*font-family: Verdana,Arial,sans-serif,Open Sans;Karma;*/
  font-size: 1em;
}
.ui-widget .ui-widget {
  font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: 'Open Sans', sans-serif, 'Karma', serif;
  /*font-family: Verdana,Arial,sans-serif,Open Sans;Karma;*/
  font-size: 1em !important;
}

.ui-widget-content {
  border: 1px solid #47decd;
  background: #ffffff
    url("/sklep/javax.faces.resource/images/ui-bg_flat_20_ffffff_40x100.png.xhtml?ln=primefaces-aretheme")
    50% 50% repeat-x;
  color: #4b4b4b;
  /*color: #222222;*/
}
.ui-widget-content a {
  color: #4b4b4b;
  /*color: #222222;*/
  font-weight: 550;
  text-decoration: none;
  vertical-align: middle;
}

.ui-widget-header {
  border: 1px solid #0e4b44;
  background: #1da293
    url("/sklep/javax.faces.resource/images/ui-bg_glass_10_5dae65_1x400.png.xhtml?ln=primefaces-aretheme")
    50% 50% repeat-x;
  color: #ffffff;
  font-weight: bold;
}

.noRoundBorders {
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  text-decoration: none;
}

.noRoundBorders:hover {
  color: #ffffff;
}

.ui-inputfield {
  border: 1px solid #0e4b44;
  background: #ffffff !important;
  color: #4b4b4b !important;
  /*color: #000000 !important;*/
  font-weight: normal !important;
}
.ui-inputtext {
  border: 1px solid #0e4b44;
  background: #ffffff !important;
  color: #4b4b4b !important;
  /*color: #000000 !important;*/
  font-weight: normal !important;
}
.ui-widget-header a {
  color: #ffffff;
}

.ui-breadcrumb {
  margin: 0;
  padding: 0;
  overflow: hidden;
  padding: 5px 5px 7px 5px;
  margin-bottom: 10px;
  width: 988px;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #0e4b44;
  background: #1da293
    url("/sklep/javax.faces.resource/images/ui-bg_glass_20_5dae65_1x400.png.xhtml?ln=primefaces-aretheme")
    50% 50% repeat-x;
  font-weight: normal;
  color: #ffffff;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #4b4b4b;
  /*color: #000000;*/
  text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 1px solid #0e4b44;
  background: #47decd
    url("/sklep/javax.faces.resource/images/ui-bg_glass_20_1b8226_1x400.png.xhtml?ln=primefaces-aretheme")
    50% 50% repeat-x;
  font-weight: normal;
  color: #ffffff !important;
}

.ui-datatable tr.ui-state-hover,
.ui-datatable tr.ui-state-focus {
  background-color: #c4ffc6 !important;
  background-image: none;
  color: #4b4b4b !important;
  /*color: #000000 !important;*/
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
  color: #4b4b4b !important;
  /*color: #000000 !important;*/
  text-decoration: none;
}

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  background-color: #cccccc !important;
  background-image: none;
  color: #4b4b4b !important;
  /*color: #000000 !important;*/
}

.ui-inputtext:-webkit-autofill,
.ui-inputtext:after,
.ui-inputfield:after,
input:after,
textarea:after,
select:after {
  background-color: #cccccc !important;
  font-weight: normal;
}
.ui-inputfield:hover,
.ui-inputfield:focus,
.ui-inputtext:hover,
.ui-inputtext:focus {
  background-color: #c4ffc6 !important;
  background-image: none;
  color: #4b4b4b !important;
  /*color: #000000 !important;*/
}
.ui-datatable tr:hover {
  background-color: #c4ffc6 !important;
  background-image: none;
  color: #4b4b4b !important;
  /*color: #000000 !important;*/
}
.ui-datatable tr:focus,
.ui-datatable tr:visited {
  background-color: #9fff99 !important;
  background-image: none;
  color: #4b4b4b !important;
  /*color: #000000 !important;*/
}
/*.ui-autocomplete-input:hover,
.ui-autocomplete-input:focus,
.ui-autocomplete-input:-webkit-autofill,
.ui-autocomplete-input:focus {
background-color: #C4FFC6 !important;
background-image: none;
color: #000000 !important;
}*/

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #0e4b44;
  background: #0e4b44
    url("/sklep/javax.faces.resource/images/ui-bg_glass_20_10671a_1x400.png.xhtml?ln=primefaces-aretheme")
    50% 50% repeat-x;
  font-weight: normal;
  color: #ffffff;
}

.ui-accordion .ui-state-active {
  border: 1px solid #0e4b44;
  font-weight: normal;
  color: #fff;
  background: #083f0f
    url("/sklep/javax.faces.resource/images/ui-bg_spotlight_80_10671a_600x600.png.xhtml?ln=primefaces-aretheme")
    repeat-x scroll 50% 50% !important;
}
.ui-fieldset .ui-state-active,
.ui-fieldset .ui-widget-content .ui-state-active,
.ui-fieldset .ui-widget-header .ui-state-active,
.ui-button .ui-state-active,
.ui-fieldset .ui-widget-content .ui-state-active,
.ui-fieldset .ui-widget-header .ui-state-active {
  border: 1px solid #0e4b44;
  background: #0e4b44
    url("/sklep/javax.faces.resource/images/ui-bg_glass_20_10671a_1x400.png.xhtml?ln=primefaces-aretheme")
    50% 50% repeat-x !important;
  font-weight: normal;
  color: #ffffff;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #4b4b4b !important;
  /*color: #000000 !important;*/
  text-decoration: none;
}

/*.ui-datatable tr.ui-state-default ,*/
.ui-datatable tr.ui-state-active {
  background-color: #9fff99 !important; /*9FFF99*/
  cursor: pointer;
  color: #4b4b4b !important;
  /*color: #000000 !important;*/
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #0e4b44;
  background: #47decd
    url("/sklep/javax.faces.resource/images/ui-bg_gloss-wave_40_1b8226_500x100.png.xhtml?ln=primefaces-aretheme")
    50% top repeat-x;
  color: #ffffff;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #ffffff;
}
.ui-state-highlight a,
.ui-state-highlight a:hover,
.ui-state-highlight a:link,
.ui-state-highlight a:visited {
  color: #4b4b4b !important;
  /*color: #000000 !important;*/
  text-decoration: none;
}
.ui-datatable tr.ui-state-highlight {
  background-color: #a3ffb0 !important; /*#9FFF99*/
  cursor: pointer;
  color: #4b4b4b !important;
  /*color: #000000 !important;*/
}

.ui-datatable .ui-state-highlight,
.ui-datatable .ui-widget-content .ui-state-highlight,
.ui-datatable .ui-widget-header .ui-state-highlight {
  border: 1px solid #0e4b44;
  background: #c4ffc6 !important;
  color: #ffffff;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  /*background: #47decd url("/sklep/javax.faces.resource/images/ui-bg_gloss-wave_40_1b8226_500x100.png.xhtml?ln=primefaces-aretheme") 50% top repeat-x;*/
  color: #cd0a0a;
  font-weight: bold;
  /*margin: -5px 0 0 -5px;
	padding: 5px;
	background: #1da293 url("/sklep/javax.faces.resource/images/ui-bg_glass_10_5dae65_1x400.png.xhtml?ln=primefaces-aretheme") 50% 50% repeat-x;
	border-radius: 8px;*/
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #cd0a0a;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  filter: Alpha(Opacity=70); /* support: IE8 */
  font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  filter: Alpha(Opacity=35); /* support: IE8 */
  background-image: none;
}
.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
  width: 16px;
  height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url("/sklep/javax.faces.resource/images/ui-icons_222222_256x240.png.xhtml?ln=primefaces-aretheme");
}
.ui-widget-header .ui-icon {
  background-image: url("/sklep/javax.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-aretheme");
}
.ui-state-default .ui-icon {
  background-image: url("/sklep/javax.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-aretheme");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
  background-image: url("/sklep/javax.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-aretheme");
}
.ui-state-active .ui-icon {
  background-image: url("/sklep/javax.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-aretheme");
}
.ui-state-highlight .ui-icon {
  background-image: url("/sklep/javax.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-aretheme");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url("/sklep/javax.faces.resource/images/ui-icons_cd0a0a_256x240.png.xhtml?ln=primefaces-aretheme");
}
.ui-widget-content .ui-icon-radio-on {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  opacity: 0.3;
  filter: Alpha(Opacity=30); /* support: IE8 */
  background-image: url("/sklep/javax.faces.resource/images/ui-icons_222222_256x240.png.xhtml?ln=primefaces-aretheme");
}

/* positioning */
.ui-icon-blank {
  background-position: 16px 16px;
}
.ui-icon-carat-1-n {
  background-position: 0 0;
}
.ui-icon-carat-1-ne {
  background-position: -16px 0;
}
.ui-icon-carat-1-e {
  background-position: -32px 0;
}
.ui-icon-carat-1-se {
  background-position: -48px 0;
}
.ui-icon-carat-1-s {
  background-position: -64px 0;
}
.ui-icon-carat-1-sw {
  background-position: -80px 0;
}
.ui-icon-carat-1-w {
  background-position: -96px 0;
}
.ui-icon-carat-1-nw {
  background-position: -112px 0;
}
.ui-icon-carat-2-n-s {
  background-position: -128px 0;
}
.ui-icon-carat-2-e-w {
  background-position: -144px 0;
}
.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}
.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}
.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}
.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}
.ui-icon-triangle-1-s {
  background-position: -64px -16px;
}
.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}
.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}
.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}
.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}
.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}
.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}
.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}
.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}
.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}
.ui-icon-arrow-1-s {
  background-position: -64px -32px;
}
.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}
.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}
.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}
.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}
.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}
.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}
.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}
.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}
.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}
.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}
.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}
.ui-icon-arrowthick-1-n {
  background-position: 0 -48px;
}
.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}
.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}
.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}
.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}
.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}
.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}
.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}
.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}
.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}
.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}
.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}
.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}
.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}
.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}
.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}
.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}
.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}
.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}
.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}
.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}
.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}
.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}
.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}
.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}
.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}
.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}
.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}
.ui-icon-arrow-4 {
  background-position: 0 -80px;
}
.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}
.ui-icon-extlink {
  background-position: -32px -80px;
}
.ui-icon-newwin {
  background-position: -48px -80px;
}
.ui-icon-refresh {
  background-position: -64px -80px;
}
.ui-icon-shuffle {
  background-position: -80px -80px;
}
.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}
.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}
.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}
.ui-icon-folder-open {
  background-position: -16px -96px;
}
.ui-icon-document {
  background-position: -32px -96px;
}
.ui-icon-document-b {
  background-position: -48px -96px;
}
.ui-icon-note {
  background-position: -64px -96px;
}
.ui-icon-mail-closed {
  background-position: -80px -96px;
}
.ui-icon-mail-open {
  background-position: -96px -96px;
}
.ui-icon-suitcase {
  background-position: -112px -96px;
}
.ui-icon-comment {
  background-position: -128px -96px;
}
.ui-icon-person {
  background-position: -144px -96px;
}
.ui-icon-print {
  background-position: -160px -96px;
}
.ui-icon-trash {
  background-position: -176px -96px;
}
.ui-icon-locked {
  background-position: -192px -96px;
}
.ui-icon-unlocked {
  background-position: -208px -96px;
}
.ui-icon-bookmark {
  background-position: -224px -96px;
}
.ui-icon-tag {
  background-position: -240px -96px;
}
.ui-icon-home {
  background-position: 0 -112px;
}
.ui-icon-flag {
  background-position: -16px -112px;
}
.ui-icon-calendar {
  background-position: -32px -112px;
}
.ui-icon-cart {
  background-position: -48px -112px;
}
.ui-icon-pencil {
  background-position: -64px -112px;
}
.ui-icon-clock {
  background-position: -80px -112px;
}
.ui-icon-disk {
  background-position: -96px -112px;
}
.ui-icon-calculator {
  background-position: -112px -112px;
}
.ui-icon-zoomin {
  background-position: -128px -112px;
}
.ui-icon-zoomout {
  background-position: -144px -112px;
}
.ui-icon-search {
  background-position: -160px -112px;
}
.ui-icon-wrench {
  background-position: -176px -112px;
}
.ui-icon-gear {
  background-position: -192px -112px;
}
.ui-icon-heart {
  background-position: -208px -112px;
}
.ui-icon-star {
  background-position: -224px -112px;
}
.ui-icon-link {
  background-position: -240px -112px;
}
.ui-icon-cancel {
  background-position: 0 -128px;
}
.ui-icon-plus {
  background-position: -16px -128px;
}
.ui-icon-plusthick {
  background-position: -32px -128px;
}
.ui-icon-minus {
  background-position: -48px -128px;
}
.ui-icon-minusthick {
  background-position: -64px -128px;
}
.ui-icon-close {
  background-position: -80px -128px;
}
.ui-icon-closethick {
  background-position: -96px -128px;
}
.ui-icon-key {
  background-position: -112px -128px;
}
.ui-icon-lightbulb {
  background-position: -128px -128px;
}
.ui-icon-scissors {
  background-position: -144px -128px;
}
.ui-icon-clipboard {
  background-position: -160px -128px;
}
.ui-icon-copy {
  background-position: -176px -128px;
}
.ui-icon-contact {
  background-position: -192px -128px;
}
.ui-icon-image {
  background-position: -208px -128px;
}
.ui-icon-video {
  background-position: -224px -128px;
}
.ui-icon-script {
  background-position: -240px -128px;
}
.ui-icon-alert {
  background-position: 0 -144px;
}
.ui-icon-info {
  background-position: -16px -144px;
}
.ui-icon-notice {
  background-position: -32px -144px;
}
.ui-icon-help {
  background-position: -48px -144px;
}
.ui-icon-check {
  background-position: -64px -144px;
}
.ui-icon-bullet {
  background-position: -80px -144px;
}
.ui-icon-radio-on {
  background-position: -96px -144px;
}
.ui-icon-radio-off {
  background-position: -112px -144px;
}
.ui-icon-pin-w {
  background-position: -128px -144px;
}
.ui-icon-pin-s {
  background-position: -144px -144px;
}
.ui-icon-play {
  background-position: 0 -160px;
}
.ui-icon-pause {
  background-position: -16px -160px;
}
.ui-icon-seek-next {
  background-position: -32px -160px;
}
.ui-icon-seek-prev {
  background-position: -48px -160px;
}
.ui-icon-seek-end {
  background-position: -64px -160px;
}
.ui-icon-seek-start {
  background-position: -80px -160px;
}
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px;
}
.ui-icon-stop {
  background-position: -96px -160px;
}
.ui-icon-eject {
  background-position: -112px -160px;
}
.ui-icon-volume-off {
  background-position: -128px -160px;
}
.ui-icon-volume-on {
  background-position: -144px -160px;
}
.ui-icon-power {
  background-position: 0 -176px;
}
.ui-icon-signal-diag {
  background-position: -16px -176px;
}
.ui-icon-signal {
  background-position: -32px -176px;
}
.ui-icon-battery-0 {
  background-position: -48px -176px;
}
.ui-icon-battery-1 {
  background-position: -64px -176px;
}
.ui-icon-battery-2 {
  background-position: -80px -176px;
}
.ui-icon-battery-3 {
  background-position: -96px -176px;
}
.ui-icon-circle-plus {
  background-position: 0 -192px;
}
.ui-icon-circle-minus {
  background-position: -16px -192px;
}
.ui-icon-circle-close {
  background-position: -32px -192px;
}
.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}
.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}
.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}
.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}
.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}
.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}
.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}
.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}
.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}
.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}
.ui-icon-circle-check {
  background-position: -208px -192px;
}
.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}
.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}
.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}
.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}
.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}
.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}
.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}
.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}
.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}
.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}
.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}
.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}

/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 8px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 8px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 8px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 8px;
}

/* Overlays */
.ui-widget-overlay {
  background: #1da293
    url("/sklep/javax.faces.resource/images/ui-bg_flat_0_2aa136_40x100.png.xhtml?ln=primefaces-aretheme")
    50% 50% repeat-x;
  opacity: 0.2;
  filter: Alpha(Opacity=20); /* support: IE8 */
}
.ui-widget-shadow {
  margin: -8px 0 0 -8px;
  padding: 8px;
  background: #1da293
    url("/sklep/javax.faces.resource/images/ui-bg_highlight-hard_0_5ec469_1x100.png.xhtml?ln=primefaces-aretheme")
    50% top repeat-x;
  opacity: 0.2;
  filter: Alpha(Opacity=20); /* support: IE8 */
  border-radius: 8px;
}

.boldHover:hover {
  font-weight: bold !important;
}

.button_katalog {
  border: 1px solid #0e4b44 !important;
  background: #ffffff !important;
  color: #4b4b4b !important;
  font-weight: bold !important;
}

.button_katalog:visited,
.button_katalog:hover,
.button_katalog:after,
.button_katalog:focus {
  border: 1px solid #0e4b44 !important;
  background: #1da293
    url("/sklep/javax.faces.resource/images/ui-bg_glass_20_5dae65_1x400.png.xhtml?ln=primefaces-aretheme")
    50% 50% repeat-x !important;
  color: #ffffff !important;
  font-weight: bold !important;
  opacity: 0.8;
  filter: Alpha(Opacity=80); /* support: IE8 */
}

.button_katalog:active {
  border: 1px solid #0e4b44 !important;
  background: #47decd
    url("/sklep/javax.faces.resource/images/ui-bg_glass_20_1b8226_1x400.png.xhtml?ln=primefaces-aretheme")
    50% 50% repeat-x !important;
  color: #ffffff !important;
  font-weight: bold !important;
  opacity: 0.8;
  filter: Alpha(Opacity=80); /* support: IE8 */
}

.updownAccordion .ui-state-default {
  border: 1px solid #0e4b44 !important;
  background: #ffffff !important;
  color: #4b4b4b !important;
  font-weight: bold !important;
}

.updownAccordion .ui-state-hover {
  border: 1px solid #0e4b44 !important;
  background: #1da293
    url("/sklep/javax.faces.resource/images/ui-bg_glass_20_5dae65_1x400.png.xhtml?ln=primefaces-aretheme")
    50% 50% repeat-x !important;
  font-weight: bold !important;
  color: #ffffff !important;
  opacity: 0.8;
  filter: Alpha(Opacity=80); /* support: IE8 */
}

.updownAccordion .ui-state-active {
  border: 1px solid #0e4b44 !important;
  background: #47decd
    url("/sklep/javax.faces.resource/images/ui-bg_glass_20_1b8226_1x400.png.xhtml?ln=primefaces-aretheme")
    50% 50% repeat-x !important;
  font-weight: bold !important;
  color: #ffffff !important;
  opacity: 0.8;
  filter: Alpha(Opacity=80); /* support: IE8 */
}

/* v2.0 przypodobnienie do nowej strony ARE
*/
.ui-widget-content a:hover {
  font-weight: 550;
  color: #349964; /*#349964; #007147;*/
  text-decoration: none;
  vertical-align: middle;
}

.ui-icon-zoomin:hover {
  opacity: 0.4;
  filter: Alpha(Opacity=40); /* support: IE8 */
}

.noUnderline {
  text-decoration: none;
}

a {
  text-decoration: none !important ;
}

.owiewka .ui-commandlink:hover {
  font-weight: 550;
  color: #ffffff; /*#007147;*/
  text-decoration: none;
  margin: -5px 0 0 -5px;
  padding: 5px;
  background: #1da293
    url("/sklep/javax.faces.resource/images/ui-bg_glass_10_5dae65_1x400.png.xhtml?ln=primefaces-aretheme")
    50% 50% repeat-x;
  border-radius: 8px;
}

.ui-fieldset-legend {
  font-size: 1em !important;
}
.ui-menuitem-text {
  font-size: 1.1em !important;
}

.ui-carousel .ui-carousel-header .ui-carousel-header-title {
  font-size: 1em !important;
  width: 50% !important;
}

.ui-button-text {
  font-family: 'Open Sans', sans-serif, 'Karma', serif;
  /*font-family: Verdana,Arial,sans-serif,Open Sans;Karma;*/
  font-size: 0.9em !important;
}
.ui-fieldset-content .ui-commandlink,
.ui-tabs .ui-commandlink,
.ui-accordion .ui-commandlink {
  font-family: 'Open Sans', sans-serif, 'Karma', serif;
  /*font-family: Verdana,Arial,sans-serif,Open Sans;Karma; .ui-widget .ui-commandlink */
  font-size: 0.85em !important;
}

.ui-carousel .ui-carousel-content ul li:hover {
  background: #1da293
    url("/sklep/javax.faces.resource/images/ui-bg_glass_10_5dae65_1x400.png.xhtml?ln=primefaces-aretheme")
    50% 50% repeat-x;
}

.akordeonPW .ui-state-default {
  border: 0px solid #0e4b44 !important;
  background: #ffffff !important;
  color: #4b4b4b !important;
  font-weight: normal !important;
}

.akordeonPW .ui-state-hover {
  border: 0px solid #0e4b44 !important;
  background: #ffffff
    /* url("/sklep/javax.faces.resource/images/ui-bg_glass_20_5dae65_1x400.png.xhtml?ln=primefaces-aretheme") 50% 50% repeat-x */ !important;
  font-weight: bold !important;
  color: #349964 !important;
}

.akordeonPW .ui-state-active {
  border: 0px solid #0e4b44 !important;
  background: #ffffff
    /* url("/sklep/javax.faces.resource/images/ui-bg_glass_20_1b8226_1x400.png.xhtml?ln=primefaces-aretheme") 50% 50% repeat-x */ !important;
  font-weight: bold !important;
  color: #349964 !important;
}

/*.ui-link  a:hover,*/
.linkZielony:hover,
.linkZielony .ui-state-hover {
  font-weight: bold !important;
  color: #349964 !important;
}

.kuba .ui-tabs-nav {
  border: 0px;
  background: #ffffff !important;
  font-weight: normal !important;
  color: #ffffff !important;
}

.kuba .ui-widget-header a {
  color: #ffffff !important;
}

.mmMenuItemText {
  color: #ffffff !important;
  font-weight: bold !important;
  margin-top: -4px !important;
  margin-right: 10px !important;
}

.ui-megamenu {
  border: 1px solid #0e4b44;
  background: #1da293
    url("/sklep/javax.faces.resource/images/ui-bg_glass_10_5dae65_1x400.png.xhtml?ln=primefaces-aretheme")
    50% 50% repeat-x;
  color: #ffffff;
  font-weight: bold;

  margin: 0;
  padding: 0;
  overflow: hidden;
  padding: 5px 5px 7px 5px;
  width: 988px;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.ui-carousel-mobiledropdown {
  display: none !important;
}

/*css dla ustawien rozdzielczosci*/
/*dla roznych urzadzen mobilnych*/

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .ui-carousel .ui-carousel-header .ui-carousel-header-title {
    /*background-color: red !important;*/
  }

  .koszTekst,
  .rejTekst {
    font-size: 12px !important;
  }

  #btnBars {
    display: block;
  }

  .ui-breadcrumb .ui-icon-home {
    background-image: none;
  }

  .mmMenuItemText {
    font-size: 0.9em !important;
  }
}

/* Smartphones (landscape) ----Tablety---- */
@media only screen and (min-width: 320px) {
  .ui-carousel .ui-carousel-header .ui-carousel-header-title {
    /*background-color: blue !important;*/
  }

  .karuzela_2 {
    /*display: block !important;*/
    visibility: visible !important;
    height: 300px;
    max-height: 300px;
  }

  .karuzela_3 {
    /*display: none !important;*/
    visibility: hidden !important;
    height: 0px;
  }

  .div_wydawnictwa {
    display: none !important;
  }

  #btnBars {
    display: block;
  }

  .ui-breadcrumb .ui-icon-home {
    background-image: none;
  }

  .ARE-Sklep {
    /*display: block !important;*/
    visibility: visible !important;
  }

  .div_footer_poziom,
  .div_panel_poziom {
    display: block !important;
  }

  .div_footer_pion,
  .div_panel_pion {
    display: none !important;
  }

  .div_fieldSzW,
  .div_menuSzw {
    margin-top: -40px !important;
  }

  .div_menuSzw {
    display: block !important;
  }

  .div_fieldSzW {
    display: none !important;
  }

  .div_basPanel {
    max-width: 100% !important;
  }

  .basPanel {
    width: 900px !important;
  }

  .basBtnUsun_Tekst {
    display: block !important;
  }

  .basBtnUsun_Ikona {
    display: none !important;
  }

  .div_viewBlok {
    min-width: 30% !important;
    max-width: 42% !important;
  }

  .div_katBlok {
    min-width: 360px !important;
    max-width: 50% !important;
  }

  .Onas {
    margin-left: 5px !important;
  }

  #lighbox,
  #lighbox1 {
    width: 600px !important;
    height: 833px !important;
  }

  .ui-lightbox-content {
    width: 600px !important;
    height: 833px !important;
  }

  .col25_5 {
    width: 5% !important;
  }

  .col50_90 {
    width: 90% !important;
  }
}

/* Smartphones (landscape) znikajace ARE-Sklep logo */
@media only screen and (max-width: 760px) and (min-width: 641px) {
  .ui-carousel .ui-carousel-header .ui-carousel-header-title {
    /*background-color: brown !important;*/
  }

  .ARE_Sklep {
    /*display: none !important;*/
    /*visibility: hidden !important;*/
    padding-top: 55px !important;
    width: 161px !important;
    height: 50px !important;
  }

  .ARE_Sklep_logo {
    /*display: none !important;*/
    /*visibility: hidden !important;*/
    width: 0px !important;
    height: 0px !important;
  }

  #gora_lewy {
    height: 0px;
    width: 0px;
  }

  #gora_prawy {
    margin-top: -17px !important;
  }

  #gora_cala {
    margin-top: -17px !important;
    margin-left: 0px !important;
  }

  .div_footer_poziom,
  .div_panel_poziom {
    display: none !important;
  }

  .div_footer_pion,
  .div_panel_pion {
    display: block !important;
  }

  #btnBars {
    display: block;
  }

  .ui-breadcrumb .ui-icon-home {
    background-image: none;
  }

  .detTytul {
    font-size: 22px !important;
  }

  .detTytulSkr {
    font-size: 16px !important;
  }

  .detOkladka,
  .posOkladka {
    width: 200px !important;
    height: 278px !important;
  }

  .detST {
    margin-top: -120px !important;
  }

  .div_fieldSzW,
  .div_menuSzw {
    margin-top: -120px !important;
  }

  .div_detOpis {
    margin-top: -110px !important;
    font-size: 16px !important;
  }

  .div_menuSzw {
    display: block !important;
  }

  .div_fieldSzW {
    display: none !important;
  }

  .droga_zakupow {
    width: 450px !important;
    height: 108px !important;
  }

  .basOutLbl13 {
    font-size: 10px !important;
  }

  .basOutLbl14 {
    font-size: 11px !important;
  }

  .basOutLbl15 {
    font-size: 12px !important;
  }

  .outLbl16 {
    font-size: 13px !important;
  }

  .basOutLbl17 {
    font-size: 14px !important;
  }

  .basOutLbl18 {
    font-size: 15px !important;
  }

  .basOutLbl20 {
    font-size: 16px !important;
  }

  .basOutLbl22 {
    font-size: 18px !important;
  }

  .basBtnUsun_Tekst {
    display: block !important;
  }

  .basBtnUsun_Ikona {
    display: none !important;
  }

  .div_viewBlok {
    min-width: 350px !important;
    max-width: 100% !important;
  }

  .div_katBlok {
    min-width: 360px !important;
    max-width: 100% !important;
  }

  .lblError404 {
    font-size: 3.5em !important;
  }

  .lblNotFound {
    font-size: 1.7em !important;
  }

  .btnError404 {
    width: 135px !important;
    height: 135px !important;
  }

  .Lbl1_6em {
    font-size: 1.4em !important;
  }

  .Onas {
    margin-left: 5px !important;
    margin-right: 5px !important;
    width: 100% !important;
  }

  .oNasLbl14 {
    font-size: 13px !important;
  }

  .oNasLbl15 {
    font-size: 14px !important;
  }

  .oNasLbl1_4 {
    font-size: 1.3em !important;
  }

  .oNasLbl2_0 {
    font-size: 1.9em !important;
  }

  .faqLbl14 {
    font-size: 13px !important;
  }

  .faqLbl0_8 {
    font-size: 0.7em !important;
  }

  .orderTitle_main {
    font-size: 13px !important;
    text-align: center !important;
  }

  #lighbox,
  #lighbox1 {
    width: 600px !important;
    height: 833px !important;
  }

  .ui-lightbox-content {
    width: 600px !important;
    height: 833px !important;
  }

  .col25_5 {
    width: 5% !important;
  }

  .col50_90 {
    width: 90% !important;
  }
}

/* Smartphones (landscape) znikajace ARE-Sklep logo, nowe futerko */
@media only screen and (max-width: 640px) and (min-width: 321px) {
  .ui-carousel .ui-carousel-header .ui-carousel-header-title {
    /*background-color: burlywood !important;*/
  }

  .ARE_Sklep {
    /*display: none !important;*/
    /*visibility: hidden !important;*/
    padding-top: 55px !important;
    width: 161px !important;
    height: 50px !important;
  }

  .ARE_Sklep_logo {
    /*display: none !important;*/
    /*visibility: hidden !important;*/
    width: 0px !important;
    height: 0px !important;
  }

  #btnBars {
    display: block;
  }

  .ui-breadcrumb .ui-icon-home {
    background-image: none;
  }

  .mmMenuItemText {
    font-size: 0.8em !important;
    margin-right: 5px !important;
  }

  #gora_lewy {
    height: 0px;
    width: 0px;
  }

  #gora_prawy {
    margin-top: -17px !important;
  }

  #gora_cala {
    margin-top: -17px !important;
    margin-left: 0px !important;
  }

  .div_footer_poziom,
  .div_panel_poziom {
    display: none !important;
  }

  .div_footer_pion,
  .div_panel_pion {
    display: block !important;
  }

  .detTytul {
    font-size: 22px !important;
  }

  .detTytulSkr {
    font-size: 16px !important;
  }

  .detOkladka,
  .posOkladka {
    width: 170px !important;
    height: 236px !important;
  }

  .div_detCen {
    margin-left: -30px !important;
  }

  .div_detCenPapier {
    margin-left: -30px !important;
  }

  .detST {
    margin-top: -150px !important;
  }

  .div_fieldSzW,
  .div_menuSzw {
    margin-top: -150px !important;
  }

  .div_detOpis {
    margin-top: -140px !important;
    font-size: 16px !important;
  }

  .div_menuSzw {
    display: block !important;
  }

  .div_fieldSzW {
    display: none !important;
  }

  .div_detStricte,
  .div_posStricte {
    margin-left: 0px !important;
  }

  .detStrgCenaLbl {
    font-size: 1em !important;
  }

  .detStrgCenaVal {
    font-size: 1.4em !important;
  }

  .detBtnDoKosz {
    font-size: 0.99em !important;
    width: 140px !important;
  }

  .tekst_Sprzedaz {
    font-size: 1.1em !important;
  }

  .droga_zakupow {
    width: 310px !important;
    height: 74px !important;
  }

  .basOutLbl {
    font-size: 18px !important;
  }

  .basOutLbl13 {
    font-size: 10px !important;
  }

  .basOutLbl14 {
    font-size: 10px !important;
  }

  .basOutLbl15 {
    font-size: 11px !important;
  }

  .outLbl16 {
    font-size: 12px !important;
  }

  .basOutLbl17 {
    font-size: 12px !important;
  }

  .basOutLbl18 {
    font-size: 12px !important;
  }

  .basOutLbl20 {
    font-size: 13px !important;
  }

  .basOutLbl22 {
    font-size: 14px !important;
  }

  .basBtnUsun_Tekst {
    display: none !important;
  }

  .basBtnUsun_Ikona {
    display: block !important;
  }

  .basColPoz {
    font-size: 11px !important;
    width: 30% !important;
  }

  .div_basDol,
  .orderBtnCancel {
    float: left !important;
    max-width: 100% !important;
  }

  .koszTekst,
  .rejTekst {
    font-size: 12px !important;
  }

  .basColVAT {
    padding-left: 0px !important;
  }

  .div_viewBlok {
    min-width: 350px !important;
    max-width: 100% !important;
    margin-left: -10px !important;
    margin-right: -30px !important;
  }

  .div_katBlok {
    min-width: 360px !important;
    max-width: 100% !important;
    margin-left: -5px !important;
    margin-right: -30px !important;
  }

  .div_viewpozBlok {
    margin-left: -30px !important;
    margin-right: -30px !important;
  }

  .div_viewpozObraz,
  .viewpozObraz {
    width: 100px !important;
    height: 139px !important;
    margin-right: 5px !important;
  }

  .div_viewpozOpis {
    position: relative !important;
    float: left !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .passRecLbl {
    float: right !important;
  }

  .lblError404 {
    font-size: 3em !important;
  }

  .lblNotFound {
    font-size: 1.4em !important;
  }

  .btnError404 {
    width: 115px !important;
    height: 115px !important;
  }

  .Lbl1_6em {
    font-size: 1.4em !important;
  }

  .Onas {
    min-width: 357px !important;
    margin-left: -5px !important;
  }

  .oNasLbl14 {
    font-size: 12px !important;
  }

  .oNasLbl15 {
    font-size: 13px !important;
  }

  .oNasLbl1_4 {
    font-size: 1.2em !important;
  }

  .oNasLbl2_0 {
    font-size: 1.8em !important;
  }

  .faqLbl14 {
    font-size: 13px !important;
  }

  .faqLbl0_8 {
    font-size: 0.7em !important;
  }

  .pc_Btn {
    margin-top: -10px !important;
  }

  .orderTitle_main {
    font-size: 12px !important;
    text-align: left !important;
  }

  .orderTitle_date {
    font-size: 8px !important;
  }

  .orderOutLbl11 {
    font-size: 10px !important;
  }

  .orderOutLbl10 {
    font-size: 9px !important;
  }

  .orderColPoz {
    font-size: 10px !important;
    width: 28% !important;
  }

  #lighbox,
  #lighbox1 {
    width: 320px !important;
    height: 444px !important;
  }

  .ui-lightbox-content {
    width: 320px !important;
    height: 444px !important;
  }

  #div_panelZSummary {
    margin-left: -3px !important;
  }

  #div_order_stricte,
  #div_order_stricte_zkoszyka,
  #div_order_stricte_payment {
    margin-left: -5px !important;
  }

  .zPrNaLe {
    text-align: left !important;
  }

  .zLeNaPr {
    text-align: right !important;
  }

  .col50_80 {
    width: 80% !important;
  }

  .col50_20 {
    width: 20% !important;
  }

  .col25_5 {
    width: 5% !important;
  }

  .col50_90 {
    width: 90% !important;
  }
}

/* Smartphones (landscape) zmniejszajace sie ARE-Sklep i logo */
@media only screen and (max-width: 900px) and (min-width: 761px) {
  .ui-carousel .ui-carousel-header .ui-carousel-header-title {
    /*background-color: aqua !important;*/
  }

  .ARE_Sklep {
    /*display: none !important;*/
    /*visibility: hidden !important;*/
    padding-top: 36px !important;
    width: 242px !important;
    height: 75px !important;
  }

  .ARE_Sklep_logo {
    /*display: none !important;*/
    /*visibility: hidden !important;*/
    padding-top: 36px !important;
    width: 70px !important;
    height: 72px !important;
  }

  #btnBars {
    display: block;
  }

  .ui-breadcrumb .ui-icon-home {
    background-image: none;
  }

  .div_footer_poziom,
  .div_panel_poziom {
    display: block !important;
  }

  .div_footer_pion,
  .div_panel_pion {
    display: none !important;
  }

  .detTytul {
    font-size: 25px !important;
  }

  .detTytulSkr {
    font-size: 18px !important;
  }

  .detOkladka,
  .posOkladka {
    width: 220px !important;
    height: 306px !important;
  }

  .detST {
    margin-top: -90px !important;
  }

  .div_fieldSzW,
  .div_menuSzw {
    margin-top: -90px !important;
  }

  .div_detOpis {
    margin-top: -80px !important;
    font-size: 16px !important;
  }

  .div_menuSzw {
    display: block !important;
  }

  .div_fieldSzW {
    display: none !important;
  }

  .droga_zakupow {
    width: 450px !important;
    height: 108px !important;
  }

  .basBtnUsun_Tekst {
    display: block !important;
  }

  .basBtnUsun_Ikona {
    display: none !important;
  }

  .div_viewBlok {
    min-width: 47% !important;
    max-width: 48% !important;
  }

  .div_katBlok {
    min-width: 360px !important;
    max-width: 50% !important;
  }

  .lblError404 {
    font-size: 4.5em !important;
  }

  .lblNotFound {
    font-size: 2em !important;
  }

  .btnError404 {
    width: 155px !important;
    height: 155px !important;
  }

  .Lbl1_6em {
    font-size: 1.6em !important;
  }

  .Onas {
    margin-left: 5px !important;
  }

  #lighbox,
  #lighbox1 {
    width: 600px !important;
    height: 833px !important;
  }

  .ui-lightbox-content {
    width: 600px !important;
    height: 833px !important;
  }

  .col25_5 {
    width: 5% !important;
  }

  .col50_90 {
    width: 90% !important;
  }
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width: 320px) {
  .ui-carousel .ui-carousel-header .ui-carousel-header-title {
    /*background-color: yellow !important;*/
  }

  .karuzela_2 {
    /*display: block !important;*/
    visibility: visible !important;
    height: 300px;
    max-height: 300px;
  }

  .karuzela_3 {
    /*display: none !important;*/
    visibility: hidden !important;
    height: 0px;
  }

  .div_wydawnictwa {
    display: none !important;
  }

  #btnBars {
    display: block;
  }

  .ui-breadcrumb .ui-icon-home {
    background-image: none;
  }

  .ARE_Sklep {
    /*display: none !important;*/
    /*visibility: hidden !important;*/
    padding-top: 61px !important;
    width: 161px !important;
    height: 50px !important;
  }

  .ARE_Sklep_logo {
    /*display: none !important;*/
    /*visibility: hidden !important;*/
    width: 0px !important;
    height: 0px !important;
  }

  #gora_lewy {
    height: 0px;
    width: 0px;
  }

  #gora_prawy {
    margin-top: 0px !important;
  }

  #gora_cala {
    margin-top: 0px !important;
    margin-left: 0px !important;
  }

  .div_footer_poziom,
  .div_panel_poziom {
    display: none !important;
  }

  .div_footer_pion,
  .div_panel_pion {
    display: block !important;
  }

  .detTytul {
    font-size: 22px !important;
  }

  .detTytulSkr {
    font-size: 16px !important;
  }

  .detOkladka,
  .posOkladka {
    width: 170px !important;
    height: 236px !important;
  }

  .div_detCen {
    margin-left: -30px !important;
  }

  .div_detCenPapier {
    margin-left: -30px !important;
  }

  .detST {
    margin-top: -150px !important;
  }

  .div_fieldSzW,
  .div_menuSzw {
    margin-top: -150px !important;
  }

  .div_detOpis {
    margin-top: -140px !important;
    font-size: 16px !important;
  }

  .div_menuSzw {
    display: block !important;
  }

  .div_fieldSzW {
    display: none !important;
  }

  .detStrgCenaLbl {
    font-size: 1em !important;
  }

  .detStrgCenaVal {
    font-size: 1.4em !important;
  }

  .detBtnDoKosz {
    font-size: 0.99em !important;
    width: 140px !important;
  }

  .droga_zakupow {
    width: 450px !important;
    height: 108px !important;
  }

  .basOutLbl {
    font-size: 18px !important;
  }

  .basOutLbl13 {
    font-size: 10px !important;
  }

  .basOutLbl14 {
    font-size: 10px !important;
  }

  .basOutLbl15 {
    font-size: 11px !important;
  }

  .outLbl16 {
    font-size: 12px !important;
  }

  .basOutLbl17 {
    font-size: 13px !important;
  }

  .basOutLbl18 {
    font-size: 14px !important;
  }

  .basOutLbl20 {
    font-size: 15px !important;
  }

  .basOutLbl22 {
    font-size: 16px !important;
  }

  .basBtnUsun_Tekst {
    display: none !important;
  }

  .basBtnUsun_Ikona {
    display: block !important;
  }

  .div_viewBlok {
    min-width: 350px !important;
    max-width: 100% !important;
    margin-left: -10px !important;
    margin-right: -30px !important;
  }

  .div_katBlok {
    min-width: 360px !important;
    max-width: 100% !important;
    margin-left: -5px !important;
    margin-right: -30px !important;
  }

  .div_viewpozBlok {
    margin-left: -30px !important;
    margin-right: -30px !important;
  }

  .div_viewpozObraz,
  .viewpozObraz {
    width: 100px !important;
    height: 139px !important;
    margin-right: 5px !important;
  }

  .div_viewpozOpis {
    position: relative !important;
    float: left !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .passRecLbl {
    float: right !important;
  }

  .lblError404 {
    font-size: 3em !important;
  }

  .lblNotFound {
    font-size: 1.4em !important;
  }

  .btnError404 {
    width: 115px !important;
    height: 115px !important;
  }

  .Lbl1_6em {
    font-size: 1.4em !important;
  }

  .Onas {
    min-width: 357px !important;
    margin-left: -5px !important;
  }

  .oNasLbl14 {
    font-size: 12px !important;
  }

  .oNasLbl15 {
    font-size: 13px !important;
  }

  .oNasLbl1_4 {
    font-size: 1.2em !important;
  }

  .oNasLbl2_0 {
    font-size: 1.8em !important;
  }

  .faqLbl14 {
    font-size: 13px !important;
  }

  .faqLbl0_8 {
    font-size: 0.7em !important;
  }

  .koszTekst,
  .rejTekst {
    font-size: 11px !important;
  }

  .orderTitle_main {
    font-size: 12px !important;
    text-align: left !important;
  }

  .orderTitle_date {
    font-size: 8px !important;
  }

  .orderOutLbl11 {
    font-size: 10px !important;
  }

  .orderOutLbl10 {
    font-size: 9px !important;
  }

  #lighbox,
  #lighbox1 {
    width: 240px !important;
    height: 333px !important;
  }

  .ui-lightbox-content {
    width: 240px !important;
    height: 333px !important;
  }

  .col25_5 {
    width: 5% !important;
  }

  .col50_90 {
    width: 90% !important;
  }
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .ui-carousel .ui-carousel-header .ui-carousel-header-title {
    /*background-color: green !important;*/
  }

  #btnBars {
    display: block;
  }

  .ui-breadcrumb .ui-icon-home {
    background-image: none;
  }
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .ui-carousel .ui-carousel-header .ui-carousel-header-title {
    /*background-color: black !important;*/
  }

  #btnBars {
    display: block;
  }

  .ui-breadcrumb .ui-icon-home {
    background-image: none;
  }
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .ui-carousel .ui-carousel-header .ui-carousel-header-title {
    /*background-color: white !important;*/
  }
}

/* Desktops and laptops ----------- */
@media only screen and (min-width: 1224px) {
  .ui-carousel .ui-carousel-header .ui-carousel-header-title {
    /*background-color: gray !important;*/
  }

  .karuzela_2 {
    /*display: none !important;*/
    visibility: hidden !important;
    height: 0px;
  }

  .karuzela_3 {
    /*display: block !important;*/
    visibility: visible !important;
    height: 300px;
    max-height: 300px;
  }

  .div_wydawnictwa {
    display: block !important;
  }

  #btnBars {
    display: none;
  }

  .div_footer_poziom,
  .div_panel_poziom {
    display: block !important;
  }

  .div_footer_pion,
  .div_panel_pion {
    display: none !important;
  }

  .div_menuSzw {
    display: block !important;
  }

  .div_fieldSzW {
    padding-top: 43px !important;
    display: none !important;
  }

  .droga_zakupow {
    width: 600px !important;
    height: 144px !important;
  }

  .basBtnUsun_Tekst {
    display: block !important;
  }

  .basBtnUsun_Ikona {
    display: none !important;
  }

  .div_viewBlok {
    min-width: 30% !important;
    max-width: 44% !important;
  }

  .div_katBlok {
    min-width: 360px !important;
    max-width: 50% !important;
  }

  #div_fluid {
    float: left !important;
    max-width: 790px !important;
  }

  #div_fluid_min {
    float: left !important;
    width: 790px !important;
  }

  .col25_5 {
    width: 25% !important;
  }

  .col50_90 {
    width: 50% !important;
  }

  #lighbox,
  #lighbox1 {
    width: 600px !important;
    height: 833px !important;
  }

  .ui-lightbox-content {
    width: 600px !important;
    height: 833px !important;
  }
}

/* Large screens ----------- */
@media only screen and (min-width: 1824px) {
  .ui-carousel .ui-carousel-header .ui-carousel-header-title {
    /*background-color: violet !important;*/
  }

  .karuzela_2 {
    /*display: none !important;*/
    visibility: hidden !important;
    height: 0px;
  }

  .karuzela_3 {
    /*display: block !important;*/
    visibility: visible !important;
    height: 300px;
    max-height: 300px;
  }

  .div_wydawnictwa {
    display: block !important;
  }

  #btnBars {
    display: none;
  }

  .div_footer_poziom,
  .div_panel_poziom {
    display: block !important;
  }

  .div_footer_pion,
  .div_panel_pion {
    display: none !important;
  }

  .div_menuSzw {
    display: block !important;
  }

  .div_fieldSzW {
    display: none !important;
  }

  .droga_zakupow {
    width: 600px !important;
    height: 144px !important;
  }

  .basBtnUsun_Tekst {
    display: block !important;
  }

  .basBtnUsun_Ikona {
    display: none !important;
  }

  .div_viewBlok {
    min-width: 30% !important;
    max-width: 44% !important;
  }

  .div_katBlok {
    min-width: 360px !important;
    max-width: 50% !important;
  }

  #div_fluid {
    float: left !important;
    max-width: 790px !important;
  }

  #div_fluid_min {
    float: left !important;
    width: 790px !important;
  }

  .col25_5 {
    width: 25% !important;
  }

  .col50_90 {
    width: 50% !important;
  }

  #lighbox,
  #lighbox1 {
    width: 600px !important;
    height: 833px !important;
  }

  .ui-lightbox-content {
    width: 600px !important;
    height: 833px !important;
  }
}

.ui-panelgrid .ui-grid-responsive .ui-grid-row {
  border-top: 0px none !important;
}

.gridWhiteHeader .ui-widget-header {
  background: #ffffff !important;
  color: #4b4b4b !important;
  border: 0px solid #ffffff !important;
  padding-bottom: 20px !important;
}

.gridWhiteHeader .ui-widget-content {
  background: #ffffff !important;
  color: #4b4b4b !important;
  border: 0px solid #ffffff !important;
}

@media (max-width: 640px) {
  .ui-paginator .ui-paginator-pages {
    display: inline !important;
  }
}
