body {
	margin: 0; padding: 0; background: #f9f9f9; text-align: left; font: 12px Arial, "Trebuchet MS", Tahoma;
	background: #815725 url("../img/pensiune-ranca/bg-wood.jpg") repeat; color: #000;
}

img { border: 0; }

/* main container */
#container { position: relative; width: 960px; min-height: 800px; height: auto !important; height: 800px; margin: 5px auto; padding: 0; 
border: 3px solid #eee; z-index: 0; }
	
	/* logo */
	#logo { position: absolute; width: 280px; height: 138px; top: 45px; left: 10px; z-index: 10; }
	
	/* language */
	#language { position: absolute; top: 15px; left: 30px; z-index: 11; }
		
		/* langs */
		#langs { clear: both; margin: 0; padding: 0; }
		#langs a img { margin-right: 3px; padding: 2px; border: 0; border: 1px solid #6287c4; cursor: pointer; }
		#langs a:hover img { border: 0; border: 1px solid #eee; }
	
	/* #menu { position: absolute; width: 640px; height: 40px; top: 50px; left: 300px; padding: 5px; background: #eee;  z-index: 10; } */
		
		/* menu navigation */
		#nav { 
			display: block; position: relative; height: 42px; font-weight: bold;
			background: transparent url("../img/pensiune-ranca/menu/blueslate_background.gif") repeat-x top left; z-index: 10;
		}
		#nav ul { position: absolute; top: 0; right: 10px; width: auto; margin: 0; padding: 0; list-style-type: none; }
		#nav ul li { display: block; float: left; margin: 0 1px 0 0; }
		#nav ul li a { display: block; float: left; height: 28px; padding: 14px 4px 0 4px; color: #d5f1ff; text-decoration: none; }
		#nav ul li a:hover, #nav ul li a.current {
			color: #fff; background: transparent url("../img/pensiune-ranca/menu/blueslate_backgroundOVER.gif") no-repeat top center;
		}
		
	/* box */
	#box { position: absolute; width: 640px; height: 725px; top: 55px; left: 300px; padding: 5px;
	background: #fff; font: 13px Textile, cursive, Georgia, "Trebuchet"; z-index: 10; }
	
		/* box-content */
		.box-content { width: 630px; overflow: auto; }
		.box-content a { text-decoration: underline; color: #000; }
		.box-content a:hover { text-decoration: none; }
			
			/* site categories auto scorll */
			.box-contact { height: 640px; }
			.box-restaurant { height: 490px; }
			.box-attractions { height: 490px; }
			.box-rooms { height: 490px; }
			.box-resort { height: 490px; }
			.box-gallery { height: 640px; }
			.box-prices { height: 640px; }
			.box-offer { height: 640px; }
			
		/* editor syle */
		.editor p { clear: both; margin: 0; padding: 0; line-height: 20px; text-align: justify; z-index: 2; }
		.editor blockquote { margin: 5px 0 5px 25px; padding: 3px ; border: solid 1px #eee; }
		.editor h1 { margin: 5px 0; padding: 0; font-size: 15px; color: #e68700; }
		.editor h2 { margin: 5px 0; padding: 0; font-size: 14px; color: #e68700; }
		.editor h3 { margin: 5px 0; padding: 0; font-size: 13px; color: #e68700; }
		.editor h4 { margin: 5px 0; padding: 0; font-size: 12px; color: #e68700; }
		.editor h5 { margin: 5px 0; padding: 0; font-size: 11px; color: #e68700; }
		.editor h6 { margin: 5px 0; padding: 0; font-size: 10px; color: #e68700; }
		.editor p { color: #000; }
		.editor p strong { color: #000; }
		.editor p ol, .editor p ul { display: block; width: auto; margin: 0; padding: 5px; text-align: justify; }
		.editor ol li { margin: 0 0 0 20px; padding: 5px; list-style-type: decimal; }
		.editor ul li { margin: 0 0 0 20px; padding: 5px; list-style-type: disc; }
		.editor a { padding: 2px 0; text-decoration: underline; font-size: 11px; color: #000; }
		.editor a:hover { text-decoration: none; }

	/* contact */
	#contact { position: absolute; width: 270px; height: 140px; top: 640px; left: 10px; padding: 5px; background: #fff; z-index: 11; }
		
		/* contact info */
		#contact-info { position: absolute; top: 5px; left: 5px; margin: 0; padding: 0; font-size: 12px; }
		#contact-info h1 { margin: 0 0 45px 0; padding: 0; font: bold 13px Arial, "Trebuchet MS"; }
		#contact-info h1 span { font: bold 15px Arial, "Trebuchet MS"; }
		
		/* validation */
		#validation { position: absolute; top: 585px; left: 5px; margin: 0; padding: 5px; z-index: 11; color: #fff; }
		#validation span { padding: 0 2px; background: #657e00; color: #fff; }
		#validation a { line-height: 20px; margin: 0; padding: 2px; text-decoration: none; }
		#validation a:hover { border-top: 2px solid #eee; }
		#validation a.html { background: #657e00; font-size: 10px; color: #fff; }
		#validation a.html:hover { background: #838870; }
		#validation a.css { background: #838870; font-size: 10px; color: #fff; }
		#validation a.css:hover { background: #657e00; }
		
		/* web design author */
		#creation-logo { position: absolute; top: 105px; left: 0; margin: 0; padding: 5px; font: 11px Arial, "Trebuchet MS", Tahoma; color: #696969; }
		#creation-logo a { text-decoration: none; font-weight: bold; font-size: 11px; color: #000; }
		#creation-logo a:hover { color: #696969; }
		#creation-logo em { font-style: normal; font-weight: bold; color: #5e9f1f; }
		#creation-logo strong { color: #000; }
		
		/* slogan */
		#slogan { position: absolute; top: 670px; left: 15px; margin: 0; padding: 2px; font: 11px Arial, "Trebuchet MS";  background: #69cb0a; color: #fff; z-index: 12; }
	
	/* partners */
	.partners { clear: both; width: auto; margin: 0 auto; height: 80px; padding: 0; text-align: center; color: #000; }
	.partners a { border: none; text-decoration: none; font-size: 11px; color: #eee; }
	.partners img { position: relative; float: none; margin: 3px 0 3px 0; padding: 0; border: 0; vertical-align: middle; }
	
/* clearfix */
/**/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
/* .clearfix { display: inline-block; } */
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
.clear { clear: both; }
/**/