html{
height:auto;
min-height:100%}

body {
height:auto;
min-height:100%;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #584014;
	font-family:Arial, Helvetica, sans-serif;
	background:url(images/bg.jpg) #efeacd
}

#bg-top{
float:left;
clear:both;
width:100%;
height:100%;
background:url(images/foot.jpg) repeat-x bottom center;
}

h1, h2, h3{
	font-size: 21px;
	font-weight:normal;
	color:#803F00;
}

h1{
padding-top:0;
margin-top:0;
padding-bottom:10px;
font-weight:bold;
border-bottom:1px solid #d7c79d
}

h2{
font-size:18px;}

h3{
font-size:16px;
font-weight:bold;
letter-spacing:normal
}

hr{
height:1px;
font-size:1px;
padding:0;
margin:0;
color:#999999;
background:#000000;
border:none}


a{
color:#803F00;
text-decoration:none;
font-weight:bold}

a:hover{
text-decoration:underline}

#main{
width:980px;
height:520px;
min-height:100%;
margin:0 auto; 
text-align: left;
position:relative;

}

#face{
width:100%;
height:50px;
float:left;
clear:both;
position:relative;
margin:0;
text-align:center;
}

		#logo{
		position:absolute;
		left:0;
		width:222px;
		margin:0;
		top:75px}
		
			#logo img{
			border:0}
			
			#lang{
		position:absolute;
		top:30px;
		left:25px;
		width:auto;
		z-index:500;
		text-align:center;
		padding-bottom:10px;
		}
		
		#lang a{
		font-size:16px;
		float:left;
		clear:none;
		padding:0;
		margin:0 8px;
		color:#803F00;
		text-align:center;
		}
		
		#lang img{
		width:25px;
		height:15px;
		border:2px solid #d8bc73}
		
		#lang a:hover{
		text-decoration:underline
		}
		
		#flash{
		position:absolute;
		right:10px;
		top:20px;}
		
#left_and_text{
width:100%;
float:left;
clear:both;
position:relative;
margin:270px 0 0 0;
padding:0;
}


	#text-top{
	position:absolute;
	left:0;
	top:-30px;
	width:100%;
	height:30px;
	background:url(images/top.gif) no-repeat center top
	}
	
	#text-bot{
	position:absolute;
	left:0;
	bottom:-30px;
	width:100%;
	height:30px;
	background:url(images/bot.gif) no-repeat center bottom
	}

	#left{
	width:250px;
	height:100%;
	float:left;
	clear:left;
	margin:0;
	position:relative;
	}
	
	#meniu{
	width:230px;
	float:left;
	clear:both;
	margin:0 0 0 0;
	background:url(images/menu-bg.jpg) repeat-y top #dbbd73;
	position:relative
	}
	
		#menu-top{
		width:100%;
		height:15px;
		position:absolute;
		left:0;
		top:-15px;
		background:url(images/menu-top.jpg) no-repeat top #dbbd73;
		}
		
		#menu-bot{
		width:100%;
		height:15px;
		position:absolute;
		left:0;
		bottom:-15px;
		background:url(images/menu-bot.jpg) no-repeat bottom #dbbd73;
		}

	#meniu a{
		float:left;
		clear:both;
		width:75%;
		font-size: 16px;
		text-decoration: none;
		font-weight:bold;
		margin:0 12% 6px 12%;
		padding:0 0 6px 1%;
		color:#803F00;
		text-align:left;
		border-bottom:2px solid #e7d9b3
		/*background:url(images/meniu.jpg) no-repeat bottom center;*/
		}
	
	#meniu a:hover{
	text-decoration:underline
	}
		
		 #left div.menu{
		 width:100%;
		 height:auto;
		 float:left;
		 clear:both}
		 
		 #left div.menu a{
			float:left;
			clear:both;
			font-size: 14px;
			width:95%;
			text-decoration: none;
			font-weight:bold;
			color:#162f7f;
			text-align:left;
			margin:5px 0;
			padding:0 0 10px 5%;
			border-bottom:1px solid #DDD
		 }
		 
		 	 #left div.menu a:hover{
			 text-decoration:underline}
	
	#kontaktai{
	position:absolute;
	left:25px;
	bottom:25px;
	width:220px;
	font-size:12px;
	color:#666666}
	
		#kontaktai a{
		font-size:12px}
		
	#sound{
	background:url(images/bg.jpg) #efeacd;
	position:absolute;
	right:0;
	top:-295px;
	width:35px;
	height:60px;
	text-align:center}

#text{
	position:relative;
	float:right;
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 720px;
	padding:0;
	margin-top:-20px;
	min-height:460px;
}

	#text embed, #text object{
	position:absolute;
	left:0;
	top:0;
	}
	
	#container{
	width:700px;
	height:500px;
	position:absolute;
	right:15px;
	top:15px;
	z-index:1000}

	div.kambarys{
	width:100%;
	float:left;
	clear:both;
	padding-bottom:60px;
	margin-bottom:15px;
	border-bottom:1px solid #BBB;
	position:relative}
	
		div.kambarys img{
		float:left;
		clear:none;
		margin-right:10px;
		border:1px solid #CCC}
		
		div.kambarys a.title{
		font-size:16px; 
		margin:0}
		
		div.kambarys a.rezervuoti, #rezervuoti{
		width:150px;
		position:absolute;
		left:210px;
		bottom:20px;
		padding:5px 15px;
		margin:0;
		border:1px solid #CCC;
		font-size:12px;
		color:#FFF;
		text-align:center;
		background: #9a9193;}
		
		#rezervuoti{
		z-index:2200;
		right:30px;
		bottom:0}
		
		a.daugiau{
		position:absolute;
		left:0;
		bottom:20px;
		color:#FFF;
		font-size:12px;
		background:#9a9193;
		border:1px solid #CCC;
		text-align:center;
		padding:5px 15px;
		margin:0
}
		
		a#grizti{
		position:absolute;
		left:30px;
		bottom:0;
		color:#666;
		}
		
	div.galerija{
	width:250px;
	height:auto;
	float:right; 
	clear:right}
	
		div.galerija div.pirma{
		width:100%;
		height:auto;
		float:left;
		clear:both}
		
		div.galerija div.eilute{
		width:100%;
		height:84px;
		float:left;
		clear:both;
		overflow-x:scroll;
		overflow-y:hidden;
		}
		
			div.galerija div.eilute img{
			margin:3px 3px 0 0;
			border:1px solid #CCCCCC}
			
			div.galerija div.eilute img:hover{
			border:1px solid #666666}
	
	.uploadedimage, .uploadedimage2{
	padding:0;
	border:1px solid #dbbe76;
	cursor:pointer;}
	
	.uploadedimage2{
	cursor:auto}
	
#form_rezervuoti{
text-align:center}

#form_rezervuoti table{
width:85%;}

#form_rezervuoti #name, #adresas, #form_rezervuoti #tel, #form_rezervuoti #email, #info, #adults, #kids, #send, #name, #tel, #email, #laiskas{
width:100%;
background:#FFFFFF;
border:1px solid #F5D59B;
border-left:1px solid #D0A862;
border-top:1px solid #D0A862;
font-family:Arial, Helvetica, sans-serif;
font-size:11px}

#adults{
width:50px;}

#k3, #k4, #k5, #pay{
width:auto;
background:none;
border:none
}

#form_rezervuoti table td {
text-align:left;
vertical-align:top;
padding:7px 20px 7px 0;}

#info, #laiskas{
height:80px}

#name, #tel, #email, #laiskas{
width:30%}

#send{
background:#803F00;
border:1px solid #FFFFFF;
color:#FFFFFF;
width:150px;
font-size:12px;
font-weight:bold;
padding:2px 0;
}

#kambariai input, #kambariai select
{
margin:5px 5px 3px 5px;
}

.kambario_tipas{
width:300px;
float:left;
padding:5px 0 0 0}
	

a.nuotrauka{
float:left;
clear:none;
margin:8px 10px 10px 5px;
text-align:center;
width:150px;
height:115px;
font-size:11px;
font-weight:normal}

img.picture, div.nuotrauka img{
border:1px solid #dbbe76;
}

#footer{
width:100%;
position:relative;
float:left;
clear:both;
height:120px;
font-size:11px;
padding:30px 0 0 0;
z-index:5000;
color:#8c7a65;
}

	#footer a{
	color:#8c7a65;
	font-weight:bold;
	font-size:11px}

	#skaitliukas{
	position:absolute;
	height:auto;
	left:20px;
	bottom:20px}
	
	#footerio_text{
	position:absolute;
	width:100%;
	left:0;
	bottom:25px;
	text-align:center;
	}
	
	#webdesign{
	position:absolute;
	height:auto;
	right:30px;
	bottom:30px;
	font-size:11px;
	text-align:left;
	font-weight:normal}
	
	#pramogos{
	width:100%;
	}
	
		#pramogos td{
		padding:10px 0;
		border-bottom:1px solid #d7c79d}

