* {
margin : 0;
padding : 0;
outline : 0;
}
body {
background-position : center top;
font-family : "Roboto Condensed", Arial, Verdana, sans-serif;
color : #999;
background-color : #f5f5f5;
background-repeat : no-repeat;
background-image : url("../img/bgmain.jpg");
padding-top : 30px;
}
nav {
margin : 0 auto 0 auto;
background-position : center top;
padding : 0 0 0 0;
text-align : left;
color : #000000;
min-height : 30px;
z-index : 999;
}
#menu ul {
list-style-type : none;
min-height : 18px;
padding : 18px 0 2px 0;
margin : 0 auto 0 auto;
text-align : center;
}
#menu li {
list-style-type : none;
float : right;
min-height : 13px;
margin : 0 0 0 10px;
padding : 0;
}
#menu li a {
text-decoration : none;
color : #c0c0c0;
font-size : 13px;
display : block;
min-height : 13px;
font-weight : bold;
text-transform : uppercase;
line-height : 13px;
}
#menu li a.active {
color : #000;
}
#menu li a:hover {
color : #000;
}
#menu li img {
vertical-align : middle;
border : none;
}
header {
background-position : 20px center;
overflow : visible;
height : 166px;
z-index : 998;
max-width : 860px;
background-repeat : no-repeat;
margin-right : auto;
margin-left : auto;
text-align : right;
color : #ffff00;
background-image : url("../img/logo.png");
background-color : #fff;
padding : 0 20px;
}
@media (max-width: 350px) {
    header{
    background-size: contain;
}}
.heading a {
text-decoration : none;
font-weight : 700;
color : #000;
text-transform : lowercase;
}
.heading a:hover {
color : #c0c0c0;
}
.heading {
clear : both;
padding : 30px 0 0 0;
font-size : 18px;
line-height : 1.15em;
font-weight : 700;
float : right;
color : #c0c0c0;
}
@media (max-width: 500px) {
.heading {
display : none;
}
#menu ul {
padding : 10px 0 5px 0;
}
}
@media (max-width: 500px) {
header {
background-position: center bottom;
overflow : hidden;
background-repeat : no-repeat;
}
}
@media (max-width: 280px) {
header {
background-size : contain;
background-position : center 35px;
overflow : hidden;
background-repeat : no-repeat;
}
}
.ribbon {
background-position : center top;
width : 160px;
height : 185px;
background-image : url("../img/kontakt.png");
position : absolute;
z-index : 999;
margin-left : 795px;
margin-top : 20px;
text-align : center;
font-size : 14px;
letter-spacing : -1px;
padding-top : 30px;
background-repeat : no-repeat;
font-weight : bold;
color : #a9844b;
}
.ribbon strong {
font-size : 18px;
letter-spacing : -2px;
font-weight : bold;
color : #785e36;
}
.container {
width : 100%;
margin-right : auto;
margin-left : auto;
color : #000000;
}
.contain {
max-width : 900px;
margin-right : auto;
margin-left : auto;
background-color : #ddd;
}
.top {
max-width : 900px;
margin : auto;
}
h1 {
background-position : center bottom;
padding : 17px 0;
overflow : hidden;
margin : 0 auto 0 auto;
font-size : 19px;
color : #fff;
font-weight : 700;
text-align : center;
letter-spacing : 0;
min-height : 21px;
text-indent : 0;
max-width : 900px;
line-height : 21px;
text-transform : uppercase;
background-color : #222;
}
h2 {
background-position : center 800px;
overflow : hidden;
padding : 12px 20px;
margin : 0 auto 0 auto;
font-size : large;
color : #ffffff;
font-weight : normal;
text-align : center;
letter-spacing : 0;
min-height : 20px;
max-width : 860px;
line-height : 1em;
background-repeat : no-repeat;
background-color : #666666;
font-family : Arial, Helvetica, sans-serif;
}
h2 a {
text-decoration : none;
color : #808080;
}
h2 a:hover {
color : #333333;
}
h3 {
font-weight : 900;
text-align : left;
padding : 0 20px;
line-height : 1em;
}
h6 {
font-size : 66px;
text-align : left;
padding : 0 20px;
line-height : 1em;
}
h6 a {
text-decoration : none;
background-color : rgb(255, 255, 255, 0.5);
display : block;
line-height : 50px;
font-weight : bold;
height : 50px;
text-indent : 230px;
}
h6 a:hover {
color : #edb231;
background-color : rgb(255, 255, 255);
}
article {
margin-right : auto;
margin-left : auto;
max-width : 928px;
padding : 0;
}
.tresc {
padding : 25px;
font-size : 15px;
line-height : 1.35em;
text-align : justify;
font-weight : 400;
color : #444;
background-color : #fff;
}
.photos {
padding : 0;
text-align : left;
letter-spacing : 4px;
}
.photos img {
box-shadow : 0 0 3px 0 rgb(0, 0, 0, 0.2);
border : rgb(255, 255, 255, 0.1) solid 1px;
margin-bottom : 5px;
}
footer {
margin : 0 auto 0 auto;
max-width : 900px;
color : #ffffff;
transition-duration : 0.4s;
background-color : #585959;
}
#foot {
padding : 20px 20px;
margin-right : auto;
margin-left : auto;
}
footer a {
color : #fff;
transition-duration : 0.4s;
}
#author {
min-height : 15px;
padding-top : 15px;
padding-bottom : 15px;
font-size : 11px;
padding-left : 0;
opacity : 0.8;
text-align : center;
}
footer .contact {
min-height : 85px;
padding-top : 12px;
padding-bottom : 0;
text-align : center;
letter-spacing : 0;
font-size : 14px;
line-height : 1.5;
}
footer .contact strong {
font-weight : bold;
font-size : 16px;
}
footer a:hover {
color : #fff;
}
footer img {
border-style : none;
}
footer img.counter {
vertical-align : -30%;
}
footer img.counter:hover {
opacity : 0.65;
}
.clear {
clear : both;
height : 0;
}
h2 img {
border-style : none;
}
.large {
font-size : 16px;
}
.floating {
float : right;
margin-left : 25px;
margin-top : 0;
margin-bottom : 0;
padding : 0;
}
@media (max-width: 900px) {
.floating {
display : none;
}
}
@media (max-width: 480px) {
.floating {
display : none;
}
}
.google-maps {
padding : 0;
height : 320px;
margin : 0;
width : 100%;
}
.spacer {
width : 100%;
margin-right : auto;
margin-left : auto;
}
.mark2 {
color : #eb7300;
}
.zoom-gallery1 {
margin-right : auto;
margin-left : auto;
}
.zoom-gallery1 img {
border : none;
}
.shadow {
height : 4px;
max-width : 900px;
margin : auto;
background-color : #fff;
}
.yellow {
background-color : #ffff00;
}
.foto img {
height : 82px;
padding : 0 0 0 0;
border : none;
margin : 0 25px;
}
.foto img:hover {
transform : scale(1.06);
transition-duration : 0.4s;
}
.foto2 img:hover {
opacity : 0.8;
}
.tresc a {
color : #000;
text-decoration : none;
}
.tresc a:hover {
color : #666;
}
.foto {
padding-top : 20px;
padding-bottom : 20px;
background-color : #f5f5f5;
text-align : center;
font-weight : 700;
}
.foto2 {
padding-top : 20px;
padding-bottom : 20px;
padding-left : 0;
background-color : #ddd;
text-align : center;
font-weight : 700;
}
.box {
max-width : 900px;
min-height : 400px;
margin-right : auto;
margin-left : auto;
background-color : #fff;
}
.intro {
width : 192px;
height : 360px;
float : left;
font-size : 14px;
padding : 20px;
color : #151e5b;
line-height : 1.35em;
}
.intru {
line-height : 1.2em;
}
.red {
color : #ca0000;
}
.buttonlink {
background-color : #ff0000;
color : #ffffff;
text-decoration : none;
padding : 7px 12px 7px 12px;
border-radius : 3px;
border : #bfbfbf solid 1px;
}
.buttonlink:hover {
background-color : #eee;
color : #ffffff;
text-decoration : none;
padding : 7px 12px 7px 12px;
border-radius : 3px;
border : #9b9b9b solid 1px;
}
#logo {
border-radius : 4px;
color : #ffffff;
background-color : #a7a9ac;
position : absolute;
z-index : 999;
padding : 20px 30px 20px 30px;
margin-top : 15px;
margin-left : 20px;
font-size : 1.5em;
line-height : 0.96em;
text-align : center;
}
.fa-mark {
font-size : 0.6em;
}
.inv {
color : #fff;
}
#slideshow {
background-image : url("../slides/slide02.jpg");
background-repeat : no-repeat;
background-position : center center;
}
#slideshow li{
    position: absolute;
}
.prod {
text-align : center;
padding : 20px 0;
max-width : 900px;
margin : auto;
}
.prod .item {
display : inline-block;
vertical-align : top;
max-width : 300px;
margin : 6px 3px;
}
.prod .item img {
max-width : 250px;
padding : 0;
border : none;
}
.prod .item a {
border : #c0c0c0 solid 2px;
display : block;
color : #54585E;
font-weight : 700;
text-decoration : none;
padding : 15px;
line-height : 1em;
min-height : 150px;
transform: scale(1);
transition: 0.3s;
}
.prod .item a:hover {
border-color : rgb(0, 0, 0, 0.5);
color : #000;
transform: scale(1.05);
transition: 0.3s;
border-radius: 3.5px;
}
.catalog {
float : right;
text-align : center;
padding : 30px 20px 15px 20px;
}
.catalog img {
border : none;
}
.catalog a {
color : #000;
}
.catalog a:hover {
color : #777;
}
.catalog a:hover img {
transform : scale(0.93);
transition-duration : 0.3s;
}
@media (max-width: 480px) {
.catalog {
float : none;
width : 100%;
padding : 20px 0;
}
}