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

/* A */
a { 
	color: #0b3850; /*f0dd00*/
	text-decoration: underline 
}
a:hover { 
	color: #2aa4dc; 
	text-decoration: none 
}
.alert a { text-decoration: underline }
.alert a:hover { text-decoration: none }

.alert-warning a { color: #735603;  }
.alert-warning a:hover { color: #735603;  }

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

/* a-btn */
a.a-btn {
	width: 100%;
	padding: 5px 0 5px 0;
	display: block;
	background-color: #0b3850;
	color: #FFFFFF;
	text-align: center;
}
a.a-btn:hover { 
	background-color: #2aa4dc; 
	text-decoration: none;
}


/* 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: #141414 
}

/* 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
}

.message_popup {
	font-size: 14px;
	padding: 50px 20px 50px 20px;
}

/* */ 
.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 }

.paddingLR0		{ padding-left: 0px!important; padding-right: 0px!important; }
.paddingL0		{ padding-left: 0px!important }
.paddingR0		{ padding-right: 0px!important; }

.size-12	{ font-size: 12px }
.size-14	{ font-size: 14px }

.red { color: #FF0000!important }

input.checkbox  { width: 35px!important }

/* SKEW */
.skew-bg {
}
.skew-bg {
	transform: skew(20deg);
}

.skew-bg span {
	transform: skew(-20deg)!important;
	display: block
}

/* PAGINATION */
div.pagination {
	position: relative;
	padding-bottom: 10px;
}
	div.pagination .active,
	div.pagination .dotted,
	div.pagination a{
		position: relative;
		width: 40px;
		height: 40px;
		margin-right: 5px;
		text-align: center;
		line-height: 38px;
		background-color: #022f59;
		color: #FFFFFF;
	}
		div.pagination .active,
		div.pagination a:hover {
			background-color: #018ee0;
			text-decoration: none;
		}

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

* {
	border-radius: 0!important;
}

.card {
	border: none
}
	.card-header {
		color: #FFFFFF;
		border: solid 1px #f0dd00;
		background-color: #f0dd00
	}
		.card-header:hover {
			background-color: #caba04
		}
		.card-header .btn{
			width: 100%;
			color: #FFFFFF;
			text-decoration: none
		}

/* */
.btn {
	text-decoration: none
}
.btn-primary {
	color: #141414!important; 
	background-color: #022f59;
	border-color: #022f59; 
}
	.btn-primary:hover,
	.btn-primary:focus,
	.btn-primary:active,
	.btn-primary.active,
	.btn-primary:hover {
		background-color: #018ee0!important; 
		border-color: #018ee0!important;  
		
		box-shadow: none!important;  
	}
.btn-outline-primary {
	color: #f0dd00;
	border-color: #f0dd00;
	background-color: #FFFFFF;
}
.btn-outline-primary:hover { 
	border-color: #caba04;
	background-color: #caba04; 
}

.btn-info {
	background-color: #999999;
	border-color: #999999; 
}
	.btn-info:hover,
	.btn-info:focus,
	.btn-info:active,
	.btn-info.active,
	.btn-info:hover {
		background-color: #fdbc38!important; 
		border-color: #fdbc38!important;  
		
		box-shadow: none!important;  
	}
.btn-outline-info {
	color: #999999;
	border-color: #999999;
	background-color: #FFFFFF;
}
.btn-outline-info:hover { 
	border-color: #caba04;
	background-color: #caba04; 
}

.img-thumbnail {
  padding: 0;
  background-color: none;
  border: none;
  border-radius: 0;
  max-width: 100%;
  height: auto;
}

.position-8 {
}
	.position-8 img { max-width: 100%!important }

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

#top {
	position: relative;
	width: 100%;
	height: 150px;
	z-index: 150;
	background: url(../images_template/wrapper/bg_01.png) no-repeat top center
}	
	#top #logo a {
		position: absolute;
		display: block;
		width: 100%;
		max-width: 315px;
		height: 90px;
		margin-top: 10px;
		background-size: 100%
	}
	#top #logo a img { max-width: 100% }
	@media screen and (max-width: 767px) {
		#top {
			height: 100px;
			background-position:bottom left
		}	
		#top #logo a { margin-top: 15px }
	}
	
	
		#navbarSupportedContent ul li  {
			list-style: none;
			padding: 25px 0px 0 10px;
		}
		#navbarSupportedContent ul li a{
			color: #FFFFFF;
			font-size: 14px;
			line-height: 25px;
			font-weight: bold;
			text-transform: uppercase;
			padding-top: 0px;
			padding-bottom: 10px;
			text-decoration: none
		}
		@media only screen and (max-width: 1199px){
			#navbarSupportedContent ul li  {
				padding: 0px;
			}
		}
		#navbarSupportedContent ul li a:hover,
		#navbarSupportedContent ul li.selected a {
			color: #2aa4dc
		}
			#navbarSupportedContent ul li ul li {
				padding: 0 2px 0 2px;
				margin: 0px;
			}
			#navbarSupportedContent ul li ul li a,
			#navbarSupportedContent ul li.selected ul li a{
				color: #0c191b;
				font-size: 12px;
				font-style: italic;
				padding-bottom: 0px;
				line-height: 30px;
				font-weight: normal;
				text-transform: none
			}
			#navbarSupportedContent ul li ul li a:hover,
			#navbarSupportedContent ul li ul li.selected a {
				color: #8cc63e
			}
	
	.navbar .dropdown-menu div[class*="col"] {
	   margin-bottom: 0;
	}
	
	@media screen and (max-width: 991px) {
		#navbarSupportedContent ul li a{
		line-height: 60px
		}
		#navbarSupportedContent {
			width: 100%;
			position: absolute;
			right: 0;
			top: 10px;
			background-color: #0b3850;
		}
		
		#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;
		  padding-right: 0px!important;
		  background: none!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: 55px;
		  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 {
	  border:none;
	  background-color: #FFFFFF!important;
	  border-bottom: 1px #141414 solid
	}
	.navbar-nav { width: 100%; }
	
	/* mobile btn */
	#top .navbar-dark .navbar-toggler {
		right: 0;
		top: -25px;
		position: absolute; 
		z-index: 500;
		border-radius: 5px!important; 
		border-color: #FFFFFF;
		font-size: 28px;
	}
	#top .navbar-dark .navbar-toggler span.fa { color: #FFFFFF }
	
	#top .top-other {
		margin-top: 10px;
		text-align: right
	}
		#top .top-other a {
			color: #FFFFFF;
			font-size: 14px;
			text-decoration: none;
			padding: 5px 10px 5px 10px;
			margin-left: 10px;
			font-style: italic;
			
			display: inline-block;
			transform: skew(20deg);
		}	
			#top .top-other a span {
				display: block;
				transform: skew(-20deg);
			}
		
		#top .top-other a.selected,
		#top .top-other a:hover { background-color: #2aa4dc;}
		
		@media screen and (max-width: 991px) {
			#top .top-other { text-align: right }

			#top .top-other  { margin-right: 70px;}
			#top .top-other a {
				color: #FFFFFF;
				font-size: 12px;
				text-decoration: none;
				padding: 2px 5px 2px 5px;
				margin-left: 5px;
				font-style: italic;
				
				display: inline-block;
			}	
		}
	
#content {
	min-height: 300px;
	padding-bottom: 10px;
	padding-top: 30px;
}
	#content-module { min-height: 250px }
	#content h1,
	#content h2 {
		line-height: 30px;
		font-size: 16px;
		/*background-color: #022f59;*/
		background: #0b3850;
		color: #FFFFFF;
		font-weight: normal;
		text-transform: uppercase;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 25px;
	}

	/* CONTENT */
	#content #mod_content .text {
		text-align: justify
	}
		#content #mod_content .text div,
		#content #mod_content .text p {
			line-height: 25px;
			min-height: 25px;
		}
		#content #mod_content .text a { color: #141414; }
	
		#content #mod_content .text img { max-width: 100%!important; }

	#content .title {
		background-color:#f0dd00;
		padding: 10px;
		margin-bottom: 5px;
	}
		#content .title i.title-icon {
			margin-right: 10px
		}
	
	/* youtube*/ 
	.youtubeiframe { height: 470px }
	@media only screen and (max-width: 767px){
		.youtubeiframe { height: 270px }
	}
	
	/* page-header */
	.page-header {
		min-height: 32px;
		background-color: #f0dd00;
		background-position: center left;
		background-repeat: no-repeat;
		color: #000000;
		line-height: 32px;
		padding-left: 10px;
		font-weight: normal;
		margin: 0 0 10px 0;
	}
		.page-header h1,
		.page-header h2,
		.page-header h3,
		.page-header h4 {
			font-size: 16px;
			line-height: 32px;
			font-weight: normal;
			margin: 0px;
			padding: 0px;
		}
		
	.moduls {
	}	
		.moduls_label {
			width: 100%;
			text-align:center;
			background-color: #CCCCCC;
			padding: 15px 0 15px 0;
			margin-bottom: 10px;
		}
		.moduls iframe {/*iframe eshop bikepro*/ 
			border: none;
			height:290px;
			width: 100%;
		}
	
	/* include/discussion */
	.modal{
	  background-color: rgba(0, 0, 0, 0.3);
	}
		.modal-backdrop{
		  position: relative;
		}	
	
#footer {
	background-color: #0b3850;
	border-top: solid #2aa4dc 8px;
	color: #FFFFFF;
	font-size: 12px;
	padding-top: 15px;
}
	#footer a {
		color: #FFFFFF;
		text-decoration: none
	}
	#footer a:hover { text-decoration: underline}
	
	#footer .footer-title {
		font-size: 16px;
		text-transform: uppercase;
		font-weight: bold;
		margin-bottom: 15px;
	}
	
	#footer .footer-logo {
	}
		#footer .footer-logo img { max-width: 100%; }
	
	#footer .footer-sitemap {
	}
	
	#footer .footer-contact {
	}
	
	#footer .footer-social {
	}
	@media only screen and (max-width: 1199px){
		#footer .footer-social {
			text-align: center;
			margin-top: 20px;
		}
	}
	@media only screen and (max-width: 767px){
		#footer .footer-logo, 
		#footer .footer-sitemap,
		#footer .footer-contact,
		#footer .footer-social {
			text-align: center;
			margin-bottom: 20px;
			margin-top: 0px;
		}
		
	#footer #copyright {
		padding: 15px 0 15px 0
	}