body{
	background: #333 url(../images/bg1.jpg) repeat top left;

	margin-left:auto;
	margin-right:auto;
	font-family: Arial;
	margin-top:69px;
	position:relative; 
	width:1024px;
	font: 10px/1.4 "Myriad Pro", "Trebuchet MS", sans-serif;
	
			}
			span.reference{
				position:fixed;
				left:10px;
				bottom:10px;
				font-size:12px;
			}
			span.reference a{
				color:#aaa;
				text-transform:uppercase;
				text-decoration:none;
				text-shadow:1px 1px 1px #000;
				margin-right:30px;
			}
			span.reference a:hover{
				color:#ddd;
			}
			ul.sdt_menu{
				margin-top:150px;
			}
			h1.title{
				text-indent:-9000px;
				background:transparent url(../images/title.png) no-repeat top left;
				width:1024px;
				height:69px;
			}
			
			
/*----------------------------horne menu--------------------------------*/

ul.sdt_menu{
	float:right;
	margin:0;
	padding:0;
	list-style: none;
	font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
	font-size:14px;
	width:1020px;
}
ul.sdt_menu a{
	text-decoration:none;
	outline:none;
}
ul.sdt_menu li{
	float:left;
	width:170px;
	height:85px;
	position:relative;
	cursor:pointer;
}
ul.sdt_menu li > a{
	position:absolute;
	top:0px;
	left:0px;
	width:170px;
	height:85px;
	z-index:12;
	background:transparent url(../images/overlay.png) no-repeat bottom right;
	-moz-box-shadow:0px 0px 2px #000 inset;
	-webkit-box-shadow:0px 0px 2px #000 inset;
	box-shadow:0px 0px 2px #000 inset;
}
ul.sdt_menu li a img{
	border: none;
	position: absolute;
	width: 0px;
	height: 0px;
	bottom: 1px;
	left: 73px;
	z-index: 100;
	-moz-box-shadow: 0px 0px 4px #000;
	-webkit-box-shadow: 0px 0px 4px #000;
	box-shadow: 0px 0px 4px #000;
}
ul.sdt_menu li span.sdt_wrap{
	position:absolute;
	top:25px;
	left:0px;
	width:170px;
	height:60px;
	z-index:15;
}
ul.sdt_menu li span.sdt_active{
	position:absolute;
	background:#111;
	top:85px;
	width:170px;
	height:0px;
	left:0px;
	z-index:14;
	-moz-box-shadow:0px 0px 4px #000 inset;
	-webkit-box-shadow:0px 0px 4px #000 inset;
	box-shadow:0px 0px 4px #000 inset;
}
ul.sdt_menu li span span.sdt_link,
ul.sdt_menu li span span.sdt_descr,
ul.sdt_menu li div.sdt_box a{
	margin-left:15px;
	text-transform:uppercase;
	text-shadow:1px 1px 1px #000;
}
ul.sdt_menu li span span.sdt_link{
	color:#fcdd09;
	font-size:24px;
	float:left;
	clear:both;
}
ul.sdt_menu li span span.sdt_descr{
	color:#3ea500;
	float:left;
	clear:both;
	width:155px; /*For dumbass IE7*/
	font-size:10px;
	letter-spacing:1px;
}
ul.sdt_menu li div.sdt_box{
	display:block;
	position:absolute;
	width:170px;
	overflow:hidden;
	height:170px;
	top:85px;
	left:0px;
	display:none;
	z-index:16;
	background:#000;
}
ul.sdt_menu li div.sdt_box a{
	float:left;
	clear:both;
	line-height:30px;
	color:#3ea500;
}
ul.sdt_menu li div.sdt_box a:first-child{
	margin-top:15px;
}
ul.sdt_menu li div.sdt_box a:hover{
	color:#fff;
}


/*----------------------------end horne menu--------------------------------*/

/*----------------------------stranka--------------------------------*/
#reklama {
    height: 500px;
    left: -250px;
    position: absolute;
    width: 250px;
}

#reklama_fixed {
    background: #ffffff;
    width: 249px;
    height: 499px;
    position: fixed;
}

#container {
	
	float:right;
	/*opacity:0.4;*/
	border:thin double;
	/*filter:alpha(opacity=40);*/
	background: transparent url(../images/main1.png) repeat top left;
	margin-top:10px;
	width:1018px;
	min-height:800px;
	-moz-box-shadow:0px 0px 4px #000 inset;
	-webkit-box-shadow:0px 0px 4px #000 inset;
	box-shadow:0px 0px 4px #000 inset;
	text-shadow:1px 1px 1px #000;
}


#Course_up_cont {
	float:right;
	margin-left:auto;
	margin-right:auto;
	border:thin double;
	width:1018px;
	height:90px;
	background: transparent url(../images/course_cont.png) repeat top left;
}

#Course_up_cont_right {
	/*background-color:rgba(63, 56, 50, 0.5);*/
	float:right;
	width:339px;
	height:90px;
	border-left:1px solid black;
	text-shadow:1px 1px 1px #000;
	text-transform:uppercase;
	-moz-box-shadow:0px 0px 4px #000 inset;
	-webkit-box-shadow:0px 0px 4px #000 inset;
	box-shadow:0px 0px 4px #000 inset;
	font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
	font-size:14px;
	color:#fcdd09;	
	display:table;
}

#Course_up_cont_right p{
	display: table-cell; 
	vertical-align: middle; 
	text-align: center; 
}


#Course_up_cont_left {
	/*background-color: rgba(0, 0, 0, 0.5);*/
	float: left;
	width: 678px;
	height:90px;
	text-shadow:1px 1px 1px #000;
	text-transform:uppercase;
	-moz-box-shadow:0px 0px 4px #000 inset;
	-webkit-box-shadow:0px 0px 4px #000 inset;
	box-shadow:0px 0px 4px #000 inset;
	font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
	font-size:25px;
	color:#fcdd09;
	display:table;
}

#Course_up_cont_left p{
	display: table-cell; 
	vertical-align: middle; 
	text-align: center; 
}



#site {
	/*background-color:rgba(63, 56, 50, 0.5);*/
	float:right;
	width:678px;
	min-height:800px;
	color:#b1b2b1;
	font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
	font-size:20px;
	line-height:1.3;
	
}

#site input {
	font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
	font-size:17px;

}
#site select {
	font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
	font-size:16px;

}




#site p{
	padding:17px;
	color:#b1b2b1;
	font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
	font-size:20px;
	line-height:1.3;
}

#site p.moznosti_pod_formularom{
	padding:17px;
	color:#b1b2b1;
	font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
	font-size:16px;
	line-height:1.1;
	text-align:center;
}

#site p.moznosti_pod_table{
	padding:17px;
	color:#b1b2b1;
	font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
	font-size:16px;
	line-height:1.1;
}




#site p.moznosti_pod_formularom a{
	color:#3ea500;
}

#site p.zle_udaje{
	font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
	font-size:15px;
	color:red;
	line-height:1.0;
	text-align:center;
}

span.kontakt{
	color:#fcdd09;
}

span.th{
	font-size:20px;
	color:#3ea500;
}


span.formular{
	color:#fcdd09;
	font-size:17px;
	
}

span.formular_sekcia{
	color:#3ea500;
	font-size:19px;
}


#site h2{
	padding:17px;
	font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
	color:#3ea500;
	font-size:30px;	
	text-decoration: none;
	text-transform: uppercase;
	text-shadow: 0 1px 1px #000;
	font-weight: 300;	
}



#site a{
	color:#b1b2b1;
	text-decoration:none;
}

#site table.prihlasenie {
	font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
	margin-left:auto;
	margin-right:auto;
	border: 1px solid #b1b2b1;
	border-radius:4px;
}


#site table.prihlasenie th{
	font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
	text-transform: uppercase;
	font-size:20px;
	color:#fcdd09;
	border:1px solid  #b1b2b1;
	background-color:#282828;
	border-radius:4px;
}

#scrollTable table.forum {
	width:650px;
	font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
	margin-left:auto;
	margin-right:auto;
	border-radius:4px;
	text-shadow:none;
	position:relative;
	left:-7px;
}

#autor {
    float: left;
    height: 26px;
    margin-left: 8px;
    margin-right:1px;
    margin-bottom:2px;
    position: relative;
    width: 110px;
    text-align: center;
	font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
	font-size:20px;
	color:#fcdd09;
	border:1px solid  #b1b2b1;
	background-color:#282828;
	border-radius:4px;

}


#sprava {
   float:left;
height:26px;
margin-bottom:2px;
margin-left:1px;
margin-right:auto;
position:relative;
text-align:center;
width:526px;
	font-family:"MyriadPro","TrebuchetMS",sans-serif;
	font-size:20px;
	color:#fcdd09;
	border:1px solid #b1b2b1;
	background-color:#282828;
	border-radius:4px;
}


#scrollTable table.forum th{
	font-family:"MyriadPro","TrebuchetMS",sans-serif;
	font-size:17px;
	color:#fcdd09;
	background-color:#282828;
	border-radius:4px;
	border:1px solid grey;
}


#scrollTable table.forum td{
	border-top:1px solid grey;
	border-bottom:1px solid grey;
	font-size:17px;
	padding:5px;
	color:#000000;
	word-break:break-all;
}



#scrollTable{
	border:1px solid grey;
	max-height:580px;
	position:relative;
	overflow-y:scroll;
	margin-left:auto;
	margin-right:auto;
	width:660px;
}


#site table.terminy_table{
	font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
	margin-left:auto;
	margin-right:auto;
	border: 1px solid #b1b2b1;
	border-radius:4px;

}



#site table.terminy_table th{
	font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
	font-size:17px;
	color:#fcdd09;
	background-color:#282828;
	border-radius:4px;
	border:1px solid  #b1b2b1;
}


#site table.terminy_table td{
	font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
	font-size:15px;
	text-align:center;
	color:#000000;
	text-shadow:0px 0px 0px #000;
	border-radius:4px;

}



#site table.subory_table{
	font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
	margin-left:auto;
	margin-right:auto;
	border-radius:4px;
	color:#b1b2b1;


}


#site table.subory_table td{
	font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
	font-size:15px;
	text-shadow:0px 0px 0px #000;
	vertical-align:bottom;
}

#site table.subory_table td a{
	color:#3ea500;
	text-decoration:none;
}


#site table.subory_table td.new_row{
	font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
	font-size:17px;
	text-shadow:0px 0px 0px #000;
	border-top: 1px solid #b1b2b1;
	padding-top:25px;
}



#site table tr.podfarbenie2{
	font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
	font-size:15px;
	text-align:center;
	background-color:#FFFFCC;
	text-shadow:0px 0px 0px #000;

}

#site table tr.podfarbenie{
	font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
	font-size:15px;
	text-align:center;
	background-color:#CCFFCC;
	text-shadow:0px 0px 0px #000;
}



#site a:hover{
	color:#3ea500;
	text-decoration:none;
}

.course {
	color: #B1B2B1;
	font-family: "Myriad Pro","Trebuchet MS",sans-serif;
	font-size: 20px;
	height: 350px;
	line-height: 1.3;
	padding: 2px;
	width: 220px;
	margin:1px;
	background:url(../images/no_hover.png) repeat top left;
	text-align:center;
	float:left;
}

.course:hover {
	background:url(../images/hover.png) repeat top left; 
	cursor:pointer;
}

.course img {
	border:none;
	width:220px;
	height:255px;
}



#galeria_fotky{
	margin-top:10px;
	text-align:center;
}


#galeria_fotky object{
	text-align:center;
	width:666px;
	min-height:900px;
}

#galeria_fotky iframe{
	text-align:center;
	width:666px;
	min-height:900px;
}

.cal{
	width:340px;
	height:550px;
}


#slideshow {
	width:666px;
	height:270px;
	margin-bottom:15px;
	margin-left:auto;
	margin-right:auto;
	border:groove;	
}


#sidebar {
	/*background-color: rgba(0, 0, 0, 0.5);*/
	float: left;
	width: 340px;
	min-height:800px;
	
}

#sidebar p{
	text-align:center;
	padding:5px;
	color:#b1b2b1;
	font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
	font-size:15px;
	line-height:1;
}


#sidebar h3{
	padding:17px;
	font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
	color:#3ea500;
	font-size:23px;
	font-weight:normal;
}




#footer {
	float:right;
	border:thin double;
	background: url(../images/footer.jpg) repeat top left;
	width:1020px;
	margin-top:10px;
	height:50px;	
}


#footer p{
	margin-top:17px;
	text-align:center;
	color:#b1b2b1;
	text-transform:uppercase;
	font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
	font-size:12px;
}



/*----------------------------endstranka--------------------------------*/

/*----------------------------bocne menu--------------------------------*/


/* Some stylesheet reset */
ul#cssmenu > ul, #cssmenu > ul ul {
	list-style: none;

	padding: 0;
	vertical-align: baseline;
	line-height: 1;
	margin-left:auto;
	margin-right:auto;
	
}

/* container */
#cssmenu > ul, #cssmenu > ul ul {
	display: block;
	position: absolute;
	width: 200px;

	
}

	/* The list elements which contain the links */
	#cssmenu > ul li {
		display: block;
		position: relative;
		margin: 0;
		padding: 0;
		width: 200px;	
	}

		/* General link styling */
		#cssmenu > ul li a {
			/* Layout */
			display: block;
			position: relative;
			margin: 0;
			border-top: 1px dotted #3a3a3a;
			border-bottom: 1px dotted #1b1b1b;
			padding: 11px 20px;
			width: 220px;

			/* Typography */
			font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
			color: #fcdd09;
			text-decoration: none;
			text-transform: uppercase;
			text-shadow: 0 1px 1px #000;
			font-size: 15px;
			font-weight: 300;

			/* Background & effects */
			background: #282828;
		}

		/* Rounded corners for the first link of the menu/submenus */
		#cssmenu > ul li:first-child>a {
			border-top-left-radius: 4px;
			border-top-right-radius: 4px;
			border-top: 0;
		}

		/* Rounded corners for the last link of the menu/submenus */
		#cssmenu > ul li:last-child>a {
			border-bottom-left-radius: 4px;
			border-bottom-right-radius: 4px;
			border-bottom: 0;
		}


		/* The hover state of the menu/submenu links */
		#cssmenu > ul li>a:hover, #cssmenu > ul li:hover>a {
			color: #3ea500;
			text-shadow: 0 1px 0 rgba(0, 0, 0, .3);
			background: #d4b800;
			background: -webkit-linear-gradient(bottom, #d4b800, #f6d600);
			background: -ms-linear-gradient(bottom, #d4b800, #f6d600); 
			background: -moz-linear-gradient(bottom, #d4b800, #f6d600);
			background: -o-linear-gradient(bottom, #d4b800, #f6d600);
			border-color: transparent;
		}




		/* The arrow indicating a submenu */
		#cssmenu > ul .has-sub>a::after {
			content: '';
			position: absolute;
			top: 16px;
			right: 10px;
			width: 0px;
			height: 0px;

			/* Creating the arrow using borders */
			border: 4px solid transparent;
			border-left: 4px solid #d8d8d8; 
		}

		/* The same arrow, but with a darker color, to create the shadow effect */
		#cssmenu > ul .has-sub>a::before {
			content: '';
			position: absolute;
			top: 17px;
			right: 10px;
			width: 0px;
			height: 0px;

			/* Creating the arrow using borders */
			border: 4px solid transparent;
			border-left: 4px solid #000;
		}

		/* Changing the color of the arrow on hover */
		#cssmenu > ul li>a:hover::after, #cssmenu > ul li:hover>a::after {
			border-left: 4px solid #fff;
		}

		#cssmenu > ul li>a:hover::before, #cssmenu > ul li:hover>a::before {
			border-left: 4px solid rgba(0, 0, 0, .3);
		}

	
		/* THE SUBMENUS */
		#cssmenu > ul ul {
			position: absolute;
			left: 260px;
			top: -9999px;
			padding-left: 5px;
			opacity: 0;
			/* The fade effect, created using an opacity transition */
			-webkit-transition: opacity .3s ease-in;
			-moz-transition: opacity .3s ease-in;
			-o-transition: opacity .3s ease-in;
			-ms-transition: opacity .3s ease-in;
		}

		/* Showing the submenu when the user is hovering the parent link */
		#cssmenu > ul li:hover>ul {
			top: 0px;
			opacity: 1;
		}



/*----------------------------end bocne menu--------------------------------*/
/*----------------------------Progressbar--------------------------------*/



#progressbar
{
  width:400px;
  padding:1px;
  background-color:white;
  border:1px solid black;
  height:18px;
  border-radius:20px;
  margin-right:auto;
  margin-left:auto;
}
#indicator
{
  width:0px;
  background-color:#b0c4de;
  height:18px;
  margin:0;
  border-radius:20px;
}

/*----------------------------end Progressbar--------------------------------*/