@charset "windows-1250";

/*
--------------
--- GLOBAL ---
--------------
*/

body {
	margin: 0px;
	padding: 0px; /* for Opera */
	font-size: 80%;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;	/* for IE */
	color: #333;
	background-color: #00625a;
}

img {
	border: 0px;
	padding: 0px;
	margin: 0px;
}

.separator {
	width: 100%;
	clear: both;
}

/*
------------
--- OTHER ---
------------
*/

.ref { width: 680px; position: relative; top: 0; left: 20px;  }
.refimg { width: 180px; display: block; float: left; }
.reftext { float: right; text-align: left; width: 500px; }

.obr { border: 3px solid #B6B5B3; }
.obr2 { border: 3px solid #B6B5B3; margin-right: 10px; }
.bxx { color: #000000; font-family: Arial; font-size: 8pt; border: 1px solid #217670; background-color: #fff; margin: 1px;}

/*
------------
--- MAIN ---
------------
*/

#main_top {
	position: relative;
	width: 100%;
	height: 279px;	
	text-align: left;	/* for IE */
	background-image: url(../i/main_top_background.png);
	background-repeat: no-repeat;
	background-position: top center;
}

#main {
	position: relative;
	width: 100%;
	text-align: left;	/* for IE */
	background-image: url(../i/main_background.gif);
	background-repeat: repeat;
	background-position: top center;
	background-color: #c4c3c3;
}

#main_footer {
	position: relative;
	top: -18px;
	width: 100%;
	text-align: left;	/* for IE */
	background-image: url(../i/main_footer_background.gif);
	background-repeat: repeat-x;
	background-position: top center;
}

/*
--------------
--- HEADER ---
--------------
*/

#header {
	position: relative;
	width: 912px;
	margin: 0px auto;
	height: 254px;
}

* html #header {
	width: 911px;
	padding: 0px 2px 0px 0px;
}

#header #logo {
	position: absolute;
	top: 13px;
	left: 344px;
	width: 183px;
	height: 58px;
}

#header .flash_box {
	position: absolute;
	top: 58px;
	left: 0px;
	width: 912px;
	height: 203px;	
	background-image: url(../i/flash_box.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

/*
---------------
--- CONTENT ---
---------------
*/

.content {
	position: relative;
	top: -18px;
	width: 912px;
	margin: 0px auto;
	background-image: url(../i/content_background.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

* html .content {
	width: 911px;
	padding: 0px 2px 0px 0px;	
}

/*
----------------
--- COLUMN_1 ---
----------------
*/

#column_1 {
	float: left;
	left: 0px;
	width: 188px;
	font-size: 11px;
	margin-bottom: 10px;
}

#menu_1 {
	position: relative;
	top: 13px;
	left: 0px;
	width: 188px;
	background-image: url(../i/menu_1_background.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	list-style: none;
	margin: 0px;
	padding: 1px 0px 0px 0px;
}

#menu_1 li {
	float: left;
	width: 188px;
	height: 22px;
	margin: 0px;
	padding: 0px;
	background-image: url(../i/menu_1_li_background.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;	
}

#menu_1 li a {
	position: absolute;
	width: 168px;
	height: 22px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	color: #ffffff;
	font-weight: normal;
	padding: 3px 0px 0px 20px;
	background-image: url(../i/menu_1_li_background.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#menu_1 li a:hover {
	background-position: -188px 0px;
}

/*
----------------
--- COLUMN_2 ---
----------------
*/

#column_2 {
	float: left;
	width: 724px;
	margin-bottom: 10px;
}

* html #column_2 {
	width: 723px;	
}

#column_2 h1 {
	width: 496px;
	height: 39px;
	color: #f5a422;
	font-size: 140%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 0px 0px 0px 20px;
	padding: 0px;
	background-image: url(../i/h1_background.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}

#column_2 p {
	margin: 0px 20px 15px 20px;
}

#column_2 a:link, #column_2 a:visited {
	font-size: 110%;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
	color: #00625a;
}

#column_2 a:hover, #column_2 a:active {
	font-size: 110%;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;	
	color: #00625a;
}

#column_2 table {
	margin: 0px 20px 15px 20px;
}

/*
----------------
--- COLUMN_3 ---
----------------
*/

#column_3 {
	float: right;
	width: 188px;
	height: 259px;
	margin: 0px 0px 15px 15px;
	background-image: url(../i/column_3_background.gif);
	background-repeat: repeat-x;
	background-position: top left;
}

* html #column_3 {
	width: 187px;	
}


#column_3 h2 {
	width: 167px;
	height: 29px;
	color: #ffffff;
	font-size: 110%;
	font-family: Arial, Helvetica, sans-serif;

	margin: 16px 0px 0px 10px;
	padding: 0px;
	background-image: url(../i/column_3_h2_background.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}

#column_3 .foto_box {
	position: relative;
	left: 10px;
	width: 167px;
}

#column_3 .foto_box p {
	margin: 10px 0px 0px 0px;
	padding: 0px;
	font-weight: bold;
	font-size: 95%;
}

/*
--------------
--- FOOTER ---
--------------
*/

#footer {
	position: relative;
	top: 10px;
	width: 912px;
	height: 5em;		
	margin: 0px auto;
	font-size: 80%;
}

* html #footer {
	width: 911px;
	padding: 0px 2px 0px 0px;
}

#footer .copyright {
	position: relative;
	text-align: right;
	top: 15px;
	right: 8px;
	color: #ffffff;
}

#footer .copyright a {
	color: #ffffff;
	text-decoration: underline;	
}
#vlajky {
position:absolute;
height:16px;
width:170px;
top:5px; 
right:0px;
float:right;
margin:0px;
padding:0px;
}
#vlajky img {
margin-right:4px;
}