body {
		text-align: center;
		padding: 0px;
		margin: 0px;
		background: gray url(images/pozadie.jpg) repeat-x; 	
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

h1 {
	display: none;
}


#hlavicka_uvod {
   position: relative;
	top: 8px;
	margin: auto;
	width: 985px;
	height: 566px;
	background: url(images/hlavicka_uvod1.jpg);
	z-index: 1;
	
}

#hlavicka_onas {
   position: relative;
	top: 8px;
	margin: auto;
	width: 985px;
	height: 276px;
	background: url(images/hlavicka_onas.jpg);
	z-index: 1;
}

#hlavicka_fotogaleria {
   position: relative;
	top: 8px;
	margin: auto;
	width: 985px;
	height: 276px;
	background: url(images/hlavicka_fotogaleria.jpg);
	z-index: 1;
}

#hlavicka_kontakt {
   position: relative;
	top: 8px;
	margin: auto;
	width: 985px;
	height: 276px;
	background: url(images/hlavicka_kontakt.jpg);
	z-index: 1;
}

#hlavicka_priestory {
   position: relative;
	top: 8px;
	margin: auto;
	width: 985px;
	height: 276px;
	background: url(images/hlavicka_priestory.jpg);
	z-index: 1;
}

#hlavicka_profil {
   position: relative;
	top: 8px;
	margin: auto;
	width: 985px;
	height: 276px;
	background: url(images/hlavicka_profil.jpg);
	z-index: 1;
}

#hlavicka_projekty {
   position: relative;
	top: 8px;
	margin: auto;
	width: 985px;
	height: 276px;
	background: url(images/hlavicka_projekty.jpg);
	z-index: 1;
}

#hlavicka_treningy {
   position: relative;
	top: 8px;
	margin: auto;
	width: 985px;
	height: 276px;
	background: url(images/hlavicka_treningy.jpg);
	z-index: 1;
}

#hlavicka_videa {
   position: relative;
	top: 8px;
	margin: auto;
	width: 985px;
	height: 276px;
	background: url(images/hlavicka_videa.jpg);
	z-index: 1;
}



#pruh {
   position: absolute;
	top: 8px;
	margin: auto;
	width: 100%;
	height: 276px;
	background-color: white;
}

 h2 {
	position: absolute;
	top: 230px;
	left: 210px;
	margin: 0px;
	padding: 0px;
	font-size: 24pt;
	font-weight: bold;
	font-style: italic;
	color: #8b0000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#logo {
	position: absolute;
	top: 71px;
	left: 32px;
	width: 134px;
	height: 134px;
	background-image: url(images/logotda.jpg);
}


#celok {
	position: relative;
	top: 16px;
	margin: auto;
	background: #212121  url(images/pozadie_stred.jpg) repeat-x;
	width: 985px;
	min-height: 100%;
	color: white;
	text-align:left
/*
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
*/

}

#celok #menu{
	position: absolute;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#celok #menu li {
   margin: 0px;
	padding: 0px;
	list-style: none;
}

#celok #menu li a{
	width: 198px;
	height: 32px;
	display: block;
	background: white url(images/button.jpg) top left;
	color: white;
	text-decoration: none;
	margin-bottom: 2px; 
   font-size: 12pt;
	text-align: left;
	overflow: hidden;
	
}

#celok #menu li a .vnutro{
     padding-left: 10px;
	  line-height: 200%;
}

#celok #menu li a:hover{
	background: white url(images/button_o.jpg) top left;
	color: silver;
}

#celok #menu .prvy a{
	background: white url(images/button_1.jpg) top left;
	color: white;
}

#celok #menu .prvy a:hover{
	background: white url(images/button_1_o.jpg) top left;
	color: silver;
}

#celok #menu .posledny a{
	background: white url(images/button_e.jpg) top left;
	color: white;
}

#celok #menu .posledny a:hover{
	background: white url(images/button_e_o.jpg) top left;
	color: silver;
}

#celok #menu li a:hover .vnutro{
     padding-left: 14px;
	  line-height: 210%;
}

#celok .stred {
   position: relative;
	top: 0px;
	left: 204px;
	width: 776px;
	min-height: 280px; 
	color: white;
	font-size: 10pt;
	margin: 0px;
	padding: 0px;
}

#celok .stred li a{
	color: white;
	font-size: 11pt;
}

#celok .stred ul {
	margin-top: 0px;
	padding-top: 0px;
}

#celok .stred li a:hover{
	color: white;
	font-size: 11pt;
	text-decoration: none;
}

#celok .stred img {
	margin-left: 16px;
}


#celok .stred .foto a img{
		border: 2px solid red;
	   margin: 12px;
}

#celok .stred .foto a:hover img{
		border: 2px solid #ff8080;
}


#celok .stred h3 {
   margin: 0px 0px 10px 0px;
	padding: 0px;
	font-size: 16pt;
	font-weight: bold;
	color: #8b0000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 
}

#celok .stred h4 {
   margin: 0px 0px 10px 0px;
	padding: 0px;
	font-size: 13pt;
	font-weight: bold;
	color: white;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#celok .stred h5 {
   margin: 0px 0px 10px 0px;
	padding: 0px;
	font-size: 11pt;
	text-decoration: underline;
	font-weight: bold;
	color: white;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#celok .stred a{
					color: red;
}

#celok .stred a:hover{
					color: #ff8080;
}

#celok .stred .odkaz ul li a{
					color: red;
				   font-size: 9pt;
}

#celok .stred .odkaz ul li a:hover{
					color: #ff8080;
}


#celok .stred .pdf {
	list-style-image: url(images/pdf_icon.gif);
}

#celok .stred .pdf a{
					color: red;
					font-size: 10pt;
}

#celok .stred .pdf a:hover{
					color: #ff8080;
					font-size: 10pt;
}

#celok .stred .center {
		text-align: center;
}

#celok .stred .center .video {
    width: 560px;
	 height: 344px;
	 margin: auto;
}

#map{
    width: 756px;
	 height: 410px;
	 margin: auto;
	 margin-top: 30px;
	 margin-bottom: 20px;
	 color: black;
}

#celok .stred .lektori{
	position: absolute;
	margin: 0px 0px 0px 8px;
	padding: 0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#celok .stred .lektori ul li {
   margin: 0px;
	padding: 0px;
	list-style: none;
}

#celok .stred .zoznam ul li{
	list-style: none;
}
#celok .stred .zoznam ul li ul li{
	list-style: none;
}

#celok .stred .zoznam ul li ul li a{
	color: red;
	font-size: 9pt;
}

#celok .stred hr {
	width: 758px;
	margin-left: 8px;
}
#celok .stred .zoznam ul li ul li a:hover{
	color: #ff8080;
}

#celok .stred .lektori .zuzana a{
	position: absolute;
	width: 760px;
	height: 160px;
	color: black;
	margin-bottom: 2px; 
   font-size: 2pt;
	text-align: left;
}

#celok .stred .lektori .zuzana a{
	left: 0px;
	background: white url(images/Button_big_z.jpg) no-repeat top;
}

#celok .stred .lektori .zuzana a:hover{
	background: white url(images/Button_big_z_o.jpg) no-repeat top;
	color: black;
}

#celok .stred .lektori .petra a{
	position: absolute;
	top: 162px;
	width: 760px;
	height: 160px;
	color: black;
   font-size: 2pt;
	text-align: left;
}

#celok .stred .lektori .petra a{
	left: 0px;
	background: white url(images/Button_big_p.jpg) no-repeat top;
}

#celok .stred .lektori .petra a:hover{
	background: white url(images/Button_big_p_o.jpg) no-repeat top;
	color: black;
}
#celok .stred .lektori .vanda a{
	position: absolute;
	width: 760px;
	height: 160px;
	top: 324px;
	color: black;
	margin-bottom: 2px; 
   font-size: 2pt;
	text-align: left;
}

#celok .stred .lektori .vanda a{
	left: 0px;
	background: white url(images/Button_big_v.jpg) no-repeat top;
}

#celok .stred .lektori .vanda a:hover{
	background: white url(images/Button_big_v_o.jpg) no-repeat top;
	color: black;
}

#celok .stred .lavy{
	width: 580px;
	height: 212px;
}

#celok .stred .lavy .obr{
	 margin: 0px 8px 5px 6px;
	 float: left;
}
#celok .stred .pravy{
   position: relative;
	margin-left: 220px; 
	width: 560px;
	height: 290px;
}

#celok .stred .pravy .obraz{
	 margin: 0px 5px 5px 6px;
	 float: right;
}


#celok .pata{
         position: relative;
			font-family:  Verdana, Geneva, Arial, Helvetica, sans-serif;
			font-size: 12px;
         left: 0px;
         margin: 0px 0px 4px 0px;
         padding: 5px 0px 0px 0px;
         width: 100%;
         height: 22px;
         background-color: #474747;
			text-align: center;
			color: white;

}

#celok .pata a{
					color: #8b0000;
					font-weight: bold;
}

#celok .pata a:hover{
					color: Red;
}

	/*
			INDEX
	*/
#celok_uvod {
	margin: auto;
	width: 985px;
	min-height: 100%;
	position: relative;
	top: 284px;
	color: white;
	text-align: left;

}

#celok_uvod #menu{
   margin: 0px;
	padding: 0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#celok_uvod #menu li {
   margin: 0px;
	padding: 0px;
	list-style: none;
}

#celok_uvod #menu li a{
	width: 198px;
	height: 32px;
	display: block;
	background: white url(images/button.jpg) top left;
	color: white;
	text-decoration: none;
	margin-bottom: 2px; 
   font-size: 12pt;
	text-align: left;
	overflow: hidden;
	
}

#celok_uvod #menu li a .vnutro{
     padding-left: 10px;
	  line-height: 200%;
}

#celok_uvod #menu li a:hover{
	background: white url(images/button_o.jpg) top left;
	color: silver;
}

#celok_uvod #menu .prvy a{
	background: white url(images/button_1.jpg) top left;
	color: white;
}

#celok_uvod #menu .prvy a:hover{
	background: white url(images/button_1_o.jpg) top left;
	color: silver;
}

#celok_uvod #menu .posledny a{
	background: white url(images/button_e.jpg) top left;
	color: white;
}

#celok_uvod #menu .posledny a:hover{
	background: white url(images/button_e_o.jpg) top left;
	color: silver;
}

#celok_uvod #menu li a:hover .vnutro{
     padding-left: 14px;
	  line-height: 210%;
}

#celok_uvod .stred {
   position: absolute;
	top: 4px;
	left: 204px;
	width: 776px;
	color: white;
	font-size: 10pt;
}

#celok_uvod .stred .dolny{
	position: relative;
	top: 166px;
	left: 0px;
	height: 90px;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

#celok_uvod .stred .dolny h5{
   margin: 0px 0px 8px 0px;
	padding: 0px;
	font-size: 13pt;
	font-weight: bold;
	color: white;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 
}

#celok_uvod .stred .dolny a{
	color: red;
}
#celok_uvod .stred .dolny a:hover{
	color: #ff8080;
}

#celok_uvod .pata{
         position: relative;
			font-family:  Verdana, Geneva, Arial, Helvetica, sans-serif;
			font-size: 12px;
         left: 0px;
         margin: 0px 0px 4px 0px;
         padding: 5px 0px 0px 0px;
         width: 100%;
         height: 22px;
         background-color: #474747;
			text-align: center;
			color: white;

}

#celok_uvod .pata a{
					color: #8b0000;
					font-weight: bold;
}

#celok_uvod .pata a:hover{
					color: Red;
}

p {
	padding: 0px;
	margin: 0px;
}