@import "reset.css";

html {
           background: url(../images//sandTx.png);
}
body {
    font-family: arial;
    font-size: 10pt;
    color: #433737;
 

}
a {
    color: #433737;
    text-decoration: none;
}
a:hover {
    color: #b78259;
}
p {
    margin-bottom: 10px;
}
#wrapTop {
    background: url(../images//wavesTop.png) repeat-x;
}
#bookOnline {
	position:absolute;
	top:0px;
	right:200px;
	height:54px;
	width:244px;
	background: url(/public/images/default//rezerwacja-online.png) no-repeat
	
}
#bookOnline a {
	display:block;
	text-indent:-9000px;
	height:54px;
	
}

.bellTop {
	background: url(/public/images/bellTop.png) no-repeat;
	height:22px;
	width:31px;
	position:absolute;
	display:block;
top: 13px;
right: 15px;
cursor:pointer;
}

    #bookOnline:hover .bellTop{
        -webkit-animation: anim1 0.2s linear infinite; 
    }
    
         
@-webkit-keyframes anim1
{
   from {-webkit-transform: rotate(0deg); }
   25%  {-webkit-transform: rotate(15deg); }
   75%  {-webkit-transform: rotate(-15deg); }   
   to  { -webkit-transform: rotate(0deg); }
}

#wrapHeader {
    width: 1022px;
    margin: 0 auto;
    position: relative;
}
#header {
    width: 980px;
    margin-left: 21px;
    position: relative;
    min-height: 100px;
}
#logo {
    float: left;
    width: 178px;
}
#menuBar {
    float: right;
}
ul#menu {
    margin: 0;
    padding: 0;
    clear: right;
}
ul#menu li {
    float: left;
    list-style: none;
    height: 49px;
    margin: 0px 10px 0 10px;
    position: relative;
}
ul#menu li.selected {
    background: url(../images//menuLeft.png) top left;
}
ul#menu li a {
    height: 27px;
    font-size: 12px;
    padding: 22px 10px 0 10px;
    display: block;
    margin-right: -14px;
}
ul#menu li.selected a {
    background: url(../images//menuRight.png) top right no-repeat;
}
#osrodekBttn {
    height:40px;
    position:absolute;
    top:49px;
    left:250px;
    width:103px;
    text-indent:-9000px;
    display:block;
    background: url(../images//osrodek.png) top right no-repeat;
}
#osrodekBttn:hover  {
        background: url(../images//osrodek.png) bottom right no-repeat;

}
span.current {
    position: absolute;
    bottom: -1px;
    left: 48%;
    background: url(../images/default/menuTip.png) no-repeat;
    height: 6px;
    width: 16px;
}
.contactTop {
    float: right;
    height: 35px;
    padding-top: 6px;
}
.contactTop a {
    color: #50582d;
    font-size: 10px;
}
.contactTop span {
    font-size: 12px;
}
h1 {
    font-size: 20pt;
    margin-bottom: 20px;
    background-position: bottom;
    font-weight: normal;
    line-height: 80%;
}
#sliderContainer {
    width: 991px;
    height: 408px;
    overflow: hidden;
    z-index: 1;
    position: relative;
    margin-top: 10px;
    padding-left: 31px;
    padding-top: 9px;
}
#slider {
    height: 398px;
    overflow: hidden;
    width: 960px;
}
#slider div {
    height: 398px;
}
#sliderPager {
    position: absolute;
    width: 120px;
    height: 20px;
    right: 10px;
    bottom: 4px;
    z-index: 120;
}
#sliderPager a {
    background: url(/public/images/default/li.png) no-repeat;
    width: 13px;
    height: 13px;
    display: block;
    float: left;
    text-indent: -10000px;
    margin-left: 10px;
}
#sliderPager a:hover {
    background-position: right center;
}
#sliderPager a.pagerActive {
    background-position: right center;
}
#sliderOver {
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: 110;
    height: 417px;
    width: 1022px;
    background: url(/public/images/default/sliderBg.png);
}
.go-next {
    cursor: pointer;
    outline: none;
    text-indent: -4000px;
    z-index: 300;
    position: absolute;
    right: 2px;
    top: 167px;
    width: 26px;
    height: 52px;
    background: url(/public/images/default/arrows.png) no-repeat top right;
}
.go-next:hover {
    background-position: bottom right;
}
.go-prev {
    cursor: pointer;
    outline: none;
    text-indent: -4000px;
    z-index: 300;
    position: absolute;
    left: 2px;
    top: 167px;
    width: 26px;
    height: 52px;
    background: url(/public/images/default/arrows.png) no-repeat top left;
}
.go-prev:hover {
    background-position: bottom left;
}
#feet {
    height: 162px;
    width: 103px;
    background: url(/public/images/default/feet.png) no-repeat;
    position: absolute;
    top: 50px;
    left: -90px;
}
#wrapperMain {
    width: 980px;
    margin: 0 auto;
    padding-top: 30px; 
}
#sideBarMain {
    width: 225px;
    background: url(/public/images/default/sideBarMainBg.png) no-repeat;
    height: 445px;
    position: relative;
    text-indent: -9000px;
    width: 225px; 
    float:left;
}

#submenu {
        width: 225px;
        margin-top:8px;
float:left;
position:relative;
overflow:visible;
background:url(../images/default/submenuRepeat.png) repeat-y;
}
#submenu ul {
    background:url(../images/default/submenuTop.png) no-repeat;
    padding:8px 0 0 0;
    margin:-8px 0 0 0;
    position:relative;
}
#submenu ul li a { color:#fff;}
#submenu ul li {

    background:url(../images/default/submenuLine.png) repeat-x top;
    margin:0 1px 0 1px;
    list-style:none;
    padding:12px 0 10px 16px; 
}

#submenu ul li.over {
    background:url(../images/default/submenuHover.png) repeat-x top #674E2C; 
        padding:12px 0 12px 16px; 
}
#submenu .bottom {
    height:8px;
    margin-bottom:-8px;
    bottom:225px;
    background:url(../images/default/submenuBottom.png) no-repeat;
}
.domek3 {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 203px;
    height: 84px;
    display: block;
}
.domek4 {
    position: absolute;
    top: 115px;
    left: 10px;
    width: 203px;
    height: 84px;
    display: block;
}

.domek41 {
        position: absolute;
    top: 152px;
    left: 120px;
    width: 100px;
    height: 18px; 
    display: block;
}
.domek42 {
        position: absolute;
    top: 172px;
    left: 120px;
    width: 100px;
    height: 18px;
    display: block;
}
.domek6 {
    position: absolute;
    top: 316px;
    left: 10px;
    width: 203px;
    height: 84px;
    display: block;
}

.domek5 {
    position: absolute;
    top: 215px;
    left: 10px;
    width: 203px;
    height: 84px;
    display: block; 
}
.subMoreBttn {
    display: block;
    height: 35px;
    bottom: 0;
    left: 0;
    width: 225px;
    position: absolute;
    background: url(../images/default//subMoreBttn.png) no-repeat top center;
}
.subMoreBttn:hover {
    background-position: bottom center;
}
#mainTitle {
    text-indent: -9000px;
    height: 32px;
    background: url(../images/default//witamy.png) no-repeat top center;
}
#content {
    width: 715px;
    float: right;
    -moz-box-shadow: 0px 1px 3px #9f9a87; /* Firefox */
    -webkit-box-shadow: 0px 1px 3px #9f9a87; /* Safari, Chrome */
    box-shadow: 0px 1px 3px #9f9a87; /* CSS3 */
    background: #fbf8ee;
    -moz-border-radius: 5px; /* Firefox */
    -webkit-border-radius: 5px; /* Safari, Chrome */
    border-radius: 5px; /* CSS3 */
    padding: 15px;
}
#content p {
    color: #5a361f;
    line-height: 150%;
}
.aktualnosciTitle {
    height: 39px;
    background: url(../images/default//aktualnosciTitle.png) no-repeat top left;
    text-indent: -9000px;
}
.newsImg {
    float: left;
    margin: 0 5px 5px 0;
    position: relative;
    width: 89px;
    height: 59px;
}
.newsImg img {
    position: absolute;
    top: 4px;
    left: 4px;
}
.newsImg span.over {
    width: 89px;
    height: 59px;
    background: url(../images/default/newsItem.png) no-repeat;
    position: absolute;
    top: 0px;
    left: 0px;
}
.aktualnosciBox h3 {
    font-size: 12px;
    color: #cb5819;
    margin-bottom: 5px;
}
.newsListTitle {
     font-size: 15px;
    color: #cb5819;
    display:block;
    margin-bottom: 5px;
}
 .aktualnosciBox h3 a {
     color: #cb5819;
 }   
.aktualnosciBox h3 a {
    color: #cb5819;
}
.aktualnosciBox {
    margin-top: 15px;
}
.aktualnosciBox .more {
    background: url(../images/default/breakLine.png) no-repeat left top;
    padding-top: 8px;
    color: #6e2c05;
    font-size: 10px;
    display: block;
    width: 294px;
    clear: both;
}
.aktualnosciBox .more span {
    height: 14px;
    width: 14px;
    float: left;
    margin-right: 7px;
    background: url(../images/default/buttonPin.png) no-repeat top center;
}
.aktualnosciBox .more:hover span {
    background-position: bottom center;
}


#footer {
    text-align: right;
    padding-top: 10px;
    color: #a77950;
    font-size: 11px;
}
#footer a {
    color: #a77950;
}
.form th {
    background: #dfdfdf;
}
.form {
    font-size: 13px;
    line-height: 18px;
}
.formBack th {
    padding: 5px;
}
table.form {
    width: 100%;
}
table.form td {
    padding: 3px;
    text-align: left;
    vertical-align: top;
    line-height: 15pt;
    vertical-align: bottom;
}
div.msg_error {
    padding: 12px;
    margin: 10px 0px 10px 0px;
    background: url('../images//icons/error.png') 20px 15px no-repeat;
    background-color: #FBE3E4;
    color: #D12F19;
    border: 1px solid #FBC2C4;
    padding-left: 50px;
}
div.msg_info {
    padding: 12px;
    background: url('../images//icons/info.png') 20px 15px no-repeat;
    background-color: #dbedf6;
    color: #0b384f;
    border: 1px solid #aecad9;
    margin: 10px 0px 10px 0px;
    padding-left: 50px;
}
div.msg_notice {
    padding: 12px;
    background: url('../images//icons/info.png') 20px 15px no-repeat;
    background-color: #FFF6BF;
    color: #817134;
    border: 1px solid #FFD324;
    margin: 10px 0px 10px 0px;
    padding-left: 50px;
}
div.msg_ok {
    padding: 20px;
    background: #e2f3ec;
    border: 1px solid #9ec7b7;
    margin-bottom: 20px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
input, select, textarea {
    font-family: arial;
    padding: 7px;
    border: 1px solid #c3a96f;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    font-size: 9pt;
    color: #433737;
    background: url(../images//textback.png) #e9e3cf repeat-x;
}
input.error, select.error, textarea.error {
    padding: 7px;
    border: 1px solid #a0433f;
    color: #ffa76c;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}
label.error {
    display: block;
    font-size: 7pt;
    background: #a0433f;
    padding: 2px 10px 2px 10px;
    color: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    width: 100px;
}
table.listing {
    width: 100%;
    border-collapse: collapse;
    margin: 0px;
    border: 1px solid #c4bb9a;
    background-color: #eeeeee;
}
table.listing tr.two td {
    text-align: center;
    padding: 7px;
    background-color: #fafafa;
    border-bottom: 1px solid #cccccc;
}
table.listing tr.one td {
    text-align: center;
    padding: 7px;
    background-color: #eeeeee;
    border-bottom: 1px solid #aaaaaa;
}
table.listing tr.total td {
    padding: 7px;
    background-color: #eeeeee;
    color: #679900;
    font-size: 16pt;
}
table.listing th {
    text-align: center;
    background-color: #2b8fd9;
    border-bottom: 1px solid #303030;
    padding: 5px;
    color: #ffffff;
    font-weight: normal;
}
img.border {

     -moz-border-radius: 10px;
     border-radius:10px;
}

img.border:hover {
box-shadow: 0px 2px 2px #000;
}
.formTable tr td {
    padding: 3px;
}
#hotresOverlay {
    z-index: 1000;
}
#hotresContent {
    z-index: 1001;
}
#hotresClose {
    z-index: 1001;
}
#hotresPowered {
    z-index: 1001;
}
table.cennik {
    width: 100%;
    border: 0px;
}
table.cennik td {
    padding: 7px;
    background-color:#f2ecd9 ;
    border: 2px solid #fff;
}
.bttnMoreNews {
    background:url(../images/default/seeMoreBttn.png) no-repeat;
    width:176px;
    height:30px;
    cursor:pointer;
    border:none;
    text-align:right;
    padding-right:10px;
    font-size:12px;
    line-height:25px;
    color:#fff;
}

#lang {
	
	position: absolute;
top: 5px;
right: 136px;
}

#lang ul li {
	float:left;
	list-style:none; 
	margin-left:12px; 
}