
/* 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 { list-style: none; }*/
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: #444;
	font-size: 12px;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	background-color: #99D2E2;
	background-image: url(../images/back.jpg);
	background-repeat: repeat-x;
}
a, a:active, a:visited { color: #D98839; 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 15px 0; }

/* 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: 24px; color: #D98839; margin: 15px 0 15px 0; font-weight: normal; font-family: Arial, Tahoma, Helvetica, sans-serif; }
h3 { font-size: 16px; color: #D98839; margin: 10px 0 5px 0; font-weight: normal; font-family: Arial, Tahoma, Helvetica, sans-serif; }

/* Paragraphs ................. */
p { margin:0; padding:0; }

/* java zmena obrazkov  ................. */
#hlavny2 {
 background: white;
 display:block;
 position: relative;
}

#imageContainer {
	height:268px;
}

#imageContainer img {
	display:none;
	position:absolute;
	top:0; left:10;
}


/* Layout ................. */
#wrapper { width: 1010px; margin: 18px auto; }
#wrapper2 { width:990px; background-color:#FFF;}
.left {float:left; display:inline}
.right {float:right; display:inline}

.img_left {float:left; display:inline; margin:0 15px 0 0;}
.img_right {float:right; display:inline; margin:0 0 10px 15px;}

#logo {float:left; display:inline;}
#logo a {
	display:block;
	background-image: url(../images/logo.jpg);
	background-repeat:no-repeat;
	width:165px; height:101px;
	overflow:hidden;
	padding:0; margin:0;
}
#logo a:hover {text-decoration: none;  }
#logo span { display:none;
	visibility:hidden;
}
#logo h1 {margin:0; padding:0;}

.top_menu {width:845px; height:101px; background-image: url(../images/back_top_menu.jpg);
	background-repeat:repeat-x;float:left; display:inline;}
.top_menu1 {padding:30px 0 0 0;}

#stred_home {padding:0 10px 0px 10px;margin:0;}
.obr_intro {width:695px;}
.aktual_intro {width:295px; background-image: url(../images/back_intro_aktuality.jpg);height:268px}
.aktual_intro p {font-family: Arial, Tahoma, Helvetica, sans-serif; color: #FFF;}
.textik {padding:0 10px 0px 45px;line-height:140%;}
.aktual_intro a, .aktual_intro a:active, .aktual_intro a:visited { display: block; font-weight: bold; 
	padding:0 0 0 45px;
	background-image: url(../images/arrow.gif);
	background-position: 20px center;
	background-repeat: no-repeat;
	color: #FFF; text-decoration: underline; }
.aktual_intro a:hover { color: #FFF; text-decoration: underline;  }

.biela {background-color:#FFF;width:990px;}
.biela2 {background-color:#FFF;width:714px;}
.biela3 {background-color:#FFF;width:276px; margin:0 0 20px 0;}

.intro_panel01 {width:347px;}
.intro_panel01 p {padding:0px 10px 0px 55px}
.intro_panel02 {width:318px;}
.intro_panel02 p {padding:0px 10px 0px 29px}
.intro_panel03 {width:325px;}
.intro_panel03 p {padding:0px 10px 0px 29px}

.left_menu {}
/*ol, ul { list-style: none; }*/

.left_menu ul {list-style: none; padding:10px 28px 10px 28px;background-image: url(../images/left.gif);}

.left_menu ul li a, .left_menu ul li a:active, .left_menu ul li a:visited 
	{ display: block; padding: 7px 7px 7px 18px; color: #fff;
		text-decoration: none;
		background-image: url(../images/dott01.gif);
		background-position: 5px center;
		background-repeat: no-repeat;
		border-bottom: 1px solid #B1DCE9;
		}
.left_menu ul li a:hover, .left_menu ul li a.aktivna, .left_menu ul li a.aktivna:link, .left_menu ul li a.aktivna:visited  
	{ background-color: #5a93a3; color: white; 
	background-image: url(../images/dott02.gif);
		background-position: 5px center;
		background-repeat: no-repeat;
		border-bottom: 1px solid #B1DCE9;}

#footer {width: 990px; margin:0 auto;
color:#FFF; background-color: #99D2E2;}

.titulok {background-image: url(../images/back_title.gif);}
.podtitulok {background-image: url(../images/back_podtitle.gif); padding:18px 35px 18px 45px; font-size:11px;
		font-family: Tahoma, Arial, Helvetica, sans-serif;color: #D98839; }
.podtitulok span {color: #666; }
.podtitulok a, .podtitulok a:active, .podtitulok a:visited { color: #666; text-decoration: none; }
.podtitulok a:hover { color: #D98839;text-decoration: underline;  }

.stred {padding:0px 25px 20px 45px; min-height:380px;}

#footer a, #footer a:active, #footer a:visited { color: #fff; text-decoration: none; }
#footer a:hover { color: #fff;text-decoration: underline;  }
#footer p {padding:0 55px 15px 55px}

#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; }

.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;
	}
