body { background-color: #434343; text-align: center; margin: 0; }
	


#container { background: url(images/container_top.gif) top left no-repeat; width: 982px; margin: 0 auto 0 auto; height: auto; text-align: left;   }
#main_container {
	background: url(images/container_bg.gif) top left repeat-y;
	width: 982px;
	margin: 0 auto 0 auto;
	height: auto;
}
#menu {
	margin: 0px 0px 0px 30px;
	width: 930px;
}
#jezyk {
	margin: 0px auto 0px auto;
	width: 900px;
	text-align:right;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
#jezyk a:hover { color: #CCCCCC; }
#jezyk a { color: #ffffff; text-decoration:none; }
#menu img { margin: 0; display: inline; float: left; }

#rest_container { width: 982px; height: auto; margin: 1px 0;; background: url(images/chodnik_bg.jpg) top left no-repeat; float: left; display: inline; }
#flash { width: 572px; height: 369px; float: left; display: inline; margin-left: 30px;  }
#grey_field { width: 349px; height: 369px; float: left; display: inline; background: #8a8a8a url(images/logo.gif) top left  no-repeat; margin-left: 1px; }
#text_field { width: 349px; height: 180px; overflow: scroll; overflow-x: hidden;  margin-top: 180px; display: block; }

#text_field .date
{
    padding: 3px 0 0 20px;
    margin: 0;
    float: left;
    width: 100%;
    font-family: Arial;
    font-size: 9px;
    color: #ddd;
}

#text_field .content
{
    padding: 5px 0 0 20px;
    margin: 0;
    float: left;
    width: 310px;
    font-family: Arial;
    font-size: 12px;
    color: #fff;
}

#text_field a
{
    padding: 5px 0 0 20px;
    font-size: 11px;
    font-family: Arial;
    color: #cfc;
}

#text_field hr
{
    float: right;
    clear: both;
    margin-right: 5%;
    width: 90%;
    border: 1px outset #999;
    height: 1px;
}

p.text { width: 300px; float: left; display: inline; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin: 10px 20px 0 20px; }
p.text_2 { width: 300px; float: left; display: inline; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin: 10px 20px 0 20px; }

p.text a:hover { color: #CCCCCC; }
p.text a { color: #FFFFFF; }

h1 { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #FFFFFF; float: left; display: inline; width: 290px; margin: 17px 20px 0 20px; }
h2 { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #FFFFFF; float: left; display: inline; width: 290px; margin: 17px 20px 0 20px; }
ul#list { width: 290px; height: auto; list-style: outside none; float: left; display: inline; margin: 7px 20px 0 0; padding: 0;}
ul#list li {  font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; float: left; display: inline; font-size: 11px; width: 290px; background: url(images/bullet.gif) 0 3px no-repeat; padding-left: 14px; line-height: 14px; margin-left: 30px; }
#reservation { width: 349px; height: 180px; float: left; display: inline; background: #434343; margin-top: 161px; }
#clear { clear: both; height: 39px; width: 982px; background: url(images/container_bottom.gif) top left no-repeat; } 

#bottom_container { width: 921px; height: auto; margin-left: 30px; float: left; display: inline; }
#left { width: 461px; height: auto; float: left; display: inline; }
#left p { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; float: left; display: inline; width: 200px; margin: 30px 0 0 20px; }
#left p a { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; float: left; display: inline; width: 100px; margin: 8px 90px 0 0; text-decoration: underline; background: url(images/small_button.gif) top right no-repeat;  }
#left p a:hover { color: #333333; }
#right { width: 460px; height: auto; float: left; display: inline; }
#right p { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; float: left; display: inline; width: 200px; margin: 30px 0 0 20px; }
#right p a { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; float: left; display: inline; width: 100px; margin: 8px 90px 0 0; text-decoration: underline; background: url(images/small_button.gif) top right no-repeat; }
#right p a:hover { color: #333333; }

.photo { width: 168px; height: 66px; border: #666666 1px solid; float: left; display: inline; margin: 30px 0 0 45px;  }
.photo img { border: none; float: left; display: inline; margin: 1px 0 0 1px;  }

form#rez { float: left; display: inline; margin: 10px 0 0 70px; padding: 0; }
form#rez .field { background: url(images/kalendarz.gif) bottom right no-repeat; float: left; display: inline; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; height: auto; width: 205px; margin: 5px 0; }
form#rez .field p { font-size: 11px; float: left; display: inline; margin: 0; }
form#rez .field select { clear: left; float: left; display: inline; width: 180px; margin: 0; border: #CCCCCC 1px solid; }

form#rez .field_2 { float: left; display: inline; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; height: auto; width: 205px; margin: 5px 0; }
form#rez .field_2 p { font-size: 11px; float: left; display: inline; margin: 5px 0; }
form#rez .field_2 select { float: left; display: inline; width: 110px; margin: 0 0 0 18px; border: #CCCCCC 1px solid; }

form#rez .field_1 { float: left; display: inline; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; height: auto; width: 205px; margin: 5px 0; }
form#rez .field_1 p { font-size: 11px; float: left; display: inline; margin: 0; }
form#rez .field_1 select { clear: left; float: left; display: inline; width: 180px; margin: 0; border: #CCCCCC 1px solid; }

form#rez #submit { float: left; display: inline; background-color: #CCCCCC; color: #333333; border: #000000 1px solid; height: 22px; margin-left: 131px;  }