@charset "UTF-8";

@font-face {
    font-family: 'martelregular';
    src: url('../fonts/martel-regular-webfont.eot');
    src: url('../fonts/martel-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/martel-regular-webfont.woff2') format('woff2'),
         url('../fonts/martel-regular-webfont.woff') format('woff'),
         url('../fonts/martel-regular-webfont.ttf') format('truetype'),
         url('../fonts/martel-regular-webfont.svg#martelregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'roboto_condensedregular';
    src: url('../fonts/robotocondensed-regular-webfont.eot');
    src: url('../fonts/robotocondensed-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/robotocondensed-regular-webfont.woff2') format('woff2'),
         url('../fonts/robotocondensed-regular-webfont.woff') format('woff'),
         url('../fonts/robotocondensed-regular-webfont.ttf') format('truetype'),
         url('../fonts/robotocondensed-regular-webfont.svg#roboto_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body { font-family:'roboto_condensedregular',Arial,Tahoma,Verdana,Helvetica,sans-serif; }
.navigation, .tb h2, .footer { font-family:'martelregular',Arial,Tahoma,Verdana,Helvetica,sans-serif; }

html {
	font-size:100%;
}
body {
	font-size:100%;
	color:#28303E;
	-webkit-font-smoothing:antialiased;
	background-color:#FFF;
}
h1, h2, h3, h4 {
	line-height:100%;
	font-weight:normal;
	margin:0;
	padding:0;
}
a:link, a:visited {
	color:#28303E;
}
a:hover {
	color:#B08D4F;
	text-decoration:none;
}
ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
.imgleft {
	float:left;
	margin-right:25px;
}
.imgright {
	float:right;
	margin-left:25px;
}
.cleaner {
	width:100%;
	clear:both;
	line-height:1px;
	margin:0 !important;
	padding:0 !important;
}
.box_padding {
	padding-left:110px;
	padding-right:110px;
}
.content {
	max-width:1460px;
}

/* Header ............................................................... */

.header h1 {
	position:relative;
	margin-top:60px;
	margin-bottom:20px;
	padding-bottom:20px;
}
.header h1:after {
	position:absolute;
	top:100%;
	left:0;
	content:"";
	width:10%;
	height:6px;
	background:#B08D4F;
	margin-left:45%;
	margin-right:45%;
}

.navigation {
	position:relative;
	margin-top:40px;
	margin-bottom:30px;
	padding-bottom:0;
	border-bottom:2px solid #E0E0E0;
}
.navigation .navbar-collapse {
	padding-left:0;
	padding-right:0;
}
.navigation div > ul > li {
	display:block;
	max-width:300px;
	margin-left:auto;
	margin-right:auto;
}
.navigation div > ul > li:nth-child(2) {
	max-width:150px;
	margin-left:auto;
	margin-right:auto;
}
.navigation div > ul > li > a {
	position:relative;
	display:block;
	font-size:150%;
	line-height:1em;
	padding-top:5px;
	padding-bottom:15px;
	overflow:hidden;
}
.navigation div > ul > li > a.hi {
    color: #B08D4F;
    text-decoration: none;
}
.navigation div > ul > li > a span {
	position:relative;
	display:inline-block;
}
.navigation div > ul > li > a span:before {
	position:absolute;
	top:100%;
	left:0;
	content:"";
	width:100%;
	height:1px;
	background-color:#28303E;
	margin-top:-15px;
	opacity:0;
}
.navigation div > ul > li > a:hover span:before {
	margin-top:5px;
	opacity:1;
}

.navigation .dropdown-menu {
	top:0;
 left:100%;
	text-align:left !important;
	background-color:#28303E;
	margin-top:0;
	padding:0 !important;
	border:0 solid #FFF;
	border-radius:0;
}
.navigation .dropdown-menu li {
	width:100%;
}
.navigation .dropdown-menu a {
	position:relative;
	font-size:100%;
	color:#FFF;
	text-transform:none !important;
	height:auto;
	line-height:1.4em !important;
	margin:0 !important;
	padding:12px 40px 12px 12px !important;
	border-bottom:0 solid #FFF !important;
}
.navigation .dropdown-menu a:hover,
.navigation .dropdown-menu a:focus {
	color:#FFF !important;
	background:#B08D4F;
}

/* Content_main ............................................................... */

.content_main {
	position:relative;
}
.content_main_left {
	margin-top:-192px;
}
@-moz-document url-prefix() { 
	.content_main_left {
		margin-top:-180px;
	}
}

.content_main_left_in {
	margin-top:0 !important;
}
.content_main_right_in {
	margin-top:-510px;
	padding-bottom:30px;
}
.tb a {
	display:block;
	position:relative;
	margin-bottom:30px;
}
.tb01 a {
	color:#FFF;
	background-color:#B08D4F;
}
.tb01 a:hover {
	background-color:#D2A960;
}
.tb01 span.zlata {
	color:#FFF;
	background-color:#B08D4F;
  display:block;
	position:relative;
  margin-bottom: 10px;
}
.tb02 a {
	color:#FFF;
	background-color:#28303E;
}
.tb02 a:hover {
	background-color:#3C485D;
}
.tb h2 {
	font-size:160%;
	text-transform:uppercase;
	line-height:1.2em;
	margin-bottom:10px;
}
.tb .title_imp h2 {
	position:relative;
	display:inline-block;
	font-size:300%;
}
.tb .title_imp h2:after {
	position:absolute;
	top:70px;
	right:30px;
	content:"";
	width:117px;
	height:71px;
	background:url("../images/img-title-imp.png") center 50%;
	background-size:cover;
}
.tb a .img_box {
	background-color:#000;
	overflow:hidden;
}
.tb a .img_box img {
	opacity:1;
}
.tb a:hover .img_box img {
	-webkit-transform:scale(1.05,1.05);
	-moz-transform:scale(1.05,1.05);
	-o-transform:scale(1.05,1.05);
	-ms-transform:scale(1.05,1.05);
	transform:scale(1.05,1.05);
	opacity:0.7;
}
.text_box {
	padding:20px 30px 10px 30px;
}
.text_box span {
	display:block;
	font-size:130%;
	color:#FFF;
	text-align:right;
	padding-top:10px;
	padding-bottom:5px;
	border-top:1px solid rgba(255,255,255,0.30);
}

.tb03 {
	color:#FFF;
	background-color:#B08D4F;
	margin-bottom:15px;
	padding:15px 0 5px 40px;
}
.tb03_in {
	padding:15px !important;
}
.tb03 li {
	position:relative;
	font-size:115%;
	margin-bottom:15px;
	padding-left:30px;
}
.tb03 li:before {
	position:absolute;
	top:3px;
	left:0;
	font-family:"FontAwesome";
	font-size:15px;
	color:#FFF;
	text-align:left;
}
.tb03 li:nth-child(1):before {
	content:"\f041";
}
.tb03 li:nth-child(2):before {
	content:"\f095";
}
.tb03 li:nth-child(3):before {
	content:"\f0e0";
}
.tb03 li a {
	display:inline-block;
	color:#FFF;
	margin-bottom:0;
}
.tb03 li a:hover {
	text-decoration:underline;
}

.slider {
	position:relative;
	height:300px;
}
.slider > ul {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.slider > ul > li {
	position:relative;
	width:100%;
	height:100%;
}
.slider > ul > li > div:first-child {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-size:cover;
	background-position:center left;
	background-repeat:no-repeat;
}

/* Footer ................................................................ */

.footer {
	font-size:90%;
	margin-top:15px;
}
.footer > .row {
	border-top:1px solid #E7E7E7;
}
.footer ul {
	padding-top:25px;
	padding-bottom:20px;
}
.footer ul li {
	display:inline-block;
}
.footer .row > div:first-child a {
	padding-right:15px;
}
.footer .row > div:last-child {
	text-align:right;
}
.footer .row > div:last-child li img {
	position:relative;
	top:-2px;
}

.kontakty_uvod {
	position: absolute;
	z-index: 5;
	top: 0;
	right: 0;
}

.kontakty_uvod a {
	display: inline-block;
	font-size: 180%;
}

/* Effects ............................. */

a, .navigation a span:before, .tb a .img_box img  {
	-webkit-transition:all 300ms linear;
	-moz-transition:all 300ms linear;
	-o-transition:all 300ms linear;
	-ms-transition:all 300ms linear;
	transition:all 300ms linear;
}
::i-block-chrome, div {
	-webkit-transition:initial;
}

/* RESPONSIVE STRUCTURE
--------------------------------------- */

@media screen and (max-width: 1600px) {
	.header h1 {	margin-top:15px; }
	.content_main_left { margin-top:-130px; }
	@-moz-document url-prefix() { .content_main_left { margin-top:-118px;	} }
	.tb .title_imp h2 {	font-size:220%; }
	.tb .title_imp h2:after { top:60px; right:40px; width:90px; height:55px; }

}

@media screen and (max-width: 1366px) {
	.box_padding { padding-left:60px; padding-right:60px; }
	.content_main_right_in {	margin-top:-460px; }
	.tb h2 { font-size:140%; }
	.slider {	height:250px; }

}
  
@media screen and (max-width: 1200px) {
	.header > .row > div { padding-left:5px; padding-right:5px; }
	.navigation {	margin-top:15px; margin-bottom:15px; }
	.navigation div > ul > li > a {	font-size:120%;	padding-bottom:10px; }
	.navigation .dropdown-menu a {	padding:8px 30px 8px 12px !important; }
	.content_main_left { margin-top:-100px; }
	@-moz-document url-prefix() { .content_main_left { margin-top:-88px;	} }
	.content_main_right_in {	margin-top:-370px; }
	.content_main > .row > div { padding-left:5px; padding-right:5px; }
	.cmr01 { padding-right:5px; }
	.cmr02 { padding-left:5px; }
	.tb a {	margin-bottom:10px; }
	.tb h2 { font-size:120%; }
	.tb .title_imp h2 {	font-size:180%; }
	.tb .title_imp h2:after { top:50px; right:30px; width:70px; height:42px; }
	.text_box { padding:15px 15px 5px 15px; }
	.tb03 {	padding:10px 0 5px 15px; }
	.tb03 li { font-size:105%; }
	.slider {	height:200px; }

}

@media screen and (max-width: 991px) {
	.box_padding { padding-left:15px; padding-right:15px; }
	.navigation {	margin-top:10px; margin-bottom:10px; }
	.navigation a {	font-size:105%; }
	.content_main_left { margin-top:-70px; }
	.navigation .dropdown-menu a {	padding:6px 30px 6px 12px !important; }
	@-moz-document url-prefix() { .content_main_left { margin-top:-58px;	} }
	.content_main_right_in {	margin-top:-310px; }
	.tb h2 { font-size:105%; }
	.tb .title_imp h2:after { right:0; }
	.text_box span { font-size:110%;	padding-top:5px; }
	.tb03 li { font-size:100%; }
	
}
 
@media screen and (max-width: 767px) {
	.box_padding { padding-left:0; padding-right:0; }
	.header h1 { position:absolute; top:5px; left:15px; width:120px; margin:0; padding:0; z-index:300; }
	.header h1:after { display:none; }
	.navigation {	margin-top:0; margin-bottom:10px; padding-bottom:10px; }
	.navigation div > ul { text-align:center; }
	.navigation div > ul > li { width:100%; max-width:inherit !important; margin-bottom:5px; }
	.navigation div > ul > li > a { font-size:120%; padding:5px 0; }
	.navigation div > ul > li > a span:before { display:none; }
	.navigation .dropdown-menu { position:static; float:none; width:auto; text-align:center !important; margin-top:5px; border:0; box-shadow:none; }
	.navigation .dropdown-menu a { display:block; padding:8px 15px !important; white-space:normal; z-index:1000; }
	.navigation .navbar-header { float: none; }
	.navigation .navbar-toggle { position:relative; display: block; z-index:300; }
	.navigation .navbar-collapse { max-height:inherit; overflow:hidden !important; border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0); }
	.navigation .navbar-collapse.collapse { display: none!important; }
	.navigation .navbar-default { background-color:transparent !important; }
	.navigation .navbar-default .navbar-toggle { border-color:#28303E; margin-right:0; }
	.navigation .navbar-default .navbar-toggle:hover,
	.navigation .navbar-default .navbar-toggle:focus { background-color:#28303E; }
	.navigation .navbar-default .navbar-toggle .icon-bar { background-color:#BC9A5C; }
	.navigation .navbar-default .navbar-collapse,
	.navigation .navbar-default .navbar-form { border-color:#28303E; }
	
	.header > .row > div { padding-left:15px; padding-right:15px; }
	.content_main_left { margin-top:0 !important; }
	.content_main_right_in {	margin-top:0; }
	.content_main > .row > div { padding-left:15px; padding-right:15px; }
	.cmr01 { padding-right:15px; }
	.cmr02 { padding-left:15px; }
	.tb .title_imp h2 {	font-size:140%; }
	.tb .title_imp h2:after { display:none; }
	.tb03 { margin-bottom:10px; }
	.footer, .footer .row > div:last-child { text-align:center; }
	.footer ul { padding-top:15px; padding-bottom:10px; }
	.footer .row > div:first-child ul { padding-bottom:0; }
	.footer .row > div:first-child a { padding-left:5px; padding-right:5px; }
 
}

@media screen and (min-width: 767px) {
	.navigation .dropdown .dropdown-menu { display:block; visibility:hidden; opacity:0; -moz-transition:all 0.3s  ease; -o-transition:all 0.3s  ease; -ms-transition:all 0.3s  ease; transition:all 0.3s  ease; }
	.navigation .dropdown:hover .dropdown-menu { visibility:visible; opacity:1; }

}

@media screen and (max-width: 480px) {
	.navigation ul { margin-top:20px; }
	.footer .row > div:first-child li { width:100%; }
 
}