@charset "utf-8"; 
/* CSS SPBI */

* { margin: 0; padding: 0;}

/* layout elements */
body { font-family: Arial, Helvetica, sans-serif; font-size: 90%; color: #000000; background: #FFFFFF url(../images/bg_body.jpg) 0 0 repeat-x;}
#bg_page { background: url(../images/bg_bg_page.jpg) center top no-repeat; height: 710px; margin: auto;}
#frameholder { width: 950px; margin: auto; 	 /*border: solid 1px blue;*/}
#top { height: 150px; background: url(../images/bg_top.jpg) 205px 65px no-repeat; position: relative;}
#nav_holder {height: 241px; width: 950px; position: absolute; top: 148px; _margin-left: 1px; z-index:10;}
#content_holder {width: 950px; margin: auto; position: absolute; top: 390px; z-index:0; overflow: hidden;}
#left {width: 254px; float: left; }
#right {
	width: 696px;
	float: left;
	overflow: hidden;
}


/* logo */
h2#logo a { background: url(../images/logo.jpg) no-repeat; width: 171px; height: 149px; overflow: hidden; display: block; position: absolute; top: 0; left: 34px}
h2#logo span { display: none}

/* horni navigace */
#top_nav { position: absolute; top: 5px; right: 15px;}
#top_nav ul {list-style: none;}
#top_nav ul li {float: left; margin: 0 0 0 25px;}
#top_nav ul li a { color: #363d51; font-weight: bold; font-size: 0.75em; text-decoration: none;}
#top_nav ul li a:hover { color: #000000}
#top_nav ul li.item01, #top_nav ul li.item02, #top_nav ul li.item03 { background: url(../images/common/ico_home.jpg) 0 0 no-repeat; padding: 0 0 10px 25px;}
#top_nav ul li.item02 { background: url(../images/common/ico_sitemap.jpg) 0 0 no-repeat;}
#top_nav ul li.item03 { background: url(../images/common/ico_contact.jpg) 0 0 no-repeat;}

/* adresa */
.adresa { color:#FFFFFF; font-size: 0.75em; text-align: right; position:absolute; top: 40px; right: 15px;}
.adresa a { color:#FFFFFF}
.adresa a:hover { text-decoration: none}

/* vyhledavani */
#search {background: #000000; height: 41px; position: relative; width: 254px; float: left;}
#search input.vyhledat {
	color: #666666;
	width: 140px;
	height: 15px;
	padding: 0px 0 0 0px;
	position: absolute;
	top: 11px;
	left: 24px
}
#search img.ok {
	position: absolute;
	top: 5px;
	left: 175px;
	margin: 0px;
	padding: 0px;
}

div.lajna {
	height: 1px;
	overflow: hidden;
	background: #5D73A4;
	margin: 10px 0;
}

/* horizontalni navigace */
#hor_nav {
	background: #000000 url(../images/bg_hornav.jpg) no-repeat;
	height: 41px;
	float: left;
	width: 696px;
}
#hor_nav ul {list-style: none;}
#hor_nav ul li span {display: none}
#hor_nav ul li {float: left; display: block;}
#hor_nav ul li.item04 a {
	width: 76px;
	height: 41px;
	display: block;
	background-image: url(../images/bg_uvod.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#hor_nav ul li.item05 a {
	width: 116px;
	height: 41px;
	display: block;
	background-image: url(../images/bg_osdruzeni.gif);
	background-repeat: no-repeat;
}
#hor_nav ul li.item06 a {
	width: 126px;
	height: 41px;
	display: block;
	background-image: url(../images/bg_konference.gif);
	background-repeat: no-repeat;
}
#hor_nav ul li.item07 a {
	width: 103px;
	height: 41px;
	display: block;
	background-image: url(../images/bg_kontakty.gif);
	background-repeat: no-repeat;
}

#hor_nav ul li.item04 a:hover {
	width: 76px;
	height: 41px;
	display: block;
	background-image: url(../images/bg_uvodakt.gif);
	background-repeat: no-repeat;
}
#hor_nav ul li.item05 a:hover {
	width: 116px;
	height: 41px;
	display: block;
	background-image: url(../images/bg_osdruzeniakt.gif);
	background-repeat: no-repeat;
}
#hor_nav ul li.item06 a:hover {
	width: 126px;
	height: 41px;
	display: block;
	background-image: url(../images/bg_konferenceakt.gif);
	background-repeat: no-repeat;
}
#hor_nav ul li.item07 a:hover {
	width: 103px;
	height: 41px;
	display: block;
	background-image: url(../images/bg_kontaktyakt.gif);
	background-repeat: no-repeat;
}

/* vertikalni navigace */
#ver_nav {
	width: 254px;
	background: #FFFFFF url(../images/bg_vernav.jpg) right bottom no-repeat;
	height: 200px;
	float: left;
	position: relative;
	z-index: 5;
	list-style-type: none;
}
#ver_nav ul.vermenu {list-style: none; margin: 15px 0 0 23px;}
#ver_nav ul.vermenu li.item {
	text-transform: uppercase;
	width: 220px;
	padding: 0 0 10px 0;
	margin: 0 0 0 -5px;
	background: url(../images/common/vernav_line.gif) 0 70% repeat-x;
	list-style-type: none;
}
#ver_nav ul.vermenu li.item a.link {
	color: #cc0000;
	text-decoration: none;
	font-weight: bold;
	background: url(../images/common/vernav_bullet.gif) 0px 1px no-repeat;
	padding: 0 0 0 20px;
	margin: 0 0 0 0;
	list-style-type: none;
}
#ver_nav ul.vermenu li.item a.link:hover {
	text-decoration: underline;
	list-style-type: none;
}

/* banner */
#banner {width: 696px; height: 200px; background: #000000 url(../images/bg_banner.jpg) no-repeat; float: right}

/* news */
#news {padding: 25px 25px 10px 35px; background: url(../images/bg_left.jpg) repeat-y; margin: 0 0 10px 0;}
#news p { font-size: 0.75em; padding: 0 0 0 0; margin: 0 0 0 0;}
#news p.more { font-size: 0.75em; padding: 10px 0 10px 125px; margin: 0 0 10px 0; border-bottom: solid 1px #d4d4d4;}
#news p.more a {color: #cc0000}
#news p.more a:hover { text-decoration: none;}
#news h3 {padding-top: 0;}

/* content */
#content {
	padding: 25px 25px 20px 30px;
}
#content ul { font-size: 0.85em; list-style: none; margin: 0 0 0 20px; padding: 5px 0 0 0;}
#content ul li { background: url(../images/common/list.gif) 0 2px no-repeat; margin: 5px 0 5px 0; padding: 0 0 0 20px;}
#content ul li ul { font-size: 1em; list-style: none; margin: 0 0 0 15px; padding: 10px 0 0 0;}
#content ul li ul li { background: url(../images/common/list2.gif) 0 2px no-repeat; margin: 0 0 10px 0; padding: 0 0 0 20px;}

/* casopis */
#casopis {float: left; width: 330px; margin: 0 30px 0 0;}

/* konference */
#konference { float: left; width: 250px; background: #FFFFCC; height: 175px; background: url(../images/bg_konference.jpg) right bottom no-repeat}


/* login */
#login { width: 130px; position: absolute; top: 28px; _top: 24px; right: 20px; z-index: 10}
#login p {color: #FFFFFF; font-weight: bold; font-size: 0.75em; margin: 0; padding: 0}
/*input#user {width: 140px;}
input#password {width: 140px;}*/
#login input.login { margin: 10px 0 0 35px;}

/* footer */
#footer { width: 950px; height: 50px; float: left; font-size: 0.75em; color: #333333; background: url(../images/bg_footer.jpg) repeat-x; text-align: center; clear: both; padding: 10px 0 0 0;}
#footer a { color:#333333; font-weight: bold; text-decoration: none;}


/* login navigace */
#login_nav {
width: 254px; 
background: #ffffff url(../images/bg_vernav.jpg) right bottom no-repeat;
padding: 5px 0; 
float: left; 
position: relative; 
z-index: 5;
border-bottom: 2px solid #eeeeee; 
}

#login_nav ul {
list-style: none; 
margin: 15px 0 0 23px;}

#login_nav ul li {
text-transform: uppercase; 
width: 220px; 
padding: 0 0 15px 0; 
margin: 0 0 0 -5px; 
background: url(../images/common/vernav_line.gif) 0 70% repeat-x;}

#login_nav ul li a {
color: #cc0000; 
font-size: 8.25pt;
text-decoration: none; 
font-weight: bold; 
background: url(../images/common/vernav_bullet_small.gif) 0px 2px no-repeat; 
padding: 0 0 0 16px;
margin: 0 0 0 0; 
}

#login_nav ul li a:hover {
text-decoration: underline}