body {
margin:0;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
background-image:url(../images/pozadi.gif);

}

#container {
text-align:left;
/* border:1px solid #d3d3d3; */
background-color:#FFFFFF;
top:0px;
position:relative;
width:1020px;
margin:0 auto;

}

#header{
clear:both;
float:right;
text-align:left;
width:783px; 
height:45px; 
background:url(../images/hlava.gif) 0 0 repeat-x;
position:relative;
z-index: 10;
}


#left-content {
float:left;
position:relative;
margin-top:0px;
margin-bottom:10px;
width:234px;
background-color:#f7f7f7;
}

#left-nav {
background-color:#507ed4;
width:234px;
}

#wrapper {
top:2px;
float:right;
width:783px;
}

#main-content {
float:left;
position:relative;
margin-top:2px;
margin-right:2px;
margin-bottom:10px;
width:550px;
}


#main-content_2c {
float:left;
position:relative;
margin-top:2px;
margin-right:2px;
margin-bottom:10px;
width:770px;
}

#right-content {
float:right;
position:relative;
margin-top:2px;
margin-right:0px;
margin-bottom:10px;
width:230px;
}

#footer{
clear:both;
padding:4px;
text-align:left;
font-size:x-small;
border-top:2px solid #0c41a4;
color:#0d42a4;
background:#fff;
}

/* IE5/Mac: \*//*/

#footer{
position:relative;
top:15px;
}

/*  */


/*********************/
/* Form element styles:*/
/*********************/

#searchf { 
z-index: 10;
position:absolute;
left:570px;
top:6px;
width:138px;
font-size:9px;
padding:1px;
border:1px solid;
}

* html #searchf {
top: 5px;
width:136px;
height:10px;
padding:2px;
}

#searchbutton{
z-index: 10;
position:absolute;
top:6px;
left:718px;
}

* html #searchbutton{
top: 5px;
}

#username {
z-index: 10;
position: absolute;
left:570px;
top:96px;
width:64px;
padding:1px;
font-size:9px;
border:1px solid;
}

* html #username {
width:62px;
height:10px;
padding:2px;
}

#password {
z-index: 10;
position: absolute;
left:646px;
top:96px;
width:64px;
padding:1px;
font-size:9px;
border:1px solid;
}

* html #password {
width:62px;
height:10px;
padding:2px;
}

#loggedin {
z-index: 10;
position: absolute;
left:625px;
top:98px;
font-size:12px;
font-weight:bold;
}

* html #loggedin {
top:95px;
}

#loginbutton {
z-index: 10;
position: absolute;
left:718px;
top:96px;
}

/* menu */

.vertnav1 a:link,
.vertnav1 a:visited,
.vertnav1 a:active {
margin-left: 10px;
display:block;
padding:2.5px;
font-size:12px;
font-weight:bold;
text-indent:18px;
background-image:url(../images/menu_sipka_b.gif);
background-position:center left;
background-repeat:no-repeat;
text-decoration:none;
width:220px;
border-bottom:2px solid #fff;  /*grey*/
color:#fff; /* white */ 
}
.vertnav1 a:hover {
color:#FF6000; /* red orange*/ 
}

.vertnav1-act a:link,
.vertnav1-act a:visited,
.vertnav1-act a:active {
margin-left: 10px;
display:block;
padding:2.5px;
font-size:12px;
font-weight:bold;
text-indent:18px;
background-image:url(../images/menu_sipka_b.gif);
background-position:center left;
background-repeat:no-repeat;
text-decoration:none;
width:220px;
border-bottom:2px solid #fff;  /*grey*/
color:#FF6000; /* red orange*/ 
}

.vertnav2 a:link,
.vertnav2 a:visited,
.vertnav2 a:active {
margin-left: 10px;
display:block;
padding:2.5px;
font-size:12px;
font-weight:bold;
text-decoration:none;
width:220px;
border-bottom:2px dotted #ec9e14;  /*burnt orange*/
text-indent:15px;
color:#fff; /* white */ }
.vertnav2 a:hover {
color:#FF6000; /* red orange*/ 
}

.vertnav2-act a:link,
.vertnav2-act a:visited,
.vertnav2-act a:active {
margin-left: 10px;
display:block;
padding:2.5px;
font-size:12px;
font-weight:bold;
text-decoration:none;
width:220px;
border-bottom:2px dotted #ec9e14;  /*burnt orange*/
text-indent:15px;
color:#FF6000; /* red orange*/
}

.vertnav3 a:link,
.vertnav3 a:visited,
.vertnav3 a:active {
margin-left: 10px;
display:block;
padding:2.5px;
font-size:12px;
font-weight:bold;
text-decoration:none;
width:220px;
border-bottom:2px dotted #ec9e14;  /*burnt orange*/
text-indent:30px;
color:#fff; /* white */ 
}
.vertnav3 a:hover {
border-bottom:2px dotted #ec9e14;  /*burnt orange*/
color:#FF6000; /* red orange*/ 
}

.vertnav3-act a:link,
.vertnav3-act a:visited,
.vertnav3-act a:active {
margin-left: 10px;
display:block;
padding:2.5px;
font-size:12px;
font-weight:bold;
text-decoration:none;
width:220px;
border-bottom:2px dotted #ec9e14;  /*burnt orange*/
text-indent:30px;
color:#FF6000; /* red orange*/ 
}
.vertnav3-act a:hover {
border-bottom:2px dotted #ec9e14;  /*burnt orange*/
color:#FF6000; /* red orange*/ 
}

.vertnav4 a:link,
.vertnav4 a:visited,
.vertnav4 a:active {
margin-left: 10px;
display:block;
padding:2.5px;
font-size:12px;
font-weight:bold;
text-decoration:none;
width:220px;
border-bottom:2px dotted #ec9e14;  /*burnt orange*/
text-indent:45px;
color:#fff; /* white */ 
}
.vertnav4 a:hover {
border-bottom:2px dotted #ec9e14;  /*burnt orange*/
color:#FF6000; /* red orange*/ 
}

.vertnav4-act a:link,
.vertnav4-act a:visited,
.vertnav4-act a:active {
margin-left: 10px;
display:block;
padding:2.5px;
font-size:12px;
font-weight:bold;
text-decoration:none;
width:220px;
border-bottom:2px dotted #ec9e14;  /*burnt orange*/
text-indent:45px;
color:#FF6000; /* red orange*/ 
}
.vertnav4-act a:hover 
{
border-bottom:2px dotted #ec9e14;  /*burnt orange*/
color:#FF6000; /* red orange*/ 
}


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

H1 { padding:4px; font-size:13px; color:#FFFFFF; background-color:#dd8941; background-image:url(../images/menu_puzzle.png); background-position: center right; background-repeat:no-repeat;}
H2 { padding:4px; font-size:13px; color:#FFFFFF; background-color:#507ed4; background-image:url(../images/menu_puzzle.png); background-position: center right; background-repeat:no-repeat;}
H3 { padding:4px; font-size:13px; color:#FFFFFF; background-color:#86b527; background-image:url(../images/menu_puzzle.png); background-position: center right; background-repeat:no-repeat;}
H4 { padding:4px; font-size:13px; color:#FFFFFF; background-color:#18366d; background-image:url(../images/menu_puzzle.png); background-position: center right; background-repeat:no-repeat;}
H1, H2, H3, H4, H5, H6 { margin: 0px 0px 0px 0px; margin-top: 2px; margin-bottom: 2px; }
H1.csc-firstHeader, H2.csc-firstHeader, H3.csc-firstHeader, H4.csc-firstHeader, H5.csc-firstHeader, H6.csc-firstHeader { margin-top: 0px; }


H1 A, H2 A, H3 A, H4 A, H5 A { color: #2961DC; text-decoration: none; }
H2 A { color: #000; }
H3 A { color: #2961DC; }
H4 A { color: #8A0020; }
H5 A { color: #2961DC; }
H1 A:hover, H2 A:hover, H3 A:hover, H4 A:hover, H5 A:hover { text-decoration: none; }


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

P, TD, UL, OL, PRE, BLOCKQUOTE, INPUT, TEXTAREA, SELECT { font-family: arial, helvetica; color: #666666 }
P { color: #333333; }
PRE PRE { font-family: monospace; }
A { color: #2961DC; text-decoration: none;}
A:hover { color: #2961DC; text-decoration: none; }
FORM { margin: 0px 0px 0px 0px;}
P, PRE { margin: 0px 0px 0px 0px; }
P, TD, UL, OL { font-size: 11px; }
INPUT, TEXTAREA, SELECT { padding-left: 5px; font-size: 11px; }

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

P.csc-linkToTop { text-align:right; }
P.csc-linkToTop A { font-weight:bold; }


DIV.contentframe1 { background-color:#fff; padding:6px; border:1px solid #333; margin-bottom:5px; font-size:11px; }
DIV.contentframe2 { background-color:#FFE94C; padding:6px; border:1px solid #333; margin-bottom:5px; font-size:11px; }
DIV.contentframe3 { background-color:#FFE94C; padding:6px; margin-bottom:5px; font-size:11px; }
DIV.contentframe4 { background-color:#fff; padding:6px; border:1px solid #FFE94C; margin-bottom:5px; font-size:11px; }