@charset "windows-1250";

/*
-----------------------------------------------------------------------
-----------------------------------------------------------------------
--- CSS v.2 FILE FOR ZAZRIVA INFO SITE CREATED BY MARTIN FUSKO 2007 ---
-----------------------------------------------------------------------
-----------------------------------------------------------------------
*/

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

body {
	margin: 0px;
	padding: 0px; /* for Opera */
	font-size: 70%;
	font-family: "Times New Roman", Times, serif;
	text-align: center;	/* for IE */
	color: #000000;
	background-color: #c5d1ec;
	background-image: url(../i/body_background.gif);
	background-repeat: repeat-y;
	background-position: top center;
}

img {
	border: 0px;
}

a:link    {
    font-weight: bold;
    text-decoration: none;
    color: #5E1500;
    background: transparent;
    }

a:visited {
    font-weight: bold;
    text-decoration: none;
    color: #5E1500;
    background: transparent;
    }

a:hover    {
    font-weight: bold;
    text-decoration: underline;
    color: #5E1500;
    background: transparent;
    }

a:active {
    font-weight: bold;
    text-decoration: none;
    color: #5E1500;
    background: transparent;
    }



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

/*
OTHER STUFF
*/

.bxx { color: #000000; font-family: Arial; font-size: 8pt; border: 1px solid #6A2100; background-color: #fff; }

.podujatia { font-size: 120%; color: #000; text-decoration: none; margin: 7px;}
.podujatia ul { display: inside; list-style: square; margin-left: 14px; }
.podujatia a:hover { text-decoration: underline; }
.ubytkoimg { margin-right: 15px; }

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

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

#main {
	position: relative;
	width: 912px;
	margin: 0px auto;
	text-align: left;	/* for IE */
	background-image: url(../i/main_background.gif);
	background-repeat: repeat-y;
	background-position: 0px 5px;	
}

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

#main_footer {
	position: relative;
	width: 912px;
	margin: 0px auto;	
	text-align: left;	/* for IE */
}

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

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

#header_top {
	position: relative;
	width: 912px;
	margin: 0px auto;
	height: 63px;
}

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

#header_top #logo {
	position: absolute;
	top: 6px;
	left: 3px;
	width: 224px;
	height: 32px;
}

#menu_1 {
	position: absolute;
	top: 23px;
	right: 3px;
	width: auto;
	height: 17px;	
	margin: 0px;
	padding: 0px;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
}

#menu_1 li {
	float: left;
	height: 17px;
	margin: 0px;
	padding: 0px;	
	margin-left: 2em;	
}

#menu_1 li a {
	height: 17px;
	padding-left: 30px;
	padding-bottom: 3px;
	color: #6a3200;
	text-decoration: none;	
}

#menu_1 li a:hover {
	text-decoration: underline;
}

#menu_1_1, #menu_1_2, #menu_1_3, #menu_1_1_li, #menu_1_2_li, #menu_1_3_li {
	background-image: url(../i/menu_1_1.gif);	
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#menu_1_2, #menu_1_2_li {
	background-image: url(../i/menu_1_2.gif);
}

#menu_1_3, #menu_1_3_li {
	background-image: url(../i/menu_1_3.gif);
}

#header_bottom {
	position: relative;
	width: 912px;
	margin: 0px auto;
	height: 205px;
}

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

#menu_2 {
	position: absolute;
	top: 13px;
	left: 3px;
	width: 232px;
	background-image: url(../i/menu_2_background.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	list-style: none;
	margin: 0px;
	padding: 1px 0px 0px 0px;
}

#menu_2 li {
	float: left;
	width: 232px;
	height: 25px;
	margin: 0px;
	padding: 0px;
	background-image: url(../i/menu_2_li_background.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;	
}

#menu_2 li a {
	position: absolute;
	width: 198px;
	height: 25px;
	font-size: 16px;
	font-family: "Times New Roman", Times, serif;
	text-decoration: none;
	color: #ffffff;
	font-weight: normal;
	padding: 3px 0px 0px 35px;
	background-image: url(../i/menu_2_li_background.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#menu_2 li a:hover {
	background-position: -233px 0px;
}

#header_bottom .right_box {
	position: absolute;
	top: 0px;
	right: 4px;
	width: 671px;
	height: 201px;	
	background-image: url(../i/right_box_background.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

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

.content {
	position: relative;
	width: 100%;
	background-image: url(../i/content_background.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

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

#column_1 {
	float: left;
	left: 207px;
	width: 610px;
	font-size: 130%;
	padding: 0px 15px 0px 37px;
	color: #6a2100;
	margin-bottom: 10px;
}

#column_1 h2 {
	font-size: 250%;
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
	margin: 20px 0px 0px 0px;
	padding-left: 23px;
	background-image: url(../i/h2_background.gif);
	background-repeat: no-repeat;
	background-position: 0px 10px;	
}

* html #column_1 h2 {
	background-position: 0px 11px;	
}

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

#column_2 {
	float: right;
	right: 0px;
	width: 239px;
	margin-bottom: 10px;
}

#column_2 h3 {
	font-size: 140%;
	font-family: "Times New Roman", Times, serif;
	color: #6a2100;
	margin: 14px 0px 9px 10px;	
}

#column_2 img {
	margin: 0px;
	padding: 0px;
}

#column_2 .foto_box {
	position: relative;
	left: 10px;
	width: 213px;
	margin-bottom: 15px;
	padding-left: 3px;
	background-color: #ffffff;
}

#column_2 .top_box {
	position: absolute;
	width: 216px;
	height: 3px;
	left: 0px;
	background-image: url(../i/top_box_background.gif);
	background-repeat: no-repeat;
}

#column_2 p {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 7px 0px 7px 2px;	
	background-color: #ffffff;
}

* html #column_2 p {
	margin: 4px 0px 7px 2px;
	padding: 0px;	
}

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

#footer {
	position: relative;
	width: 909px;
	top: 1px;
	left: 1px;
	font-family: Arial, Helvetica, sans-serif;
	border-top: 1px solid #6a3200;
}

* html #footer {
	height: 5em;
}

#footer .menu {
	position: relative;
	top: 10px;
	text-align: center;	
	color: #959595;
}

#footer .menu a {
	color: #959595;
	text-decoration: none;
}

#footer .menu a:hover, #footer .copyright a:hover {
	text-decoration: underline;
}

#footer .copyright {
	position: relative;
	text-align: right;
	top: 20px;
	right: 20px;
	color: #6a3200;
}

#footer .copyright a {
	color: #6a3200;
	text-decoration: none;	
}