/* 
    Document   : layout
    Created on : 2009-06-06, 11:59:44
    Author     : exu
    Description:
        Purpose of the stylesheet follows.
*/

body {
       margin:0px;
       padding:0px;
       font-family: Arial,Verdana,Helvetica;
       font-style: normal;
       font-weight: normal;
       font-size: 16px;
       
       font-weight:bold;
       color: #000000;
       background: #f1e767 url(../images/tpl/tpl-bg.jpg) repeat-x top;
}

a {
        font-family: Arial,Verdana,Helvetica;
        /*font-size:13px;*/
        margin:0px;
        padding:0px;
        text-decoration: none;
        
        font-weight: normal;
        /*text-align:right;*/
}

a:hover {
        text-decoration:underline;
}


#layout-container {
    width: 100%;
    margin: 0px;
    background: url('../images/tpl/tpl-head.jpg') no-repeat top;
}

#layout-header {
    width: 960px;
    margin-left: auto;
    margin-right: auto;
    height: 270px;
}


.menu {
	height: 40px;
	width: 920px;
	text-align: left;
	line-height: 40px;
	padding: 0px 20px;
}

.menu a {
	line-height: 40px;
	font-size: 22px;
	margin-right: 10px;
	color: white;	
	height: 60px;
	text-shadow: #000 2px 2px 5px;
}

.menu a.menu-active {
	color: yellow;
	text-shadow: #fff 2px 2px 5px;
}


#layout-header .company-info {
	clear: left;
	height: 280px;
	width: 330px;
	float: left;
	/*background: yellow;
	opacity: 0.5;*/
}

#layout-header .company-info .address {
	margin: 135px 0px 0px 10px;
	color: white;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
}

#layout-header .comf1e767pany-info .address a {
	color: #ddec73;
	font-size: 20px;
}

#layout-header .company-info .address .company-address,
#layout-header .company-info .address .company-url {
	margin-bottom: 10px;
}

#layout-header .flash {
	height: 250px;
	width: 630px;
	float: left;
	/*background: green;
	opacity: 0.5;*/
}


#layout-content{
    background: url('../images/tpl/tpl-content.jpg') repeat-y top center;    
}


#layout-content .content-container {
    margin-left: auto;
    margin-right: auto;
	width: 900px;
    padding-bottom: 20px;
}

#layout-content .menu-container {
	width: 320px;
	margin-left: 30px;
	float: left;
}

#layout-content .menu-container ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#layout-content .menu-container ul li {
	margin: 0;
	padding: 0;
	background: url(../images/tpl/tpl-menu.jpg) bottom center no-repeat;
	color: silver;
}

#layout-content .menu-container ul li h3 {
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
	color: silver;
	width: 300px;
	padding-left: 20px;
	display: block;
	height: 40px;
	line-height: 40px;
}

#layout-content .menu-container ul li a{
	font-size: 16px;
	font-weight: bold;
	color: white;
	display:block;
	width: 300px;
	padding-left: 20px;
	display: block;
	height: 40px;
	line-height: 40px;
	
}

#layout-content .menu-container ul li ul li {
	background: none;
}

#layout-content .menu-container ul li ul li a {
	background: none;
	font-size: 14px;
	font-weight: bold;
	display:block;
	width: 280px;
	padding-left: 40px;
	display: block;
	height: 40px;
	line-height: 40px;
	
}

#layout-content .menu-container ul li ul li a:hover {
	background: none;
	color: yellow;
}

#layout-content .menu-container ul li a:hover {
	background-image: url(../images/tpl/tpl-menu-active.jpg);
}


#layout-content .content-container h1 {
	color: #213600;
	border-bottom: 1px solid #7ec012;
	text-align: left;
}


#layout-footer {
    background-image: url('../images/tpl/tpl-foot.jpg');
    background-repeat: no-repeat;
    background-position: top center;
    height: 100px;
    margin-left: auto;
    margin-right: auto;
}

#layout-footer .footer-container {
	width: 940px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 50px;
    color: #213600;
    font-weight: bold;
}




/***
Standard common classes
**/
.align-center {
    margin-left: auto;
    margin-right: auto;
}


.osrodek {
	font-size: 14px;
	font-weight: bold;
}

h2 {
	font-size: 1.2em;
	color: #213600;
	border-left: 15px solid green;
	padding-left: 10px;
}
.rezerwacja {
	font-size: 1.3em; color: green;
}

.rezerwacja img {
	float: left; margin-right: 20px
}

.rezerwacja .telephone-number {
	margin:0px;
	padding: 0px;
	line-height: 30px;
	font-weight: bold;
}

.cennik ul {
	list-style: none;
}