@import url(layout.css);

html * {margin: 0; padding: 0;}

body {
	font-family: 'Georgia', 'Times New Roman', 'Liberation Serif', 'DejaVu Serif', serif;
	font-size: 14px;
	color: #000000;
}

h1, h2, h3, h4, h5, h6 {color: #DF2D42; font-weight: normal;}
h1 {font-size: 20px; margin-bottom: 15px;}
h2 {font-size: 18px; margin-bottom: 15px;}
h3 {font-size: 16px; margin-bottom: 15px;}

p {margin-bottom: 15px;}

a {color: #C11D1E; text-decoration: none;}
a:hover {text-decoration: underline;}

hr {height: 2px; margin: 10px 0; background: #DCDCDC; color: #DCDCDC; border: 0;}


input[type=text], input[type=password], textarea, select {
	padding: 2px;
	font-size: 12px;
	background: #FFFEBE;
	border: 1px solid #3C3C3C;
	color: #000000;
}
select {padding: 0;}
option {padding: 0 5px;}

button {
	padding: 2px 5px;
	background: #D2D2D2;
	color: #000000;
	border-top: 2px solid #8C8C8C;
	border-left: 2px solid #8C8C8C;
	border-bottom: 2px solid #3C3C3C;
	border-right: 2px solid #3C3C3C;
}
button:active {
	padding: 3px 4px 1px 6px;
	border-top: 2px solid #3C3C3C;
	border-left: 2px solid #3C3C3C;
	border-bottom: 2px solid #8C8C8C;
	border-right: 2px solid #8C8C8C;
}

ul {padding-left: 15px; margin-bottom: 30px;}
ul ul {margin: 0;}
li {margin-bottom: 3px;}
ul.menu {list-style-type: none; margin-bottom: 24px;}
ul.menu li {margin: 8px 0;}

#nav a {display: block; padding: 0 20px; color: #FFFFFF; text-decoration: none;}
#nav a:hover {background-color: rgba(0,0,0,0.1);}
#nav ul li li a {float: none; display: inline; padding: 0 15px;}
#nav ul li li a:hover {background: transparent;}
#nav ul li li.active a {padding: 0;}

#main p {line-height: 1.5em;}

#bottom a {color: #C11D1E; text-transform: uppercase; text-decoration: none;}
#bottom a:hover {text-decoration: underline;}

#footer a {color: #FFFFFF; text-decoration: none; margin: 0 15px;}
#footer a:hover {color: #F1E8D7; text-decoration: underline;}

#side .item {
	width: 225px;
	height: 81px;
	padding: 10px 10px 0;
	line-height: 65px;
	font-size: 14px;
	color: #000000;
	background: url(../img/side_item.png) top center no-repeat;
	overflow: hidden;
}
#side .item a {color: #000000;}
#side .item a:hover {text-decoration: none; color: #C11D1E;}
#side .item a:visited {color: #101010;}
#side .item img {
	vertical-align: middle;
	margin-right: 10px;
	padding: 4px;
	border: 1px solid #D6D4D1;
}
#side button {
	width: 100%;
	background: #FFFFFF;
	color: #C11D1E;
	border: 1px solid #C11D1E;
}
#side button[disabled] {color: #9A9A9A; border: 1px solid #9A9A9A;}

table.formtab {border-collapse: collapse;}
table.formtab td {padding: 3px 5px; vertical-align: top;}
table.formtab td:first-child {text-align: right;}
table td.center {text-align: center !important;}

.oferta {
	clear: both;
	position: relative;
	left: -15px;
	width: 388px;
	min-height: 60px;
	padding: 30px 25px 0 25px;
	background: url(../img/oferta_grad.png) top center no-repeat;
}
.oferta img {
	float: left;
	position: relative;
	top: -15px;
	left: -15px;
	min-height: 55px;
	margin: 0 0 10px 10px;
	padding: 4px;
	border: 1px solid #D6D4D1;
}
.oferta a {color: #000000; text-decoration: none;}

.referencja {
	width: 455px;
	height: 107px;
	margin: 0 10px 20px;
	padding: 20px 10px;
	background: url(../img/news.png) top center no-repeat;
	text-align: justify;
}
.referencja.alt {margin: 0 0 20px 150px;}
.referencja .tresc {min-height: 40px; max-height: 85px; overflow: hidden; font-size: 14px;}
.referencja .autor {margin-top: 11px; padding-right: 10px; text-align: right; color: #858585;}

.news {
	position: relative;
	left: -10px;
	width: 460px;
	height: 87px;
	margin: 0 0 0 auto;
	padding: 20px 15px 45px 0;
	background: url(../img/news.png) top center no-repeat;
	overflow: hidden;
}
.news img {
	float: left;
	position: relative;
	top: -5px;
	margin: 0 10px;
	padding: 4px;
	border: 1px solid #D6D4D1;
}
.news div.news_body {margin: 0 0 10px 85px; min-height: 60px;}
.news div.news_link {margin-left: 85px;}
.news div.news_data {float: left; color: #ADADAD;}

.breadcrumb {
	position: relative;
	bottom: 10px;
	margin-bottom: 20px;
	padding-bottom: 15px;
	border-bottom: 1px solid #DCDCDC;
	font-size: 12px;
}
.breadcrumb a {color: #A9A9A9;}
.breadcrumb a:hover {text-decoration: none;}

.heading {margin-bottom: 30px;}
.heading img {
	float: left;
	padding: 4px;
	border: 1px solid #D6D4D1;
	margin-right: 20px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
.heading table tr td {
	padding: 0 20px;
	font-size: 13px;
	line-height: 28px;
	color: #DF2D42;
	border-bottom: 1px solid #DCDCDC;
	vertical-align: top;
	white-space: pre-wrap;
}
.heading table tr td:first-child {
	padding: 0;
	text-align: right;
	color: #000000;
	white-space: nowrap;
}
.heading table.wino tr td {color: #000000;}

.ws {margin: 30px auto;}
.pad-h {padding: 0 20px;}

.fleft {float: left;}
.fright {float: right;}
.clear {clear: both;}

.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;}
.justify {text-align: justify;}

.hidden {display: none;}

.red {color: #C11D1E;}