/* CSS Document */
body { margin:0 auto; background-position:center; width:1022px; font-family:Arial; font-size:10px; color:#000; background-image:url(/img/bg1022px.png); background-repeat:repeat-y; }
.container { margin:0 auto; padding-left:11px; overflow:hidden }

form { margin:0; padding:0; border:none; background-color:transparent }
form table { background-color:transparent; border:none; font-size:14px; color:#666; }
form table td { background-color:transparent }
form table tr { background-color:transparent }
form input { height:20px; padding:2px; border:1px solid #CCC }
form textarea { padding:2px; border:1px solid #CCC }
form .submit { padding:2px 5px 2px 5px; height:20px; height:auto; color:#666; border:1px solid #CCC }


/* Oaspeti */

.oaspetiBox { width:510px; padding:20px; background-color:#f4f4f4; overflow:hidden; margin:10px 0 10px 0; }
	.oaspetiText { float:right; clear:both; font-family:georgia; font-size:18px; color:#53170d; font-style:italic }
	.oaspetiAutor { width:300px; float:right; text-align:right; clear:both; font-family:georgia; font-size:16px; color:#aaa; font-style:italic }
	.oaspetiData { width:300px; float:right; text-align:right; clear:both; font-family:georgia; font-size:14px; color:#aaa; font-style:italic }

/* Internal */
.headerTop { background-color:#53170d; width:1002px; height:25px; color:#FFF }
	.headerTopLeft { height:25px; line-height:25px; float:left; width:350px; font-size:11px; text-indent:10px }
	.headerTopRight {  height:25px; line-height:25px; float:right; width:450px; padding-right:10px; font-size:11px; text-align:right }

.headerBottom { width:1002px; height:95px }
	.headerBottomLeft { width:210px; height:95px; float:left; line-height:95px; text-align:center }
	.headerMenu { width:792px; height:95px; float:left; }
			.headerGalerie { float:right; padding:10px 0 10px 10px; height:30px; line-height:30px; }
			.headerGalerie a { font-size:28px; color:#fff; font-style:italic; line-height:24px; padding:5px; background-color:#ddd; text-decoration:none }
			.headerGalerie a:hover { color:#d9bea1 }
	.headerMenu ul { padding-top:23px }	
		.headerMenu li { float:left; display:block; height:23px; padding:0 11px 0 11px }
		.headerMenu li a { font-size:15px; text-decoration:none; color:#544d44; display:block; padding:0 5px 0 5px; border-bottom:4px #FFF solid }
		.headerMenu li a:hover { color:#cc8e51; display:block; border-bottom:4px #ababab solid }	

.slideshow { width:1002px; height:355px; border-bottom:4px #bababa solid; position:relative }
	.rezervare {  font-size:14px; z-index:1000; position:absolute; top:60px; left:40px; width:355px; height:210px; width:410px; padding:20px; opacity:0.4; filter:alpha(opacity=40); background-color:#000; border:1px solid #FFF }

	.rezervareOver { color:#FFF; font-size:12px; z-index:1100; position:absolute; top:60px; left:40px; width:355px; height:210px; width:410px; padding:20px; border:1px solid #FFF }	
		.inputRez { width:120px; height:15px; font-size:14px }
		.selectRez { width:50px; height:21px; font-size:14px }		
		.taRez { width:200px; height:99px; font-size:14px }				
		.submitRez { width:130px; height:22px; color:#FFF; font-size:11px; background-image:url(/img/submitBg.png); border:1px solid #EEE }
		.rezervareOver table { border:none }		
		.rezervareOver td { padding:3px; background-color:transparent }
	


.middleLeft { width:800px; float:left }
	.middleLeftLeft { width:240px; float:left }
		a.middleLeftMenu { display:block; text-decoration:none; background-image:url(/img/midMenuBg.png); background-position:top left; height:40px; width:189px; line-height:40px; text-indent:30px; font-size:20px; color:#333 }
		a.middleLeftMenu:hover { color:#999 }
		.middleLeftRezervari { background-image:url(/img/middleRezervariBg.png); width:240px; height:103px; font-size:23px; text-indent:15px; line-height:160px }
		
	.middlePages { width:530px; float:left; padding:15px }
		.middlePages h1 { font-size:32px; color:#555; font-family:Verdana; padding:0; margin:0 }
		.middlePages h2 { font-size:11px; color:#c68859; font-family:Verdana; padding:0; margin:0 }
		.middlePages p { font-size:14px; color:#999; text-indent:50px; line-height:20px; }
		.middlePages h3{ font-size:15px; color:#666; padding-top:5px; font-family:Verdana; line-height:20px; }		
		
	.middleLeftCols { border-top:1px #CCC solid; clear:both; padding-top:20px; width:800px;  background-image:url(../img/midMenuBgO.png); overflow:hidden; background-position:left top; background-repeat:no-repeat }
		.middleLeftCol { float:left; width:237px; padding-left:20px; }
			.colTitlu { font-size:15px; font-family:arial; height:20px; padding-top:8px; color:#555 }
			.colDesc { color:#c68859; font-size:11px; height:25px; }
			.colImg { border: 1px #999 solid; height:129px; margin:4px 0 4px 0; padding:5px; }
			.colText { color:#666; font-size:11px; font-style:italic; text-align:justify }




.middleRight { width:200px; float:right }
	.middleRightMenu { background-image:url(/img/midMenuBg.png); height:57px; width:189px; line-height:75px; text-indent:5px; font-size:30px; color:#dcbda4 }
	.middleRight p { padding:5px; font-style:italic; font-size:13px; color:#666 }
	
	
.footer { clear:both; padding-top:20px; width:1002px; border-top:10px #CCC solid; margin-top:20px }
	.footerL { width:480px; float:left; border-right:1px solid #CCC; text-align:right; padding: 50px 20px 50px 0; line-height:18px; font-size:13px; }
		.footerL a { text-decoration:none; color:#999 }
		.footerL a:hover { text-decoration:none; color:#333 }		
	.footerR { width:478px; float:left; text-align:left; padding: 85px 0 50px 20px; font-size:12px; color:#666; }
	
.hrDiv { width:1002px; height:20px; clear:both }