.debug {
    display: block;
    border: 1px solid red;
    background-color: rgba(255, 0, 0, 0.1);
}

.debug:hover {
    border: 1px solid blue;
    background-color: rgba(255, 0, 0, 0.2);
}

nav ul, nav li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

body {
    background-color: transparent;
    font-family: 'Titillium Web', sans-serif;
    color: #4b5d6f;
}

@media (min-width: 768px) {
    body {
        display: flex;
        min-height: 100vh;
        flex-direction: row;
    }
}

#container {
    background-color: rgba(255, 255, 255, 0.9);
    position: relative;
    padding: 0;
    box-shadow: 0px 0px 18px 5px rgba(0,0,0,0.75);
    overflow: hidden;

    padding-bottom: 350px;/* prostor za footer */
}

@media (min-width: 768px) {
    #container {
        display: flex;
        padding-top: 200px;
        padding-bottom: 250px;/* prostor za footer */
    }
}

#logo a {
    display: block;
    top: 0;
    left: 0;
    right: 0;
    height: 166px;
    background-image: url("/en/resources/images/matcos25.png");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
}

#login {
    position: absolute;
    right: 35px;
    top: 16px;
}

#langswitcher {
    position: absolute;
    right: 100px;
    top: 16px;
}

@media (min-width: 768px) {
    #logo a {
        position: absolute;
        top: 17px;
        left: 21px;
        right: 0;
    }
}

#nav1_menu {
    margin-top: 90px;
}

#nav1_menu > ul {
    display: inline-block;
    background-color: rgba(0, 0, 0, 0.75);
    min-width: 88%;
    width: 100%;
}

#nav1_menu > ul > li > a {
    display: none;
}

#nav1_menu li {
    display: inline;
}

#nav1_menu a{
    display: inline-block;

    font-weight: 600;
    letter-spacing: 0.5px;

    color:#8bc63f;
    text-decoration:none;
    text-align:middle;
    font-size: 13px;

    padding: 7px 7px;
}


@media (min-width: 768px) {
    #nav1_menu {
        position: absolute;
        left: 250px;
        top: 117px;
        right: 35px;
        text-align: center;
        margin-top: 0px;
    }


    #nav1_menu > ul {
        width: 100%;
    }

    #nav1_menu a {
        padding: 14px 7px;
    }
}

@media (min-width: 992px) {
    #nav1_menu {
        right: 238px;
    }

}

@media (min-width: 1200px) {
    #nav1_menu > ul {
        max-width: 80%;
    }

    #nav1_menu a {
        padding: 14px 12px;
    }
}

#nav2_menu {
    font-size: 13px;
    font-weight: 600;
    padding-left: 10px;
}

#nav2_menu a {
    font-weight: 600;
    letter-spacing: 0.5px;
    color: black;
    text-decoration: none;
}

#nav2_menu > ul > li > a {
    color: #8bc63f;
}

#nav2_menu > ul > li > ul {
    /*display: none;*/
}

#nav2_menu ul ul ul {
    margin-left: 5px;
}

@media (min-width: 768px) {
    #nav2_menu {
        padding-left: 35px;
        flex: 0 0 190px;
    }

    #nav2_menu > ul > li > ul {
        display: block;
    }

    #nav2_menu > ul {
        width: 190px;
    }

    #nav2_menu a {
        display: block;
        padding-bottom: 5px;
    }
}

@media (min-width: 992px) {
    #nav2_menu {
    }

}

@media (min-width: 1200px) {
    #nav2_menu {
    }
}

/*#nav2_menu {
    margin-top: 10px;
    font-size: 13px;
    font-weight: 600;
}

#nav2_menu a {
    font-weight: 600;
    letter-spacing: 0.5px;
    color: black;
    text-decoration: none;
}

#nav2_menu > ul > li > a {
    color: #8bc63f;
}

#nav2_menu > ul > li > ul {
    display: none;
}

#nav2_menu ul ul ul {
    margin-left: 5px;
}

@media (min-width: 768px) {
    #nav2_menu {
        margin-top: 0;
        position: absolute;
        left: 0px;
        top: 168px;
        left: 35px;
    }

    #nav2_menu > ul > li > ul {
        display: block;
    }

    #nav2_menu > ul {
        width: 190px;
    }

    #nav2_menu a {
        display: block;
        padding-bottom: 5px;
    }
}

@media (min-width: 992px) {
    #nav2_menu {
    }

}

@media (min-width: 1200px) {
    #nav2_menu {
    }
}*/

#content {
    flex: 2;
}

@media (min-width: 768px) {
    #content {
        padding: 0 25px;
    }
}

/*
#content {
    position: relative;
    min-height: 950px;
    padding-bottom: 235px
}

@media (min-width: 768px) {
    #content {
        margin-top: 200px;
        margin-left: 250px;
        width: 466px;
        padding-bottom: 330px;
    }
}

@media (min-width: 992px) {

    #content {
        width: 483px;
    }
}

@media (min-width: 1200px) {
    #content {
        width: 682px;
    }
}*/

#infos {
    flex: 0 0 200px;
    display: none;
    padding-right: 35px;
}

#infos .sidebar_toggle {
    font-weight: bold;
    cursor: pointer;
}

@media (min-width: 768px) {
    #infos {
    }
}

@media (min-width: 992px) {
    #infos {
        display: block;
        /*position: absolute;
        top: 200px;
        right: 35px;
        width: 168px;
        height: 500px;*/
    }
}

@media (min-width: 1200px) {

    #infos {

    }
}

.fb-like {
    margin-top: 25px;
}

footer {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: 100px;

    border-top: 4px solid white;
    background-color: #333;

    background: linear-gradient(to bottom, #000000 0%,#333333 15%,#333333 100%);

    text-align: center;
}

footer a {
    display: block;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    margin: 8px 0;
}

footer .twitter, footer .facebook, footer .twitter:hover, footer .facebook:hover {
	color: white;
}

@media (min-width: 768px) {
    footer {
        height: 200px;
    }

    footer a {
        display: inline-block;
        margin-left: 35px;
        margin: -15px 0;
    }

    footer .cost {
        width: 230px;
        margin-top: 80px;
        margin-left: 0;
    }

   footer .arrs {
        width: 230px;
        margin-top: 80px;
        margin-left: 0;
    }

    footer .eu {
        width: 230px;
        margin-top: 85px;
    }

    footer .iam {
        width: 230px;
        height: 130px;
        margin-top: 20px;
        margin-left: 50px;
	   background-image: url("/en/resources/images/resources/iam-bel.png");
    }

    footer .famnit {
        width: 160px;
        height: 130px;
        margin-top: 20px;
       background-image: url("/en/resources/images/famnitbel.png:resizebox?130x130");
    }
    footer .innorenew {
        width: 160px;
	height: 130px;
	margin-top: 20px;
	background-image: url("/en/resources/images/innorenew.png:resizebox?130x130");


    }

	footer .twitter, footer .facebook {
		width: 20px;
        margin-left: 20px;
	}
}

a {
    color: #6c849c;
    text-decoration: underline;
}

a:hover {
    color: #6c849c;
    text-decoration: underline;
}

#content .staticApp {
    text-align: justify;
}

#content .staticApp .print {
    display: none;
}


@keyframes move {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(100%);
    }
}

body {
  background-color: #263645;
}

body:before {
    content: "";
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-image: linear-gradient(to left, transparent 40%, black 60%, transparent 100%);
    animation: move 15s linear infinite;
}

body:after {
    content: "";
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;

   /*  background-image: url('http://timteeling.com/dev/img/network.svg'); */
    background-size: 125%;
    background-position: 0 60%;
}

#container {
    z-index: 100;
    background-color: whitesmoke;
}

#banner {
	#background-image: url("/en/resources/images/titov.png:resizeboxjpg?1026x1024");

	height: 380px;
	background-size:695px ;

	#transition: height 1.5s;

	position: relative;
}

#banner_overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

	opacity: 0;
	transition: opacity 3s;
    background-size:695px ;

	z-index: 10;
}

#banner.titov, #banner_overlay.titov {
	background-image: url("/en/resources/images/titov.jpg:resizeboxcropjpg?1390x760");
}

#banner.loza, #banner_overlay.loza {
	background-image: url("/en/resources/images/loza.jpg:resizeboxcropjpg?1390x760");
}
#banner.koper, #banner_overlay.koper {
	background-image: url("/en/resources/images/koper.jpg:resizeboxcropjpg?1390x760");
}
#banner.koper2, #banner_overlay.koper2 {
	background-image: url("/en/resources/images/koper2.jpg:resizeboxcropjpg?1390x760");
}
#banner.taverna, #banner_overlay.taverna {
	background-image: url("/en/resources/images/taverna.jpg:resizeboxcropjpg?1390x760");
}
#banner.pretorska, #banner_overlay.pretorska {
	background-image: url("/en/resources/images/pretorska.jpg:resizeboxcropjpg?1390x760");
}
#banner.letalo, #banner_overlay.letalo {
	background-image: url("/en/resources/images/letalo.jpg:resizeboxcropjpg?1390x760");
}
#banner.muda, #banner_overlay.muda {
	background-image: url("/en/resources/images/muda.jpg:resizeboxcropjpg?1390x760");
}

.animate #banner {
	#height: 254px;
}

#banner img {
	width: 630px;
	position: absolute;

	top: 79px;
	left: 24px;

	transition: transform 1.5s;

	z-index: 100;
}

.animate #banner img {
	transform: translateY(-79px);
}
@media (max-width: 1199px) {
.blok {
    display: block;
}
}
.timetable {
	display: none;
}

.timetable.active {
	display: block;
}
.timetable td {
	padding-left: 5px;
	padding-right: 5px;
}

.timetable tr td:first-child {
	width: 120px;
}

.timetable .room {
	font-weight: bold;
	text-align: center;
}
.timetable .chair {
	font-weight: bold;
	text-align: right;
}

.timetable .break td:nth-child(2){
	text-align: center;
	background-color: #98BCE0;
}

.timetable .dinner td:nth-child(2){
	text-align: center;
	background-color: #98BCE0;
}

.timetable .registration td:nth-child(2){
	text-align: center;
	background-color: #7889bf;
	color: white;
}

.timetable .invited td:nth-child(2){
	background-color: #7889bf;
	color: white;
}
.timetable .invited tr:first-child td:nth-child(2){
	text-align: right;
}
.timetable .official td:nth-child(2){
	text-align: center;
	background-color: #74BAB8;
}

.timetable tr td {
	padding-bottom: 5px;
	padding-top: 5px;
	border-bottom: solid 1px;
  border-color: #ddd;
}

#wednesday.timetable td:nth-child(2), #wednesday.timetable td:nth-child(4) {
//	width: 50%;
}

.tt_picker {
	margin-left: 20px;
	margin-right: 20px;
	cursor: pointer;
}

.tt_picker.active{
	text-decoration: underline;
	/* color: #7889bf; */
}