
/* 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: #FFF;
	font-size: 12px;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	background-color: #a0a684;
	background-image: url(../images/intro_back.gif);
	background-repeat: repeat-x;
}
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; }
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: 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; }


/* Layout ................. */
#wrapper { width: 1102px; margin: 0 auto; }
.left {float:left; display:inline}
.right {float:right; display:inline}
.intro_link {
	float:left; display:inline;
	width:120px;
	margin:70px 9px 0 0;
	text-align:center;
	}
a.intro_button, a.intro_button:active, a.intro_button:visited { 
	float:left; display:inline;
	width:142px; height:28px;
	background-image: url(../images/intro_button.gif); 
	color: #fff; text-decoration: none; 
	text-align:center;
	padding:13px 0 0 0;
	}
a.intro_button:hover { color: #fff;text-decoration: underline;  }
.language
	{
	font-size:11px;
	color:#cae1f3;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	margin:10px 25px 0 0;
	text-align:right;
	}
.language a, .language a:active, .language a:visited { color: #cae1f3; text-decoration: none; }
.language a:hover { color: #cae1f3;text-decoration: underline;  }
.footer
	{
	color:#60644f;
	padding:10px 20px 20px 20px;
	font-size:11px;
	}
.footer a, .footer a:active, .footer a:visited { color: #60644f; text-decoration: none; }
.footer a:hover { color: #60644f;text-decoration: underline;  }

#menu { float:left; display:inline;}
#menu ul {margin:16px 0 0 0;}
#menu ul li { float: left; display: inline;margin:0 3px 0 0;
	background-image: url(../images/menu_left.gif);
	height: 54px; }
#menu ul li a, #menu ul li a:active, #menu ul li a:visited {
	display: block;
	display: inline-block;
	cursor: pointer;
	float: left;
	font-size: 13px;
	color: White;
	padding-top:4px;
	text-decoration: none;
	text-transform: uppercase; 
}

#menu ul li a span 
		{ display: block; padding:0px 40px 0px 40px;line-height: 54px;background-image: url(../images/menu_right1.gif); background-position: right; background-repeat: no-repeat; }
#menu ul li a:hover, #menu ul li a.active 
		{background-image: url(../images/menu_li_left.gif); background-position: left; background-repeat: no-repeat; 
		color:#1b4662;padding-top:0px;}
#menu ul li a:hover span, #menu ul li a.active span 
		{ background-image: url(../images/menu_li_right.gif); background-position: right; background-repeat: no-repeat; 
		color:#1b4662;}

#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;
	}
