/* 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,
caption, tbody, tfoot, thead, th, table, tr, 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: #444444;
	font-size: 12px;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	background-color: #4593b9;
	background-image: url(../images/back.jpg);
	background-repeat: repeat-x;
	line-height:130%;
}
a, a:active, a:visited { color: #666; 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;border: 1px solid #ddd;margin:1px;   }
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: 24px; color: #fff200; margin: 10px 0 0 0; font-weight: normal; font-family: Arial, Tahoma, Helvetica, sans-serif;line-height:150%;}
h2 { font-size: 16px; color: #146084; margin: 10px 0 10px 0; font-weight: normal; font-family: Arial, Tahoma, Helvetica, sans-serif;line-height:150%; }
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  ................. */
#hlavny2 {
 background: white;
 display:block;
 position: relative;
}

#imageContainer {
	height:600px;
}

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

/* Layout . behavior: url(../iepngfix.htc); .. */


/* Layout ................. */
#wrapper { width: 990px; margin: 0 auto; }
.left {float:left; display:inline}
.right {float:right; display:inline}

.behavior {behavior: url(iepngfix.htc);}
table {border-left:1px solid #ddd;border-top:1px solid #ddd;}
table td {padding:5px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;}

#top {float:right; display:inline; color:#a2c1cf; font-size:11px; font-family: Tahoma, Arial, Helvetica, sans-serif; margin:23px 10px 0 0;}
#top a, #top a:active, #top a:visited { color: #a2c1cf; text-decoration: none; }
#top a:hover { color: #fff;text-decoration: underline;  }

#bott {font-size:11px; font-family: Tahoma, Arial, Helvetica, sans-serif;color:#FFF;}
#bott a, #bott a:active, #bott a:visited { color: #fff; text-decoration: none; }
#bott a:hover { color: #b5d4e3;text-decoration: underline;  }

#kontakt {float:left; display:inline; color:#146084; font-size:11px; font-family: Tahoma, Arial, Helvetica, sans-serif; margin:36px 0 0 0;}
#kontakt a, #kontakt a:active, #kontakt a:visited { color: #146084; text-decoration: none; }
#kontakt a:hover { color: #146084;text-decoration: underline;  }

.visibility {visibility : hidden;height:0; width:0;}
.visibility h1 {height:0; width:0; margin:0; padding:0;visibility : hidden; font-size: 0; line-height: 0;  }
.visibility h2 {height:0; width:0; margin:0; padding:0;visibility : hidden; font-size: 0; line-height: 0;  }
.menu_foto ul li a, .menu_foto ul li a:active, .menu_foto ul li a:visited 
	{ display: block; padding: 5px 10px 5px 10px; color: #fff; text-decoration: none; margin: 0 20px 0 20px;
	border-bottom:1px solid #fff; }
.menu_foto ul li a:hover, .menu_foto ul li a.aktivna, .menu_foto ul li a.aktivna:link, .menu_foto ul li a.aktivna:visited  { background-color: #146084; color: white; }

#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;
	}
	
/* Layout menu . behavior: url(../iepngfix.htc); .. */