/* rok */


body { margin-left: auto; margin-right: auto; color: white; font-family: Helvetica,Arial,sans-serif; background-color: rgb(51, 51, 51); }

/*
 width: 960px;
*/

/* na PC  */

@media (min-width:1281px) {
	body { width: 960px; }
}



/*
@media screen and (pointer:coarse) and (min-width:769px) and (max-width: 1280px) {
	body { width: 2400; }
}



@media screen and (pointer:coarse) { 

.thumb_big2015 a {
	width: 430px;
	height: 338px;
	font-size: 200%;
	margin: 20px 10px;
}

.thumb_big2015 img {
	width: 428px;
	height: 285px;
}

.miniatury_galerii h3 {
	text-decoration: none; 
	font-size: 5em;
	margin-left: 20px;
	margin-top: 60px;	
	margin-bottom: 0px;
	color: #DDD;
}

div.miniatury_galerii {
	text-align: left; 
	width: 95%;
	margin: auto;
	overflow: hidden;
}
*/






div.dzieci {float: right; text-align: left;  background: rgb(51, 51, 51); margin: 5px 5vw 20px 40px; color: #fff; }

/*
*/
/*
div.thumb {float: left; border: 1; height: 80; text-align: center;  background: rgb(51, 51, 51); margin: 4px 4px 4px 4px; color: #fff; font-size: 70%; }
div.thumb_big {float: left; border: 1; height: 120; text-align: center;  background: rgb(51, 51, 51); margin: 4px 4px 4px 4px; color: #fff; font-size: 70%; }
div.thumb_big2015 {float: left; border: 1; height: 120; text-align: center;  margin: 4px 4px 4px 4px; color: #fff; font-size: 70%; }
*/

/*
img {display: block; border: 1 dotted #444; }
*/

.naglowek p {
	font-family: Arial,Helvetica,sans-serif;
	font-size:11pt;
	color: #BBB;
	text-align: left;
	font-weight: normal;
}



h1, h2, h3 { color: #DDD; font-weight: bold; font-family: Helvetica,Arial,sans-serif; text-decoration: none; text-align: left}
h2 { text-decoration: underline; }

.dopisek { text-decoration: none; font-size: 70%; }

.thumnibal { border: 2px solid ; border-color: black; width: 192px; height: 144px; }

ul { 
	overflow: hidden;
	text-align: left;
}


A:link { color: #ddd; text-decoration: none }
A:visited { color: #ddd; text-decoration: none }
A:active { color: #ddd; text-decoration: none }


div:link { color: white; text-decoration: none }

.miniatury_galerii {
	text-align: left; 
	width: 888px;
	overflow: hidden;
}

.miniatury_galerii h3 {
	text-decoration: none; 
	font-size: 1.4em;
	margin-left: 20px;
	margin-top: 25px;	
	margin-bottom: 0px;
	color: #DDD;
}

.miniatury_galerii hr {
	margin-bottom: 10px;	
	height: 5px;
	border: none;
	background-color: #666;
}

.miniatury_galerii a {
	display: block;
	float: left;
	border: 1;
	text-align: center;
	margin: 4px 4px 4px 4px;
	color: #BBB; font-size: 70%; 
}

.miniatury_galerii img {
	margin-bottom: 3px;
}

.thumb_big2015 a {
	width: 150px;
	height: 125px;
}

/*
.thumb_big2015 img {
	width: 100%;
	width:150px;
	height:100px;
}
*/


.thumb a {
	width:100px;
	height: 88px;
}

.thumb img {
/*	height:66px;*/
}


.miniatury_galerii h3:after {

}

/* ##########################################################################################################################################################
   #########################################################  Detale na komórlki  ###########################################################################
   ########################################################################################################################################################## */



@media (max-width:1280px) {
	body { width: 100vw; }

	h1, h2, h3 { color: #DDD; font-weight: bold; font-family: Helvetica,Arial,sans-serif; text-decoration: none; text-align: left}
	h2 { font-weight: bold; font-size: 12px; text-align:center; }
	.naglowek { padding: 0px 10px; }
	.naglowek p { font-size: 8pt; }
	
	div.miniatury_galerii {
		text-align: left; 
		width: 98%;
		margin: auto;
		overflow: hidden;
	}

	div.dzieci { float: right; text-align: left;  background: rgb(51, 51, 51); margin: 2px 2vw 0px 2vw; color: #fff; }

	.dzieci img { width: 30vw; }

}


/*
@media screen and (pointer:coarse) and (max-width: 768px) {
	body { width: 1250; background-color: green; }
}
*/

/* TELEFON pionowo */

@media screen and (pointer:coarse) and (max-width: 360px) {

body { background-color: rgb(60, 51, 51); }


.thumb_big2015 a {
	width: 108px;
	height: 100px;
	font-size: 8pt;
	margin: 2px 5px 4px 4px;
}

.thumb_big2015 img {
	width: 108px;
	height: 72px;
}

.miniatury_galerii h3 {
	text-decoration: none; 
	font-size: 1.5em;
	margin-left: 20px;
	margin-top: 25px;	
	margin-bottom: 2px;
	color: #DDD;
}

}



@media screen and (pointer:coarse) and (min-width: 361px) and (max-width: 480px) {

body { background-color: rgb(51, 51, 60); }


.thumb_big2015 a {
	width: 108px;
	height: 100px;
	font-size: 8pt;
	margin: 2px 5px 4px 4px;
}

.thumb_big2015 img {
	width: 108px;
	height: 80px;
}

.miniatury_galerii h3 {
	text-decoration: none; 
	font-size: 1.5em;
	margin-left: 20px;
	margin-top: 25px;	
	margin-bottom: 2px;
	color: #DDD;
}

}

@media screen and (pointer:coarse) and (min-width:481px) and (max-width: 768px) {
/*	body { width: 1920; } */
body { background-color: rgb(51, 60, 51); }

.thumb_big2015 a {
	width: 120px;
	height: 108px;
	font-size: 8pt;
	margin: 2px 5px 4px 4px;
}

.thumb_big2015 img {
	width: 120px;
	height: 80px;
}

.miniatury_galerii h3 {
	text-decoration: none; 
	font-size: 1.5em;
	margin-left: 20px;
	margin-top: 25px;	
	margin-bottom: 2px;
	color: #DDD;
}

}