/*layout strani*/

/* CSS Document */

/* 

Predpone stilov:


*/

html {
    margin:0px;
    padding:0px;
    height: 100%;
}

body{
	margin: 0px;
	padding: 0px;
	background-color:#cce2ee;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	background-image:url(library/images/body_bg.gif);
	background-repeat:repeat-x;
	background-position:0px 0px;
	height: 100%;
}


.clear { clear: both; background: none; float:none;}

.minvisina{ clear:none; background: none; float:left; height:520px; width:1px;}

a:link,
a:visited,
a:active,
a:hover{
	text-decoration:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;}

a img{ 
	border:none;}

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

a{
	}

p{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	line-height:16px;
	font-size: 12px;
	color:#ffffff;}

div{
	border:none;
	padding:0px;
	margin:0px;}


/* MAIN LAYOUT */
#wrapper1{
	background-color:#ffffff;
	background-image:url(library/images/body_bg.gif);
	background-repeat:repeat-x;
	background-position:0px 0px;
	height: 100%;}
	
#wrapper2{
	background-image:url(library/images/footer_bg.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
	height: 100%;}

#ogrodje{
	width:938px;
	margin: 0px auto;
	padding:0px 0px 0px 0px;
	background-image:url(library/images/ogrodje_bg.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	height: 100%;}

/***********************************

		HEADER

***********************************/
#header{
	width:938px;
	height:405px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	overflow:hidden;
	background-image:url(library/images/header_bg.gif);
	background-repeat:repeat-x;
	background-position:0px 0px;}

/* LANG MENU */
/*#header #header_langmenu{
	width:210px;
	height:19px;
	margin:0px 0px 0px 0px;
	padding:4px 40px 0px 690px;
	overflow:hidden;}*/
	
	
#header #header_langmenu{
	width:140px;
	height:19px;
	margin:0px 0px 0px 0px;
	padding:4px 40px 0px 760px;
	overflow:hidden;}



#header #header_langmenu a:link,
#header #header_langmenu a:visited,
#header #header_langmenu a:active,
#header #header_langmenu a:hover{
	width:30px;
	height:16px;
	margin:0px 4px 0px 0px;
	padding:0px 0px 0px 0px;
	display:block;
	float:left;
	background-image:url(library/images/flagmenu_bg.gif);
	background-repeat:no-repeat;}
	
#header #header_langmenu a:link#si,#header #header_langmenu a:visited#si,#header #header_langmenu a:active#si{ background-position:0px -16px;}
#header #header_langmenu a:hover#si{ background-position:0px 0px;}
#header #header_langmenu a:link#uk,#header #header_langmenu a:visited#uk,#header #header_langmenu a:active#uk{ background-position:-35px -16px;}
#header #header_langmenu a:hover#uk{ background-position:-35px 0px;}
#header #header_langmenu a:link#cz,#header #header_langmenu a:visited#cz,#header #header_langmenu a:active#cz{ background-position:-70px -16px;}
#header #header_langmenu a:hover#cz{ background-position:-70px 0px;}
#header #header_langmenu a:link#fr,#header #header_langmenu a:visited#fr,#header #header_langmenu a:active#fr{ background-position:-105px -16px;}
#header #header_langmenu a:hover#fr{ background-position:-105px 0px;}
#header #header_langmenu a:link#de,#header #header_langmenu a:visited#de,#header #header_langmenu a:active#de{ background-position:-140px -16px;}
#header #header_langmenu a:hover#de{ background-position:-140px 0px;}
#header #header_langmenu a:link#it,#header #header_langmenu a:visited#it,#header #header_langmenu a:active#it{ background-position:-175px -16px;}
#header #header_langmenu a:hover#it{ background-position:-175px 0px;}

/* LOGO */
#header #header_logo{
	width:938px;
	height:137px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	overflow:hidden;
}

#header #header_logo #logo{
	width:470px;
	height:137px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	overflow:hidden;}
	
#header #header_logo #logo a:link,
#header #header_logo #logo a:visited,
#header #header_logo #logo a:active,
#header #header_logo #logo a:hover{
	width:470px;
	height:137px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	display:block;
	background-image:url(library/images/logo.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;}

/* TOP MENU */
#header #header_logo #header_topmenu{
	width:433px;
	height:137px;
	margin:0px 0px 0px 0px;
	padding:60px 35px 0px 0px;
	float:right;
	overflow:hidden;
	text-align:right;}	

#header #header_logo #header_topmenu a:link,
#header #header_logo #header_topmenu a:visited,
#header #header_logo #header_topmenu a:active{
	text-decoration:underline;
	color:#456b91;
	font-size:10px;
	line-height:12px;
	margin:0px 13px 0px 10px;}
	
#header #header_logo #header_topmenu a:hover{
	text-decoration:none;
	color:#ffffff;}

/* MAIN MENU */
#header #header_mainmenu{
	width:938px;
	height:13px;
	margin:0px 0px 0px 0px;
	padding:15px 0px 15px 0px;
	background-image:url(library/images/mainmenu_bg.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	text-align:center;
}

#header #header_mainmenu a:link,
#header #header_mainmenu a:visited,
#header #header_mainmenu a:active{
	/*text-decoration:underline;*/
	color:#ffffff;
	font-size:13px;
	line-height:13px;
	font-weight:bold;
	margin:0px 25px 0px 22px;}
	
#header #header_mainmenu a:hover{
	text-decoration:none;
	color:#e3edf6;}

/* PASICA */
#header #header_pasica{
	width:938px;
	height:202px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	/*background-image:url(library/images/pasica.jpg);*/
	background-repeat:no-repeat;
	background-position:0px 0px;}

/***********************************

		CONTENT

***********************************/

#main_content{
	width:938px;
	margin:0px 0px 0px 0px;
	padding:12px 0px 0px 0px;
	overflow:hidden;
	background-image:url(library/images/content_bg.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;}

#left_side{
	width:639px;
	/*float:left;*/
	overflow:hidden;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	vertical-align: top;
}
	
#left_side_bg2{
	width:639px;
	overflow:hidden;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-image:url(library/images/left_side_bg2.gif);
	background-repeat: repeat-y;
	background-position:top left;
}
	
#left_side_bg1{
	width:639px;
	overflow:hidden;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-image:url(library/images/left_side_bg1.gif);
	background-repeat:no-repeat;
	background-position:top left;
}
	
#left_side_bg3{
	width:564px;
	overflow:hidden;
	margin:0px 0px 0px 0px;
	padding:0px 38px 40px 37px;
	background-image:url(library/images/left_side_bg3.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	color: rgb(96, 117, 130);	
	font-size: 11px;
	line-height: 14px;
}

#right_side{
	width:299px;
	/*float:right;*/
	overflow:hidden;
	margin:0px 0px 0px 0px;
	padding:25px 0px 0px 0px;
	display: block;
}
	
#right_side_bg2{
	width:299px;
	overflow:hidden;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-image:url(library/images/right_side_bg2.gif);
	background-repeat:repeat-y;
	background-position:top left}
	
#right_side_bg1{
	width:299px;
	overflow:hidden;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-image:url(library/images/right_side_bg1.gif);
	background-repeat:no-repeat;
	background-position:top left;}
	
#right_side_bg3{
	width:276px;
	overflow:hidden;
	margin:0px 0px 0px 0px;
	padding:24px 0px 40px 23px;
	background-image:url(library/images/right_side_bg3.gif);
	background-repeat:no-repeat;
	background-position:bottom left;}

/* MALI BOXi */
#right_side .right_smallbox2{
	width:251px;
	overflow:hidden;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-image:url(library/images/right_side_smallbox2.gif);
	background-repeat:repeat-y;
	background-position:top left}
	
#right_side .right_smallbox1{
	width:251px;
	overflow:hidden;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-image:url(library/images/right_side_smallbox1.gif);
	background-repeat:no-repeat;
	background-position:top left}
	
#right_side .right_smallbox3{
	width:221px;
	overflow:hidden;
	margin:0px 0px 0px 0px;
	padding:15px 15px 35px 15px;
	background-image:url(library/images/right_side_smallbox3.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	color: rgb(96, 117, 130);	
	font-size: 11px;
	line-height: 14px;
}

#right_side .right_smallbox3 li
{
	margin-left: 10px;
}


/*********************************** 

			FOOTER 

***********************************/	

#footer{
	height:78px;
	width:938px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;}

#footer #bottom_info{
	height:12px;
	width:938px;
	margin:0px 0px 0px 0px;
	padding:17px 0px 17px 0px;
	background-image:url(library/images/bottom_info_bg.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	text-align:center;}

#footer #footer_menu{
	/*width:938px;*/
	text-align: center;
	width: 100%;
	height:13px;
	margin:0px 0px 0px 0px;
	padding:9px 0px 10px 0px;}

#footer #footer_menu a:link,
#footer #footer_menu a:visited,
#footer #footer_menu a:active{
	text-decoration:underline;
	text-align: center;
	color:#64869d;
	font-size:13px;
	line-height:13px;
	font-weight:bold;
	border-left: solid 2px #ffffff;
	padding-left: 25px;
	padding-right: 25px;
}
	
#footer #footer_menu a:hover{
	text-decoration:none;
	color:#417292;}


/*TOP MENU CSS*/
.MainMeni{
font: bold 12px Verdana;
height: 20px;
/*width: 100%;*/
float:left;
position:relative;
left: 50%;
text-align:left;
}

.MainMeni ul{
z-index:100;
margin: 0;
padding: 0;
list-style-type: none;
position:relative;
left: -50%;
}


/*Top level list items*/
.MainMeni ul li{
position: relative;
display: inline;
float: left;
text-align: center;
padding-left: 0px;
border-left: solid 1px #ffffff;
margin-bottom: 6px;
margin-top: -6px;
}

/*Top level menu link items style*/
.MainMeni ul li a{
display: block;
color: white;
color: #2d2b2b;
padding-left: 13px;
padding-right: 13px;
padding-bottom: 11px;
padding-top: 5px;
}

* html .MainMeni ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.MainMeni ul li a:link, 
.MainMeni ul li a:visited{
color: white;
}

.MainMeni ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
color: white;
}

.MainMeni ul li a:hover{
/*background: black; /*background of menu items during onmouseover (hover state)*/
color: white;
}
	
/*1st sub level menu*/
.MainMeni ul li ul{
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
/*background-color: #89a2b9;*/
background-image: url(library/images/menu_bg.gif);
background-repeat:repeat;
opacity:0.93;
padding-top: 10px;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.MainMeni ul li ul li{
display: list-item;
float: none;
border-left: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.MainMeni ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.MainMeni ul li ul li a
{
	text-align: left;   
    font: normal 13px Verdana;
    width: 150px; /*width of sub menus*/
    padding: 3px 3px 3px 3px;
    margin: 0;
    line-height: 10px;
    padding-bottom: 10px;
    border-top-width: 0;
    border-bottom: 1px solid gray;
}

/* Holly Hack for IE \*/
* html .MainMeni{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */
/*
.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}*/

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
}

.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
    opacity:0.8;
}

.clear
{
	clear: both;
}


/*****KONTAKT*******/
.vrstica
{
	clear:both;
	padding-top: 3px;
	padding-bottom: 3px;
}
.vrstica .vrsticaopis
{
	float:left;
	padding-top: 3px;
	width: 90px;
}

.vrstica .vrsticavnos
{
	float:left;
}

.vnos_mali
{
	width: 50px;
}

.vrstica .vrsticavnos a:link
{
	padding-top: 15px;
}

.vrstica hr
{
	color: #EBB223;
}

.calendar
{

}