@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 
}
.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: #0071a2;
	color: #FFFFFF;
	text-align: center;
}
a.a-btn:hover { 
	background-color: #005073; 
	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 }


/* PAGINATION */
div.pagination {
	position: relative;
	padding-bottom: 10px;
	padding-top: 10px;
	margin-top: 40px;
}
	div.pagination .active,
	div.pagination .dotted,
	div.pagination a{
		position: relative;
		width: 40px;
		height: 40px;
		margin-right: 15px;
		text-align: center;
		line-height: 38px;
		color: #dcb429;
		font-size: 16px;
	}
		div.pagination .active,
		div.pagination a:hover {
			color: #0071a3;
		}

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

* {
	border-radius: 0!important;
}

.card {
}
	.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 {
}
.btn-primary {
	background-color: #0071a2;
	border-color: #0071a2; 
}
	.btn-primary:hover,
	.btn-primary:focus,
	.btn-primary:active,
	.btn-primary.active,
	.btn-primary:hover {
		background-color: #005478; 
		border-color: #005478; 
		
		box-shadow: none!important;  
	}
.btn-outline-primary {
	color: #0071a2;
	border-color: #0071a2;
	background-color: #FFFFFF;
}
.btn-outline-primary:hover { 
	border-color: #0071a2;
	background-color: #0071a2; 
}

.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: #caba04!important; 
		border-color: #caba04!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; 
}

.btn-outline-yellow {
	color: #dcb429;
	border-color: #dcb429;
	
	-webkit-border-radius: 5px!important; 
	-moz-border-radius: 5px!important; 
	border-radius: 5px!important;
}
	.btn-outline-yellow:hover,
	.btn-outline-yellow:focus,
	.btn-outline-yellow:active,
	.btn-outline-yellow.active,
	.btn-outline-yellow:hover {
		background-color: transparent!important; 
		color: #FFFFFF!important; 
		border-color: #0071a3!important;
		background-color:  #0071a3!important; 
		box-shadow: none!important;  
	}


.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 {
	display: block;
	width: 70px;
	height: 2px;
	background-color: #dcb429
}

/* BODY */
#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;}
	}
	
#subpage-menu {
	height: 230px;
	background-color: #0171a3;
}	
	#subpage-menu #logo {
	}
		#subpage-menu #logo a {
			display: block;
			height: 230px;
			padding-left: 130px;
			background: url(../../images_template/wrapper/erb.svg) no-repeat center left;
			background-size: 120px
		}
		
		#subpage-menu #logo span { display: block }
		#subpage-menu #logo .title-top,
		#subpage-menu #logo .title-bottom {
			font-size: 22px;
			color: #FFFFFF;
		}
		
		#subpage-menu #logo .title-top {
			font-weight: bold;
			padding-top: 75px;
		}
	
	#subpage-menu #menu {
	}
		
	@media (min-width: 992px) { 
		#subpage-menu #menu span { display: none }
		#subpage-menu #menu ul { width: 100%;}
		#subpage-menu #menu ul li.nav-item {
			text-transform: uppercase;
			display: inline-block;
			width: 25%;
			margin-bottom: 0;
		}
		
		#subpage-menu #menu ul li a {
			width: 100%;
			height: 170px;
			background-position: bottom center;
			background-repeat: no-repeat;
			background-size: 75%;
			display: inline-block;
		}
		
		#subpage-menu #menu ul li a:hover { color: #dcb429; }
		
		#subpage-menu #menu ul li a.menu-60 { background-image: url(../../images_template/menu/60-zlt.svg); }
		#subpage-menu #menu ul li a.menu-60-selected,
		#subpage-menu #menu ul li a.menu-60:hover { background-image: url(../../images_template/menu/60-svm.svg); }
		#subpage-menu #menu ul li a.menu-61 { background-image: url(../../images_template/menu/61-zlt.svg); }
		#subpage-menu #menu ul li a.menu-61-selected,
		#subpage-menu #menu ul li a.menu-61:hover { background-image: url(../../images_template/menu/61-svm.svg); }
		#subpage-menu #menu ul li a.menu-62 { background-image: url(../../images_template/menu/62-zlt.svg); }
		#subpage-menu #menu ul li a.menu-62-selected,
		#subpage-menu #menu ul li a.menu-62:hover { background-image: url(../../images_template/menu/62-svm.svg); }
		#subpage-menu #menu ul li a.menu-63 { background-image: url(../../images_template/menu/63-zlt.svg); }
		#subpage-menu #menu ul li a.menu-63-selected,
		#subpage-menu #menu ul li a.menu-63:hover { background-image: url(../../images_template/menu/63-svm.svg); }
		#subpage-menu #menu ul li a.menu-64 { background-image: url(../../images_template/menu/64-zlt.svg); }
		#subpage-menu #menu ul li a.menu-64-selected,
		#subpage-menu #menu ul li a.menu-64:hover { background-image: url(../../images_template/menu/64-svm.svg); }
	}

#subpage-left {
	padding-top: 65px;
}
	@media (min-width: 768px) { #subpage-left { border-right: solid 1px #bedce7; } }
	
	#subpage-left .title-top,
	#subpage-left .title-bottom {
		font-size: 18px;
		display: block
	}
	#subpage-left .title-top {
		font-weight: bold;
	}
	
	#subpage-left ul {
		list-style: none;
		position: relative;
		margin-left: 30px;
	}
		@media (min-width: 768px) {
			#subpage-left ul {
				margin-bottom: 100px;
			}
		}
		#subpage-left ul li:before {
			content:"·";
			font-size:30px;
			position: absolute;
			line-height:20px;
			left: -30px;
			margin-top: 3px;
		}
		
		#subpage-left ul li {
			line-height: 25px;
			padding-left: 0px;
			font-size: 14px
		}
			#subpage-left ul a { 
				color: #373637;
			}
				#subpage-left ul li.selected,
				#subpage-left ul li.selected a,
				#subpage-left ul li:hover,
				#subpage-left ul li:hover a {
					color: #dcb429
				}

	#subpage-left .counter {
		border-bottom: solid 1px #bedce7;
		padding-bottom: 30px;
		margin-bottom: 30px;
		text-align: center;
	}
		#subpage-left .counter .counter-sum {
			font-size: 40px;
			color: #0071a3;
			font-weight: bold;
		}
		#subpage-left .counter .counter-title {
			font-size: 14px;
			color: #dcb429;
			text-transform: uppercase
		}
	

#subpage-right {
	padding-top: 65px;
	min-height: 500px
}
	#subpage-search {
	background-color: #FFFFFF;
	height: 60px;
	border: solid 1px #b8b8ba;
	-webkit-border-radius: 30px!important;
	-moz-border-radius: 30px!important;
	border-radius: 30px!important;
}
	#subpage-search input.form-control,
	#subpage-search button {
		outline: none;
		box-shadow: none;
		
		height: 50px;
		margin-top: 4px;
		border: none!important;
		background: transparent!important;
	}	
		#subpage-search input.form-control { 
			margin-left: 10px;
			width: 80%;
			float: left;
		}
		#subpage-search button {
			float: right;
		}
		#subpage-search button i{
			color: #dcb429;
			font-size: 30px; 
		}
		#subpage-search button i:hover { 
			-webkit-transition: .3s ease-in-out;
			-moz-transition: .3s ease-in-out;
			-o-transition: .3s ease-in-out;
			transition: .3s ease-in-out;

			color: #af9012
		}
	@media (max-width: 767.98px) { 
		#subpage-search {
			margin: 10px;
			margin-bottom: 0;
		}
	}
	
	#mod_kea_centrum ul,
	#mod_kea_knaz ul,
	#mod_kea_dekanat ul,
	#mod_kea_arcidieceza ul,
	#mod_kea_farnost ul {
		list-style: none;
		position: relative;
		margin-left: 50px;
	}
		#mod_kea_centrum ul li ul,
		#mod_kea_knaz ul li ul,
		#mod_kea_dekanat ul li ul,
		#mod_kea_arcidieceza ul li ul,
		#mod_kea_farnost ul li ul { 
			margin-left: 30px; }
		
		#mod_kea_centrum ul li:before,
		#mod_kea_knaz ul li:before,
		#mod_kea_dekanat ul li:before,
		#mod_kea_arcidieceza ul li:before,
		#mod_kea_farnost ul li:before {
			content:"·";
			font-size:30px;
			position: absolute;
			line-height:20px;
			left: -30px;
			margin-top: 3px;
		}
		#mod_kea_centrum ul li,
		#mod_kea_knaz ul li,
		#mod_kea_dekanat ul li,
		#mod_kea_arcidieceza ul li,
		#mod_kea_farnost ul li {
			line-height: 30px;
			padding-left: 0px;
		}
			#mod_kea_centrum ul a,
			#mod_kea_knaz ul a,
			#mod_kea_dekanat ul a,
			#mod_kea_arcidieceza ul a,
			#mod_kea_farnost ul a { 
				color: #373637;
			}
				#mod_kea_centrum ul a:hover,
				#mod_kea_knaz ul a:hover,
				#mod_kea_dekanat ul a:hover,
				#mod_kea_arcidieceza ul a:hover,
				#mod_kea_farnost ul a:hover { 
					text-decoration: underline 
				}


#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;
	}
}