body { margin-top:20px; background-image:url(../slike/mis.jpg); background-repeat:repeat; color:#666;
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}


/**********************************************************************************/
/* Add a margin - for this demo only - and a relative position with a high z-index to make it appear over any element below */
#menu_container {position:relative; width:650px; height:23px; z-index:100;}

/* Get rid of the margin, padding and bullets in the unordered lists */
#pmenu, #pmenu ul {padding:0; margin:0; list-style-type: none;}

/* Set up the link size, color and borders */
#pmenu a, #pmenu a:visited {display:block;width:107px; font-size:10px; color:#fff; height:23px; line-height:22px; text-decoration:none; text-indent:5px; border:1px solid #666; border-width:1px 0 1px 1px; font-weight:bold;}

/* Set up the sub level borders */
#pmenu li ul li a, #pmenu li ul li a:visited {border-width:0 1px 1px 1px;}
#pmenu li a.enclose, #pmenu li a.enclose:visited {border-width:1px;}

/* Set up the list items */
#pmenu li {float:left; background:#ccc;}

/* For Non-IE browsers and IE7 */
#pmenu li:hover {position:relative;}
/* Make the hovered list color persist */
#pmenu li:hover > a {background:#cc3333; color:#fff;}
/* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */
#pmenu li ul {display:none;}
/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
#pmenu li:hover > ul {display:block; position:absolute; top:-11px; left:78px; padding:10px 30px 30px 30px; background:transparent; width:107px;}
/* Position the first sub level beneath the top level liinks */
#pmenu > li:hover > ul {left:-30px; top:15px;}

/* get rid of the table */
#pmenu table {position:absolute; border-collapse:collapse; top:-1px; left:0; z-index:100; font-size:1em;}

/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
* html #pmenu li a:hover {position:relative; background:#CC3333; color:#fff;}

/* For accessibility of the top level menu when tabbing */
#pmenu li a:active, #pmenu li a:focus {background:#cc3333; color:#fff;}

/* Set up the pointers for the sub level indication */
#pmenu li.fly {background:#999;}
#pmenu li.drop {background:#ccc;}


/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */

/* change the drop down levels from display:none; to visibility:hidden; */
* html #pmenu li ul {visibility:hidden; display:block; position:absolute; top:-11px; left:77px; padding:10px 30px 30px 30px; background:transparent;}

/* keep the third level+ hidden when you hover on first level link */
#pmenu li a:hover ul ul{
visibility:hidden;
}
/* keep the fourth level+ hidden when you hover on second level link */
#pmenu li a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the fifth level hidden when you hover on third level link */
#pmenu li a:hover ul a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the sixth level hidden when you hover on fourth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul ul {
visibility:hidden;
}

/* make the second level visible when hover on first level link and position it */
#pmenu li a:hover ul {
visibility:visible; left:-30px; top:14px; lef\t:-31px; to\p:15px;
}

/* make the third level visible when you hover over second level link and position it and all further levels */
#pmenu li a:hover ul a:hover ul{ 
visibility:visible; top:-11px; left:76px;}
/* make the fourth level visible when you hover over third level link */
#pmenu li a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* make the fifth level visible when you hover over fourth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* make the sixth level visible when you hover over fifth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}

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

.okvir table { border:1px solid #CC3333; background-color:#fff; width:650px;}
.okvir tr, td { vertical-align:top; }

#arena { border:1px solid #CC3333; width:650px; background-color:#FFF; margin-left:auto; margin-right:auto;
padding-bottom:10px;
 }
#galarena { background: url(../slike/elmpoz.jpg) repeat; }
#vesti marquee {background-color:#DFDFDF; color:#FF0000; font-family:"Courier New", Courier, monospace; font-size:15px; font-weight:bold;}
.dnoinfo marquee { background-color:#fff; color:#003366; font-family:"Courier New", Courier, monospace; font-size:12px; font-weight:bold; padding-right:10px; }

.menidno {font-family: verdana, arial, sans-serif; font-size:9px; color:#CC3333; margin-top:5px;}
.menidno a, .menidno a:visited, .menidno a:active { text-decoration:none; color:#CC3333; font-weight:bold; padding:3px 5px 3px 5px; }
.menidno a:hover { background-color:#CCC; color:#FFF; }


h2 { font-size:18px; font-weight:bold; font-family:"Courier New", Courier, monospace;}
h4 { font-size:12; font-family:"Courier New", Courier, monospace; }

.text { font-size:12px; text-align:justify; padding: 15px 15px 15px 15px; }
.text a {color:#006699; font-weight:bold; text-decoration:none; }
.text a:hover { color:#0099CC }

.prazan_link { color:#006699;font-weight:bold;}

.ram {margin:5px 5px 5px 5px; float:right; padding-right:10px; }
.ram img { border:1px solid #CC3333; padding:1px 1px 1px 1px; }

.ram2 {margin:5px 5px 5px 5px;}
.ram2 img { border:1px solid #CC3333; padding:1px 1px 1px 1px; }

.d_ram {margin:5px 5px 5px 5px; float:right; padding-right:10px; }
.d_ram img { border:1px solid #006699; padding:1px 1px 1px 1px; }


.footer { font-family:"Courier New", Courier, monospace; font-size:11px; color:#999; }
.footer a { font-size:11px; color:#999; text-decoration:none; }
.footer a:hover { text-decoration:underline }

.info { padding-left:10px;}
.kontakt { margin-bottom:10px; }
.kontakt form { display:block; border:1px solid #CC3333; padding:10px 10px 10px 10px; width:350px; background-color:#F4F4F4 }
.kontakt input, .kontakt textarea { color:#CC3333;}
.taster, .taster input { background-color:#E6E6E6; color:#CC3333; font-weight:bold; border:solid 1px #cc3333; margin-top:5px; }

.email { padding-top:10px; }
.email a { text-decoration:none; color:#006699; font-size:12px; font-weight:bold; }
.email a:hover { text-decoration:underline; }

.email2 { padding-top:10px; }
.email2 a { text-decoration:none; color:#006699; font-size:16px; font-weight:bold; font-family:"Courier New", Courier, monospace; }
.email2 a:hover { text-decoration:underline; }


.tabela_thermor { margin-bottom:10px; margin-top:10px; }
.tabela_thermor table { border:solid 1px #666; padding-bottom:10px; }
.tabela_thermor td { padding:3px 5px 5px 5px; }
.style6 {color:#006699;font-weight: bold;}


a.screen, a.screen:visited {
text-decoration:none; color:#CC3333; font-weight:bold; padding:3px 5px 3px 5px; font-size:14px;
font-family:"Courier New", Courier, monospace;
position:relative; 
z-index:1;
}
a.screen b {
position:absolute;
visibility:hidden; /* hide the image */
width:200px; /* give it a width */
height:0; /* no height to solve an Opera bug that makes it selectable when hidden */
border:1px solid #CC3333; /* add a border */
left:150px; /* position:the image */
top:-80px;
}
a.screen:hover {
background-color:#CCC; color:#FFF;
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.screen:hover b {
visibility:visible; /* make the image visible */
height:150px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}
a.screen:hover b img {
border:0; /* remove the link border */
}

.lista { margin:10px 10px 10px 10px; padding-left:15px; text-align:left; width:150px;
border:solid 1px #CC3333; background-color:#ddd;
 }
.lista a {text-decoration:none; color:#CC3333; font-weight:bold; padding:3px 5px 3px 5px; font-size:14px;
font-family:"Courier New", Courier, monospace; }
.lista a:hover { background-color:#CCC; color:#FFF; }

.grupa_izb { padding: 5px 5px 5px 5px; }
.grupa_izb a { display:inline-block; padding-right:5px; color:#006699; font-weight:bold; text-decoration:none; font-size:13px }
.grupa_izb a:hover { color:#0099CC }

.karakt_proiz { margin-right:20px; margin-left:10px;}
.karakt_proiz table { border:solid 1px #CC3333;text-align:left; background-color:#ddd;
margin-bottom:10px;
 }
.karakt_proiz th { background-color:#CC3333; color:#FFF; }
.karakt_proiz td { border-bottom:1px solid #fff; padding-left:10px; }



.taster { width:74px; margin-bottom:20px; border:0; background:#fff; }
.taster a {text-decoration:none; color:#CC3333; font-weight:bold; padding-left:15px; padding-right:15px;}
.taster a:hover {background-color:#CCC; color:#FFF; }


/******************* NOVOSTI **************************/

.holder {width:200px; margin:5px; border-right:1px dotted #FF0000; float:left; text-align:left;}
.holder2 {width:200px; margin:5px; float:left; text-align:left;}
.holder h4 {text-align:left; color:#006699; font-size:13px;}
.holder2 h4 {text-align:left; color:#006699; font-size:13px;}
a.hid {color:#CC3333; text-decoration:none; outline-style:none;}
a.hid em {display:none; text-align:left; }
a.hid:hover {text-decoration:none; background-color:#CCC; color:#FFF;}
a.hid:active, a.hid:focus {background:#fff;}
a.hid:active span, a.hid:focus span {display:none;}
a.hid:active em, a.hid:focus em {display:block; color:#666; width:100%; font-style:normal; cursor:default;}
.clear {clear:both;}

/******************* KRAJ NOVOSTI **************************/

.slicice a { }

.slicice a:hover img {
filter: alpha(opacity=50);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.50; opacity:0.5; }