@font-face {
    font-family: Caveat;/*'caveatbold'*/
    src: url('font/caveat-bold-web.eot');
    src: url('font/caveat-bold-web.eot?#iefix') format('embedded-opentype'),
         url('font/caveat-bold-web.woff2') format('woff2'),
         url('font/caveat-bold-web.woff') format('woff'),
         url('font/caveat-bold-web.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: Caveat;/*'caveatregular'*/
    src: url('font/caveat-regular-web.eot');
    src: url('font/caveat-regular-web.eot?#iefix') format('embedded-opentype'),
         url('font/caveat-regular-web.woff2') format('woff2'),
         url('font/caveat-regular-web.woff') format('woff'),
         url('font/caveat-regular-web.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/*--------------*/
body
{
	background-color: #334771;
	padding:0;
	margin:0;
}
#pojemnik
{
	width: 1000px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	padding:0;
	background-color: green;
	/*border: 10px solid black;*/
}
#tytul
{
	height:	80px;
	width: 1000px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	padding:0;
	background-color: #0080dd;
	font-family: 'Caveat', cursive;
	/*font-family: 'Pacyfik';*/
	color:#00dd00;
	font-size:65px;
	font-weight:700;
	letter-spacing:7px;
	text-align:center;
	text-shadow: 3px 3px #88ff00;
}
#obrazglowny
{
	float:left;
	height:	592px;
	width: 505px;
	/*margin-left:auto;
	margin-right:auto;*/
	margin-top:0;
	padding:0;
	background-color: #0080dd;
	display:flex;
	align-items:center;
	justify-content:flex-start;
}
#obrazglowny img
{
	position: relative;
	border: 1px solid black;
	left:3px;
	/*margin-left:auto;
	margin-right:auto;*/
}
#opisglowny
{
	float:left;
	height:	592px;
	width: 495px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	padding:0;
	background-color: #0080dd;
	color:black;
}
#pasekminiatur
{
	height:	152px;
	width: 1000px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	padding:0;
	background-color: black;
	/*border: 30px solid blue;*/
}
.miniatura
{
	float:left;
	height:	150px;
	width: 100px;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	background-color: #334771;
	border: 1px solid #0080dd;
	display:flex;
	align-items:center;
}
#p1
{
	font-size: 35px;
	font-family: 'Caveat', cursive;
	color:black;
	text-align: center;
	font-weight: bold;
	margin-left: 10px;
	margin-right: 10px;
}
#p2
{
	font-size: 30px;
	text-align: left;
	text-indent: 30px;
	font-family: 'Caveat', cursive;
	margin-left: 20px;
	margin-right: 20px;
	
}
.miniatura img:hover
{
	cursor:zoom-in;
}
.przewin
{
	float:left;
	height:	100px;
	width: 90px;
	background-color: #ee4545;
	border: 1px solid #0080dd;
	padding-top: 50px;
	font-size:50px;
	color:#00aa00;
	text-align:center;
	/*font-weight:bold;*/
}
.przewin:hover
{
	color:black;
	font-size:60px;
	background-color: #ff4f4f;
}
#opisminiatury
{
	height:	50px;
	width: 1000px;
	margin-left:auto;
	margin-right:auto;
	background-color: #0080dd;
	font-family: 'Caveat', cursive;
	font-size: 35px;
	color:#334771;
	text-align:center;
}