* { margin: 0; padding: 0; outline: 0; font-size: 100%; font: inherit; border: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
body { margin: 0; padding: 0; width: 100%; height: 100%; border: none; background: rgb(244, 244, 244); font: normal 15px/22px 'roboto', verdana, tahoma, arial; font-weight: 400; }
.fix { clear: both; }

/***** layout *****/
header { margin: 0; padding: 0; width: 100%; height: auto; /*background: rgb(6, 66, 129);*/ background: rgb(255,255,255); }

	.top { padding: 5px; border-bottom: 1px solid #dee6ed; }
		.top p { margin: 5px 0 0 0; color: #647e93; font-size: 14px; }
		.top img { margin: 2px 5px 0 5px; width: 30px; height: auto; opacity: 0.5; -webkit-transition: all .5s ease-out; -o-transition: all .5s ease-out; -moz-transition: all .5s ease-out; transition: all .5s ease-out; }
			.top img:hover { opacity: 1.0; }
	.top-small { display: none; }

	.top2 { margin: 0; padding: 0; width: 100% !important; background: rgb(255,255,255); }

	.navbar-brand img { margin: 5px auto; /*filter: invert(100%);*/ width: 220px; height: auto; }
	.navbar-claim  { margin: 15px auto; /*filter: invert(100%);*/ }

	.form-search { margin: 13px 0; /*text-align: right;*/ /*float: right; margin-left: 20px;*/ }
		.form-search-text { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 0; padding: 7px 40px 7px 15px; width: 300px; font-size: 14px; color: #2d364d; background: rgb(244, 244, 244); -webkit-transition: all .5s ease-out; -o-transition: all .5s ease-out; -moz-transition: all .5s ease-out; transition: all .5s ease-out; }
		.form-search .btn { display: nonee; }

	nav { margin-top: 12px; }
		nav .fa { margin-right: 0px; font-size: 20px; }
		nav .kvetinka { /*filter: invert(100%);*/ }		
	.bg-dark { background: rgb(84,84,84) !important; }
	/*.nav-item:hover { -webkit-transition: all .5s ease-out; -o-transition: all .5s ease-out; -moz-transition: all .5s ease-out; transition: all .5s ease-out; }*/
	.nav-item { /*border-left: 1px solid rgb(59,59,59);*/ }
		.nav-item:last-child { /*border-right: 1px solid rgb(59,59,59);*/ }
		.nav-item.active { /*background: rgb(211, 19, 128);*/ }
		.nav-item .kvetinka { /*filter: invert(100%);*/ }
		.nav-item a { /*color: rgb(0,70,137);*/ }
			.nav-item a:hover { color: rgb(0,0,0); background: rgb(248,249,250); }
			a.dropdown-item { color: rgba(0,0,0,.5) !important; }
			a.dropdown-item.active, a.dropdown-item:active { color: rgba(0,0,0,.9) !important; background: none !important; }			
	
	.navbar { margin: 0 !important; padding: 0 !important; }
	.navbar-expand-lg .navbar-nav .nav-link { padding-right: 1.0rem; padding-left: 1.0rem; }	

main { margin: 100px 0 30px 0; /*padding: 20px 0 0 0;*/ }
	.submenu { margin: 0 0 20px 0; padding: 0; width: 100%; background: rgb(6, 66, 129); }
		.submenu img { margin: 0px auto; /*width: 150px; height: auto;*/ /*transition: all 0.3s linear 0s;*/ text-align: center; }
			.submenu img:hover { /*transition: all 0.3s linear 0s;*/  }
		.plyn { background: rgb(255, 258, 156 ); }
		.voda { background: rgb(157, 220, 249); }
		.kanalizacia { background: rgb(254, 211, 170); }
		.naradie { background: rgb(199, 227, 183); }
		/*.submenu .col-sm-6 { transition: all 0.3s linear 0s; }
			.submenu .col-sm-6:hover { background: rgb(255,255,255); transition: all 0.3s linear 0s; }*/

	.path { margin: 15px 0 15px 0; font-size: 13px; }

footer { margin: 0px; padding: 40px 0; width: 100%; background: rgb(52, 58, 64); color: rgb(255,255,255); /*min-height: 300px;*/ line-height: 25px; }
	/*footer .col-sm-4 { padding: 0px; }*/
	.svg { filter: invert(100%); }
	.navbar-footer, .navbar-address { list-style: none; }
		.navbar-footer li { display: inline-block; }	
		/*.navbar-footer .nav-link { padding: .5rem 0rem; }*/
		.navbar-footer a, .navbar-address a { color: rgb(255,255,255); }	
	.social img { margin: 0 5px 0 5px; width: 50px; height: auto; opacity: 1.0; /*filter: grayscale(100%);*/ -webkit-transition: all .5s ease-out; -o-transition: all .5s ease-out; -moz-transition: all .5s ease-out; transition: all .5s ease-out; }
		.social img:hover { opacity: 1.0; /*filter: grayscale(0%);*/ }
	footer a { color: rgb(255,255,255); text-decoration: underline; }
		footer a:hover { color: rgb(255,255,255); text-decoration: none; }
	footer .fa { margin-right: 10px; }
	
/***** content *****/
h1 { }
	h1 a { color: rgb(0,70,137) !important; }
h2 { margin: 0 0 40px 0; color: rgb(0,70,137); text-transform: uppercase; }
	h2 a { color: rgb(0,70,137) !important; }
h3 { color: rgb(0,70,137); font-size: 1.0rem; }
h4 { margin: 0 0 20px 0; text-transform: uppercase; font-weight: bold; font-size: 18px; }
a { color: rgb(211, 19, 128); /*color: rgb(0,0,0);*/ text-decoration: none; }
	a:hover { text-decoration: underline; }
#kontakty .fa { margin-right: 10px; }
main ul li, main ol li { margin: 0 0 0 25px; }

a#scrollToTop { padding: 0 0 0 25px; color: rgb(0,0,0); background: url('upload/layout/arrow-up.png') no-repeat; opacity: .5; width: 79px; height: 40px; text-align: center; right: 25px; bottom: 20px; text-decoration: none; display: none; position: fixed; z-index: 100; transition: all 0.2s linear 0s; }
	a#scrollToTop:hover { opacity: 1.0; transition: all 0.2s linear 0s; }

.stiahnutie img { opacity: 0.8; transition: all 0.2s linear 0s; filter: grayscale(100%); }
	.stiahnutie img:hover { opacity: 1; transition: all 0.2s linear 0s; filter: grayscale(0%); }

.produkty a img { transition: all 0.2s linear 0s; transform: scale(1.0); }
	.produkty a img:hover { transition: all 0.2s linear 0s; transform: scale(1.1); }

.grecaptcha-badge { display: none !important; }

.table th { text-align: center; color: rgb(200,200,200); }
	.table td:nth-child(1), .table td:nth-child(2), .table td:nth-child(3), .table td:nth-child(4) { text-align: center; }
	.table td:nth-child(5) { text-align: right; }

.card-title { min-height: 70px; }

/***** responsive *****/
@media (min-width: 1201px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl {
	    max-width: 1250px;
	}
}
@media (max-width: 1200px) {

}
@media (max-width: 992px) {
	
}
@media (max-width: 768px) { 
	
}
@media (max-width: 576px) {
	
	.navbar-toggler { font-size: 14px; }
	.navbar-brand img { margin: 0; width: 130px; height: auto; }
	main { margin: 122px 0 30px 0;  }
	/*.carousel { height: 160px; }*/
	.produkty .ico { display: none; }
	.submenu img { /*height: 30px; width: auto;*/ }

}