/*
    Ogolne ustawienia dla calosci strony
*/
body
  {
  font-family: Calibri, Corbel, Arial, Verdana;
  font-size: 10px;
  background-color: #15317E; /* royal blue */
  background-image: url('bg.gif');
  text-align: center;
  color: rgb(46, 67, 75);
  margin: 0;
  padding: 0;
  }

/*
    Panel hotelarzy - ogolne ustawienia dla calej strony
*/
body#myhotel
  {
  font-family: Calibri, Verdana, Arial;
  font-size: 12px;
  background-color: white;
  background-image: none;
  text-align: center;
  color: rgb(46, 67, 75);
  margin: 0;
  padding: 0;
  }

h1
  {
  font-size: 15px;
  font-weight: bold;
  }

h2
  {
  font-size: 13px;
  font-weight: bold;
  }

h3
  {
  font-size: 12px;
  font-weight: bold;
  font-style: italic;
  }

/*
    naglowek widoczny na podstronie eventow,
    do rozdzielenia poszczegolnych dat, miast lub krajow
    w zaleznosci od sortowania
*/
h3.events
  {
  font-size: 14px;
  font-weight: bold;
  display: block;
  padding-left: 15px;
  color: rgb(255, 181, 0); /* pomaranczowy */
  }

/*
    dotyczy kazdej formy na naszych stronach
*/
form
  {
  margin: 0;
  padding: 0;
  }

/*
    textbox - klasa elementów do wpisywania tekstów, element form
*/
.textbox
  {
  border: 1px solid rgb(99, 148, 189);
  }

/*
    uzywane razem z textbox (glownie)
*/
.fullwidth
  {
  width: 100%;
  }

/*
    combo, oczywiscie pod ie nie dziala, element form
*/
.formalista
  {
  border: 1px solid rgb(99, 148, 189);
  }

/* dotyczy kazdego obrazka na stronie */
img
  {
  border: 0;
  }

/* domyslne linki */
a, a:hover, a:active, a:visited, a:link
  {
  color: rgb(59, 117, 214);
  text-decoration: none;
  }

/*
    do tworzenia paskow postepu, zanim
    usunelismy modul ankiet
*/
.progress
  {
  background:#f8f8f8;
  font-size:1px;
  height:8px;
  border:1px solid #a5a5a5;
  padding:1px;
  }

/*
    niebieski pasek postepu
*/
.progress .bar
  {
  background:#94b9ca;
  font-size:1px;
  height:8px;
  }

/*
    czerwony pasek postepu
*/
.progress .bar2
  {
  background: #ff0000;
  font-size: 1px;
  height: 8px;
  }


/*
    cala tresc dokumentu umieszczona jest w centralnym kontenerze
*/
div#bodykontener
  {
  margin: 0 auto;
  text-align: left;
  width: 780px;
  background-color: white;
  padding: 1px;
  margin-top: 10px;
  margin-bottom: 10px;
  }

/*
    naglowek strony z animacja i naszym logo
*/
div#supertop
  {
  text-align: center;
  height: 123px;
  cursor: pointer;
  background-color: #ffffff;
  background-image: url('supertop_tlo.png');
  background-repeat: repeat-x;
  }

/*
    klasa komorki wyswietlajacej numer kroku
    (w tej chwili mamy tylko dwa kroki wyszukiwania)
*/
.td_number
  {
  font-size: 20px;
  font-weight: bold;
  }

/*
    naprzemienne rzedy komorek tabeli
*/
tr.parzysty
  {
  background-color: rgb(240, 248, 255);
  }

/*
    wykorzystywane w wielu miejscach strony,
    wszedzie tam, gdzie sie pojawia adres hotelu,
    czasem wewnatrz naglowkow typu H
*/
span.hotel_address
  {
  font-style: italic;
  }

/*
    kontener kalendarza
    zakomentowane jest chowanie poniewaz uzywamy
    slidera, ktory robi to wewnetrznymi funkcjami
*/
#cal1Container
  {
  /*display:none;*/
  position: relative;
  top: 0;
  clear: both;
  z-index:2
  }

/*
    belka z guzikami nawigacyjnymi - zwykla strona
*/
div#navbar
  {
  height: 30px;
  background-color: rgb(36, 36, 36);
  background-image: url('belka_bkg_iglta.png');
  }

/*
    belka z guzikami nawigacyjnymi - panel hotelarza
*/
div#belka
  {
  height: 30px;
  width: 100%;
  background-color: rgb(36, 36, 36);
  background-image: url('belka_bkg_en.png');
  }

/* lista guzików nawigacyjnych */
ul#toolbar
  {
  height: 30px;
  text-align: center;
  list-style: none;
  padding: 0;
  margin: 0;
  }

/* poszczególne guziki nawigacyjne */
#toolbar li
  {
  float: left;
  list-style: none;
  padding: 0;
  text-indent: -9999px;
  }

#toolbar li a
  {
  height: 30px;
  display: block;
  }

#toolbar li.active
  {
  background-position: top;
  }

#toolbar li.inactive
  {
  background-position: bottom;
  }

#toolbar li:hover
  {
  background-position: top;
  }


#toolbar li#hotels
  {
  width: 106px;
  height: 30px;
  background-image: url('belka_ghotels_es.png');
  }

#toolbar li#events
  {
  width: 106px;
  height: 30px;
  background-image: url('belka_gevents_es.png');
  }

#toolbar li#flights
  {
  width: 106px;
  height: 30px;
  background-image: url('belka_gflights_es.png');
  }

#toolbar li#newsletter
  {
  width: 106px;
  height: 30px;
  background-image: url('belka_gnewsletter_es.png');
  }

#toolbar li#cars
  {
  width: 106px;
  height: 30px;
  background-image: url('belka_gcars_es.png');
  }

#toolbar li#insurance
  {
  width: 106px;
  height: 30px;
  background-image: url('belka_ginsurance_en.png');
  }

#toolbar li#help
  {
  width: 106px;
  height: 30px;
  background-image: url('belka_ghelp_es.png');
  }


/* MY HOTEL */

#toolbar li#myhreservations
  {
  width: 106px;
  height: 30px;
  background-image: url('belka_myh_reservations_en.png');
  }
#toolbar li#myhprofile
  {
  width: 106px;
  height: 30px;
  background-image: url('belka_myh_profile_en.png');
  }
#toolbar li#myhhotel
  {
  width: 106px;
  height: 30px;
  background-image: url('belka_myh_hotel_en.png');
  }
#toolbar li#myhpreview
  {
  width: 106px;
  height: 30px;
  background-image: url('belka_myh_preview_en.png');
  }
#toolbar li#myhspecials
  {
  width: 106px;
  height: 30px;
  background-image: url('belka_myh_specials_en.png');
  }
#toolbar li#myhlogout
  {
  width: 106px;
  height: 30px;
  background-image: url('belka_myh_logout_en.png');
  }
#toolbar li#myhhelp
  {
  width: 106px;
  height: 30px;
  background-image: url('belka_myh_help_en.png');
  }

/* KONIE MY HOTEL */


#kontenersubnav
  {
  width: 100%;
  height: 50px; /* bylo 25 */
  padding-top: 5px;
  padding-bottom: 3px;
  /*border-bottom: 1px dotted black;*/
  margin-bottom: 5px;
  }

/*
    czesc kontenersubnav
*/
/* MYHOTEL */
#subnavbarinfo
  {
  width: 220px;
  float: left;
  }
/* KONIEC MYHOTEL */

#jezyki
  {
  /*width: 210px;*/
  width: 50px;
  float: left;
  }

ul#langbar
  {
  list-style: none;
  padding: 0;
  margin-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  }

#langbar li
  {
  float: left;
  list-style: none;
  padding: 0;
  margin-left: 5px;
  }

#langbar li a
  {
  /*height: 30px;*/
  display: block;
  }

li#lng_en
  {
  width: 16px;
  height: 11px;
  background-image: url('lng_gb.png');
  }

li#lng_es
  {
  width: 16px;
  height: 11px;
  background-image: url('lng_es.png');
  }


#jestestutaj
  {
  float: left;
  width: 720px;
  font-size: 12px;
  /*text-align: left;
  padding-left: 15px;*/
  text-align: center;
  }








/*

    KONTENERY DO TRZYMANIA POSZCZEGOLNYCH CZESCI STRONY

*/

/*
    pojedyncza waska kolumna
*/
.kontenerraz
  {
  width: 210px;
  float: left;
  margin-left: 0;
  margin-right: 0;
  text-align: center;
  }

/*
    tresc szerszej kolumny z dwoma kolumnami waskimi obok
    lub z jednej strony
*/
.kontenerdwa
  {
  width: 357px;
  float: left;
  margin-left: 0;
  margin-right: 0;
  text-align: center;
  }

/*
    glowna tresc podstrony z jedna kolumna po lewej stronie
*/
.kontenertrzy
  {
  }

/* kontener waski - po lewej i (ew.) po prawej stronie do trzymania boxów */
.kontenerwaski
  {
  width: 210px;
  float: left;
  margin-left: 0;
  margin-right: 1px;
  /*background-color: green;*/
  text-align: center;
  }

.kontenermid
  {
  width: 566px;
  float: left;
  margin-left: 1px;
  }

.kontenerfull
  {
  width: 780px;
  /*
  float: left;
  */
  margin-left: 1px;
  margin-right: 1px;
  }

.boxszeroki
  {
  width: 566px;
  margin-bottom: 5px;
  float: left;
  }

.boxfull
  {
  width: 780px;
  margin-bottom: 5px;
  clear: both;
  }

.boxsredni
  {
  width: 357px;
  float: left;
  margin-left: 1px;
  }

.boxwaski
  {
  width: 210px;
  text-align: left;
  float: left;
  margin-left: 1px;
  }

.boxsredniheader
  {
  height: 20px;
  background-image: url('headerboxsredniblue5.png');
  font-size: 15px;
  font-weight: bold;
  color: rgb(63, 88, 107);
  padding-top: 2px;
  padding-left: 15px;
  }

#buildyourtripboxheader, #boxcurrencyheader, #boxhotofferheader, #newsletterboxheader, #boxeventsheader, #seealsoheader, #boxpoll, .generalboxwaskiheader, #quicksearchboxheader
  {
  height: 20px;
  background-image: url('headerboxwaskiblue4.png');
  font-size: 15px;
  font-weight: bold;
  color: rgb(63, 88, 107);
  padding-top: 2px;
  padding-left: 15px;
  }

#buildyourtripboxtresc, #boxcurrencytresc, #boxhotoffertresc, #newsletterboxtresc, #newslettertresc, #boxeventstresc, .generaltresc, #seealsotresc, #boxpolltresc, #quicksearchboxtresc
  {
  /*
  background-color: rgb(236, 243, 246);
  border-left: 1px solid rgb(169, 196, 206);
  border-bottom: 1px solid rgb(169, 196, 206);
  border-right: 1px solid rgb(169, 196, 206);
  */
  background-image: url('img07.gif');
  background-repeat: repeat-x;
  padding: 3px;
  font-size: 12px;
  margin-top: 0;
  margin-bottom: 10px;
  }

.emptytresc
  {
  padding: 3px;
  font-size: 12px;
  margin-top: 0;
  margin-bottom: 10px;
  }

#komunikatheader
  {
  height: 20px;
  background-image: url('headerboxszerokigreen5.png');
  font-size: 15px;
  font-weight: bold;
  color: rgb(63, 88, 107);
  padding-top: 2px;
  padding-left: 15px;
  }

#komunikatheadererror
  {
  height: 20px;
  background-image: url('headerboxszerokired5.png');
  font-size: 15px;
  font-weight: bold;
  color: rgb(63, 88, 107);
  padding-top: 2px;
  padding-left: 15px;
  }

#komunikattresc
  {
  background-color: rgb(255, 253, 205);
  border-left: 1px solid rgb(169, 196, 206);
  border-bottom: 1px solid rgb(169, 196, 206);
  border-right: 1px solid rgb(169, 196, 206);
  padding: 3px;
  font-size: 12px;
  margin-top: 0;
  margin-bottom: 10px;
  }

/* naglowek waskiej reklamy - mozna wyroznic innym kolorem, obecnie to samo co inne naglowki */
.boxreklamawaskaheader
  {
  height: 20px;
  /*background-image: url('headerboxwaskiyellow4.png');*/
  background-image: url('headerboxwaskiblue4.png');
  font-size: 15px;
  font-weight: bold;
  color: rgb(63, 88, 107);
  padding-top: 2px;
  padding-left: 15px;
  }

.boxreklamaszerokaheader
  {
  height: 20px;
  /*background-image: url('headerboxsredniblue5.png');*/
  background-image: url('headerboxszerokiblue5.png');
  font-size: 15px;
  font-weight: bold;
  color: rgb(63, 88, 107);
  padding-top: 2px;
  padding-left: 15px;
  }

.boxreklamawideskyscrapper, .boxreklamaszerokatresc
  {
  /*
    Stare dane - zoltawo pomaranczowe tlo
  background-color: rgb(255, 253, 205);
  border-left: 1px solid rgb(169, 196, 206);
  border-bottom: 1px solid rgb(169, 196, 206);
  border-right: 1px solid rgb(169, 196, 206);
  padding: 3px;
  font-size: 12px;
  margin-top: 0;
  margin-bottom: 10px;
  */
  padding: 5px;
  text-align: center;
  background-color: rgb(236, 243, 246);
  border-left: 1px solid rgb(169, 196, 206);
  border-bottom: 1px solid rgb(169, 196, 206);
  border-right: 1px solid rgb(169, 196, 206);
  font-size: 12px;
  margin-top: 0;
  margin-bottom: 10px;
  }

#videosheader, #newsletterheader, .generalheader
  {
  height: 20px;
  background-image: url('headerboxmidblue5.png');
  font-size: 15px;
  font-weight: bold;
  color: rgb(63, 88, 107);
  padding-top: 2px;
  padding-left: 15px;
  }

table.events img
  {
  padding: 1px;
  border: 1px solid black;
  background-color: white;
  }

table.events td.links
  {
  background-color: rgb(255, 255, 204); /* jasniutki zolciutki */
  border-top: 1px solid #999900;
  border-bottom: 1px solid #999900;
  }

/* naglówek boksu mapy swiata */
#mapamundiheader
  {
  height: 20px;
  background-image: url('headerboxszerokiblue5.png');
  font-size: 15px;
  font-weight: bold;
  color: rgb(63, 88, 107);
  padding-top: 2px;
  padding-left: 15px;
  }
/* tresc mapy mundi wchodzi tutaj */
#mapamundi
  {
  padding: 5px;
  text-align: center;
  background-color: rgb(236, 243, 246);
  border-left: 1px solid rgb(169, 196, 206);
  border-bottom: 1px solid rgb(169, 196, 206);
  border-right: 1px solid rgb(169, 196, 206);
  font-size: 12px;
  margin-top: 0;
  margin-bottom: 10px;
  }

#mapamundiheaderwide
  {
  height: 20px;
  background-image: url('headerboxsuperwide.png');
  font-size: 15px;
  font-weight: bold;
  color: rgb(63, 88, 107);
  padding-top: 2px;
  padding-left: 15px;
  }

table.searchresult th
  {
  font-weight: bold;
  /*background-image: url('searchresult_background.gif');*/
  background-image: url('searchresult_background.png');
  height: 35px;
  vertical-align: middle;
  font-size: 14px;
  color: #000080;
  text-transform: uppercase;
  }

td.komorka_cena
  {
  background-color: rgb(211, 218, 237);
  font-size: 11px;
  }

span.hotelname
  {
  font-size: 22px;
  font-weight: bold;
  color: rgb(253, 126, 25); /* pomaranczowy */
  }
span.hotel_address
  {
  font-style: italic;
  font-size: 11px;
  }

div#hotelinfo
  {
  height: 20px;
  background-image: url('headerhotelinfo.png');
  font-size: 15px;
  font-weight: bold;
  color: rgb(63, 88, 107);
  padding-top: 2px;
  padding-left: 15px;
  }

h1.hotelfacilities
  {
  color: #009900;
  font-size: 22px;
  font-weight: bold;
  }

div.sekcja
  {
  color: rgb(152, 152, 152);
  border-top: solid 1px rgb(152, 152, 152);
  font-weight: bold;
  display: block;
  text-align: center;
  font-size: 10px;
  }

table.borderbottom
  {
  border-bottom: solid 1px black;
  width: 100%;
  }

th
  {
  color: black;
  font-weight: bold;
  font-size: 10px;
  }
/* stopka dokumentu - wewnatrz kontenera ogolnego */
div.stopka
  {
  clear: both;
  background-image: url('stopkatlo.png');
  color: white;
  font-size: 10px;
  padding-left: 5px;
  }

div.stopka a
  {
  color: rgb(63, 88, 107);
  }

ul#stopkalinks, ul#stopkalinks li, ul#stopkalegal, ul#stopkalegal li, ul#stopkahelp, ul#stopkahelp li
  {
  display: inline;
  list-style: none;
  padding: 0;
  margin: 0;
  }



table.kalendarzmyhotel td.naglowek
  {
  font-weight: bold;
  text-align: center;
  color: black;
  background-color: #FFD700; /* gold */
  }

table.kalendarzmyhotel td.dzien_weekend
  {
  background-color: lavenderblush;
  }

table.kalendarzmyhotel td.wlaczony
  {
  background-color: lime;
  }

.forma_dzien
  {
  font-size: 8pt;
  text-align: center;
  background:transparent;
  color:black;
  border:1px solid silver;
  padding:0px;
  width: 40px;
  }

td.zamkniety_zero
  {
  background-color: #ff9900;
  }

td.zamkniety_rezerwa
  {
  background-color: #e6ff00;
  }

td.zamkniety_click
  {
  background-color: #ff1a00;
  }

td.wlaczony
  {
  background-color: #66ff66;
  }

table.lista_rezerwacji th
  {
  white-space: nowrap;
  background-color: #FFD700; /* gold */
  }

table.lista_rezerwacji th.right, table.lista_rezerwacji td.right
  {
  border-right: 1px solid silver;
  }

table.lista_rezerwacji td.center
  {
  text-align: center;
  }