body{
font-family: 'Lato', serif;
}
.RockSEO_BAC_content_commecial {
text-align: center;
}
.alkomat {
display: inline-block;
min-width: 300px;
min-height: 350px;
background: #f1f3f8;
border: 1px solid #c6cdde;
color: #697a8e;
}
.alkomat a img {
max-width: 300px;
max-height: 300px;
display: inline-block;
}
.cena {
background: #C5000B;
width: 150px;
height: 50px;
position: relative;
left: 75px; 
bottom: 10px;
z-index: 1;
}
.cena:hover {
background: #C5000B;
color: black;
}
.cena a {
color: white;
text-decoration: none;
font-style: bold; width: 40%;
height: 20%;
position: absolute;
top: 30%;
left: 50%;
transform: translate(-50%, -50%);
}
.cena:hover a {
color: black;
}
@media (max-width: 960px) {
} .warning {
margin: 20px;
} .pierwszaLinia {
text-align: center;
}
.metrykaIgodziny {
display: inline-block;
vertical-align: top;
width: 49%;
}
.lista-rozwijana {
background: #f1f3f8;
border: 1px solid #c6cdde;
color: #697a8e;
}
.przycisk input, .remove {
background: #f1f3f8;
border: 1px solid #c6cdde;
color: #697a8e;
}
.RockSEO_BAC_content{
}
h3.h3Rockseo {
background-color: black;
text-align: center;
color: white;
}
.metryka {
padding: 5px;
min-height: 60px;
vertical-align: center:
}
.opis {
position: relative;
width: 50%;
float: left;
min-width: 200px;
vertical-align: center;
}
.lista {
position: relative;
width: 50%;
float: left;
min-width: 200px;
}
.lista label img { }
.plec {
min-height: 130px;
}
label {
cursor: default;
}
label > input {
visibility: hidden;
position: absolute;
}
label > input + img {
cursor: pointer;
}
label > img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
label > input:checked + img {
filter: none;
border: 3px solid black;
border-radius: 5px;
}
.zoladek {
text-align: center;
padding: 5px;
margin-top: 20px;
}
.zoladek label img { padding: 5px;
}
.czas {
text-align: center;
}
.godzina {
padding: 5px;
display: inline-block;
}
.alkohol {
text-align: center;
}
.alko {
display: inline-block;
}
#elements {
list-style:none;
}
#elements li {
border: 1px solid #c6cdde;
background-color: #f1f3f8;
margin-bottom: 2px;
}
.ile, .objetosc, .procent, .remove {
display:inline-block;
padding-right: 5px;
}
.remove {
background-color: #C5000B;
color: white;
padding-left: 4px;
padding-right: 4px;
}
.guzik-wyniki {
text-align:center;
}
.guzik {
display: inline-block;
padding: 5px;
} .RockSEO_BAC_content_summary{
display:none;
}
.wynikTabela {
}
.wynikItem {
}
span.godzina {
width: 170px;
}
span.ilePromili {
display: inline-block;
height:25px;
max-width: 80%;
min-width: 1px;
margin-right: 2px;
}
span.promile_0 {background: #309422;}
span.promile_02 {background: #57D646;}
span.promile_05 {background: #E0E845;}
span.promile_051 {background: #F7A248;}
span.promile_25 {background: #ED0924;}
.absolutnejTrzezwosci {color: #309422; display: block;}
.Trzezwosci {color: #57D646; display: block;}
.wskazujacy {color: #E0E845; display: block;}
.nietrzezwosci {color: #F7A248; display: block;}
.upojenia {color: #ED0924; display: block;}
@media (max-width: 1215px) {
span.ilePromili {
max-width: 70%;
}
}
@media (max-width: 992px) {
span.ilePromili {
max-width: 60%;
}
.metrykaIgodziny {
width: 100%;
}
}
@media (max-width: 528px) {
span.ilePromili {
max-width: 50%;
}
}
@media (max-width: 511px) {
.alko {
font-size: 0.9em;
margin: 5px;
}
#elements li {
margin-bottom: 10px;
}
}
@media (max-width: 434px) {
span.ilePromili {
max-width: 40%;
}
.alko {
font-size: 0.75em;
}
.metryka {
text-align: center;
}
}
@media (max-width: 361px) {
span.ilePromili {
max-width: 30%;
}
}