/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
* Filename: style.css
* Website: 
* Author: Jakub Chodorowicz http://www.jakub.chodorowicz.pl/

== STRUCTURE: ==============================
* Page width: 948 px
* Number of columns: ---
============================================

== COLORS: =================================
* green border: 9cbe43 
* body bg     : f6f6da
============================================

* background:transparent url(../images/blank.gif) no-repeat scroll left top;
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* links & typography 
----------------------*/
body {font-family: Arial, sans-serif;}
strong {font-weight:bold;}
a {text-decoration:none;}
.menu a {color:#fff; font-weight:bold; font-size:13px;}
h2, h3, p {font-family:Times New Roman, serif;}
#content p {font-size:14px; line-height:20px; font-weight:normal;}
	#content p {color:#39393a;}
#content a {
	border-bottom:1px dashed #81B71F;
	color:#517F00;
	font-weight:bold;
}
	#content a:hover {
		background-color:#517F00;
		color:#fff;
	}
#selected-date strong {background-color:#517F00; color:#fff; padding:2px;}
	
h2 {font-size:21px; margin-bottom:38px;}
h3 {font-size:19px; margin-bottom:20px;}
  #col-beta h2 {font-size:18px;}
#footer a, #footer span {color:#fff; font-size:12px;}


/* layout 
-----------------------*/
html, body {height:100%;}
body {
  background:transparent url(../images/bg.jpg) repeat scroll left top;  
}


#outer-wrapper {
	background:transparent url(../images/top_bg.jpg) repeat-x scroll left top;
	position:absolute;
	width:100%; height:269px;
}

#wrapper {
	min-height:100% !important; position:relative;
	background:transparent url(../images/middle_bg.png) repeat-y scroll center top;
}

  #header {
    margin:0px auto;
    position:relative;
    width:1000px; height:309px;
  }
	
		#header-inner {
			background:transparent url(../images/header_pl.jpg) no-repeat scroll left top;
			width:950px; height:269px;
			position:absolute; left:25px; top:0;
		}
		body.de #header-inner {background-image:url(../images/header_de.jpg)}
		body.history_pl #header-inner {background-image:url(../images/header_history_pl.jpg)}
		body.history_de #header-inner {background-image:url(../images/header_history_de.jpg)}

    #menu-bar, #menu-bar-left, #menu-bar-right {height:40px; position:absolute; top:269px;}
    
    #menu-bar {
      background:transparent url(../images/menu_bar.jpg) repeat-x scroll left top;
      position:absolute; top:269px;
      width:950px; height:40px;
      margin:0px 25px 0px 25px;
    }
    
    
      
    #menu-bar-left, #menu-bar-right {width:18px;}
    #menu-bar-left {
      left:25px;
      background:transparent url(../images/menu_bar_left.jpg) no-repeat scroll left top;
    }
    #menu-bar-right {
      right:25px;
      background:transparent url(../images/menu_bar_right.jpg) no-repeat scroll right top;
    }
      
      ul.menu {
        position:absolute; left:12px; top:0;
      }
        ul.menu  li {
          background:transparent url(../images/menu_item.jpg) no-repeat scroll right top;
          display:block; float:left;
          height:40px;
            
        }
        ul.menu a {
            float:left;
            height:40px;
            padding:13px 32px 0px 32px;
        }
        ul.menu a:hover, ul.menu li.active a {
          background:transparent url(../images/menu_item_active.jpg) no-repeat scroll right top;
        }
        
      #flags {
        position:absolute; right:-5px; top:10px; z-index:10;
        width:100px; height:42px;
      }
        #flags a {text-indent:-9999px; width:26px; height:21px; float:left;}
        #flags a:hover, #flags a.active {background-position:left bottom;}
        #flag_pl {background:transparent url(../images/flag_pl.png) no-repeat scroll left top;}
        #flag_de {background:transparent url(../images/flag_de.png) no-repeat scroll left top;}
        #flag_en {background:transparent url(../images/flag_en.png) no-repeat scroll left top;}

#middle-outer {
	margin-top:309px;
	margin:0px auto;
	width:1000px;
	padding-bottom:183px;
}

#middle {
	margin:0px 25px;
  overflow:hidden;
  position:relative;
	
}
  #floral-bg {
    
    position:absolute; top:0; right:19px;
    width:950px; height:94px;
    z-index:1;
  }
	#col-alpha {
    background:transparent url(../images/middle_floral_1.jpg) no-repeat scroll right top;
    border-left:2px solid #b9ca80;
    display:inline;
    background-color:#f6f6da;
    float:left;
    width:648px; min-height:300px;
    z-index:99;
  }
    #content {
      border-right:1px solid #9cbe43;
      margin-left:86px;
      margin-top:75px;
      padding-right:85px;
			min-height:300px;
    }
    
      
			#content p {padding-bottom:25px;}

	#col-beta {
    background:transparent url(../images/middle_floral_2.jpg) no-repeat scroll left top;
    border-right:2px solid #b9ca80;
    float:right;
    width:273px;
		position:relative;
		padding:120px 0px 0px 25px;
  }
    #col-beta-inner {
      /*padding:90px 50px 0px 31px;*/
      padding:0px 40px 0px 0px;
    }
    
      #col-beta h2 {text-align:center;}
      
      #col-beta a.fancy {text-decoration:none;}
        #col-beta a.fancy:hover {text-decoration:none;}
      
      div.sidebar-image {width:215px; padding-bottom:10px;}
        div.sidebar-image img {border:1px solid #9cbe43;}
        a.sidebar_more  {
          background:transparent url(../images/sidebar_button.png) no-repeat scroll left top;
          float:right;
          margin:5px 3px 0px 0px;
          font-size:12px; font-weight:bold;
					text-align:center;
					color:#fff;
					padding-top:2px;
          width:105px; height:24px;
        }
					a.sidebar_more:hover{ background-image:url(../images/sidebar_button_active.png);}

#footer-outer {
	height:183px; width:100%; margin:0px auto;
	position:absolute; bottom:0;
}
#footer {
	background:transparent url(../images/footer_bg.jpg) no-repeat scroll 25px top;
  margin:0px auto;
  position:relative;
  width:1000px; height:183px;
}

  ul#footer-menu {position:absolute; right:82px; top:135px;}
    ul#footer-menu li { display:block; float:left;}
      ul#footer-menu span {padding-right:5px;}

/* elements
-----------------------*/
#search-box {
  position:absolute; top:32px; left:38px;
  width:209px; height:29px;
  border:0;
}
	.search-box {background:transparent url(../images/search.png) no-repeat left top;}
	.search-box-active {background:transparent url(../images/search_active.png) no-repeat left top;}
  fieldset.search {border: none;}
  
    .search input, .search button {border: none; color:#AAAAAA;}
    .search input.box {
      width: 130px;
      padding: 6px 0px 0px 6px;
      background:none;
    }
    .search button.btn {
      width:66px;
      cursor: pointer;
      text-indent: -9999px;
      background:url(../images/blank.gif) no-repeat left top;
    }

.ngg-gallery-thumbnail-box span {font-size:11px !important;}

	/* gallery - room */
	
	.rooms {margin:40px 40px 40px 40px; float:left;}
	.rooms li {height:30px;}
	
	.rooms span {width:60px; height:30px;padding:5px; color:#fff; font-size:12px; }
	.rooms span.room1 {background-color:#668CD9;}
	.rooms span.room2 {background-color:#E0C240;}
	.rooms span.room3 {background-color:#4CB052;}
	.rooms span.room4 {background-color:#668CD9;}
	
	/* nextgen gallery sidebar */
	#col-beta .ngg-gallery-thumbnail-box {margin-bottom:20px;}
    
    .gallery-simple img {width:100px !important; height:75px !important;}
        .gallery-simple>div {float:left;}
        .gallery-simple div.sidebar-image {width:auto; }
            .gallery-simple div.odd {padding-left:25px;}
        

	/* calendars */
	#calendars {overflow:hidden;}
		#calendars p {float:left;}
		
	/* google maps */
	.mapp-poweredby {margin-bottom:20px;}


	/* forms */
	input {width:250px;}
	
	
/* misc 
-----------------------*/
.left {float:left;}
.alignleft {float:left;}
.right {float:right;}
.alignright {float:right;}
.clear {clear:both;}
.center-block{margin:0px auto;}