/* RESET */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    font-family: inherit; font-style: inherit; font-weight: inherit;
    color: inherit; font-size: inherit; line-height: inherit;
    margin: 0; padding: 0; border: 0; outline: 0;
    vertical-align: baseline; text-decoration: none;
}
b, strong           { font-weight: bold; }
i, em               { font-style: oblique; }
ol, ul              { list-style: none; }
table               { border-collapse: collapse; border-spacing: 0; }
caption, th, td     { font-weight: normal; vertical-align: top; }
ins                 { text-decoration: none; }
del                 { text-decoration: line-through; }
img                 { border: none; vertical-align: middle; }

/* DEFAULT */

.fl { float: left; }
.fr { float: right; }
.fx:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.fx { display: inline-block; }
/* Opera \*/
* html .fx { height:1%; }
.fx { display:block; }
/* end */

/* LAYOUT */

body {
    background: #620000 url(../img/bg-html.jpg) top center repeat-y;
	font-family: Verdana,Tahoma,Arial,sans-serif;
	font-size: 10pt;
}

#container {
    width: 791px;
    margin: 15px auto;
}

#header {
    background: url(../img/bg-header.png) top center no-repeat;
    height: 32px;
}

#header h1 {
    display: none;
}

#flagi { position: absolute; width: 50px; }
#flagi a {
    position: relative;
    top: 50px;
    left: 782px;
}
#flagi a img {
    width: 35px;
    margin-bottom: 5px;
}

#menu {
    float: right;
    list-style: none;
    margin-top: 9px;
    margin-right: 25px;
}

#menu li {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: top;
    padding: 0 10px;
    border-left: 1px solid #990000;
}
#menu li.alfa {
    border: none !important;
}
#menu a {
    color: #990000;
    font-size: 10px;
}

#banner {
    position: relative;
    z-index: 15;
	height: 198px;
	overflow: hidden;
    padding-left: 3px;
}

#content {
    position: relative;
    z-index: 10;
    padding-top: 10px;
    background: url(../img/bg-content.png) top center repeat-y;
}

#body {
    padding: 0 20px;
}

#footer {
    background: url(../img/bg-footer.png) top center no-repeat;
    height: 32px;
}

h2 {
    color: #990000;
    font-size: 2em;
    padding: 0.5em 0;
}

p {
    color: #222;
    line-height: 1.5em;
    padding-bottom: 0.75em;
    text-align: justify;
}

a.colorbox					{ border: 1px solid #767676; padding: 1px; margin: 5px 6px; float: left; }
a.colorbox img				{ border: 1px solid #767676; }

.lewa {
    float: left;
    width: 145px;
}

.prawa {
    margin-left: 150px;
}

table.cennik            { }
.cennik th              { padding: 0.3em 1em; background: #620000; font-weight: bold; color: #fff; }
.cennik td              { padding: 0.2em 0.5em;  }
.cennik .c1             { background: #F7EEE5; }
.cennik .c2             { background: #E6C9AC; }
.cennik th, .cennik td  { white-space: nowrap; }

#rezerwacja form table td { padding: 5px 2px; }

#lokalizacja .prawa { margin-left: 230px; }
#dodatkowo          { background: url(../img/dodatkowo.jpg) right 20px no-repeat; padding-right: 200px; min-height: 300px;  }
#cennik             { background: url(../img/cennik.jpg) right 20px no-repeat; padding-right: 200px; min-height: 300px;  }
#kontakt            { background: url(../img/kontakt.jpg) right 20px no-repeat; padding-right: 200px; min-height: 300px;  }

#o-nas.pl h2           { background: url(../img/pl/o-nas.png) left center no-repeat; height: 40px; text-indent: -9999px; }
#pokoje.pl h2          { background: url(../img/pl/pokoje.png) left center no-repeat; height: 40px; text-indent: -9999px; }
#sala.pl h2            { background: url(../img/pl/sala.png) left center no-repeat; height: 40px; text-indent: -9999px; }
#lokalizacja.pl h2     { background: url(../img/pl/lokalizacja.png) left center no-repeat; height: 40px; text-indent: -9999px; }
#dodatkowo.pl h2       { background: url(../img/pl/dodatkowo.png) left center no-repeat; height: 40px; text-indent: -9999px; }
#cennik.pl h2          { background: url(../img/pl/cennik.png) left center no-repeat; height: 40px; text-indent: -9999px; }
#rezerwacja.pl h2      { background: url(../img/pl/rezerwacja.png) left center no-repeat; height: 40px; text-indent: -9999px; }
#kontakt.pl h2         { background: url(../img/pl/kontakt.png) left center no-repeat; height: 40px; text-indent: -9999px; }

#o-nas.en h2           { background: url(../img/en/o-nas.png) left center no-repeat; height: 40px; text-indent: -9999px; }
#pokoje.en h2          { background: url(../img/en/pokoje.png) left center no-repeat; height: 40px; text-indent: -9999px; }
#sala.en h2            { background: url(../img/en/sala.png) left center no-repeat; height: 40px; text-indent: -9999px; }
#lokalizacja.en h2     { background: url(../img/en/lokalizacja.png) left center no-repeat; height: 40px; text-indent: -9999px; }
#dodatkowo.en h2       { background: url(../img/en/dodatkowo.png) left center no-repeat; height: 40px; text-indent: -9999px; }
#cennik.en h2          { background: url(../img/en/cennik.png) left center no-repeat; height: 40px; text-indent: -9999px; }
#rezerwacja.en h2      { background: url(../img/en/rezerwacja.png) left center no-repeat; height: 40px; text-indent: -9999px; }
#kontakt.en h2         { background: url(../img/en/kontakt.png) left center no-repeat; height: 40px; text-indent: -9999px; }

#o-nas.de h2           { background: url(../img/de/o-nas.png) left center no-repeat; height: 40px; text-indent: -9999px; }
#pokoje.de h2          { background: url(../img/de/pokoje.png) left center no-repeat; height: 40px; text-indent: -9999px; }
#sala.de h2            { background: url(../img/de/sala.png) left center no-repeat; height: 40px; text-indent: -9999px; }
#lokalizacja.de h2     { background: url(../img/de/lokalizacja.png) left center no-repeat; height: 40px; text-indent: -9999px; }
#dodatkowo.de h2       { background: url(../img/de/dodatkowo.png) left center no-repeat; height: 40px; text-indent: -9999px; }
#cennik.de h2          { background: url(../img/de/cennik.png) left center no-repeat; height: 40px; text-indent: -9999px; }
#rezerwacja.de h2      { background: url(../img/de/rezerwacja.png) left center no-repeat; height: 40px; text-indent: -9999px; }
#kontakt.de h2         { background: url(../img/de/kontakt.png) left center no-repeat; height: 40px; text-indent: -9999px; }


#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
#cboxOverlay{background:#fff;}
#colorbox{}
#cboxContent{margin-top:32px;}
#cboxLoadingGraphic{background:url(../img/loading.gif) center center no-repeat;}
#cboxLoadingOverlay{background:#000;}
#cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
#cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
#cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(../img/controls.png) 0 0 no-repeat;}
#cboxPrevious{background-position:0px 0px; right:44px;}
#cboxPrevious.hover{background-position:0px -25px;}
#cboxNext{background-position:-25px 0px; right:22px;}
#cboxNext.hover{background-position:-25px -25px;}
#cboxClose{background-position:-50px 0px; right:0;}
#cboxClose.hover{background-position:-50px -25px;}
.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
.cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
.cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}