/* 
 *  Table Of Sections
 *
 *  1. Reset
 *  2. Basic Elements
 *  3. Generic Classes
 *  4. Basic Layout
 *  5. Header
 *  6. Content
 *  7. Sidebar
 *  8. Footer
 *  9. Navigation
 * 10. Forms
 * 11. Modules
 *
 */


/* Reset  - do NOT modify!
-------------------------------------*/
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,
b, u, i, center,
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;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

ol, ul { list-style: none; }
blockquote, q {	quotes: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}




/* Basic Elements
-------------------------------------*/
html, body { height: 100%; }

body {
	color: #808080;
	margin: 0;
	padding: 0;
	font-family: Verdana;
	background: #508bbf url(../images/background.gif) center top no-repeat;
}

h1 {
font-size: 120%;
}

h2 {
	color: #505050;
	font-size: 110%;
	font-weight: normal;
	margin-bottom: .6em;
	margin-top: 2em;
}

p {
	/*line-height: 1.3em;*/
}

a:link, a:visited, a:hover, a:active {
	color: #807045;
	text-decoration: none;
}

form dt {
	margin-top: .8em;
}

form dd {
	margin-top: .3em;
}

form dd.button-area {
	margin-top: 1.2em;
}

input, textarea {
	font-family: Verdana;
}

input.text {
	background: #EEE url(../images/background_form_input.gif) top left repeat-x;
	border: 1px solid #DBDBDB;
	height: 18px;
	padding: .2em 0 0 0;
	width: 180px;
}

input.button {
	color: white;
	background: #375769 url(../images/background_form_button.gif) top left repeat-x;
	border: 1px solid #DBDBDB;
	padding: .1em 1.2em .2em 1.2em;
	height: 1.8em;
}

span.error {
	color: red;
}



.fotoCnt {
	padding: 3px 7px 3px 7px;
}



#container {
	background: transparent url(../images/background_logo.gif) 50% 0% no-repeat;
	margin: 0 auto;
	width: 600px;	
	text-align: center;
	min-height: 290px;
}


#content {
	position: relative;
	clear: left;
	background: #ffffff;

	width: 600px;

	margin-top:0px;
	text-align: left;
	z-index: 10;
}

#head {
	background: url(../images/head.jpg) left top no-repeat;
	width: 600px;
	height: 144px;
	
}

#head-box1 {
	float: left;
	width: 420px;
	height: 144px;
	/*background: #ffffff;*/
}

#head-box2 {
	float: left;
	width: 180px;
	height: 144px;
}

.lang {
	padding-top : 0px;
	margin-left : 140px;
	width: 37px;
	height: 37px;
}

#content-box {
	margin-left : 29px;
	margin-right : 29px;
	padding-top : 29px;
	margin-bottom : 20px;
	min-height: 500px;
}



.text {
	font-family: Verdana;
	font-size:75%;
	color:#000000;
	margin-top:0px;
	margin-bottom: 0px;
	padding-left: 0px;
}

#text-content-container {
	font-family: Verdana;
	font-size:75%;
	color:#000000;
	top:10px;
	margin-bottom: 0px;
	padding-left: 0px;
}

#text-content-container h1 {
	font-family: Verdana;
	font-size:150%;
	color:#848a34;

	text-decoration: bold;
	padding-top:20px;
	margin-bottom: 18px;
	padding-left: 0px;
}

#text-content-container p {
	padding-bottom: 1em;
	/*line-height: 1.35;*/
}

#text-content-container .abstract {
	padding-top: 0px;
	padding-bottom: 10px;
	color:#83868d;
	font-style: italic;

}

#text-content-container a:link, #text-content-container a:visited, #text-content-container a:hover, #text-content-container a:active {
	color: #B90000;
	text-decoration: none;
}

#text-content-container a:visited {
	color: #5F4646;
}

/* external link */
#text-content-container a.external {
	padding-right: 12px;
	background: url('../images/backgrounds/icons/external-link.gif') 100% 65% no-repeat;
}

/* --- unsorted list --- */

#text-content-container ul { 
padding-bottom: 1em; 
}

#text-content-container ul li {
	margin-bottom: .3em;
	list-style-type: disc;
	list-style-position: inside;
}



/* --- Attachments list --- */

#text-content-container ul.attachments-list li { list-style-type: none; }


/* --- tables --- */

#text-content-container table td {
	padding: .3em .5em;
	border: 1px solid #999;
}

#text-content-container table caption {
	margin-bottom: .3em;
	text-align: left;
	font-weight: bold;
}


/* --- numbered list --- */

#text-content-container ol {}

#text-content-container ol li {
	margin-bottom: .3em;
	list-style-type: decimal;
	list-style-position: inside;
}


/* --- Link list --- */

.link-list a:link, .link-list a:visited, .link-list a:hover, .link-list a:active 
{ 
margin-top: 10px;
color: red;
}



/* --- News list --- */

#text-content-container .news-list li {

list-style: none;
margin-bottom: 1em;
}

.news-list li {
	float: left; /* float clearer */
	width: 100%;
	margin-bottom: 1em;

}

.news-list .title { 
display: inline;

}

.news-list .date {
	float: left;
	font-weight: bold;
	padding-right: 5px;
}

.news-list .category {
	font-style: italic;
	color: #666;
	margin-bottom: -10px;
}

.news-list a:link { 
color: #B90000;
text-decoration: none;
}

.news-list a:hover { 
color: #B90000;
text-decoration: none;
}

.news-list a:visited, .news-list a:active { 
color: #B90000;
text-decoration: none;
}



.link-list ul {

	margin-top: 35px;
	
	padding-bottom: 15px;
	/*list-style: none;*/
}

#text-content-container .link-list li {
float: left;
	width: 100%;
	margin-bottom: 1px;
	list-style: none;
}

.news-archive-link a:link { 
color: #fe4618 ;
text-decoration: none;
}

.news-archive-link a:hover { 
color: #fe4618;
text-decoration: underline;
}

.news-subscribe-link a:link { 
color: #fe4618;
text-decoration: none;
}

.news-subscribe-link a:hover { 
color: #fe4618;
text-decoration: underline;
}



/* --- photo frame & content photos --- */

.photo-frame {
	padding: .3em;
	background-color: #E6E6E6;
}

.photo-frame-left {
	float: left;
	margin-right: .7em;
}

.photo-frame-right {
	float: right;
	margin-left: .7em;
}

#text-content-container .photo-frame p {
	padding: 0.7em 0 0.5em 0;
	font-size: .85em;
	font-weight: normal;
	line-height: 115%;
	overflow: hidden;
	color: #606060;
}

img.content-photo {	padding: .2em 10px; }

.photo-frame .content-photo { padding: 0; }



/* --- Sitemap --- */

ul#sitemap { list-style-type: none; }

#sitemap ul {
	margin-left: 1em;
	list-style-type: none;
}



#menu {
	position: relative;
	width: 600px;
	/*margin: 0 auto 0 auto;*/
	min-height: 32px;	
	background: url(../images/back-menu.gif) left top no-repeat;	
	text-align: left;
	z-index: 20;
	margin-bottom: 0px;
}

#menu ul {
	text-align: left;
	
}

#menu li {

	display: inline;
	margin-right: 0px;
	margin-left: 12px;
	width: 100%;	
}

#menu a {
	/*background: #000000 url(../images/back-right.gif) right top no-repeat;*/
	background: url(../images/menu-off.png) repeat-x;
	padding: 6px 12px 6px 12px;
	text-decoration: none;
	font-weight: none;
	color: white;
	font-size: 80%;
	/*height: 32px;	*/
	/*background:#3265a6;	*/
	display: inline-block;
}

#menu a span {
	background: url(images/menu-off.png) repeat-x;
	margin: 0;
	
	/*padding: 4px 6px 4px 12px;*/
	cursor: pointer;
	display: inline-block;
	
}

#menu li:hover a span, #menu li:hover a {
	/*background:#dcdde1;*/
	color: #0A3147;
	background: url(images/menu-on.png) repeat-x;
}

#menu li:hover a {
	background:#dcdde1;
	color: #0A3147;
}

#menu li.current a span {
	background:#dcdde1;
	color: #0A3147;
}

#menu li.current a {
	background:#dcdde1;
	color: #0A3147;
}

#menu li ul {
	display: none;
	position: absolute;
	background-color: #ffffff;
	/*background: #cecece;*/
	left: 0;
	margin-top: 32px;
	padding-top: 0px;
	padding-bottom: 0px;
	width: 600px;
	height: 20px;
	margin-left: 0px;
	margin-right: 0px;
	text-align: center;
	z-index: 101;
}

#menu li.current ul, 
#menu li:hover ul {
	display: inline;
}

#menu li:hover ul {
	z-index: 101; /* hovered state has display precedence  */
	background-color: white;
}

#menu li.current li, 
#menu li:hover li {

	/*background-color: #ffffff;*/
	color: #366498;
	height: 20px;
}

#menu li.current ul li a, 
#menu li:hover ul li a {
	background-color: #ffffff;
	
	font-size: 70%;
	color: #366498;
	height: 20px;
	/*text-decoration: underline;	*/
	
	/*padding: 0 1em 2px 1em;*/
	/*border-bottom: 1px solid #D6D6D6;*/
}

#menu li.current ul li.current a, 
#menu li:hover ul li.current a,
#menu li.current ul li:hover a,
#menu li:hover ul li:hover a {
	border-bottom-width: 0px;
	background-color: #ffffff;
	height: 20px;
	text-decoration: underline;
	
}




/* --- Main Menu --- */

#main-menu {
	width: 600px;
	/*margin: 0 auto 0 auto;*/
	min-height: 60px;	
	background: url(../images/back-menu.gif) left top no-repeat;	
	margin-top:0px;
	margin-left:0px;
	margin-bottom: 0px;
	text-align: center;
	/*height:100%;*/
}


/* Level 1 */

#main-menu li.menu-level1 {
	float: left;
	margin-left: 10px;
	margin-bottom: 0px;
	
}

#main-menu a.menu-level1:link, #main-menu a.menu-level1:visited, #main-menu a.menu-level1:hover, #main-menu a.menu-level1:active {
	float: left;	
	font-family: Tahoma;
	font-size: 85%;
	color: #ffffff;
	background:#3265a6;	
	padding: 4px 12px 4px 12px;
	text-decoration: none;
}

#main-menu li.menu-level1-open a.menu-level1:link, 
#main-menu li.menu-level1-open a.menu-level1:visited, 
#main-menu li.menu-level1-open a.menu-level1:hover, 
#main-menu li.menu-level1-open a.menu-level1:active {
	padding: 4px 12px 4px 12px;
	background-color: #ff0000;
	color: #ffffff;
}

#main-menu li.menu-level1 a.menu-level1:hover {	
padding: 4px 12px 4px 12px;
color: #3265a6;
background-color: #ffffff;	
}

#main-menu span.menu-level1 {
	display: inline;
	margin-top:4px;
	height: 30px;
	padding: 4px 12px 4px 12px;
	cursor: pointer;
}


/* Level 2 */




#main-menu li ul.menu-level2 {	
	margin-bottom: 1px; 
	list-style: none;
	display: inline;
	/*position: absolute;*/
	background: red;
	left: 0;
	top: 23px;
	padding-top: 0px;
	padding-bottom: 0px;
	width: 600px;
	height: 40px;
	margin-left: 0px;
	margin-right: 0px;
	text-align: center;
	z-index: 101;
}

#main-menu a.menu-level2:link, #main-menu a.menu-level2:visited, #main-menu a.menu-level2:hover, #main-menu a.menu-level2:active {

	display: inline;
	font-family: Tahoma;
	font-size: 90%;
	color: #000000;
	text-decoration: none;

}

#main-menu li.menu-level2-open a.menu-level2:link, 
#main-menu li.menu-level2-open a.menu-level2:visited, 
#main-menu li.menu-level2-open a.menu-level2:hover, 
#main-menu li.menu-level2-open a.menu-level2:active {
	/*background-color: #F6F6F6;*/
	color: #ff0000;

}

#main-menu li.menu-level2 a.menu-level2:hover {

	/*background-color: #666666;*/

	color: #ff0000;
	/*background:url(../images/back-sec-menu.gif) no-repeat;*/
}

#main-menu span.menu-level2 {
	margin-top: 30px;
	display: inline;
	padding: 3px 3px 3px 30px;
	position: absolute;
	text-align: center;
	cursor: pointer;
}


/* Level 3 */

#main-menu a.menu-level3:link, #main-menu a.menu-level3:visited, #main-menu a.menu-level3:hover, #main-menu a.menu-level3:active {
	float: left;
	color: #333;
	text-decoration: none;
}

#main-menu li.menu-level3-open a.menu-level3:link, 
#main-menu li.menu-level3-open a.menu-level3:visited, 
#main-menu li.menu-level3-open a.menu-level3:hover, 
#main-menu li.menu-level3-open a.menu-level3:active { 
	color: #B90000;
}

#main-menu li.menu-level3 a.menu-level3:hover {
	color: #B90000;
}

#main-menu span.menu-level3 {
	display: block;
	width: 146px;
	padding: .2em 10px .2em 16px;
	font-size: 1.1em;
}




#footer {
	text-align: center;
	font-family: Verdana;
	font-size:70%;
	color:#3f6fac;
	margin-top:0px;
	margin-bottom: 6px;
	padding-left: 0px;
	padding-bottom: 6px;
	/*clear: both;*/
}

#footer ul {
	text-align: left;
}

#footer li {

	display: inline;
	margin-right: 3px;
	margin-left: 3px;
	width: 100%;	
}

#footer a:link, #footer a:visited, #footer a:active {
	color:#3f6fac;
	text-decoration: none;
}

#footer a:hover {
	color:#3f6fac;
	text-decoration: underline;
}

a#print-link {
	color: #A7A7A7;
	position: relative;
	float: right;
	margin-top: -2em;
	padding-right: 15px;
	margin-right: -15px;
	background: transparent url(../images/icon_print.gif) center right no-repeat;
	z-index: 11;
}

#vizitka:hover h2,
#intranet:hover h2,
#novice:hover h2 {
	color: #8C7846;
}

/* --- Icons in content --- */

#text-content-container a.lipdf {
	padding: .2em 0 .1em 19px;
	background: transparent url(../images/pdf.gif) 0% 50% no-repeat;
}

#text-content-container a.lidoc {
	padding: .2em 0 .1em 19px;
	background: transparent url(../images/doc.gif) 0% 50% no-repeat;
}

#text-content-container a.lixls,
#text-content-container a.lixlsx {
	padding: .2em 0 .1em 19px;
	background: transparent url(../images/xls.gif) 0% 50% no-repeat;
}

#text-content-container a.lippt {
	padding: .2em 0 .1em 19px;
	background: transparent url(../images/ppt.gif) 0% 50% no-repeat;
}

#text-content-container a.lizip {
	padding: .2em 0 .1em 19px;
	background: transparent url(../images/zip.gif) 0% 50% no-repeat;
}

#text-content-container a.liai {
	padding: .2em 0 .1em 19px;
	background: transparent url(../images/ai.gif) 0% 50% no-repeat;
}

#text-content-container a.liexe {
	padding: .2em 0 .1em 19px;
	background: transparent url(../images/exe.gif) 0% 50% no-repeat;
}

#text-content-container a.liimage {
	padding: .2em 0 .1em 19px;
	background: transparent url(../images/file.gif) 0% 50% no-repeat;
}