* { margin: 0; padding: 0; }
body { background: #00414e; color: #eeeeee; font: 86% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; }
#sidebar { position: fixed; top: 40px; left: 40px; width: 230px; }
* html div#sidebar  { top: 40px; left: 40px; width: 230px; position: absolute; }
#content { margin: 35px 15% 5em 315px; width: 520px;}

h1, h2, h3 { font-family: "Trebuchet MS",Verdana,Sans-Serif; }
h1 { font-size: 2.3em; }
h1 a { color:#fff; border: none; }
h1 em { font-size: 1.25em; color: #64c4ff; font-style: normal; }
h2 { font-size: 1.5em; letter-spacing: 0.4pt; color: #64c4ff; text-transform: uppercase; padding-top: 0.5em; }
h3 { font-size: 1.0em; letter-spacing: 0.2pt; color: #c0dB5A; text-transform: uppercase; padding-top: 1em; padding-bottom: 0.5em;}
a { color: #8ad459; text-decoration: none; }
#content p a:hover, #content dd a:hover { border-bottom: 1px dotted #8ad459; }
a img { border: none; }
small { font-size: 0.8em; }
p {	line-height: 1.5em;	margin-bottom: 1.0em; font-size: 0.9em;}
p.lead { font-size: 1.0em; }
ol, ul { margin: 0.5em 0 1.2em 2em; }	
ol, ul, dl { line-height: 1.5em; }
ol li { margin-bottom: 0.2em; }
li { font-size: 0.9em; }
li strong {color: #999;}
dl { margin: 0.5em 0 1.2em 0; }
dt { font-size: 0.9em; font-weight: bold; color: #999; padding-top: 0.4em; }
dd { font-size: 0.9em; margin-bottom: 1.0em; padding-bottom: 0.9em; border-bottom: 1px dashed #00768f; }
kbd { color: #555; background-color: #ddd; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size: inherit; font-family: inherit; padding: 0 3px 2px 4px; }
fieldset{ border: none; }

#sidebar a{ color: #fff; }
#sidebar h1 a { font-weight: bold; }
#navigacija { list-style: none; margin: 2em 2em 2em 0; }
#navigacija ul { list-style: none; margin: 0 auto; margin-left: 0.6em; margin-right: 0.6em;}
#navigacija ul li { padding: 0; margin: 0; }
#navigacija ul li a { display: inline; padding: 0; margin-bottom: 1px; color: #eee; background-color: inherit; }
#navigacija li { padding: 0; margin: 0; }
#navigacija a { display: block; height: 2.0em; padding: 0.3em 0.2em 0.2em 0.8em; margin-bottom: 1px; color: #eee; background-color: #007189; }
#navigacija a:hover{ color: #1a1a1a; background-color: #64c4ff; }	

#content ul { margin-left: 4px; }
#content ul li { list-style: none; padding: 0 0 0 12px; background: url(../images/bullet.gif) no-repeat 0 6px; }
.download { background-color: #00556c; border: 1px solid #007189; padding: 0.7em 1.5em; }
#content ul.download li { padding: 0.3em 0; background-image:none; }
.download img { padding-right: 0.3em; }
.download li strong { font-family: "Trebuchet MS",Verdana,Sans-Serif; color: #fff;}
.download li em { font-style: normal; color: #64c4ff; }
.download a:hover { text-decoration: underline; }


.section { padding: 0; }
.first { border-top: none; padding-top: 0; }
.thumbnail{ padding: 3px 3px 8px 3px; background-color: #00556c; float: left; margin-right: 10px; margin-bottom: 10px; }
.caption { font-size: 0.9em; padding-top: 0.2em; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html>body .clearfix { display: inline-block; width: 100%; }
* html .clearfix { /* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */ }