body {
  /* telo dokumentu */
 margin:0;
 padding:0;
 margin-top: 0px;
 margin-bottom: 0px;
 padding: 0px;
 border: 0px;
 background-color: lightblue;
 background-image: url('bg0.gif');
 background-repeat: repeat-x;
 font:13px arial,helvetica,clean,sans-serif;
 font-size:small;
}


#napoveda {
    padding: 5px 10px;
    background: #0A5BB6;
    border: 1px solid #CA7BD6;
    opacity: 0.90;
}

#top1 {
 height: 123px;
}

.skupiny_table {
 width:900px;
 padding:0;
 display: table;
 border: 1px solid black; 
 background-color: #00bfff;
}

.skupiny_radek {
 display: table-row;
 clear: both;
 top:10;
 height:30px;
 background-color: #00bfff;
}

.skupiny_sl_1 {
 display: table-cell;
 float: left;
 display: block;
 Position: absolute ;
 left:550;
 background-color: #00bfff;
}

.skupiny_sl_2 {
 display: table-cell;
  Position: absolute ;
 left:230;
 background-color: #00bfff;
}

.skupiny_sl_3 {
 display: table-cell;
 float: left;
 display: block;
 Position: absolute ;
 left:35;
 background-color: #00bfff;
}

.skupiny_sl_4 {
 display: table-cell;
 background-color: #00bfff;
 Position: absolute ; 
 left:800;
}
.skupiny_sl_5 {
 background-color: #00bfff;
 Position: absolute ; 
 left:850;
}

.skupiny_sl_6 {
 display: table-cell;
 background-color: #00bfff;
}


#logo {
 width:  408px;
 height: 120px; 
 float: right;
 position: relative;
 top: 3px;
 
}

#word {
 width:  450px;
 height: 120px;
 background-image: url('top1.jpg');
 float: left;
 position: relative;
 top: 3px;
 left: -10px;
}


#top2 {
 height: 35px;
}


#top2a {
 width:  45px;
 height: 22px;
 background-image: url('top2a.jpg');
 float: left;
}

#top2b {
 width:  10px;
 height: 35px;
 background-image: url('top2b.jpg');
 float: right;
 position: relative;
 top: 0px;
 left: -75px;
}

#top2-space {
 width: 160px;
 height: 30px;
 float: left;
}


#submenu {
 width: 900px;
 height:20px;
 margin-left: 30px;
 margin-right: 20px;
 margin-top: 5px;
 font-family: Arial, sans-serif;
 color: black;
 font-size: 13px;
 line-height: 170%;
 font-weight: normal;
}


#top2-submenu a, top2-submenu a:hover {
 float: left; 
 font-family: Arial, sans-serif;
 font-weight: bold;
 text-decoration: none; 
 
 padding: 0px;  
 border: 0px;
 top:0;
 margin-left: 20px;
 color: black;
}

.top2-head {

 float: left;
 font-family: Arial, sans-serif;
 font-weight: normal;
 color: #0A5BB6;
 color: #333333;
 font-size: 11pt;
 position: relative;
 top: 8px;
}


.top2-head a{
 float: left;
 font-family: Arial, sans-serif;
 font-weight: bold;
 color: black;
 text-decoration:  none;
 font-size: 10pt;
}

.top2-head a:hover{
 text-decoration: underline;
 color: #333333;
}

.top2-head2 {
 float: left;
 font-family: Arial, sans-serif;
 font-weight: normal;
 color: #3A8CE6;
 font-size: 11pt;
 position: relative;
 top: 8px;
}



#top2-menu {
 width: 24px;
 height: 30px;
 float: left;
 background-image: url('bg-menu-item.gif');
 background-repeat: no-repeat;
 background-position: center 6;
}

#top2-glass {
 width: 24px;
 height: 30px;
 float: left;
 background-image: url('glass.gif');
 background-repeat: no-repeat;
 background-position: center 12;
}

.top2-reg {
 width: 24px;
 height: 30px;
 float: left;
 background-repeat: no-repeat;
 background-position: center 12;
}

#menu {
 width: 191px;
 float: left;
 position: relative;
 top: -12px;
 left: -10px;
 font-family: Arial, sans-serif;
 color: #555555;
 font-size: 10px;
 font-weight: normal; 
}

#menu-head {
 width: 191px;
 height: 36px;
 clear: both;
 background-image: url('menu.gif');
}

#menu-foot {
 width: 174px;
 height: 12px;
 clear: both;
 font-size: 10px;
 background-image: url('menu2.gif');
}

.menu-item, .menu-item-b {
 width: 174px;
 height: 34px;
 background-image: url('bg2.gif');
 font-family: Arial, sans-serif;
 color: black;
 font-size: 10pt;
 font-weight: bold;
 clear: both;
 bborder-right: 1px solid #D6D6D6;
}

.menu-item-b {
 background-color: #1C7ED0;
 color: white;
 background-image: url('none');
}

.menu-item a, .menu-item-b a{
 position: relative;
 top: 8px;
 left: 10px;
 color: #555555;
 text-decoration: none;
}

.menu-item a:hover, .menu-item-b a:hover{
 color: black;
 text-decoration: underline;
}

.menu-item-b a, .menu-item-b a:hover{
 color: white;
}

#text {
 position:absolute;
 width: 900px;
 float: left;
 border-right: 1px dotted #E0E0E0;
}

#text-inner {
 margin-left: 30px;
 margin-right: 20px;
 margin-top: 40px;
 font-family: Arial, sans-serif;
 color: black;
 font-size: 13px;
 line-height: 170%;
 font-weight: normal;
}

#text_reg {
 width: 850px;
 float: left;
 border-right: 1px dotted #E0E0E0;
}

#text-inner table{
 background-color:  #00bfff;
  border-collapse: collapse;
 border: 2px solid rgb(223, 162, 117);
 margin: 0px;
 padding: 0px;
}

#text-inner b{
 color: #444444;
}

#text-inner td{
 color: #333333;
 font-size: 12px;
 line-height: 170%;
 padding: 4px;
 border: 1px solid rgb(225, 167, 123);
 margin: 0px;
 padding: 10px;

}



#text-inner .tablehead, #text-inner th {
 padding: 10px;
 font-size: 13px;
 background-color: #F8F8F8;
 border-bottom: 1px solid #D3D3D3;
 font-weight: bold;
 color: #1C7ED0;

}


#text-inner input {
    border: 1px solid #DBDDFF;
    background: #CBE5F9;
}
#text-inner input:hover {
    border: 1px solid #F5F5F5;
    background: #AAAAAA;
}

#text-inner select {
    border: 1px solid #DBDDFF;
    background: #CBE5F9;
}
#text-inner select:hover {
    border: 1px solid #F5F5F5;
    background: #AAAAAA;
}

.button {
 font-family: Arial, sans-serif;
 color: #278CE2;
 font-weight: bold;
 text-decoration: none; 
 background-color: #DBDDFF;
 padding: 3px;
 border: 2px dotted #CBE5F9;
 margin: 3px;
}

.button:hover {
 color: black;
 font-weight: bold;
 text-decoration: none;
 background-color: #F5F5F5;
 border: 2px dotted #AAAAAA;
}



#text-inner a{
 font-family: Arial, sans-serif;
 color: #278CE2;
 font-weight: bold;
 text-decoration: none; 
 background-color: #DBDDFF;
 padding: 3px;
 border: 2px dotted #CBE5F9;
 margin: 3px;
}

#text-inner a:hover{
 color: black;
 font-weight: bold;
 text-decoration: none;
 background-color: #F5F5F5;
 border: 2px dotted #AAAAAA;
}

#text-inner h5{
 background-color:  #FEEB93;
 color: #444444;
 font-size: 13px;
 font-weight: bold;
 margin: 0px;
 padding: 3px;
 padding-left: 5px;
 padding-right: 5px;
 xxwidth: 150px;
 border: 1px dotted #FEDE5C;
 display: inline;
 margin: 4px;
}

#text-inner h3{
 font-family: Arial narrow, Arial, sans-serif;
 font-size: 18pt;
 font-weight: bold;
 color: #1C7ED0;
 line-height: 130%;
 margin: 0px;
 margin-bottom: 15px;
 margin-top: 20px;
 padding: 0px;
 padding-bottom: 5px;
 padding-left: 8px;
 border-left: 6px solid #1C7ED0;
 clear: both;
}

#text-inner h4{
 background-image: url('h4.gif');
 background-repeat: no-repeat;
 font-family: Arial narrow, Arial, sans-serif;
 font-size: 18pt;
 font-weight: bold;
 color: white;
 background-color: #1C7ED0;
 padding: 5px;
 padding-left: 15px;
 margin: 0px;
 float: left;
 position: relative;
 top: 4px;
 xxwidth: 20px;
 height: 33px;
}

#text-inner .best{
 float: left;
 width: 330px;
 position: relative;
 left: 10px;
}


#text-inner h2{
 font-family: Arial narrow, Arial, sans-serif;
 font-size: 16pt;
 font-weight: bold;
 color: #1C7ED0;
 margin: 0px;
 padding: 0px;
}

#text-inner li{
 List-style-type: square;
 xxList-style-type: none;
 font-weight:  normal:
 font-size: 13px;
}


.obrvpravo{
 border: 0px solid #B0B0B0;
 margin: 5px;
 margin-top: 50px;
 padding: 1px;
 float: right;
}

#text-inner imgleft{
 border: 0px solid #B0B0B0;
 margin: 5px;
 margin-top: 50px;
 padding: 1px;
 float: left;
}

#title-image {
 border-bottom: 5px solid white;
}

.image {
 border: 3px solid #666666;
 margin-bottom: 25px;
 margin-top: 5px;

}

text-inner a:hover{
 color: black;
 font-weight: normal;
 text-decoration: none;
}


xxtext-inner a:hover{
 color: black;
 font-weight: bold;
 text-decoration: none;
}

.image {
 border: 3px solid #666666;
 margin-bottom: 25px;
 margin-top: 5px;

}

text-inner a:hover{
 color: black;
 font-weight: normal;
 text-decoration: none;
}

#text-inner .blue b {
 color: #1C7ED0;
}


.clear{
 height: 15px;
 clear: both;
}

.ul2 li {
 line-height: 110%;
 list-style-image: url('none');
 list-style-type: square
}

input[type=text] { width: 15em; }


ul {
	list-style: disc inside;
	margin-left: 1em;
	list-style-type: square;	
	text-decoration: none;
	background-color: lightblue;
}

#content {
	padding: 10px;
}

label {
	float: left;
	width: 12em;
}