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

* { margin:0; padding: 0; }

body
{
	margin: 0;
	padding: 0;
  font: normal 11px/1.55 Arial, Tahoma, Verdana, Helvetica, sans-serif;
	/*line-height: 14px;*/
	color: #cccccc;
	background:url(../pics/body-bg.gif) top center; 
  text-align:center; 
  margin:0; 
  padding:0;
}

.top-line {background:url(../pics/top-line.gif) top repeat-x;}
.doubleLH {line-height: 20px;}

#page
{ 
 position: relative;
 width: 941px;
 margin: 0 auto;
 padding: 13px 0 0 0;
 text-align: left;
}

#flash
{
 position: relative; 
 display: block;
 width: 941px;
 min-height: 519px;
 height:auto !important;
 height: 519px;
 margin: 0;
 padding: 0;
 background: url(../pics/flash_pic.jpg) no-repeat; 
}

#menu
{
 position: absolute; 
 left: 0;
 bottom: 17px;
 display: block;
 width: 650px;
 min-height: 15px;
 height:auto !important;
 height: 15px;
 margin: 0 0 0 8px;
 padding: 0;
 background: none;
}

#prihlasenie_zona
{
 position: absolute; 
 right: 65px;
 bottom: 17px;
 display: block;
 min-width: 165px;
 width:auto !important;
 min-height: 15px;
 height:auto !important;
 height: 15px;
 margin: 0 0 0 8px;
 padding: 0;
 background: none;
 font: normal 11px/1.55 Arial, Tahoma, Verdana, Helvetica, sans-serif;
}

#prihlasenie_zona a
{
  color: #a1a1a1;
  font-weight: normal;
}

#prihlasenie_zona a:hover
{
  color: red;
}

/***************************************************************
 *
 ***************************************************************/
 
#obsah
{
 font: normal 12px/1.55 Arial, Tahoma, Helvetica, sans-serif;
 position: relative; 
 display: block;
 display: table;
 width: 941px;
 min-height: 415px;
 height: auto !important;
 margin: 1px 0 0 0;
 padding: 0;
 background: url(../pics/obsah_bg.jpg) repeat-y;
 color: #cccccc;
}  

#obsah1
{
 position: relative; 
 display: block;
 width: 201px;
 min-height: 375px;
 height:auto !important;
 margin: 0;
 padding: 20px;
 float: left;
 background: none;
}

#login_form
{
  display: block;
  width: 199px;
  height: 100%;
  padding: 10px 20px;
  margin-top: 5px;
  background: url(../pics/login_form_bg.jpg) 0 0 repeat;
}

#obsah #obsah1 #login_form h3
{
  font-family: Arial, Tahoma, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: bold;
  line-height:20px;
  text-align: left;
  color: #797979;
  display: block;
  position: relative;
  width: 205px;
  height: auto;
  left:-21px;
  text-decoration: none;
	padding: 5px 0 10px 35px;
  background:  url(/_sk/pics/h3_lf_bg.jpg) 2px 0 no-repeat; 
}

#podcasty
{
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px 20px;
  background: none;
  line-height: 1.1;
}

#obsah #obsah1 #podcasty h3
{
  font-family: Arial, Tahoma, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: bold;
  line-height:20px;
  text-align: left;
  color: #797979;
  display: block;
  position: relative;
  width: 201px;
  height: auto;
  left:-20px;
  text-decoration: none;
	padding: 5px 0 10px 35px;
  background:  url(/_sk/pics/h3_podcasty_bg.jpg) 2px 0 no-repeat; 
}

#obsah2
{
 position: relative; 
 display: block;
 width: 700px;
 min-height:100%;
 height:auto !important;
 height:100%;
 margin: 0;
 padding: 0;
 float: right;
 background: none;
}

#obsah2_top
{
 position: relative; 
 display: block;
 width: 700px;
 min-height:18px;
 height:18px;
 margin: 0;
 padding: 0;
 background: url(../pics/obsah2_top_bg.jpg) top left no-repeat;
}

#obsah2_middle
{
 position: relative; 
 display: block;
 width: 620px;
 min-height:350px;
 height:auto !important;
 margin: 0;
 padding: 20px 40px;
 background: url(../pics/obsah2_bg.jpg) top left repeat-y;
}

#obsah2_bottom
{
 position: relative; 
 display: block;
 width: 700px;
 min-height:18px;
 height:18px;
 margin: 0;
 padding: 0;
 background: url(../pics/obsah2_bottom_bg.jpg) bottom left no-repeat;
}

.page_spacer
{
 position: relative; 
 display: block;
 width: 620px;
 height: 30px;
 margin: 0;
 padding: 10px 0 10px 0;
 background: url(../pics/page_spacer_bg.jpg) 50% 50% no-repeat;
}

#obsah h1
{
  font-family: Arial, Tahoma, Helvetica, sans-serif;
  font-size: 24px;
  font-weight: bold;
  line-height:24px;
  text-align: left;
  color: #fff;
  display: block;
  position: relative;
  width: auto;
  height: auto;
  left: -15px;
  text-decoration: none;
	padding: 0 0 10px 14px;
  background:  url(/_sk/pics/h_pic.gif) 0 7px no-repeat; 
}

#obsah h2
{
  font-family: Arial, Tahoma, Helvetica, sans-serif;
  font-size: 24px;
  font-weight: bold;
  line-height: 24px;
  text-align: left;
  color: #909090;
  display: block;
  position: relative;
  width: auto;
  height: auto;
  left: -15px;
  text-decoration: none;
	padding: 0 0 10px 14px;
  background:  url(/_sk/pics/h_pic.gif) 0 6px no-repeat; 
}

#obsah h3
{
  font-family: Arial, Tahoma, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: bold;
  line-height:20px;
  text-align: left;
  color: #797979;
  display: block;
  position: relative;
  width: auto;
  height: auto;
  left: -15px;
  text-decoration: none;
	padding: 0 0 10px 14px;
  background:  url(/_sk/pics/h_pic.gif) 0 5px no-repeat; 
}

#obsah h4
{
  font-family: Arial, Tahoma, Helvetica, sans-serif;
  font-size: 16px;
  line-height:normal;
  text-align: left;
  color: #d02828;
}

#obsah h5
{
  font-family: Arial, Tahoma, Helvetica, sans-serif;
  font-size: 14px;
  line-height:normal;
  text-align: left;
  color: #fff;
}

#obsah h6
{
  font-family: Arial, Tahoma, Helvetica, sans-serif;
  font-size: 12px;
  line-height:normal;
  text-align: left;
  color: #d02828;
}

#obsah h1 a, #obsah a h1,
#obsah h2 a, #obsah a h2,
#obsah h3 a, #obsah a h3,
#obsah h4 a, #obsah a h4,
#obsah h5 a, #obsah a h5,
#obsah h6 a, #obsah a h6
{
  text-decoration: underline;
}

#obsah a.odkaz
{ 
 display: block;
 min-width: 100px;
 min-height: 15px;
 height:auto !important;
 height: 15px;
 margin: 5px 0 5px 0;
 padding: 1px 5px 0 25px;
 color: white;
 font-weight: normal;
 line-height: 14px;
 background: #3e3b3b url(../pics/odkaz.gif) top left no-repeat;
}

/***************************************************************
 *
 ***************************************************************/

#content
{
 position: relative; 
 display: block;
 width: 941px;
 min-height: 415px;
 height:auto !important;
 height: 415px;
 margin: 7px 0 0 0;
 padding: 0;
 float: left;
 background: url(../pics/content_bg.jpg) no-repeat;
 /*text-transform: uppercase;*/
 color: #cccccc;
 scrollbar-base-color: #343434; 
 scrollbar-track-color: #232323; 
 clip: rect(auto auto auto auto);
}


#content1
{
 position: relative; 
 display: block;
 width: 243px;
 /*min-height: 360px;
 height:auto !important;*/
 height: 368px;
 margin: 3px 0 0 0;
 padding: 20px;
 float: left;
 background: none;
 overflow: hidden;
}

#content2
{
 position: relative; 
 display: block;
 width: 335px; _width: 330px;
 /*min-height: 360px;
 height:auto !important;*/
 height: 368px;
 margin: 3px 0 0 0;
 padding: 20px; _padding: 15px 15px 15px 15px;
 float: left;
 background: none;
 overflow: hidden;
}

#content3
{
 position: relative; 
 display: block;
 width: 243px;
 _width: 240px;
 /*min-height: 360px;
 height:auto !important;*/
 height: 368px;
 margin: 3px 0 0 0;
 padding: 20px;
 float: right;
 background: none;
 overflow: hidden;
}

#content23
{
 position: relative; 
 display: block;
 width: 615px;
 /*min-height: 360px;
 height:auto !important;*/
 height: 368px;
 margin: 3px 0 0 0;
 padding: 20px;
 float: right;
 background: url(../pics/content23_bg.gif) top left repeat;
 overflow: hidden;
}

#content a.odkaz
{ 
 display: block;
 min-width: 100px;
 min-height: 15px;
 height:auto !important;
 height: 15px;
 margin: 5px 0 5px 0;
 padding: 1px 5px 0 25px;
 color: white;
 font-weight: normal;
 line-height: 14px;
 background: #3e3b3b url(../pics/odkaz.gif) top left no-repeat;
}

#content a.odkaz:hover
{ 
 background: #d02828 url(../pics/odkaz.gif) bottom left no-repeat;
}

#content a.button
{ 
 display: block;
 position:relative;
 width: 80px;
 min-height: 20px;
 height:auto !important;
 height: 20px;
 margin: 5px 0;
 padding: 6px 5px 0 5px;
 color: white;
 font-weight: normal;
 background: url(../pics/button.gif) top left repeat-x;
 float: right;
 text-align: center;
}

#content a.button:hover
{ 
 background: url(../pics/button.gif) bottom left repeat-x;
}

#footer
{
 position: relative; 
 display: block;
 width: 941px;
 min-height: 65px;
 height:auto !important;
 height: 65px;
 margin: 0 auto;
 padding:0;
 background: none;
}

/* form elements *
form {
/*	margin:10px; padding: 5px;
	border: 1px solid #f2f2f2; 
	background-color: #FAFAFA; *
}
label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}
input {
	padding: 3px;
	border:1px solid #aaa;
	font: normal 1em Verdana, sans-serif;
	color:#444;
}
textarea {
	font: normal 1em Verdana, sans-serif;
	border:1px solid #ccc;
	color:#777;
}
input.button { 
	margin: 0; 
	font: bolder 12px Verdana, Sans-serif; 
	border: 1px solid #ccc; 
	padding: 2px 3px; 
	background: #FFF;
	color: #75A54B;
}
*/

form {
/*	margin:10px; padding: 5px;
	border: 1px solid #f2f2f2; 
	background-color: #FAFAFA; */
}
label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}
input {
	padding: 3px;
	font: normal 1em Arial, Verdana, sans-serif;
	color:#eee;
	background: #494949;
	border: 1px Solid Black;
}

.paypal input {
	padding: 3px;
	border:none;
	font: normal 1em Arial, Verdana, sans-serif;
	color:#eee;
	background: none;
	border: none;
}

textarea {
	font: normal 1em Arial, Verdana, sans-serif;
	color:#eee;
	background: #494949;
	border: 1px Solid Black;
}
input.button { 
	margin: 0; 
	font: bolder 12px Arial, Verdana, Sans-serif; 
	border: 1px solid #ccc; 
	padding: 2px 3px; 
	color: #75A54B;
}

#button_ok
{
 display: block;
 position:relative;
 width: 80px;
 min-height: 23px;
 height:auto !important;
 height: 23px;
 margin: 5px 0;
 padding: 7px 5px 0 5px;
 color: white;
 font-weight: normal;
 background: url(../pics/button.gif) top left repeat-x;
 float: right;
 text-align: center;
 text-transform: uppercase;
}

#button_ok:hover
{ 
 background: url(../pics/button.gif) bottom left repeat-x;
}

p
{
  text-align: justify;
}

ul, ol
{
 padding-left: 25px;
}

.cleaner
{
  clear: both;
}

a, a:visited, a:hover
{
  text-decoration: none;
  /*text-transform: uppercase;*/ 
  font-weight: bold;
  color:#cccccc;
}

h1
{
  font-family: Arial, Tahoma, Helvetica, sans-serif;
  font-size: 22px;
  line-height:22px;
  text-align: left;
  color: #fff;
}

h2
{
  font-family: Arial, Tahoma, Helvetica, sans-serif;
  font-size: 16px;
  line-height:18px;
  text-align: left;
  color: #d02828;
}

h3
{
  font-family: Arial, Tahoma, Helvetica, sans-serif;
  font-size: 14px;
  line-height:18px;
  text-align: left;
  color: #fff;
}

h4
{
  font-family: Arial, Tahoma, Helvetica, sans-serif;
  font-size: 12px;
  line-height:normal;
  text-align: left;
  color: #d02828;
}

h5
{
  font-family: Arial, Tahoma, Helvetica, sans-serif;
  font-size: 11px;
  line-height:normal;
  text-align: left;
  color: #fff;
}

h6
{
  font-family: Arial, Tahoma, Helvetica, sans-serif;
  font-size: 10px;
  line-height:normal;
  text-align: left;
  color: #d02828;
}

h1 a, a h1,
h2 a, a h2,
h3 a, a h3,
h4 a, a h4,
h5 a, a h5,
h6 a, a h6
{
  text-decoration: underline;
  
}

a img
{
	border: none;
	text-decoration: none;
}

.email_output table {border-collapse: collapse; margin-bottom: 1em;}
.email_output td, .email_output th {padding: 3px; }

.email_output th { background-color: #aaaaaa}
.email_output caption	{color: #666666 ; font-weight: bold}
.email_output td, .email_output table     { border: 1px solid #aaaaaa; }


.image
{
  margin: 10px;
  border: 1px solid silver;
}

.galeria .tlacidlo img
{
	margin: 0;
	padding: 0;
	border: 0px none;
	text-decoration: none;
	background: none;
}

.galeria .tlacidlo a img
{
	border: 0px none;
	background: none;
}

.galeria .tlacidlo a,
.galeria .tlacidlo a:hover,
.galeria .tlacidlo a:active
{
	border: 0px none;
	background: none;
	font-weight: bold;
}

.galeria
{
  text-align: center;
  /*background: #fff;*/
  color: #000;
  margin: 0;
  padding: 0;
  width: auto;
  margin: 0 auto;
  font-size:12px;
}

.galeria img
{
	margin: 0;
	padding: 0;
}

.galeria a
{
	display: block;
	/*background: #f3e0db;*/
	background: #fff;
	width: 133px;
	float: left;
	font-size: 0.8em;
	padding: 2px 1px 2px 2px;
	margin: 12px;
	border: 1px solid Silver;
	font-family: Verdana, sans-serif;
}

.galeria a, .galeria a:hover, .galeria a:active
{
  text-decoration: none;
}

.galeria a:hover
{
  /* background: #acd08e; */
  background: #f0bb15;
}

.galeria a:active
{
  border: 1px solid #000;
}

.galeria a img
{
	border: 1px solid Silver;
	text-decoration: none;
}

.galeria span
    {
	display: block;
	margin: 10px 0 0 0;
	padding: 3px;
	background: none;
	text-align: center;
}

.galeria span strong
{
  margin: 0;
  /* background: #ACD277; */
	text-align: center;
}

.left_image
{
  border: 1px Solid #1c1c1c;
  text-align: left;
  margin-right: 15px;
}

.center_image
{
  border: 1px Solid #1c1c1c;
  text-align: center;
  margin: 0 15px 0 15px;
}

.right_image
{
  border: 1px Solid #1c1c1c;
  text-align: right;
  margin-left: 15px;
}

.border_free_image
{
  border: none;
}

.border_free_image_uputavka
{
  border: none;
  padding: 15px 0 0 6px;
}

#vyhladaj
{
  position:absolute;
  display: block;
  width: auto;
  height: auto;
  right: 0;
  top: 5px;
  background: none;
  border: none;
}

/* root element for scrollable */ 
div.scrollable, div.scrollable2 { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
 
    /* vertical scrollers have typically larger height than width */ 
    height: 147px; 
    width: 240px; 
} 
 
/* root element for scrollable items */ 
div.scrollable div.items, div.scrollable2 div.items { 
    position:absolute; 
 
    /* this time we have very large space for the height */ 
    height:200em; 
}

/* root element for scrollable */
.vertical {  
	
	/* required settings */
	position:relative;
	overflow:hidden;	

	/* vertical scrollers have typically larger height than width */	
	height: auto;	 
	width: auto;
	/*border-top:1px solid #ddd;	*/
}

/* root element for scrollable items */
.items {	
	position:absolute;
	
	/* this time we have very large space for height */	
	height:200em;	
	margin: 0px;
}

/* single scrollable item */
.items div {
/*	border-bottom:1px solid #ddd;
	margin:10px 0;
	padding:15px;
	font-size:12px;
	height:auto;*/
}

/* elements inside single item */

/* the action buttons above the scrollable */
#actions, #actions2 {
	width:auto;
	margin: 0 0 5px 0;	
	background: none;
}

#actions a, #actions2 a {
	font-size:11px;		
	cursor:pointer;
	color:#666;
}

#actions a:hover, #actions2 a:hover {
	text-decoration:underline;
	color:#000;
}

.disabled {
	visibility:hidden;
}

#actions .nextPage, #actions2 .nextPage 
{
	display:block;
	width: 240px;
	height: 20px;
  background: url(../pics/down.gif) no-repeat;
}	

#actions .prevPage, #actions2 .prevPage {
	display:block;
	width: 240px;
	height: 20px;
  background: url(../pics/up.gif) no-repeat;
}

/******* WEBCAST *****/

#webcast
{
  position: relative;
  display: block;
  width: 339px;
  height: auto;
  margin: 0 0 5px 0;
  padding: 0;
  background: none;
}

#webcast .top, #dokument .top
{
  position: relative;
  display: block;
  width: 319px;
  height: 46px;
  padding: 5px 10px 0px 10px;
  background: url(../pics/webcast_bg_top.gif) top left no-repeat;
}

#dokument .top
{
  width: 100%;
  background: none;
}

#webcast .top .nazov_webcast
{
  position: relative;
  display: block;
  top: -1px;
  padding: 0;
  color: #fff;
  font-size: 20px;
}

#dokument .top .nazov_dokument
{
  position: relative;
  display: block;
  height: 25px;
  padding: 0;
  color: #fff;
  font-size: 20px;
}

#webcast .top .pridane_webcast, #dokument .top .pridane_dokument
{
  position: absolute;
  display: block;
  top: 35px;
  padding: 0;
  color: gray;
}

#webcast .middle, #dokument .middle
{ 
  position: relative;
  display: block;
  width: 319px;
  height: auto;
  padding: 10px 10px 5px 10px;
  background: url(../pics/webcast_bg_middle.gif) repeat-y;
}

#dokument .middle
{ 
  width: 100%;
  background: none;
}


#webcast .komentar
{ 
  position: relative;
  display: block;
  width: 325px;
  height: 15px;
  margin: 2px 0px 2px 0px;
  background: none;
}

#dokument .komentar
{ 
  position: relative;
  display: block;
  width: 100%;
  height: 15px;
  padding: 2px 5px 3px 5px;
  background: #1f1d1d;
}

#webcast img.autor, #dokument img.autor
{ 
  position: relative;
  display: block;
  width: 65px;
  height: 80px;
  margin: 2px 7px 7px 0px;
  background: none;
  border: 1px Solid #4a4a4a;
  float:left;
}

#webcast .bottom
{
  position: relative;
  display: block;
  width: 319px;
  height: 2px;
  padding: 5px 10px 0px 10px;
  background: url(../pics/webcast_bg_bottom.gif) top left no-repeat;
}

#dokument
{
  position: relative;
  display: block;
  width: 99%;
  height: auto;
}

#dokument .text
{
  text-transform: none;
  text-align: justify;
  font: normal 10px/1.6 Arial, Tahoma, Verdana, Helvetica, sans-serif;
}

.repro
{
  min-height: 21px;
  height: auto !important;
  height: 21px;
  width: auto;
  margin: 0 0 0 20px;
  padding: 2px 0 2px 25px;
  background: url(../pics/menu/repro.gif) 0% 50% no-repeat;
}

.video
{
  min-height: 21px;
  height: auto !important;
  height: 21px;
  width: auto;
  margin: 0 0 0 20px;
  padding: 2px 0 2px 25px;
  background: url(../pics/menu/cam.gif) 0% 50% no-repeat;
}

.doc
{
  min-height: 21px;
  height: auto !important;
  height: 21px;
  width: auto;
  margin: 0 0 0 20px;
  padding: 2px 0 2px 25px;
  background: url(../pics/menu/doc.gif)  0% 50% no-repeat;
}

.doc a,
.doc a:visited,
.doc a:hover,
.video a,
.video a:visited,
.video a:hover,
.repro a,
.repro a:visited,
.repro a:hover
{
  display: block;
  width: 100%;
  height: 100%;
  margin: 0 0 0 -20px;
  padding: 0 0 0 20px;
  font-weight:normal;
  background: none;
}

.folder
{
  min-height: 15px;
  height: auto !important;
  height: 15px;
  width: auto;
  padding: 5px 0 5px 45px;
  background: url(../pics/menu/folder_closed.gif) 0% 50% no-repeat;
}

.folder a,
.folder a:visited,
.folder a:hover
{
  display: block;

  margin: 0 0 0 -45px;
  padding: 0 0 0 45px;
  font-weight:normal;
  background: none;
}


/**********************
 * Acordeon SLIDER
 * *******************/
 .kwicks {
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
}
.kwicks li{
	display: block;
	overflow: hidden;
	padding: 0;
	cursor: pointer;
}
 
#flash_slider .kwicks li {  
	float: left;
	width: 313px;
	height: 383px;
	margin-right: 1px;  
}  
#flash_slider #kwick1 {   
    background: url("/_sk/pics/slider/profisport.jpg");  
}  
#flash_slider #kwick2 {  
    background: url("/_sk/pics/slider/manazment.jpg");  
}  
#flash_slider #kwick3 {  
    background: url("/_sk/pics/slider/osobnyrozvoj.jpg");
    margin-right: 0px;  
}   

.kwicks_text
{
  display: block;
	overflow: hidden;
	padding: 0;
	width: 400px;
	height: auto;
	position: absolute;
	left: 314px;
	top: 25px;
	font-size: 13px;
}

.kwicks_text h1, .kwicks_text h2, .kwicks_text h3, .kwicks_text h4
{
  color: #d93228;
}