A:link    		{text-decoration: none; color: #9f4200;}
A:visited    		{text-decoration: none; color: #9f4200; outline:0;}
A:active    		{text-decoration: none; color: #9f4200;}
A:hover    		{text-decoration: none; color: #9f4200;}

img{
	max-width: 100%;
}
.body {background-color: #875d35;  margin: 0 0 0 0; padding: 0 0 0 0; color: #000;}

/* CZCIONKI */
.nazwa_zakladki {font-family: 'Roboto Slab', serif}
.czcionka {font-family: 'Roboto', sans-serif;  font-size: 10.5pt}
.sanchez {font-family: 'Sanchez', serif;font-weight: 400;}

.tytuly_zakladek {font-family: 'Roboto Slab', serif; text-transform: uppercase;color: #9f4200; font-size: 20px; font-weight: 400;}

.czcionka_roboslab_normal {font-family: 'Roboto Slab', serif; font-weight: 500;}
.czcionka_roboslab_bold {font-family: 'Roboto Slab', serif; font-weight: 700;}
.czcionka_roboto_normal {font-family: 'Roboto', sans-serif; font-weight: 400;}

.czcionka_roboto_normal_white {font-family: 'Roboto', sans-serif; font-weight: 400; color: white}

.czcionka_kalenadrium_normal {cursor: pointer; color: white; font-family: 'Roboto', sans-serif;  font-weight: 400;}
.czcionka_kalenadrium_podsw {cursor: pointer; color: #9f4200; font-family: 'Roboto', sans-serif;  font-weight: 400;}

.czcionka_roboto_medium {font-family: 'Roboto', sans-serif; font-weight: 500;}
.czcionka_roboto_bold {font-family: 'Roboto', sans-serif; font-weight: 700;}

.rama_strony {width: 100%; }

.podzielone_strony {display: table;} 
 
.miniaturka_fotogalerii:hover {border: 1px solid #666; opacity: 0.8}
 
.lewa_strona, .lewa_strona_wycieczki { 
    padding: 0px;
    float: none;
    display: table-cell;
    vertical-align: middle;
} 
 
.prawa_strona, .prawa_strona_wycieczki {
    padding: 0px;
    float: none;
    display: table-cell;
    vertical-align: middle;
}

.okno_glowne_strony
{
z-index: 1500;

background-image:url('grafika/tlo_strony_cale.png');
background-repeat: repeat-y;
background-position: center;
background-color: #F9EAB5;

position: relative;
top: 0px;
box-shadow: 10px 26px 26px 20px rgba(0, 0, 0, 0.3);
}

#banner_gorny {
background-image:url('grafika/banner.jpg');
background-repeat: no-repeat;
background-position: center;
}


/* TLO STRONY*/
.tlo_pelne_strony
{
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);  
height:100%;   
}

.tlo_czesc_lewa {width: 272px; height: 100%; float: left; background-image:url('grafika/tlo_lewe.jpg'); background-repeat: no-repeat; background-position: top right;}
.tlo_czesc_prawa {width: 272px; height: 100%;  float: right; background-image:url('grafika/tlo_prawe.jpg'); background-repeat: no-repeat; background-position: top left;}

.tlo_klawisze {background-image:url('grafika/tlo_klawisze.png'); background-position: top; background-repeat: repeat-x; margin: 0 0 0 0; padding: 0 0 0 0;}

.cien {box-shadow: 0px 8px 16px -10px #222;}
.okno_oferty_wycieczki:hover {opacity: 0.8}


/* MENU -------------------------------------------------------------------------------------- */
 #menu {
  display: table;
  padding: 0;
  margin-top: 3px;
  margin-bottom: 5px;
  position: absolute;
  z-index: 10000;
}
#menu > li {
  display: table-cell;
  position: relative;
  width: 10%;
  margin: 0;
  padding: 0;
  text-align: center;
  box-sizing: border-box;
  
}
#menu > li ul {
  position: absolute;
  display: none;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 0;
}
#menu > li ul li,
#menu > li ul a {
  box-sizing: border-box;
  text-align: center;
  font-size: 20px;
}
#menu > li:hover ul {
  display: block;
}
#menu > li:hover ul li {
  width: 100%;
  display: block;
}
#menu > li:hover ul a {
  padding: .3em;
  font-size: 10pt;
}
#menu a {
  display: block;
  width: 100%;
  height: 40px;
  text-decoration: none;
  padding: .3em 0;
  text-transform: uppercase;
  font-size: 11pt;
}

.klawisz_menu_glowny {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cc6000+0,ff7800+100 */
background: #cc6000; /* Old browsers */
background: -moz-linear-gradient(top, #cc6000 0%, #ff7800 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #cc6000 0%,#ff7800 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #cc6000 0%,#ff7800 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc6000', endColorstr='#ff7800',GradientType=0 ); /* IE6-9 */
} 

.klawisz_menu_glowny:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cd6000+0,ff9638+100 */
background: #cd6000; /* Old browsers */
background: -moz-linear-gradient(top, #cd6000 0%, #ff9638 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #cd6000 0%,#ff9638 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #cd6000 0%,#ff9638 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cd6000', endColorstr='#ff9638',GradientType=0 ); /* IE6-9 */
}


.klawisz_pokaz_menu
{
background: #cc6000; /* Old browsers */
background: -moz-linear-gradient(top, #cc6000 0%, #ff7800 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #cc6000 0%,#ff7800 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #cc6000 0%,#ff7800 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc6000', endColorstr='#ff7800',GradientType=0 ); /* IE6-9 */
}

.klawisz_pokaz_menu:hover
{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cd6000+0,ff9638+100 */
background: #cd6000; /* Old browsers */
background: -moz-linear-gradient(top, #cd6000 0%, #ff9638 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #cd6000 0%,#ff9638 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #cd6000 0%,#ff9638 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cd6000', endColorstr='#ff9638',GradientType=0 ); /* IE6-9 */
cursor: pointer
}

.klawisz_menu_podkategoria {
background-color: #F9E9B6;
border: 1px solid #DFA94F;
color: #A04202;
}

.klawisz_menu_podkategoria:hover {
background-color: #FDF6DF;
} 

#menu a:active {
  
}
#menu a span {
  display: inline-block;
  vertical-align: middle;
}
#menu a span i {
  font-size: .5em;
  font-style: normal;
}
/* MENU -------------------------------------------------------------------------------------- */

.kalendarium {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f48727+0,cc6000+100 */
background: #f48727; /* Old browsers */
background: -moz-linear-gradient(left, #F57300 0%, #cc6000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #F57300 0%,#cc6000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #F57300 0%,#cc6000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F57300', endColorstr='#cc6000',GradientType=1 ); /* IE6-9 */
margin: 0 0 0 0; padding: 0 0 0 0;}







/* WERSJA KOMPUTEROWA [1] ---------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media (min-width: 1071px) {
.szerokosc_strony {width: 1060px;}
.szerokosc_strony_plus_tlo {width: 1544px;}
.szerokosc_strony_tresc, #cookiesBarWrap {width: 1000px}
.okno_glowne_strony {background-size: 1060px;}

.szerokosc_klawiszy_menu {width: 1000px}
.szerokosc_miejsca_na_tresc {width: 620px}
#banner_gorny {height:156px;}
#klawisz_ukryj_menu, #okno_kalendarium_dla_komorek, .banner_gorny_wersja_komorkowa {display: none}
.wymiary_bannera {background-size: 1000px}
.wysokosc_banner {height: 230px}
.banner_odstep_gorny {margin-top: 55px;}
.lewa_strona_wycieczki, .prawa_strona_wycieczki {width: 290px; padding-bottom: 20px}
.lewa_strona_wycieczki {padding-right: 15px }
.okno_oferty_wycieczki_szerokosc {width: 325px}
.okno_oferty_wycieczki {background-size: 355px 200px}
.czcionka_opisu_wycieczki {font-size: 20pt}
.okno_video {background-size: 325px 250px}
.margines_strony_tresc {padding-right: 15px}
.okno_kalendarium {width: 320px}
.okno_kalendarium_szerokosc_wnetrza {width: 290px; font-size: 14px}
.newsletter_pole_input {width: 220px;}
.klawisz_wycieczki {float: left; margin-top: 8px; display: inline; padding: 5px 10px 5px 10px; margin-right: 2px}
.margines_szegolow_wycieczki {margin-bottom: 40px}
.miniaturka_fotogalerii {width:125px; height: 125px; border: 1px solid #333}
.logo_fb {margin-right: 20px; margin-top: 10px}
.fb-like {margin-top: 20px}

/* FORMULARZ ZAMOWIENIA*/
.okno_1_3 {width:330px; display: inline-block;}
.wysokosc_wiersza_ubezpieczenia {height: 60px}
.okno_1_z_3 {width:330px; text-align: left; display: inline-table}
.okno_2_z_3 {width:270px; text-align: center; display: inline-table}
.okno_3_z_3 {width:390px; text-align: right; display: inline-table}
.margines_przed {padding-top: 0px;}
.okno_1_z_2 {width:440px; text-align: left; display: inline-table}
.okno_2_z_2 {width:440px; text-align: left; display: inline-table}
.max_szerokosc_pola_uwagi {max-width: 420px}
.wyrownanie_napisow_glownych {text-align: left;}
.wyrownanie_wyrazenia_w_tym {text-align: right;}
.margines_rezerwacji {padding-left: 57px;}
/* FORMULARZ ZAMOWIENIA - KONIEC*/


/* ZAKLADKA MIESZANA */
.szerokosc_miejsca_na_tresc_zakladka_mieszana_z_prawa_strona {width: 650px;}
.szerokosc_miejsca_na_tresc_zakladka_mieszana {width: 1000px;}

.pion_50-1_50-1 {width: 498px; display: table-cell; padding-top: 15px; vertical-align: top;}
.pion_50-1_50-1 img{max-width: 490px; height:auto;}
.pion_50-1_50-1_z_prawa_strona {width: 315px; display: table-cell; padding-top: 15px; vertical-align: top; }
.pion_50-1_50-1_z_prawa_strona img{max-width: 315px; height:auto;}

.poz_100_100 {width: 1000px; display: inline-block; padding-top: 15px; vertical-align: top;}
.poz_100_100 img{max-width: 1000px; height:auto;}
.poz_100_100_z_prawa_strona {width: 650px; display: inline-block; padding-top: 15px; vertical-align: top; }
.poz_100_100_z_prawa_strona img{max-width: 650px; height:auto;}
.margines {padding-left: 20px;}

/* ZAKLADKA MIESZANA - KONIEC */

.mapka {width:525px; height:250px;}


    ul.bjqs-controls.v-centered li a{
            height: 230px;
            line-height: 230px;
    }
    
    ul.bjqs-controls.v-centered li a:hover{
            height: 230px;
            line-height: 230px;
    }
}


/* WERSJA NETBOOK [2] ---------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media (max-width: 1070px) {
.szerokosc_strony {width: 930px;}
.szerokosc_strony_plus_tlo {width: 1474px;}
.okno_glowne_strony {background-size: 930px;}
.szerokosc_strony_tresc {width: 900px}
.szerokosc_miejsca_na_tresc {width: 590px}
.szerokosc_klawiszy_menu {width: 900px}
#banner_gorny {height:140px; background-size: 900px}
#klawisz_ukryj_menu, #okno_kalendarium_dla_komorek, .banner_gorny_wersja_komorkowa{display: none}
.wymiary_bannera {background-size: 900px}
.wysokosc_banner {height: 206px}
.banner_odstep_gorny {margin-top: 55px;}
.lewa_strona_wycieczki, .prawa_strona_wycieczki {width: 235px;padding-bottom: 20px}
.lewa_strona_wycieczki {padding-right: 10px }
.okno_oferty_wycieczki_szerokosc {width: 300px;}
.okno_oferty_wycieczki {background-size: 325px 200px;}
.okno_kalendarium {width: 280px}
.okno_kalendarium_szerokosc_wnetrza {width: 250px; font-size: 11px}
.newsletter_pole_input {width: 180px;}
.czcionka_opisu_wycieczki {font-size: 20pt}
.margines_strony_tresc {padding-right: 15px}
.klawisz_wycieczki {float: left; margin-top: 8px; display: inline; padding: 5px 10px 5px 10px; margin-right: 2px}
.margines_szegolow_wycieczki {margin-bottom: 40px}
.miniaturka_fotogalerii {width:114px; height: 114px; border: 1px solid #333}
.logo_fb {margin-right: 30px; margin-top: 13px;}
.fb-like {margin-top: 60px}


/* FORMULARZ ZAMOWIENIA */
.okno_1_3 {width:296px; display: inline-block;}
.wysokosc_wiersza_ubezpieczenia {height: 60px}
.okno_1_z_3 {width:300px; display: inline-table; text-align: left}
.okno_2_z_3 {width:270px; display: inline-table; text-align: center}
.okno_3_z_3 {width:320px; display: inline-table; text-align: right}
.margines_przed {padding-top: 0px;}
.okno_1_z_2 {width:410px; text-align: left; display: inline-table}
.okno_2_z_2 {width:410px; text-align: left; display: inline-table}
.max_szerokosc_pola_uwagi {max-width: 390px}
.wyrownanie_wyrazenia_w_tym {text-align: right;}
.wyrownanie_napisow_glownych {text-align: left;}
.margines_rezerwacji {padding-left: 41px;}
/* FORMULARZ ZAMOWIENIA - KONIEC*/


/* ZAKLADKA MIESZANA */
.szerokosc_miejsca_na_tresc_zakladka_mieszana_z_prawa_strona {width: 600px;}
.szerokosc_miejsca_na_tresc_zakladka_mieszana {width: 896px;}
.pion_50-1_50-1 {width: 488px; display: table-cell; padding-left: 15px; padding-right: 15px; padding-top: 15px; vertical-align: top;}
.pion_50-1_50-1 img{max-width: 480px; height:auto;}
.pion_50-1_50-1_z_prawa_strona {width: 270px; display: table-cell; padding-left: 15px; padding-right: 15px; padding-top: 15px; vertical-align: top; }
.pion_50-1_50-1_z_prawa_strona img{max-width: 270px; height:auto;}

.poz_100_100 {width: 865px; display: inline-block; padding-left: 15px; padding-right: 15px; padding-top: 15px; vertical-align: top;}
.poz_100_100 img{max-width: 865px; height:auto;}
.poz_100_100_z_prawa_strona {width: 570px; display: inline-block; padding-left: 15px; padding-right: 15px; padding-top: 15px; vertical-align: top; }
.poz_100_100_z_prawa_strona img{max-width: 570px; height:auto;}

.margines {padding-left: 0px;}
/* ZAKLADKA MIESZANA - KONIEC */

.mapka {width:450px; height:250px;}

iframe{
	max-width: 890px; max-height: 600px
}
    ul.bjqs-controls.v-centered li a{
            height: 206px;
            line-height: 206px;
    }
    
    ul.bjqs-controls.v-centered li a:hover{
            height: 206px;
            line-height: 206px;
    }
}

/* WERSJA TABLET [3] ---------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media (max-width: 970px) {
.szerokosc_strony {width: 730px;}
.szerokosc_strony_plus_tlo {width: 1274px;}
.szerokosc_strony_tresc {width: 700px}
.szerokosc_miejsca_na_tresc {width: 690px}
.okno_glowne_strony {background-size: 730px;}
.szerokosc_klawiszy_menu {width: 700px}
#banner_gorny {height:110px; background-size: 700px}
#klawisz_ukryj_menu, #czesc_prawa_wycieczki, #menu_dolne, .puste_pole, #okno_kalendarium_dla_komorek, .banner_gorny_wersja_komorkowa {display: none}
.wymiary_bannera {background-size: 700px}
.wysokosc_banner {height: 160px}
.banner_odstep_gorny {margin-top: 55px;}
.lewa_strona_wycieczki, .prawa_strona_wycieczki {width: 390px; display: block; padding: 0px;}
.okno_oferty_wycieczki_szerokosc { width: 390px;}
.okno_oferty_wycieczki {background-size: 395px 240px;}
.czcionka_opisu_wycieczki {font-size: 20pt}
.margines_strony_tresc {padding-right: 0px}
.klawisz_wycieczki {float: left; margin-top: 8px; display: inline; padding: 5px 10px 5px 10px; margin-right: 2px}
.margines_szegolow_wycieczki {margin-bottom: 40px}
.miniaturka_fotogalerii {width:110px; height: 110px; border: 1px solid #333}


/* FORMULARZ ZAMOWIENIA*/
.okno_1_3 {width:350px; float: left;}
.wysokosc_wiersza_ubezpieczenia {height: 60px}
.okno_1_z_3 {width:348px; display: inline-table; text-align: left}
.okno_2_z_3 {width:345px; display: inline-table; text-align: right}
.okno_3_z_3 {width:700px; display: inline-table; text-align: left}
.margines_przed {padding-top: 0px;}
.okno_1_z_2 {width:285px; text-align: left; display: inline-table}
.okno_2_z_2 {width:285px; text-align: left; display: inline-table}
.max_szerokosc_pola_uwagi {max-width: 265px}
.wyrownanie_napisow_glownych {text-align: left;}
.wyrownanie_wyrazenia_w_tym {text-align: right;}
.margines_rezerwacji {padding-left: 67px;}
/* FORMULARZ ZAMOWIENIA - KONIEC*/

/* ZAKLADKA MIESZANA */
.szerokosc_miejsca_na_tresc_zakladka_mieszana_z_prawa_strona {width: 398px;}
.szerokosc_miejsca_na_tresc_zakladka_mieszana {width: 698px;}
.pion_50-1_50-1, .pion_50-1_50-1_z_prawa_strona {width: 365px; display: inline-block; padding-left: 15px; padding-right: 15px; padding-top: 15px; vertical-align: top;}
.pion_50-1_50-1 img{max-width: 365px; height:auto;}
.pion_50-1_50-1_z_prawa_strona img{max-width: 365px; height:auto;}

.poz_100_100 {width: 667px; display: inline-block; padding-left: 15px; padding-right: 15px; padding-top: 15px; vertical-align: top;}
.poz_100_100_z_prawa_strona {width: 365px; display: inline-block; padding-left: 15px; padding-right: 15px; padding-top: 15px; vertical-align: top;}
.poz_100_100 img{max-width: 667px; height:auto;}
.poz_100_100_z_prawa_strona img{max-width: 365px; height:auto;}

.mapka {width:330px; height:250px;}

/* ZAKLADKA MIESZANA - KONIEC */

iframe{
	max-width: 690px; max-height: 500px
}
    ul.bjqs-controls.v-centered li a{
            height: 160px;
            line-height: 160px;
    }
    
    ul.bjqs-controls.v-centered li a:hover{
            height: 160px;
            line-height: 160px;
    }
    ol.bjqs-markers {display: none}

}

@media (max-width: 750px) {
.szerokosc_strony {width: 420px;}
.szerokosc_strony_tresc {width: 390px}
.szerokosc_klawiszy_menu {width: 200px}
.szerokosc_strony_plus_tlo, #banner_gorny, #banner-fade, #menu_dolne, #czesc_prawa_wycieczki, .prawa_czesc_strony, .opis_wycieczki {display: none}
#okno_kalendarium_dla_komorek, .banner_gorny_wersja_komorkowa {display: block;}
.szerokosc_miejsca_na_tresc {width: 380px}
.okno_glowne_strony {background-size: 420px;}
.banner_odstep_gorny {margin-top: 0px;}
.lewa_strona_wycieczki, .prawa_strona_wycieczki {width: 390px; display: block; padding: 0px;}
.okno_oferty_wycieczki_szerokosc {width: 390px;}
.okno_oferty_wycieczki {background-size: 400px 250px, cover;}
.banner_gorny_wersja_komorkowa {background-size: 500px, cover; height:77px}
.czcionka_opisu_wycieczki {font-size: 16pt}
.wymiary_bannera {background-size: 390px}
.wysokosc_banner {height: 88px}
.margines_strony_tresc {padding-right: 0px}
.kolumna_wycieczki {display: none}
.klawisz_wycieczki {float: none; display: block; padding: 5px 15px 5px 15px; margin: 3px 0px 0px 0px}
.margines_szegolow_wycieczki {margin-bottom: 15px}
.miniaturka_fotogalerii {width:123px; height: 123px; border: 1px solid #333}
.okno_kalendarium {width: 390px}
.okno_kalendarium_szerokosc_wnetrza {width: 360px; font-size: 14px}
.logo_fb {margin-right: 20px; margin-top: 5px;}

/* FORMULARZ ZAMOWIENIA */
.okno_1_3 {width:390px; display: inline-table;}
.wysokosc_wiersza_ubezpieczenia {height: 30px}
.okno_1_z_3 {width:390px; display: inline-table; text-align: center}
.okno_2_z_3 {width:390px; display: inline-table; text-align: center}
.okno_3_z_3 {width:390px; display: inline-table; text-align: center}
.okno_1_z_2 {width:390px; text-align: left; display: inline-table}
.okno_2_z_2 {width:390px; text-align: left; display: inline-table}
.margines_przed {padding-top: 15px;}
.max_szerokosc_pola_uwagi {max-width: 220px}
.pole_uwagi {margin-left: 85px}
.wyrownanie_napisow_glownych {text-align: center;}
.wyrownanie_wyrazenia_w_tym {text-align: center;}
.margines_rezerwacji {padding-left: 0px;}
/* FORMULARZ ZAMOWIENIA - KONIEC*/

/* ZAKLADKA MIESZANA */
.szerokosc_miejsca_na_tresc_zakladka_mieszana_z_prawa_strona {width: 390px;}
.szerokosc_miejsca_na_tresc_zakladka_mieszana {width: 390px;}
.pion_50-1_50-1, .pion_50-1_50-1_z_prawa_strona {width: 360px; display: inline-table; padding-left: 15px; padding-right: 15px; padding-top: 15px; vertical-align: top;}
.pion_50-1_50-1 img{max-width: 360px; height:auto;}
.pion_50-1_50-1_z_prawa_strona img{max-width: 360px; height:auto;}
.poz_100_100, .poz_100_100_z_prawa_strona {width: 359px; display: inline-block; padding-left: 15px; padding-right: 15px; padding-top: 15px; vertical-align: top;}
.poz_100_100 img{max-width: 359px; height:auto;}
.poz_100_100_z_prawa_strona img{max-width: 359px; height:auto;}
/* ZAKLADKA MIESZANA - KONIEC */

.mapka {width:360px; height:250px;}

iframe{
	max-width: 380px; max-height: 260px
}
    #klawisz_ukryj_menu {display: block; width: 390px}
    nav > ul,
  #menu > ul > li {
    float: none;
  }
   nav > ul > li {
    display: none;
  }
  #menu > li {
    width: 200px;
    display: block;
    position: relative;
    left: 0px;

  }
  #menu {
    display: block;
	left: -0px;
  }
  #menu li ul {
    position: relative;
	
  }

}

@media (max-width: 470px) {
.szerokosc_strony, #cookiesBarWrap {width: 300px;}
.szerokosc_strony_tresc {width: 270px}
.szerokosc_klawiszy_menu {width: 200px}
.okno_glowne_strony {background-size: 300px;}
.banner_odstep_gorny {margin-top: 0px;}
.szerokosc_strony_plus_tlo, #banner_gorny, #banner-fade, #menu_dolne, #czesc_prawa_wycieczki, .opis_wycieczki {display: none}
#okno_kalendarium_dla_komorek, .banner_gorny_wersja_komorkowa {display: block;}
.szerokosc_miejsca_na_tresc {width: 260px}
.czcionka_opisu_wycieczki {font-size: 12pt}
.lewa_strona_wycieczki, .prawa_strona_wycieczki {width: 270px; display: block; padding: 0px;}
.okno_oferty_wycieczki_szerokosc {width: 270px;}
.okno_oferty_wycieczki {background-size: 400px 250px, cover;}
.banner_gorny_wersja_komorkowa {background-size: 500px, cover; height:77px}
.podzielone_strony {display: block}
.wymiary_bannera {background-size: 270px}
.wysokosc_banner {height: 62px}
.kolumna_wycieczki {display: none}
.klawisz_wycieczki {float: none; display: block; padding: 5px 15px 5px 15px; margin: 3px 0px 0px 0px}
.margines_szegolow_wycieczki {margin-bottom: 15px}
.miniaturka_fotogalerii {width:127px; height: 127px; border: 1px solid #333}
.okno_kalendarium {width: 270px}
.okno_kalendarium_szerokosc_wnetrza {width: 230px; font-size: 11px}
.logo_fb {margin-right: 20px; margin-top: 5px;}

/* FORMULARZ ZAMOWIENIA*/
.okno_1_3 {width:270px; display: inline-table;}
.wysokosc_wiersza_ubezpieczenia {height: 30px}
.okno_1_z_3 {width:270px; display: inline-table; text-align: center}
.okno_2_z_3 {width:270px; display: inline-table; text-align: center}
.okno_3_z_3 {width:270px; display: inline-table; text-align: center}
.margines_przed {padding-top: 15px;}
.okno_1_z_2 {width:270px; text-align: left; display: inline-table}
.okno_2_z_2 {width:270px; text-align: left; display: inline-table}
.max_szerokosc_pola_uwagi {max-width: 220px}
.pole_uwagi {margin-left: 25px}
.wyrownanie_napisow_glownych {text-align: center;}
.wyrownanie_wyrazenia_w_tym {text-align: center;}
/* FORMULARZ ZAMOWIENIA - KONIEC*/

/* ZAKLADKA MIESZANA */
.szerokosc_miejsca_na_tresc_zakladka_mieszana_z_prawa_strona {width: 270px;}
.szerokosc_miejsca_na_tresc_zakladka_mieszana {width: 270px;}
.pion_50-1_50-1, .pion_50-1_50-1_z_prawa_strona {width: 240px; display: inline-table; padding-left: 15px; padding-right: 15px; padding-top: 15px; vertical-align: top;}
.pion_50-1_50-1 img{max-width: 240px; height:auto;}
.pion_50-1_50-1_z_prawa_strona img{max-width: 240px; height:auto;}
.poz_100_100, .poz_100_100_z_prawa_strona {width: 240px; display: inline-block; padding-left: 15px; padding-right: 15px; padding-top: 15px; vertical-align: top;}
.poz_100_100 img{max-width: 240px; height:auto;}
.poz_100_100_z_prawa_strona img{max-width: 240px; height:auto;}
/* ZAKLADKA MIESZANA - KONIEC */

.mapka {width:240px; height:250px;}

#klawisz_ukryj_menu {display: block; width: 270px}
iframe{
	max-width: 260px; max-height: 190px
}

nav > ul,
  #menu > ul > li {
    float: none;
  }
   nav > ul > li {
    display: none;
  }
  #menu > li {
    width: 200px;
    display: block;
    position: relative;
    left: 0px;

  }
  #menu {
    display: block;
	left: -0px;
  }
  #menu li ul {
    position: relative;
	
  }
}














































/* RAMA STRONY */ 

.pasek_prawy {background-image:url('grafika/tlo_prawe.jpg'); background-repeat: no-repeat; background-position: top left;}
.pasek_lewy {background-image:url('grafika/tlo_lewe.jpg'); background-repeat: no-repeat; background-position: top right;}

.pasek_prawy_wewn {background-image:url('grafika/tlo_prawe_wenw.png'); background-repeat: repeat-y; width:30px}
.pasek_lewy_wewn {background-image:url('grafika/tlo_lewe_wenw.png'); background-repeat: repeat-y; width:30px}

.banner {background-image:url('grafika/banner.jpg'); background-position: top; background-repeat: no-repeat; margin: 0 0 0 0; padding: 0 0 0 0;}

.tlo_opis_wycieczek{background-image:url('grafika/tlo_opis_wycieczek.png');}



.tlo_tresc {background-image:url('grafika/tlo_tresc.jpg'); background-repeat: repeat-y;}
.pasek_dol_1{background-image:url('grafika/pasek_dol_1.jpg'); background-repeat: no-repeat;}
.pasek_dol_2{background-image:url('grafika/pasek_dol_2.jpg'); background-repeat: no-repeat;}

.loader {margin: 0 0 0 0; padding: 0 0 0 0; position: absolute; left: 30%; right: 30%; top: 50%; margin-left: auto; margin-right: auto; z-index:101; border: solid 1px #ddd; background-color: #eee; width: 350px; height: 70px;opacity: 0.85;}
.oferta_1{background-image:url('grafika/oferta_1.jpg'); background-repeat: no-repeat; width: 219px; height: 251px; border: solid 1px #aaa}
.oferta_2{background-image:url('grafika/oferta_2.jpg'); background-repeat: no-repeat; width: 219px; height: 251px; border: solid 1px #aaa}
.oferta_3{background-image:url('grafika/oferta_3.jpg'); background-repeat: no-repeat; width: 219px; height: 251px; border: solid 1px #aaa}
.oferta_4{background-image:url('grafika/oferta_4.jpg'); background-repeat: no-repeat; width: 219px; height: 251px; border: solid 1px #aaa}
.tlo_nazwy_zakladki {background-image:url('grafika/pasek_dol_2.jpg'); background-repeat: no-repeat; background-position: center; border: 1px solid #3d646f;}

.klawisz_menu {}
.klawisz_menu_podsw {cursor: pointer; opacity: 0.85; background-color: #2c5dbf}


.dol {background-image:url('grafika/dol.jpg'); background-repeat: no-repeat; overflow-y: scroll; margin: 0 0 0 0; padding: 0 0 0 0; font-family: verdana; font-size: 10px; color: #000;}

.klawisz_1 {font-family: 'Roboto', sans-serif; background-color: #fe7701; font-size: 13px; color: #fff;}
.klawisz_1_grey {font-family: 'Roboto', sans-serif; background-color: #eee;  font-size: 13px; color: #ccc;}

.klawisz_3 {font-family: 'Roboto', sans-serif; background-color: #a04202; font-size: 13px; color: #fff;}
.klawisz_2 {font-family: 'Roboto', sans-serif; background-color: #8f3b00; cursor: pointer; font-size: 13px; color: #fff;}

.font_family {font-family: 'Roboto', sans-serif;}

.czcionka_tytuly_stron{font-family: 'Roboto', sans-serif; color: #a54400; font-size: 12pt; text-transform: uppercase}

.pewny_okno {background-color: #eee; border: solid 3px #d00000;}
.okno_zapytania{display:none;}
.okno_zapytania_otwarte{background-image:url('../panel/system/wyglad/grafika/tlo_okno_zapytania.png'); width: 100%; height: 100%; position: absolute; display: block; background-repeat: repeat-x; z-index: 3000;}
.link_podkreslenie {text-decoration: underline; cursor: pointer; color: #9f4200;}
.link_podkreslenie_black {text-decoration: underline; cursor: pointer; color: #222;}

/* KOSZYK */
.koszyk_space {background-image:url('grafika/koszyk_top_tlo.jpg'); background-repeat: repeat-x; background-color: #f1f1f1;}
.ramka_aktualizacja_koszyka {background-color: #ffeacb; border:  solid 1px #ea9925; font-size: 12px; color: #111; font-family: verdana;}
.ramka_dodanie_do_koszyka {background-color: #eefae1; border:  solid 1px #bed8a0; font-size: 12px; color: #111; font-family: verdana;}
.wyczysc_koszyk_normalny {color: #333; font-family: verdana; font-size: 12px;}
.wyczysc_koszyk_podswietlone {color: #4990c1; cursor: pointer; text-decoration: underline;}
.klawisz_usun_1 {background-image:url('../panel/system/wyglad/grafika/ikony/klawisz_usun.png'); background-repeat: no-repeat; background-position: 0px 0px;}
.klawisz_usun_2 {background-image:url('../panel/system/wyglad/grafika/ikony/klawisz_usun.png'); background-repeat: no-repeat; background-position: 0px -20px; cursor: pointer;}
.klawisz_edytuj_1 {background-image:url('../panel/system/wyglad/grafika/ikony/klawisz_edytuj.png'); background-repeat: no-repeat; background-position: 0px 0px;}
.klawisz_edytuj_2 {background-image:url('../panel/system/wyglad/grafika/ikony/klawisz_edytuj.png'); background-repeat: no-repeat; background-position: 0px -20px; cursor: pointer;}
.klawisz_akceptuj_1 {background-image:url('../panel/system/wyglad/grafika/ikony/klawisz_akceptuj.png'); background-repeat: no-repeat; background-position: 0px 0px;}
.klawisz_akceptuj_2 {background-image:url('../panel/system/wyglad/grafika/ikony/klawisz_akceptuj.png'); background-repeat: no-repeat; background-position: 0px -20px; cursor: pointer;}
.klawisz_anuluj_1 {background-image:url('../panel/system/wyglad/grafika/ikony/klawisz_anuluj.png'); background-repeat: no-repeat; background-position: 0px 0px;}
.klawisz_anuluj_2 {background-image:url('../panel/system/wyglad/grafika/ikony/klawisz_anuluj.png'); background-repeat: no-repeat; background-position: 0px -20px; cursor: pointer;}
.klawisz_wybor_1 {background-image:url('../panel/system/wyglad/grafika/ikony/klawisz_wybor.png'); background-repeat: no-repeat; background-position: 0px 0px;}
.klawisz_wybor_2 {background-image:url('../panel/system/wyglad/grafika/ikony/klawisz_wybor.png'); background-repeat: no-repeat; background-position: 0px -20px; cursor: pointer;}
.ramka_top {border-top:  1px solid #555;}


/* FOTOGALERIA */
.tlo_miniaturek {border-top: 1px solid #9f4000; border-bottom: 1px solid #9f4000; color: white}
.czcionka_miniaturki_fotogalerii {font-family: verdana; font-size: 10px; color: #111}
.klawisz_powiekszenie_zdjec_nastepne {background-image:url('../system/wyglad/grafika/powiekszenie_foto_nastepne.png'); background-repeat: repeat-y; cursor: pointer;  border-left: solid 1px #999;}
.klawisz_powiekszenie_zdjec_poprzednie {background-image:url('../system/wyglad/grafika/powiekszenie_foto_poprzednie.png'); background-repeat: repeat-y; cursor: pointer; border-right: solid 1px #999;}

.input{font-size: 10pt; border: 1px solid #fcf6de; background-color: #fcf6de; height: 25px}


/* KLAWISZE MENU */
.klawisz_menu_1 {font-size: 12px; color: #fff; height: 40px;}
.klawisz_menu_2 {background-image:url('grafika/klawisz_menu.png'); background-repeat: repeat-x; cursor: pointer; background-position: bottom; height: 40px;font-size: 12px; color: #fff; }

.podmenu {background-image:url('grafika/podmenu_tlo.png'); border-left: solid 1px #888;border-right: solid 1px #888;border-bottom: solid 1px #888}
.podmenu2 {background-image:url('grafika/podmenu_tlo2.png'); cursor: pointer}

.hasla_lewo {background-image:url('grafika/hasla.png');background-repeat: no-repeat}
.hasla_prawo {background-image:url('grafika/hasla.png');background-position: -220px 0px; background-repeat: no-repeat}
.ramka_fotogaleria_miniatury {border: solid 1px #777;}
.ramka_fotogaleria {border: solid 1px #333;}
.ramka_fotogaleria_miniatury_norm {border: solid 1px #ffffff;}
.ramka_fotogaleria_miniatury_podsw {border: solid 1px #ffffff;cursor: pointer; opacity: 0.85; background-color: white;}
.podsw {cursor: pointer; opacity: 0.85; background-color: white;}
.dol_pasek {background-image:url('grafika/dol.jpg');background-repeat: no-repeat}
.dol_powt {background-image:url('grafika/dol_powt.jpg');background-repeat: repeat-x}

.klawisz_dodaj_do_kosza_1 {background-image:url('grafika/ikony/klawisz_dodaj_do_kosza.png'); background-repeat: repeat-x; background-position: 0px -0px; border: solid 1px #ccc;font-size: 12px; color: #fff; background-color: #588958;}
.klawisz_dodaj_do_kosza_2 {background-image:url('grafika/ikony/klawisz_dodaj_do_kosza.png'); background-repeat: repeat-x; background-position: 0px -40px; cursor: pointer; background-color: #74b073;}

.klawisz_fotogaleria_kat {background-image:url('grafika/klawisz_fotogaleria_kat.png'); background-repeat: repeat-x; background-position: bottom;}
.klawisz_fotogaleria_podkat {cursor: pointer;opacity: 0.75;}
.klawisz_podkategorie_sklep_1 {color: #335eb8;}
.klawisz_podkategorie_sklep_2 {cursor: pointer; text-decoration: underline;}

.ramka_menu_rozwijane {border: solid 1px #dfa94f; font-size: 10pt; color: #a04202; background-color: #f9e9b6;}
.ramka_menu_rozwijane_2 {cursor: pointer; background-color: #fdf6df;}

.pasek_zakladek {background-image:url('grafika/pasek_zakladek.jpg'); background-repeat: repeat-x; background-color: #7f7f7f;}
.pasek_zakladek_2 {background-image:url('grafika/pasek_zakladek_2.jpg'); background-repeat: repeat-x; background-color: #dce9f9;}
.ramka_dol {border-bottom: solid 1px #aaa;}
.wiersz_normalny {background-color: #eee; border:  solid 1px #eee; color: #111; font-family: verdana; font-size: 12px;}
.wiersz_normalny_bialy {background-color: #fff; border:  solid 1px #fff; color: #111; font-family: verdana; font-size: 12px;}

.wiersz_podkreslenie {opacity: 0.85; cursor: pointer; background-color: #f1994c}

.menu_zamkniete { /* div "menu" */
width: auto;  /* szerokość */
height: 50px; /* wysokość */
overflow: hidden; 
} /* przycinanie */

.menu_otwarte { /* najechane menu */
width: auto; /* szerokość */
height: 100%;
overflow: visible;
cursor: pointer;
} /* wysokość (wartość musi być 100% lub "auto" */