@media (min-width:1200px)
{
html,body					{padding:0px; margin:0px; font-family: 'STIX Two Text', serif; background-image:url(images/bg_page.jpg); background-position: center top; color:#212121; background-size: 100% auto; background-attachment:fixed;}

#header						{width:100%; height:222px; background-image:url(images/bg_header.png); background-repeat:repeat-x; float:left;}
#head_wrap					{width:86%; padding:0px 7% 0px 7%; float:left;}
#head_wrap img.logo			{width:auto; height:222px; border:0;}
#head_wrap a.home			{float:left;}

#head_info					{width:70%; height:222px; float:right;}
#head_tel					{width:100%; height:40px; line-height:40px; margin-top:123px; text-align:right; float:right;}
#head_tel a					{font-size:40px; color:#7F4D1D; font-weight:bold; text-decoration:none;}

a.menu-rwd 					{display:none;}

#nav						{min-width:300px; margin-top:20px; text-align:right; float:right;}
#nav a 						{display:inline-block; position:relative; color:#212121; font-weight:bold; text-decoration:none; font-size:20px; margin-left:20px; float:left;}
#nav a:after 				{content: ''; position: absolute; width:100%; transform: scaleX(0); top:25px; height:6px; bottom:0; left:0; background-color:#7F4D1D; transform-origin:bottom right; transition:transform 0.25s ease-out;}
#nav a:hover 				{color: #777777;}
#nav a:hover:after 			{transform:scaleX(1); transform-origin: bottom left;}

#content					{width:100%; min-height:500px; overflow:hidden; float:left;}
#page						{width:84%; padding:50px 8% 50px 8%; margin-top:20px; font-size:23px; float:left;}
#page h1.apart				{font-size:27px;}
#page h1.nagl				{font-size:27px; color:#7F4D1D;}
.wgal						{width:100%; margin-top:90px; text-align:center; float:left;}

a.apart_grey				{width:46%; margin-right:4%; transition: transform .2s; text-align:center; text-decoration:none; float:left;}
a.apart_white				{width:46%; margin-left:4%; transition: transform .2s; text-align:center; text-decoration:none; float:left;}
a.apart_grey:hover 			{transform: scale(1.05); font-weight:bold;}
a.apart_white:hover 		{transform: scale(1.05); font-weight:bold;}

a.apart_grey h1				{font-weight:normal; font-size:27px; color:#7F4D1D; margin:0; padding:0;}
a.apart_white h1			{font-weight:normal; font-size:27px; color:#7F4D1D; margin:0; padding:0;}
a.apart_grey:hover h1		{font-weight:bold; color:#212121;}
a.apart_white:hover h1		{font-weight:bold; color:#212121;}

a.apart_grey img			{width:98%; padding:1%; margin-top:20px; border:1px solid #212121; -webkit-box-shadow: 0px 0px 24px 0px rgba(66, 68, 90, 1); -moz-box-shadow: 0px 0px 24px 0px rgba(66, 68, 90, 1); box-shadow: 0px 0px 24px 0px rgba(66, 68, 90, 1);} 
a.apart_white img			{width:98%; padding:1%; margin-top:20px; border:1px solid #212121; -webkit-box-shadow: 0px 0px 24px 0px rgba(66, 68, 90, 1); -moz-box-shadow: 0px 0px 24px 0px rgba(66, 68, 90, 1); box-shadow: 0px 0px 24px 0px rgba(66, 68, 90, 1);}
a.apart_grey:hover img		{width:98%; padding:1%; margin-top:20px; border:1px solid #212121; -webkit-box-shadow: 0px 0px 24px 0px rgba(127, 77, 29, 1); -moz-box-shadow: 0px 0px 24px 0px rgba(127, 77, 29, 1); box-shadow: 0px 0px 24px 0px rgba(127, 77, 29, 1);} 
a.apart_white:hover img		{width:98%; padding:1%; margin-top:20px; border:1px solid #212121; -webkit-box-shadow: 0px 0px 24px 0px rgba(127, 77, 29, 1); -moz-box-shadow: 0px 0px 24px 0px rgba(127, 77, 29, 1); box-shadow: 0px 0px 24px 0px rgba(127, 77, 29, 1);}

div.box_left				{width:46%; margin-top:30px; margin-right:4%; font-size:23px; float:left;}
div.box_right				{width:46%; margin-top:30px; margin-left:4%; font-size:23px; color:#7F4D1D; float:left;}
div.box_right img			{float:right;}

#ban_ciechocinek			{width:100%; height:514px; margin-top:40px; border-top:4px solid #E5DBD1; border-bottom:4px solid #E5DBD1; background-image:url(images/bg_ciechocinek.jpg); background-position: center top; background-size: 100% auto; float:left;}
#ban_wrap					{width:84%; height:360px; padding:50px 8% 50px 3%; margin:50px 0% 0px 5%; background-color:rgba(255, 255, 255, 0.2); float:left;}

h2.ciech					{font-size:55px; margin:0; padding:0;}
h3.zapraszamy				{width:100%; text-align:center; font-weight:normal; font-size:35px; color:#AAAAAA; margin:0; padding:0; float:left;}

#ban_wrap p					{font-size:25px;}

img.foto_ciech				{width:40%; height:auto; margin-left:10%; border:0; transition: transform .2s; float:right;}
img.foto_ciech:hover		{transform: scale(1.05);}

#footer						{width:100%; margin-top:40px; float:left;}
#foo_galeria				{width:92%; padding:30px 4% 30px 4%; margin-top:40px; float:left;}
div.foo_left				{width:62%; margin-top:100px; margin-left:8%; float:left;}
div.foo_right				{width:22%; margin-top:60px; margin-right:8%; float:left;}

a.foto_front				{width:14.5%; margin-left:1%; margin-right:1%; transition: transform .2s; float:left;}
a.foto_front:hover 			{transform: scale(1.05);}
a.foto_front img			{width:94%; padding:3%; margin-top:20px; border:1px solid #AAAAAA; -webkit-box-shadow: 0px 0px 24px 0px rgba(66, 68, 90, 1); -moz-box-shadow: 0px 0px 24px 0px rgba(66, 68, 90, 1); box-shadow: 0px 0px 24px 0px rgba(66, 68, 90, 1);} 

.foot_a						{width:100%; height:40px; font-size:37px; margin-bottom:15px; font-weight:bold; color:#7F4D1D; float:left;}
.foot_b						{width:300px; height:35px; line-height:35px; font-size:32px; font-weight:bold; float:left;}
.foot_c						{width:500px; height:35px; line-height:35px; font-size:29px; font-weight:bold; float:left;}
.foot_b a 					{color:#7F4D1D; text-decoration:none;}
.foot_c a 					{color:#7F4D1D; text-decoration:none;}
.foot_c a:hover				{text-decoration:underline;}

img.foo_logo				{width:170px; float:right;}
#foo_pas					{width:84%; height:120px; padding-left:8%; padding-right:8%; margin-top:30px; background-color:#444444; float:left;}
#pas_adres					{width:50%; padding-top:20px; font-size:26px; color:#ffffff; float:left;}
#pas_adres span				{width:100%; padding-bottom:12px; float:left;}
#pas_adres br				{display:none;}
#pas_copy					{width:50%; padding-top:60px; text-align:right; font-size:14px; color:#888888; float:left;}
#pas_copy a					{color:#777777; text-decoration:none;}

/*podstrony*/
ol li						{padding-bottom:15px;}
img.onas					{width:400px; margin-left:30px; border:1px solid #212121; -webkit-box-shadow: 0px 0px 24px 0px rgba(66, 68, 90, 1); -moz-box-shadow: 0px 0px 24px 0px rgba(66, 68, 90, 1); box-shadow: 0px 0px 24px 0px rgba(66, 68, 90, 1); float:right;}
iframe						{height:350px; width:100%; border:1px solid #455a64; float:left;}
#kont_left					{width:45%; padding-top:20px; float:left;}
#kont_right					{width:55%; padding-top:20px; float:left;}
#kontakt_rez				{width:100%; float:left;}
#kontakt_kon				{width:100%; margin-top:45px; float:left;}
#kontakt_adr				{width:100%; float:left;}
.kont_a						{width:100%; font-size:37px; margin-bottom:15px; font-weight:bold; color:#7F4D1D; float:left;}
.kont_b						{width:100%; font-size:37px; margin-bottom:15px; font-weight:bold; color:#212121; float:left;}
.kont_c						{width:100%; font-size:25px; margin-bottom:15px; font-weight:bold; color:#212121; float:left;}
.kont_a br					{display:none;}
.kont_b a 					{color:#212121; text-decoration:none;}
.kont_c a 					{color:#212121; text-decoration:none;}
.kont_c a:hover				{text-decoration:underline;}

.atrakcja					{width:46%; margin:40px 2% 0px 2%; text-align:center; text-decoration:none; float:left;}
.atrakcja h1				{font-weight:normal; font-size:27px; margin:0; transition: transform .2s; padding:0;}
.atrakcja:hover h1			{transform: scale(1.05); font-weight:bold; color:#212121;}
.atrakcja img				{width:98%; padding:1%; margin-top:20px; border:1px solid #212121; -webkit-box-shadow: 0px 0px 24px 0px rgba(127, 77, 29, 1); -moz-box-shadow: 0px 0px 24px 0px rgba(127, 77, 29, 1); box-shadow: 0px 0px 24px 0px rgba(127, 77, 29, 1);} 

a.galeria					{width:46%; margin:40px 2% 0px 2%; transition: transform .2s; float:left;}
a.galeria:hover 			{cursor:pointer; transform: scale(1.05);}
a.galeria img				{width:98%; padding:1%; margin-top:20px; border:1px solid #AAAAAA; -webkit-box-shadow: 0px 0px 24px 0px rgba(66, 68, 90, 1); -moz-box-shadow: 0px 0px 24px 0px rgba(66, 68, 90, 1); box-shadow: 0px 0px 24px 0px rgba(66, 68, 90, 1);} 
a.galeria:hover img			{width:98%; padding:1%; margin-top:20px; border:1px solid #212121; -webkit-box-shadow: 0px 0px 24px 0px rgba(127, 77, 29, 1); -moz-box-shadow: 0px 0px 24px 0px rgba(127, 77, 29, 1); box-shadow: 0px 0px 24px 0px rgba(127, 77, 29, 1);}

.sl-image img 				{-webkit-box-shadow: 0px 0px 24px 0px rgba(127, 77, 29, 1); -moz-box-shadow: 0px 0px 24px 0px rgba(127, 77, 29, 1); box-shadow: 0px 0px 24px 0px rgba(127, 77, 29, 1);}
.clear 						{clear:both;}
}

/*telefon 100%*/
@media (max-width:1199px)
{
html,body					{padding:0px; margin:0px; font-family: 'STIX Two Text', serif; background-image:url(images/bg_page_rwd.jpg); background-position: center top; color:#212121; background-size: 100% auto; background-attachment:fixed;}

#header						{width:100%; height:auto; min-height:100px; background-image:none; float:left;}
#head_wrap					{width:96%; min-height:100px; padding:0px 2% 0px 2%; float:left;}
#head_wrap img.logo			{width:50%; height:auto; border:0;}
#head_wrap a.home			{width:100%; text-align:center; float:left;}	
	
#head_info					{width:100%; height:auto; min-height:100px; border-bottom:1px solid silver; padding-bottom:15px; float:left;}
#head_tel					{width:100%; height:40px; line-height:40px; margin-top:20px; text-align:center; float:left;}
#head_tel a					{font-size:25px; color:#7F4D1D; font-weight:bold; text-decoration:none;}

a.menu-rwd					{display:block; width:100%; height:30px; line-height:30px; border-top:1px solid silver; padding-top:15px; margin-top:15px; color:#212121; font-weight:bold; font-size:20px; text-align:center; text-decoration:none; float:left;}
.rwd						{width:100%; height:auto; display:block !important; float:left !important;}

#nav						{display:none;}
.topnav a              	 	{padding-left:5%; padding-right:5%; width:90%; height:35px; line-height:40px; border-top:1px solid silver; color:#212121; font-weight:bold; font-size:20px; text-decoration:none; text-align:center; float:left;}
.topnav a:hover         	{border-top:1px solid silver; color:#212121; background-color:#063796;}
.topnav a.sg				{margin-top:20px;}

#content					{width:100%; min-height:500px; overflow:hidden; float:left;}
#page						{width:96%; padding:20px 2% 20px 2%; float:left;}
#page h1.apart				{font-size:20px;}
#page h1.nagl				{font-size:20px; color:#7F4D1D;}
.wgal						{width:100%; margin-top:30px; text-align:center; float:left;}

a.apart_grey				{width:100%; text-align:center; text-decoration:none; pointer-events:none; float:left;}
a.apart_white				{width:100%; margin-top:30px; text-align:center; text-decoration:none; pointer-events:none; float:left;}
a.apart_grey h1				{font-weight:normal; font-size:20px; color:#7F4D1D; margin:0; padding:0;}
a.apart_white h1			{font-weight:normal; font-size:20px; color:#7F4D1D; margin:0; padding:0;}

a.apart_grey img			{width:98%; padding:1%; margin-top:20px; border:1px solid #212121; -webkit-box-shadow: 0px 0px 24px 0px rgba(66, 68, 90, 1); -moz-box-shadow: 0px 0px 24px 0px rgba(66, 68, 90, 1); box-shadow: 0px 0px 24px 0px rgba(66, 68, 90, 1);} 
a.apart_white img			{width:98%; padding:1%; margin-top:20px; border:1px solid #212121; -webkit-box-shadow: 0px 0px 24px 0px rgba(66, 68, 90, 1); -moz-box-shadow: 0px 0px 24px 0px rgba(66, 68, 90, 1); box-shadow: 0px 0px 24px 0px rgba(66, 68, 90, 1);}
	
div.box_left				{width:96%; padding:30px 2% 0px 2%; font-size:18px; text-align:justify; float:left;}
div.box_right				{width:96%; padding:25px 2% 0px 2%; font-size:18px; text-align:center; color:#7F4D1D; float:left;}
div.box_right img			{width:50%; padding:0px 25% 25px 25%; float:left;}	
	
#ban_ciechocinek			{width:100%; min-height:100px; margin-top:40px; border-top:4px solid #E5DBD1; border-bottom:4px solid #E5DBD1; background-image:url(images/bg_ciechocinek_rwd.jpg); background-position: center top; background-size: 100% auto; float:left;}
#ban_wrap					{width:88%; min-height:100px; padding:15px 4% 10px 4%; margin:10px 2% 10px 2%; background-color:rgba(255, 255, 255, 0.4); float:left;}

h2.ciech					{width:100%; text-align:center; font-size:25px; margin:0px 0px 15px 0px; padding:0; float:left;}
h3.zapraszamy				{width:100%; text-align:center; font-weight:normal; font-size:20px; color:#AAAAAA; margin:0; padding:0; float:left;}

#ban_wrap a					{pointer-events:none;}
#ban_wrap p					{font-size:18px; text-align:justify;}
img.foto_ciech				{width:54%; height:auto; margin:10px 23% 10px 23%; border:0; float:left;}

#footer						{width:100%; margin-top:40px; float:left;}
#foo_galeria				{width:92%; padding:15px 4% 30px 4%; float:left;}
div.foo_left				{width:100%; margin-top:50px; float:left;}
div.foo_right				{display:none;}

a.foto_front				{width:100%; pointer-events:none; float:left;}
a.foto_front img			{width:96%; padding:2%; margin-top:20px; border:1px solid #AAAAAA; -webkit-box-shadow: 0px 0px 24px 0px rgba(66, 68, 90, 1); -moz-box-shadow: 0px 0px 24px 0px rgba(66, 68, 90, 1); box-shadow: 0px 0px 24px 0px rgba(66, 68, 90, 1);} 
	
.foot_a						{width:100%; height:35px; line-height:35px; font-size:25px; text-align:center; margin-bottom:10px; font-weight:bold; color:#7F4D1D; float:left;}
.foot_b						{width:100%; height:40px; line-height:40px; font-size:25px; text-align:center; font-weight:bold; float:left;}
.foot_c						{width:100%; height:35px; line-height:35px; font-size:18px; text-align:center; font-weight:bold; float:left;}
.foot_b a 					{color:#7F4D1D; text-decoration:none;}
.foot_c a 					{color:#7F4D1D; text-decoration:none;}
.foot_c a:hover				{text-decoration:underline;}	
i.fa-envelope				{display:none;}

#foo_pas					{width:100%; min-height:50px; margin-top:25px; padding-bottom:15px; background-color:#444444; float:left;}
#pas_adres					{width:100%; padding-top:20px; font-size:20px; color:#ffffff; text-align:center; float:left;}
#pas_adres span				{width:100%; padding-bottom:12px; float:left;}
#pas_copy					{width:100%; padding-top:25px; text-align:center; font-size:14px; color:#888888; float:left;}
#pas_copy a					{color:#777777; text-decoration:none;}
	
/*podstrony*/
ol li						{padding-bottom:15px;}
img.onas					{display:none;}
iframe						{height:350px; width:100%; border:1px solid #455a64; float:left;}
#kont_left					{width:100%; padding-top:0px; text-align:center; float:left;}
#kont_right					{width:100%; padding-top:20px; text-align:center; float:left;}
#kontakt_rez				{width:100%; float:left;}
#kontakt_kon				{width:100%; margin-top:45px; float:left;}
#kontakt_adr				{width:100%; float:left;}
.kont_a						{width:100%; font-size:25px; margin-bottom:15px; font-weight:bold; color:#7F4D1D; float:left;}
.kont_b						{width:100%; font-size:25px; margin-bottom:15px; font-weight:bold; color:#212121; float:left;}
.kont_c						{width:100%; font-size:18px; margin-bottom:15px; font-weight:bold; color:#212121; float:left;}
.kont_b a 					{color:#212121; text-decoration:none;}
.kont_c a 					{color:#212121; text-decoration:none;}
.kont_c a:hover				{text-decoration:underline;}

.atrakcja					{width:96%; margin:20px 2% 0px 2%; text-align:center; text-decoration:none; float:left;}
.atrakcja h1				{font-weight:normal; font-size:25px; margin:0; padding:0;}
.atrakcja img				{width:96%; padding:2%; margin-top:10px; border:1px solid #212121; -webkit-box-shadow: 0px 0px 24px 0px rgba(127, 77, 29, 1); -moz-box-shadow: 0px 0px 24px 0px rgba(127, 77, 29, 1); box-shadow: 0px 0px 24px 0px rgba(127, 77, 29, 1);} 

a.galeria					{width:96%; margin:20px 2% 0px 2%; pointer-events:none; float:left;}
a.galeria img				{width:98%; padding:1%; border:1px solid #AAAAAA; -webkit-box-shadow: 0px 0px 24px 0px rgba(66, 68, 90, 1); -moz-box-shadow: 0px 0px 24px 0px rgba(66, 68, 90, 1); box-shadow: 0px 0px 24px 0px rgba(66, 68, 90, 1);} 
}

.zoom   					{-webkit-animation-name:fadeIn; animation-name:fadeIn; -webkit-animation-duration:1s; animation-duration:1s;} @-webkit-keyframes fadeIn {0% {transform: scale(0.9);} 100% {transform: scale(1);}} @keyframes fadeIn {0% {transform: scale(0.9);} 100% {transform: scale(1);}}