body {
	font-family: 'PT Sans', sans-serif;
	font-size: 12px;
	margin: 0;
	padding:0;
}

.rounded-corners(@radius: 75px;){
  -webkit-border-radius: @radius;
  -moz-border-radius: @radius;
  -ms-border-radius: @radius;
  -o-border-radius: @radius;
  border-radius: @radius;
}

.hide {display: none;}

a {color: #000; text-decoration: none;}

h1 {
	font-size: 36px;
	font-weight: bold;
	color: #414242;
}

h3 {
	font-size: 18px;
	font-weight: normal;
}

.container-max, #contentBox {
	width: 100%;
	.container {
		width: 920px;
		margin: 0 auto;
		position: relative;
	}
}

#contentBox.index-page {display: none;}

.head {
	padding-top: 20px;
	background: url('img/bg/1.jpg') 50% top no-repeat;
	background-size: cover;
	height: 649px;
	nav {
		float: right;
		margin-top: 30px;
		& > div {
			display: inline-block;
			margin: 0 12px;
		}	
	}
	.sentence {
		position: absolute;
		top: 300px;
		left: 0;
	}
}

.uslugi{
	padding-top: 20px;
	background: url('img/bg/2.jpg') 50% top no-repeat;
	background-size: cover;
	height: 577px;

	.kolka {
		text-align: center;
		& > div {
		display: inline-block;
		margin-top: 120px;
		padding: 5px;
		.rounded-corners(78px);
		border: none !important;
		background: #fff;
		cursor: pointer;
		position: relative;
		z-index: 10;
		}
		
		& > div:nth-child(2) {margin-left: 140px; margin-right: 140px;}
	}
	
	.kkreska {
		height: 8px;
		background: #414242;
		position: absolute;
		z-index: 1;
	}
	
	.tcell {
		border: 8px solid #414242;
		display: table-cell;
		vertical-align: middle;
		text-align: center;
		.rounded-corners(78px);
		width: 150px;
		height: 150px;
	}
	
	.tcell:hover {
		border-color: #f68725;
	}
}

#contentBox {
	background: #eeeeee;
	padding: 1px 0;
	
	h1 {margin-top: 0;}
}

.tabor-page {
	table td {
		text-align: center;
	}
	
	table .ttitle {text-align: left;}
	
	table tr:first-child td {
		font-weight: bold;
		font-size: 18px;
		
	}
}

.przesylki-drobnicowe-page, .spedycja-calopojazdowa-page {
	table td {vertical-align: top;}
	
	ul {
		padding:5px 0 0 0;
		margin:-5px;
		& > li {
				list-style: none;
				padding-left: 0;
				margin: 10px 10px 10px 10px;
				text-indent: -.7em;
		}
		
		& > li:before {
		content: "• ";
		color: #f28626;
		}
	}
	
	ol > li {
		margin: 10px 0;
		text-indent: 0;
	}
}

.spedycja-calopojazdowa-page > .container {
	background: url('../../data/uploads/obrazki/tlo2.jpg') right 50% no-repeat;
	background-size: contain;
}

.wycena-transportu {
	padding-top: 50px;
	height: 606px;
	background: url('img/bg/3.jpg') 50% top no-repeat;
	background-size: cover;
	
	#p01-contact1 {
		overflow: auto;
		
		h3 {border-bottom: 3px solid #414141; padding-left: 70px; margin-left: 10px; position: relative;}
		.kolko1, .kolko2 {
			width: 57px;
			height: 57px;
			position: absolute;
			left: -10px;
			top: -5px;
		}
		
		.kolko1 {background: url('img/01.png') left top no-repeat;}
		.kolko2 {background: url('img/02.png') left top no-repeat;}
		
		.formp1 {
			overflow: auto;
			margin-bottom: 30px;
		}
		
		.field > * {
			display: inline-block;
		}
		
		.forminner {
			padding-left: 80px;
			& > div {
				width: 420px;
				height: 35px;
			}
		}
		
		.forminner > div:nth-child(even) {float: right;}
		.forminner > div:nth-child(odd) {float: left;}
		
		input[type=text] {
			width: 280px;
			border: 1px solid #414141;
			background: none;
		}
		
		.label {width: 120px;}
		
		.formRight {text-align: right; padding-right: 23px; width: 437px !important;}
		
	}
}

.kontakt {
	background: #3f4140;
	color: #fff;
	padding-top: 5px;
	
	h1 { color: #fff; }
	
	.tkontakt h4 {
		font-size: 14px;
		font-weight: normal;
		border-bottom: 1px solid GREY;
		margin: 0 0 10px;
	}
	
	.tkontakt td {
		width: 33%;
		padding: 0 40px;
		vertical-align: top;
	}
	
	#mapaGoogle {color: #000;}
	
	.itband {
		font-family: 'Courier', sans-serif;
		border-top: 1px solid #6b6d6c;
		text-align: right;
		padding: 5px 0 20px;
		a {color: #fff}
		a:hover {color: Red};
	}
}

#arrow-up {
		position: fixed;
		bottom: 10px;
		right: 10px;
		width: 50px;
		height: 50px;
		background: #fff url('img/arrow-up-orange.png') 50% 50% no-repeat;
		background-size: 80%;
		border: 1px solid #f68725;
		cursor: pointer;
		z-index: 100;
		display: none;
		.rounded-corners(10px);
}