@charset "utf-8";
/* CSS Document */
body, textarea, select, table {
    font-family: 'Roboto Slab', serif;
	font-size: 16px;
	color: #373637;
	font-weight: normal;
	margin:0px;
}
body {
	position: relative;
	padding: 0px;
	margin:0px;
	text-align: center;
}

/* A */
a { 
	color: #0071a2; 
	text-decoration: none 
}
a:hover { 
	color: #005073; 
	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;
}
h2 { 
	font-size: 21px; 
	font-weight: bold; 
	line-height: 31px; 
}
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 */
input.button {
	background-color: #666666;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}
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;
}


.blue-border {
	width: 70px;
	height: 2px;
	background-color: #0071a3
}
.yellow-border {
	width: 70px;
	height: 2px;
	background-color: #dcb429
}

/* BODY */
@media (min-width: 768px) 	{ 
	#bg-index {
		position: absolute;
		width: 100%;
		height: 425px;
		background-repeat: no-repeat;
		background-position: center;
		/*background: url(../images/bg-index.jpg) no-repeat center;*/
		background-size: cover;
		z-index: 0
	}
}
#bg-white-index {
	position: absolute;
	width: 100%;
	left: 0;
	height: 270px;
	background-color: #FFFFFF
}
#bg-dotted-index {
	background: url(../images/dotted-bg.jpg) repeat bottom;
}



#bg-subpage {
	height: 150px;
	background-position: center;
	background-repeat: no-repeat;
	/*background: url(../images/bg-subpage.jpg) no-repeat center;*/
	background-size: cover;
}
#bg-subpage-patern {
	position: absolute;
    top:0px;
    bottom: 0px;
    right: 50%;
    left:0px;	
	background: url(../images/dotted-bg.jpg) repeat top right;
	z-index: -1
}


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

#wrapper #top {
	background-color: #333333;
	color: #dcb429;
	font-size: 15px;
	padding: 16px 0 16px 0;
}
	#wrapper #top a { color: #dcb429; }
	#wrapper #top a:hover { color: #ffffff; }
	#wrapper #top i { font-size: 18px }
	
	#wrapper #top ul li { 
		float: right;
		padding-left: 30px;
	}
	
	 @media (max-width: 767.98px) 	{ 
	 	#wrapper #top {
			text-align: center;
			font-size: 12px;
			padding: 10px 0 10px 0;
		}
		#wrapper #top i { font-size: 15px }
		#wrapper #top ul li {
			display: inline-block;
			float: none;
			padding-left: 0px; 
			padding-right: 30px; 
			padding-top: 10px; 
		} 
		#wrapper #top .order-md-1 { padding-bottom: 5px;}
	}
	
#header-index {
}	
	#header-index #logo-index {
		background-color: #0171a3;
		text-align: center;
		color: #FFFFFF;
		font-size: 25px;
		position: relative;
	}
		#header-index #logo-index #graphix-1 {
			position: absolute;
			width: 18px;
			height: 300px;
			left: -18px;
			background: url(../images/graphix-1.png) no-repeat top right
		}
	
		#header-index #logo-index .img-fluid { margin-bottom: 40px; }
		
		#header-index #logo-index a {
			display: block;
			color: #FFFFFF; 
			text-decoration: none;
		 }
		 @media (min-width: 768px) 		{ #header-index #logo-index a { padding-top: 100px; } }
		 @media (max-width: 767.98px) 	{ #header-index #logo-index a { padding: 10px 0 10px 0; } }
		 
		#header-index #logo-index a:hover { color: #FFFFFF; text-decoration: none; }

	#slideshow-index {
		height: 420px;
	}	
		#slideshow-index .slide {
			width: 100%;
			height: 100%;
			background-repeat: no-repeat;
			background-position: center;
			background-size: cover;
			
		}
	
		@media (min-width: 768px) {
			#slideshow-index #graphix-2 {
				position: absolute;
				width: 250px;
				height: 30px;
				top: -30px;
				right: 0px;
				background: url(../images/graphix-2.png) no-repeat bottom right
			}
			#slideshow-index #graphix-3 {
				position: absolute;
				width: 30px;
				height: 250px;
				bottom: 120px;
				right: -30px;
				background: url(../images/graphix-3.png) no-repeat bottom left
			}
		
			#slideshow-index { margin-top: 70px; } 
		}
		@media (max-width: 767.98px) {
			#slideshow-index { 
				margin-top: -45px; 
				height: 250px;
				padding-bottom: 25px;
			} 
		}
	
	
#menu {
}
	.menu-index {	
		border-bottom: solid 1px #c0dae7; 
	}
	.menu-subpage {
	}
	#menu ul { 
    	text-align: center;
		padding-top: 40px;
		padding-bottom: 40px;
    }
	#menu li { 
		display: inline;
		/*padding-left: 18px;
		padding-right: 18px;*/
	}
	#menu li a {
		font-weight: bold;
		font-size: 15px;
		padding-left: 18px;
		padding-right: 18px;	
	}
	 #menu li.selected a,
	 #menu li a:hover { text-decoration: none; color: #dcb429 }

	#menu li ul {
		min-width: 250px;
		/*width: 100%;*/
		padding-top: 10px;
		padding-bottom: 10px;
		
		background: #FFFFFF
	}
		#menu li ul li {
			display: block;
		}
			#menu li.selected ul li a,
			#menu li ul li a {
				font-size: 15px;
				font-weight: normal;
				color: #0071a2;
				padding-top: 5px;
				padding-bottom: 5px;
			} 
			 #menu li ul li.selected a,
			 #menu li ul li a:hover { text-decoration: none; background-color: #dcb429; color: #FFFFFF }
			
	
@media (max-width: 767.98px) {
	#menu ul { 
    	text-align:center;
		padding-top: 20px;
		padding-bottom: 20px;
    }
	#menu li {
		width: 100%;
		display: block 
	}
	#menu li a {
		font-weight: bold;
		font-size: 18px;
		line-height: 30px
	}
	
	ul.MenuBarHorizontal ul { display: none!important }
}
	
#subpage-left {
	padding-top: 120px;
	background: url(../images/dotted-bg.jpg) repeat top left;
	border-right: solid 1px #bedce7;
	
	padding-bottom: 25px;
}
	#subpage-left #logo-subpage a {
		position: absolute;
		width: 240px;
		height: 240px;
		top: -150px;
		background: url(../images/erb_72.png) no-repeat center;
		background-color: #0171a3;
	}
		#subpage-left #logo-subpage a span { display: none }
	#subpage-left #graphix-1-subpage {
		position: absolute;
		width: 18px;
		height: 300px;
		left:0;
		top: -150px;
		background: url(../images/graphix-1.png) no-repeat top right
	}
	
	@media only screen and (max-width: 767px){
		.subpage-left-index {
			padding-bottom: 0px!important;
		}
		#bg-subpage {
			height: 110px;
			background: #0171a3;
		}
		#subpage-left {
			padding-top: 20px;
			background: none;
			border-right: none;
		}
		#subpage-left #logo-subpage a {
			position: absolute;
			width: 100px;
			height: 90px;
			top: -100px;
			color: #FFFFFF;
			padding-left: 80px;
			padding-top: 15px;
			font-size: 20px;
			background: url(../images/erb_50.png) no-repeat left center;
		}
		#subpage-left #logo-subpage a span { display: block }
		
	}
	
	#subpage-left #submenu ul {
		margin-left: 18px;
		list-style-type: disc;
	}
		#subpage-left #submenu ul li a { 
			color: #373637;
			padding-left: 5px;
		}
		#subpage-left #submenu ul li a:hover,
		#subpage-left #submenu ul li.selected a {
			color: #dcb429
		}
	
	#subpage-left #subpage-left-news ul {
		margin-left: 23px;
		list-style-type: decimal-leading-zero;
	}
		#subpage-left #subpage-left-news ul li {
			padding-bottom: 5px;
		}
			#subpage-left #subpage-left-news ul li a { color: #373637}
	
#subpage-right {
	padding-bottom: 25px;
}
	#subpage-right .content {
	}
		#subpage-right .content img {
			max-width: 100%;
			height: auto;
			object-fit: cover;
		}
		#subpage-right .content img.size-full {
			padding-top: 15px;
			padding-bottom: 15px
		}
		
		#subpage-right .content .fusion-one-full ul li {
			width: 33%;
			padding: 10px;
			display: inline-block
		}
	@media (max-width: 767.98px) {  
		#subpage-right .content .fusion-one-full ul li {
			width: 100%;
			padding: 0 0 10px 0; 
		}
	}
	@media (min-width: 768px) 	{ 
		#subpage-right .content {
			padding-top: 38px;
		}
	}

#footer-links {
	min-height: 260px;
	padding-top: 60px;
	background: #0171a3;
	border-top: solid 1px #73bde2;
	border-bottom: solid 2px #dbb428;
}
	#footer-links a {
		text-align: center
	}
		/*#footer-links a img {
			max-height: 35%;
		}*/
		#footer-links a span.a-img {
			display: inline-block;
			width: 20%;
			text-align: center;
		}
		#footer-links a span.a-text {
			width: 70%;
			margin: 0 auto 0 auto;
			color: #FFFFFF;
			display: block;
			text-align: center;
			padding-top: 40px;
			text-transform: uppercase;
			font-size: 17px
		}
		
	@media (max-width: 767.98px) {  
		#footer-links {
			padding-top: 30px;
			padding-bottom: 30px;
		}
		#footer-links a {
		}
		/*#footer-links a img { max-width: 15% }*/
		#footer-links a span {
			font-size: 15px;
			padding-top: 10px;
			padding-bottom: 25px;
		} 
	}

#footer {
	padding-top: 70px;
	padding-bottom: 70px;
	color: #a7a9ac;
	font-size: 15px
}

@media (max-width: 767.98px) { 
	#footer {
		padding-top: 15px;
		padding-bottom: 15px;
		font-size: 12px;
	}
}