/*
	codat de oricemedia.ro
	pentru Pensiunea TIP TOP
	21 februarie 2009
*/
/*------[GENERAL]--------*/
* { margin: 0; padding: 0; }

body{
	background:#3b460a url(img/bg-top.png) no-repeat top center;
	color: #adafa2; 
   	font: 15px  Helvetica, Georgia, Arial, Verdana, "Times New Roman", Times, serif;
	

}
	a { outline:none; color: #adafa2;  }
		a:hover {  }
		
	img { border:none; }	
	
	p{ margin-bottom:10px; text-indent:15px; text-align:justify; font-size:15px; 
	   line-height:25px; }
	   
	ul{ list-style:inside; margin-bottom:10px; line-height:18px; }


	h1{	margin-bottom:20px; padding-bottom:10px;
		border-bottom:1px solid #4c5818;
		background:url(img/header-sign.png) no-repeat 20px 0px;
		font-size:24px; font-style:oblique;
		text-indent:100px; color:#ded1c5; }
	
	h1 a{ color:#ded1c5; }	
	h1.alt{ background:url(img/header-sign.png) no-repeat 300px 0px;
			text-indent:380px; }
	
	h1 span a{ font-size:12px; font-style:normal; }
	
	h2, h3{ font-family:Arial, Helvetica, sans-serif; font-size:22px; margin-bottom:10px; }
			
	h3{ font-size:18px; }		

/*-------[   Layout   ]---------*/
#wrap{ width:780px; margin:0 auto; margin-bottom:70px; }

	/*--- HEADER SECTION ---*/
	#header{ height:470px; position:relative; }

		/*-------[ Choose Language ]---------*/
		#language ul{ position:absolute; top:5px; right:24px;
					  padding:0; list-style: none; }
		 
			#language li{ display: inline; }
		
				#language a{ display: block; float: left; padding:5px 5px 5px 20px;
							 color:#ded1c5; font-family:Arial, Helvetica, sans-serif;
							 font-size:14px; font-weight:bold; text-decoration:none; }
				
				#language a:hover{ text-decoration:underline; }
		
		.ro{ background:url(img/ro.gif) no-repeat 0px 7px;}
		.hu{ background:url(img/hu.gif) no-repeat 0px 7px;}
		.en{ background:url(img/en.gif) no-repeat 0px 7px;}
		.de{ background:url(img/de.gif) no-repeat 0px 7px;}
		
		/*-------[ Logo + Navigation ]---------*/
		#logo{ position:absolute; top:20px; left:20px; }
		
		#nav ul{ position:absolute; top:76px; left:120px;
				 padding:0; list-style: none; }
		
			#nav li{ display: inline; }
		
				#nav li span{ display: block; float: left; padding:5px 0 5px 0;
						color:#ded1c5; font-family:Arial, Helvetica, sans-serif;
						font-size:16px; font-weight:bold; text-decoration:none;}
				
				#nav a{ display: block; float: left; padding:5px;
						color:#ded1c5; font-family:Arial, Helvetica, sans-serif;
						font-size:16px; font-weight:bold; text-decoration:none; }
				
				#nav a:hover{ text-decoration:underline; }
	
				#nav .active a{ }
		
		/*----------[ header image ]-----------*/		
		#header-img{ position:absolute; top:137px; left:7px; }


	/*--- CONTENT SECTION ---*/
	#content{ }
	
			.text
			{
				float:left;
				width:390px;
				margin: 0 0 0 50px;
				padding-bottom:20px;
			}
			
			.text1
			{
				float:right;
				width:390px;
				margin: 0 60px 0 0;
				padding-bottom:20px;
			}
			
			.images
			{
				float:right;
				width:270px;
				margin-right:50px;
				/*background-color:#00FF00;*/
			}
			
			.images img, .images1 img
			{
				padding:6px;
				margin:5px 5px 0 0;
				/*border:1px solid #535e34;*/
				background-color:#535e34;
				/*-moz-border-radius:4px;*/
			}
			
			.images img:hover, .images1 img:hover
			{
				background-color:#fff;
			}
			
			.images1
			{
				float:left;
				width:280px;
				margin-left:50px;
				margin-right:0px;
				/*background-color:#00FF00;*/
				padding-bottom:20px;
			}
			.obs{ margin:10px 55px 0 20px; font-size:11px; text-indent:0px; line-height:12px; font-weight:bold; }
	
	/*--- FOOTER SECTION ---*/
	#footer{ border-top:1px solid #4c5818; padding-top:10px; }
		#footer p{ text-align:center; }






/*----------------------------*/

/*----------- GENERAL CLASSES -------------*/
	.t-right{ text-align:right; }
	.clear{ clear:both; }
	.no-indent{ text-indent:0px; }
	
	/* fixex - This is the class name I assign to container element that contains floated child elements, no matter
				what they are div's ul etc. */
	.fixed:after{
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
	}
	.fixed{
		display:block;
		}
	/*  \*/
	.fixed{
		min-height:1%;
		}
	* html .fixed{
		height:1%;
		}

	

/*-----------*/
fieldset {
	padding: 10px 0px 15px 25px;
	border: 1px solid #4c5818;
	width:225px;
} 
legend { background-color:#4c5818; color:#FFFFFF; text-transform:uppercase; padding:5px; margin-left:3px; font-size:10px; }
form p { margin: 5px 0 0 0; text-indent:0px; line-height:15px; }
label {  display:block; }
input[type=text], textarea { width:190px; padding:3px; }