/* -------------------------------------------------------
 :: e4u.css 3.6.29 :: CSS FILE FOR e4u WEBSITE

-------------------------[ (c)2002 nataniel@rpg.pl ]--- */

body
{
    background-color: #9a9a9a;
    background-repeat: no-repeat;
    background-position: top center;
}

body, p, td, th
{
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    margin: 0px 0px 0px 0px;
}

#page {
    width: 795px;
    margin: 0 auto 5px auto;
    box-shadow: 0 0 10px #666;
}

#logoMain {
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #999;
}

#topHeader {
    box-shadow: 0 0 10px #666;
    position: relative;
}

#topSearch {
    margin: 0;
    padding: 9px 9px 0 9px;
}

#topSearch form {
    overflow: hidden;
}

#topSearch #search_phrase {
    font-size: 11px;
    float: left;
    border-radius: 3px;
    padding: 3px 10px;
    width: 185px;
    vertical-align: middle;
    margin-bottom: 4px;
}

#topSearch #search_fulltext_search {
    font-size: 10px;
    float: left;
    margin-left: 5px;
    font-weight: bold;
    vertical-align: middle;
    margin-top: 4px;
    width: 15px;
}

#topSearch label {
    font-size: 9px;
    float: left;
    font-weight: bold;
    vertical-align: middle;
    padding: 5px 0;
    width: 85px;
}

#topSearch input[type=submit] {
    font-size: 10px;
    float: right;
    margin-left: 5px;
    font-weight: bold;
    vertical-align: middle;
    padding: 2px 5px;
    width: 65px;
}

#topSearch p {
    font-size: 10px;
    padding: 0 2px;
}

#mainContent {
    width: 100%;
    border-collapse: collapse;
    border: none;
    text-align: left;
    position: relative;
}

#mainContent .topTitle {
    padding: 0;
    height: 28px;
}

#mainContent .leftColumn {
    width: 194px;
    background-color: #e0e0e0;
    vertical-align: top;
    border-right: 1px solid #999;
    padding: 5px;
}

#mainContent .middleColumn {
    width: auto;
    vertical-align: top;
    background-color: #fff;
    padding: 10px;
}

.layoutIndex #mainContent .middleColumn {
    padding: 10px 0;
}

#mainContent .rightColumn {
    width: 175px;
    vertical-align: top;
    background-color: #e0e0e0;
    padding: 5px;
}

#mainContent #leftListCategories {
    margin-bottom: 5px;
    padding: 5px;
}

#mainContent #leftListCategories .rootCategory {
    display: block;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #999;
    padding-top: 10px;
    height: 100%;
    overflow: hidden;
    color: #000;
    font-weight: bold;
}

#mainContent #leftListCategories .rootCategory img {
    float: left;
    margin-top: -10px;
}

#mainContent #leftListCategories ul {
    font-size: 11px;
    padding-left: 25px;
    display: none;
    margin-top: -10px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #999;
}

#mainContent #leftListCategories ul a {
    color: #000;
}

#mainContent #leftListCategories ul.currentCategory {
    display: block;
}

#mainContent #leftListCategories ul li.currentCategory {
    font-weight: bold;
}

#mainContent .box {
    border: 1px solid #999;
    padding: 8px;
    margin-bottom: 5px;
}

#mainContent .box h2 {
    background-color: #e30045;
    color: #fff;
    padding: 5px 5px 4px 5px;
    margin: -4px -4px 5px -4px;
}

#mainContent .box h3 {
    margin: 0 0 5px 0;
    padding: 0 0 5px 0;
    border-bottom: 1px solid #ccc;
}

#mainContent .boxGray {
    background-color: #eee;
}

#mainContent .boxWhite {
    background-color: #fff;
}

#mainContent .boxImportant h2 {
    background-color: #e30045;
}

#mainContent .boxImportant ul {
    margin: 10px 0;
    padding-left: 5px;
    overflow: hidden;
    list-style-type: none;
}

#mainContent .boxImportant ul li {
    width: 150px;
    float: left;
}

#mainContent .boxImportant ul li:before {
    display: block;
    float: left;
    width: 12px;
    content: "\2022";
    font-weight: bold;
}

#mainContent .boxImportant ul li a {
    display: block;
    float: left;
    width: 138px;
}

#mainContent .boxImportant .bold {
    font-weight: bold;
}

#mainContent .boxImportant .margin-top {
    padding-top: 10px;
}

#mainContent .boxImportant .margin-bottom {
    padding-bottom: 10px;
}

#mainContent .boxKontakt {
    overflow: hidden;
}

#mainContent .boxKontakt .kontakt {
    padding: 5px 0;
    width: 155px;
    float: left;
}

th
{
    font-weight: bold;
}

tbody th
{
    text-align: left;
}

thead th
{
    text-align: center;
}

p
{
    margin: 0px 0px 0px 0px;
}

legend
{
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    padding: 0 10px;
}

label
{
    font-weight: bold;
}

hr
{
    height: 1px;
    background-color: #c3c3c3;
    color: #c3c3c3;
    border: 0px;
}

SUP
{
	font-size: smaller;
}

SUB
{
	font-size: smaller;
}

IMG
{
	border: 0px;
	border-style: none;
}

/* REGULAR LINK */
A
{
	text-decoration: none;
	color: #0000C0;
}

A:link
{
}

A:visited
{
}

A:hover
{
	text-decoration: underline;
}

A:active
{
}

/* MAIN MENU */
A.menu
{
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #4B4B4B;
}

A.menu:link
{
	color: #4B4B4B;
}

A.menu:visited
{
	color: #4B4B4B;
}

A.menu:hover
{
	color: #4B4B4B;
	text-decoration: underline;
}

A.menu:active
{
	color: #4B4B4B;
}
/* MAIN MENU */
A.menu1
{
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
	color: #000000;
}

A.menu1:link
{
	color: #000000;
}

A.menu1:visited
{
	color: #000000;
}

A.menu1:hover
{
	color: #000000;
	text-decoration: underline;
}

A.menu1:active
{
	color: #000000;
}
/* MAIN MENU */
A.submenu
{
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000000;
}

A.submenu:link
{
	color: #000000;
}

A.submenu:visited
{
	color: #000000;
}

A.submenu:hover
{
	color: #000000;
	text-decoration: underline;
}

A.submenu:active
{
	color: #000000;
}

/* LEFT MENU */
A.menu2
{
	text-decoration: none;
	font-family: Verdana, Arial, helvetica, sans-serif, Verdana;
	font-weight: bold;
	font-size: 10px;
}

A.menu2:link
{
	color: #218CCE;
}

A.menu2:visited
{
	color: #218CCE;
}

A.menu2:hover
{
	color: #F08800;
}

A.menu2:active
{
	color: #FF0000;
}

/* GRAY MENU */
A.menu3
{
	text-decoration: none;
	font-family: Verdana, Arial, helvetica, sans-serif, Verdana;
	font-weight: bold;
	font-size: 9px;
}

A.menu3:link
{
	color: #606060;
}

A.menu3:visited
{
	color: #606060;
}

A.menu3:hover
{
	color: #999999;
}

A.menu3:active
{
	color: #606060;
}

/* HELP */
A.help
{
	text-decoration: none;
}

A.help:link
{
	color: #4B4B4B;
	font-weight: normal;
}

A.help:visited
{
	color: #4B4B4B;
	font-weight: normal;
}

A.help:hover
{
	color: #4B4B4B;
	font-weight: normal;
}

/* e4u FORMATTING STYLES */

P /* NORMAL */
{
	margin: 0px 0px 0px 0px;
}

PRE /* FORMATTED */
{
}

ADDRESS /* ADDRESS */
{
}

H1 /* HEADING 1 */
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	line-height: 21px;
	color: #000000;
	margin-top: 5px;
	margin-bottom: 3px;
}

H2 /* HEADING 2 */
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	line-height: 110%;
	color: #000000;
	margin-top: 5px;
	margin-bottom: 3px;
}

div.boxHeader { border-bottom: 1px solid #ccc; margin-bottom: 6px; padding-bottom: 6px; }
div.boxHeader h2 { background-color: #575e61; margin: 0; padding: 6px 6px; color: #fff; }


H2.stripe
{
	color: #FFFFFF;
	margin-left: 6px;
}

H3 /* HEADING 3 */
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	margin-top: 0;
	margin-left: 0;
	margin-bottom: 0;
	line-height: 120%;
}

H4 /* HEADING 4 */
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #5B5B5B;
	margin-top: 0;
	margin-bottom: 0;
}

H5 /* HEADING 5 */
{
}

H6 /* HEADING 6 */
{
}

ul, ol { margin: 0 0 5px 0; padding: 0 0 0 30px; }
li { margin: 0; padding: 0; line-height: 1.4em; }

UL.left_menu /* UNORDERED LIST */
{
	list-style-type: none;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
}

DIR /* DIRECTORY LIST */
{
}

MENU /* MENU LIST */
{
}

DT /* DEFINITION */
{
}

DD /* DEFINITION */
{
}

/* FORMS */
FORM
{
	margin: 0px;
}

.radio
{
	border: 0px;
}

form span.small { color: #999; }
form span.small b { color: #000; }

INPUT
{
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 11px;
	border-width: 1px;
	border-color: #7F9DB9;
	border-style: solid;
	padding: 1px 4px 0px 4px;
}

INPUT.radio
{
	border-width: 0px;
}

INPUT.button
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 9px;
	background-color: #FFC30B;
	border-color: #575757;
    padding: 5px 5px;
    border-radius: 3px;
}

INPUT.submit
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 9px;
	background-color: #FFC30B;
	border-color: #575757;
	font-weight: bold;
	border: 0px;
    padding: 5px 5px;
    border-radius: 4px;
    cursor: pointer;
}

SELECT
{
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-width: 1px;
	border-color: #7F9DB9;
	border-style: solid;
	background-color: #FFFFFF;
}

TEXTAREA
{
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 11px;
	border-width: 1px;
	border-color: #7F9DB9;
	border-style: solid;
	padding: 2px 4px 2px 4px;
}

TEXTAREA.outlook
{
	font-family: Times New Roman;
	color: #000000;
	font-size: 12pt;
	border: groove 3px #CCCCCC;
	padding: 10px 10px 10px 10px;
}

TABLE.rightbox_white {
	border: 1px;
	border-color: #999999;
	border-style: solid;
	background-image: url('../img/important-bg.gif');
	background-repeat: repeat-x;
}

TABLE.rightbox_white_nobg, DIV.rightbox_white_nobg {
	border: 1px;
	border-color: #999999;
	border-style: solid;
}

DIV.rightbox_white_nobg {
    padding: 6px;
    background-color: #fff;
    width: 164px;
}

#mainContent #rightBasket {
}

#mainContent #rightBasket .basket {
	background: #fff url('../img/basket-bg.jpg') no-repeat 0 0px;
    padding-left: 70px;
    height: 70px;
}

#mainContent #rightBasket .userOptions {
    margin-top: 5px;
    padding-top: 5px;
    border-top: 1px solid #999;
}

/* PREDEFINED e4u CLASSES */

.outlook_caption
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
}

.small
{
	font-size: 11px;
}

.small_tab
{
	margin-left: 11px;
	font-size: 11px;
	text-indent: -7px;
}

.small_tab_bold
{
	margin-left: 11px;
	font-size: 11px;
	text-indent: -7px;
	font-weight: bold;
}


.small_tab2
{
	margin-left: 16px;
	font-size: 11px;
	text-indent: -12px;
}

.big
{
	font-size: 14px;
}

.error
{
	font-weight: bold;
	color: #C00000;
}

.message
{
	font-weight: bold;
	color: #00C000;
}

.comment
{
	display: none;
}

.endPage
{
	display: none;
  page-break-after: always;
}

.download
{
	font-weight: normal;
}

.dictionary
{
	font-weight: bold;
}

.none
{
	font-size: 0px;
	color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	line-height: 0em;
}

/* OTHER CLASSES */
.gray
{
	color: #535353;
}

.red
{
	color: #C00000;
}

.green
{
	color: #009900;
}

.orange
{
	color: #FFA801;
}

.black
{
	color: #000000;
}

.white
{
	color: #ffffff;
}

.old_price
{
	color: #666666;
	font-size: 11px;
	padding: 0px 2px 0px 2px;
	background: url(../img/old-price.gif);
}

.img-shadow
{
  float: left;
  clear: left;
  background: url(../img/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../img/shadow.gif) no-repeat bottom right;
  margin: 5px 0 0 5px !important;
  margin: 5px 0 0 0px;
  padding: 0px;
}

.innerbox
{
  position: relative;
  bottom: 4px;
  right: 4px;
  background-color: #FFFFFF;
  border: 1px solid #a9a9a9;
  margin: 0px 0px 0px 0px;
  padding: 4px;
}

.innerbox
{
	margin: -2px 0px -2px 0px;
	margin:  0px 0px 0px 0px;
}

H1.main-category
{
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin: 0px 0px 0px 3px;
	line-height: normal;
}

H2.sub-category
{
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: normal;
	margin: 0px 0px 0px 4px;
}

.xmas-info {
	padding: 10px;
	border: 1px solid #000;
	background-color: #ffffe7;
}

#properties {
    border: 1px solid #000;
    padding: 20px;
    margin: 10px;
    background-color: #fff;
    height: auto;
    overflow: hidden;
    box-shadow: #ccc 2px 2px 5px;
}

#properties .rating-1 { border: 2px #f00 solid; }
#properties .rating-2 { border: 2px #f60 solid; }
#properties .rating-3 { border: 2px #666 solid; }
#properties .rating-4 { border: 2px #96ce00 solid; }
#properties .rating-5 { border: 2px #090 solid; }

.rating-1 .rating-number { color: #f00; }
.rating-2 .rating-number { color: #f60; }
.rating-3 .rating-number { color: #666; }
.rating-4 .rating-number { color: #96ce00; }
.rating-5 .rating-number { color: #090; }

.rating-number { font-weight: bold }

#ModProducts .middleColumn .promocja, #ModProducts .middleColumn blockquote {
    border: 1px solid #000;
    padding: 20px;
    margin: 10px;
    background-color: #ffffe7;
    height: auto;
    overflow: hidden;
}

.promocja h2 { color: #c00; }

.separator { border-top: 1px solid #ccc; margin-top: 5px; height: 5px; }

.user-comment {
    margin-bottom: 10px;
    height: auto;
    overflow: auto;
    padding: 0px 0px 3px;
    border-bottom: 1px solid #ccc;
}

.user-comment .header {
    padding: 5px 6px;
    margin-top: 6px;
}
.priority-1 .header, .priority-2 .header {
    background-color: #fff7d0;
    border: 1px solid #e4ddbc;
}

.user-comment .avatar-container {
    float: right;
    margin: 0 0px 10px 2px;
}

.avatar-container {
    border: 1px solid #ccc;
    background-color: white;
    text-align: center;
    display: inline-block;
}
.avatar-container div {
    margin: 3px;
}
.avatar-container img {
    vertical-align: middle;
}

.followed .avatar {
    display: inline-block;
    vertical-align: middle;
    min-width: 80px;
    margin-right: 7px;
}

.follow {
    display: inline-block;
    text-align: center;
    width: 88px;
    height: 88px;
    vertical-align: top;
    margin: 7px 3px;
}

.user-comment .comment-body {
    padding: 11px 5px 11px 8px;
}

#mid-content hr { clear: both; margin: 20px 10px; }

.report { border-spacing: 0; margin-top: 20px; border-collapse:collapse;}
.report th{
    color: #333;
    background-color: #eff0ee;
    border: 1px solid #d4d4d4;
    padding: 5px;
    text-align: center;
}
.report td{
    border: 1px solid #E3E3E3;
    padding: 5px;
    text-align: left;
}
.report tbody tr:hover td {
    background-color: #f6f6f5;
}
.report tr.no-highlight:hover td {
    background-color: inherit;
}

.report .red {
    background-color: #FF9895;
}
.report .red:hover td {
    background-color: #ff6d68;
}

#shopList {padding-bottom: 15px; padding-top: 15px}
#shopList td {padding: 5px}
#shopList .shopNameColumn {padding-right: 20px}

#shopList .tickColumn {
    text-align: center;
    font-size: 14pt;
    color: #999;
}

.shopsError {
    border: 1px solid #f08a73;
    background: #ffe3df;
    padding: 10px;

    font-weight: bold;
    margin-bottom: 5px;
}

#errorsHurtMain .red{
    color: #C00000;
}

#errorsHurtMain{
    margin-bottom: 15px;
}


.flash {background-color: #FFC30B; padding-left: 20px}

#flash p {
  padding: 12px 10px 12px 35px;
  margin-bottom: 10px;
  color: black;
}

#flash .message  {
  border: 1px solid #738af0;
  background: #dfe3ff url(../img/flash/information.png) no-repeat 10px 12px;
}

#flash .error   {
  border: 1px solid #f08a73;
  background: #ffe3df url(../img/flash/exclamation.png) no-repeat 10px 12px;
}

#flash .success {
  border: 1px solid #8af073;
  background: #e3ffdf url(../img/flash/accept.png) no-repeat 10px 12px;
}

#tr_fb td{
    vertical-align: middle
}

#tr_fb img{
    vertical-align: middle;
    padding-left: 3px
}

#commentMessages{
    text-align: center;
}

#acceptMany{
    margin-top: 5px;
}
#acceptMany td{
    padding: 5px;
}

#reviews td {
    text-align: left;
}


#noWishes p {
    margin: 15px 0;
}

#publicWishlist {
    margin-top: 15px;
    margin-bottom: 25px;
}

#publicWishlist input {
    margin-bottom: 0px;
    margin-top: 0px;
}

#publicWishlist * {
    vertical-align: middle;
}


#wishlist ol.sortable {
    padding-left: 26px;
    margin-bottom: 30px;
}

#wishlist ol.sortable .ajax-icons {
    left: -30px;
    position: absolute;
    top: 43px;
}

#wishlist .handle {
    padding: 0px;
    width: 80px;
    margin-right: 10px;
    background-color: #fff;
    text-align: center;
    height: 80px;
}

#wishlist .sortable .handle {
    cursor: grab;
}
#wishlist .ui-sortable-helper .handle {
    cursor: grabbing;
}

/*#wishlist .ui-sortable-disabled .handle {*/
    /*cursor: wait;*/
/*}*/


#wishlist li {
    text-align: left;
    width: 100%;
    height: 80px;
/*    background-color: #fbffc6;*/
    background-color: #fff;
    padding: 10px 0 10px 5px;
    position: relative;
}

#wishlist .wishName {
    width: 210px;
}

#wishlist li span {
    display: inline-block;
    vertical-align: middle;
}

#wishlist .placeholder {
    background-color: #f3f3f8;
    border: 1px solid #e3e3e8;
}

#wishlist .ui-sortable-helper {
    border: 1px solid #dcdce1;
}

#wishlist .submit {
    margin: 20px 0px
}

#cart_header {
    height: 16px;
    line-height: 16px;
    vertical-align: middle;
    padding: 5px 0px;
    position: relative;
    margin-bottom: 10px;
}

#cart_content {
    border-top: 1px solid #676;
    margin-top: 15px;
    padding-top: 10px;
}

#cart_h span.h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
}

#cart_suma {
    padding-left: 5px
}

#cart_h {
    position: absolute;
    top: 50%
}

#cart_icon {
    cursor: pointer;
    float: right;
    padding: 4px 0;
    border-radius: 4px 4px 4px 4px;
    border: 1px solid #d3d3d3;
    color: #000000;
    font-weight: normal;
}

.default_icon {
     background: #f7c608 url("../img/hurt/icon-default.png") 50% 50% repeat-x;
}

.hover_icon {
    background: #fbde70 url("../img/hurt/icon-hover.png") 50% 50% repeat-x;
}

#cart_icon span {
    float: right;
    margin: 0 4px;
    width: 16px; height: 16px;
    background-image: url("../img/hurt/icons.png");
}

#cart_icon span.plus {
    background-position: -32px -128px;
}

#cart_icon span.minus {
    background-position: -64px -128px;
}

#rating .dices {
    margin-right: 2px;
}

#rating .dice-orange {
    background-color: #ffa134;
}
#rating .dice-yellow {
    background-color: #ffd715;
}
#rating .dice-green {
    background-color: #b5df65;
/*    background-color: #ff6e38;*/
/*    background-color: #ff7846;*/
}

#rating .dice-grey {
    background-color: #e7e7e7;
}

#rating-saved td p{
    color: green;
    margin-right: 1px;
    text-align: center;
    border: green 1px solid;
    border-spacing: 10px;
    background: #d3e6a4;
    vertical-align: middle;
    padding: 5px;
    line-height: 16px;
    margin: 10px 0;
    font-weight: bold;
}

#rating-saved img {
    display: inline-block;
    vertical-align: middle;
    height: 16px;
    margin-right: 5px
}

#rating .voting span {
    display: inline-block;
    vertical-align: middle;
    height: 17px;
}

#rating .checkmark{
/*    margin-right: 6px;*/
    display: inline-block;
    vertical-align: middle;
}

#rating .rate-name{
    width: 66px;
    font-weight: bold;
}

#ratesCount td{
    text-align: right;
    font-size: 10px;
    padding-right: 18px;
}

#calendar td.entered{
    background-color: #fcf8bf !important;
}
#calendar-header a {
    text-decoration: none;
}
#calendar-header div{
    display: inline-block;
    vertical-align: middle
}

#calendar-header input {
    padding: 2px 8px;
    background-color: #e3e3e3;
    border: 1px solid #bbb;
    border-radius: 4px;
    font: 11px verdana;
    color: #555;
}

#calendar-table {
    position: relative;
}

#calendar .events td {
    width: 14%;
    height: 16px;
    padding-left: 5px;
}
#calendar .events .days td {
    padding-top: 2px;
}

#calendar-table table {
    position: absolute;
    top: 0;
    width: 100%;
    border-spacing: 0;
}

#calendar table .event {
    cursor: pointer;
    padding: 0px 1px
}

#calendar table .event div td{
    padding-left: 10px;
}
#calendar table .event div {
    margin: 0 1px 1px 2px;
    height: 15px;
    padding-left: 5px;
    vertical-align: middle;
    overflow: hidden;
}

#calendar table .event div.roundLeft{
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
#calendar table .event div.roundRight{
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

#calendar .events .plug {
    display: none;
}


#calendar .grid td {
    width: 14%;
    border: 1px #ccc solid;
}

#calendar table.grid {
    height: 100%;
    border-collapse:collapse;
    position: absolute;
    top: 0;
}

#calendar .buttons {
    display: none;
    position: absolute;
    cursor: pointer;
}

#calendar table.highlighted {
    display: none;
    height: 100%;
    opacity: 0.2;
}

#calendar table.highlighted td {
    width: 14%;
    height: 96px;
}

#calendar .grey {
    color: #a3aba3;
}

#calendar #flash {
    position: absolute;
    top: 70px;
    left: 550px;
    width: 300px;
}

#calendar .past {
    background-color: #ebebeb;
}
#calendar td.today {
    background-color: #ffea74;
    border: 2px #969683 solid;
}

#calendar #daysNames {
    width: 100%;
    border-spacing: 0;
    border-top: 1px #ccc solid;
}
#calendar #daysNames td{
    width: 14%;
    padding: 3px 5px;
    color: #535353;
}

#legend {
    margin-bottom: 13px;
}
#legend p{
    padding-top: 3px;
    line-height: 16px;
    vertical-align: middle;
}
#legend span{
    display: inline-block;
    vertical-align: middle;
}

#legend span.square{
    border: transparent 1px solid;
    text-align: center;
    cursor: pointer;
    padding: 4px 6px;
    margin-right: 3px;
    min-width: 50px;
    border-radius: 4px;
    font: 11px verdana;
}

#legend .grey{
    color: #555555 !important;
    background-color: #e7e7e7 !important;
    border-color: #9d9d9d !important;
}


#searchCalendar .color-box{
    width: 15px;
    height: 15px;
    display: inline-block;
    border-radius: 8px;
    border: 1px #595959 solid;
    margin: 0px 5px;
}

#searchCalendar p *{
    vertical-align: middle;
}
#searchCalendar p {
    margin: 3px 0;
}
#searchCalendar a {
    color: black;
}
#searchForm {
    margin-top: 10px;
    margin-bottom: 15px;
}
#searchForm input[type="text"]{
    padding: 3px 1px;
    border-color: #ccc;
}

#returnToCalendar{
    position: absolute;
    top: 15px;
    left: 35px;
}


#editCalendar{
    margin-top: 20px;
}

#editCalendar div{
    display: inline-block;
    vertical-align: top;
}
#editCalendar #form{
    width: 300px;
    padding-right: 30px;
    border-right: 1px #c3c3c3 solid;
}
#editCalendar .returned{
    background-color: #56a839;
}
#editCalendar #tournaments form {
    display: none;
}

div#returnError {
    text-align: center;
}
div#returnError div{
    text-align: left;
    /*width: 400px;*/
    padding: 10px 50px;
    background-color: #f98978;
    border: 1px #f97565 solid;
    display: inline-block;
}
/*div#returnError li{
    text-align: left;

}*/

#games div.right-list{
    width: 258px;
    height: 436px;

    margin-left: 40px;
    font-size: 11px;
}
#games div.right-list ol{
    border: 1px #7F9DB9 solid;
    overflow: auto;
    height: 452px;
}
#games div.right-list li{
    padding-left: 5px;
}

#games{
    margin-left: 35px;
}
#games p{
    margin-bottom: 3px;
}
#games p input{
    width: 223px;
    margin-right: 5px;
    margin-left: 39px;
}
#games p input:first-child{
    margin-left: 0px;
}

#games select{
    width: 260px;
}
#games .buttons{
    width: 35px;
}

#games .rentalLink{
    margin-top: 30px;
    display: block;
}

#games li.not-returned{
    background-color: #ffa70b;
}
#games option.not-returned{
    background-color: #f97565;
}


#pendingLinks td.linkCaption {
    padding: 0;
}

#pendingLinks .linkCaption input{
    height: 40px;
    min-width: 450px;
    font-size: 12px
}
#pendingLinks .link{
    max-width: 300px;
    max-height: 40px;
    overflow: hidden;
}
#pendingLinks .buttons img{
    display: inline-block;
    vertical-align: middle;
}
#pendingLinks .buttons{
    width: 51px;
}

.pointer {
    cursor: pointer;
}

.imagesInMiddle img{
    display: inline-block;
    vertical-align: middle;
}

.grey{
    color: grey;
}

.pagination2 {
    font-size: 11px;
    overflow: hidden;
    border-top: 1px solid #999;
    margin-top: 5px;
    padding: 5px 0;
}

.pagination2 .range {
    float: left;
}

.pagination2 .pages {
    float: right;
}

.pagination2 .pages strong {
    background-color: #6699CC;
    color: #fff;
    padding: 2px 4px;
}

.pagination1 {
    font-size: 11px;
    overflow: hidden;
    border-bottom: 1px solid #999;
    margin-bottom: 5px;
    padding: 5px 0;
}

.pagination1 .sortBy {
    float: left;
}

.pagination1 .sortBy strong {
    background-color: #6699CC;
    color: #fff;
    padding: 2px 4px;
}

.pagination1 .pages {
    float: right;
}

div.footer {
    font-size: 11px;
    text-align: center;
    position: relative;
}

div.footer .container {
    text-align: left;
    padding: 20px;
    overflow: hidden;
    margin-bottom: 2px;
    background-color: #eee;
    box-shadow: 0 0 5px #666;

}

div.footer p {
    font-size: 11px;
}

div.footer .ue {
    float: left;
    margin-left: 40px;
}

div.footer .credits {
    float: left;
    padding: 50px 50px 0 0;
    width: 150px;
    list-style-type: none;
    color: #666;
    background: url('../public/images/layout/logo-footer.png') no-repeat 0px 0px;
}

div.footer .credits li {
    margin-bottom: 5px;
}

div.footer .menu {
    float: left;
    margin: 0 50px 10px 0;
}

div.footer .menu h4 {
    color: #333;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
}

div.footer .menu ul {
    margin: 5px 0px 10px -10px;
}

div.footer .menu li {
}

div.footer a {
    color: #333;
    border-bottom: 1px solid #ccc;
}

div.footer a:hover {
    text-decoration: none;
    border-color: #666;
}

div.footer a.image {
    text-decoration: none;
    border: none;
}


div#vouchers td{
    padding: 3px 7px;
}
div#vouchers thead td{
    border-bottom: 1px #aaa solid;
    color: #555;
    font-weight: bold;
}

div#vouchers .code{
    font-family: courier;
}

div#monitor .alert td{
    background-color: #ffdfbe;
}

img.centered{
    display: inline-block;
    vertical-align: middle;
    margin: 0;
}




.wypozyczalnia {
    font-size: 11pt;
}
.wypozyczalnia table.main tbody tr:hover{
    background-color: #faf5cd;
}
.wypozyczalnia table.main tr.red:hover{
    background-color: #f99e89;
}
.wypozyczalnia table.main .red a:hover{
    color: #bc110a;
}
.wypozyczalnia table.main td {
    padding: 5px 15px;
    border-top: 1px #dedede solid;
    border-bottom: 1px #dedede solid;
    font-size: 11pt;
}
.wypozyczalnia table.main th {
    padding: 5px 15px;
}
.wypozyczalnia table.main {
    border-collapse: collapse;
}

.wypozyczalnia div.menu a{
    border-bottom: 1px solid #eee;
    padding: 1px 3px;
}
.wypozyczalnia div.menu a:hover{
    border-bottom: 1px solid #ff801f;
    color: #83786a;
}
.wypozyczalnia div.menu .rozdzielnik{
    margin: 0 5px;
    color: #909090;
}

.wypozyczalnia input, .wypozyczalnia textarea{
    border-color: #ccc;
    padding: 4px 1px;
    font-size: 13pt;
}
.wypozyczalnia input.submit {
    font-size: 10pt;
}
.wypozyczalnia form td {
    font-size: 10pt;
}
.wypozyczalnia .small {
    color: #707070;
}

.wypozyczalnia h1 {
    margin: 20px 0px;
}
.wypozyczalnia h2 {
    color: #5B5B5B;
    padding-top: 15px;
    padding-bottom: 5px;
    padding-left:  10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #d6d6d6;
}
.wypozyczalnia h2 select {
    font-size: 11pt;
    margin-left: 10px;
}

.wypozyczalnia .grey_background{
    background-color: #eee;
}

.wypozyczalnia div.list{
    width: 550px;
}

.wypozyczalnia div.form{
    width: 650px;
}

.wypozyczalnia a{
    font-size: 10pt;
    color: #78736b;
    font-weight: bold;
}
.wypozyczalnia a:hover{
    text-decoration: none;
    color: #f19000;
}

#return-form.wypozyczalnia p{
    font-size: 11pt;
}
#return-form.wypozyczalnia input.text {
    margin-bottom: 12px;
    width:50px;
    padding: .4em;
}
#return-form.wypozyczalnia fieldset { padding:0; border:0; margin-top: 10px; }
#return-form.wypozyczalnia .validateTips { color: #cd0a0a; padding: 0.3em; font-weight: bold }
#return-form.wypozyczalnia .ui-icon{display: inline-block; vertical-align: middle; margin-right: 7px}


.wypozyczalnia #product-image{
    position: absolute;
    left: 20%;
    top: 60px;
    margin-left: 430px;
    border: 1px #ccddcc solid;
    padding: 5px;
}

#convention .incomplete{
    padding: 2px 10px;
}
#convention .lender{
    /*display: none;*/
}

#convention input#search {
    margin-bottom: 15px;
    margin-left: 5px;
    width: 320px;
}

#convention .searchForm {
    margin-top: 15px;
}


#add-to-team div{
    display: inline-block;
    vertical-align: top;
}
#add-to-team p{
    font-size: 12pt;
}
#add-to-team .with-line input.submit{
    padding: 5px 50px;
    margin: 8px 0;
}
#add-to-team .with-line{
    border-left: 1px solid #D6D6D6;
    padding: 20px 0 20px 50px;
    margin-top: 20px;
}

#team-list td {
    border-top: 0px;
}

#user-games p{
    font-size: 11pt;
    padding: 2px 5px;
}
#user-games .submit{
    width: 280px;
    margin-left: 5px;
    margin-top: 15px;
}

div#lendGame {
    width: 1000px;
}
#lendGame h1{
    margin: 20px 0px;
}
#lendGame .error{
    margin-bottom: 15px;
    border: 1px solid #f08a73;
    background-color: #ffd4d0;
    color: red;
    width: 530px;
    padding: 8px 8px 3px 8px;
    text-align: center;
}
#lendGame .error p{
    color: #da230d;
    font-weight: bold;
    font-size: 11pt;
    margin-bottom: 5px;
}

#lendGame .list{
    margin-top: 25px;
}

#lendGame .left {
    display: inline-block;
    padding: 20px;
    margin-right: 10px
}

#lendGame .right {
    display: inline-block;
    vertical-align: top;
    border-left: 1px solid #D6D6D6;
    padding-bottom: 70px;
    padding-left: 30px;
    min-height: 440px
}

#podpowiadaczka p{
    padding: 3px 5px;
    cursor: pointer;
    color: #505050;
}

div#podpowiadaczka{
    position: absolute;
    top: 130px;
    left: 20%;
    margin-left: 24px;
    background-color: white;
    border: 1px solid #909090;
    width: 348px;
    display: none;
}

.wypozyczalnia div.printGames {
    display: none;
}
.wypozyczalnia div.printGames .grey{
    padding-left: 10px;
    padding-right: 15px;
}


div.mini-menu {
    position: absolute;
    top: 10px;
    left: 30px;
}
div.mini-menu .rozdzielnik{
    margin: 0 15px;
    color: #909090;
}

.paczkomaty select{
    /*width: 270px;*/
    margin-bottom: 5px;
    /*border: 1px #7F9DB9 solid;*/
}

.paczkomaty input{
    margin-bottom: 5px;
}

/*.paczkomaty input[type="checkbox"]{
    display: inline-block;
    vertical-align: middle;
}*/

div.paczkomaty {
   margin-bottom: 15px;
   margin-top: 10px;
   /*width: 300px;*/
}
div.paczkomaty div{
   display: inline-block;
   vertical-align: top;
}

#paczkomat-desc{
    font-size: 11px;
    font-style: italic;
    margin-bottom: 5px;
    padding-left: 120px;
    color: #2d4b67;
}



div#comment-voting div.thumb{
    display: inline-block;
    cursor: default;
}
div#comment-voting span.amount{
    padding-right: 7px;
    padding-left: 2px;
    font-weight: bold;
}

.user-comment div#comment-voting{
    margin-left: 8px;
}
div#comment-voting{
    vertical-align: middle;
    line-height: 22px;
    margin-top: 5px;
    height: 22px
}
div#comment-voting span.label{
    color: #505c47;
    margin-right: 7px;
}
div#comment-voting .up{
    color: #555;
}
div#comment-voting .down{
    color: #e01313;
}

div#comment-voting.active span.icon{
    cursor: pointer;
}
div#comment-voting span.icon {
     display: inline-block;
     width: 14px;
     height: 16px;
}

#comment-voting .up span.icon {
    background: url('../img/thumbs-up.png');
    vertical-align: top;
}
#comment-voting.active .up span.icon:hover, #comment-voting .up span.fixed {
    background: url('../img/thumbs-up-color.png');
}


div.inline {
    display: inline-block;
    margin-right: 25px;
    vertical-align: top;
}
div.inline h1{
    margin: 10px 0;
}

div#header .inline{
    vertical-align: middle;
}
div#header {
    margin-bottom: 20px;
}

.to-top{
    vertical-align: top;
}

.h1 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 3px;
    margin-top: 5px;
    margin-right: 10px;
}

.supplies {
    margin-top: 15px;
    font-size: 11pt;
}

.pdk_level_current hgroup {
    border: 1px solid #c00; padding: 10px;
}

.pdk_level_next hgroup {
    border: 1px solid #ccc; padding: 10px;
}

.pdk_level_current blockquote {
    border: 1px solid #c00; padding: 10px; border-top: none;
    margin: 0 0 10px 0;
}

.pdk_level_next blockquote {
    border: 1px solid #ccc; padding: 10px; border-top: none;
    margin: 0 0 10px 0;
}

.pdk_level_current h3,
.pdk_level_current h4,
.pdk_level_next h3,
.pdk_level_next h4 {
    display: inline;
}

.pdk_level_current ul,
.pdk_level_next ul {
    margin-top: 5px;
}

#rightBestsellery ol {
    font-size: 11px;
    padding: 5px 0 0 10px;
    margin-left: 15px;
}

#rightBestsellery ol li {
    margin-bottom: 3px;
    line-height: 1.2em;
}

#achievements {
    margin-top: 20px;
}
#achievements input[type="checkbox"] {
    margin-left: 2px; margin-bottom: 4px; vertical-align: middle
}
#achievements td {
    padding: 3px 3px 20px;
    vertical-align: top;
}
#achievements p {
    margin: 4px 0;
}

#achievements .radio {
    margin: 0;
}

#achievements-filter {
    margin-bottom: 15px;
}

#achievements h3 {
    /*margin-bottom: 5px;*/
}

#achievements .display-change a span {
    display: none;
}

#achievements label {
    font-weight: normal;
}

#achievements .properties {
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    margin-bottom: 6px;
    margin-top: 3px;
    color: #646060;
    position: relative;
    padding: 1px 0;
}
#achievements .property {
    color:#2c2a2a;
    font-weight: bold;
}

#achievements .properties .minis {
    display: none;
}
#achievements .properties .mini {
    margin: 2px 0;
}
#achievements .properties .mini * {
    vertical-align: middle;
}

#achievements .properties .icon {
    position: absolute;
    right: 0;
    top: 3px;
    background: no-repeat scroll 0 0 / 10px auto;
    display: inline-block;
    width: 10px;
    height: 10px;
}

#achievements .properties .icon.plus {
    background-image: url("../img/czarny-plus.png");
}
#achievements .properties .icon.minus {
    background-image: url("../img/czarny-minus.png");
}

#achievements .display {
    margin-top: 5px
}

#achievements .display .options {
    display: none;
    padding-left: 24px;
    margin-top: 5px
}

#achievements .display .options p > * {
    display: inline-block;
    vertical-align: middle;
}

#achievements .opis {
    margin-top: 10px;
}
#achievements .main-image {
    width: 90px;
}
#achievements span.ajax-icons {
    width: 13px;
    display: inline-block;
    vertical-align: middle;
}
#achievements .progress {
    height: 16px;
    position: relative;
    margin-top: 8px;
}
.progress-label {
    position: absolute;
    font-weight: bold;
    font-size: 8pt;
    left: 5px;
}

.achievements-grid img {
    display: inline-block;
}

#achievements .achievements-grid img {
    padding: 5px; width: 100px
}

#achievements .achievements-grid {
    width: 336px;
    display: inline-block;
    text-align: left;
}

.progress-details-icon {
    float: right;
    margin-left: 3px;
    width: 16px;
    height: 17px;
}
.progress-details-icon.default {
    background: url('../img/information.png') no-repeat 0 0px;
}
.progress-details-icon.loading {
    background: url('../img/loading.gif') no-repeat 0 0px;
    background-size: 16px 16px;
}

body.inactive {
    overflow: hidden;
    margin-right: 17px;
}

.categorized td {
    border: none;
    border-top: 1px solid #E3E3E3;
}

.categorized .header td {
    background-color: #3b3b3b;
    padding-top: 10px;
    color: white;
    text-align: center;
}
.categorized .header:hover td {
    background-color: #3b3b3b;
}
.categorized .header td.name {
    font-size: 18px;
    font-weight: bold;
    padding: 10px 0 10px 20px;
    text-align: left;
}

.categorized td.to-right {
    padding-right: 20px;
}

.categorized .product-name {
    padding-left: 20px;
}

.in-middle * {
    vertical-align: middle;
}
.on-top * {
    vertical-align: top;
}
.to-left {
    text-align: left;
}
.to-right {
    text-align: right;
}
.to-center {
    text-align: center;
}

.product-comment{
    padding: 15px 0;
}

.product-comment div {
    display: table-cell;
}

.product-comment div.comment-body {
    vertical-align: top;
    padding-left: 10px;
    min-width: 295px;
}

.product-comment .comment-body h3 {
    margin-bottom: 5px;
}

.comments-lightbox {
    overflow-y: scroll;
    background-color: white !important;
    display: none;
}

td.followed {
    width: 100%;
    padding: 10px
}

td.unread {
    font-weight: bold;
}

.follows h3 {
    margin-bottom: 30px;
}

.follows table{
    border-spacing: 0;
    border-collapse:collapse;
}

.follows tr:hover {
    background-color: #f6f7f5
}
.follows td {
    padding: 8px;
}

#user-header {
    border-bottom: 1px #ddd solid;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

#user-header > div {
    display: inline-block;
    vertical-align: top
}

#user-header h2 a, #user-header h1 a {
    color: black
}

#profile > div {
    padding: 15px 5px;
}

#profile h1 {
    margin-bottom: 10px;
}

#profile .main-image {
    width: 90px;

}

#profile .wish {
    display: inline-block;
    text-align: center;
    padding: 3px;
    width: 80px;
    margin: 7px 2px;
}

.element-to-edit {
    position: relative;
}

.element-to-edit .edit {
    position: absolute;
    right: 0;
    top: 0;
    background: url("../img/edit.png") no-repeat scroll 0 0 / 15px auto;
    display: inline-block;
    width: 15px;
    height: 15px;
}

table#user-options {
    width: 100%;
    border-collapse: collapse;
}

#user-options td {
    vertical-align: top;
    padding-bottom: 17px;
}
#user-options td.left {
    padding-right: 17px
}


#random-unachieved {
    border-top: 1px solid #ccc; padding-top: 5px; margin-top: 5px
}

#random-unachieved p {
    font-weight: bold; margin: 0;
}
#random-unachieved p.small {
    line-height: 12px;
}
#random-unachieved p.property {
    font-size: 9px; margin-top: 3px;
}
#random-unachieved .progress {
    height: 12px; margin-top: 5px;
}
#random-unachieved .progress-label {
    font-size: 10px; line-height: 10px; top: 1px;
}

.ui-autocomplete-loading {
    background: white url('../img/loading.gif') right center no-repeat;
    background-size:  16px 16px;
}
.ui-menu .ui-menu-item {
    font-size: 11px
}
.ui-autocomplete {
    max-height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
}

.availability a {
    font-size: 11px;
    font-weight: normal;
}
#sale_points_modal {
    display: none;
    text-align: center;
}
#sale_points_modal .loading {
    margin-top: 30px;
}
#sale_points .sale_point td {
    padding: 20px 25px;
    vertical-align: bottom;
}
#sale_points .sale_point td.map {
    text-align: center;
}
#sale_points .sale_point > div {
    display: inline-block;
    vertical-align: middle;
    margin: 20px 25px;
}
#sale_points .sale_point .available {
    margin-top: 12px;
    font-size: 12px;
    font-weight: bold;
}
#sale_points .sale_point .available.yes {
    color: green;
}
#sale_points .sale_point .available.no {
    color: red;
}

#sale_points .sale_point a {
    color: #0000c0;
    font-size: 11px;
}

#sale_points .sale_point .email {
    margin: 7px 0;
}
#sale_points .sale_point .email a{
    font-size: 12px;
}

form#finished div {
    display: inline-block;
}
form#finished p.label {
    text-align: left;
    margin: 5px 0;
}
form#finished p.label input {
    padding: 5px 10px;
    margin: 0 3px;
}
form#finished span {
    width: 150px;
    display: inline-block;
    text-align: right;
}

#products_for_orders tbody tr:last td {
    border-bottom: 1px solid #f3f3f3;
}

#mainContent .middleColumn > .category-header {
    overflow: hidden;
}

#mainContent .middleColumn > .category-header .category-image {
    float: right;
    margin-left: 5px;
    margin-bottom: 5px;
}

#mainContent .middleColumn > .category-header .category-description {
    margin-bottom: 20px;
}

#mainContent .list-categories {
    padding-bottom: 20px;
}

#mainContent .list-categories .category {
    padding: 10px 0;
    overflow: hidden;
}

#mainContent .list-categories .category .category-image {
    float: left;
    width: 90px;
    text-align: center;
}

#mainContent .list-categories .category .category-description {
    float: left;
    width: 270px;
    margin-left: 15px;
}

#mainContent .product-expansions {
    margin: 20px 10px 0 10px;
    padding: 10px;
    border: 1px solid #ccc;
    overflow: hidden;
}

#mainContent .product-damaged {
    margin: 20px 0px 0 0px;
    padding: 10px;
    border: 1px solid #ccc;
    overflow: hidden;
}

#mainContent .product-damaged-available {
    padding: 20px;
    border: 1px solid #000;
    background-color: #ffffe7;
    margin-bottom: 10px;
}

#mainContent .product-linked {
    border: 1px solid #9c0000;
    padding: 10px;
    overflow: hidden;
}

#mainContent .login-register,
#mainContent .login-password,
#mainContent .login-newsletter,
#mainContent .login-form {
    padding: 10px;
    float: left;
    width: 250px;
    margin: 5px;
}

#mainContent .login-register,
#mainContent .login-form {
    min-height: 250px;
}

#mainContent .login-register h2,
#mainContent .login-password h2,
#mainContent .login-newsletter h2,
#mainContent .login-form h2 {
    border-bottom: 1px solid #999;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

#mainContent .login-register p,
#mainContent .login-password p,
#mainContent .login-newsletter p,
#mainContent .login-form p {
    margin-bottom: 10px;
}

#mainContent .login-register h1 {
    text-align: center;
}

#mainContent .login-register h1 a::after {
    content: " \bb";
}

#mainContent .login-password {
    border: 1px solid #c00;
    clear: left;
}

#mainContent .login-password h2 a {
    color: #c00;
}

#mainContent .order-details {
    padding: 10px;
}
#mainContent .order-invoice {
    clear: left;
}

#mainContent .order-available,
#mainContent .order-address,
#mainContent .order-invoice,
#mainContent .order-comment {
    padding: 10px;
    float: left;
    width: 250px;
    margin: 0;
}

#mainContent .order-available h2,
#mainContent .order-address h2,
#mainContent .order-invoice h2,
#mainContent .order-comment h2 {
    border-bottom: 1px solid #999;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

#mainContent .order-finish {
    border: 1px solid #c00;
    padding: 10px;
    margin: 10px 0 0 0;
}

#mainContent .order-address {
    min-height: 140px;
}

#mainContent .loginScreen {
    overflow: hidden;
}

#sameday {
    margin: 15px 0 10px;
}

#today-products {
    border-spacing: 0;
    border-collapse: collapse;
}
#today-products td {
    border-top: 1px solid #ddd;
    padding: 2px 1px;
}

#duelcounter {
    padding: 10px;
    position: relative;
    height: 120px;
}

#duelcounter img {
    position: absolute;
    top: 10px;
    right: 10px;
}

#duelcounter .ccounter1 {
    width: 70%;
    position: absolute;
    left: 100px;
    top: 10px;
    height: 120px;
}

#duelcounter ul {
    list-style: none;
    width: 100%;
    position: absolute;
    left: 0;
    top: 100px;
    text-align: center;
    padding: 0;
    color: #6b3a19;
    font-weight: bold;
    font-size: 14px;
}

#duelcounter ul li {
    float: left;
    width: 25%;
}

#duelcounter ul li.days {
    width: 28%;
}

#duelcounter ul li.hours {
    width: 18%;
}

#duelcounter ul li.minutes {
    width: 28%;
}

#duelcounter ul li.seconds {
    width: 18%;
}

#tytulBg {
    display: block;
    width: 150px;
    height: 420px;
    position: absolute;
    top: 10px;
    right: -160px;
    /*background-color: #000;*/
    /*opacity: 0.5;*/
}

.layoutIndex #tytulBg {
    top: -120px;
}

.school-code {
    color: #ff3801;
    cursor: default;
}

.school-code span {
    font-weight: bolder;
}

#productsGallery {
    margin: auto;
}

span.ajax-icons img {
    display: none;
}

span.ajax-icons img.loading {
    width: 13px;
}

.opening-hours span {
    width: 52px;
    display: inline-block;
    text-align: right;
    margin-right: 5px;
}

.bubble, .arrow:after {
    background: white;
    border: 1px solid #aaa;
}
.bubble {
    padding: 10px 20px;
}
.bubble .arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
}
.bubble .arrow.top {
    top: -16px;
    bottom: auto;
}
.bubble .arrow.left {
    left: 20%;
}
.bubble .arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.bubble .arrow.top:after {
    bottom: -20px;
    top: auto;
}
.text-muted {
    color: #999;
}

#mainDescription {
    margin-top: 1em;
}

 #mainDescription img {
    max-width: 100%;
    height: auto;
}

#mainDescription .img-right {
    float: right;
    margin-left: 1em;
    margin-bottom: 1em;
}

#mainDescription .img-left {
    float: left;
    margin-right: 1em;
    margin-bottom: 1em;
}

#mainDescription .img-center {
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 1em;
}

.img-fluid {
    max-width: 100%;
    height: auto;
}