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

 CSS 
 http://www.artneo.pl
 
   * autor: Dominik Zak (dominik@artneo.pl)

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

/*css reset
------------------------------------*/
div, dl, dt, dd, p, pre, code, del,fieldset, legend, blockquote, th, div, p, h1, h2, h3, h4, h5, h6 {border: none;font-weight: normal; margin: 0;padding: 0;}
fieldset, img {border: 0;}

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

/*body
------------------------------------*/
body {font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-align: center;background:url(../img/tlo.jpg) repeat-x #40130E;color: #D8BA94; margin:0; padding:0;}

/*page
------------------------------------*/
#wrapper {margin: 0 auto; padding: 0px; width: 963px;text-align: left;}
	#top {background:url(../img/top.jpg) no-repeat; height:340px; position:relative;}
		.logo {position:absolute; display:block; height:80px; width:235px; text-indent:-9999px;}
		.lamp {background:url(../img/lampa.png) no-repeat; height:286px; width:295px; position:absolute; top:85px; left:348px;}
	#slider {position:absolute; right:10px; bottom:20px;}
	#content {background:url(../img/content_tlo.jpg) no-repeat; min-height:342px;}
		#content_in {padding:130px 0 10px 0;}
			.page {padding:20px!important;}
			.header {font-family:"Times New Roman", Times, serif; color:#fff; margin:0 0 10px; 0;}
#footer {height:100px;color: #6C4D48; border-top: 2px solid #6C4D48; padding:10px 0 0 0;}
	#footer a {color:#6C4D48; text-decoration:none;}
	#footer a:hover {text-decoration:underline;}
	#footer ul li{display: inline; padding:0; margin:0; }
	
/*navigation
------------------------------------*/
#nav {position:absolute; right:16px; top:31px;}
	#nav_ul li { display: inline; padding:0; margin:0; }
	#nav_ul { list-style:none;padding:0; margin:0; } 
	#nav_ul a {background: url(../img/menu.jpg); display:block; height:28px; text-indent: -9999px; float:left; width:536px;}
		#nav_ul li a.home {width:130px; background-position:0 0;}
			#nav_ul li a.home:hover, ul#nav_ul li a.home_current {width:130px; background-position:0 -28px;}	
		#nav_ul li a.area {width:91px; background-position:-130px 0;}
			#nav_ul li a.area:hover, ul#nav_ul li a.area_current {width:91px; background-position:-130px -28px;}	
		#nav_ul li a.rooms {width:149px; background-position:-221px 0;}
			#nav_ul li a.rooms:hover, ul#nav_ul li a.rooms_current {width:149px; background-position:-221px -28px;}	
		#nav_ul li a.galery {width:84px; background-position:-370px 0;}
			#nav_ul li a.galery:hover, ul#nav_ul li a.galery_current {width:84px; background-position:-370px -28px;}
		#nav_ul li a.contact {width:82px; background-position:-454px 0;}
			#nav_ul li a.contact:hover, ul#nav_ul li a.contact_current {width:82px; background-position:-454px -28px;}
#nav_2 {margin:3px 0 0 0;}
	#nav_ul_2 li{ display: inline; padding:0; margin:0; }
	#nav_ul_2 { list-style:none;padding:0; margin:0; } 
	#nav_ul_2 a {background: url(../img/menu.png); display:block; height:113px; text-indent: -9999px; float:left; width:963px;}
		#nav_ul_2 li a.area_big {width:320px; background-position:0 0;}
			#nav_ul_2 li a.area_big:hover, ul#nav_ul li a.area_big_current {width:320px; background-position:0 -113px;}	
		#nav_ul_2 li a.rooms_big {width:318px; background-position:-320px 0;}
			#nav_ul_2 li a.rooms_big:hover, ul#nav_ul li a.rooms_big_current {width:318px; background-position:-320px -113px;}	
		#nav_ul_2 li a.contact_big {width:320px; background-position:-640px 0;}
			#nav_ul_2 li a.contact_big:hover, ul#nav_ul li a.contact_big_current {width:320px; background-position:-640px -113px;}		

/*links 
------------------------------------*/
a {outline:none;}
a:link, a:visited, a:active {text-decoration: underline; color:#D8BA94;}
	a:hover {text-decoration: underline; color:#f2dbbe;}

a:link.stopa, a:visited.stopa, a:active.stopa  {text-decoration: none; color:#bfb7b7; }
	a:hover.stopa {text-decoration: underline;color:#bfb7b7}

/*form
------------------------------------*/
textarea { background: #fff; border: 2px solid #fff; padding:4px 2px; height: 18px;width: 130px;font-size: 12px; font-family:Arial, Helvetica, sans-serif; color: #474747; 				vertical-align: middle; height:200px; width:250px; }
textarea:focus {border: 2px solid #FF9E30;}
input {border: 2px solid #fff; padding:4px 2px; margin: 7px 0px; font-family:Arial, Helvetica, sans-serif; color: #474747;}
input:focus {border: 2px solid #FF9E30;}
.input_submit {background: #000; border:none; height:27px; text-align:center;font-size: 1em; font-family:Arial, Helvetica, sans-serif; color: #fff;}
.input_submit:focus {border:none;}

/* permanent class
------------------------------------*/
.absmiddle {vertical-align: middle;margin-bottom: .25em;}
.left {float:left;}
.right {float:right;}
.t_right {text-align:right;}
.bcolor {font-weight:bold; color:#F93B21;}