a.dark:link {text-decoration: none; color: #ffffff; text-decoration: none;}
a.dark:visited {text-decoration: none; color: #ffffff; text-decoration: none;}
a.dark:hover {text-decoration: none; color: #4d4d4d; text-decoration: none;}
a.dark:active {text-decoration: none; color: #ffffff; text-decoration: none;}

a:link {text-decoration: none; color: #111111; text-decoration: none;}
a:visited {text-decoration: none; color: #111111; text-decoration: none;}
a:hover {text-decoration: none; color: #4d4d4d; text-decoration: none;}
a:active {text-decoration: none; color: #111111; text-decoration: none;}

a.submenu:link {text-decoration: none; color: #111111; text-decoration: none;}
a.submenu:visited {text-decoration: none; color: #111111; text-decoration: none;}
a.submenu:hover {text-decoration: none; color: #4d4d4d; text-decoration: none;}
a.submenu:active {text-decoration: none; color: #111111; text-decoration: none;}


body{
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #ffffff;
margin: 0;
padding: 0;

background-image: url("../img/body-back.jpg");
background-repeat: repeat-y;
background-position: center center;
background-size: 100% auto;
}

div {
margin: 0px;
}

img {
vertical-align: middle;
}

@font-face {
font-family: font;
src: url(./font/font.ttf);
}

div.head {
display: inline-block;
width: 100%;
height: 300px;
min-height: 20vh;
padding: 0px;
text-align: center;

background-color: #ffffff;

/*background-image: url("dizajn/pozadie.jpg");*/
background-repeat: no-repeat;
background-size: auto;
-moz-background-size: auto;  /* Firefox 3.6 */
background-position: center;  /* Internet Explorer 7/8 */

-webkit-animation: slide 10s linear;

border: solid 0px red;
}

div.head-obsah {
display: inline-block;
width: 70vw;
min-width: 70vw;
height: 100%;
text-align: left;

border: solid 0px green;
}

@-webkit-keyframes slide {
    from { background-position: center 30%; }
    to { background-position: center 50%; }
}
@-webkit-keyframes slidemotto {
    from { background-position: 100% 80%; }
    to { background-position: 100% 100%; }
}

div.logo-container {
display: table;
width: 100%;
height: 100%;
padding: 0px;

/*background-image: url("../img/motto.png");*/
background-repeat: no-repeat;
background-position: right bottom; 
background-size: 50vw auto;

-webkit-animation: slidemotto 5s linear;

border: solid 0px yellow;
}

div.logo {
display: table-cell;
vertical-align: bottom;
padding: 0px;
padding-bottom: 10px;

border: solid 0px purple;
}

img.logo {
/* width: 15vw; */
}


div.lista {
position: fixed;
top: 0px;
z-index: 10;

display: inline-block;
width: 100%;
height: 40px;
padding: 0px;
text-align: center;
color: #ffffff;


border: solid 0px red;
}

div.lista-container {
display: inline-block;
padding: 0px;
text-align: center;

border: solid 0px blue;
}

div.lista-obsah {
display: table;
width: 70vw;
height: 40px;
padding: 0px;
text-align: center;

border: solid 0px blue;
}

div.lista-logo {
display: table-cell;
width: 200px;
height: 40px;
padding: 0px;
text-align: left;
vertical-align: middle;

color: #ffffff;
text-shadow: 1px 1px 1px #000000;
font-family: font;
font-size: 26px;
letter-spacing: 1px;

border: solid 0px yellow;
}

div.lista-item {
display: table-cell;
float: right;
height: 40px;
padding: 0px;
padding-right: 0px;
text-align: right;
vertical-align: middle;

border: solid 0px green;
}

div.lista-pokladna {
display: table-cell;
height: 40px;
width: 200px;
padding: 0px;
text-align: left;
vertical-align: middle;

color: #4d4d4d;
background-color: #ffffff;

cursor: pointer;
cursor: hand;

border: solid 0px yellow;
}

div.lista-item-search {
display: table-cell;
height: 40px;
padding: 6px;
padding-right: 0px;
text-align: right;
vertical-align: middle;
background-color: #4d4d4d;

border: solid 0px red;
}

form.search {
border: none;
padding: 0px;
margin: 0px;
}

input.search {
width: 160px;
height: 26px;
padding: 6px;
border: none;
}
@media only screen and (max-width: 1000px){
input.search { width: 100px; }
}

img.search {
padding-left: 4px;
padding-right: 6px;
cursor: pointer;
cursor: hand;
}

div.lista-shadow {
position: fixed;
z-index: 10;
top: 40px;

display: inline-block;
width: 100vw;
height: 20px;
padding: 0px;
text-align: center;

background-image: url("../img/shadow-1600.png");
background-repeat: no-repeat;
background-position: center top; 
background-size: 100vw 20px;
}

div.shadow {
display: inline-block;
width: 100%;
height: 20px;
margin-top: 4px;
padding: 0px;
text-align: center;

background-image: url("../img/shadow-1600.png");
background-repeat: no-repeat;
background-position: center top; 
background-size: 100vw 20px;
}

div.kosik-img{
display: table-cell;
}
div.kosik-cena{
display: table-cell;
padding: 0px;
padding-left: 6px;
vertical-align: middle;
font-weight: bold;
}
span.lista-cena {
font-size: 18px;
font-weight: bold;
color: #4d4d4d;
}
span.lista-pocet {
font-size: 12px;
font-weight: bold;
color: #808080;
}

div.obsah {
display: inline-block;
width: 100%;
min-height: 20vh;
padding: 0px;
text-align: center;

color: #4d4d4d;

border: solid 0px red;
}

div.obsah-container {
display: inline-block;
width: 70vw;
min-width: 70vw;
text-align: left;
line-height: 150%;

border: solid 0px green;
}

div.item {
display: inline-block;
position: relative;
width: 32%;
margin: 4px;

border: solid 0px red;
}
@media only screen and (max-width: 1000px){
div.obsah { width: 100%; }
div.obsah-container { width: 100%; text-align: center;}
div.item { width: 80%; }
}

div.item-img {
height: 300px;
overflow: hidden;
text-align: center;

border: solid 0px blue;
}
@media only screen and (max-width: 1000px){
div.item-img { height: 600px; }
}


img.item-img {
margin-left: 50%;
transform: translateX(-50%);
height: 100%;
}

div.item-info {
text-align: left;
background-color: #f2f2f2;
padding: 6px;

border: solid 0px green;
}

span.item-name {
font-family: font;
font-size: 26px;
color: #111111;
}
span.item-mark {
font-size: 12px;
}
@media only screen and (max-width: 1000px){
span.item-name { font-size: 36px; }
}

div.item-buy {
position: relative;
text-align: left;
background-color: #111111;
padding: 6px;
color: #ffffff;

border: solid 0px purple;
}

div.item-price {
float: left;
text-align: left;
color: #ffffff;
font-size: 22px;
font-weight: bold;

border: solid 0px red;
}
@media only screen and (max-width: 1000px){
div.item-price { font-size: 36px; }
}

div.item-quantity {
float: right;
margin-right: 6px;
padding-left: 10px;
text-align: left;
font-size: 14px;
color: #ffffff;

border: solid 0px red;
}
@media only screen and (max-width: 1000px){
div.item-quantity { font-size: 20px; }
}

input.quantity {
width: 60px;
height: 22px;
font-size: 14px;
border: none;
}
@media only screen and (max-width: 1000px){
input.quantity { width: 100px; height: 44px; font-size: 24px; }
}

div.item-basket {
float: right;
width: 40px;
height: 40px;
margin-right: 0px;
margin-top: -16px;
padding-left: 0px;
text-align: right;

background-image: url("../img/kosik-60.png");
background-repeat: no-repeat;
background-position: center center; 
background-size: 100% 100%;

cursor: pointer;
cursor: hand;

border: solid 0px black;
}
.item-basket:hover{
background-image: url("../img/kosik-60-in.png");
}
@media only screen and (max-width: 1000px){
div.item-basket { width: 60px; height: 60px; }
}

div.item-shadow {
clear: both;
text-align: center;
height: 14px;

background-image: url("../img/shadow-1600.png");
background-repeat: no-repeat;
background-position: center top; 
background-size: 100% 100%;

border: solid 0px black;
}

div.pata {
display: table;
width: 100%;
padding: 0px;
text-align: center;

color: #4d4d4d;

border: solid 0px red;
}

div.pata-container {
display: table-cell;
width: 70vw;
min-width: 70vw;
text-align: center;

border: solid 0px green;
}

div.pata-section {
display: inline-block;
width: 30%;
margin: 4px;
padding: 12px;
line-height: 170%;
text-align: left;
vertical-align: top;

box-shadow: 2px 2px 4px rgba(68, 68, 68, 0.4);

background-color: #ffffff;

border: solid 0px red;
}
@media only screen and (max-width: 1000px){
div.pata { width: 100%; }
div.pata-container { width: 80%; }
div.pata-section { width: 80%; }
}

div.copy {
width: 100%;
text-align: center ;
vertical-align: middle;
margin: 0px;
padding: 0px;
padding-top: 4px;
padding-bottom: 4px;
font-size: 12px;
background-color: #4d4d4d;
color: #ffffff;
overflow: hidden;

border: solid 0px red;
}

div.info_o_vlozeni {
display: table;
width: 100%; 
height: 100%;
text-align: center; 
position: fixed; 
z-index: 110; 
visibility: hidden; 
padding: 12px; 
padding-left: 0px; 
padding-right: 0px; 
margin: 0px; 
font-size: 16px; 
font-weight: bold; 
color: #4d4d4d; 
border-left: 0px; 
border-right: 0px;
}

div.info_o_vlozeni_container {
display: table-cell;
text-align: center; 
vertical-align: middle;
}

div.ok {
display: inline-block;
vertical-align: middle;
width: 600px; 
text-align: center; 
background-color: #ffffff; 
padding: 48px; 
padding-left: 0px; 
padding-right: 0px; 
margin: 0px; 
margin-left: auto; 
margin-right: auto ; 
font-size: 16px; 
font-weight: bold; 
color: #000000; 
border: solid 1px #ffffff; 
-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,1);
-moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,1);
box-shadow: 0px 0px 30px 0px rgba(0,0,0,1);
}

input.info_o_vlozeni_ok {
font-size: 26px; 
padding: 12px; 
padding-left: 24px; 
padding-right: 24px;
border: solid 0px #d2d2d2;
background-color: #111111;
color: #ffffff;
font-weight: bold;
cursor: pointer;
cursor: hand;

-webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.5);
box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.5);
}


/* RÝCHLA SPRÁVA */

.okno
{
z-index: 30;
display: table-cell;
vertical-align: middle;
position: fixed;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
visibility: hidden;
background-color: rgba(0, 0, 0, 0.5);
}

div.karta
{
background-color: rgba(255, 255, 255, 1);
position: relative;
height: 35vh;
max-height: 40vh;
display: table;
width: 100%;

border: solid 0px blue;
}

div.karta-popup
{
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%,-50%);
height: 50vh;
margin: 0 auto;
padding: 20px;
width: 60vw;
background-color: rgba(255, 255, 255, 1);

-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,1);
-moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,1);
box-shadow: 0px 0px 30px 0px rgba(0,0,0,1);

border: solid 0px blue;
}
div.zavriet{
float: right;
cursor: pointer;
cursor: hand;
}
div.zavriet:hover{

}

div.karta-spacer{
display: table-cell;
width: 4.4vh;
padding: 8px;
padding-top: 5px;
vertical-align: top;
text-align: center;

border: solid 0px purple;
}

div.karta-popis{
display: table-cell;
width: 100%;
vertical-align: top;
text-align: left;


border: solid 0px red;
}

input.kontakt_mail{
    font-family: Verdana, Arial, Helvetica, sans-serif;
padding: 10px;
font-size: 20px;
width: 50vw;
}
textarea.kontakt{
font-family: Verdana, Arial, Helvetica, sans-serif;
padding: 10px;
font-size: 20px;
width: 50vw;
height: 150px;
resize: none;
}
.button
{
display: inline-block;
background-color: #4d4d4d;
color: #ffffff;
font-weight: bold;
padding: 10px;
cursor: pointer;
cursor: hand;
}

div.info_o_odoslani_spravy {
width: 100%; 
text-align: center; 
position: fixed; 
top: 40%;
z-index: 110; 
visibility: hidden; 
padding: 12px; 
padding-left: 0px; 
padding-right: 0px; 
margin: 0px; 
font-size: 16px; 
font-weight: bold; 
color: #4d4d4d; 
border-left: 0px; 
border-right: 0px;}

div.ok {
width: 600px; 
text-align: center;
background-color: rgba(255,255,255,0.85);
padding: 48px; 
padding-left: 0px; 
padding-right: 0px; 
margin: 0px; 
margin-left: auto; 
margin-right: auto ; 
font-size: 16px; 
font-weight: bold; 
color: #4d4d4d; 
border: solid 0px #7cbe00;
-webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.75);
box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.75);
}

div.nadpis {
font-family: font;
font-size: 26px;
color: #111111;
}

div.button {
font-weight: bold;
background-color: #111111;
color: #ffffff;
cursor: pointer;
cursor: hand;
}
div.button:hover {
background-color: #111111;
color: #ffffff;
background-color:#cccccc;
}

/* DETAIL PRODUKTU */


div.item-detail {
position: relative;
display: inline-block;
width: 100%;
min-height: 400px;
margin: 4px;

border: solid 0px red;
}
@media only screen and (max-width: 1000px){
div.item-detail { width: 80%; }
}

div.item-img-detail {
display: table-cell;
float: left;
height: 400px;
width: 400px;
overflow: hidden;
text-align: center;

border: solid 0px blue;
}
@media only screen and (max-width: 1000px){
div.item-img-detail { width: 100%; height: 600px; }
}


img.item-img-detail {
height: 400px;
margin-left: 50%;
transform: translateX(-50%);
}

div.item-info-detail-container {
display: inline-block;
text-align: left;
vertical-align: bottom;
float: left;
width: calc(100% - 404px);
height: auto;
min-height: 400px;
padding: 0px;

border: solid 0px green;
}
@media only screen and (max-width: 1000px){
div.item-info-detail-container { width: 100%; }
}

div.item-info-detail {
text-align: left;
background-color: #f2f2f2;
padding: 6px;

border: solid 0px green;
}

span.item-name-detail {
font-family: font;
font-size: 32px;
color: #111111;
}
span.item-mark-detail {
font-size: 12px;
}
@media only screen and (max-width: 1000px){
span.item-name-detail { font-size: 36px; }
}

div.item-popis-detail {
width: auto;
font-size: 16px;
line-height: 1.5;
background-color: #ffffff;
padding: 6px;
}

div.item-buy-detail {
position: relative;
text-align: left;
background-color: #111111;
padding: 6px;
color: #ffffff;

border: solid 0px purple;
}

div.item-price-detail {
float: left;
text-align: left;
color: #ffffff;
font-size: 32px;
font-weight: bold;

border: solid 0px red;
}
@media only screen and (max-width: 1000px){
div.item-price-detail { font-size: 36px; }
}

div.item-quantity-detail {
float: right;
margin-right: 6px;
padding-left: 10px;
text-align: left;
font-size: 20px;
color: #ffffff;

border: solid 0px red;
}
@media only screen and (max-width: 1000px){
div.item-quantity-detail { font-size: 20px; }
}

input.quantity-detail {
width: 100px;
height: 28px;
font-size: 22px;
border: none;
}
@media only screen and (max-width: 1000px){
input.quantity-detail { width: 100px; height: 44px; font-size: 24px; }
}

div.item-basket-detail {
float: right;
width: 60px;
height: 60px;
margin-right: 0px;
margin-top: -16px;
padding-left: 0px;
text-align: right;

background-image: url("../img/kosik-60.png");
background-repeat: no-repeat;
background-position: center center; 
background-size: 100% 100%;

cursor: pointer;
cursor: hand;

border: solid 0px black;
}
.item-basket-detail:hover{
background-image: url("../img/kosik-60-in.png");
}
@media only screen and (max-width: 1000px){
div.item-basket-detail { width: 60px; height: 60px; }
}

div.item-shadow {
clear: both;
text-align: center;
height: 14px;

background-image: url("../img/shadow-1600.png");
background-repeat: no-repeat;
background-position: center top; 
background-size: 100% 100%;

border: solid 0px black;
}

div.item-obsah-detail {
text-align: left;
background-color: #f2f2f2;
padding: 6px;

border: solid 0px green;
}

form.obsah-form {
display: inline-block;
}

select.obsah-select {
border: solid 1px #d2d2d2;
background-color: #ffffff;
font-size: 16px;
font-weight: bold;
padding: 6px;
}

/* POKLADNA */

table.pokladna {width: 100%;}
table.zoznampoloziek {width: 100%;}

div.nadpis_pokladna {
padding: 6px;
background-color: #cccccc; 
color: #ffffff;
}

div.formular {
background-color: #f2f2f2; 
padding: 6px; 
margin: 0px; 
font-size: 12px; 
color: #4d4d4d; 
text-align: left; 
}
td.hlavny {
background-color: #111111; 
color: #ffffff;
padding: 5px; 
vertical-align: middle;}

td.postovne {padding: 5px; vertical-align: middle;}
td.parny {background-color: #f9f9f9;  padding: 5px; vertical-align: middle;}
td.neparny {background-color: #ffffff;  padding: 5px; vertical-align: middle;}
td.cenacelkom {
background-color: #111111; 
color: #ffffff;
padding: 5px; 
font-size: 24px; 
vertical-align: middle; 
font-weight: bold;} 

span.plusminus {
padding: 2px;
padding-bottom: 4px;
padding-right: 6px;
padding-left: 6px;
font-weight: bold;
color: #ffffff; 
background-color: #888888; 

cursor: pointer;
cursor: hand;
}
.plusminus:hover {
color: #000000;
background-color: #d4d4d4; 
}

/* MENU */


div.kat {
display: inline-block;
visibility: visible;
vertical-align: top;
width: 100%;
min-height: 60px;
padding: 0px;
text-align: center;
background-color: #111111;

border: solid 0px red;
}
@media only screen and (max-width: 1000px){
div.kat { 
visibility: hidden;
display: none;
height: 0px;
}
}

div.kat-container {
position: relative;
z-index: 9;
display: inline-block;
width: 70vw;
min-width: 70vw;
min-height: 60px;
padding: 0px;
text-align: left;
background-color: none;
visibility: visible;

border: solid 0px green;
}
@media only screen and (max-width: 1000px){
div.kat-container { 
visibility: hidden;
height: 0px;
}
}

div.kat-button {
float: left;
display: inline-block;
width: 0px;
height: auto;
padding: 0px;
margin: 0px;
margin-top: 4px;
margin-right: 0px; /* nastav -6px pre border debug */
color: #ffffff;

font-family: font;
font-size: 2vmin;
letter-spacing: 1px;

background-color: #111111;

cursor: pointer;
cursor: hand;

border: solid 0px blue;
}
.kat-button:hover{
   background-color:#cccccc;
   color: #333333;
   text-shadow: none;
}
@media only screen and (max-width: 1000px){
div.kat-button { 
visibility: hidden;
margin: 0px;
}
}



img.kat_button_icon {
float: left;
vertical-align: middle;
width: 60px;
height: 60px;

border-left: solid 0px #ffffff;
}

div.kat-nazov {
display: table;
table-layout: fixed;
float: left;
width: calc(100% - 70px);
height: 60px;

padding-left: 6px;
overflow: hidden;

border: solid 0px red;
}

span.kat-nazov {
  display: table-cell;
  vertical-align: middle;
}


div.menu-icon {
position: absolute;
z-index: 20;
top: 0px;
padding: 0px;

box-shadow: 2px 2px 6px #000000;

cursor: pointer;
cursor: hand;

border: solid 0px red;
}

div.menu-icon-container {
visibility: hidden;
display: table-cell;
position: relative;
padding: 0px;
padding-right: 6px;

border: solid 0px red;
}
@media only screen and (max-width: 1000px){
div.menu-icon-container { visibility: visible;}
}

img.menuimg {
width: 100px;
}

div.submenu {
float: left;
position: absolute;
z-index: -1;
visibility: hidden;
width: 100%;
height: auto;
margin-top: 70px;
box-shadow: 2px 2px 4px rgba(68, 68, 68, 0.4);

background-color: #ffffff;

border: solid 0px green;
}
@media only screen and (max-width: 1000px){
div.submenu {
z-index: 10;
float: left;
position: relative;
visibility: hidden;
width: 100%;
height: 0px;
margin-top: 0px;

background-color: #ffffff;

border: solid 0px green;}
}

div.submenu-container {
padding: 10px;

border: solid 1px #f2f2f2;
}

div.submenu-odkaz {
display: inline-block;
padding: 6px;
padding-top: 12px;
padding-bottom: 12px;

font-family: font;
font-size: 16px;

background-color: #ffffff;

border: solid 0px green;
}
@media only screen and (max-width: 1000px){
div.submenu-odkaz { width: 100%; font-size: 46px; display: block;}
}
.submenu-odkaz:hover{
color: #333333;
background-color: #f9f9f9;
}


/* MOBILE  */

div.mobile-kat {
display: none;
position: absolute;
z-index: 9;
visibility: hidden;
vertical-align: top;
width: 100%;
height: 100%;
padding: 0px;
padding-top: 106px;

border: solid 0px red;
}
@media only screen and (max-width: 1000px){
div.mobile-kat { 
display: inline-block;
visibility: hidden;
}
}

div.mobile-kat-container {
display: none;
width: 100%;
height: 0px;
padding: 0px;
text-align: left;
background-color: none;
/* visibility: hidden; */

border: solid 0px green;
}
@media only screen and (max-width: 1000px){
div.mobile-kat-container { 
display: inline-block;
/* visibility: visible; */
height: 100%;
}
}

div.mobile-kat-button {
display: inline-block;
width: 100%;
padding: 0px;
padding-top: 10px;
padding-bottom: 10px;
margin: 0px;
margin-top: 10px;
margin-right: 0px; /* nastav -6px pre border debug */
color: #ffffff;

font-family: font;
font-size: 6vmin;
letter-spacing: 1px;

background-color: #111111;

cursor: pointer;
cursor: hand;

border: solid 0px blue;
}
div.mobile-kat-button:hover {
background-color: #4d4d4d;
}

div.menu-back {
position: fixed;
z-index: 7;
visibility: hidden;
width: 100%;
height: 100%;
background-color: rgba(256, 256, 256, 0.7);
}
@media only screen and (max-width: 1000px){
div.menu-back { 
visibility: hidden;
}
}

div.item-galeria {
display: table-cell;
float: left;
height: auto;
width: 400px;
overflow: hidden;
text-align: center;
margin-bottom: 6px;

border: solid 0px blue;
}
@media only screen and (max-width: 1000px){
div.item-galeria { width: 100%; }
}

div.item-galeria-nahlady-container {
display: block;
height: 100px;
width: 400px;
overflow-y: hidden;
overflow-x: auto;
padding: 6px;

border: solid 0px green;
}
@media only screen and (max-width: 1000px){
div.item-galeria-nahlady-container { width: 100%; }
}

div.item-galeria-nahlady {
display: table-cell;
height: 100px;
width: auto;

border: solid 0px red;
}

img.galeria-nahlad{
height: 98%;
margin: 2px;
cursor: pointer;
cursor: hand;
}
img.galeria-nahlad:hover{
opacity: 0.7;
filter: alpha(opacity=70); /* IE8 */
}

@media only screen and (max-width: 1000px){
img.item-img-detail { height: 600px; }
}


/* STRÁNKOVANIE */


div.strankovanie {
display: inline-block;
width: calc(100% - 12px);
padding: 6px;
text-align: right;

border: solid 0px red;
}

a.strana{
padding: 6px;
font-weight: bold;
background-color: #999999;
color: #ffffff;
font-size: 1.2em;
}
a.strana:hover {
background-color: #d4d4d4;
color: #000000;
}

a.strana-aktivna{
padding: 6px;
font-weight: bold;
background-color: #d4d4d4;
color: #ffffff;
font-size: 1.2em;
}

/* STRÁNKOVANIE */


div.strankovanie {
display: inline-block;
width: calc(100% - 12px);
padding: 6px;
text-align: right;

border: solid 0px red;
}

a.strana{
padding: 6px;
font-weight: bold;
background-color: #999999;
color: #ffffff;
font-size: 1.2em;
}
a.strana:hover {
background-color: #d4d4d4;
color: #000000;
}

a.strana-aktivna{
padding: 6px;
font-weight: bold;
background-color: #d4d4d4;
color: #ffffff;
font-size: 1.2em;
}


/* AKCIA */


div.stitok_akcia {
display: block;
position: absolute;
z-index: 5;
margin-top: 12px;
left: 0;
display: inline-block;
padding: 6px;
font-size: 16px;
font-weight: bold;
text-align: center;

color: #ffffff;

background-color: #aa0000;

box-shadow: 2px 2px 4px rgba(68, 68, 68, 0.4);

border: solid 0px red;
}