*
{
    margin: 0;
    padding: 0;    
}

body
{
    margin: 0;
	padding: 0;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 18px;
	line-height: 1.625em;
	color: #23232A;
	background: #FFF;
	min-width: 550px;
}

.call
{
	display: inline-block;
	color: darkorange;
}

.register
{
	display: inline-block;
	color: seagreen;
}

.rezerwuje
{
	padding:10px 0 0;
	font-weight: bold;
	font-size: 20px;
}


a
{
	text-decoration: none;
}

h1
{
	font-size: 23px;
	font-weight: 700;
	color: darkorange;
	margin-bottom: 10px;
	text-align: center;
}

h2
{
	display: none;
	text-align: center;
	margin: 0 0 20px 0;
	color: forestgreen;
	font-size: 28px;
}

.tel
{
	margin-right: 15px;
}
	
	.tel strong
	{
		color: darkorange;
	}
	
.clearfix
{
	clear: both;
}

.left
{
	float: left;
}

.right
{
	float: right;
}

.margin
{
	margin-bottom: 20px;
	border-bottom: 1px dashed #333;
	margin-top: 30px
}

.web
{
	width: 1275px;
	margin: 0 auto;
}

header#header
{
	background: #31323d;
	padding: 10px 0;
	color: #FFF;
	margin-bottom: 5px;
}

	header#header .web #logo,
	header#header .web .adress,
	header#header .web .phone
	{
		float: left;	
	}
	
		header#header .web #logo a
		{
			color: #FFF;
			font-size: 20px;
			font-weight: 700;
		}
	
	header#header .web .contact
	{
		float: right;
	}
	
	header#header .web .adress
	{	
                margin-right: 2px;
                font-size: 12px;
	}
	
	header#header .web .adress:last-child
	{
		margin-right: 0;
	}	
	
		header#header .web .adress strong
		{
			color: darkorange;
			font-weight: 700;
		}
		
section.double
{
	/*background: url('../images/background.png') repeat-x;*/
}

	section.double .auto
	{
		width: 40%;
		color: #333;
		font-size: 25px;
	}
	
		section.double .auto div.name
		{
			float: left;
			font-weight: bold;
		}
		
		section.double .auto div.name.subpage
		{
			float: none;
		}
		
			section.double .auto div.name a
			{
				color: #333;
				font-weight: bold;
			}
			
			section.double .auto div.name a:hover
			{
				text-decoration: underline;
			}
		
		section.double .auto div.price
		{
			font-weight: bold;
		}
		
			section.double .auto div.price span
			{
				display: block;
			}
			
			section.double .auto div.price span.walut
			{
				font-weight: normal;
				font-size: 14px;
				text-align: right;
				line-height: 14px;
			}
			
		section.double .auto img
		{
			margin-top: 17px;
		}
		
		a.more
		{
		    background-color: #e8e8e8;
		    color: #a7a7a7;
		    font-weight: normal;
		    padding: 8px 45px;
		    font-size: 18px;
		    transition: all 0.22s ease;
		}
		
		a.more:hover
		{
			background: darkorange;
			color: #FFF;
			
		}
		
		a.phone
		{
			background-color: #cd3838;
			color: #FFF;
			text-transform: uppercase;
			text-align: center;
			height: 30px;
			margin-left: 10px;
			font-size: 14px;
			line-height: 14px;
		}
		
		a.phone:hover
		{
			background-color: #ef4040;
			text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);
			cursor: pointer;
		}
		
		/*POPUP*/
		#popup-container
		{
			height: 1980px;
			width: 100%;
			position: fixed;
			top: 0;
			left: 0;
			background-image: url('../images/black_glass.png');
		}
		
		#popup-main
		{
			position: relative;
			width: 450px;
			background-color: #FFF;
			padding: 10px;
			margin: auto;
			margin-top: 15%;
			border-radius: 5px;
			text-align: center;
			-webkit-box-shadow: 0px 0px 46px -8px rgba(0,0,0,0.75);
			-moz-box-shadow: 0px 0px 46px -8px rgba(0,0,0,0.75);
			box-shadow: 0px 0px 46px -8px rgba(0,0,0,0.75);
		}
		
		#popup-main .big-phone
		{
			color: #cd3838;
			font-size: 36px;
			line-height: 48px;
			font-weight: bold;
		}
		
		#popup-close
		{
			position: absolute;
			right: -10px;
			top: -10px;
			float: right;
			color: #CCC;
			border: 2px solid #CCC;
			border-radius: 20px;
			background-color: #FFF;
			width: 30px;
			height: 30px;
			line-height: 30px;
			font-size: 20px;
			font-weight: bold;
			text-align: center;
			cursor: pointer;
			-webkit-box-shadow: 0px 0px 46px -8px rgba(0,0,0,0.75);
			-moz-box-shadow: 0px 0px 46px -8px rgba(0,0,0,0.75);
			box-shadow: 0px 0px 46px -8px rgba(0,0,0,0.75);
		}
		
		#popup-close:hover
		{
			color: #777;
			border-color: #777;
		}
		
		.popup-hidden
		{
			display: none;
		}
		
		/*PODSTRONA*/
		section.double .specyfication
		{
		    width: 40%;
		    margin-left: 2%;
		    margin-top: 50px;
		}
		
			section.double .specyfication .list_one
			{
			
			}
			
		
		.table
		{
			border-top: 1px solid #716161;
			border-left: 1px solid #716161;
			float: left;
			-webkit-box-shadow: 5px 2px 10px 2px #7D7D7D;
			box-shadow: 5px 2px 10px 2px #7D7D7D;
		}
	
		.table .days
		{
			float: left;
			border-right: 1px solid #716161;
			border-bottom: 1px solid #716161;
			width: 200px;
			padding: 5px 0;
			/*background: #0F4978;*/
			background: #848B90;
			text-align: center;
			color: #FFF;
			font-weight: 300;
		}
		
		.table .price
		{
			float: left;
			width: 200px;
			padding: 5px 0;
			text-align: center;
			border-right: 1px solid #716161;
			border-bottom: 1px solid #716161;
		}


/*RESPONSIVE: 481px - 959px*/	
@media all and (min-width: 481px) and (max-width: 959px)
{
	.web,
	.web-top
	{
		width: 100%;
	}	
	
	header#header .web #logo
	{
		text-align: center;
		float: none;
		margin-bottom: 10px;
	}
	
		header#header .web #logo a
		{
			font-size: 25px;
			
		}
		
		header#header .web .contact
		{
			float: none;
		}
	
		
		header#header .web .adress,
		header#header .web .tel
		{
			width: 100%;
			margin: 0 0 5px;
			text-align: center;
		}
		
		h1
		{
			line-height: 34px;
		}
		
		h2
		{
			display: block;
		}
		
		/*.mobile
		{
			display: inline-block;
			font-size: 20px;
		}*/
		
		
		section.double .auto.left,
		section.double .auto.right
		{
			float: none;
		    width: 80%;
		    margin: 0 auto 55px;
		}
		
		.rezerwuje
		{
			display: none;
		}
		
		
}


@media all and (max-width: 959px)
{
	section.double .specyfication
	{
		width: 80%;
		margin: 0 auto;
		float: none;
	}
	
	.rezerwuje
		{
			display: none;
		}
	
	section.double .specyfication .list_one.left,
	section.double .specyfication .list_two.right
	{
		float: none;
		margin-left: 20%;
		display: none;
	}
	
		.table
	{
		width: 80%;
		margin: -55px auto 0 auto;
		float: none;
		box-shadow: none;
		border-top: none;
	}
	
	.table .coll
	{
		float: left;
		border-top: 1px solid #716161; 
		width: 50%;
	}
	
	.table
	{
		font-size: 15px;
	}
	
	.table .days
	{
		float: none;
		width: initial;
	}
	
	.table .price
	{
		float: none;
		width: initial;
	}
	
	.table .clearfix
	{
		clear: none;
	}
}


/*RESPONSIVE: MAX 480px*/
@media all and (max-width: 480px)
{
	.web,
	.web-top
	{
		width: 100%;
	}	
	
	header#header .web #logo
	{
		text-align: center;
		float: none;
		margin-bottom: 10px;
	}
	
		header#header .web #logo a
		{
			font-size: 25px;
			
		}
		
		header#header .web .contact
		{
			float: none;
		}
	
		
		header#header .web .adress,
		header#header .web .tel
		{
			width: 100%;
			margin: 0 0 5px;
			text-align: center;
		}
		
		h1
		{
			line-height: 34px;
		}
		
		h2
		{
			display: block;
		}
		
		/*.mobile
		{
			display: inline-block;
			font-size: 20px;
		}*/
		
		section.double .auto img
		{
			max-width: 100%;
			height: auto;
		}
		
		section.double .auto.left,
		section.double .auto.right
		{
			float: none;
		    width: 80%;
		    margin: 0 auto 55px;
		}
		
		
		section.double .auto div.name
		{
			float: none;
			text-align: center;
		}
		
		.table
	{
		width: 80%;
		margin: -55px auto 0 auto;
		float: none;
		box-shadow: none;
		border-top: none;
	}
	
	.table .coll
	{
		float: left;
		border-top: 1px solid #716161; 
		width: 50%;
	}
	
	.table
	{
		font-size: 12px;
	}
	
	.table .days
	{
		float: none;
		width: initial;
	}
	
	.table .price
	{
		float: none;
		width: initial;
	}
	
	.table .clearfix
	{
		clear: none;
	}	
		
			
}