/* oprava leveho menu - pro vsechny skiny */
.leftNav.leftNav li{
    margin-bottom:2px;
}
.leftNav li a{
    height:auto;
    width:100%;
    display:block;
    padding:13px 15px;
    font-weight:700;
    line-height:16px;
    transition:all .2s linear;
}
.leftNav li a:hover, .leftNav li a.active{
    text-decoration:none;
}
.leftNav li a span{
    font-size:20px;
    position:relative;
    top:2px;
    left:7px;
}


.featuredProducts .item {
    cursor: pointer;
}

body {
    background-attachment: fixed;
}

/* oprava modal window */
h4.modal-title {
    width: 500px;
}
.modal-dialog {
    margin-top:160px;
}
#modal button.close {
    cursor: pointer;
}

/* registrace a editace */
#invoiceCredentials {
    display: none;
}
#deliveryCredentials {
    display: none;
}
p.error {
    font-weight: bold;
    color: #f00 !important;
    margin-bottom: 1em;
}
.container.content.form div.article  {
    min-height: 500px;
}

.content.level3 .article article .img li {
    text-align: center;
}
.content.level3 .article article div.img span.mainImg {
    text-align: center;
}

.productTable td.vtext, .productTable td.vtext p {
    font-size: 13px;
    background: #fff;
    padding: 10px 10px 0;
    vertical-align: middle;
    margin-bottom: 2px;
    font-weight: normal;
}

.modal .modal-dialog .modal-content .modal-body.confirm .right {
    /*width: 140px;*/
}

.oldPrice {
    text-decoration: line-through;
}

span.headerBasketPrice {
    font-size: 16px !important;
    margin-right: 20px;
    text-align: center;
    width: 120px;
}

.content.form .article .formRow .inputButton button, .content.user .article .formRow .inputButton button.orderButton2 {
    width: 240px;
}

.btn2 {
    background-color: #ddd !important;
    cursor: default;
}
.basketTable thead tr th:first-child { 
   text-align: center;
}

#flagcs, #flagen {
    float: right;
    margin: 0;
    margin: 12px 12px 0 0;
}
#flagen {
    margin-top: 15px;
}

article.searchResults h4 {
    margin-top: 12px !important;
    margin-bottom: 0px !important;
}

.content.user .article .basketTable.credits tbody tr td {
    text-align: right;
}
.content.user .article .basketTable.credits tbody tr td:first-child {
    padding: 6px;
    text-align: center;
    width: auto;
}
.content.user .article .basketTable.credits tbody tr td:last-child {
    text-align: left;
    width: auto;
}


/* HP box images */
.hpBoxImage {
    margin: 0;
    padding: 0;
    height: 128px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 90;
    cursor: pointer;
    
    display: none;
}
.hpBoxImageFix {
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 90;
    cursor: pointer;
}

.content.level2 .article article>p {
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    color: #333;
}

.mainCustom article:hover, .colorbox.customColor article {
    cursor: pointer;
}

.colorbox .item article h2 {
    z-index: 80;
}

.level1 h1 span {
    color: #333;
    margin-right: 12px;
    text-decoration: none;
}
.level1 h1 a, .level1 h1 a:hover {
    text-decoration: none;
}

.homepageTop div.text {
    font-size: 1.2em;
}
.homepage .homepageTop {
    padding-bottom: 40px;
    min-height: 240px;
}

.level1Text {
    margin-left: 7px;
    margin-right: 7px;
    margin-bottom: 14px;
    font-size: 1.1em;
    padding: 1em;
    background-color: rgba(255, 255, 255, .7);
}

.level1Text h3 {
    color: #555859;
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 15px;
    padding-left: 7px;
    text-transform: uppercase
}

td.vtext ul, .homepageTop div.text ul, .level1Text ul, article.row div.text ul {
    list-style-type: square;
    margin-left: 35px;
    margin-bottom: 1em;
}

.content.level3 .article article td.vtext p {
    padding-bottom: 10px;
    margin-bottom: 0px;
}



.tooltip {
}
.tooltip, .tooltip-inner, .tooltip.top .tooltip-arrow {
    background-color: #60b91f;
}
.tooltip.bottom .tooltip-arrow {
    border-top-color: #60b91f;
}
       
.tooltip-inner {
  background-color: #60b91f !important;
  /*!important is not necessary if you place custom.css at the end of your css calls. For the purpose of this demo, it seems to be required in SO snippet*/
  color: #fff;
  font-size: 14px;
  text-align: left;
  max-width: 350px;
  width: 350px; 
}

.tooltip.top .tooltip-arrow {
  border-top-color: #60b91f;
}

.tooltip.right .tooltip-arrow {
  border-right-color: #60b91f;
}

.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #60b91f;
}

.tooltip.left .tooltip-arrow {
  border-left-color: #60b91f;
}

.tabContentForm .comments {
    clear:both;
}

.content.level3 .article article .tabs nav a:hover, .content.level3 .article article .tabs nav a.active
{
    background: #ddd;
    color: #222;
}

#h2Sticker {
    padding-top: 16px;
    font-style: italic;
    font-size: 20px;
    line-height: 28px;
}