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

/* A */
a { 
	color: #e41e26; /*f0dd00*/
	text-decoration: none 
}
a:hover { 
	color: #970c0f; 
	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: #e41e26;
	color: #FFFFFF;
	text-align: center;
}
a.a-btn:hover { 
	background-color: #970c0f; 
	text-decoration: none;
}


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

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: #999999;
		color: #FFFFFF;
	}
		div.pagination .active,
		div.pagination a:hover {
			background-color: #e41e26;
			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: #FFFFFF!important; 
	background-color: #e41e26;
	border-color: #e41e26; 
}
	.btn-primary:hover,
	.btn-primary:focus,
	.btn-primary:active,
	.btn-primary.active,
	.btn-primary:hover {
		background-color: #970c0f!important; 
		border-color: #970c0f!important;  
		
		box-shadow: none!important;  
	}
.btn-outline-primary {
	color: #e41e26;
	border-color: #e41e26;
	background-color: #FFFFFF;
}
.btn-outline-primary:hover { 
	border-color: #970c0f;
	background-color: #970c0f; 
}

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

.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 */
body.web {
	background: url(../images_template/wrapper/top_01.jpg?time=20230801) no-repeat top center
}

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

#rocnik {
	position: absolute;
	width: 100%;
	height: 230px;
	background-repeat: no-repeat;
	background-position: top center;
}
	@media screen and (max-width: 991px) { #rocnik { display: none } }

#top {
	height: 215px;
}
	#top #logo { height: 215px; }
	#top #logo a {
		display: block;
		width: 100%;
		height: 100%;
		background: url(../images_template/wrapper/logo.png) no-repeat left center;
		
	}
	@media only screen and (max-width: 767px){ #top #logo a {background-size: 100%; } }

#menu {
	color: #FFFFFF;
	height: 79px;
	z-index: 1000;
	background: url(../images_template/wrapper/bg_02.png) no-repeat top center
}
	#menu a { color: #FFFFFF; }
	#menu a.selected,
	#menu a:hover { color: #e31f26; }
	#menu a.selected { text-decoration: underline }
	
	#menu #menu-menu {
		padding-top: 25px
	}
		#navbarSupportedContent ul li  {
			list-style: none;
			padding: 0px;
		}
		#navbarSupportedContent ul li a{
			font-size: 16px;
			font-family: NewProExtra;
			line-height: 25px;
			font-weight: bold;
			text-transform: uppercase;
			padding-top: 0px;
			padding-bottom: 10px;
			text-decoration: none
		}
		#navbarSupportedContent ul li.selected a {
			color: #e31f26;
		}
			#navbarSupportedContent ul li.selected a { text-decoration: underline }
			#navbarSupportedContent ul li ul {
			}
			#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: 16px;
				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 { z-index: 10000; }
			#navbarSupportedContent ul li a{
			line-height: 45px
			}
			#navbarSupportedContent {
				width: 100%;
				position: absolute;
				right: 0;
				top: 30px;
				background-color: #000000;
			}
			
			#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: !important;
			}
			.navbar .nav-item {
			  padding:.5rem .5rem;
			  margin:0 .25rem;
			}
			.navbar .dropdown {position:static;}
			.navbar .dropdown-menu {
			  position: absolute;
			  left:0;
			  right:0;
			  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;
		  border: 1px #141414 solid
		}
		.navbar-nav { }
		
		/* mobile btn */
		#menu .navbar-dark .navbar-toggler {
			position: absolute; 
			z-index: 500;
			margin-top: 5px;
			border-radius: 5px!important; 
			border-color: #FFFFFF;
			font-size: 20px;
		}
		#menu .navbar-dark .navbar-toggler span.fa { color: #FFFFFF }
	
	/* menu-social - na desktope sa nachadza v #menu na mobile v #top */
	.menu-social {
		text-align: left;
		padding-top: 17px;
		font-size: 34px;
		line-height: 30px;
	}
		.menu-social a { 
			padding-left: 15px;
		}
		
		#top .menu-social { text-align: right }
		#top .menu-social a {
			display: inline-block;
			background: url(../images_template/white75.png) repeat ;
			color: #000000;
			font-size: 20px;
			margin-bottom: 5px;
			margin-left: 5px;
			padding: 5px;
		}
			#top .menu-social a span.menu-social-text { font-size: 14px; }
			
			@media screen and (max-width: 360px) { 
				#top .menu-social a { font-size: 18px; padding: 2px; }
				#top .menu-social a span.menu-social-text { font-size: 12px; }
			}
			
			.menu-social a.live {
				color: #e41e26!important;
			}
			.menu-social a.live span { animation: blink 2s linear infinite; }
			
		  	@keyframes blink {
				0% {
				  opacity: .4;
				}
				50% {
				  opacity: .7;
				}
				100% {
				  opacity: 1;
				}	
			}	
				
			.menu-social a.live:hover {
				color: #970c0f!important;
			}
			#menu .menu-social a.live span.menu-social-text {
				display: inline-block!important;
				position: absolute!important;
				font-size: 14px!important;
				line-height: 37px!important;
				padding-left: 10px!important;
				text-transform: uppercase!important;
				font-weight: bold!important;
			}
	@media screen and (max-width: 991px) { #menu .menu-social { display: none } }		
	@media screen and (min-width: 992px) { #top .menu-social { display: none } }		
	
	#menu #menu-lang {
		padding-top: 25px;
		font-weight: bold;
		text-align: right
	}
		@media screen and (max-width: 991px) { #menu #menu-lang a { padding-left: 20px; } }
	
		
#live-mobile a { display: none; }
@media screen and (min-width: 992px) { #top .menu-social { display: none } }
	#live-mobile a {
		width: 120px;
		height: 50px;
		display: block;
		position: fixed;
		font-size: 20px;
		line-height: 50px;
		right: 0px;
		top: 300px;
		z-index: 500;
		color: #FFFFFF;
		background: #e41e26;
		text-align: center
	}
	#live-mobile a span { animation: blink 2s linear infinite; }
}
		
#content {
	padding-bottom: 25px;
}
	#content #content-body {
		padding-bottom: 25px;
		min-height: 250px;
	}
	#content #content-body .text {
		text-align: justify
	}
		#content #content-body .text div,
		#content #content-body .text p {
			line-height: 25px;
			min-height: 25px;
		}

	#content h1,
	#content h2,
	#content h3.h3bg {
		color: #FFFFFF;
		text-transform: uppercase;
		padding-left: 20px;
		background: url(../images_template/wrapper/bg_05.png) no-repeat top center
	}
	#content h2,
	#content h3.h3bg {
		font-size: 14px;
		height: 56px;
		line-height: 56px;
		color: #000000;
		background: url(../images_template/wrapper/bg_08.png) no-repeat top center
	}
	#content h1,
	#content h2.black {
		font-size: 18px;
		height: 78px;
		line-height: 78px;
		color: #FFFFFF;
		background: url(../images_template/wrapper/bg_05.png) no-repeat top center
	}
		#content h2.black a { color: #FFFFFF }
		#content h2.black a:hover { color: #FFFFFF; text-decoration:underline }
	
	@media screen and (max-width: 767px) { 
		#content h1.long {
			padding: 15px 20px 15px 20px!important;
			background: #000000!important;
			line-height: 20px!important;
			height: auto!important;
		}
		#content h2,
		#content h3.h3bg {
			font-size: 12px;
		}
		#content h1,
		#content h2.black {
			font-size: 14px;
		}
	}
	
	
	#content table { max-width: 100%; }
	#content img { max-width: 100%; }
	
	/* youtube*/ 
	.youtubeiframe { height: 470px }
	@media only screen and (max-width: 767px){
		.youtubeiframe { height: 270px }
	}

	/* CONTENT */
	#content #mod_live .text,
	#content #mod_content .text {
		text-align: justify
	}
		#content #mod_content .text div,
		#content #mod_content .text p,
		#content #mod_live .text div,
		#content #mod_live .text p {
			line-height: 25px;
			min-height: 25px;
		}
		/*
		#content #mod_live .text a,
		#content #mod_content .text a { color: #141414; }
		*/
		#content #mod_live .text img,
		#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
		}
		
	/* partners */
	#partners {
	}
		#partners .partner-small img {
			width: 70%;
			height: auto
		}
		@media screen and (max-width: 767px) {  #partners .partner-small img { width: 90%; } }
	
	/* 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;
		}

#footer-bg {
	width: 100%;
	height: 15px;
	background: url(../images_template/wrapper/bg_10.png) no-repeat top center;
}
		
#footer {
	background: #000000;
	color: #FFFFFF;
	padding: 20px 0 20px 0;
	text-align: left
}
	#footer .footer-title {
		font-weight: bold;
		padding-bottom: 15px
	}
	#footer a { color: #FFFFFF }
	#footer a:hover { text-decoration: underline }
	
	#footer #footer-logo {
	}
		#footer #footer-logo img { max-width: 100%; }
	#footer #footer-sitemap {
		text-align: left
	}
	#footer #footer-social {
	}
		#footer #footer-social a {
			display: inline-block;
			background-color: #e41e26;
			padding: 10px;
			font-size: 35px;
		}
		#footer #footer-social a:hover { 
			background-color: #970c0f;
			text-decoration: none
		}
		#footer #footer-social .footer-social-1 {
			padding-bottom: 15px
		}
			#footer #footer-social .footer-social-1 a {
				margin-right: 15px;			
			}
			#footer #footer-social .footer-social-1 a.last { margin-right: 0px; }
			
		#footer #footer-social .footer-social-2 {
		}
			#footer #footer-social .footer-social-2 .menu-social-text { 
				text-transform: uppercase;
				font-weight: bold;
				font-size: 25px;
				padding-left: 11px;
			}
			
	@media screen and (max-width: 991px) {	
		#footer #footer-social { text-align: center }
	} 
	@media screen and (max-width: 767px) {	
		#footer,
		#footer #footer-sitemap { text-align: center!important}
	} 

	#footer #copyright {
		padding-top: 20px;
	}

/*
@media screen and (min-width: 992px) {	
@media only screen and (max-width: 1199px){
@media only screen and (max-width: 767px){
*/