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

/* A */
a { 
	color: #318331; 
	text-decoration: none 
}
a:hover { 
	color: #165216; 
	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;
}

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

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


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

* {
	border-radius: 0!important;
}

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

/* */
.btn {
}
.btn-primary {
	background-color: #318331;
	border-color: #318331; 
}
	.btn-primary:hover,
	.btn-primary:focus,
	.btn-primary:active,
	.btn-primary.active,
	.btn-primary:hover {
		background-color: #165216!important; 
		border-color: #165216!important;  
		
		box-shadow: none!important;  
	}
.btn-outline-primary {
	color: #318331;
	border-color: #318331;
	background-color: #FFFFFF;
}
.btn-outline-primary:hover { 
	border-color: #165216;
	background-color: #165216; 
}

.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: #165216!important; 
		border-color: #165216!important;  
		
		box-shadow: none!important;  
	}
.btn-outline-info {
	color: #999999;
	border-color: #999999;
	background-color: #FFFFFF;
}
.btn-outline-info:hover { 
	border-color: #165216;
	background-color: #165216; 
}

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

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

#top {
	height: 120px;
	background: #000000 url(../images/header.png) repeat top center;
	color: #FFFFFF;
	font-size: 20px;
	font-weight: bold;
}
	#top a#logo { }

		#top #top-btn * {
			box-sizing: content-box;
		}
		#top #top-btn .blue-jq {
			position: relative;
			width: 145px;
			height: 45px;
			font-size: 12px;
			float: right;
			margin: 10px 0 0 0;
		 
		}
		#top #top-btn .blue-jq button, 
		#top #top-btn .blue-jq a { 
			color: #FFFFFF!important;
			font-weight: normal;
			line-height: 12px!important;
		}
		#top #top-btn .blue-jq a:hover { text-decoration: underline }
		
		#top #top-btn .blue-jq .blue-jq-div {
			position: absolute;
			width: 70px;/*100*/
			height: 15px;/*45*/
			padding: 15px;
			right: 45px;
			color: #FFFFFF;
			background: url(../images/transparent.png) repeat center;
			
			  -webkit-transition: width 1s;
			  -moz-transition: width 1s;
			  -ms-transition: width 1s;
			  -o-transition: width 1s;
			  transition: width 1s; 
			  -webkit-transition-timing-function: ease-in-out;
			  transition-timing-function: ease-in-out;
		}
			#top #top-btn .blue-jq:hover .blue-jq-div { 
				background: #000000;
				width: 150px 
			}
			#top #top-btn .blue-jq .blue-jq-div div {
				width: 100%;
				height: 100%;
				overflow: hidden
			}
			
		#top #top-btn .blue-jq .blue-jq-icon {
			position: absolute;
			width: 45px;
			height: 45px;
			right: 0;
			display: block;
			background-position: center;
			background-repeat: no-repeat;
			background-color: #318331
		}
			#top #top-btn .blue-jq .blue-jq-icon:hover { background-color: #165216; }

		#top #top-btn .login-box {
			width: 100%;
		}
			#top #top-btn .login-box .blue-jq-icon { background-image: url(../images/icon_user.png) }
			#top #top-btn .login-box input.logout {
				display: inline-block;
				background: none;
				border: none;
				color: #FFFFFF;
				padding: 0px;
				margin: 0px;
			}
			#top #top-btn .blue-jq .blue-jq-div div a:hover,
			#top #top-btn .login-box input.logout:hover { color: #CCCCCC; text-decoration: underline }
		#top #top-btn .dennikn {
			width: 100%;
			text-align: right;
		}
			#top #top-btn .dennikn img { 
				width: 143px;
				margin-top: 10px;
			}
#menu {
	height: 55px;
	background-color: #000000;
}
	#menu ul {
	}
		#menu ul li {
			height: 55px;
			float: left;
		}
			#menu ul li a {
				color: #FFFFFF;
				text-transform: uppercase;
				font-size: 16px;
				line-height: 55px;
				display: block;
				padding: 0 25px;
			}
			#menu ul li.selected,
			#menu ul li a:hover {
				background-color: #318331;
			}

#content {
	min-height: 500px
}
	#content h1 {
		height: 55px;
		line-height: 55px;
		font-size: 16px;
		background-color: #318331;
		color: #FFFFFF;
		font-weight: normal
	}
		#content h1 span { padding-left: 25px; }
		
	.datepicker-div .ui-datepicker {
		width: auto;
		margin-right: 15px;
		margin-left: 15px;
	}
	.ui-datepicker-nomargin .ui-datepicker{ margin-left: 0px; margin-right: 0px }
	
		.datepicker-div .ui-datepicker .ui-datepicker-prev,
		.datepicker-div .ui-datepicker .ui-datepicker-next { cursor: pointer; border: none; }
		.datepicker-div .ui-datepicker .ui-state-default { text-align: center}
		.datepicker-div .ui-datepicker .ui-state-active { 
			background-color: #318331; 
			border-color: #318331; 
			color:#FFFFFF 
		}
		
		/*td.ui-datepicker-today {border:1px solid #f00;}*/
	
	#content a.card {
	}
		#content a.card:hover .card-body { background-color: #EBEBEB }


	#content .calendar-row {
	}
		#content .calendar-row .calendar-row-1 span { display: block; }
		#content .calendar-row .calendar-row-2 { padding-left: 0; padding-right: 0; }
		#content .calendar-row .calendar-row-2 a { color: #373637; }
		#content .calendar-row .calendar-row-2 a:hover { color: #318331}
		#content .calendar-row .calendar-row-2 img { width: 32px }
			@media only screen and (max-width: 1000px){
				#content .calendar-row .calendar-row-2 img { width: 40px }
			}
		#content .calendar-row .calendar-row-3 {}
			#content .calendar-row .calendar-row-3 .calendar-row-3-score { padding-left: 0px; padding-right: 0px}
		#content .calendar-row .calendar-row-4 { padding-left: 5px; padding-right: 5px; }
		#content .calendar-row .calendar-row-4 img { max-width: 60px }
			@media only screen and (max-width: 1000px){
				#content .calendar-row .calendar-row-4 img { width: 50px;  }
			}
 		#content .calendar-row .calendar-row-match-event {
			padding-left: 0px;
			padding-right: 0px;
		}
		#content .calendar-row .calendar-row-match-event span { padding-right: 6px }
		#content .calendar-row .calendar-row-match-event img {
			padding-right: 0px;
			max-width: 20px
		}

	#content .viewTable {
	}
		#content .viewTable .viewTableSelected {
			background-color: #318331;
			color: #FFFFFF
		}
			#content .viewTable .viewTableSelected a { color: #FFFFFF }
			#content .viewTable .viewTableSelected a:hover { color: #FFFFFF; text-decoration: underline }
		#content .viewTable td { line-height: 30px; }
		#content .viewTable td a img { width: 30px; margin-right: 10px; }
	
	#column-right {
		padding-right: 0px;
		padding-left: 0px;
	}
		#column-right #banner {
			width: 100%;
			padding-left: 15px;
		}
			#column-right #banner a img.fullwidth { width: 100%!important; }
		#column-right #datepicker-div {
			padding-left: 15px;
			padding-right: 15px;
		}
		#column-right .title_ {
			height: 55px;
			line-height: 55px;
			font-size: 14px;
			background-color: #318331;
			color: #FFFFFF;
			font-weight: normal;
			padding-left: 15px
		}
		#column-right #leaguepicker {
			border-right: solid 1px #CCCCCC;
			border-left: solid 1px #CCCCCC;
			border-bottom: solid 1px #CCCCCC;
			padding: 10px;
		}
		#column-right #leaguepicker div {
			font-size: 11px;
			padding-left: 10px;
			padding-right: 0px;
			padding-bottom: 5px
		}
		#column-right #leaguepicker div img { width: 15px!important }
		#column-right #leaguepicker label { margin-bottom: 0px; }
		
		#column-right #leaguepicker input.btn { margin: 10px 15px 0 15px }
		#column-right #leaguepicker .btn-small { margin-top: 10px; text-align: center; font-size: 12px; font-style: italic; width: 100%;}
	
#footer {
	background-color: #262626;
	color: #FFFFFF;
	font-size: 12px;
}
	#footer a {
		color: #FFFFFF;
		text-decoration: none
	}
	#footer a:hover { text-decoration: underline}
		#footer #other-links {
			position: relative;
		}
			#footer #other-links {
				position: relative;
				
			}
				#footer #other-links a {
					height: 100px;
					background-repeat: no-repeat;
					background-position: top left;
					background-image: url(../images/wrapper/footer_links.png)
				}
					#footer #other-links a:hover { background-image: url(../images/wrapper/rollover/footer_links.png) }
					
					#footer #other-links a span {
						position: absolute;
						width: 100%;
						height: 100%;
						display: block;
						left: 0
						
					}
					#footer #other-links a.fb span { background: url(../images/wrapper/footer_links_fb.png) no-repeat left }
					#footer #other-links a.bi span { background: url(../images/wrapper/footer_links_bi.png) no-repeat left }
					#footer #other-links a.ci span { background: url(../images/wrapper/footer_links_ci.png) no-repeat left }

	#footer #copyright {
		padding: 15px 0 15px 0
	}