@charset "utf-8";
/* CSS Document */


@font-face {
font-family: 'Myriad Pro Regular';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Regular'), url('fonts/MYRIADPRO-REGULAR.woff') format('woff');
}


@font-face {
font-family: 'Myriad Pro Condensed';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Condensed'), url('fonts/MYRIADPRO-COND.woff') format('woff');
}


@font-face {
font-family: 'Myriad Pro Semibold Italic';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Semibold Italic'), url('fonts/MYRIADPRO-SEMIBOLDIT.woff') format('woff');
}


@font-face {
font-family: 'Myriad Pro Semibold';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Semibold'), url('fonts/MYRIADPRO-SEMIBOLD.woff') format('woff');
}


@font-face {
font-family: 'Myriad Pro Condensed Italic';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Condensed Italic'), url('fonts/MYRIADPRO-CONDIT.woff') format('woff');
}


@font-face {
font-family: 'Myriad Pro Bold Italic';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Bold Italic'), url('fonts/MYRIADPRO-BOLDIT.woff') format('woff');
}


@font-face {
font-family: 'Myriad Pro Bold Condensed Italic';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Bold Condensed Italic'), url('fonts/MYRIADPRO-BOLDCONDIT.woff') format('woff');
}


@font-face {
font-family: 'Myriad Pro Bold Condensed';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Bold Condensed'), url('fonts/MYRIADPRO-BOLDCOND.woff') format('woff');
}


@font-face {
font-family: 'Myriad Pro Bold';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Bold'), url('fonts/MYRIADPRO-BOLD.woff') format('woff');
}

input:focus {
    outline:none;
}


body {
font-family:'Myriad Pro Regular';
background-image:url('images/square.svg');
margin:0px;
}

a:visited {
    color:black; text-decoration:none;
}

a {
    color:black; text-decoration:none;
}





#main_head{
	background-color:#FFF;
	border-bottom:5px solid black;
}

#main_head_text{
  width:350px;
	font-family:'Myriad Pro Condensed';
}
#main_head_text h4{
	font-size:14px;
	text-align:center;
	margin:0px;
	padding-top:-10px;
}

#main_head_text h2{
	font-size:24px;
	text-align:center;
	margin:0px;
	padding-top:20px;
}
#main_head_text h3{
	font-size:24px;
	text-align:center;
	margin:0px;
	font-weight:normal;
}


.LogosImg{
  padding-top: 10px;
  margin-bottom: 10px;
}

.LogosA{
    margin-left: 3px;
}

.paddingtop{
    padding-top:30px;
    float:center;

}


@media screen and (min-width: 0px) and (max-width: 992px) {
    #main_head_text{
      float:center;
      margin: 0 auto;

    }
    #main_head_text h2{
    	 padding-top:0px;
    }

    .aligncenter{
        text-align:center;
    }

    .paddingtop{
        padding-top:20px;
        float:center;
    }
}

#search_engine{
	margin: 0 auto;
	padding-top:30px;
	height:500px;
	width:400px;
}

#Search_bootstrap{
	padding:0px;
	margin:0px;
}


#categories{
    	font-size:16px;
	font-weight:700;
	font-family:'Myriad Pro Condensed';
	width:400px;
	height:auto;
}

#search{
	height:20px;
	width:400px;
	padding-top: 10px;

}
input[type="text"] {
    width: 398px;
	height:20px;
	border: 1px solid black;
}

#search_result{
	overflow:auto;
	margin-top:25px;
	height:314px;
	width:398px;
	background-color:white;
	border: 1px solid black;
	font-family:'Myriad Pro Condensed';
}



#contain{
	margin: 0 auto;
	height:500px;
	width:510px;

}

#video{
	height:316px;
	width:510px;
	background-color:white;
	margin-bottom:20px;
	border:1px solid black;
}
.buttons-r{

	border-right:1px solid black;

}

.buttons-l{
	border-left:1px solid black;
	border-right:1px solid black;
	z-index:1;
	float:right;
}

#control_panel{
	width:509px;
	margin-right:2px;
	height:27px;
	border-top: 1px solid black;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}


#description{
	font-family:'Myriad Pro Condensed';
	overflow:auto;
	height:134px;
	width:510px;
	background-color:white;
	border:1px solid black;
	padding-right:15px;
	padding-left:15px;
	padding-top:10px;
	padding-bottom:10px;
}
#title_description{
	font-size:17px;
	font-family:'Myriad Pro Condensed';
	width:432px;
	height:25px;
	margin-bottom:20px;
	border-bottom:1px solid black;
}

#category_list{
  font-size: 12pt;
  color: grey;
}

#image_sb{
	float:right;

}


#main_body{
	height:500px;
}

#flap{
	border-top:5px solid black;
	position:fixed;
	width:100%;
	height:50px;
	background-color:white;
	padding:5px;
	bottom:0px;
	z-index:999;
}

label input
{
    display:none;
}
label span
{
    background:blue;
    border:1px solid black;
    color:white;
    padding:4px;
}

.hledani ul {
	list-style: none;
	padding-left:20px;

}
.hledani li {
	padding-bottom:0px;
	font-size:18px;
	display: block; overflow: hidden;
	max-height: 1.5em; opacity: 1; transition: 1s all;
    cursor: pointer;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}



/* CSS for scrollbar panel */


::-webkit-scrollbar {
    width: 12px;
}
::-webkit-scrollbar-track {
    background-color: white;
    border: 1px solid black;
}
::-webkit-scrollbar-thumb {
    background-color: black;
}
::-webkit-scrollbar-thumb:hover {
	background-color: black;
}




/* CSS for Video panel */
input[type="range"] {

  	-webkit-appearance: none;
 	width: 20px;
 	height: 2px;
	background: white;
	padding-top:10px;
	background-repeat: no-repeat;
}

input[type="range"]::-webkit-slider-thumb {

	margin-bottom:-1px;

  -webkit-appearance: none;
  width: 12px;
  height: 27px;
  background: black;
  border: 6px solid black;
}

input[type=range]::-webkit-slider-runnable-track {
  background: white;
}


#seekbar{
	margin-top:3px;
	float:right;
	width:368px;
	background: none;
}
#Seekbar-contain{
	float:right;
	width:320px;
}

#categories ul {
  list-style-type: none;
}

.KategorieLiClass{
	background-color:white;
	border:1px solid black;
	margin-top:-1px;
	margin-left:0px;
	position:absolute;
	width:200px;
	text-align:center;
	cursor:pointer;

}


.EachSecond{
	margin-left:199px;
}

.ListOfKategories{
	margin:0px;
	padding:0px;
}

.overlay{
	text-align:left;

}



/*   oddil pro kategories */
#categories ul li ul {
    display: none;
}


.no-drag{
	user-drag: none;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

.KatSpan{
	width:199px;
	height:auto;
}

.SubKat{
	margin-left:-40px;
	text-align:center;
}
.SubKat li{
	padding-right:30px;
}

#FlapContain{
	padding-top:5px;
	font:20px;
	text-align:center;
}

#FlapContain a{
	color:black;
}

#FlapContain span{
	font-family:'Myriad Pro Condensed';
	font-size:18px;
	padding-right:10px;
	padding-left:10px;
}

.BorderRight{
	border-right:1px solid black;

}

#Autors{
	background-color:white;
	background-color: rgba(255, 255, 255, 0.7);
	border-radius: 50px;
	margin: 0 auto;
	width:320px;
	height:200px;
	margin-top:50px;
	padding-top:32px;
	top:0;bottom:0;
}

#Autors span{
	font-size:18px;
	font-family:'Myriad Pro Condensed';
}

.RoleRecord{
	text-align:right;
	border-right: 2px solid black;
	padding-right:13px;
	margin-right:-15px;



	padding-top:-5px;
	margin-top:5px;
}

.AutorRecord{
	font-weight:bold;
	width:180px;
	margin-left:-5px;
	padding-top:-5px;
	margin-top:5px;
}

#Role{
	width:120px;

}

#Name{
	width:200px;
	float:right;
}

#closeButton{
	padding-top:20px;
    float:right;
}

.noscroll{
	overflow-y:hidden;
}