body {font: 100%/150% 'Roboto', sans-serif;}

/* ANIMACIE */
.zoom {transition: transform 0.5s ease;}
.zoom:focus, .zoom:hover {transform: scale(1.05);}

/* ODKAZY */
.link-blue {color: #000080;}
.link-blue:focus, .link-blue:hover {color: #0a0d16;}

/* STYLY PRE MENU */
#menu .active {font-weight: bold;}
.dropdown:active ul.dropdown-menu, .dropdown:hover ul.dropdown-menu {display: block; left: 0; margin-top: 0px;}
.dropdown:last-child:active ul.dropdown-menu, .dropdown:last-child:hover ul.dropdown-menu {display: block; left: inherit; right: 0px; margin-top: 0px;}
.dropdown-menu {border-top: 5px solid #c10101; padding: 0;}

/* STYLY PRE POZADIA */
.bg-blue, .bg-img, .bg-top {background-color: #0a0d16;}
.bg-red {background-color: #c00000;}

/* STYLY PRE OBRAZKY */
.img-gray {filter: grayscale(100%);}
.img-gray:focus, .img-gray:hover {filter: grayscale(0%);}

/* STYLY PRE TEXT */
.text-blue {color: #000080;}
.text-red {color: #c00000;}
.title::after {border-bottom: 2px solid black; content: ""; display: block; margin: 10px auto 30px; padding-top: 5px; width: 50px;}
.title-white::after {border-color: white;}

/* DOLEZITE ODKAZY */
#links {background: #000040;}
#links a {color: #ffffff; text-decoration: none;}
#links a:focus, #links a:hover {text-decoration: underline;}
#links i {display: inline-block; height: 114px; width: 114px;}
#links i:focus, #links i:hover {background-color: #c00000; border-radius: 50%;}
#links .col p {width: 114px;}
#links .admin {background: url('/tema/obrazky/icon-links.png') 0px 0px;}
#links .ftp {background: url('/tema/obrazky/icon-links.png') 114px 0px;}
#links .mail {background: url('/tema/obrazky/icon-links.png') 228px 0px;}
#links .mysql {background: url('/tema/obrazky/icon-links.png') 342px 0px;}

/* UVOD */
#head {background: #deebfb;}
#head .carousel {min-height: 50vh;}
#head-nav a:focus, #head-nav a:hover, #foot-nav a:focus, #foot-nav a:hover {color: #010180;}
#why i {display: inline-block; height: 66px; width: 114px;}
#why .bezpecnost {background: url('/tema/obrazky/icon-why.png') 64px 0; width: 64px;}
#why .obmedzenia {background: url('/tema/obrazky/icon-why.png') 337px 0; width: 74px;}
#why .podpora {background: url('/tema/obrazky/icon-why.png') 402px 0; width: 65px;}
#why .pomer {background: url('/tema/obrazky/icon-why.png') 137px 0; width: 73px;}
#why .program {background: url('/tema/obrazky/icon-why.png') 263px 0; width: 60px;}
#why .skusenosti {background: url('/tema/obrazky/icon-why.png') 465px 0; width: 63px;}
#why .slovensko {background: url('/tema/obrazky/icon-why.png') 0 0; width: 58px;}
#why .zakaznici {background: url('/tema/obrazky/icon-why.png') 203px 0; width: 66px;}

/* VIRTUALNY SERVER */
#ponuka .number {min-width: 160px;}
#ponuka .parameter {min-width: 80px;}

/* KONTAKT */
#contact {background: #000010;}
#contact-info strong {display: inline-block; width: 70px;}

@media only screen and (min-width: 600px) {
	.bg-img {background: #0a0d16 url('/tema/obrazky/bg-img.jpg') center right; background-size: cover;}
	.bg-top {background: #0a0d16 url('/tema/obrazky/bg-top.jpg') center right; background-size: cover;}
	#contact {background: url('/tema/obrazky/bg-contact.jpg') left bottom; background-size: cover;}
	#head {background: url('/tema/obrazky/bg-home.webp') bottom center; background-size: cover;}
	#links {background: url('/tema/obrazky/bg-links.jpg') center center; background-size: cover;}

}