html {
    width:100%;
    height:100%;
}

body {
    background-color: #fff;
    font-family: "Lato", Arial, Helvetica, sans-serif;
    color:#5b5b5b;
	font-size:15px;
	line-height:27px;
}

@font-face {
    font-family: 'zapfhumnsteuregular';
    src: url('../fonts/0015eu_0.woff2') format('woff2'),
         url('../fonts/0015eu_0.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@md-gutter: 50px;
@lg-gutter: 50px;

.pointer {
	cursor:pointer;
}

.navbar {
	background:#fff;
	border-bottom:1px solid #adadad;
	border-radius:0;
	margin:0;
}
.navbar-brand {
	margin:0;
	padding:0 0 0 20px;
}


.menu-main {
	float:right;
	margin:0;
	padding:0;
}
.menu-main li {
	margin:0 0 0 12px;
	padding:3px 0;
	text-transform:uppercase;
	font-size:15px;
	font-weight:bold;
	color:#5b5151;
	text-align:center;
}
.menu-main li a { 
	color:#5b5151 !important; 
}
.menu-main li a:hover { 
	text-decoration:underline;
	color:#c0a264 !important; 	
}
.menu-main li.active a { 
	background:none !important;
}
.menu-main li .eng-version { 
	margin:0 0 3px 0;
	padding:0;
}

.box-header {
	background-color:#0a0a0a;
	color:#fff;
	text-align:center;
	margin:45px 0 0 0;
	padding:50px 0 40px 0;
}
#home {
    background:#fff url('../image/bg-sgh-2.jpg') top center;
    background-size: cover;
    padding:0;
	margin:0 0 30px 0;
	min-height:500px;
	border-bottom:1px solid #5a5548;
}
.box-header-2 {
	background-color:#0a0a0a;
	color:#fff;
	text-align:center;
	margin:130px 0 0 0;
	padding:40px 0 40px 0;
	opacity:0.95;
	filter:alpha(opacity=95);
}

.box-header h1, .box-header-2 h1 {
	font-family: 'zapfhumnsteuregular', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size:50px;
	line-height:70px;
	color:#d3a057;
	margin:0;
	padding:0;
}
.box-header h1 a, .box-header-2 h1 a { color:#d3a057; }
.box-header h1 a:hover, .box-header-2 h1 a:hover { text-decoration:none; }
.box-header h2, .box-header-2 h2 {
	float:left;
	font-size:18px;
	line-height:32px;
	color:#fff;
	text-transform:uppercase;
	margin:0;
	padding:0;
}
.box-header h2 span, .box-header-2 h2 span {
	margin:0 15px;
}

.main-text {
	margin:0 auto;
	text-align:center;
}
.main-text h1, .main-text h2 {
	width:100%;
}
.logo-sgh {
	float:left;
	width:80px;
	height:80px;
	padding:0;
	margin:0 25px 15px 10px;
}

@media screen and (min-width:0px) and (max-width:600px){
.main-text { width:100%; }
.logo-sgh, .box-header h1, .box-header h2 { float:none; margin:0 0 20px 0; }
}

.box-sgh {
	background:#fff url('../image/bg-sgh.jpg') top center;
    background-size: cover;
    padding:0;
	margin:0 0 30px 0;
	min-height:400px;
	border-bottom:1px solid #5a5548;
}

.button-bottom  {
	margin:0 auto;
	text-align:center;
	margin-top:120px;
}

.button-black {
	color:#d3a057;
	text-transform:uppercase;
	background-color:#000;
	border:1px solid #d3a057;
	padding:10px;
	text-align:center;
	margin-bottom:10px;
	font-size:16px;
}
.button-black a {
	color:#d3a057;
}


.box {
	margin:30px 0;
	padding:20px 0;
}
.box .content {
	margin:25px 0;
}
.box .content a, .box .content a:hover {
	color:#d3a057;
}

.box h2 {
	text-transform:uppercase; 
	font-size:32px !important;
	font-weight:bold;
	color:#363636;
	line-height:40px;
}
.box h2 a {
	color:#363636;
}

h2.title-border { 
	border-bottom:2px solid #c1c1c1; 
	padding-bottom:10px; 
	line-height:120%;
	position:relative;
}
h2.title-border:before{
	content:  "";
	background-color:#d3a057;
	position:absolute;
	bottom:-2px;
	width: 60px;
	z-index:10;
	height: 2px;
}
h2.title-border.none, h2.title-border.none:before {
	border:0; 
	background-color:transparent;
}

.title-border-small {
	background:#c1c1c1;
	text-align:center;
	width:200px;
	margin:0 auto;
	height:2px;
}
.title-border-small:before {
	content:  "";
	background-color:#d3a057;
	position:absolute;
	margin-left:-30px;
	width: 60px;
	z-index:10;
	height: 2px;
	
}

.box.dark { padding-bottom:0; background-color:#201f1e; border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; }
.box.dark h2 { color:#d3a057; }
.box.dark .content { color:#fff; }
.box.dark .content p { margin:20px 0; }
.box.noborder { padding-bottom:0; border:0; }
.box.page { margin:10px 0 30px 0; }
.box.page .content  { color:#4a4a4a; }
.box.page h3 { margin:10px 0 30px 0; }
.box.page h4 { margin:30px 0; }

.rectangle {
	margin:20px auto;
	width:270px;
	border:4px solid #d7d7d7;
	padding:40px 25px 30px 25px;
}
.rectangle .number {
	color:#d3a057;
	font-family: 'Marck Script', cursive;
	font-size:72px;
	font-weight:bold;
}
.rectangle .star {
	margin:0;
	padding:0;
}
.rectangle .description {
	color:#3e3e3e;
	font-size:18px;
	margin:30px 0 0 0;
}

.button-gold, .button-gold-small {
	color:#fff;
	text-transform:uppercase;
	background-color:#d3a057;
	border:0;
	text-align:center;
	font-size:14px;
	padding:10px 25px;
	text-shadow:1px 1px 1px #333333;
}
.button-gold-small {
	font-size:12px;
	padding:5px 15px;
}
a.button-gold, a.button-gold-small {
	color:#fff !important;
}
.button-gray, .button-gray-small {
	color:#000;
	text-transform:uppercase;
	background-color:#d4d4d4;
	border:0;
	text-align:center;
	font-size:14px;
	padding:10px 25px;
}
.button-gray-small {
	font-size:12px;
	padding:5px 15px;
}
a.button-gray, a.button-gray-small {
	color:#000 !important;
}

.image {
	float:right;
	width:383px;
	margin:0;
	padding:0;
}

/* listy */
ul.dotted {
	list-style:none;
	margin:0 0 20px 0;
	padding:0;
	width:100%;
}
ul.dotted li {
	background:url('../image/li_arrow.png') 5px 19px no-repeat;
	margin:0;
	padding:8px 0 8px 27px;
	border-bottom:1px dashed #dddddd;
	width:100%;
	font-size:19px;
	line-height:30px;
}

ul.arrow {
	list-style:none;
	margin:0 0 20px 0;
	padding:0;
	width:100%;
	color:#f7f7f7;
}
ul.arrow.gray { color:#4d4d4d; }
ul.arrow li:before { content: url('../image/li_arrow_2.png'); margin:6px 7px 0 0; }
ul.arrow.gray li:before { content: url('../image/li_arrow_gray_2.png'); margin:6px 7px 0 0; }
ul.arrow li {
	margin:0;
	padding:8px 0 8px 27px;
	font-size:17px;
	line-height:28px;
}

/* aktualnosci*/
.aktualnosci {
	float:left;
	width:100%;
	margin:0;
	padding:0;
}
.aktualnosci.first { border-bottom:1px dashed #dddddd; margin-bottom:15px; }
.aktualnosci h3 { float:left; width:100%; color:#534e4e !important; font-size:22px; line-height:30px; padding:8px 0; margin:0; }
.aktualnosci h3 a { float:left; color:#534e4e !important; }
.aktualnosci .foto { float:left; border:1px solid #c6c7c7; margin: 6px 15px 10px 0; }
.aktualnosci .description { font-size:15px; color:#a3a3a3; }


.aktualnosci-2 {
	float:left;
	width:100%;
	margin:0 0 25px 0;
	border-top:1px solid #ebebeb;
	padding:10px 0 0 0;
}
.aktualnosci-2.first { border-top:none; padding:0; }
.aktualnosci-2 .data { margin:0 0 12px 0; padding:0; font-size:11px; color:#aaa; }
.aktualnosci-2 h3 { color:#d3a057; margin:10px 0 15px 0 !important; padding:0; }
.aktualnosci-2 h3 a { color:#d3a057; }
.aktualnosci-2 .commentbox { float:left; margin:20px 0 10px 0; font-size:12px; font-weight:bold; }
.aktualnosci-2 .foto { float:left; border:1px solid #c6c7c7; margin: 6px 15px 10px 0; }

.more { 
	float:left;
	width:19px !important;
	height:18px !important;
	text-indent:-99999px !important;
	background:url('../image/more-button.png') 0 0 no-repeat;
	cursor:pointer;
	margin:7px 0 0 7px;
}
.more-2 { 
	display:inline;
	cursor:pointer;
	margin:7px 0 0 7px;
	font-size:13px;
}

.black { color:#000; }
.gray-dark { color:#c9c9c9; }
.gold-dark { color:#d3a057; }
.green-dark { color:#0d5548; }
.green, .green a  { color:#187968 !important; }

.font-19 { font-size:19px; line-height:30px; }

.gray-bg { background-color:#f1f1f3; }

.sgh-img {
	position:absolute;
	top:-60px;
	right:0;
}

.border-4 {
	border:4px solid #d7d7d7;
	padding:20px;
	margin:20px 0;
}

#kontakt {
	margin-bottom:0;
	border-bottom:0;
}
#kontakt .intro { 
	color:#b6b6b6;
	font-size:13px;
}
#kontakt .content p { 
	margin:7px 0;
	padding:0;
}

.hide { display:none; }
.show { display:block; }

/* formularze */
#formularz h4 {
	font-size:22px;
	color:#d3a057;
	margin:10px 0 30px 0;
	padding:0;
}
.highlight h4 {
	font-size:28px;
	color:#000;
	margin:10px 0 30px 0;
	padding:15px 0 15px 0;
	border-bottom:1px solid #e6e6e6;
	text-align:center;
}
.highlight h4.first { padding:0 0 15px 0; margin:5px 0 30px 0; }


.form-horizontal {
	color:#101010;
}
.form-horizontal .control-label {
	font-weight: normal;
	font-size: 13px;
}

div.error, div.errors {
    clear: both;
    display: block;
    color:red;
    padding:5px 0px;
}

input.error,
select.error,
textarea.error
{
    color:red !important;
    border:1px solid red !important;
    background-color: #fff2f2;
}

.small {
	font-size:13px;
}

.success {
	float:left; 
	width:100%;
	margin:15px 0;
	padding:10px 15px;
	color:#fff;
	background-color:#8fb580;
}
.warning {
	float:left; 
	width:100%;
	margin:15px 0;
	padding:10px 15px;
	color:#fff;
	background-color:#e15656;
}
.info {
	float:left; 
	width:100%;
	margin:15px 0;
	padding:10px 15px;
	color:#fff;
	background-color:#5bc0de;
}
.info-grey {
	float:left; 
	width:100%;
	margin:15px 0;
	padding:10px 15px;
	color:#333333;
	background-color:#f7f7f9;
}

.gold-bg { background-color:#d3a057; color:#fff; }
.gold-bg th, .gold-bg td { border:1px solid #c48c3c !important; }

.form-group {
	padding:10px 0;
	margin:0;
}

/* katalog */
.firm h2 { color:#000; text-transform:none; }
.firm .firm-img { border:4px solid #d7d7d7; padding:15px; margin:20px 0 0 0; }

.firm .dl-horizontal, .firm .dl-horizontal-2 { padding:3px 0; }
.firm .dl-horizontal .group, .firm .dl-horizontal-2 .group { margin:17px 0; }
.firm .dl-horizontal .group dt { font-weight:normal; color:#878686; width:200px; margin:9px 0 0 0;  }
.firm .dl-horizontal .group dd { margin-left:230px; font-size:24px; color:#2c2c2c; }
.firm .dl-horizontal.small .group dt { margin:3px 0 0 0; }
.firm .dl-horizontal.small .group dd { font-size:16px; color:#2c2c2c; }

.firm .dl-horizontal-2 .group dt { float:left; width:200px; overflow: hidden; clear: left; text-align:right; font-weight:normal; color:#878686; margin:9px 0 0 0; }
.firm .dl-horizontal-2 .group dd { margin-left:230px; font-size:24px; color:#2c2c2c; }
.firm .dl-horizontal-2.small .group dt { margin:3px 0 0 0; }
.firm .dl-horizontal-2.small .group dd { font-size:16px; color:#2c2c2c; }

@media (max-width:768px){
	.firm .dl-horizontal .group dd, .firm .dl-horizontal-2 .group dd  { margin-left:0; font-size:24px; color:#2c2c2c; }
	.firm .dl-horizontal.small .group dd, .firm .dl-horizontal-2.small .group dd { margin-left:0; font-size:16px; color:#2c2c2c; }
	.firm .dl-horizontal-2 .group dt { width:100%; text-align:left;  }
}

.catalog-firm {
	float:left;
	width:100%;
	border:2px solid #f1f1f3;
	padding:15px 25px;
	margin:0 0 25px 0;
	/*background-color:#000;
	color:#fff;*/
}
.catalog-firm .image {
	float:left;
	width:112px;
	padding:5px;
	margin:0 0 0 0;
	border:1px solid #fff;
}
.catalog-firm h4 {
	font-size:25px;
	font-weight:bold;
	padding:0 !important;
	margin:5px 0 15px 0 !important;
}
.catalog-firm .content-2 p{
	padding:0 !important;
	margin:0 !important;
}

/* breadcrumb */
.breadcrumb {
	background:none;
	margin:0 0 15px 0;
	padding:0;
	border-bottom:1px solid #f1f1f7;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
}
.breadcrumb, .breadcrumb a {
	color:#d3a057;
}
.breadcrumb>li+li:before{ padding:0 5px;color:#333;content:"\00bb" }