@charset "utf-8";
/* CSS Document */

body, textarea, select, table {
    font-family: 'Noto Serif', serif;
	font-size: 16px;
	color: #142528;
	font-weight: normal;
	margin:0px;
}
body {
	position: relative;
	padding: 0px;
	margin:0px;
	text-align: center;
}

/* A */
a { 
	color: #e16134; 
	text-decoration: none 
}
a:hover { 
	color: #cd562c; 
	text-decoration: none 
}

a,
.button {
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

/* H*/
h1, h2, h3, h4 {
	margin: 0px;
	padding: 0px
}

h1 { 
	font-size: 33px; 
	font-weight: 900;
	line-height: 43px;
	padding-bottom: 15px;
	font-family: 'Rubik', sans-serif;
}
h2 { 
	font-size: 21px; 
	font-weight: bold; 
	line-height: 31px;
	font-family: 'Rubik', sans-serif; 
}
h3 { 
	font-size: 16px; 
	font-weight: bold; 
	line-height: 26px; 
}
h4 { 
	font-size: 14px; 
	font-weight: normal; 
	font-style: italic; 
	line-height: 24px; 
}

p  { margin: 0px; padding: 0px  }

/* FORM GENERAL */
input, textarea, select {
	padding: 5px; 
	border: #666666 solid 1px; 
	background-color: #FFFFFF; 
	color: #000000 
}

/* UL */
ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

/* INPUT */
input {
}

/* BUTTON */
a.button,
input.button {
	background-color: #666666;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}
a.button:hover,
input.button:hover {
	background-color: #333333
}

/* */ 
.left 			{ float: left }
.right 			{ float: right }
.both			{ width: 100%; clear: both; height: 0px }
.hidden		 	{ display: none }
.center 		{ text-align: center }
.justify 		{ text-align: justify }
.a-left 		{ text-align: left }
.a-right 		{ text-align: right }
.polovicka 		{ width: 50% }
.preciarknutie 	{ text-decoration: line-through }

/* PAGINATION */
div.pagination {
	position: relative;
}
	div.pagination .active,
	div.pagination .dotted,
	div.pagination a{
		position: relative;
		width: 30px;
		height: 30px;
		margin-right: 5px;
		text-align: center;
		line-height: 28px;
		background-color: #999999;
		color: #ffffff;
	}
		div.pagination .active,
		div.pagination a:hover {
			color: #FFFFFF;
			background-color: #0171a3;
			text-decoration: none;
		}

/* BOOTSTRAP EDIT */
.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}

/* */
.btn {
	padding-left: 55px;
	padding-right: 55px;
	font-size: 17px;
}
.btn-primary {
	background-color: #0071a2;
	border-color: #0071a2; 
}
	.btn-primary:hover {
		background-color: #005478; 
		border-color: #005478; 
	}
.btn-outline-primary {
	color: #0071a2;
	border-color: #0071a2;
	background-color: #FFFFFF;
}
.btn-outline-primary:hover { 
	border-color: #0071a2;
	background-color: #0071a2; 
}
.img-thumbnail {
  padding: 0;
  background-color: none;
  border: none;
  border-radius: 0;
  max-width: 100%;
  height: auto;
}

/* BODY */
#button-top {
	position: fixed;
	display: none;
	width: 50px;
	height: 50px;
	right: 5%;
	bottom: 50px;
	z-index: 103;
	
	background: url(../images/wrapper/sf_23_.png) no-repeat center;
}
	#button-top:hover { bottom: 60px}


#wrapper {
	text-align: left;
	position: relative;
	z-index: 1;
}

#top {
	width: 100%;
	height: 60px;
	position: fixed;
	z-index: 5000;
	background: #142528;
}
	#top #logo a {
		display: block;
		width: 100%;
		height: 60px;
		background: url(../images/wrapper/sf_02.png) no-repeat left center;
		background-size: 100%
	}
	
	#navbarSupportedContent {
		 font-family: 'Open Sans', sans-serif;
	}
		#navbarSupportedContent ul li  {
			list-style: none;
			float: left;
			padding: 0 20px 0 20px;
		}
		#navbarSupportedContent ul li a{
			color: #FFFFFF;
			font-size: 16px;
			line-height: 60px;
			font-weight: bold;
			
		}
		#navbarSupportedContent ul li a:hover,
		#navbarSupportedContent ul li.selected a {
			color: #e16134
		}
		
			#navbarSupportedContent ul li ul li {
				padding: 0 2px 0 2px;
			}
			#navbarSupportedContent ul li ul li a,
			#navbarSupportedContent ul li.selected ul li a{
				color: #0c191b;
				font-size: 12px;
				line-height: 30px;
				padding-bottom: 0px;
				padding-top: 10px;
				font-weight: normal;
			}
			#navbarSupportedContent ul li ul li a:hover,
			#navbarSupportedContent ul li ul li.selected a {
				color: #e16134
			}
	
	.navbar {
	  background: #142528!important;
	}
	
	.navbar .dropdown-menu div[class*="col"] {
	   margin-bottom:1rem;
	}
	
	.navbar .dropdown-menu {
	  border:none;
	  background-color: #FFFFFF!important;
	}
	.navbar-nav { width: 100%; }
	@media screen and (max-width: 991px) {
		#navbarSupportedContent ul li a{
			line-height: 30px!important;
		}
		#navbarSupportedContent ul li.selected ul li a{
			line-height: 20px!important;
		}
				
		#navbarSupportedContent ul li ul li {
			display: block!important;
			width: 100%!important;
			float: none
		}
	}
	@media screen and (min-width: 992px) {
		.navbar {
		  padding-top:0px;
		  padding-bottom:0px;
		  background: #142528!important;
		}
		.navbar .nav-item {
		  padding:.5rem .5rem;
		  margin:0 .25rem;
		}
		.navbar .dropdown {position:static;}
		.navbar .dropdown-menu {
		  position: absolute;
		  width:100%;
		  left:0;
		  right:0;
		  top: 70px;
		  display:block;
		  visibility: hidden;
		  opacity: 0;
		  transition: visibility 0s, opacity 0.1s linear;
		}
		.navbar .dropdown:hover .dropdown-menu, .navbar .dropdown .dropdown-menu:hover {
		  display:block;
		  visibility: visible;
		  opacity: 1;
		  transition: visibility 0s, opacity 0.1s linear;
		}
		.navbar .dropdown-menu {
			background-color: #fff;
		}
	}

	#top .social {
		position: relative;
		text-align: right
	}
		.social a {
			position: relative;
			display: inline-block;
			width: 25px;
			margin-left: 10px;
			height: 60px;
			background-size: 100%;
			background-position: center;
			background-repeat: no-repeat
		}
		.social a.facebook {
			background-image:url(../images/wrapper/sf_05.png)
		}
		.social a.twitter {
			background-image:url(../images/wrapper/sf_08.png)
		}
		.social a.instagram {
			background-image:url(../images/wrapper/sf_04.png)
		}
/*
#submenu {
	height: 60px;
	margin-top: 60px;
	position: fixed;
	z-index: 5000;
	background: #FFFFFF;
	opacity:0
}
	.submenu-show { opacity: 1!important}
	
		#submenu ul li {
			list-style: none;
			float: left;
			padding: 0 15px 0 15px;
		}
		#submenu a {
			color: #0c191b;
			font-size: 15px;
			line-height: 60px;
			font-weight: normal;
		}
		#submenu a:hover,
		#submenu ul li.selected a {
			color: #e16134
		}
*/	
#content {
	min-height: 300px;
	padding-top: 60px;
}	
	#content img { max-width: 100%!important; height: auto!important; }

	.menu2 #content { min-height: 0px!important; }
	@media only screen and (max-width: 767px){
		.menu2 #content { padding-top: 0px; }
	}
	.content-submenu-show {
		
	}
	.content-submenu-hidden {
	}
	.padding-container {
		position: relative;
		padding-top: 50px;
		padding-bottom: 50px;
	}
		
#footer {
}		
	#footer #contact {
	}	
		#footer #contact strong {
			display: block;
			width: 90%;
			text-align: right;
			font-size: 40px;
			line-height: 40px;
			font-weight: bold;
			color: #e16134;
			margin-bottom: 50px;
			font-family: 'Rubik', sans-serif;
		}
		#footer #contact #contact-form {
		}
			#footer #contact #contact-form div {
				width: 90%;
				margin-bottom: 15px;
				position: relative;
			}
			#footer #contact #contact-form input.form,
			#footer #contact #contact-form textarea.form {
				width: 100%;
				padding: 10px;
				border: none;
				color: #142528;
				resize: none;
			}
			#footer #contact #contact-form button#sendMessageButton {
				position: absolute;
				bottom: 10px;
				right: 10px;
				width: 17px;
				height: 30px;
				cursor: pointer;
				border: none;
				background: url(../images/wrapper/sf_right.png)
			}
		#footer #contact .social a {
			margin-left: 0px;
			margin-right: 10px;
		}
		
	#footer #info,
	#footer #map {
		padding-top: 50px;
		padding-bottom: 50px;
		font-size: 14px
	} 
	@media (min-width: 768px) 	{ 
		#footer #map { padding-left: 75px }
	}
	@media (min-width: 1400px) 	{ 
		#footer #map { padding-left: 50px }
	}
	@media (min-width: 1900px) 	{ 
		#footer #map { padding-left: 25px }
	}
	
	.menu18 #footer #info,
	.menu18 #footer #map {
		padding-top: 135px;
		padding-bottom: 50px;
		font-size: 14px
	} 
	
	#footer #info,
	#footer #info a { color: #FFFFFF }
	
	
	.menu18 #footer #info,
	.menu18 #footer #info a,
	#footer #map a {
		color: #142528;
		text-decoration: none;
	}	
	#footer #info a:hover,
	#footer #map a:hover {
		text-decoration: underline
	}
	
	#footer #map .copyright { padding-top: 65px;}
	
	#footer #info div {
		padding-left: 40px;
		padding-bottom: 20px;
		margin-left: 20px;
		line-height: 25px;
		position: relative
	}
		#footer #info div span {
			position: absolute;
			display: block;
			width: 25px;
			height: 25px;
			top:0;
			left: 0;
			background-repeat: no-repeat;
			background-position: center;
		}
		#footer #info div.icon-1 span { background-image: url(../images/wrapper/sf_30.png) }
		#footer #info div.icon-2 span { background-image: url(../images/wrapper/sf_34.png) }
		#footer #info div.icon-3 span { background-image: url(../images/wrapper/sf_38.png) }
		#footer #info div.icon-4 span { background-image: url(../images/wrapper/sf_40.png) }

.container-h1 {
	background-color: #e16134;
	color: #FFFFFF
}
	.container-h1 h1 { color: #FFFFFF }
	.container-h1 a { color: #FFFFFF }
	.container-h1 a:hover { color: #FFFFFF; text-decoration: underline }
		
.gray-orange {
	background:#e16134;
	position: relative;
	color: #142528
}
	@media (min-width: 768px) 	{ 
		.gray-orange .bg {
			position: absolute;
			top: 0; 
			left: 0; 
			right: 0; 
			bottom: 0;
			width: 40% !important;
			height: 100% !important;
			background-color: #142528
		}
	}
	.gray-orange div.first {
		background:#142528;
		color: #FFFFFF
	}

.orange-gray {
	background:#142528;
	position: relative;
	color: #FFFFFF
	
}
	@media (min-width: 768px) 	{ 
		.orange-gray .bg {
			position: absolute;
			top: 0; 
			left: 0; 
			right: 0; 
			bottom: 0;
			width: 40% !important;
			height: 100% !important;
			background-color: #e16134
		}
	}
	.orange-gray div.first {
		background:#e16134;
		color: #142528
	}

@media (min-width: 768px) 	{ 
}
@media (max-width: 767.98px) {
}