/* 
    Document   : style
    Created on : 2012-08-16, 19:52:15
    Author     : mmiskiewicz
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}
a img {
    border: 0px;
}
body {
    background: url('../img/bg.png');
    font-family: "Trebuchet MS", Arial, Helvetica, "Sans Serif";
}
#container {
    margin: -10px auto 0px auto;
    width: 820px;
    background-color: white;
    -webkit-box-shadow: 0px 0px 10px #000;
    -moz-box-shadow: 0px 0px 10px #000;
    box-shadow: 0px 0px 10px #000;
    position: relative;
    z-index: 1;
}
#top {
    display: block;
    height: 140px;
    background: url('../img/main-logo.png');
    background-position: center center;
    background-repeat: no-repeat;
}
#menu {
    height: 46px;
    background: url('../img/menu-bg.png');
    color: white;
    position: relative;
    z-index: 5
}
#images {
    margin-top: -10px;
    z-index: 0;
    position: relative;
    height: 260px;
}
#images div {
    position: absolute;
    bottom: 0px;
    width: 100%;
    background: #000;
    opacity: 0.6;
    height: 60px;
}
#images p {
    position: absolute;
    bottom: 20px;
    left: 20px;
    font-size: 22px;
    color: white;
    margin: 0;
}
section#content {
    background: url('../img/content-bg.png');
    background-repeat: repeat-x;
    padding-top: 10px;
}
#content .left {
    width: 780px;
    float: left;
    margin-left: 17px;
    margin-right: 17px;
}
#content .right {
    width: 230px;
    float: left;
    border-left: 1px solid #c5c0bb;
    min-height: 340px;
    padding-left: 10px;
}
.main-text {
    font-size: 19px;
    font-style: italic;
    color: #848484;
}
#content header {
    color: #3c2313;
    font-size: 16px;
    font-weight: bold;
    font-style: italic;
}
.right .room-info {
    color: #848484;
    font-weight: bold;
    font-size: 12px;
    margin-left: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.inner-left {
    float: left;
    width: 250px;
    margin-right: 10px;
    border-right: 1px solid #c5c0bb;
}
.inner-right {
    float: left;
    width: 250px;
}
.contact-credits {
    color: #746358;
    margin-top: 40px;
    margin-bottom: 20px;
}
#bottom-menu {
    width: 680px;
    text-align: center;
    padding: 15px 0px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 10px #000;
    -moz-box-shadow: 0px 0px 10px #000;
    box-shadow: 0px 0px 10px #000;
    margin: -10px auto 0px auto;
    position: relative;
    z-index: 0;
    background: #ececec;
}
#bottom-menu a {
    text-decoration: none;
    color: #848484;
    font-size: 13px;
}
#image-roller {
    padding: 0;
    margin: 0;
    list-style: none;
}
.top-menu-ul {
    padding:0px;
    margin: 0px;
}
.top-menu-ul a {
    text-decoration: none;
    color: white;
}
.top-menu-ul li {
    float: left;
    margin-right: 10px;
    list-style: none;
    padding: 5px 15px;
    font-size: 15px;
    margin-top: 5px;

}
.room_menu  {position:relative}
.room_menu:hover > ul{ display:block;}
.room_menu ul {
display:none; position:absolute; left:0; padding:0; background-color:#5b8a9a; z-index:9999;
}
.room_menu ul li{
display:block;
border-bottom:1px #fff solid;
margin:0; min-width:60px; 
}
.room_menu ul li:last-child{border:0}
.room_menu ul li a{
text-align:center;
}
#lux_photo{
text-align:center
}
#lux_photo a img{
width:30%; height:30%;
}
/* Cennik */
#cennik{text-align:center;width:450px; padding-top:10px;}#cennik table{border-collapse:collapse;border-spacing:0;text-align:center}#cennik .header{border:1px solid #000;font-weight:bold;border-bottom:0;padding:5px 0;width:99.7%}#cennik table td{border:1px solid #000;height:120px}#cennik .first{width:25%}#cennik .two{width:39%}#cennik .title{border-bottom:1px solid #000;display:block;padding:5px 0;width:100%}#cennik .bottom{display:block;height:40px;padding:30px 0}

#lang-select{
float:right;
padding-top:12px;
}
#lang-select ul{
list-style:none;
margin:0;
}
#lang-select li {
float:left;
padding-left:5px;
}