@CHARSET "UTF-8";

body {
	font-family: Verdana, Arial,sans-serif;
	font-size: 30px;
	text-size-adjust: none;
	
	color: #999;
	margin:0;
	background-color: #333;
}

h3 {
	font-size: 1.2em;
}

@media only screen and (min-width: 1200px) {
	body {
		font-size: 16px;
	}
}



div#centered {
	width:851px;
	margin:0 auto;
}

div#banner {
	margin: 10px 0px 0px 0px;
	background: url(../img/banner_min.png) no-repeat center center;
	height:50px;
	border-bottom: 1px solid black;
  	position: relative;
  	min-height: 50px;
}

div#banner a {
	padding-top: 10px;
	padding-left: 10px;
	font-weight: bold;
	font-size: 1.2em;
	color: #222;
	position: absolute;
  	bottom: 0;
  	left: 0;
}


div#body {
	width:849px;
	margin: 0 auto;
}

div#o_firmie h3, div#kontakt h3 {
	color: #555;
}

div#kontakt, div#o_firmie {
	float: left;
	padding: 10px;
	width: 828px;
	height: 400px;
}
	
div#o_firmie {
	background-color: #222;
	margin: 10px 0px 0px 0px;
	border: 1px dotted black;
}

div#kontakt {
	background-color: #111;
	margin: 10px 0px 10px 0px;
	border: 1px dotted #222;
}

@media only screen and (min-width: 1200px) {
	div#kontakt, div#o_firmie {
		width: 398px;
		height: 250px;
	}
	div#o_firmie {
		margin: 10px 5px 10px 0px;
	}
	div#kontakt {
		margin: 10px 0px 10px 5px;
	}
}



.phone-icon-black {
	background: url(../img/call-icon-black.png) no-repeat center center;
	background-size: contain;
	width: 19px;
	height: 19px;
	margin-right: 10px;
	display: inline-block;
	vertical-align: middle;	
}

.phone-icon-white {
	background: url(../img/call-icon-white.png) no-repeat center center;
	background-size: contain;
	width: 19px;
	height: 19px;
	margin-right: 10px;
	display: inline-block;
	vertical-align: middle;	
}

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

a:hover {
	color: #555;
}