html,body{margin:0;padding:0}
body{font:85% "Trebuchet MS",arial,sans-serif;color: #333;text-align:center; padding: 5px; background: #FFF url(oprema/bg1.gif);margin-left:2px;}
td{font: "Trebuchet MS",arial,sans-serif;color: #333;}
.preload{visibility:hidden;}

a {font:85% "Trebuchet MS",arial,sans-serif; color: #000; text-decoration:none; font-style: normal; font-variant: normal; font-weight: bold; }
a:hover {font:85% "Trebuchet MS",arial,sans-serif; color: #990000; text-decoration:none; font-style: normal; font-variant: normal; font-weight: bold; }
a:active {font:85% "Trebuchet MS",arial,sans-serif; color: #e00000; text-decoration:none; font-style: normal; font-variant: normal; font-weight: bold; }

a.plavo {font:85% "Trebuchet MS",arial,sans-serif; color: #336699; text-decoration:none; font-style: normal; font-variant: normal; font-weight: bold; }
a:hover.plavo {font:85% "Trebuchet MS",arial,sans-serif; color: #e00000; text-decoration:none; font-style: normal; font-variant: normal; font-weight: bold; }
a:active.plavo {font:85% "Trebuchet MS",arial,sans-serif; color: #e00000; text-decoration:none; font-style: normal; font-variant: normal; font-weight: bold; }


h1,h2{padding-left: 15px;margin: 0}
h2{font-size: 160%;color: #555}
hh2{font-size: 160%;color: #555}
a.hh2{font-size: 160%;color: #555}
a:hover.hh2{font-size: 160%;color: #990000;}
a:active.hh2{font-size: 160%;color: #000000}

p{margin: 0;padding: 0 15px 0.7em;line-height: 1.5}
address{font-style: normal}

div.gradient{background: #990000 url(oprema/gradient.png) repeat-x top;margin: 15px}
div#gradient1{background: #cccccc url(../oprema/gradient1.png) repeat-x top; width: 980px;}
div.gradient p{margin:0;padding: 2px 5px}
p.codehere{color: #2A4D91}

div#container{width:980px;margin: auto auto; border-left:#cccccc solid 1px; border-right:#cccccc solid 1px; background-color: #FFFFFF; text-align: left; height:auto; }
div#logo1{background: #990000 url(oprema/gornja_sl.jpg) no-repeat;padding:0px 0; height:120px; width:600px;}
div#header{background: #FFFFFF url(oprema/gornja_sl.jpg) no-repeat;padding:10px 0; height:120px; width:980px;}
div#header h1{color: #FFF;font-size: 300%;font-weight: 900}
div#menu{width:100%;overflow:auto;background: #e7e7e7;padding-top: 5px}
ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0}
ul#nav{padding-left:15px}
ul#nav li{float:left;width:80px;margin-right:2px;text-align: center}
ul#nav a{float:left;width:80px;text-decoration:none;background: #FFC;color: #999}
ul#nav li.active a,ul#nav a:hover{color: #000}
div#content{clear:left;width:500px;border-top:1px solid #999;padding-top:15px;background-color: #C0CDF2}
div#footer{padding-top:5px;text-align: center;font-size: 90%;background: #8395CB;color: #FFF}
div#dno {margin: auto auto; padding-top:5px; width:980px; height:6px; background: #FFFFFF url(oprema/donjiporub.gif) no-repeat;}
div#vrh {margin: 0 auto ; width:980px; height:6px; background: #FFFFFF url(oprema/gornji_porub.gif) no-repeat;}

div#box{float:right;display:inline;width:150px;margin: 5px 15px 0 5px;background:#E4E7F2;text-align:center}
div#box p{padding:0 5px}
div#minipics{float:left;width:100%;padding-bottom:10px}
div#minipics ul{list-style-type: none;margin:0 15px;padding:0}
div#minipics li{float:left;width:100px;margin: 10px 10px 10px 0;background-color: #FFF}
div#minipics li img{display: block;width: 80px;height: 80px;margin:5px 10px;border: 0px}
.veliko  { font-style: normal; font-variant: normal; font-weight: bolder; font-size: 100%;font-family: arial; color: #660000; }
a.veliko  { font-style: normal; font-variant: normal; font-weight: bolder; font-size: 100%;font-family: arial; color: #660000; }
a:hover.veliko  { font-style: normal; font-variant: normal; font-weight: bolder; font-size: 100%;font-family: arial; color: #e00000; }
.malo  {font:60% "Trebuchet MS",arial,sans-serif;color: #333;}
.malo2  {font:75% "Trebuchet MS",arial,sans-serif;color: #333; font-weight:bold;}
.citat {background:#f0f0f0;font: 10pt arial; font-style: italic; width:90%; border:dashed a380ff 1px;margin:auto;}

#div-1 {
 position:relative;
 width:980px;
 
}
#levi {
 float:left;
 width:760px;
border-right:1px solid #000000;padding:3px;

}
#div-1b {
float:right;
width:200px;
border:1px solid #cccccc;padding:3px;
}
#div-1c {
 clear:both;
}
#levi_meni {
 float:left;
 width:150px;
}
#div-2b {
float:left;
width:630px;
}

#cl_polje {
 position:relative;
 width:760px;
 
}
#cl_levi{
 float:left;
 border:1px solid #cccccc;padding:3px;
 width:120px;
}
#cl_desni {
float:right;
border:1px solid #cccccc;padding:3px;
width:620px;

}
div#cl_ispod {
 clear:both;
}

div#olg-1 {
 position:relative;
 width:980px;
 height:auto;

}
div#olg-1a {
 position:absolute;
 top:0;
 right:0;
 width:760px;
 text-align:left;
border:1px solid #cccccc;padding:3px;
}
div#olg-1b {
 position:absolute;
 top:0;
 left:0;
 width:200px;
border:1px solid #cccccc;padding:3px;
}

.td_nova_poruka {color:#660000;  background:#fff0f0; border: solid 1px #660000;}
a.nova_poruka {color:#990000; font-weight: bold;}
a:hover.nova_poruka {color:#e00000; font-weight: bold;}

.td_stara_poruka {color:#777777;   background:#f0f0f0; border: solid 1px #777777;}
a.stara_poruka {color:#777777; font-weight: bold;}
a:hover.stara_poruka {color:#e00000; font-weight: bold; }

.dragme{position:relative;}
div#stalni {
position:absolute;
left:0px;
top:200px;}

div#sakriveni {
text-align:left;
padding:5px;
position:absolute;
top:100px;
left:300px;
visibility:hidden;
width:490px;
height:300px;
background: url(oprema/iza_as.gif) no-repeat;
z-index:3000;
}

div#stubac1 {
 float:left;
 width:140px;
 border-left-color:#999999;
 border-left-style:double;
}
div#stubac2 {
 float:left;
 width:140px;
 border-left-color:#999999;
 border-left-style:solid;
 border-right-color:#999999;
 border-right-style:solid;
}
div#stubac3 {
 float:left;
 width:140px;
 border-right-color:#999999;
 border-right-style:double;
}
div#okvir {
 margin:auto;
 width:480px;
 text-align:center;
}
div#stubac4 {
 clear:both;
 text-align:center;
}
#miniflex {
  width: 90%;
  float: left;
  /*font-size: small; /* could be specified at a higher level */
  margin: 0;
  padding: 0 10px 0 10px;
  border-bottom: 1px solid #990000;
  position:relative;
  z-index:2;
}

#miniflex li {
  float: left;
  margin: 0;
  padding: 0;
  display: inline;
  list-style: none;
  position:relative;
}

#miniflex a:link, #miniflex a:visited {
  float: left;
  font-size: 85%;
  line-height: 20px;
  font-weight: bold;
  margin: 0 10px 0 10px;
  text-decoration: none;
  color: #330000;
}

#miniflex a.active:link, #miniflex a.active:visited, #miniflex a:hover {
  border-bottom: 4px solid #696;
  padding-bottom: 2px;
  color: #aa0000;
}
  
#animated-tab {
  position: absolute;
  z-index: 1;
  font-size: 85%;
  line-height: 20px;
  padding-bottom: 2px;
  border-bottom: 4px solid #990000;
}

.tr_dis1 {
background:#ffffff;
}

.tr_dis2 {
background:#fff0f0;
}

.td_dis1 {
font:70% "Trebuchet MS",arial,sans-serif;color: #333;
}
.td_dis2 {
background:#a380ff;
font:50% "Trebuchet MS",arial,sans-serif;color: #000000;
}
.td_dis3 {
font:100% "Trebuchet MS",arial,sans-serif;color: #333;
}
.td_dis4 {
background:#a380ff;
font:100% "Trebuchet MS",arial,sans-serif;color: #000000;
}

.tema {font:100% "Trebuchet MS",arial,sans-serif; color: #333; text-decoration:none; font-style: normal; font-variant: normal; font-weight: bold;}
a.tema {font:100% "Trebuchet MS",arial,sans-serif; color: #333; text-decoration:none; font-style: normal; font-variant: normal; font-weight: bold;}
a:hover.tema {font:100% "Trebuchet MS",arial,sans-serif; color: #990000; text-decoration:none; font-style: normal; font-variant: normal; font-weight: bold;}
a:visited.tema {font:100% "Trebuchet MS",arial,sans-serif; color: #999999; text-decoration:none; font-style: normal; font-variant: normal; font-weight: bold;}
a:active.tema {font:100% "Trebuchet MS",arial,sans-serif; color: #e00000; text-decoration:none; font-style: normal; font-variant: normal; font-weight: bold;}

.postBody {
max-width: 500px;
}

.postovi {
max-width: 700px;
}