/* Reset ................. */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;	
}
:focus { outline: 0; }
body { color: black; background: white; }
ol, ul { }
table { border-collapse: separate; 	border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }

.hidden {height: 0; font-size: 0; line-height: 0; clear: both; visibility:hidden; display:none;}
.hidden p {height: 0; font-size: 0; line-height: 0; clear: both; visibility:hidden; display:none;}

/* Common ................. */
body {
	color: #666;
	font-size: 12px;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	background-color: #000000;
	background-image: url(../images/back.jpg);
	background-repeat: repeat-x;
	text-align: center;
}
a, a:active, a:visited { color: #fff; text-decoration: none; }
a:hover { color: #666;text-decoration: underline;  }

div { text-align: left; }
img { border: none; }
input, textarea { 
	font-size: 12px; font-family: Arial, Tahoma, Helvetica, sans-serif; 
	color: #666; margin:1px; border: 1px solid #ddd; padding: 3px; overflow: visible; 
	background-color:#FFFFFF}
select, option { font-size: 12px; font-family: Arial, Tahoma, Helvetica, sans-serif; color: #666; }
input:focus {background-color:#f5f5f5; border: 1px solid #666; }
textarea:focus {background-color:#f5f5f5; border: 1px solid #666; }

.cleaner { height: 0; font-size: 0; line-height: 0; clear: both }
.line { height: 1px; font-size: 1px; line-height: 1px; clear: both; background-color:#ddd; margin:10px 0 10px 0; }
.line10 { height: 10px; font-size: 10px; line-height: 10px; clear: both; background-color:transparent; }
.line1 {height: 9px; font-size: 9px; line-height: 9px; clear: both; background-color:#000;  
	background-image: url(../images/back_line1.jpg);
	background-repeat: repeat-x;}
.line_ciary {height: 25px; font-size: 25px; line-height: 25px; clear: both; background-image: url(../images/back_line_ciary.gif);
	background-repeat: repeat-x;}

/* Headings ................. */
h1 { font-size: 20px; color: #666; margin: 0 0 20px 0; font-weight: normal; font-family: Arial, Tahoma, Helvetica, sans-serif; }
h2 { font-size: 16px; color: #666; margin: 25px 0 10px 0; font-weight: bold; font-family: Arial, Tahoma, Helvetica, sans-serif; }
h3 { font-size: 13px; color: #666; margin: 25px 0 10px 0; font-weight: bold; font-family: Arial, Tahoma, Helvetica, sans-serif; }

/* Paragraphs ................. */
p { margin:0; padding:0; }

/* java zmena obrazkov  ................. */


/* Layout ................. */
#wrapper { width: 1010px; margin: 0 auto; }
.left {float:left; display:inline}
.right {float:right; display:inline}
.left_top {float:left; display:inline; margin:36px 0 0 0}
.left_top476 {float:left; display:inline; margin:36px 0 0 0; width:496px}
.left_top476 p {color:#c1c1c1; margin:22px 0 0 50px}
.left_top476 p span {font-size:11px; color:#c1c1c1;}
.prvy {margin-left:2px;}
.pad10 {padding-left:10px;}
.pad20 {padding-left:30px;}

.intro_slovnaft {	vertical-align : bottom; position: absolute}

#top_menu {height:53px; width:1010px;
	background-image: url(../images/top_menu_back.gif);
	background-repeat: repeat-x;
	}
	
#left_colum {float:left; display:inline;margin:10px 10px 0 0;width:200px;}
	#left_colum .white {
		background-color:#FFF;
		margin:10px 0 10px 0;
		}
	#left_colum .white p {
		padding:10px 10px 0 10px;
		color:#c50c0f;
		text-align:center;
		}
	#left_colum .white p span {
		font-size:14px;
		}
	
	#left_colum  p.text01 {
		color:#FFF;
		padding:10px 0 0 15px;
		background-image: url(../images/dott_seda01.gif);
		background-position: left ;
		background-repeat: no-repeat;
		}
		
	#left_colum  p.text01 span {
		font-size:14px;
		color:#ffe01a;
		}
		
	#left_colum .tabulka {
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		font-size:11px;
		width:190px;
		margin:5px 0 10px 10px;
		color:#FFF;
		}
		
	#left_colum .tabulka tr td {
		padding:1px 0 1px 0;
		}
	#left_colum .tabulka tr.y td {
		font-weight:bold;
		color:#ffe01a;
		}
	
	.text .tabulka
		{
		margin:10px 0 10px 0;
		width:480px;
		}
	.text .tabulka h3
		{
		margin:5px 0 5px 0; padding:0;
		}
	.text .tabulka td {padding:5px; border-bottom:1px solid #aabbcc;}
	.text .tabulka tr.horna td  {font-weight:bold;
	background-color:#2c689b;
	color:#FFF;
	} 
	.text .tabulka tr.medzi td  {
	background-color:#ebf2f6;
	} 
	
#stred_colum {float:left; display:inline;margin:10px 10px 0 0;width:520px;}
#right_colum {float:left; display:inline;margin:10px 0 0 0;width:270px;}

.butt_modra {color:#FFF; font-weight:bold;
	height:38px;
	background-image: url(../images/butt_modra.jpg);
	background-repeat: repeat-x;
	}
.butt_modra span {height:38px; width:6px; float:left; display:inline;
	background-image: url(../images/butt_modra_left.jpg);
	background-repeat: no-repeat;
	}
.butt_modra span.vpravo {height:38px; width:6px; float:right; display:inline;
	background-image: url(../images/butt_modra_right.jpg);
	background-repeat: no-repeat;
	}
.butt_modra p {padding:12px 0 0 15px;float:left; display:inline;
	background-image: url(../images/dott_modra.gif);
	background-position: left center;
	background-repeat: no-repeat;
	}
	
.butt_cervena {color:#FFF; font-weight:bold;
	height:38px;
	background-image: url(../images/butt_cervena.jpg);
	background-repeat: repeat-x;
	}
.butt_cervena span {height:38px; width:6px; float:left; display:inline;
	background-image: url(../images/butt_cervena_left.jpg);
	background-repeat: no-repeat;
	}
.butt_cervena span.vpravo {height:38px; width:6px; float:right; display:inline;
	background-image: url(../images/butt_cervena_right.jpg);
	background-repeat: no-repeat;
	}
.butt_cervena p {padding:12px 0 0 15px;float:left; display:inline;
	background-image: url(../images/dott_cervena.gif);
	background-position: left center;
	background-repeat: no-repeat;
	}
	
.butt_seda {color:#FFF; font-weight:bold;
	height:38px;
	background-image: url(../images/butt_seda.jpg);
	background-repeat: repeat-x;
	}
.butt_seda span {height:38px; width:6px; float:left; display:inline;
	background-image: url(../images/butt_seda_left.jpg);
	background-repeat: no-repeat;
	}
.butt_seda span.vpravo {height:38px; width:6px; float:right; display:inline;
	background-image: url(../images/butt_seda_right.jpg);
	background-repeat: no-repeat;
	}
.butt_seda p {padding:12px 0 0 15px;float:left; display:inline;
	background-image: url(../images/dott_seda.gif);
	background-position: left center;
	background-repeat: no-repeat;
	}
.flash {
	width:270px;
	height:219px;
	}
	
.stred_modra {
	background-color:#163957;
	color:#FFF;
	line-height:140%;
	background-image: url(../images/back_stred_modra.jpg);
	background-repeat: repeat-x;
	}
.stred_modra h2 {
	margin:0; padding: 20px 10px 15px 20px; text-align: left; font-weight: normal; font-size: 22px; color:#febe10; 
			line-height:140%; 
	}
.pre_intro
	{
	padding:20px 13px 13px 13px;
	}
	
.text {background-color:#FFF;margin:0 4px 10px 4px;padding:0 15px 15px 15px; color:#000; line-height:140%;}
.text h3 {margin:0;color:#11446f; font-weight: normal; font-size:18px;padding:0 0 10px 0}
.text .border_modra {float:left; display:inline; border:3px solid #11446F;margin:0 10px 5px 0;}
.text .border_modra_right {float:right; display:inline; border:3px solid #11446F;margin:0 0px 5px 10px;}
.text a, .text a:active, .text a:visited { color: #155489; text-decoration: none;  }
.text a:hover { color: #666;text-decoration: underline;  }
.text .blok {display:block;margin:5px 0 0 0}

.hot {color:#b5b5b5; font-size:11px;font-family: Tahoma, Arial,  Helvetica, sans-serif;padding:0 8px 0 8px;line-height:130%}
.hot h4 {color:#febe10; font-size:11px;font-family: Tahoma, Arial,  Helvetica, sans-serif;font-weight:bold;
	background-image: url(../images/book.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 15px;}
.hot h4 span {font-weight:normal;color:#b5b5b5; }
.hot a, .hot a:active, .hot a:visited { color: #b5b5b5; text-decoration: none;  }
.hot a:hover { color: #fff;text-decoration: underline;  }

.text_right {background-color:#a8a8a8;margin:0 4px 10px 4px;padding:0 10px 20px 10px; color:#000; line-height:140%;}
.img_t_right {float:left; display:inline;margin:0 0 10px 0px;}


#footer {
	color: #d4d4d4;
	font-size: 11px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	background-color: #000000;
	background-image: url(../images/back_footer.jpg);
	background-repeat: repeat-x;
	text-align: center;
}
#footer .wrap {width: 1010px; margin: 0px auto; padding:35px 0 0 0}
#footer .copy {text-align:center;}
#footer a, #footer a:active, #footer a:visited { color: #d4d4d4; text-decoration: none;  }
#footer a:hover { color: #fff;text-decoration: underline;  }

#footer ul {margin:20px 0 0 0;}
#footer ul li {float:left; display:inline;width: 126px}
#footer ul li span {
	font-size:12px; font-weight:bold;margin:0 0 15px 0;
	padding:12px 0 0 15px;float:left; display:inline;
	background-image: url(../images/dott_seda.gif);
	background-position: left center;
	background-repeat: no-repeat;
	}
#footer ul li a, #footer ul li a:active, #footer ul li a:visited 
	{
	display:block;
	padding:5px 5px 5px 15px;
	margin:0;
	color:#cccccc;
	}
#footer ul li a:hover
	{
	background-color:#3b3b3b;
	}
#footer ul li ul {margin:0;padding:0;}
#footer ul li ul li {display:block;}

#menu ul li { float: left; display: inline; }
#menu ul li a, #menu ul li a:active, #menu ul li a:visited 
	{ display: block; padding: 13px 20px; color: #afafaf; text-transform: uppercase; text-decoration: none; margin-left: 10px; }
#menu ul li a:hover, #menu ul li a.aktivna, #menu ul li a.aktivna:link, #menu ul li a.aktivna:visited  { background-color: #D82727; color: white; }

#intro { background-color: #111; border: 1px dashed #444; padding: 10px 0; text-align: center; }
#intro2 { background-color: #222; border: 1px dashed #444; padding: 9px;}
.uvodbox { float: left; display: inline; background-color: #222; border: 1px dashed #444; border-width: 0 0 1px 1px; width: 259px; padding: 20px; }
.uvodbox2 { float: left; display: inline; background-color: #111; border: 1px dashed #444; border-width: 0 1px 1px 1px; width: 258px; padding: 20px; }
.uvodbox, .uvodbox2 {
	min-height: 120px; height: 120px; _height: 130px;
}
.uvodbox p, .uvodbox2 p { line-height: 130%; margin: 10px 0 0 0; }
.uvodbox ul { margin: 10px 0; }
.uvodbox ul li {
	background-image: url(../images/arrow.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 10px;
	line-height: 140%;
}
.button {
	cursor: pointer; background-color:#eaebef; 
	font-weight: bold; color: #7a7777;display:block; clear:both;
	padding:5px;
	width:90px;
	text-align:center;
	margin:10px 0 0 0;
	}