* { margin: 0;  padding: 0;}

.bottom { clear: both;}

body { margin: 0; padding: 0; background: url(img/2.jpg); color: #FFFFFF; font-size: 15px; font-family: 'Andika', sans-serif;}

p { margin-top: 10px;}

h1 {font-size: 26px; margin: 0px 10px 30px 80px; color: #FF9900;}
h2 {font-size: 20px; }
h3 { font-size: 18px; margin: 0px 0px 10px 50px;}
h4 { font-size: 18px; text-align: center; margin-bottom: 40px;}


#container { width: 1000px; margin: 0px auto; background: #0c1125;}

header { width: 1000px; height: 200px;}
header h1 { font-size: 80px; margin:0px;}
header h2 { font-size: 40px; margin:0px;}
#lang { float: right; list-style: none; margin-top: 5px; width: auto; position: relative; z-index: 1;}
#logo { width: 40%; height: 100%; background: url(img/logo.png) no-repeat; float: left; margin-top: 10px; margin-left: 30px;}
#name { float: right; width: 55%; margin-top: 10px; margin-left: 20px; color: #FF9900; line-height: 80px; font-family: 'Parisienne', sans-serif; text-align: center;}
#name a { color:  #FF9900; text-decoration: none;}



nav { margin: 10px 50px 40px 10px; float: right;}
nav ul {	list-style: none;}
nav li {	float: left;	padding: 0px 15px;}
nav a {	display: block; margin-right: 0px;	padding: 0px 20px; text-decoration: none;	text-align: center;	font-size: 18px;	font-weight: 200; color: #FFFFFF;	text-decoration: none;}
nav a:hover {	color: #FF9900;}
nav li ul { overflow: hidden; display: none;}
nav li:hover ul { position: absolute; padding: 0px; display: block; width: 250px; }


aside { float: left; width: 200px; display: block; font-size: 15px; margin-top: 10px;}
.fb-like { margin-left: 20px;}
aside a {padding: 15px;}
aside nav { margin: 15px 0px 0px 10px; float: left; display: block;}
aside ul, ul li {list-style: none; 	font-size: 18px;}
aside ul li a { display: block;}
aside ul a:link, ul a:visited { text-decoration: none; color: #FFFFFF; text-align: left;}
aside ul a:hover { color: #FF9900;}


#content {float: right; width: 750px; font-size: 16px; text-align: justify;}
#content img {float: left; margin: 0px 10px 5px 0px;}
#content a { text-decoration: none; color: #ffffff;}
#content a:hover { color:#FF9900; font-weight:bold;}


section { margin: 10px 5px;}

article { margin: 20px 10px; padding-bottom: 20px; overflow: hidden; border-bottom: solid 1px #f6f6f6;}	
article img {  border: 1px solid silver; padding: 4px; box-shadow: 1px 1px 3px silver;}

.data {	margin: 10px 0px;	color:#aaaaaa; font-size:10px; width:720px; padding-top:10px;	padding-bottom:5px;	overflow: auto;}

section.kontakt{ text-align: center; font-size: 20px;}

section.gallery {padding: 5px;  text-align: left;  font-size: 14px;  color: #FFFFFF; overflow: hidden;}
section.gallery a { color: #FFFFFF; text-decoration: none;}
section.gallery img {margin: 10px; border: 1px solid silver; padding: 4px; box-shadow: 1px 1px 3px silver;}

p.gallery { margin-top: 20px; margin-left: 30px; text-decoration: underline; font-weight: bold;}

article.product{ overflow: auto; margin-left: 50px; margin-top: 10px; font-size: 15px;}

article h1 {font-size: 22px; margin: 25px 10px 10px 20px; color: #FF9900;}

article.column1{	float: left; width: 36%; margin-top: 5px; text-align: center; border: 0px;}
article.column2{	float: right;	width: 58%;	text-align: left;}
article.column3{	float: left;	width: 215px;	text-align: center; border: 0px; margin:0px 10px;}

footer { width: 100%; height: 35px; padding: 20px 0px; color: #999;}
footer a { text-decoration: underline; color: #999;}
.copyright { float: left; margin-left: 20px;}
.contact { float: right; margin-right: 20px;}

#juicebox-container { float: none; margin: 10px auto; padding-bottom: 50px;}

.button { margin-top: 10px;}

article.wyszukiwarka { margin-top: 80px; margin-left: 150px; border: 0px;}
#search { float: right; margin: 10px 40px 10px 0px; font-weight: bold; text-decoration: underline; color: #FF9900;}
#search a { color: #FF9900; }

#indeks input.text { width: 200px;}
#indeks select { display: none;}
#indeks input.button { width: 100px; margin-left: 5px;margin-right: 5px;}




@media (max-width: 1100px) and (min-width: 900px) {
#container {width: 850px;}
header { width: 850px; height: 180px;}
header h1 { font-size: 70px; margin:0px;}
header h2 { font-size: 35px; margin:0px;}
#logo { margin-top: 8px; margin-left: 20px;}
#name { margin-top: 8px; margin-left: 15px; line-height: 70px;}
nav { margin: 10px 45px 35px 10px; float: right;}
aside {width: 200px; font-size: 16px;}
#content {width: 600px; font-size: 15px;}
h1 {font-size: 24px; margin: 0px 10px 27px 70px;}
h2 {font-size: 18px; }
h3 { font-size: 16px; margin: 0px 0px 10px 40px;}
h4 { font-size: 15px; margin-bottom: 35px;}

article.column1{ 	float: left;	width: 210px;}
article.column1 img { width: 90%; height: auto;}
article.column2{	float: right;	width: 340px;}
}


@media (max-width: 900px) and (min-width: 800px) {
#container {width:750px; margin: 0 auto;}
header { width: 750px; height: 140px;}
header h1 { font-size: 40px; margin:0px;}
header h2 { font-size: 25px; margin:0px;}
#logo { margin-top: 5px; margin-left: 15px;}
#name { margin-top: 5px; margin-left: 10px; line-height: 40px;}
nav { margin: 5px 40px 30px 0px; float: right;}
nav a {	padding: 0px; font-size: 13px;}
nav li:hover ul { width: 150px; }
aside {width:150px; font-size: 13px; margin:10px;}
aside a {padding: 10px;}
aside nav { margin: 15px 0px 0px 8px; float: left;}
#content {width:580px; font-size: 13px;}
#content section {padding: 0; margin: 3px;}
h1 {font-size: 19px; margin: 0px 10px 20px 50px;}
h2 {font-size: 17px; }
h3 { font-size: 15px; margin: 0px 0px 10px 30px;}
h4 { font-size: 14px; margin-bottom: 25px;}

section.kontakt{ font-size: 18px;}
section.gallery { font-size: 14px;}
footer { height: 35px; padding: 10px 0px;}
.copyright { float: left; margin-left: 15px; font-size: 14px;}
.contact { float: right; margin-right: 15px; font-size: 14px;}

article.wyszukiwarka { margin-top: 50px; margin-left: 40px; border: 0px;}
#search { margin: 10px 30px 10px 0px;}
#indeks input.text { width: 180px;}


#lang img {width: 20%; height: auto; padding: 1px;}
article.column1{ 	float: left;	width: 180px;}
article.column1 img {width: 90%; height: auto;}
article.column2{	float: right;	width: 350px; text-align: justify;}
}

@media (max-width: 800px) and (min-width: 700px) {
#container {width:650px; margin: 0 auto;}
header { width: 650px; height: 140px;}
header h1 { font-size: 40px; margin:0px;}
header h2 { font-size: 25px; margin:0px;}
#logo { margin-top: 5px; margin-left: 15px;}
#name { margin-top: 5px; margin-left: 10px; line-height: 40px;}
nav { margin: 10px 50px 25px 10px; float: right;}
nav a {	padding: 0px; font-size: 12px;}
nav li:hover ul { width: 150px; }
aside {width: 100px; font-size: 12px; }
aside a {padding: 10px;}
aside nav { margin: 15px 0px 0px 5px; float: left;}
#content {width:500px; font-size: 12px;}
#content section {padding: 0; margin: 3px;}
h1 {font-size: 18px; margin: 0px 10px 20px 50px;}
h2 {font-size: 16px; }
h3 { font-size: 14px; margin: 0px 0px 10px 30px;}
h4 { font-size: 13px; margin-bottom: 25px;}

section.kontakt{ font-size: 17px;}
section.gallery { font-size: 14px;}
.copyright { float: left; margin-left: 13px; font-size: 13px;}
.contact { float: right; margin-right: 13px; font-size: 13px;}

article.wyszukiwarka { margin-top: 50px; margin-left: 40px; border: 0px;}
#search { margin: 10px 30px 10px 0px;}
#indeks input.text { width: 150px;}

#lang img {width: 20%; height: auto; padding: 1px;}
article.column1{ 	float: left;	width: 130px;}
article.column1 img {width: 90%; height: auto;}
article.column2{	float: right;	width: 320px; text-align: justify;}

}

@media (max-width: 700px) and (min-width: 600px) {
#container {width:600px; padding:0;}
header { width: 600px; height: 120px;}
header h1 { font-size: 30px; margin:0px;}
header h2 { font-size: 18px; margin:0px;}
#logo { margin-top: 5px; margin-left: 5px;}
#name { margin-top: 5px; margin-left: 8px; line-height: 30px;}
nav { margin: 0px 40px 25px 10px; float: right; font-size: 11px;}
nav a {	padding: 0px; font-size: 11px;}
nav li:hover ul { width: 120px; }
aside {width: 120px; font-size: 11px; margin:5px;}
aside a {padding: 8px;}
aside nav { margin: 15px 0px 0px 5px; float: left;}
#content {width: 450px; font-size: 11px;}
#content section {padding: 0; margin: 0;}
#content section {padding: 0;} 
section.gallery {overflow: auto;}
article.product {width:auto; padding:10px; display:block;}
h1 {font-size: 13px; margin: 10px 8px 15px 20px;}
h2 {font-size: 13px; }
h3 { font-size: 12px; margin: 0px 0px 8px 20px;}
h4 { font-size: 12px; margin-bottom: 20px;}

section.kontakt{ font-size: 16px;}
section.gallery { font-size: 13px;}
.copyright { float: left; margin-left: 12px; font-size: 12px;}
.contact { float: right; margin-right: 12px; font-size: 12px;}

article.wyszukiwarka { margin-top: 50px; margin-left: 40px; border: 0px;}
#search { margin: 10px 30px 10px 0px;}
#indeks input.text { width: 120px;}

#lang img {width: 20%; height: auto; padding: 1px;}
article.column1{ 	float: left;	width: 110px;}
article.column1 img {width: 90%; height: auto;}
article.column2{	float: right;	width: 300px; text-align: justify;}

}


@media (max-width: 600px) and (min-width: 500px){
#container {width:500px; padding:0;}
header { width: 500px; height: 120px;}
header h1 { font-size: 25px; margin:0px;}
header h2 { font-size: 18px; margin:0px;}
#logo { margin-top: 5px; margin-left: 5px;}
#name { margin-top: 5px; margin-left: 8px; line-height: 30px;}
nav { margin: 0px 40px 20px 10px; float: right; font-size: 11px;}
nav a {	padding: 0px; font-size: 11px;}
nav li:hover ul { width: 130px; }
aside {width: 80px; font-size: 11px; margin:5px;}
aside a {padding: 8px;}
aside nav { margin: 15px 0px 0px 5px; float: left;}
#content {width: 360px; font-size: 11px;}
#content section {padding: 0; margin: 0;}
#content section {padding: 0;} 
section.gallery {overflow: auto;}
article.product {width:auto; padding:10px; display:block;}
h1 {font-size: 13px; margin: 10px;}
h2 {font-size: 13px; }
h3 { font-size: 12px; margin: 0px 0px 8px 20px;}
h4 { font-size: 12px; margin-bottom: 20px;}

section.kontakt{ font-size: 15px;}
section.gallery { font-size: 12px;}
.copyright { float: left; margin-left: 10px; font-size: 11px;}
.contact { float: right; margin-right: 10px; font-size: 11px;}

article.wyszukiwarka { margin-top: 50px; margin-left: 50px; border: 0px;}
#search { margin: 10px 30px 10px 0px;}
#indeks input.text { width: 120px;}

#lang img {width: 20%; height: auto; padding: 1px;}
article.column1{ 	width: 0px;}
article.column2{	float: left;	width: 320px; text-align: justify;}
}


@media (max-width: 500px) and (min-width: 400px){
#container {width:400px; padding:0;}
header { width: 400px; height: 110px;}
header h1 { font-size: 25px; margin:0px;}
header h2 { font-size: 18px; margin:0px;}
#logo { width: 0px;}
#name { margin-top: 5px; margin-left: 8px; line-height: 30px;}
nav { margin: 2px 0px 2px 10px; float: left; font-size: 11px;}
nav a {	padding: 0px; font-size: 11px;}
nav li:hover ul { width: 0px; }
aside { font-size: 11px; margin: 0px; width: 400px;}
aside a { padding: 2px; display: inline;}
aside nav { display: inline; float: left;}
aside ul li a { display: inline;}
#content {width: 400px; font-size: 12px;}
#content section {padding: 0; margin: 0;}
#content section {padding: 0;} 

article.product {width:auto; padding:10px; display:block;}
h1 {font-size: 13px; margin: 10px;}
h2 {font-size: 13px; }
h3 { font-size: 12px; margin: 0px 0px 8px 20px;}
h4 { font-size: 12px; margin-bottom: 20px;}

section.kontakt{ font-size: 14px;}
section.gallery { font-size: 11px;}
footer { width: 100%; height: 60px; padding: 3px 0px;}
.copyright { float: left; margin-left: 8px; font-size: 10px;}
.contact { float: right; margin-right: 8px; font-size: 10px;}

article.wyszukiwarka { margin-top: 50px; margin-left: 50px; border: 0px;}
#search { margin: 10px 30px 10px 0px;}
#indeks input.text { width: 100px;}

#lang img {width: 20%; height: auto; padding: 1px;}

article.column1{ width: 0px;}
article.column2{	float: left;	width: 380px; text-align: justify;}

.fb-like { margin-top: 5px;}
}



@media (max-width: 400px) and (min-width: 300px){
#container {width:300px; padding:0;}
header { width: 300px; height: 50px;}
header h1 { font-size: 25px; margin:0px;}
header h2 { font-size: 18px; margin:0px;}
#logo { width: 0px;}
#name { margin-top: 5px; margin-left: 8px; line-height: 30px;}
nav { margin: 2px 0px 2px 10px; float: left; font-size: 11px;}
nav a {	padding: 0px; font-size: 11px;}
nav li:hover ul { width: 0px; }
aside { font-size: 11px; margin: 0px; width: 300px;}
aside a { padding: 2px; display: inline;}
aside nav { display: inline; float: left;}
aside ul li a { display: inline;}
#content {width: 300px; font-size: 10px;}
#content section {padding: 0; margin: 2px;}
#content section {padding: 0;} 
article { margin: 8px 5px; padding-bottom: 5px; }
section.gallery {overflow: auto;}
article.product {width:auto; padding:10px; display:block;}
h1 {font-size: 12px; margin: 10px;}
h2 {font-size: 12px; }
h3 { font-size: 11px; margin: 0px 0px 8px 15px;}
h4 { font-size: 11px; margin-bottom: 10px;}

section.kontakt{ font-size: 12px;}
section.gallery { font-size: 10px;}
footer { width: 100%; height: 60px; padding: 3px 0px;}
.copyright { float: left; margin-left: 5px; font-size: 10px;}
.contact { float: right; margin-right: 5px; font-size: 10px;}

article.wyszukiwarka { margin-top: 50px; margin-left: 10px; border: 0px;}
#search { margin: 10px 30px 10px 0px;}
#indeks input.text { width: 100px;}

#lang img {width: 20%; height: auto; padding: 0px;}
article.column1{ width: 0px;}
article.column2{	float: left;	width: 280px; text-align: justify; margin:0px;}

.fb-like { margin-top: 5px;}
}

@media (max-width: 300px){
#container {width:200px; padding:0;}
header { width:100%; height: 80px;}
header h1 { font-size: 23px; margin:0px;}
header h2 { font-size: 15px; margin:0px;}
#logo { width: 0px;}
#name { margin-top: 5px; margin-left: 3px; line-height: 20px;}
nav { margin: 2px 0px 2px 10px; float: left; font-size: 11px;}
nav a {	padding: 0px; font-size: 11px;}
nav li:hover ul { width: 0px; }
aside { font-size: 11px; margin: 0px; width: 200px;}
aside a { padding: 2px; display: inline;}
aside nav { display: inline; float: left;}
aside ul li a { display: inline;}
#content {width: 200px; font-size: 10px;}
#content section {padding: 0; margin: 2px;}
#content section {padding: 0;} 
article { margin: 8px 5px; padding-bottom: 5px; }
section.gallery {overflow: auto;}

section.kontakt{ font-size: 11px;}
section.gallery { font-size: 10px;}
.copyright { float: left; margin-left: 5px; font-size: 10px;}
.contact { float: right; margin-right: 5px; font-size: 10px;}
article.product {width:auto; padding:10px; display:block;}
h1 {font-size: 12px; margin: 10px;}
h2 {font-size: 12px; }
h3 { font-size: 11px; margin: 0px 0px 8px 10px;}
h4 { font-size: 11px; margin-bottom: 10px;}

section.kontakt{ font-size: 11px;}
section.gallery { font-size: 10px;}
footer { width: 100%; height: 60px; padding: 3px 0px;}
.copyright { float: left; margin-left: 5px; font-size: 9px;}
.contact { float: right; margin-right: 5px; font-size: 9px;}

article.wyszukiwarka { margin-top: 20px; margin-left: 20px; border: 0px;}
#search { margin: 10px 10px 10px 0px;}
#indeks input.text { width: 5px;}

#lang img {width: 20%; height: auto; padding: 0px;}

article.column1{ width: 0px;}
article.column2{	float: left;	width: 180px; text-align: justify;}
.fb-like { margin-top: 5px;}
}