#page { width: 960px; margin: 0px auto; padding: 0; }

#header-top { height: 64px; background: url(../images/header-top-bg.png) 0 bottom no-repeat;}

#header-top ul#lang { float: left; width: 243px; padding: 0; margin: 24px 0 0 0; list-style-type: none; }
#header-top ul#lang li { float: right; padding: 0 0 0 10px; margin: 0; color: #cccccc; }
#header-top ul#lang li a { margin: 3px 0 0 0; text-indent: -9999px; font-size: 0; width: 16px; height: 11px; display: block; overflow: hidden; }
#header-top ul#lang li.pl a { background: url(../images/flag_pl.png) 0 0 no-repeat; }
#header-top ul#lang li.de a { background: url(../images/flag_de.png) 0 0 no-repeat; }

#header-top #search-form { float: right; margin-top: 20px; color: #cccccc;}
#header-top #search-form input { float: right; }
#header-top #search-form label { float: right; margin: 4px 0 0 0; }
#header-top #search-form input.text { margin: 2px 2px 0 8px; border: 0; background: #DCDCDC; padding: 2px 1px;}

#banner-top { width: 960px; height: 200px; margin: 0; background: #fff; position: relative; border-bottom: 1px solid #fff; }
#banner-top #banner-top-cont { width: 960px; height: 200px; overflow: hidden; position: relative; }
#banner-top h1 { position: absolute; left: -40px; top: 20px; width: 40px; height: 74px; background: url(../images/banner-left-bg3.png) 0 0 no-repeat; text-indent: -9999px; font-size: 0;}

#space { width: 960px; height: 8px; overflow: hidden; background-color: #edf5e3; }

#container { background: #fff url(../images/left-side-bg.jpg) 0 0 no-repeat; margin-bottom: 15px; width: 960px; border-top: 1px solid #fff; }
#container #left-side { float: left; width: 242px; padding: 30px 0;}

#container #left-side #home-page { padding: 0 0 0 20px; margin: 0 0 10px 30px; background: url(../images/home-icon.png) 0 2px no-repeat; }
#container #left-side #home-page a { color: #222; font-size: 1.3em; font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;}

#container #left-side ul.menu-top { padding: 0; margin: 0 0 50px 0; list-style-type: none; }
#container #left-side ul.menu-top li { padding: 0 0 0 20px; margin: 0 10px 10px 30px; background: url(../images/arrow1.png) 0 3px no-repeat; }
#container #left-side ul.menu-top li a { padding: 0; padding: 0px; color: #222; font-size: 1.3em; font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;}
#container #left-side ul.menu-top li a.menu-current { color: #FF6600; }
#container #left-side ul.menu-top ul { padding: 0; margin: 10px 0; list-style-type: none; }
#container #left-side ul.menu-top ul li { padding: 0 0 0 20px; margin: 0 0 5px 0px; background: url(../images/arrow2.png) 0 2px no-repeat; }
#container #left-side ul.menu-top li ul li a { padding: 0; padding: 0px; color: #222; font-size: 1em; font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;}

#container #left-side #left-kontakt { clear: both; width: 125px; margin: 0 auto; position: relative; padding: 0; }
#container #left-side #left-kontakt a.link { margin: 0; text-indent: -9999px; font-size: 0; display: block; width: 125px; height: 26px; background: url(../images/kontakt.png) 0 0 no-repeat; }
#container #left-side #dane-kontakt h2 { font-size: 1.1em; color: #275E0D; margin: 0 0 10px 0;}
#container #left-side #dane-kontakt { display: none; position: absolute; bottom: 26px; left: -39px; padding: 15px; width: 170px; height: 220px; border: 1px solid #4AA4C6; background: #fff; 
	filter:alpha(opacity=95);
	-moz-opacity: 0.95;
	opacity: 0.95;
}

#container #main-content { float: right; width: 717px; }
#container #green-content { background: #fff url(../images/green-content-bg.png) 0 0 repeat-x; height: 210px; border-bottom: 1px solid #d0dcc2; padding: 20px 35px; overflow: hidden; }
#container #green-content h2 { float: left; width: 240px; font-weight: normal; font-size: 2.2em; font-family: "Times New Roman", Tahoma, Verdana, Helvetica, sans-serif; margin: 0 0 5px 0; padding: 0; color: #ccff00; text-transform: uppercase; white-space: nowrap; }
#container #green-content .prevPage, #container #green-content .nextPage { display: none; }
#container #green-content ul.nav { float: right; height: 39px; width: 370px; margin: 0; padding: 0; list-style-type: none; border-bottom: 1px solid #FF5F00; }
#container #green-content ul.nav li { float: left; padding: 3px 0 0 10px; margin: 0; }
#container #green-content ul.nav li a { display: block; height: 21px; width: 25px; padding: 5px 0 0 0; text-align: center; font-size: 1.1em; font-weight: bold; color: #FFFFFF; margin: 0; font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; }
#container #green-content ul.nav li a.active { background: url(../images/nav-active.png) 0 0 no-repeat;  color: #fff; }

#green-content .slide-content { clear: both; float: left; }
#green-content .slide-content .img { float: left; width: 240px; height: 150px; background: #fff; border: 1px solid #fff;}
#green-content .slide-content .description { float: right; padding: 0 35px; width: 335px; height: 150px; overflow: hidden; }
#green-content .slide-content .description h3 { padding: 0; margin: 10px 0; display: block; color: #fff; font-size: 2em; font-weight: normal; font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; }
#green-content .slide-content .description p { color: #325f04; font-size: 1.1em; font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; }

#container .content { padding: 20px 35px; }
#container .content p { line-height: 1.6em; }
#container .content h3.title { font-weight: normal; color: #289BCC; padding: 0; margin: 0 0 10px 0; font-size: 2em; font-family: "Times New Roman", Tahoma, Verdana, Helvetica, sans-serif; }
#container #content-start { padding: 20px 35px; background: #ececec url(../images/content-start-bg.png) 0 0 repeat-x; color: #4e2e2f; }
#container #content-start h3 { font-weight: normal; font-size: 2.3em; font-family: "Times New Roman", Tahoma, Verdana, Helvetica, sans-serif; margin: 0 0 5px 0; padding: 0;}
#container #content-start h3.title { display: none; }
#container #content-start a.more { font-weight: bold; color: #fff; display: block; width: 100px; text-align: center; background: #4E302E url(../images/btn2a.png) 0 0 no-repeat;}
#container #content-start a.more span { display: block; background: url(../images/btn2b.png) right 0 no-repeat; height: 19px; padding: 1px 0 0 0; cursor: pointer; }

#container .content ul#boxes { padding: 0; margin: 0; list-style-type: none; }
#container .content ul#boxes li { float: left; padding: 0 19px 0 0; margin: 0; }
#container .content ul#boxes li.last { padding: 0; margin: 0; }
#container .content ul#boxes li a { display: block; width: 203px; height: 98px; text-indent: -9999px; font-size: 0; }
#container .content ul#boxes li a.box-oferta { background: #FF5B00 url(../images/box-oferta.jpg) 0 0 no-repeat; }
#container .content ul#boxes li a.box-restauracja { background: #145779 url(../images/box-restauracja.jpg) 0 0 no-repeat; }
#container .content ul#boxes li a.box-rezerwacja { background: #44731f url(../images/box-rezerwacja.jpg) 0 0 no-repeat; }

#container #start-bottom { margin: 10px 0 0 0; color: #4e2e2f; }
#container #start-bottom h2 { font-weight: normal; font-size: 1.8em; font-family: "Times New Roman", Tahoma, Verdana, Helvetica, sans-serif; margin: 0 0 5px 0; padding: 0; }
#container #start-bottom h3 { font-weight: normal; font-size: 1.8em; font-family: "Times New Roman", Tahoma, Verdana, Helvetica, sans-serif; margin: 0 0 5px 0; padding: 0; }
#container #news { float: left; width: 385px; padding: 0 35px; }
#container #news ul { padding: 0; margin: 0; list-style-type: none; }
#container #news ul li { padding: 10px 0; margin: 0; border-bottom: 1px solid #E3DDCF; }
#container #gallery-right { float: right; width: 255px; padding: 0 0 0 5px; }
#container #gallery-right a.more { color: #fff; text-align: center; display: block; width: 160px; height: 33px; display: block; margin: 10px auto 0 auto; background: #44731f url(../images/btn1.png) 0 0 no-repeat; }
#container #gallery-right a.more strong { display: block; padding: 8px 0 0 0; }

.content .post_date { font-weight: normal; }
.content h4 { font-weight: bold; color: #FF7800; margin: 0; padding: 0; font-size: 1em; }

#footer { clear: both; border-top: 1px solid #e3ddcf; padding: 15px 0 40px 0;}
#footer ul.menu-top { float: left; padding: 0; margin: 0; list-style-type: none;}
#footer ul.menu-top li { display: inline;  padding: 0 10px; margin: 0; border-right: 1px solid #e3ddcf; }
#footer ul.menu-top li.menu-first { padding: 0 10px 0 0; }
#footer ul.menu-top li.menu-last { border: 0; }
#footer ul.menu-top li a { color: #b2b2b2; }
#footer p { clear: both; padding: 1em 0 0 0; color: #b2b2b2; }


/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container { position: relative; }
.jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; }
.jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; }
.jcarousel-list li, .jcarousel-item { 
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 230px;
    height: 150px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next { z-index: 3; display: none; }
.jcarousel-prev { z-index: 3; display: none; }


.jcarousel-skin-tango .jcarousel-container { background: #F2F3EF; }

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 230px;
    padding: 10px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  230px;
    height: 150px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 230px;
    height: 150px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 0px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 70px;
    right: -5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 70px;
    left: -5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}