html { }
body {
height:100%;
margin:0;padding:0;
background-color: #FFFFFF;overflow:auto; }
//absolute, top50%,transform: translateY(-50%);left:75%
#main {float:left;min-width:1020px; width:100%; max-width:1500px;margin-left:auto;margin-right:auto; padding:0px; background-color:#FFFFFF; height:auto;}
/*ekrany przyciemnianie*/
#przyciemnij{position:fixed; left:0px; top:0px; background-color:black; width:100%; height:100%;opacity:0.70;filter: alpha(opacity=70);}
#srodek {width:600px; margin-left: -300px;height:300px; margin-top: -150px;position:absolute; top:50%; left:50%;}
#belka_gora {position:relative;text-align:left;float:left;width:100%;height:25px;padding:0px;margin-top:0px;margin-left:0%;
text-decoration: none;font:normal 15px Tahoma, Geneva, sans-serif;font-style:normal;color:black;}
#belka1_lewo {position:relative;text-align:left;float:left;width:50%;padding:0px;margin-top:2px;margin-left:0%;}
#belka1b_lewo {position:relative;text-align:left;float:left;width:50%;padding:0px;margin-top:10px;margin-left:0%;}
#belka1_prawo {position:relative;text-align:right;float:left;width:50%;padding:0px;margin-top:2px;margin-left:0%;}
#belka1b_prawo {position:relative;text-align:right;float:left;width:50%;padding:0px;margin-top:10px;margin-left:0%;}
#belka_glowna {position:relative;text-align:left;float:left;width:100%;height:90px;padding:0px;margin-top:4px;margin-left:0%;}
#belka_dolna {position:relative;background-color:#9B2675;text-align:left;float:left;width:99.4%;height:45px;padding:0px;margin-top:0px;margin-left:0%;
text-decoration: none;font:normal 15px Tahoma, Geneva, sans-serif;font-style:normal;color:white;border-radius:12px;margin-left:5px;margin-right:5px;
box-shadow:5px 5px 5px -3px #666;}
.reklama_kat {font:normal 12px Tahoma, Geneva, sans-serif;font-style:normal;color:black;float:left;width:145px;cursor:pointer;text-align: center;margin-top: 10px;padding:3px;
box-shadow: -3px 3px 3px 1px #bababa; border-radius: 0 0 0 10px;}
#glowny {float:left;width:100%; min-width:1020px; margin-left:auto;margin-right:auto; padding:0px; background-color:#FFFFFF; height:auto;}
#menu {float:left;width:250px; margin-left:auto;margin-right:auto; padding:0px; background-color:#FFFFFF; height:auto;}
#boksik{width:100%; float:left;border-top:2px solid #9B2675;border-bottom:2px solid #9B2675;background-color:#f2f2f2; margin-top:10px; padding: 10px; text-decoration: none;font: bold 24px Calibri, Tahoma, Geneva, sans-serif;font-style:normal;color:black;}
#zaplata1{width:10%; float:left;display:inline;text-align:right;}
#zaplata2{width:10%; float:left;display:inline;text-align:center;}
#zaplata3{width:80%; float:left;display:inline; font:normal 15px Calibri, Tahoma, Geneva, sans-serif;font-style:normal;}
#menu1 {float:left;width:245px; margin-left:5px;margin-right:auto; padding-top:10px; background-color:#ffe30f; height:30px; margin-top: 5px; text-shadow: 1px 1px 4px rgba(150, 150, 150, 1);
text-decoration: none;font: bold 18px Calibri, Tahoma, Geneva, sans-serif;font-style:normal;color:black;cursor:pointer;border-radius:12px;box-shadow:5px 5px 5px -3px silver;}
#menu1i {float:left;width:235px; margin-left:10px;margin-right:auto; padding-top:2px; height:20px; margin-top: 2px;
text-decoration: none;font: 16px Calibri, Tahoma, Geneva, sans-serif;font-style:normal;color:black; cursor:pointer; border-bottom:solid; border-color:#ffe30f;border-width: 2px;}
#menu1ib {float:left;width:250px; margin-left:20px;margin-right:auto; padding-top:2px; background-color:#FFFFFF; height:20px; margin-top: 2px;
text-decoration: none;font: 16px Calibri, Tahoma, Geneva, sans-serif;font-style:normal;color:black; cursor:pointer;}
#menu1ib:hover {background-color:#f2f2f2;}
#menu2 {float:left;width:245px; margin-left:5px;margin-right:auto; padding-top:10px; background-color:#4bb745; height:30px; margin-top: 5px; text-shadow: 0px 0px 5px rgba(255,255,255,1);
text-decoration: none;font: bold 18px Calibri, Tahoma, Geneva, sans-serif;font-style:normal;color:black;cursor:pointer;border-radius:12px;box-shadow:5px 5px 5px -3px silver;}
#menu2i {float:left;width:235px; margin-left:10px;margin-right:auto; padding-top:2px; height:20px; margin-top: 2px;
text-decoration: none;font: 16px Calibri, Tahoma, Geneva, sans-serif;font-style:normal;color:black; cursor:pointer; border-bottom:solid; border-color:#4bb745;border-width: 2px;}
#menu3 {float:left;width:245px; margin-left:5px;margin-right:auto; padding-top:10px; background-color:#21bcff; height:30px; margin-top: 5px; text-shadow: 0px 0px 5px rgba(255,255,255,1);
text-decoration: none;font: bold 18px Calibri, Tahoma, Geneva, sans-serif;font-style:normal;color:black;cursor:pointer;border-radius:12px;box-shadow:5px 5px 5px -3px silver;}
#menu3i {float:left;width:235px; margin-left:10px;margin-right:auto; padding-top:2px; height:20px; margin-top: 2px;
text-decoration: none;font: 16px Calibri, Tahoma, Geneva, sans-serif;font-style:normal;color:black; cursor:pointer; border-bottom:solid; border-color:#21bcff;border-width: 2px;}
#menu4 {float:left;width:245px; margin-left:5px;margin-right:auto; padding-top:10px; background-color:#8a43ba; height:30px; margin-top: 5px; text-shadow: 0px 0px 5px rgba(255,255,255,1);
text-decoration: none;font: bold 18px Calibri, Tahoma, Geneva, sans-serif;font-style:normal;color:black;cursor:pointer;border-radius:12px;box-shadow:5px 5px 5px -3px silver;}
#menu4i {float:left;width:235px; margin-left:10px;margin-right:auto; padding-top:2px; height:20px; margin-top: 2px;
text-decoration: none;font: 16px Calibri, Tahoma, Geneva, sans-serif;font-style:normal;color:black; cursor:pointer; border-bottom:solid; border-color:#8a43ba;border-width: 2px;}
#menu5 {float:left;width:245px; margin-left:5px;margin-right:auto; padding-top:10px; background-color:#e845b4; height:30px; margin-top: 5px; text-shadow: 0px 0px 5px rgba(255,255,255,1);
text-decoration: none;font: bold 18px Calibri, Tahoma, Geneva, sans-serif;font-style:normal;color:black;cursor:pointer;border-radius:12px;box-shadow:5px 5px 5px -3px silver;}
#menu5i {float:left;width:235px; margin-left:10px;margin-right:auto; padding-top:2px; height:20px; margin-top: 2px;
text-decoration: none;font: 16px Calibri, Tahoma, Geneva, sans-serif;font-style:normal;color:black; cursor:pointer; border-bottom:solid; border-color:#e845b4;border-width: 2px;}
#menu6 {float:left;width:245px; margin-left:5px;margin-right:auto; padding-top:10px; background-color:#f48b13; height:30px; margin-top: 5px; text-shadow: 0px 0px 5px rgba(255,255,255,1);
text-decoration: none;font: bold 18px Calibri, Tahoma, Geneva, sans-serif;font-style:normal;color:black;cursor:pointer;border-radius:12px;box-shadow:5px 5px 5px -3px silver;}
#menu6i {float:left;width:235px; margin-left:10px;margin-right:auto; padding-top:2px; height:20px; margin-top: 2px;
text-decoration: none;font: 16px Calibri, Tahoma, Geneva, sans-serif;font-style:normal;color:black; cursor:pointer; border-bottom:solid; border-color:#f48b13;border-width: 2px;}
#menukonto {float:left;width:18%; margin-left:auto;margin-right:auto; padding-top:4px; background-color:a8a8a8; height:25px; text-align: center; margin-left: 1%; margin-right: 1%;
text-decoration: none;font: bold 18px Calibri, Tahoma, Geneva, sans-serif;font-style:normal;color:white; cursor:pointer; border-radius:8px; box-shadow:0 6px 6px -6px #666;}
#menukonto:hover {background-color:#bfbfbf;text-decoration: underline;}
#calosc {width:auto; margin-left:260px;margin-right:auto; padding:0px; background-color:#FFFFFF; height:auto;}
a.bialy{text-decoration: none;font: bold 15px Calibri, Tahoma, Geneva, sans-serif;font-style:normal;color:white;}
a.bialy:hover{text-decoration: underline;font: bold 15px Calibri, Tahoma, Geneva, sans-serif;font-style:normal;color:white;}
a.czarny{text-decoration: none;font: bold 15px Calibri, Tahoma, Geneva, sans-serif;font-style:normal;color:black;}
a.czarny:hover{text-decoration: underline;font: bold 15px Calibri, Tahoma, Geneva, sans-serif;font-style:normal;color:black;}
a.bialyd{text-decoration: none;font: bold 18px Calibri, Tahoma, Geneva, sans-serif;font-style:normal;color:white;}
a.bialyd:hover{text-decoration: underline;font: bold 18px Calibri, Tahoma, Geneva, sans-serif;font-style:normal;color:white;}
#wmenurys{padding-left: 6px; width:20px; float:left;}
#wmenu{font: 14px Calibri, Tahoma, Geneva, sans-serif;font-style:normal;color:black;text-decoration: none;padding-left: 3px; float:left;height:100%;width:205px;overflow:hidden;}
#wmenu:hover{text-decoration: underline;}
#wmenux{font: 14px Calibri, Tahoma, Geneva, sans-serif;font-style:normal;color:black; text-decoration: none;padding-left: 3px; float:left;}
#wmenux:hover{text-decoration: none;}
#wmenuxx{font: 16px Calibri, Tahoma, Geneva, sans-serif;font-style:normal;color:black; text-decoration: none;padding-left: 3px; float:left;}
#wmenuxx:hover{text-decoration: none;}
.koszykt {width:180px;float:right;height:108px;cursor:pointer;background-color:white; margin-top:-10px;border-radius:0px 0px 0px 30px;box-shadow:7px -1px 5px 5px #666;}
.koszyka1 {position:absolute;right:100px;float:left;margin-top:33px;width:90px;font:normal 15px Tahoma, Geneva, sans-serif;font-style:normal;color:black;text-align:center;}
.koszyka2{position:absolute;right:25px;float:left;margin-top:33px;width:90px;font:normal 15px Tahoma, Geneva, sans-serif;font-style:normal;color:black;text-align:center;}
.koszyka3{position:absolute;right:105px;bottom:-85px;display:inline-block;padding:1px 5px 1px;background:orange;border-radius:4px;border:solid 1px white;box-shadow:0 1px 2px silver;font:normal 12px Tahoma, Geneva, sans-serif;font-style:normal;color:white;text-align:center;}
.nowosc {border-radius: 0px 0px 12px 12px;box-shadow: -3px 3px 5px 1px silver;
background-color:red;
width:90px; position:absolute;left:-36px;top:90px;float:left;
font:bold 15px Calibri, Tahoma, Geneva, sans-serif;font-style:normal;color:white;
transform: rotate(270deg);
}
.strzalka {margin-left:220px;}
.strzalka2 {margin-top:3px;}
.iks{margin-top:2px;}
.iks2{margin-left:220px;cursor:pointer;}
.obr{width:18px;}
.towek{width:auto; float:left;margin-right:155px;}
.towek2{width:auto; float:left;display:inline;position:absolute;}
.boksik2{width:49%; float:left;}
.obrazekm{width:20px;}
.strzalkapm{cursor:pointer; float:left; margin-left:195px; position:absolute;}
.naw1{text-align:right;float:left;width:50%;height:20px;margin-top:0px;}
.naw2{float:left;width:100%;height:25px;margin-top:10px;}
.dostepnosc{letter-spacing: 2pt;float:left;display:inline;margin-left:50px;margin-top:10px;}
.acena{letter-spacing: 2pt;}
.boxcena{float:left;width:370px;}
.sliderx{float:left;margin-top:10px;display:inline;margin-right:180px;height:154px;overflow:hidden;}
.fotopr{display:inline;width:auto; float:left;margin-top:10px;}
.tpolowa{float:left;width:50%;display:inline;}
.podsf{text-align:right;background:#FFFFFF;border:0px;color:black;}
.listap{float:left;height:auto;width:100%;background-color:#FAFAFA;text-decoration: none;font: bold 16px Calibri, Tahoma, Geneva, sans-serif;font-style:normal;color:#000000;}
.listap:hover {background-color:#f2f2f2;cursor:pointer;}
.listap:active {position:relative;top:1px;}
.listap2{float:left;height:auto;width:100%;background-color:#FAFAFA;text-decoration: none;font: 15px Calibri, Tahoma, Geneva, sans-serif;font-style:normal;color:#808080;}
.minitxt{float:left;height:auto;width:100%;text-decoration: none;font: 11px Calibri, Tahoma, Geneva, sans-serif;font-style:normal;color:#808080;margin-left:5px;}
.minitxt2{text-decoration: none;font: 11px Calibri, Tahoma, Geneva, sans-serif;font-style:normal;color:#808080;}
a.minitxt2:hover{text-decoration: underline;}
.szukaji{font:normal 16px Calibri, Tahoma, Geneva, sans-serif;font-style:normal;color:#111111;background:WHITE;border:0px solid silver;text-shadow:0px 0px 0px #222222;
text-align:left;width:201px; height:40px;border-radius:12px 0px 0px 12px;padding-left:8px;}
.szukaji2{background:WHITE;border:2px solid silver;text-align:left;width:40px; height:40px;padding:3px;border-radius:0px 12px 12px 0px;}
.szukaji2l{cursor:pointer;width:40px;float:right;margin-top:-35px;}
.szukaji:focus{background-color:WHITE;}
.zwyklyt{float:left;width:auto;height:auto;font:normal 15px Calibri, Tahoma, Geneva, sans-serif;font-style:normal;color:#111111;display: inline;text-decoration:normal;margin-top: 10px;}
.zwyklytt{float:left;width:auto;height:auto;font:normal 15px Calibri, Tahoma, Geneva, sans-serif;font-style:normal;color:#111111;display: inline;text-decoration:normal;margin-top: 5px; width:100%}
.pasekkx{height:25px;float:left;transition-duration:2s;width:0%;display:flex;justify-content: left; background:#ffcccc;box-sizing: border-box;border: 1px solid #D8BFD8;font:normal 14px Calibri;padding-top:2px;}
li.zwyklyt {
list-style-position: inside;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 20px;
color: #000000;
padding-left: 10px;
line-height: 20px;
}
.duzyt{float:left;width:auto;height:auto;font:normal 25px Calibri, Tahoma, Geneva, sans-serif;font-style:normal;color:#111111;display: inline;text-decoration:normal;margin-top: 10px;}
.zwyklyt2{text-decoration: none;font: 15px Calibri, Tahoma, Geneva, sans-serif;font-style:normal;color:#000000;}
a.zwyklyt2:hover{text-decoration: underline;}
.nazwa_listing {font: bold 15px Calibri, Tahoma, Geneva, sans-serif;font-style:normal;position:absolute; width:190px; color:#000000;text-align:center;top:5px;text-shadow: 2px 2px 2px rgba(255, 255, 255, 1);}
.zamowione_listing {position:absolute; left:40px;width:60px; color:silver;top:168px;font:bold 14px Tahoma, Geneva, sans-serif;text-align: center;background-color:#FFFFCC;border-radius:5px;}
.cena_listing {position:absolute; left:40px;width:140px; color:purple;top:165px;font:bold 18px Tahoma, Geneva, sans-serif;text-align: right}
.koszyk_ikona {position:absolute; width:45px; height:25px;left:10px;top:163px;text-align:left;}
.payubank{
float:left;
display:inline;
width:100px;
height:60px;
line-height:60px;
border:solid 1px;
border-color:silver;
padding:3px;
margin:0px;
text-align:center;
}
.numberCircle {
border-radius: 50%;
behavior: url(PIE.htc); /* remove if you don't care about IE8 */
width: 24px;
height: 24px;
padding: 3px;
margin-right:10px;
background: #fff;
border: 2px solid #666;
color: #666;
text-align: center;
float: left;
font: 20px Arial, sans-serif;
}
#koszykpng{position:absolute;right:105px;float:left;}
/*animation:boxb1 750ms;*/
@keyframes box1
{
0% {transform:translateY(-10px);}
50% {transform:translateX(-10px);}
}
/*
.dodajdokoszyka{-moz-box-shadow:inset 0px 0px 0px 0px #cf866c;-webkit-box-shadow:inset 0px 0px 0px 0px #cf866c;box-shadow:inset 0px 0px 0px 0px #cf866c;background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #870121), color-stop(1, #bc3315));background:-moz-linear-gradient(top, #870121 5%, #bc3315 100%);
background:-webkit-linear-gradient(top, #870121 5%, #bc3315 100%);background:-o-linear-gradient(top, #870121 5%, #bc3315 100%);background:-ms-linear-gradient(top, #870121 5%, #bc3315 100%);background:linear-gradient(to bottom, #870121 5%, #bc3315 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#870121', endColorstr='#bc3315',GradientType=0);background-color:#870121;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border:1px solid #915245;display:inline-block;cursor:pointer;
color:#ffffff;font-family:Arial;font-size:12px;padding:3px 1px;text-decoration:none;text-shadow:0px 1px 0px #854629;}
.dodajdokoszyka:hover {background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bc3315), color-stop(1, #870121));background:-moz-linear-gradient(top, #bc3315 5%, #870121 100%);background:-webkit-linear-gradient(top, #bc3315 5%, #870121 100%);background:-o-linear-gradient(top, #bc3315 5%, #870121 100%);background:-ms-linear-gradient(top, #bc3315 5%, #870121 100%);background:linear-gradient(to bottom, #bc3315 5%, #870121 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bc3315', endColorstr='#870121',GradientType=0);background-color:#bc3315;}
*/
.dodajdokoszyka {
background: #a6a6a6;
background-image: -webkit-linear-gradient(top, #a6a6a6, #798085);
background-image: -moz-linear-gradient(top, #a6a6a6, #798085);
background-image: -ms-linear-gradient(top, #a6a6a6, #798085);
background-image: -o-linear-gradient(top, #a6a6a6, #798085);
background-image: linear-gradient(to bottom, #a6a6a6, #798085);
-webkit-border-radius: 5;
-moz-border-radius: 5;
border-radius: 5px;
-webkit-box-shadow: 2px 2px 2px #666666;
-moz-box-shadow: 2px 2px 2px #666666;
box-shadow: 2px 2px 2px #666666;
font-family: Arial;
color: #ffffff;
font-size: 16px;
padding-right: 20px;
padding-left: 20px;
border: solid #1f628d 0px;
text-decoration: none;
}
.dodajdokoszyka:hover {
background: #a6a6a6;
background-image: -webkit-linear-gradient(top, #a6a6a6, #aaacad);
background-image: -moz-linear-gradient(top, #a6a6a6, #aaacad);
background-image: -ms-linear-gradient(top, #a6a6a6, #aaacad);
background-image: -o-linear-gradient(top, #a6a6a6, #aaacad);
background-image: linear-gradient(to bottom, #a6a6a6, #aaacad);
text-decoration: none;
}
.dodajdokoszyka:active {position:relative;top:1px;}
.dodajdokoszyka:disabled {background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #AAAAAA), color-stop(1, #DDDDDD));background:-moz-linear-gradient(top, #AAAAAA 5%, #DDDDDD 100%);
background:-webkit-linear-gradient(top, #AAAAAA 5%, #DDDDDD 100%);background:-o-linear-gradient(top, #AAAAAA 5%, #DDDDDD 100%);background:-ms-linear-gradient(top, #AAAAAA 5%, #DDDDDD 100%);background:linear-gradient(to bottom, #AAAAAA 5%, #DDDDDD 100%);}
.ileszt{font:normal 13px Calibri, Tahoma, Geneva, sans-serif;font-style:normal;color:#111111;background:#EEEEEE;border:0px solid #ffffff;text-shadow:0px 0px 0px #222222;
text-align:left;width:50px; height:21px;padding:3px;margin-top:5px;text-align:right;}
.ileszt:focus{background-color:#FAFAFA;}
.minput{font:normal 15px Calibri, Tahoma, Geneva, sans-serif;font-style:normal;color:#111111;background:#FEFEFE;border:1px solid #AAAAAA;text-shadow:0px 0px 0px #222222;
text-align:left;box-shadow:0px 0px 1px #AAAAAA;-moz-box-shadow:0px 0px 1px #AAAAAA;-webkit-box-shadow:0px 0px 1px #AAAAAA;border-radius:0px 0px 0px 0px;
-moz-border-radius:0px 0px 0px 0px;-webkit-border-radius:0px 0px 0px 0px;width:50px; height:25px;padding:3px;}
.minput:focus{box-shadow:0px 0px 1px #cf866c;-moz-box-shadow:0px 0px 1px #cf866c;-webkit-box-shadow:0px 0px 1px #cf866c;border:1px solid #cf866c;background:#FAFAFA;}
.minput:disabled{border:0px solid #AAAAAA;}
.info{float:left;width:15px; background-color:#174a9b; height:15px; text-align: center;
text-decoration: none;font: bold 13px Calibri, Tahoma, Geneva, sans-serif;font-style:normal;color:white; cursor:pointer; border-radius:8px; box-shadow:0 3px 3px -2px #666;}
.infodel{float:left;width:18px; background-color:#d1d1d1; height:18px; text-align: center;
text-decoration: none;font: bold 19px Calibri, Tahoma, Geneva, sans-serif;font-style:normal;color:white; cursor:pointer; border-radius:3px; box-shadow:0 2px 4px -1px #666;}
.listingw {background-color:#FFFFFF;text-align:center;float:left;width:190px;height:190px;margin-top:10px;margin-right:auto;margin-left:10px;margin-right:5px;position: relative;
-webkit-box-shadow: -3px 3px 5px 1px #EDEAEA;
box-shadow: -3px 3px 5px 1px #EDEAEA;
-webkit-border-radius: 0 0 0 10px;
border-radius: 0 0 0 20px;
cursor:pointer;
}
.sortuj_i{font:bold 13px Tahoma, Geneva, sans-serif;font-style:normal;color:#111111;width:250px; border:1px solid #999999; height:25px;margin-left:9px;background: transparent;text-align:center;}
.pasek:hover {background-color:#F1F1F1;}
/* Tooltip container */
.tooltip {
position: relative;
display: inline-block;
}
/* Tooltip text */
.tooltip .tooltiptext {
visibility: hidden;
width: 120px;
background-color: black;
color: #fff;
text-align: center;
padding: 5px 0;
border-radius: 6px;
font: normal 12px Calibri, Tahoma, Geneva, sans-serif;
/* Position the tooltip text - see examples below! */
position: absolute;
z-index: 1;
top: -20px;
left: 20px;
opacity: 0;
transition: opacity 1s;
}
/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
visibility: visible;
opacity: 1;
}
.tooltip .tooltiptext::after {
content: " ";
position: absolute;
top: 50%;
right: 100%; /* To the left of the tooltip */
margin-top: -5px;
border-width: 5px;
border-style: solid;
border-color: transparent black transparent transparent;
}
i {
display: inline-block;
font-style: normal;
position: relative;
}
/* Additional formatting for arrow icon */
i.arrow {
top: 2pt;
width: 0.4em;
height: 0.4em;
border-right: 0.2em solid black;
border-top: 0.2em solid black;
transform: rotate(45deg);
}
i.arrow2 {
top: 2pt;
width: 0.4em;
height: 0.4em;
border-right: 0.2em solid black;
border-top: 0.2em solid black;
transform: rotate(225deg);
}
li {
list-style-position: inside;
list-style-image: url(https://www.12v.pl/allegro/_zdjecia/punkt.gif);
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000000;
padding-left: 10px;
line-height: 20px;
}
.test0{float:left;position:relative;width:auto;}
.test{float:left;width:100%;height:20px;border:0px solid #ffffff;overflow:hidden;text-align:left;}
.test:hover{cursor:pointer;top:2px;position:absolute;width:270px;height:auto;top:0px;overflow:visible;}
.opis{float:left;position:relative;font:bold 15px Tahoma, Geneva, sans-serif;font-style:normal;color:#000000;background:#CCCCCC;border:2px solid #333333;text-shadow:0px 0px 0px #222222;
text-align:center;box-shadow:1px 1px 3px #000000;-moz-box-shadow:1px 1px 3px #000000;-webkit-box-shadow:1px 1px 3px #000000;border-radius:4px 4px 4px 4px;
-moz-border-radius:4px 4px 4px 4px;-webkit-border-radius:4px 4px 4px 4px; width: 300px; height:auto; left:-200px; top:-15px;padding:5px}
.tabelka{float:left;font:bold 13px Tahoma, Geneva, sans-serif;background:#FFFFFF;text-shadow:0px 0px 0px #222222;
text-align:center; width: 520px; height:auto; margin-left: 0px;}
.tabelkaok{float:left;font:bold 13px Tahoma, Geneva, sans-serif;font-style:normal;color:#000000;background:#FFFFFF;border:2px solid #ffffff;text-shadow:0px 0px 0px #222222;
text-align:center;box-shadow:1px 1px 3px #000000;-moz-box-shadow:1px 1px 3px #000000;-webkit-box-shadow:1px 1px 2px #000000;border-radius:4px 4px 4px 4px;
-moz-border-radius:4px 4px 4px 4px;-webkit-border-radius:4px 4px 4px 4px; width: 520px; height:auto; margin-left: 0px;padding:10px}
.kwadracik{float:left;font:bold 15px Tahoma, Geneva, sans-serif;font-style:normal;color:#FFFFFF;background:#FFFFFF;border:0px solid #ffffff;text-shadow:0px 0px 0px #222222;
box-shadow:1px 1px 3px #000000;-moz-box-shadow:1px 1px 3px #000000;-webkit-box-shadow:1px 1px 3px #000000;border-radius:4px 4px 4px 4px;
-moz-border-radius:4px 4px 4px 4px;-webkit-border-radius:4px 4px 4px 4px; width: 20px; height:20px;}
.tabelka2
{
float:left;height:22px;padding:5px;border:2px solid #f2f2f2; background-color:#f2f2f2;width:247px;
}
.loader {
font-size: 20px;
margin: 100px auto;
width: 1em;
height: 1em;
border-radius: 50%;
position: relative;
text-indent: -9999em;
-webkit-animation: load4 1.3s infinite linear;
animation: load4 1.3s infinite linear;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
}
@-webkit-keyframes load4 {
0%,
100% {
box-shadow: 0 -3em 0 0.2em red, 2em -2em 0 0em red, 3em 0 0 -1em red, 2em 2em 0 -1em red, 0 3em 0 -1em red, -2em 2em 0 -1em red, -3em 0 0 -1em red, -2em -2em 0 0 red;
}
12.5% {
box-shadow: 0 -3em 0 0 red, 2em -2em 0 0.2em red, 3em 0 0 0 red, 2em 2em 0 -1em red, 0 3em 0 -1em red, -2em 2em 0 -1em red, -3em 0 0 -1em red, -2em -2em 0 -1em red;
}
25% {
box-shadow: 0 -3em 0 -0.5em red, 2em -2em 0 0 red, 3em 0 0 0.2em red, 2em 2em 0 0 red, 0 3em 0 -1em red, -2em 2em 0 -1em red, -3em 0 0 -1em red, -2em -2em 0 -1em red;
}
37.5% {
box-shadow: 0 -3em 0 -1em red, 2em -2em 0 -1em red, 3em 0em 0 0 red, 2em 2em 0 0.2em red, 0 3em 0 0em red, -2em 2em 0 -1em red, -3em 0em 0 -1em red, -2em -2em 0 -1em red;
}
50% {
box-shadow: 0 -3em 0 -1em red, 2em -2em 0 -1em red, 3em 0 0 -1em red, 2em 2em 0 0em red, 0 3em 0 0.2em red, -2em 2em 0 0 red, -3em 0em 0 -1em red, -2em -2em 0 -1em red;
}
62.5% {
box-shadow: 0 -3em 0 -1em red, 2em -2em 0 -1em red, 3em 0 0 -1em red, 2em 2em 0 -1em red, 0 3em 0 0 red, -2em 2em 0 0.2em red, -3em 0 0 0 red, -2em -2em 0 -1em red;
}
75% {
box-shadow: 0em -3em 0 -1em red, 2em -2em 0 -1em red, 3em 0em 0 -1em red, 2em 2em 0 -1em red, 0 3em 0 -1em red, -2em 2em 0 0 red, -3em 0em 0 0.2em red, -2em -2em 0 0 red;
}
87.5% {
box-shadow: 0em -3em 0 0 red, 2em -2em 0 -1em red, 3em 0 0 -1em red, 2em 2em 0 -1em red, 0 3em 0 -1em red, -2em 2em 0 0 red, -3em 0em 0 0 red, -2em -2em 0 0.2em red;
}
}
@keyframes load4 {
0%,
100% {
box-shadow: 0 -3em 0 0.2em red, 2em -2em 0 0em red, 3em 0 0 -1em red, 2em 2em 0 -1em red, 0 3em 0 -1em red, -2em 2em 0 -1em red, -3em 0 0 -1em red, -2em -2em 0 0 red;
}
12.5% {
box-shadow: 0 -3em 0 0 red, 2em -2em 0 0.2em red, 3em 0 0 0 red, 2em 2em 0 -1em red, 0 3em 0 -1em red, -2em 2em 0 -1em red, -3em 0 0 -1em red, -2em -2em 0 -1em red;
}
25% {
box-shadow: 0 -3em 0 -0.5em red, 2em -2em 0 0 red, 3em 0 0 0.2em red, 2em 2em 0 0 red, 0 3em 0 -1em red, -2em 2em 0 -1em red, -3em 0 0 -1em red, -2em -2em 0 -1em red;
}
37.5% {
box-shadow: 0 -3em 0 -1em red, 2em -2em 0 -1em red, 3em 0em 0 0 red, 2em 2em 0 0.2em red, 0 3em 0 0em red, -2em 2em 0 -1em red, -3em 0em 0 -1em red, -2em -2em 0 -1em red;
}
50% {
box-shadow: 0 -3em 0 -1em red, 2em -2em 0 -1em red, 3em 0 0 -1em red, 2em 2em 0 0em red, 0 3em 0 0.2em red, -2em 2em 0 0 red, -3em 0em 0 -1em red, -2em -2em 0 -1em red;
}
62.5% {
box-shadow: 0 -3em 0 -1em red, 2em -2em 0 -1em red, 3em 0 0 -1em red, 2em 2em 0 -1em red, 0 3em 0 0 red, -2em 2em 0 0.2em red, -3em 0 0 0 red, -2em -2em 0 -1em red;
}
75% {
box-shadow: 0em -3em 0 -1em red, 2em -2em 0 -1em red, 3em 0em 0 -1em red, 2em 2em 0 -1em red, 0 3em 0 -1em red, -2em 2em 0 0 red, -3em 0em 0 0.2em red, -2em -2em 0 0 red;
}
87.5% {
box-shadow: 0em -3em 0 0 red, 2em -2em 0 -1em red, 3em 0 0 -1em red, 2em 2em 0 -1em red, 0 3em 0 -1em red, -2em 2em 0 0 red, -3em 0em 0 0 red, -2em -2em 0 0.2em red;
}
}