/* 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; }

/* Common ................. */
body {
	color: #525a65;
	font-size: 12px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	background-image: url(../images/back_intro.jpg);
	background-repeat: repeat-x;
}

.body {
	color: #525a65;
	font-size: 12px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	background-image: url(../images/back_page.jpg);
	background-repeat: repeat-x;
}
a, a:active, a:visited { color: #525a65; text-decoration: none; }
a:hover { color: #525a65;text-decoration: underline;  }

a.blue, a.blue:active, a.blue:visited { color: #1b4277; text-decoration: none; }
a.blue:hover { color: #525a65;text-decoration: underline;  }

div { text-align: left; }
img { border: none; }
input, textarea { 
	font-size: 12px; font-family:Tahoma,  Arial, Helvetica, sans-serif; 
	color: #000; margin:1px; border: 1px solid #ddd; padding: 3px; overflow: visible; 
	background-color:#FFFFFF}
select, option { font-size: 12px; font-family: Tahoma, Arial, Helvetica, sans-serif; color: #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: 27px; color: #215291; margin: 28px 20px 10px 25px; font-weight: normal; font-family: Tahoma, Arial, Helvetica, sans-serif; }
h2 { font-size: 16px; color: #666; margin: 25px 0 10px 0; font-weight: bold; font-family: Tahoma, Arial, Helvetica, sans-serif; }
h3 { font-size: 13px; color: #666; margin: 25px 0 10px 0; font-weight: bold; font-family: Tahoma, Arial, Helvetica, sans-serif; }
h4 { font-size: 13px; color: #666; margin: 10px 0 0px 0; font-weight: bold; font-family: Tahoma, Arial, Helvetica, sans-serif; }
/* Paragraphs ................. */
p { margin:0; padding:0; }

/* java zmena obrazkov  ................. */
#hlavny2 {
 background: white;
 display:block;
 position: relative;
}

#imageContainer {
	height:275px;
}

#imageContainer img {
	display:none;
	position:absolute;
	top:0; left:10;
}


/* Layout ................. */
#intro
	{
	width:1401px; margin:0 auto;
	background-image: url(../images/back_intro_top.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	}
#page
	{
	width:1401px; margin:0 auto;
	background-image: url(../images/back_page_top.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	}
#wrapper { width: 1152px; margin: 0 auto; }
.left {float:left; display:inline}
.right {float:right; display:inline}

.obsah {
width:556px;
float:left; display:inline;
background-color:#FFF;
background-image: url(../images/page_top.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}

.obsah h1 { font-size: 27px; color: #215291; margin: 28px 20px 10px 25px; font-weight: normal; font-family: Tahoma, Arial, Helvetica, sans-serif;line-height:150%; }
.obsah h2 { font-size: 16px; color: #666; margin: 25px 0 10px 0; font-weight: bold; font-family: Tahoma, Arial, Helvetica, sans-serif;line-height:150%; }


.text {padding:5px 20px 10px 25px;}
.text .img_left {float:left; display:inline; margin:0 15px 5px 0; border:3px solid #ddd;}
.obsah h3 { font-size: 13px; color: #666; margin: 0px 0 10px 0; font-weight: bold; font-family: Tahoma, Arial, Helvetica, sans-serif;line-height:150%; }
.obsah h4 { font-size: 13px; color: #666; margin: 5px 0 0px 0; font-weight: bold; font-family: Tahoma, Arial, Helvetica, sans-serif;line-height:150%; }


.links {margin:5px 20px 10px 25px; border-bottom:1px dotted #7fafdc;color: #7fafdc;padding:0 0 20px 0;}
.links a, .links a:active, .links a:visited { color: #215291; text-decoration: underline; font-weight:normal; }
.links a:hover { color: #666; text-decoration: underline; font-weight:normal; }

.intro_top {height:550px;}
.page_top {height:320px;}
.menu_intro {
	height:108px;
	padding-left:160px;
	background-image: url(../images/back_intro_menu.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	}
.menu_page {
	height:108px;
	padding-left:160px;
	background-image: url(../images/back_page_menu.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	}
.prihovor
	{
	width:263px; height:496px;
	background-image: url(../images/back_prihovor.jpg);
	background-repeat: no-repeat;
	}
.prihovor h1 { font-size: 27px; color: #FFF; margin: 0; padding:28px 20px 0px 22px; font-weight: normal; font-family: Tahoma, Arial, Helvetica, sans-serif; }
.prihovor p {color:#FFF;margin:10px 20px 0 22px;}
.prihovor01
	{
	width:263px; height:496px;
	background-image: url(../images/back_prihovor01.jpg);
	background-repeat: no-repeat;
	}
.prihovor01 h1 { font-size: 27px; color: #FFF; margin: 0; padding:28px 20px 0px 22px; font-weight: normal; font-family: Tahoma, Arial, Helvetica, sans-serif; }
.prihovor01 p {color:#FFF;margin:10px 20px 0 22px;}

.prihovor a, .prihovor a:active, .prihovor a:visited { color: #fff; text-decoration: underline; font-weight:bold; }
.prihovor a:hover { color: #a9d0ff; text-decoration: underline; font-weight:bold; }
.prihovor01 a, .prihovor01 a:active, .prihovor01 a:visited { color: #fff; text-decoration: underline; font-weight:bold; }
.prihovor01 a:hover { color: #a9d0ff; text-decoration: underline; font-weight:bold; }

.f01
	{
	float:left; display:inline;
	margin-right:30px;
	width:263px; height:223px;
	background-image: url(../images/folder01.jpg);
	background-repeat: no-repeat;
	}
.f02
	{
	float:left; display:inline;
	width:263px; height:223px;
	background-image: url(../images/folder02.jpg);
	background-repeat: no-repeat;
	}
	
.f01 a, .f01 a:active, .f01 a:visited { color: #fff; text-decoration: underline; font-weight:bold; }
.f01 a:hover { color: #a9d0ff; text-decoration: underline; font-weight:bold; }
.f02 a, .f02 a:active, .f02 a:visited { color: #fff; text-decoration: underline; font-weight:bold; }
.f02 a:hover { color: #a9d0ff; text-decoration: underline; font-weight:bold; }

.f01 h2 { font-size: 20px; color: #FFF; margin: 0; padding:22px 20px 0px 22px; font-weight: normal; font-family: Tahoma, Arial, Helvetica, sans-serif; }
.f01 p {color:#FFF;margin:10px 20px 0 22px;}
.f02 h2 { font-size: 20px; color: #FFF; margin: 0; padding:22px 20px 0px 22px; font-weight: normal; font-family: Tahoma, Arial, Helvetica, sans-serif; }
.f02 p {color:#FFF;margin:10px 20px 0 22px;}

.f03
	{
	width:570px; height:263px;
	background-image: url(../images/folder03.jpg);
	background-repeat: no-repeat;
	}
.f03 h2 { font-size: 27px; color: #a9d0ff; margin: 0; padding:22px 20px 0px 22px; font-weight: normal; font-family: Tahoma, Arial, Helvetica, sans-serif; }

.footer {
	width:849px;
	margin:10px auto;
	background-color:#4a5464;
	background-image: url(../images/footer.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	}

.footer ul {margin:5px 0 0 0;}
.footer ul li {
	display:block;
	padding:5px 0 5px 0;
	
	}
.footer ul li a, .footer ul li a:active, .footer ul li a:visited { 
	color: #fff; text-decoration: none; font-weight:bold;
	padding-left:10px;
	background-image: url(../images/dott01.gif);
	background-repeat: no-repeat;
	background-position:0px center;
	}
.footer ul li a:hover { color: #a9d0ff; text-decoration: underline; font-weight:bold; }

.footer ul li ul {
	margin:15px 0 0 0;
	}
.footer ul li ul li a, .footer ul li ul li a:active, .footer ul li ul li a:visited { 
	color: #a5b2c2; text-decoration: none; font-weight:normal;
	padding-left:10px;
	background-image: url(../images/dott01.gif);
	background-repeat: no-repeat;
	background-position:0px center;
	}
.footer ul li ul li a:hover { color: #a9d0ff; text-decoration: underline; font-weight:normal; }
	
.button {
	cursor: pointer; 
	background-image: url(../images/back_button.jpg);
	background-repeat: repeat-x;
	font-weight: bold; color: #7a7777;display:block; clear:both;
	border:none;
	height:22px;
	padding:1px 0 0 0;
	width:135px;
	text-align:center;
	margin:2px 0 0 10px;
	color:#1b4276;
	font-size:11px;
	}