/* ==========================================================================
   TPK's custom styles
   ========================================================================== */
body {
	font-size: 17px;
	color: #555;
	text-shadow: none;
	background-color: #FFF;
	padding-top: 80px;
}

h1, h2, h3 {
	letter-spacing: -1px;
	color: #2d2d2d;
}

h1.logo a {
	font-size: 70px;
	line-height: 80px;
	padding-left: 80px;
	color: #2d2d2d;
	letter-spacing: -4px;
	background: url(../img/logo.png) no-repeat left center;
}

a, a:hover, a:visited, a:focus {
	color: #D92930;
}

.row {
	margin-top: 30px; 
	margin-bottom: 20px;
}

.nav-top {
	padding-top: 50px;
}
.nav-top li {
	list-style-type: none;
	display: inline;
}

.nav-top li a {
	margin: 0 10px;
	color: #222;
	font-size: 16px;
	font-weight: bold;
}

div[role=main] {
	box-shadow: inset 10px 0 10px #9d9d9d;
	background-color: #f2f2f2;
}

.contact span {
	display: block;
}

.section {
	/*padding: 30px 0 30px;*/
}

.kariera {
	text-align: center;
}

footer {
	/*background-color: #d4d5d7;*/
}

footer .section {
	padding: 20px 0 50px 0;
	color: #aaa;
	text-shadow: 0 1px 1px #fff;
	font-size: .85em;
}

footer a, footer a:visited {
	color: inherit;
	text-decoration: underline;
}

.pull-right {
	text-align: right;
}

/* ################## BULLETS */
.bullet {
    display: inline-block;
    position: relative;
    width: 16px;
    height: 16px;
}
.bullet:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    width: 10px;
    height: 10px;
}
.black-bullet {
	background: #222;
}
.red-bullet {
	background: #D92930;
}
.square {
    display: inline-block;
    position: relative;
    width: 18px;
    height: 18px;
}
.black-square {
	background: #222;
}
.red-square {
	background: #D92930;
}