/* CSS Document for interioresthetic.pl */
/* Created by pimago.pl @ 20090224 */

body {
	margin: 0;
	padding: 0;
	background: #38170e url(../images/body-bg.gif) repeat-x 0 0;
	font: 12px/18px "Arial CE", Arial, Helvetica, sans-serif;
	}

	#container {
		width: 760px; 
		margin: 0px auto;
		}
		
		#top {	
			float: left;
			width: 760px; 
			}
			
			#logo	{
				float: left;
				padding: 40px 0 0 0;
				width: 260px;
				border-right: 1px solid #411d11;
				}
			#topRight {
				float: left; 
				width: 499px; 
				}
				#topMenu {
					float: right;
					width: 499px;
					background: url(../images/topMenu-kreska.gif) no-repeat bottom right;
					}
					#topMenu ul {
						float: right;
						margin: 3px 0 3px 0; 
						padding: 0px;
						list-style: none;
						font-size: 0.9em;
						}
						#topMenu ul li {
							float: left;
							border-left: 1px solid #694026;
							padding: 0px 10px 0px 10px; 
							}
							#topMenu ul li a {
								color: #916841;
								text-decoration: none;
								}							
								#topMenu ul li a:hover {
									color: #fff;
									}
				#slogan {
					float: right; 
					margin: 25px 55px 0 0;
					}
		#mainMenu {
			float: left;
			width: 760px;
			}
			#mainMenu ul {
				float: left;
				margin: 0; 
				padding: 0;
				list-style: none;
				}
				#mainMenu ul li {
					float: left;
						margin: 50px 1px 0 0;
					}
					#mainMenu ul li a {
						float: left;
						height: 30px;
						background: url(../images/menu-bg.gif) no-repeat top center;
						display: block;
						color: #fff;
						text-decoration: none;
						padding: 14px 0 0 0;
						text-decoration: none;
						text-transform: uppercase;
						font-size: 0.9em;
						font-weight: bold;
						text-align: center;
						}
						
					#mainMenu ul li a:hover { background-position: center -44px; }
					#mainMenu ul li a.active { background-position: center -44px; cursor: default; }
					
			#flashShow {
				float: left;
				height: 290px;
				width: 750px;
				background-color: #FFF;
				padding: 10px 0px 0px 10px;
				}
			
			#offerBoxes {
				float: left;
				width: 760px;
				}	
				
				#offerBoxes .offerbox {
					float: left;
					width: 186px; 
					}
					#offerBoxes .offerbox h1 {
						background: url(../images/oferboxes-h1-bg.gif) repeat-x 0 0;
						width: 186px;
						height: 26px;
						padding: 10px 0 0 0;
						margin: 20px 0 0 0;
						font-size: 11px;
						text-align: center;
						color: #ffdba6;
						}
						
						#offerBoxes .mrg { margin-left: 5px; }
						#offerBoxes .offerbox span {
							float: left;
							height: 148px;
							width: 186px;
							line-height: 14px;
							background: url(../images/offerboxes-p.jpg) repeat-x 0 0;
							}
						#offerBoxes .offerbox span h2 {
							color: #d8b786;
							font-size: 11px;
							margin:25px 15px 0px 15px;
							padding:0;
							}
						#offerBoxes .offerbox span p {
							margin:0px 15px 0px 15px;
							padding:0;
							font-size: 11px;
							color: #916841;
							}
						
						
	#content {
		float: left;
		width: 760px;
		margin: 20px 0 0 0;
		}
		#submenu {
			float: left;
			width: 186px;
			}
			#submenu ul {
				margin: 0;
				padding: 0;
				list-style: none;
				}
				#submenu ul li a {
					display: block;
					width: 166px;
					color: #f3d6ab;
					text-decoration: none;
					font-size: 11px;
					padding: 10px;
					text-align: center;
					background: url(../images/submenu-bg.gif) no-repeat 0 0;
					}
					#submenu ul li a.clearlink {
						display: inline; 
						width: auto;
						text-decoration: underline;
						padding: 0;
						background: none;
						text-align: left; 
						}
					#submenu ul li {
						float: left;
						margin-bottom: 1px;
						}
					#submenu ul li.contact {
						width: 186px;
						background: #4b2516 url(../images/submenu-bg.gif) no-repeat 0 0;
						}
					#submenu ul li a:hover {
						background-position: -186px 0px;
						color: #38170e;
						}
					#submenu ul li a.active {
						background-position: -186px 0px;
						color: #38170e;
						cursor: default;
						font-weight: bold;
						}
					#submenu ul li p {
						color: #d8b786;
						padding: 15px;
						font-size: 11px;
						line-height: 15px;
						}
						#submenu ul li p b { color: #fff; }

		#textContent {
			float: left;
			float: right;
			width: 561px;
			}
			#textContent h1 {
				float: left;
				margin: 0;
				width: 521px;
				padding: 11px 20px 11px 20px;
				font-size: 14px;
				color: #fff;
				background-color: #653b24;
				}
			#textContent span {
				float: left;
				margin: 1px 0 0 0;
				width: 561px;
				background: url(../images/textcontent-p-bg.gif) repeat-x 0 0;
				}
				#textContent span p {
					color: #d8b786;
					margin: 10px 20px 20px 20px;
					width: 521px;
					text-align: justify;
					}
					#textContent span p a {color: #fff; }
				#textContent span h2 {
					font-size: 12px; 
					font-weight: bold; 
					color: #fff;
					width: 521px;
					padding: 11px 20px 11px 20px;
					}
				
				#textContent span .gallery {
					float: left; 
					width: 490px;
					margin: 30px 0 0px 50px !important;
					margin/**/: 30px 0 0px 25px;
					padding-bottom: 20px !important;
					padding-bottom/**/: 30px;
					}
					#textContent span .gallery a {
						float: left;
						margin: 0px 15px 15px 0px;
						border: 1px solid #FFDBA6;
						}
					#textContent span .gallery em {
						line-height: 12px;
						float: left;
						width: 82px;
						height: 100px;
						margin: 0px 15px 15px 0px;
						color: #fff;
						font-style: normal;
						font-size: 10px;
						text-align: center;
						}
					#textContent span .gallery em a {
						margin: 0px;
						}

					#textContent span .gallery a:hover  {
						border-color: #993300;
						}
						#textContent span .gallery a img { border: none; }
	#footer {
		float: left;
		margin: 30px 0 0 0;
		width: 760px;
		background: url(../images/footer.gif) no-repeat 0 0;
		height: 100px;
		color: #845a37;
		font-size: 11px;
		}
		.left {
			margin-top: 20px;
			float: left;
			width: 300px;
			}
		.right {
			margin-top: 20px;
			float: right;
			width: 300px;
			text-align: right;
			}
			#footer .right  a {
				color: #fff;
				text-decoration: none;
				font-family:Georgia, "Times New Roman", Times, serif;
				font-style:italic;
				color: #845a37;
				font-weight: bold;
				}
			#footer .right  a:hover {
				color: #fff;
				}
/* Google maps */
#google_map
{
	float: left;
	width: 515px;
	height: 380px;
	border: 1px solid #CCCCCC;
	margin: 10px 0 0px 20px !important;
	margin/**/: 10px 0 0px 10px;
}

#google_maker_msg
{
	display: block;
}
			#google_map span {
				float: left;
				margin: 0;
				width: auto;
				background: none;
				}
				#google_map span p {
					color: #000;
					margin: 0;
					width: auto;
					text-align: left;
					}