#menu-trigger {height:33px; width:38px; background:#007fb5 url("../img/menu_rsp.png") no-repeat center; cursor:pointer; position:fixed; z-index:1; right:10px; top:10px; border-radius:5px; display:none;}
#zaawans_srodek_trigger {color:#005d94; background-color:#febb02; padding:5px 15px; margin-top:-5px;}
a.szukaj_zaawans_trigger {color:#fff; background-color:#0077cc;padding:5px;}

#glowna_prawa_rsp{width:837px; float:left;}

#srodek_srp{width:100%;}
div.billboard_rsp{width:443px;padding:0px;margin-bottom:10px; text-align:center; background-color:#e0e0e0; border: 1px solid #bdbdbd; position:relative; border-radius: 8px; overflow:hidden;}
div.billboard_tytul{padding:5px; background-color:#ffa000;}
div.haslo_zola{text-align:center; font-size:1.3em; padding:20px; color:#354c76;}
h1.haslo_zola{font-size: 1.5em; }
div.baner_bon_tur{padding:20px;}
div.baner_wm{background-color: #f24537; color:yellow; padding: 20px; border-radius: 5px; margin-top:10px; margin-bottom: 10px; display:none;}
/* ---- miniinfo ------------*/
div.miniinfo{padding:15px;}
legend.miniinfo{margin-left:10px;}
div.miniinfo_szczeg{width:230px;float:left;font-size:13px;padding:5px;}
img.miniinfo{width:16px;height:16px;border:none;float:left;padding-right:5px;}
/* -------------- Panel Video Obiektu ---------*/
div.panel_video{width:364px;float:left;margin:5px;}
div.panel_video_tytul{width:364px;height:25px;padding-left:10px;padding-top:5px;text-align:left;font-size:12px;font-weight:bold;color:#FFF;background:url("../img/box_panelvideo.png") no-repeat;overflow:hidden;}
div.panel_video_srodek{margin-top:-5px;width:356px;padding:5px;border:1px solid #f0b64b;overflow:hidden;text-align:center;}
/* -------------- Gospodarz -------------- */
div.ob_gosp{padding: 20px; float:left;}
img.ob_gosp_foto{border-radius:100%;}
div.ob_gosp_txt{padding: 20px; font-size: 16px; color: grey;}
/* -------------- Obiekt opinie --------------- */
div#ob_opinie_dodaj{text-align:right; padding:15px;}
div#ob_opinie_srednia{padding:20px; overflow:hidden;}
table#ob_opinie_srednia{margin:auto;}
div#ob_opinie_powrot{padding:5px; margin:auto;width:325px; overflow:hidden;}
p#ob_opinie_ostrzez{color:#114477; border: 1px solid #336699; margin: 20px; padding:5px;}
/* ------------- Obiekt Video ---------------------*/
div.kontener_video{position: relative;width: 100%;height: 0;padding-bottom: 56.25%;}
iframe.video{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
/* --------------- slider na 1 stronie -------------*/
div#slider1_container{position: relative; top: 0px; left: 0px; width: 1920px; height: 500px;}
div.slides{cursor: move; position: absolute; overflow: hidden; left: 0px; top: 0px; width: 1920px; height: 500px;}
/*------------ prosty wybor srodek ------------*/
div#prosty_wybor_srodek{display:none;}
/*------------ polecamy srodek ------------*/
div#polecamy_srodek{display:none;}
div.polecamy_nazwa{background-color:#0073b7; color:#fefefe; text-align:center; padding:2px;}
/*------------ webcam --------------*/
div#srodek_webcam{width:990px;}
div.widok_webcam{background-color:#3c7faf;width:100%;color:#efefef;text-align:center;padding-bottom: 7px;margin-bottom:10px;margin-top:0px;border:1px solid #898989;overflow:hidden;box-shadow: 2px 2px 4px grey;border-radius: 5px;}
div.widok_webcam:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
div.webcam_obraz{float:left;width:885px;overflow:hidden;}
img.img_webcam{width:870px;border:1px solid #898989;box-shadow: 2px 2px 4px grey;border-radius: 5px;}
iframe.webcam{width:870px;height:490px;border:1px solid #898989;box-shadow: 2px 2px 4px grey;border-radius: 5px;}
h1.webcam{font-size:1.5em;}
a.webcam_link{color:#efefef;text-decoration:underline;font-weight:bold;display:block;}
div.webcam_prawa{float:left;width:215px;padding-top:5px;font-size:0.9em;text-align:center;}
div.webcam_galeria_mala{width:205px;margin-top:10px;border: 1px solid #AAA;color:#efefef;}
div.webcam_galeria_mala:hover{background-color:#448bbf;}
div.webcam_galeria_mala_foto{width:189px; margin: auto;padding: 3px;text-align: center;font-size: 0.9em;overflow: hidden;border-radius: 5px;display:inline-table;}
img.webcam_galeria_mala_foto{width:150px;}
div.webcam_noclegi_w_obiektywie{display:table;margin:auto;}
div.webcam_noclegi_w_obiektywie_obiekt{width:222px;margin-left:10px;margin-bottom:10px;display:inline-table;padding:5px;background-color:#fdec96;text-align:center;overflow:hidden;box-shadow: 2px 2px 4px grey;border-radius: 5px;}
img.webcam_noclegi_w_obiektywie_obiekt{width:222px;max-height:150px;border:none;}
div#webcam_galeria{width:100%;text-align:center;}
div.webcam_galeria_foto{margin-top:15px;padding:5px;text-align:center;font-size:1.5em;color:#efefef;background-color:#3c7faf;overflow:hidden;box-shadow: 2px 2px 4px grey;border-radius: 5px;}
img.webcam_galeria_obraz{width:100%; border-radius: 5px;}
h1.webcam_galeria_tytul{background-color:#3c7faf;color:#efefef;display:inline-block;padding:5px;box-shadow: 2px 2px 4px grey;border-radius: 5px; font-size:1.3em;}
div.webcam_cowidac{margin:auto; margin-top:5px;}
img.img_cowidac{width: 750px;}
#pogoda_mala_srodek{display:none;}
#kamera_srodek{display:none;}
#galeria_webcam_srodek{display:none;}
div#szukaj_obiekt_srodek{display:none;}

/*----------------- tablica -------------*/
p.tablica_mini_tytul{font-size:1.4em;color:darkgreen;font-weight:bold;padding-top:2px;padding-left:10px;}
p.tablica_mini_data{font-size:0.85em;color:#787878;padding-left:5px;padding-bottom:5px;text-align:left;}
div.tablica_mini_wolne{padding:5px; float:left; color:darkgreen;font-weight:bold;}
div.tablica_mini_foto{float:left; width:200px; padding:5px; overflow:hidden;}

#mapka{width: 766px; height: 560px; border: 1px solid #bbbbbb;}

div#ob_adres_prawa{float:left; margin-left: 20px; padding: 5px; width:70%}
table#ob_adres{width: 100%;}

table#mailto{margin:auto; width:100%;}
fieldset#mailto{padding:10px;}
textarea.mailto{width:100%; height:90px;}
input.mailto{width:280px;}
input.mailto_podpis{width:200px;}
p.mailto_blad{ width: 94%; border:1px solid #FF0000; background-color: #FF8888; color: #ffffff; font-weight: bold; padding: 10px;}
p.mailto_sukces{ width: 94%; border:1px solid #127211; background-color: #1cb81b; color: #ffffff; font-weight: bold; padding: 10px;}

/*------------- pogoda ---------------*/
td.pogoda_prawa_rsp{width:300px; vertical-align:top; text-align:center;}
div.pogoda_wiatr{text-align:center; float:left; margin-left:15px;}
div.pogoda_wykresy{text-align:center; border: 1px solid grey; margin:auto; width: 750px; padding:3px;}
img.pogoda_wykres{width:750px;height:300px;}
td.pogoda_obca1{width:625px;}
td.pogoda_obca2{vertical-align: top; padding-top:5px;}
td.pogoda_obca2_mobile{display:none;}

/*------- bon turystyczny -------- */
div.bon_turystyczny{overflow:hidden; position:absolute; right:40px; height:42px;}
div.obiekt_bon_turystyczny{font-size: 2.3em; font-weight:bold; color:#ff6221; padding:20px 0px; text-align: center; display: inline-block; width:100%;}

/*-----------menu kółka ------------*/
#menu_kolka{overflow-x: scroll; overflow-y: hidden; white-space: nowrap; padding:5px 5px 10px 5px; background-color: #bfd5e5}
a.menu_kolko{display: inline-block;width:100px; text-align:center;font-weight:bold; font-size:1.1em;}
div.kolko{width:55px;height:55px; background-color: green;border-radius: 100%; margin:auto;}

/*--- mapa openstreetmap -------*/
#map { width:825px; height: 560px; border: 1px solid #bbbbbb; position: relative;}

/*--pytania--*/
li.lista-pyt{margin: 0 auto 20px; width: 98%; padding: 10px; border-bottom: 5px solid #1E5799; background: #fff;}
div.lista-pyt-text{padding:5px 5px 5px 15px;}

@media (min-width: 1100px) {
    .strona_rsp {max-width: 1110px;}
    #menu {display:table !important}
}
@media (max-width: 1100px) {
	.strona_rsp{width:100%;}
	#lewa{display: none;}
	#navig{display:none;}
	#glowna_prawa_rsp{width: 762px; margin:auto; float:none;}
  div#polecamy_srodek{display:block;}
	div.sekcja_naglowek{font-size: 1.5em;}
	#srodek_lista{width:100%;}
	#srodek_lista_tablica{width:100%;}
	div#galeria_webcam_glowna{width:96%; float:none; margin:auto;}
	div.galeria_webcam_foto{width:314px; float:none; margin:auto; margin-bottom:10px;}
  div.webcam_prawa{float:none;margin:auto; width:620px;}
  div.webcam_obraz{float:none; margin:auto;}
  div.webcam_galeria_mala{width:100%;}
  div.webcam_galeria_mala_foto{width:150px;}
  img.galeria_webcam_obraz{width:300px;height:190px;}
	#mapka{width:750px;height:400px;}
	#map{width:750px;height:400px;}
	div.billboard_rsp{width:430px;}
	div.lista_tablica_mini{width:430px;}
	div.panel_video{width:360px;}
	div.panel_video_tytul{width:345px;}
	div.panel_video_srodek{width:343px;}
	div.lista_tablica_mini_prawa{width:100%;}
	div.haslo_zola{font-size:1.1em; padding:15px;}
	/* szukaj obiekt */
	div.szukaj_obiekt_slider{display:none;}
	select.szukaj_obiekt{height:40px; max-width:200px; font-size:0.75em;}
	input.szukaj_obiekt_button{height:40px;}
	/*  menu  */
	div.menu_zakladka_nieakt{min-width:70px;}
	/*  billboard */
	div.billboard{width:740px;}
	div.billboard_tekst{width:730px;}
	a.billboard_naglowek{float:none;}
	/*  kamera-pogoda  */
	div.kamera{width:65%;}
	ul.kamera_lista{font-size:1em; padding-top:0px;}
	/* fotoonline */
	div#widokonline{width:100%;text-align:center;}
	div.widokonline_img{width:750px; margin:auto;}
	/*  na skroty */
	div#naskroty{display:none;}
	/*  last minute mini  */
	div.las_min_mini{width:485px;}
	/* ostatnio dodano */
	div.ost_dod{width:169px;}
	div.ost_dod_foto{height:140px;}
	div.ost_dod_nazwa{font-size:1.2em;}
		/*------webcam-------*/
	#prawa_webcam{display:none;}
	div.szukaj_webcam{display:none;}
	#galeria_webcam{display:none;}
	#lewa_webcam{width:100%;}
	#webcam_srodek{width:100%;}
	#webcam_widok{width:99%;}
	img.webcam_widok{width:99%;}
	div.tv{width:150px;margin-bottom:5px;font-size:0.7em;}
	div.tv_img{width:150px;height:83px;}
	img.tv{margin-top:-14px;width:150px;}
	img.tv_play{top:27px;left:60px;}
	/*--------- news tv ------------- */
	div#news_tv{width:100%; margin:unset;}
	div.tv_news{width:300px;}
	/* szukaj obiekt srodek */
	div#szukaj_obiekt_srodek{display:block;}
	div.szukaj_obiekt{position:static; padding:10px; background-color:#4caf50; border-radius:5px; font-size:1.1em; text-align:center;}
	select.szukaj_obiekt{ margin-bottom:10px; min-width:210px; font-size:0.85em;}
	input.szukaj_obiekt{margin-bottom:10px; font-size:0.85em;height:18px;}
	input.szukaj_obiekt_button{width:230px; font-size:1.1em;}
}
@media (max-width: 768px) {
	.body_rsp{font-size:16px;}
	div#slider1_container{display:none; left: 0px;}
	#prawa{display:none;}
	#naglowek_gora{display:none;}
	#gora_wnetrze{height:55px;}
	#stopka_gora{font-size: 0.9em;}
    #gora_rsp_kolka{display:block;}
  	#gora_puste_miejsce{height:55px;}
	/* ------ menu ------------*/
	#menu-trigger {display:block;}
	#menu {display:none; position:fixed; top:45px; left:auto; right:10px; width:100%; max-width:300px; z-index:1;}
	#menu_gora{display:none;}
	#logo_zol {float:none;}
	img.logo_zol{height:55px;}
	div.menu_zakladka_akt{float:none; padding:10px; margin:0px; border-radius:0;height:25px;background-color:#007fb5;color:#efefef; border-top:1px solid #c0c0c0;}
	div.menu_zakladka_nieakt_pom{float:none; padding:10px;margin:0px; border-radius:0;height:25px;background-color:#007fb5;}
	div.menu_zakladka_nieakt_ziel{float:none; padding:10px; margin:0px; border-radius:0;height:25px; border-top:1px solid #c0c0c0;}
	div.menu_zakladka_nieakt_fiol{float:none; padding:10px; margin:0px; border-radius:0;height:25px; border-top:1px solid #c0c0c0;}
	div.menu_zakladka_nieakt{float:none; padding:10px; margin:0px; border-radius:0;height:25px; border-top:1px solid #c0c0c0;}
	div.menu_zakladka_szukaj{float:none; padding:10px; margin:0px; border-radius:0;height:25px;display:block;}
	a.menu_ciemne{color:#efefef;}
	div#menu_logowanie{display:block;}
	a#menu_display{display:none;}
	/* bon tur. reklama */
	div.baner_bon_tur{display:none;}
	div.baner_wm{display: block;}
	/* warto zobaczyc  */
	div.warto_zobaczyc_big{width:440px;}
	.warto_zobaczyc{width: 210px;}
	/*  billboard  */
	div.billboard{width:440px;}
	div.billboard_tekst{width:430px;}
	/*  kamera */
	div.kamera{width:100%;}
	li.kamera_lista{display:inline-block;}

	div.widokonline_img{width:100%;}
	/*  lm mini */
	#lt_foto_rsp{display:block;}
	#lista_tablica_foto{display:none;}
	div.las_min_mini{width:440px;box-shadow:0px 0px 3px grey;}
	div.wm_min_mini{width:440px;box-shadow:0px 0px 3px grey;}
	div.lista_tablica_prawa{float:none; width:100%;}
	/*------prosty wybor srodek-------*/
	div#prosty_wybor_srodek{display:block;}
	div#box300srodek_prosty_wybor{width:100%}
	div.prosty_wybor{width:100%;}
	#srodek_srp{margin:auto; float:none;}
	#mapka{width:100%;height:400px;}
	#map{width:100%; height:400px;}
	#glowna_prawa_rsp{width:100%;}
	div.panel_video{width:330px;}
	div.panel_video_tytul{width:320px;}
	div.panel_video_srodek{width:318px;}
	fieldset.odp_wla{width: 90%;}
	fieldset.dodaj_opinie_autor{width:92%;}
	p.sukces{width:90%;}
	p.blad{width:90%;}
	div#pogoda_srodek{width:100%; margin-left:0px;}
	div.pogoda_wykresy{width:640px;margin:auto;}
	img.pogoda_wykres{width:600px;height:270px;}
	/*---webcam-----*/
	.noclegi_w_obiektywie_obiekt{width:140px;}
	img.noclegi_w_obiektywie_obiekt_img{width:140px;height:95px;}
	.noclegi_w_obiektywie_obiekt_info{width:140px;}
	div.webcam_obraz{width:100%;overflow:hidden;}
	img.img_webcam{width:620px;}
	img.img_cowidac{width:620px;}
	iframe.webcam{width:620px;height:350px;}
	div.webcam_prawa{width:620px;padding:5px;}
	div.webcam_galeria_mala{width:100%;}
	div.webcam_galeria_mala_foto{width:148px;height:auto;float:left;}
	img.webcam_galeria_mala_foto{width:140px;}

	/*---prosty wybor poziomo----*/
	.prosty_wybor_poziomo{width:178px;}
	img.prosty_wybor_poziomo_img{width:178px;}
	/*---inne kamery---*/
	div.kamery_tatry{width:100%;padding:0px}

	div.haslo_zola{font-size:1em;}

}
@media (max-width: 469px) {
	#gora_menu{display:none;}
	#srodek_srp{width:100%;}
	div.lista_tablica_mini{width:100%;}
	div.tablica_mini_foto{width:150px; height:155px;}
	div.billboard_rsp{width:100%;}
	.box445pom_ciupa{width:100%;}
	div.ob_gosp{float:none;}
	div.panel_video{display:none;}
	div#ob_adres_prawa{margin:0px; width:97%;}
	.lista_tablica_foto{float:none; margin:auto; width:330px;}
	img.tablica_foto{width:330px;}
	div.tablica_dodano{padding:5px;}
	.lista_tablica_opinia{display:none;}
	.lista_tablica_prawa{float:none; width:100%;}
	#lista_tablica_foto{display:none;}
	div.lista_tablica_prawa{width:100%; float:none;}
	p.lt_nadzis{display:none;}
	div.lt_info_dol{font-size:12px;}
	#lt_foto_rsp{display:block;}
	img.obiekt_logo{max-width:345px;}
	div.warto_zobaczyc_poziomo{float:none; margin:auto; margin-top:5px;}
	div.haslo_zola{font-size:0.95em; padding:5px;}
	/*--- lista obiektow ---*/
	.lista_foto{float:none;border:none;margin:auto;width:353px;}
	img.lista_obiekt_foto{width:353px;}
	h1.obiekt_nazwa{font-size:1.4em;}
	a.linktelefon{font-size:1.7em}
	div.box200srodek_nieb{width:300px;}
	img.polecamy_male{width:300px;}
	/*------ video ----------*/
	/*div#obiekt_video{display:none;}
	/*a#obiekt_video_menu{display:none;}
	/*------pogoda ----------*/
	td.pogoda_prawa_rsp{display:none;}
	div.pogoda_wiatr{float:none;margin-left:0px;}
	div.pogoda_wykresy{width:350px;}
	img.pogoda_wykres{width:350px;height:170px;}
	/*---webcam-----*/
	.noclegi_w_obiektywie_obiekt{width:160px;}
	img.noclegi_w_obiektywie_obiekt_img{width:160px;height:100px;}
	.noclegi_w_obiektywie_obiekt_info{width:160px;}
	div.webcam_obraz{width:100%;overflow:hidden;}
	img.img_webcam{width:345px;}
	div.webcam_cowidac{font-size:0.8em;}
	img.img_cowidac{width:345px;}
	iframe.webcam{width:345px;height:195px;}
	h1.webcam{font-size:0.9em;}
	a.webcam_link{font-size:0.8em;}
	div.webcam_prawa{width:338px;font-size:0.8em;}
	div.webcam_galeria_mala_foto{width:160px;font-size:0.8em; display:none;}
	img.webcam_galeria_mala_foto{width:145px;}
	div.webcam_noclegi_w_obiektywie_obiekt{width:150px;}
	img.webcam_noclegi_w_obiektywie_obiekt{width:150px;height:100px;}
	.noclegi_w_obiektywie_obiekt_txt{font-size:0.7em;}
	/*---prosty wybor poziomo----*/
	.prosty_wybor_poziomo{width:155px;}
	img.prosty_wybor_poziomo_img{width:164px;}
	.prosty_wybor_poziomo_txt{font-size:0.8em;}
	/*----kamery inne----*/
	div.kamery_tatry_foto{float:none;margin:auto;margin-bottom:5px;width:260px;}
	img.kamery_tatry_obraz{width:250px;height:150px;}
	/* szukaj srodek */
	select.szukaj_obiekt{width:100%; max-width:unset;}
	input.szukaj_obiekt{width:93%; max-width:unset;}

	/*  warto zobaczyc srodek  */
	div#warto_zobaczyc_srodek{width:100%;}
	div.warto_zobaczyc_big{width:100%; margin:0px; padding:0px; float:none; box-shadow: 0px 0px 2px grey; background-color:white;}
	div.warto_zobaczyc_foto_big{height:unset;}
	img.warto_zobaczyc_foto_big{max-height: 250px; margin-top:0px;}
	img.warto_zobaczyc_foto_big:hover{width:100%; margin:0px;}
	p.warto_zobaczyc_opis_big{font-size:0.95em; padding:5px;}
	.warto_zobaczyc{width:350px; padding:0px; margin:10px 0px 0px 0px; box-shadow: 0px 0px 2px grey; background-color:white;}
	img.warto_zobaczyc_foto{margin:0px; width:100%;}
	div.warto_zobaczyc_foto{height:unset; width:170px; float:left; margin-right:5px;}
	img.warto_zobaczyc_foto:hover{width:100%; margin:0px;}
	div.warto_zobaczyc_nazwa{font-size:1em; padding:3px;}
	.warto_zobaczyc_cena{font-size:1.3em;}
	p.warto_zobaczyc_opis{padding:3px;}
	p.warto_zobaczyc_info{font-size:0.9em;}
	/* billboard  */
	div.billboard{margin:0px; width:350px; margin-bottom:10px;}
	div.billboard_naglowek{padding: 5px 0px; font-size:0.85em;}
	div.billboard_tekst{width:340px;}
	/* LM */
	div.las_min_mini{width:350px; margin:0px; margin-bottom:10px; float:none; background-color:white;}
	div.wm_min_mini{width:350px; margin:0px; margin-bottom:10px; float:none;}
	/* stopka */
	#stopka_naskroty{width:330px;}
	/* kamera-pogoda */
	div.kamera_opis{padding:5px; font-size:0.85em;}
	div.pogoda{padding:5px; font-size:0.85em;}
	div.widokonline_info{font-size:unset;}
	/*  oststnio dodano  */
	div.ost_dod{width:155px;}
	div.ost_dod_foto{height:120px;}
	/* ostatnie opinie */
	div.ost_opinie_txt{font-size:0.85em;}

	img.reklama_srodek{width:345px;}

	/* galeria gl�wna strona */
	div.galeria_webcams_fotos{width:330px;}
	div.galeria_webcams_foto{width:320px; margin-bottom:10px;}
	img.galeria_webcams_obraz{width:310px;}

  /* przycisk w obiekcie rez-Online */
  .rez_online{padding:10px 0px;}
  /*------- bon turystyczny -------- */
  div.bon_turystyczny{left:5px; top:5px;}
}