@import url('https://fonts.googleapis.com/css?family=Cookie|Roboto:100,300,700&display=swap');

@font-face {
    #font-family:Cuprum;
	#src: url(../fonts/Cuprum.otf);
    #font-weight:100;}

body {
	font-family: 'Roboto', sans-serif;
  	font-weight: 300;
	margin: 0px auto;
	background:url(../images/bg.png) repeat-x #bcdef6;
	min-width: 1200px;
font-size: 17px;
text-align:justify}
#shine{
	margin:0px auto;
	background:url(../images/shine.png) top center repeat-x;
	height:100%;
	width:100%;}
#logo{
	margin:0px auto;
	width:1200px;}
#logo img{
	margin-top:11px;
	margin-left:35px;
	border:none;}
#fb_logo{
	float:right;
	}
#bgmenu{
	margin:7px auto 0px auto;
	padding-top:8px;
	background:url(../images/bg_menu.png) no-repeat;
	height:80px;
	width:1200px;}
#menu_glowna{
	margin:-11px 30px 0px 45px;
	float:left;}
#menu_oferta{
	margin:5px 22px 0px 22px;
	float:left;}
#menu_onas{
	margin:-20px 22px 0px 22px;
	float:left;}
#menu_oprzedszkolu{
	margin:15px 22px 0px 22px;
	float:left;}
#menu_galeria{
	margin:-20px 22px 0px 22px;
	float:left;}
#menu_plandnia{
	margin:-15px 22px 0px 22px;
	float:left;}
#menu_jadlospis{
	margin:15px 22px 0px 22px;
	float:left;}
#menu_zlobek{
	margin:7px 20px 0px 22px;
	float:left;}
#menu_dlarodzicow{
	margin:2px 20px 0px 22px;
	float:left;}
#menu_kontakt{
	margin:-5px 22px 0px 22px;
	float:left;}
#bzzz{
	margin:0px auto 20px auto;
	height:112px;
	width:1200px;
	background:url(../images/bzzz.png) right no-repeat;}
#content{
	#font-family:Arial,sans-serif;
	margin:20px auto 0px auto;
	padding-top:35px;
	padding-rught:35px;
	border-radius:10px;
	width:1200px;
	min-height:700px;
	background:rgba(255, 255, 255, 0.8);}
#content h2{
	font-family:Cuprum, Arial,sans-serif;
	font-weight:normal;
	color:#5c8db6;
	#font-size:115%;
	width:1135px;
	letter-spacing:0.05em;
	padding-left:20px;
	padding-bottom:5px;
	margin:0px 20px;
	border-bottom:1px solid #cdd9e2;}
.zajawka{
	margin:0px 40px;
	min-height:150px;
	padding-bottom:40px;
	border-bottom:1px solid #cdd9e2;}
.zajawka h1{
	font-family:Cuprum, Arial,sans-serif;
	font-weight:normal;
	color:#5c8db6;
	#font-size:200%;
	width:785px;
	margin:30px 0px 0px 0px;}
.zajawka h3{
	color:#77a615;
	font-weight:normal;
	#font-size:75%;
	margin:0px 0px 0px 0px;}
.zajawka p{
	color:#506679;
	line-height:1.5em;
	#font-size:15px;
	width:785px;
	margin: 15px 0px 0px 0px;}
.zajawka img{
	height:170px;
	width:230px;
	float:right;
	margin:0px 60px 0px 0px;
	border:none;}
.zajawka a{
	text-decoration:none;}
.more{
	background:url(../images/more.png) no-repeat left;
	padding-left:20px;}
.more a{
	text-decoration:underline;
	#font-size:80%;
	color:#608315;}
#content_bottom{
	margin:50px 40px 0px 40px;
	padding-bottom:80px;}
#column1{
	float:left;
	width:250px;
	background:url(../images/dlarodzica.png) no-repeat top left;}
#column1 a{
	text-decoration:none;
	color:#6e9fca;}
#column1 ul{
	list-style:none;
	margin-top:40px;
	padding:0px;
	color:#6e9fca;
	#font-size:15px;}
#column1 li {
	padding:5px 0px;
	border-bottom:1px solid #cdd9e2;}
#column2{
	float:left;
	width:430px;
	margin:0px 0px 0px 120px;
	background:url(../images/kontaktzprzedszkolem.png) no-repeat top left;}
#column2 a{
	text-decoration:none;
	color:#6e9fca;}
#column2 h3{
	margin:40px 0px 0px 0px;
	font-family:Cuprum, Arial,sans-serif;
	color:#6b91b1;
	font-weight:normal;
	#font-size:110%;}
#column2 p{
	#font-size:15px;
	margin:5px 0px 0px 0px;
	line-height:1.5em;
	color:#506679;}
#kontaktemail{
	color:#759fc3;}
#column2_info1{
	font-family:Cuprum, Arial,sans-serif;
	color:#ff1a00 !important;
	#font-size:120% !important;
	margin-top:30px !important;}
#column2_info2{
	font-family:Cuprum, Arial,sans-serif;
	color:#94b252 !important;
	#font-size:120% !important}
#oferta{
	margin:0px 40px;
	padding-bottom:40px;
	border-bottom:1px solid #cdd9e2;}
#oferta ul{
	color:#506679;
	}
#oferta h1{
	font-family:Cuprum, Arial,sans-serif;
	font-weight:normal;
	color:#5c8db6;
	#font-size:200%;
	width:1100px;
	margin:30px 0px 0px 0px;
	padding-bottom:30px;}
#oferta p{
	color:#506679;
	#font-size:20px;}
#oferta img{
	border:none;
	float:right;
	}
.gallery {
    display: flex;
    flex-wrap: wrap; /* Pozwala na przejście do nowej linii */
    gap: 15px; /* Odstęp między miniaturkami */
    justify-content: center; /* Wyśrodkowanie obrazków */
}

.gallery a {
    text-decoration: none;
}

.gallery img {
    display: block;
    width: 200px; /* Stała szerokość miniaturki */
    height: auto;
    border-radius: 8px; /* Zaokrąglenie rogów */
    transition: transform 0.3s ease-in-out;
}

.gallery img:hover {
    transform: scale(1.1); /* Efekt powiększenia przy najechaniu */
}
#galeria_zdjec{
	margin:0px 40px;
	padding-bottom:40px;
	border-bottom:1px solid #cdd9e2;}
#galeria_zdjec ul{
	color:#506679;
	#font-size:15px;}
#galeria_zdjec h1{
	font-family:Cuprum, Arial,sans-serif;
	font-weight:normal;
	color:#5c8db6;
	#font-size:200%;
	width:1100px;
	margin:30px 0px 0px 0px;
	padding-bottom:30px;}
#galeria_zdjec p{
	color:#506679;
	#font-size:15px;}
#galeria_zdjec img{
	border-top:10px solid #fff;
	border-left:10px solid #fff;
	border-right:10px solid #fff;
	border-bottom:10px solid #fff;
	box-shadow: 2px 2px 8px #bbbbbb;}
#artykul{
	margin:0px 40px;
	padding-bottom:40px;
	border-bottom:1px solid #cdd9e2;}
#artykul h1{
	font-family:Cuprum, Arial,sans-serif;
	font-weight:normal;
	color:#5c8db6;
	#font-size:200%;
	width:1100px;
	margin:30px 0px 0px 0px;
	padding-bottom:30px;}
#artykul p{
	color:#506679;
	#font-size:15px;}
#artykul img{
	border:none;
	float:right;}

#galeria{
	margin:0px 40px;
	padding-bottom:40px;
	border-bottom:1px solid #cdd9e2;}
#galeria h1{
	font-family:Cuprum, Arial,sans-serif;
	font-weight:normal;
	max-width:300px;
	text-align:center;
	color:#5c8db6;
	#font-size:115%;
	margin:10px 0px 0px 0px;
	padding-bottom:30px;}
#galeria p{
	color:#506679;
	#font-size:15px;}
.zajawka_galeria{
	margin:25px 20px 0px 20px;
	float:left;
	height:280px;
	text-align:center;}
.zajawka_galeria a{
	text-decoration:none;}
.zajawka_galeria img{
	height:155px;	
	border-top:10px solid #fff;
	border-left:10px solid #fff;
	border-right:10px solid #fff;
	border-bottom:30px solid #fff;
	box-shadow: 2px 2px 8px #bbbbbb;}	
#plan_dnia{
	margin:0px 40px;
	width:900px;
	padding-bottom:40px;
	border-bottom:1px solid #cdd9e2;}
#plan_dnia h1{
	font-family:Cuprum, Arial,sans-serif;
	font-weight:normal;
	color:#5c8db6;
	#font-size:200%;
	width:1100px;
	margin:30px 0px 0px 0px;
	padding-bottom:70px;}
.plandnia{
	float:left;
	margin:10px 0px 0px 50px;;}
.godzina{
	float:left;
	background:url(../images/godzina.png) no-repeat;
	height:65px;
	width:65px;
	color:#fff;
	font-family:Cuprum, Arial,sans-serif;
	#font-size:150%;
	text-align:center;
	padding-top:17px;
	margin:0px 40px 0px 0px;}
.plan{
	float:left;
	width:700px;
	margin-top:15px;
	font-family:Cuprum, Arial,sans-serif;
	color:#506679;
	#font-size:110%;
	border-bottom: 2px solid #afc8dd;
	}
#kontakt{
	margin:0px 40px;
	width:1000px;
	padding-bottom:40px;
	border-bottom:1px solid #cdd9e2;}
#kontakt h1{
	font-family:Cuprum, Arial,sans-serif;
	font-weight:normal;
	color:#5c8db6;
	#font-size:200%;
	width:450px;
	margin:30px 0px 0px 0px;
	padding-bottom:30px;}
#kontakt_left{
	float:left;}
#kontakt_left img{
	float:left;
	margin:10px 40px 0px 0px;}
#kontakt_left h3{
	font-family:Cuprum, Arial,sans-serif;
	font-weight:normal;
	color:#5c8db6;
	margin:0px 0px 0px 0px;}
#korespondencja p{
	color:#506679;
	margin:5px 0px 0px 0px;
	}
#godziny p{
	color:#506679;
	margin:10px 0px 0px 0px;
	padding-top:15px;}
#godziny{
	margin:25px 0px 0px 0px;}
#godziny a{
	text-decoration:none;
	color:#6e9fca;}
#kontakt_right{
	float:right;}
#kontakt_right img{
	float:left;
	margin:-20px 40px 0px 0px;}
#kontakt_right h3{
	font-family:Cuprum, Arial,sans-serif;
	font-weight:normal;
	color:#5c8db6;
	margin:0px 0px 0px 0px;}
#telefon p{
	color:#506679;
	margin:30px 0px 0px 0px;}
#email p{
	color:#506679;
	margin:73px 0px 0px 0px;
	padding-top:0px;}
#email{
	margin:25px 0px 0px 0px;}
#maps img{
	border:none;}
#maps{
	width:1167px;
	margin:70px 0px 30px -25px;}
	
	
#fotter{
	margin:-760px auto;
	background:url(../images/fotter.png) center repeat-x;
	height:1419px;
	width:100%;}
#graphicstudio{
	}
.cl{ clear: both;} 

/*paginacja*/
.ditto_paging {
	padding-top: 35px;
    border-top: 1px solid #08b2d1;
	padding-bottom: 30px;
    #font-size: 100%;
    color: black;}
#ditto_pages{
	margin-left: 65px;
	margin-top: 30px;
	margin-bottom: 30px;          
	padding-bottom: 0px;}
#ditto_pages .ditto_currentpage {

    padding: 2px 5px 2px;
    margin: 2px;
    background-color: #5c8db6;
    color: #fff;}
#ditto_pages .ditto_off {

    padding: 2px 5px 2px;
    margin-right: 2px;
    color: #ccc;}
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {

    padding: 2px 5px 2px;
    margin: 2px;
    text-decoration: none;
    color: #506679;}
#ditto_pages a:hover {
    color: #77a615;}