/* CSS Document */

body {
	text-align:center;
	background:white;
 	font-family: "Tahoma CE",Tahoma,"Arial CE",sans-serif;
	font-size: 0.8em;
	color:#b2b2b2;
	margin:0;
	padding:0;
	}

/* text
-------------------------------------------------- */

h1, h2, h3, h4 {color:#002F6D; margin:0; font-weight:normal;}

h1 {font-size:140%; color:#CCFF00;	}
h2 {font-size:140%; color:#FFB400;}
h3 {color:#FFB400;	font-size:100%; }
h4 {font-size:100%; color:#CCFF00; }


/* BLOCKS
-------------------------------------------------- */
address {	margin: .66em 0;}
blockquote {margin: .66em 20px;}
hr { clear:both;	}
p, .editor { text-align: justify; margin:0;}


/* LISTS
-------------------------------------------------- */
dl, dt, dd { margin:0; text-align:left;}
dl {margin-left:5px;}
dt {}
dd {}
ul, ul li {}


/* TABLES
-------------------------------------------------- */
table {	border-collapse: collapse;	margin-top: 10px; margin-bottom: 10px; font-size:100%;}
caption {	margin: 0 0 .66em 0;	text-align: center;	color: #D01310;}
th {	/*border: 1px solid gray;*/	padding: 5px 10px;	font-weight: bold;	text-align: left;	vertical-align: top;
	background-color:#006995;	color: white;}
td {	/*border: 1px solid gray;*/	padding: 5px 10px;	vertical-align: top;	background-color: white;}


/* FORMS
-------------------------------------------------- */
fieldset {	clear: both; border:none;	}
legend {}
input, textarea, select {	font-size: 1em;}


/* INLINES
-------------------------------------------------- */
abbr, acronym {	border-bottom: 1px dotted;	font-variant: small-caps;	cursor: help;}
dfn {	position: relative; font-style:normal; cursor: help; top: 2px;}
cite, em, q, var {	font-style: italic;}
code, kbd, samp, pre {	font-family: "Lucida Consode", "Andale Mono", monospace;}
sub {	font-size: smaller;	text-decoration: none !important;	vertical-align: sub;}
sup {	font-size: smaller;	text-decoration: none !important;	vertical-align: super;}
del {	text-decoration: line-through;}
ins {	text-decoration: underline;}
strong {	font-weight: bold;}

/* ANCHORS
-------------------------------------------------- */
a {color:#FFB400; text-decoration: none;}
a:visited {	}
a:hover {text-decoration: underline; }
h2 a:hover {text-decoration: underline;}
h4 a:hover {text-decoration: underline;}


/* Img
-------------------------------------------------- */
img	{ border:none;	}


/* Bloky
-------------------------------------------------- */


#obal
	{
	position:relative;
	width:800px;
	margin:0 auto;
	
	}
	
#top
	{
	position:relative;
	height:166px;
	z-index:1;
	
	}
	


/*menu ----------------------------------------------------------------*/
/*#menu {position:absolute; top:0px; left:0px; width:496px; background: url('img/menu.jpg') no-repeat left top; float:left;}
#menu ul {list-style:none; padding:0px 0px 0px 8px; margin:0; float:left;}
#menu ul li {float:left; }
#menu ul li a {color:white; display:block; border-right:1px solid white; margin:5px 0px 5px 0px; padding:0 10px;  }
#menu ul li a:hover {text-decoration:none;}

#menu ul ul {display:none;}*/

#menu {position:absolute; top:0px; left:0px; background: url('img/menu_mil_01.jpg') no-repeat left top; float:left;}
#menu ul {list-style:none; padding:0px 0px 0px 0px; margin:0px 0px 0px 7px; float:left; background: url('img/menu_mil_stred.jpg') repeat-x left top;}
#menu ul li {float:left; }
#menu ul li a {color:white; display:block; border-right:1px solid white; margin:5px 0px 5px 0px; padding:0 10px;  }
#menu ul li a:hover {text-decoration:none;}
#menu #konec_menu{background: url('img/menu_mil_03.jpg') no-repeat left top; position:absolute; top:0px; right:0px; width:11px; height:26px;}

#menu ul ul {display:none;}


/*login ----------------------------------------------------------------*/

#login { position:absolute;  width:83px; height:26px; right:0px; top:0px; background: url('img/login.jpg') no-repeat left top; }
#login a {color:white; display:block; margin:5px 0px 0px 0px;}
#login a:hover {text-decoration:none;}

/*logo ----------------------------------------------------------------*/

#logo a{position:absolute; top:65px; left:0px; background: url('img/logo.jpg') no-repeat left top; width:359px; height:98px; }
.logo_sk a { background: url('img/logo_sk.jpg') no-repeat left top !important; }
#system { position:absolute; top:85px; right:0px; background: url('img/system.jpg') no-repeat left top; width:262px; height:76px; }
#system a {display:block; height:36px; width:100%;}
/*bloky ----------------------------------------------------------------*/

#blok1, #blok2, #blok3 {position:relative; top: 0px;  width:262px; height:149px; float:left;margin:0px 7px 6px 0px;  }
#blok1 a, #blok2 a, #blok3 a { display:block; width:262px; height:149px;  }
#blok1 { background: url('img/blok1.jpg') no-repeat left top;}
#blok2 { background: url('img/blok2.jpg') no-repeat left top;}
#blok3 { background: url('img/blok3.jpg') no-repeat left top; margin:0;}

/*maj ----------------------------------------------------------------*/

#maj {width:100%; float:left; background:#b2b2b2 url('img/maj-top.jpg') no-repeat left top; }
.site {background-color:white !important;}
.home #prava {overflow-y: auto; height:600px ;}
/*prava ----------------------------------------------------------------*/

#prava { position:relative; overflow:hidden; float:right; margin:9px 0px 0px 0px;   width:521px; _width:529px; background: url('img/prava-m.jpg') repeat-y left top; border-right:8px solid #B2B2B2; }
#prava-top {position:absolute; top:0px; left:0px; background: url('img/prava-top.jpg') no-repeat left top; height:10px; width:100%;}
#prava-b { position:relative;  left:0px; background: url('img/prava-b.jpg') no-repeat left top; height:9px; overflow:hidden; width:100%; }
#site-b {clear:both; position:relative;  right:0px; background: url('img/site-b.jpg') no-repeat right top; height:31px; overflow:hidden; width:100%; }

/*leva ----------------------------------------------------------------*/

#leva { position:relative; float:left; padding:0px 0px 0px 0px; margin:8px 0px 0px 0px;  width:271px; /*overflow:hidden;*/   }
#news { position:relative; margin:15px 0px 6px 10px;  background-color: #B2B2B2; repeat-y left top;}
#news-top { top:0px; left:0px; background-color: #B2B2B2; no-repeat left top; height:60px; width:100%;}
#news-b {  position:relative;  background-color: #B2B2B2; no-repeat left top; height:10px !important; overflow:hidden; width:100%; }
#leva a {clear:both; float:left;}

#news ul {list-style:none; text-align:justify; padding:0px 10px 0px 8px; margin:0;}
#news ul li {display:block; padding:6px 2px 0px 2px; margin-right:8px;}
#news ul li a {float:none; color:#b2b2b2;}
#news ul li a strong {display:block; color:#FFB400; font-size:120%;}
#news ul li a span {display:block; text-align:right; color:#FFB400; font-size:120%; font-weight:bold;}

.benefit {margin:0px 0px 0px 3px; position:relative; top:3px;}

/*menul ----------------------------------------------------------------*/

.menul {list-style:none; padding:0; text-align:left; margin:0; position:relative; z-index:89;}
.menul li {display:block; _height:1px; position:relative;}
.menul li a{ position:relative; display:block; float:none !important; z-index:10;}
.menul li a:hover {text-decoration:none; overflow:visible;}


.seda {margin:5px 0;}
.zelena li a { position:relative; z-index:5; padding:6px 15px 11px 10px; color:white; font-size:140%; margin-right:-16px; background: url('img/leva-m1.jpg') no-repeat left top;}
/*.zelena li a:hover {   background: url('img/leva-h.jpg') no-repeat left top;}*/
.seda li a { padding:4px 15px 11px 10px; color:#8C8C8C; font-size:140%; margin-right:-16px; background: url('img/leva-m2.jpg') no-repeat left top;}
.aktiv {background: url('img/leva-h.jpg') no-repeat left top !important; overflow:visible;}
.aktiv2{background: url('img/leva-h2.jpg') no-repeat left top !important; overflow:visible;}

#leva-site {background:#B2B2B2 url('img/leva-site.jpg') no-repeat left bottom; padding:15px 0px 5px 9px; margin:0px 0px 5px 0px;}

/*pata ----------------------------------------------------------------*/

#pata {text-align:right;width:100%;position:relative; padding:15px 0px 10px 0px; clear:both;  background: url('img/maj-b.jpg') no-repeat left top; }


/*ostatni ----------------------------------------------------------------*/
.clear {clear:both;}
.editor {position:relative; padding:15px 15px; min-height:600px; _height:600px;}
.editor a{text-decoration:underline;color:#B2B2B2;}

#bila1, #bila2, #bila3, #bila4 { position:absolute; background: url('img/bila.png') no-repeat left top; z-index:10; width:15px; height:15px;}	
#bila1 { top:310px; left:220px; }
#bila2 {top:310px; left:490px;}
#bila3 {top:7px; left:265px; }
#bila4 {top:-9px; left:30px; }

#seda1, #seda2, #seda3 { position:absolute; background: url('img/seda.png') no-repeat left top; z-index:10; width:15px; height:15px;}
#seda1 { top:350px; left:260px;}

.upt {position:relative; margin:0; padding:0;}
.upt img {margin:0; padding:0; position:relative; overflow:hidden; overflow:hidden; width:271px;}

#lang {position:absolute; top:1px; right:130px; }
#lang ul {margin:0; padding:0; list-style:none;}
#lang ul li  { display:block; float:left; }

.active { font-weight:bold; }