*{
     border: 0;
     margin: 0;
     padding: 0;
}
body{
     background-color: #000;
     color: #bf0202;
     padding: 10px;
     font-size: 12px;
     font-weight: normal;
     font-family: Georgia;
}
a {
     text-decoration: none;
     color: #bf0202;
}
a:hover {
     text-decoration: none;
     color: #bf0202;
}
.naglowek {
     background: url(img/interior.jpg) no-repeat left top #000;
     padding-top: 10px;
     margin: 0 auto;
     width: 870px;
     height: 115px;
}
.strona {
     width: 770px;
     margin: 20px auto 0;
}
.col1 {
     width: 170px;
     margin: 0;
     background: url(img/menu-bg.jpg) repeat-x top left #000;
     height: 300px;
     float: left;
}
.col2 {
     width: 318px;
     height: 320px;
     background: url(img/obraz.jpg) no-repeat top left #000;
     float: left;
     margin: 0 0 40px 15px;
}
.col3 {
     width: 237px;
     float: right;
     margin:0 15px;
     text-align: left;
}
.col4 {
     width: 570px;
     margin: 0 15px 40px;
     float: right;
     text-align: justify;
}
.col4 img {
     float: left;
     margin: 0 10px 5px 0;
}
.fix {
     clear:both;
     height:1px;
     margin:0 0 -1px;
     overflow:hidden
}
.pasek {
     margin-right: 15px;
     height: 110px;
     background: url(img/pasek-bg.jpg) repeat-x left top #000;
     padding: 14px 0 0 10px;
}
.pasek ul {
     list-style-type: none;
}
.pasek ul li {
     display: inline;
     float:left;
     padding-left: 15px;
}
.menu ul {
     list-style-type: none;
     text-align: center;
     font-size: 1.2em;
/*      font-weight: bold; */
     color: #bf0304;
}







.footer {
     width: 470px;height:60px;
     margin: 0 auto;
}
.footer img {
     padding: 0 10px;
     float: left;
}
.contact-table {
     width: 500px;
     float: left;
     display: block;
     margin: 20px 0 0 20px;
}
.contact-table form table tr td {
     padding: 5px;
}
.contact-table input {
     background-color: #000;
     border: solid 1px #fff;
     color: #fff;
}
.contact-table textarea {
     background-color: #000;     
     border: solid 1px #fff;
     color: #fff;
}
.read-more {
     text-align: right;
     text-decoration: underline;
     margin-top: 10px;
}
.rates table {
    border-collapse:collapse;
    margin-top: 15px;
}
.rates td {
     border: solid 1px #c00000;
     padding:3px 7px 2px 7px;
}







            

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
	
}

.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			8em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			170px;;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {color:#ffffff;
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
	margin:0px;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {left:30px;
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			30em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	
}
.sf-menu a {color:#ffffff;
margin:0;
	padding:0px;
	text-decoration:none;
}

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
			color:#ffffff;
}
.sf-menu li {
	 border-bottom: solid 1px #000;
}
.sf-menu li li {left:170px;top:-45px;

}
.sf-menu li li li {

}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	color:#ffffff;
	outline:		0;
}













