/*
	Theme Name: Domek Letniskowy

*/

body 
{
	background: #fff url('img/bg.gif') repeat-x;
	 margin:0; 
 padding:0; 
 text-align:center; 
 font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #61361d;
}
*{
	margin: 0; padding: 0;
}
img
{
	border: 0; padding: 0; margin: 0;
}
a
{
	color: #61361d; text-decoration:none;}

ul.lista{
list-style-type:disc;
padding: 15px;
}

#pagewidth{ 
 width:960px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
} 
 
#maincol{
 width:650px; 
 float:left; 
 position:relative; 
  }
 
#rightcol{background-color: #FFFFFF;  
 float: right; 
 display:inline; 
 position: relative; 
 width:310px; 
 }
 
#footer{
 height:30px; 
  background: #fff url('img/stopka.gif') no-repeat center; 
  text-align: center;
  line-height: 30px;
  color: #fff;
  margin-top: 30px;
 clear:both;
 } 

#top_logo
{
	height: 71px;
	width: 650px;
}

#top_menu
{
	height: 49px;
	width: 650px;
	background: #fff url('img/menu_bg.gif') repeat-x;
}

#top_img
{
	height: 312px;
	width: 650px;	
}

#navbar
{
	height: 21px;
	width: 650px;
}

#top_nav
{
	height: 71px;
	width: 310px;
}

#top_menu_right
{
	height: 49px;
	width: 310px;
	background: #fff url('img/menu_bg.gif') repeat-x;
}

#top_welcome
{
	height: 231px;
	width: 310px;	
	background: #f79c1e url('img/welcome_bg.gif');
	color: #fff;
}

#top_cont
{
	height: 100px;
	width: 310px;
	background: #fff url('img/contact.gif');
}
 
#lokalizacja
{
	height: 69px;
	width: 310px;
}

#ciekawostki
{
	width: 310px;
	min-height: 300px;
	background: #e2e2e2 url('img/ciekawostki_bg.gif') no-repeat right top;
}

#ciekawostki_bg
{
	width: 310px;
	height: 109px;
	background: #e2e2e2 url('img/ciekawostki_bottom.gif') no-repeat;
}

#menu {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 650px;
	height: 44px;

	position: relative;
}
#menu a {
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
}



#menu a:hover {
	background-position: left bottom;
}
#menu a:hover span{
	display: block;
}
#menu .oferta {
	width: 129px;
	height: 44px;
	background: url('img/menu_01.gif') no-repeat;
	left: 0px;
	top: 0px;
}

#menu .cennik {
	width: 130px;
	height: 44px;
	background: url('img/menu_02.gif') no-repeat;
	left: 129px;
	top: 0px;
}
#menu .galeria {
	width: 129px;
	height: 44px;
	background: url('img/menu_03.gif') no-repeat;
	left: 259px;
	top: 0px;
}
#menu .referencje {
	width: 130px;
	height: 44px;
	background: url('img/menu_04.gif') no-repeat;
	left: 388px;
	top: 0px;
}
#menu .kontakt {
	width: 132px;
	height: 44px;
	background: url('img/menu_05.gif') no-repeat;
	left: 518px;
	top: 0px;
}

.ins
{
	padding: 15px;
}

.naglowek
{
	font-family: Georgia;
	font-size: 22px;
	letter-spacing: 1px;
	padding-bottom: 15px;
}


a.stopka
{
	color: #fff;
	text-decoration: none;
}

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#maincol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}

#slider {
    width: 650px; /* important to be same as image width */
    height: 312px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}
#sliderContent {
    width: 650px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
    position: absolute;
    padding: 15px 45px 15px 0px;
    width: 650px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
    text-align:right;
    letter-spacing: 1pt;
}
.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 18px;
    font-family: Georgia;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
ul { list-style-type: none;}