body {background-image:url(tech.gif);
margin:0; padding:0;
font-family:verdana, arial, sans-serif; font-size:80%; color:#333333; background-color:#efefef;}

p {
margin:0; padding:0.4em 0.2em 0.6em 0.2em;}

a:link, a:visited {
color:#336699; text-decoration:underline;}

a:hover {
color:#e17e1c; text-decoration:none;}

a:active {
color:#82D339; text-decoration:underline;}

div.wholepage {border-right:1px solid black;border-left:1px solid black;
margin:0 auto 0 auto; padding:0; background-color:#FFFFFF; width:845px;height:auto;}

div {margin:0; padding:0;}

h1 {
color:#014417; font-size:150%; font-family:"trebuchet ms", "lucida sans", arial, sans-serif; 
font-weight:normal;}


/* +++ Start Of Header Section +++ */

#header {border-left:0px solid #294D69;border-right:0px solid #294D69;
margin:0; padding:0;background-image:url(tech.gif);}

.superheader {background-image:url(bbg1.gif);
background-color:#00487d; text-align:right; color:#FFFFFF; padding:2px 2em 2px 2px;
border-bottom:2px solid black;
}

.mainheader {
margin:0; padding:0px 0em 0px 0em; text-align:left;
background-color:black; background-repeat:no-repeat; background-position:left top;}

.mainheader h1 {
font-size:300%; margin:0 0 0px 0; padding:0;text-indent:0em;}

.mainheader p {
text-indent:0em; color:#000000; margin:0; padding:0.0em; font-weight:bold;}

#subheader {background-image:url(a1.gif);
background-color:; margin:0; padding:0.0em; text-align:right; color:#FFFFFF;

}

#subheader a {color:orange;font-size:130%;text-decoration:none;}
#subheader a:hover {color:#ffffff;font-size:130%;text-decoration:underline;}
#subheader marquee { padding:0px 0em 0px 0em; margin:0px 0em 0px 0em;}
/* +++ Start Of Side Menu Section +++ */

#sidecontainer {background-image:url(slike/white.jpg);
margin:0; padding:0; float:left; width:20%; text-align:center;}

#sidecontainer h2 {
display:block; margin:0; padding:0.1em; color:#FFFFFF; background-color:#004419; font-weight:bold;
 font-family:"trebuchet ms", "lucida sans", arial, sans-serif; font-size:120%;}

.nav {
margin:0 0 1em 0; padding:0; list-style-type:none; background-color:#FFFFFF;}

.nav li {
margin:0; padding:0; display:block; border-bottom:2px solid #efefef;}

.nav a:link, .nav a:visited {
display:block; margin:0; text-decoration:none; color:#32668E; margin:0; padding:0.2em;background-image:url(a2.gif)}

.nav a:hover {font-weight:bold;border-left:5px solid #014417;border-right:5px solid #014417;
display:block; margin:0; text-decoration:none; color:#e17e1c; margin:0; padding:0.2em; background-color:#f4f4f4;}

.nav a:active {background-image:url(a2.gif);
display:block; margin:0; text-decoration:none; color:#990000; margin:0; padding:0.4em;}




/* +++ Start Of Content Section +++ */

#content {background-image:url(slike/kocke.gif);
height:auto;
margin:0 0 0 20%; padding:0.8em; border-left:1px solid #294D69; }

#content img {
float:center; border-style:none;}

q {
display:block; margin:30px; padding:0px 10px;  color:#003366; font-size:120%; 
text-align:left; height:3em;border-left:2px dashed #294D69
}

q:before, q:after {
content:"";}

#content h1 {margin:0; padding:0.1em; text-indent:2.5em;background-color:#efefef;border-left:10px solid #e17e1c;border-bottom:1px solid #294D69;background-image:url(a2.gif);}


/* +++ Start of Footer Section +++ */

#footer {clear: both;
margin:0; padding:0;}

.superfooter {background-image:url(bbg1.gif);
background-color:#32668E; height:0.9em;}

.mainfooter {
background-color:#FFFFFF; text-align:center;}

.subfooter {background-image:url(a1.gif);
background-color:#294D69; height:auto;}

#footer p {
font-size:75%; color:#999999; padding:0.3em;}