html{width:100%;height:100%;}
body{background:rgb(240, 250, 250);}
#page	{
	  margin:0 auto;
	  background:rgb(245, 255, 255);
	  border:1px solid rgb(180,180,180);
	  border-radius:12px;
	  min-height:700px;	  
	  box-shadow:2px 2px 3px 3px silver;
		}
#header	{
	margin:5px 0px 5px 5px;
	vertical-align:middle; 
	text-align:center;
		}

#opis	{
	margin:5px 0px 5px 5px;
	min-height:50px;
	text-align:left;
	padding-left:20px;
		}
		
#skany	{
	margin:5px 0px 5px 5px;
	min-height:465px;
	text-align:left;
		}
		
#footer	{
	margin:5px 0px 5px 5px;
	min-height:50px;
	text-align:center;
		}	

.obraz
		{
		float: left;
		margin:8px 8px 8px 8px;
		text-align:center;
		}		

/************************************/
/*		Tryb responsywny			*/
/************************************/

@media (min-width:1100px)
{
#page{width:1050px;}

h1{margin-top:5px;padding:20px 0px 0px 5px;font-size:48px;line-height:80%;letter-spacing:5pt;}
}
@media (max-width:1100px) and (min-width:1000px)
{
#page{width:950px;}

h1{margin-top:5px;margin-left:70px;font-size:48px;line-height:80%;}
}
@media (max-width:1000px) and (min-width:800px)
{
#page{width:750px;}

h1{margin-top:15px;margin-left:75px;font-size:36px;line-height:100%;width:380px;}
}
@media (max-width:800px) and (min-width:500px)
{
#page{width:450px;}

h1{margin-top:15px;font-size:30px;line-height:150%;width:200px;}
}
@media (max-width:500px)
{
#page{width:95%;}
}

/************************************/
/*		Superbox				*/
/************************************/


#superbox-overlay {
position : fixed;
top : 0;
left : 0;
z-index : 9998;
width : 100%;
height : 100%;
}
#superbox-wrapper {
position : fixed;
z-index : 9999;
top : 0;
display : table;
width : 100%;
height : 100%;
}
#superbox-container {
position : relative;
display : table-cell;
width : 100%;
height : 100%;
margin : 0;
padding : 0;
vertical-align : middle;
}
#superbox {
margin : 0 auto;
padding : 0;
}
#superbox-container .loading {
margin : 0;
text-align : center;
}
*:first-child + html #superbox-container {
position : absolute;
top : 50%;
display : block;
height : auto;
}
*:first-child + html #superbox {
position : relative;
top : -50%;
display : block;
}
* html #superbox-container {
position : absolute;
top : 50%;
display : block;
height : auto;
}
* html #superbox {
position : relative;
top : -50%;
display : block;
}
* html #superbox-overlay {
position : absolute;
}
* html #superbox-wrapper {
position : absolute;
}
#superbox-overlay {
background : #000;
}
#superbox-container .loading {
text-align : center;
font-size : 40px;
color : #fff;
}
#superbox {
padding : 10px;
background : #fff;
}
#superbox-innerbox {
padding : 10px 0;
}
#superbox.image {
text-align : center;
}
#superbox .close, #superbox .nextprev {
overflow : hidden;
margin : 0;
}
#superbox-overlay {
background : #e0e4cc;
}
#superbox-container .loading {
width : 32px;
height : 32px;
margin : 0 auto;
text-indent : -9999px;
background : url(loader.gif) 0 0 no-repeat;
}
#superbox .close {
text-align : right;
}
#superbox .close a {
text-align : right;
padding : 5px 5px 5px 5px;
line-height : 20px;
background : #333;
cursor : pointer;
}
#superbox .close a span {
color : #fff;
}