body {
margin:0px;
padding:0px;
background:#d8d8d8;
color:#666666;
font-family:Arial, Helvetica, sans-serif;
}
a {
color:#2f6881;
}
a:hover {
color:#23343c;
}
h1 {
font-weight:normal;
font-size:2em;
color:#424e53;
margin:0px;
padding:0px;
}
h2 {
font-weight:normal;
font-size:1.3em;
color:#2f6681;
margin:0px !important;
padding:0 35px 0 20px !important;
line-height:2.5em;
}
h5 {
display:block;
width:645px;
margin:20px 20px 0 20px;
height:26px;
background: url(../images/dateback.gif) top left repeat-x ;
line-height:28px;
color:#2f6681;
padding-left:15px !important;
font-weight:normal;
font-size:12px !important;
}
#xbody {
width:954px;
margin-left:auto;
margin-right:auto;
border-left:#e6e6e6 17px solid;
border-right:#e6e6e6 17px solid;
overflow:hidden;
background:#fff;
padding-bottom:17px;
}
#header {
background: url(../images/foto_top.jpg) no-repeat;
background-position: 775px 0px;
height:83px;
}
#leftcol {
float:left;
width:703px;
background: url(../images/leftback.gif) left top repeat-y;
padding:15px 0 0 0;
margin-top:18px;
font-size:0.75em;
line-height:2em;
}
#leftcol table, #xbody table {
width:638px;
position:relative;
left:35px;
vertical-align:top;
border-bottom:1px #CCCCCC solid;
border-right:1px #CCCCCC solid;
margin-bottom:15px;
}
#leftcol table tr td, #xbody table tr td {
padding:3px;
border-top:1px #CCCCCC solid;
border-left:1px #CCCCCC solid;
}

#leftcol p, h1, h2, h3, h4 {
padding: 0 35px 0 35px;
}
#leftcol span.hr {
display:block;
border-bottom:1px solid #cccccc;
width:690px;
height:1px;
position:relative;
left:6px;
margin:0;
padding-bottom:15px;
overflow:hidden;
}

#logo {
display:block;
width:420px;
height:70px;
background: url(../images/logo_top.gif) no-repeat top left;
margin:0 180px 0 0;
background-position:20px 15px;
float:left;
}
#netacad {
display:block;
width:75px;
height:70px;
background: url(../images/cisco_netacad.gif) no-repeat top left;
margin:6px 0 0 0;
float:left
}
#esflogo {
display:block;
width:72px;
height:64px;
background: url(../images/esf_top.gif) no-repeat top left;
margin:8px 0 0 15px;
float:left
}
#menu {
height:27px;
width:940px;
margin:0 auto;
background: url(../images/menuback.gif) repeat-x top left;
}
#menucontainer {
clear:both;
width:954px;
position:absolute;
}
#menuleft {
display:block;
float:left;
width:2px;
height:27px;
background: url(../images/menu_left.gif) top left no-repeat;
position:absolute;
z-index:30;
margin-left:-1px;
}
#menuright {
display:block;
width:2px;
height:27px;
background: url(../images/menu_right.gif) top left no-repeat;
position:absolute;
z-index:31;
margin-left:938px;
}
#menulist {
list-style:none;
margin:0px;
padding:0px;
position:relative;
left:-1px;
}
ul {
margin:0px;
padding:0px;
}
li ul {
display: none;
width:146px;
clear:both;
margin-left:-1px;
}
li ul li {
display: block;
clear:both;
}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */

li:hover ul, li.over ul { 
	display: block;
}

#menulist li ul li a {
background:#eaeaea;
background-image:none;
border-left:solid 1px #CCCCCC;
border-bottom:solid 1px #CCCCCC;
width:146px;
text-align:left;
font-weight:normal;
padding-left:10px;
}
#menulist li ul li a.level2 {
background:#f7f7f7;
border-left:solid 1px #CCCCCC;
border-bottom:solid 1px #CCCCCC;
width:136px;
text-align:left;
font-weight:normal;
padding-left:20px;
}
#menulist li ul li a:hover {
background:#3c82a4;
color:#FFFFFF;
}



/* prva uroven */
#menulist li {
list-style:none;
display:block;
float:left !important;
}
#menulist a {
display:block;
height:27px;
width:156px;
float:left !important;
font-size:0.75em;
line-height:2.2em;
text-decoration:none;
color:#2f6681;
font-weight:bold;
text-align:center;
border-right:1px solid #cccccc;
background: url(../images/menu_back_hover.gif) repeat-x top left;
}
#menulist a:hover {
background-position:0 -27px ;
color:#FFFFFF;
}
/* koniec prva uroven */
#mainpage {
width:965px;
clear:both;
display:block;
padding:32px 0 0 0;
}
#top {
padding-left:6px;
width:100%;
}
#top img {
float:left;
border:none;
}
#ktoje {
height:106px;
width:208px;
float:left;
background: url(../images/ktoje.gif) center top no-repeat;
padding:100px 100px 0 25px;
font-size:0.70em;
line-height:1.8em;
font-family:Arial, Helvetica, sans-serif;
}

#leftcolbotom {
display:block;
background: url(../images/leftcol_bottom.gif) bottom left no-repeat;
width:100%;
height:8px;
}
#rightcol {
float:right;
width:257px;
font-size:0.8em;
}
#rightcol p {
padding:10px 25px 0 20px;
margin-top:0 !important;
line-height:1.8em;
clear:both !important;
}
#leftcol ul {
display:block;
clear:both;
width:600px;
margin-bottom:15px;
}
#leftcol ol {
display:block;
clear:both;
width:600px;
list-style:decimal;
}
#leftcol ol li {
display:list-item;
width:600px;
list-style:decimal;
clear:both;
line-height:1.8em;
list-style-position:outside;
margin-left:3em;
vertical-align:text-top;
position:relative;
top:-4px;
}
#leftcol ul li {
display:list-item;
width:600px;
list-style:none;
line-height:1.5em;
position:relative;
left:50px;
padding-left:12px;
clear:both;
background: url(../images/bulet.gif) no-repeat;
background-position:left 6px;
}
#cojenove {
background: url(../images/right_back.gif) repeat-y top left;
margin-top:19px;
overflow:hidden;
}
.right_item {
background:#fff  url(../images/right_top.gif) top left no-repeat;
margin-top:5px;
border-bottom:solid 8px #e6e6e6;
}
.right_item div.bord {
background: url(../images/right_back.gif) repeat-y top left;
display:block;
width:246px;
position:relative;
top:8px;
}
#rightcol span.hr {
display:block;
border-bottom:1px solid #cccccc;
width:233px;
height:1px;
position:relative;
left:6px;
margin:0;
overflow:hidden;
}
#rightcol span.hr2 {
display:block;
border-top:1px solid #cccccc;
width:234px;
height:1px;
position:relative;
left:6px;
margin:0;
overflow:hidden;
padding-bottom:5px;
background:#fff;
}
#text {
clear:both;
background:#e6e6e6  url(../images/section2.gif) top left no-repeat;
}
#footer {
width:914px;
padding:10px 20px 20px 20px;
clear:both;
background:#eeeeee;
text-align:center;
font-size:0.7em;
border-top:solid 1px #FFFFFF;
position:relative;
top:17px;
overflow:hidden;
}