@media (max-width:780px){
	.desktop {display:none;}
	}
	
@media (min-width: 780px) {
	.mobile {display:none;}
}

@media (max-width: 970px) {
	}




ul.menu {
	
    list-style: none;
    margin: 40px 0 0 0;
    padding: 0;
    text-align: right; /* Zarovná všetky položky menu vpravo */
}

ul.menu li {
    display: inline-block;
}

ul.menu li a {
	font-size:20px;
    text-decoration: none;
    color: #5d0506; /* Nastavená farba textu */
    padding: 20px;
	font-weight:300;
}

ul.menu li a:hover, ul.menu li a.aktivna {
    background-color: #5d0506; 
	color:#fff;
	
	border-top-left-radius: 20px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 20px;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-bottomright: 20px;
	-webkit-border-top-left-radius: 20px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-webkit-border-bottom-right-radius: 20px;
}

/* Štýly pre podmenu */
ul.submenu {
    display: none;
    list-style: none;
    padding: 0;
    margin-top: 5px;
}


ul.menu li  ul {text-align: left; font-size:16px}

ul.menu li:hover > .submenu {
    display: block;
    position: absolute;
    background-color: #f4f4f4;
    border: 1px solid #ccc;
    padding: 10px;
}

ul.submenu li {
    display: block;
    margin-bottom: 10px;
}

ul.submenu li a {
    padding: 5px 15px;
    color: #5d0506;
}

ul.submenu li a:hover {
    background-color: #5d0506;
    border-radius: 5px;
	color:#fff;
}




/*       MENU MOBILE      */
    .menu-container {
      width: 100%;
      position: relative;
      right: 0;
      top: 0;
      background-color: #5d0506;
    }

    /* Hlavné menu */
    .vertical-menu {
      list-style-type: none;
      padding: 0;
      margin: 0;
    }

    .vertical-menu li {
      position: relative;
    }

    .vertical-menu > li > a {
      display: block;
      color: white;
      text-decoration: none;
      padding: 15px 20px;
      font-size: 18px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .vertical-menu > li > a:hover {
      background-color: #7a0a0b;
    }

    /* Submenu */
    .vertical-menu li ul {
      display: none;
      list-style-type: none;
      padding: 0;
      margin: 0;
      background-color: #7a0a0b;
    }

    .vertical-menu li:hover ul {
      display: block;
    }

    .vertical-menu li ul li a {
      display: block;
      color: white;
      text-decoration: none;
      padding: 12px 30px;
      font-size: 16px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .vertical-menu li ul li a:hover {
      background-color: #8f1a1b;
    }












a.scrollToTop {
	font-size:12px;
	width: 50px;
    height: 50px; 
	padding:20px 10px ; 
	text-align:center; 
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	position:fixed;
	bottom:20px;
	right:20px;
	display:none;
    background-image: url(../images/arrow_totop.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #7d1c4f;
	border-radius: 5px;	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
a.scrollToTop:hover{
	text-decoration:none;
}