body {
	margin: 0; padding: 0; background: #000 url("../img/cabana-vanatoare/cabana-vanatoare.jpg") no-repeat top center; 
	text-align: center; font: 11px Georgia, "Trebuchet MS"; color: #949b95;
}

/* content */
#content {
	width: 640px; background: #fff; margin: 0 auto; text-align: center; background: #fff url("../img/cabana-vanatoare/bkg-perch.jpg") no-repeat top left;
}

/* banner */
#banner-up {
	width: 640px; height: 86px; margin: 0; padding: 0; background: #fff url("../img/cabana-vanatoare/banner-up.jpg") no-repeat top left;
}
#banner-mid {
	width: 640px; height: 219px; margin: 0; padding: 0; background: #fff url("../img/cabana-vanatoare/banner-mid.jpg") no-repeat top left;
}
#banner-down {
	position: relative; width: 640px; height: 79px; margin: 0; padding: 0;
	background: #fff url("../img/cabana-vanatoare/banner-down.jpg") no-repeat top left;
}

#languages { display: block; position: absolute; margin: 10px 0 0 0; top: 10px; left: 280px; padding: 0; }
#languages a img { margin-right: 3px; padding: 3px; border: 1px solid #eee; }
#languages a:hover img { border: 1px solid #845212; }

/* menu */
#menu-zone { display: inline; position: relative; float: left; margin: 10px 0 0 0; }
#menu { margin: 0; padding: 0; list-style: none; }
#menu li { float: left; margin: 0; padding: 0 0 0 6px; font-weight: bold; font-size: 13px; }
#menu a { float: left; margin: 10px 10px 0 0; padding: 0 0 5px 0; color: #8a9575; text-decoration: none; }
#menu a:hover { padding: 0 0 5px 0; border-bottom: 1px solid #747373; text-decoration:none; }
#menu a.selected { padding: 0 0 5px 0; border-bottom: 1px solid #659b19; color: #000; }

/* index tips */
#tips-panel { position: relative; width: 620px; height: auto; margin: 20px 0 0 0; padding: 0 0 0 3px; text-align: left; }

	.tips { position: relative; float: left; width: 200px; margin: 10px 0 0 0; font-size: 11px; }	
	.tips img { float: left; border: 0; }
	.tips p { float: right; padding: 2px 3px; width: 50%; }	
	.tips h2 { float: right; width: 52%; margin: 0; font-size: 13px; color: #4fbf18; }

/* middle zone */
#middle { clear: both; }
#middle h1 {
	height: 48px; margin: 0; padding: 15px 0 5px 5px; background: #fff url("../img/cabana-vanatoare/grass.gif") no-repeat top left;
	font: bold 16px Georgia, "Trebuchet MS"; color: #355711;
}
#middle h2 { margin: 0; padding: 0 10px; text-align: left; font-weight: bold; font-size: 12px; color: #355711; }
#middle p { margin: 5px 0 0 0; padding: 0 10px; text-align: left; font-size: 12px; color: #2e4b0e; }
#middle p a { line-height: 22px; text-decoration: underline; color: #5fc719; }
#middle p a:hover { text-decoration: none; color: #639917; }

/* footer */
#footer {
	position: relative; clear: both; width: auto; height: 204px; margin: 25px 0 0 0; padding: 5px 0 0 5px;
	background: #fff url("../img/cabana-vanatoare/cabana-vanatoare-cerb.jpg") no-repeat bottom right; text-align: left;
}
	
	#footer-links { position: relative; clear: both; }
	#footer-links a { margin: 20px 0; padding: 0; font-weight: bold; font-size: 12px; color: #696969; text-decoration: none; }
	#footer-links a:hover { text-decoration: underline; }
	
	/* web design author */
	#creation-logo { position: relative; clear: both; margin: 0; padding: 5px 0; 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: #5e9f1f; }
	#creation-logo em { font-style: normal; font-weight: bold; color: #5e9f1f; }
	#creation-logo strong { color: #000; }
	
	/* validation */
	#validation { display: inline; position: relative; margin: 5px 15px 0 0; padding: 0; text-align: left; }
	#validation a { margin: 0; padding: 2px 2px 2px 3px; text-decoration: none; }
	#validation a:hover {  }
	#validation a.html { background: #438c0c; font-size: 10px; color: #fff; }
	#validation a.html:hover { background: #205a0b; }
	#validation a.css { background: #205a0b; font-size: 10px; color: #fff; }
	#validation a.css:hover { background: #438c0c; }

span.diana { font-weight: bold; color: #639917; }

/* Partners */
.partners { position: relative; clear: both; margin: 7px 5px 7px 0; text-align: left; }
.partners a { text-decoration: none; color: #696969; }
.partners img { position: relative; margin: 3px 0 3px 0; padding: 0; border: 0; vertical-align: middle; }

/* >>> prices <<< */

ul.prices { display: block; width: 620px; margin: 5px 0 0 10px; padding: 0; text-align: left; }

/* items */
li.item { 
	position: relative; float: left; clear: both; width: 602px; height: 100%; margin: 0; padding: 0;
	border-right: 1px solid #eee; border-bottom: 1px solid #eee; list-style: none; color: #2d881b;
}
li.item:hover { background: #f6f9f1; }
li.item span {
	position: relative; float: left; min-height: 20px; height: auto !important; height: 20px; margin: 0; padding: 2px 1px 5px 3px; border-left: 1px solid #eee;
}
li.item span.info { width: 500px; }
li.item span.price { width: 70px; }

.bottom { clear: both; margin: 0 0 0 7px; padding: 20px 0 0 0; text-align: left; font-size: 12px; color: #516b4c; }
.bottom span { font-weight: bold; color: #000; }

/* >>> gallery images <<< */

.pictures { clear: both; margin: 5px 0 5px 25px; padding: 0; text-align: center; }

/* item box */
.item { float: left; width: auto; margin: 0 5px 5px 0; padding: 1px; border: 1px solid #d6e7ef; }
.item img { border: 0; }
.item .item-body { clear: both; }
	
	/* no right margin */
	.nrm { margin: 0; }

/* >>> contact <<< */

#contact-form { position: relative; margin: 10px 0 5px 10px; padding: 0; text-align: left; }

/* >>> form in page <<< */

form { margin: 0; padding: 0; text-indent: 0; word-spacing: 0; }
form br { clear: both; }

input, textarea { display: block; }

/* label clear: both; */
label { float: left; width: 135px; margin: 0; padding: 0 10px 3px 0; text-align: left; font-weight: bold; color: #000; }
label.status { float: none; width: auto; display: inline; vertical-align: top; font-weight: normal; cursor: pointer; }
label span { color: #c10000; }

/* input */
input {
	float: left; height: 18px; margin: 0 5px 5px 0; padding: 3px 0 0 3px;
	border-style: solid; border-width: 1px 2px 2px 1px; border-color: #ddd #dcdcdc #dcdcdc #ddd; background: #e7fec8; font-size: 11px;
}
input[type="file"] { height: 20px; }
input[type="hidden"] { display: none; }
input[type="radio"] { float: none; display: inline; border: 0; background: none; }

	/* input properties */
	/* hidden */
	input.hidden { display: none; border: none; }
	/* buttons */
	input.button {
		margin: 0; padding: 2px 5px; height: 25px; background: #63a925;
		text-align: center; font-size: 11px; color: #fff; cursor: pointer;
	}
	input.submit { }
	input.reset  { margin-left: 10px; }

/* textarea */
textarea {
	float: left; margin: 0 5px 5px 0; padding: 5px; border-style: solid; border-width: 1px 2px 2px 1px; border-color: #ddd #dcdcdc #dcdcdc #ddd;
	background: #e7fec8; font: 11px "Trebuchet", Tahoma;
}

/* 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; }
/**/

/* antispam operation */
.codeop { display: block; float: left; margin: 0; }
.codeop img { margin-bottom: 5px; vertical-align: middle; cursor: pointer; }
.codeop span { margin-left: 5px; font-size: 10px; color: orange; }

/* error */
.frmerror {
	clear: both; display: block; line-height: 18px; padding: 2px 0 0 16px;
	background: url('../img/icons/icon-form-error.gif') no-repeat 0 4px; color: #ff1418;
}

/* site messages */
.msg-success, .msg-error, .msg-warning, .msg-tip {
	display: block; clear: both; /*min-height: 25px; height: auto !important; height: 25px;*/ margin: 5px 0; padding: 5px; font-size: 11px;
}
.msg-success, .msg-error, .msg-warning big { font-weight: bold; font-size: 12px; }
.msg-success { border: 1px solid #87d30e; background: #e7ffb2; color: #3d9711; }
.msg-warning { border: 1px solid #f2cf6f; background: #fff1b8; color: #d87b0e; }
.msg-error { border: 1px solid #c07e7e; background: #ffe3e4; color: #df0510; }
.msg-tip {
	min-height: 18px; height: auto !important; height: 18px; padding: 3px 0 5px 22px; border: 1px solid #fff778;
	background: #fffdcc url('../img/icons/message-tip.gif') no-repeat 2px 1px; color: #000;
}
.msg-tip em { font-style: normal; }