body {
	background-image:url(images/background.jpg);
	color: #4d4b4a;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 0px;
	padding: 10px;
	background-color: #ffffff;
	background-repeat: repeat-x;
}
* {margin: 0px;padding: 0px;}
.clear{clear:both;}
#pojemnik {
	margin: 0px auto;
	text-align: left;
	width: 950px;
}
/********************** Naglowek ***************************/


#logo a{
	margin: 0px auto;
}
#header {
	
	position:relative;	
}
#header ul{
	list-style-type: none;
	display:inline;
	position:absolute;
	top:-50px;
	left:50px;
}
#header li{
	float:left;
		
}
.ostatni{
	border-right: 0px none #4d4b4a !important;
}
#header ul a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333230;
	text-decoration: none;
	padding: 0px 7px 0px 7px;
	border-right: 2px solid #4d4b4a;
}
#header ul a:hover{
	color:#000000;
}

/********************** slider ***************************/

    .slider-holder
        {
            width: 950px;
            height: 495px;
            background-color: yellow;
            margin-left: auto;
            margin-right: auto;
            margin-top: 0px;
            text-align: center;
            overflow: hidden;
        }
       
        .image-holder
        {
            width: 3800px;
            background-color: white;
            height: 495px;
            clear: both;
            position: relative;
           
            -webkit-transition: left 2s;
            -moz-transition: left 2s;
            -o-transition: left 2s;
            transition: left 2s;
        }
       
        .slider-image
        {
            float: left;
            margin: 0px;
            padding: 0px;
            position: relative;
        }
       
        #slider-image-1:target ~ .image-holder
        {
            left: 0px;
        }
       
        #slider-image-2:target ~ .image-holder
        {
            left: -950px;
        }
       
        #slider-image-3:target ~ .image-holder
        {
            left: -1900px;
        }
        
        #slider-image-4:target ~ .image-holder
        {
            left: -2850px;
        }
        
        .button-holder
        {
            position: relative;
            top: -20px;
        }
       
        .slider-change
        {
            display: inline-block;
            height: 10px;
            width: 10px;
            border-radius: 5px;
            background-color: white;
        }
        
        
img {
height: 495px;
width: 950px;
}

outerbox

{
width: 950;
overflow: hidden;
margin-left: 300px;
margin-top: 150px;
}

sliderbox

{
position: relative;
width: 3800px;
animation: slide 10s infinite;
}

sliderbox img

{
float: left;
}

@keyframes slide
{

0%
{
left: 0px;
}

20%
{
left: 0px;
}

25%
{
left: -950px;
}

45%
{
left: -950px;
}

50%
{
left: -1900px;
}

70%
{
left: -2850px;
}

75%
{
left: -2850px;
}

95%
{
left: -2400px;
}

100%
{
left: -3200px;
}
}

/********************** zawartosc ***************************/

#content {
	background-color: #ffffff;
	width:950px;
	display:block;
	
}
#content h1{
	text-align: center
	font-family: Helvetica, sans-serif;
	font-size: 21px;
	font-weight: bolder;
	color: #67a343;
	border-bottom: 1px solid #67a343;
}

div#fotografia {
background-image: url("logo_os.jpg");
background-repeat: no-repeat;
width: 870px;
height: 490px;
}

div#fotografia:hover {
background-image: url("logo_os_on_click.jpg");
background-repeat: no-repeat;
width: 870px;
height: 490px;
}

/********************** Lewa strona ***************************/





#left {
	background-color: #ffffff;
	border: 1px solid #ffffff;
	width:925px;
	margin: 0px 23px 23px 10px;
	padding: 15px 0px 15px 0px;
	float:left;
	display:inline;
}
.text{
	float:left;
	width:500px;
}

#left h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bolder;
	color: #14338c;
	text-decoration: none;
	margin: 20px 0px 10px 23px;
	
}
#left p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:lighter;
	A link: text-decoration: none
	color: #4d4b4a;
	margin: 8px 0px 0px 23px;

}
#left a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;color: #4d4c4a;
}
#left a:hover{
	color:#000000;
}

#a:link {text-decoration: none} 

.foto-logo-kobud {
					height:132px;
			 		width: 220px
}

.foto-logo-pko {
					height:132px;
			 		width: 137px
}

/********************** Plany / Segment ***************************/

#plany {
	background-color: #ffffff;
	border: 1px solid #ffffff;
	width:925px;
	margin: 10px 23px 23px 10px;
	padding: 15px 0px 15px 0px;

}
.text plany{float:left;
				width:495px;
}


.foto-budynek {
       
			 height:490px;
			 width: 870px
}

.foto-budynek img {

		 	 height:490px;
			 width: 870px
}

.foto-budynek-2 {
       
.foto-plany {
       
			 height:616px;
			 width: 360px
}

.foto-plany img {
   
        
			 height:616px;
			 width: 360px
}
			 height:800px;
			 width: 1200px
}

.foto-budynek-2 img {

		 	 height:800px;
			 width: 1200px
}



.foto-plany {
       
			 height:616px;
			 width: 360px
}

.foto-plany img {
   
        
			 height:616px;
			 width: 360px
}

.foto-plany_b {
       
			 height:370px;
			 width: 920px
}

.foto-plany_b img {
   
        
		  
          height:370px;
			 width: 920px
}

.foto-plany_b_p  { 

				height:415px;
			 	width: 920px
			 	
}
			 		  
.foto-plany_b_p img { 

				height:415px;
			 	width: 920px
		 	 	
}
 			
#plany h2{
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	font-size: 22px;
	font-weight: bolder;
	color: #14338c;
	text-decoration: none;
	margin: 20px 0px 10px 23px;
}

#plany h6{
		font-family: Arial, Helvetica, sans-serif;
		text-align:center;
		font-size: 12px;
		color: #00000;
		text-decoration: none;
		margin: 2px 0px 10px 23px;
}

#plany p{
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	font-size: 16px;
	font-weight:lighter;
	A link: text-decoration: none
	color: #4d4b4a;
	margin: 8px 0px 0px 23px;

}
#plany a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;color: #4d4c4a;
}
#plany a:hover{
	color:#000000;
}

#plany a:link {text-decoration: none} 



            }
         
/************************ male foto po prawej stronie **********************/


#right p{
	margin-right: 25px;
	padding: 10px 9px 0px 9px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #605c4c;
}


.foto {display:block;
   margin-top: 4px;
	margin-right: 25px;
	margin-bottom: 25px;
	border: 1px;
	border-color: white;
	float:right;
	height:141px;
	width: 250px;
}

.foto-aktualne {display:block;
   margin-top: 4px;
	margin-left: 25px;
	margin-bottom: 25px;
	border: 1px;
	float:left;
	height:141px;
	width: auto;
}




/********************** Kontakt / Rezerwacje ***************************/
#bottom {
	float:right;
	width:900px
	background-color:#dad9cf;
	margin: 0px 25px 25px 0px;
	padding: 0px 0px 6px 0px;
	display:inline;
	border: 1px solid #c2bdaa;
}
#bottom h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bolder;
	color: #605c4c;
	text-decoration: none;
	background-color:#A7EB6F;
	width:900px;
	text-align:center;
	padding: 3px 0px 3px 0px;
}


#bottom p{
	padding: 10px 9px 0px 9px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #605c4c;
}
#bottom a{
	padding: 15px 9px 5px 9px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #605c4c;
	font-weight:bolder;
	display:block;
}
#bottom a:hover{
	color:#000000;
}
#bottom span a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bolder;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: uppercase;
	background-color:#4169E1;
	width:315px;
	text-align:left;
	padding: 3px 0px 3px 5px;
	margin: 15px 6px 0px 6px;
}

						
/********************** Tabela / rezerwacje mieszkań ***************************/
				
					
				
#table {			
		font-family: Arial, Helvetica, sans-serif;	
	   font-size: 14px;	
	   text-shadow:0px 0px 2px 4px rgba(108,111,115,.3);
	   text-align: center;
		padding: 0px 0px 0px 0px;
		border-spacing: 2px;	 
		table-layout: fixed; width: 570px

}


th	{
		background-color:#ffac00; color: #000;
					height:40px;
 
}
	
tr:nth-child(odd) {background: #e2f46c;
						height:45px;
	
						
}

tr:nth-child(even) {background: #eaf693;
						height:45px;

}

/********************** Tabela / rezerwacje miejsc post./komórek lok. ***************************/
				
					
				
#table_a {			
		font-family: Arial, Helvetica, sans-serif;	
	   font-size: 10px;	
	   text-shadow:0px 0px 2px 4px rgba(108,111,115,.3);
	   text-align: center;
		padding: 0px 0px 0px 0px;
		border-spacing: 1px;	 
		table-layout: fixed; width: 370px

}


th_a	{
		background-color:#ffac00; color: #000;
					height:40px;
 
}
	
tr:nth-child(odd) {background: #e2f46c;
						height:20px;
	
						
}

tr:nth-child(even) {background: #eaf693;
						height:20px;

}

/********************** stopka ***************************/
#footer, #footer a {
	background-color: #d8e782;
	width: 950px;
	height:23px;
	text-align:center;
	padding: 10px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bolder;
	color: #4d4b4a;
}
#footer a:hover{
	color:#000000;
}