html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;}

html, body { background: #fff; font-size: 13px; font-family: "Trebuchet MS", "Lucida Grande", Verdana; color: #222; height:100%; }
body { background-image: url(../img/bg_page.gif); background-repeat: repeat-x; line-height: 16px; }

h1,h2,h3,h4,h5 { font-family: "Trebuchet MS", "Lucida Grande", Verdana; font-weight: normal;}
h1 {font-size:2em;line-height:1;margin-bottom:0.5em;}
h2 { font-weight:bold; font-size: 13px; color:#fff; background-color:#006eaa; padding: 2px 5px; margin-bottom: 10px;}
h3 { font-weight:bold; font-size: 14px; color: #006eaa; margin: 0 5px 20px 0; text-transform: uppercase;}
h4 { font-weight:bold; font-size: 14px; color: #006eaa; margin: 0 5px 20px 0; }
h3#bio { margin-bottom:0;}

ul, ol {margin:0 20px 20px 30px;}
ul { list-style-type:square;}
ol {font-size: 13px; list-style-type:decimal;}
 
/*img {display:block; border: none;}*/
a img {border: none;}
a { color:#009ec9; text-decoration:underline;}
a:hover { color:#493d3b; text-decoration:none;}

p { font-size: 13px; margin:0 0 10px 0;}
p strong {font-weight:bold;}

div.header { margin: 0; position: relative; width: 1010px; height: 311px; clear: both; bottom: 0; }
div.top { margin: 0 auto; position: relative; width: 1010px; height: 80px; clear: both; background: url(../img/bg_top.jpg) 0 0 no-repeat; }
/* @group menu-top */
/*#topmenu { position: absolute; left: 760px; width: 181px; height: 24px; bottom: 20px;}*/
#topmenu { position: absolute; left: 730px; width: 211px; height: 24px; bottom: 20px;}
div.top ul { display: inline; margin: 0; list-style: none;}
div.top li { display: inline; color: #6c656f; text-decoration: none; border-right: 1px dotted #544c4c; padding-right:3px; padding-left: 0px; margin:0;}
div.top li.last { display: inline; border-right: none; padding-right: 0; }
div.top li img { margin-bottom: -2px;}

div.top a { color: #6c656f; text-decoration: underline;}
div.top a:hover { color: #fff; text-decoration: underline; background-color:#6c656f;}
/* @end */


div.fokus { position: relative; width: 1010px; height: 231px; clear: both; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; }
div.navigacija { margin: 0;	position: relative;	width: 1010px; height: 49px; background-image: url(../img/bg_menu.jpg); }
div.vmenu { width:195px; margin-top:34px; margin-bottom:85px; position: relative;}
a.button { display: block; text-indent: -9999px; }
a#ekip-logo { position: absolute; height: 80px; width: 418px; left: 196px; background-image: url(../img/logo-ekip.jpg); }

ul.menu { list-style: none;	margin: 0; }
ul.menu a { float: left; outline: none;	text-indent: -9999px; }
/*ul.menu-top li { display: inline; }*/

div.wrap { position: relative; margin: 0; width: 1010px; background-color: #fff;}

div.markice img { display: block; width: 154px; margin-bottom:: 8px; padding: 0; margin-left: auto; margin-right: auto;}
div.markice { width:186px; position:relative; margin-top: 27px; margin-left: auto; margin-right: auto;}

div.clearing { clear: both; }

div.maincontent { width: 453px; margin-top: 20px; margin: 20px 15px; }
div.maincontent p { text-align: justify;}
div.maincontent p.right { text-align: right; }
div.maincontent li { text-align: justify; }
div.maincontent li strong { font-weight:bold;}
div.maincontent a { color:#009ec9; text-decoration:underline;}
div.maincontent a:hover { color:#493d3b; text-decoration:none; }
div.maincontent p img.imgleft {float:left; margin: 0px 7px 5px 0; padding:0;}

/* @group numeracija */
div.maincontent table {font-size: 13px; width: 433px; border-top: 1px solid #dcdcdc; margin-bottom:15px; background:#FFFFFF;}
div.maincontent table td { border-bottom: 1px solid #dcdcdc; padding: 0.4em 0.5em; vertical-align: top;}
div.maincontent table .odd {background: #f5f3f0; }
div.maincontent table .detalji {font-size: 0.8125em; display: block; color: #747679;}
/* @end */

div.kontaktadresa { position:relative; width: 100%; height: 190px;}

div.aktuelnosti { clear:both; float:left; width: 710px; margin-top: 15px; background: #fff; /*#F0EDE6;*/}
div.aktuelnosti .datum { font-size: 0.75em; font-weight:bold; padding-left: 10px;}
div.aktuelnosti .vcrtica { font-size: 1em; padding-left: 4px; padding-right: 4px;}
div.aktuelnosti a.naslov { font-size: 0.75em; color:#000; font-size:0.8125em; text-transform: uppercase; font-weight: bold; text-decoration:none;}
div.aktuelnosti a.naslov:hover { font-size: 0.75em; color:#fff; font-size:0.8125em; text-transform: uppercase; font-weight: bold; text-decoration:none; background-color:#000;}
div.aktuelnosti img { clear: both; float: left;	margin: 5px 10px 0 0; padding: 0;}
div.aktuelnosti p { font-size: 0.8125em; line-height:1.375em; margin: 0 15px 0 0; text-align: justify; }
div.aktuelnosti a { color:#a06b49; text-decoration:underline;}
div.aktuelnosti a:hover { color:#fff; text-decoration:none; background-color:#C7541B;}

div.focus { position:relative; clear:both; width: 218px; display: block; margin: 15px auto; background-color: #DCDBE0;}
div.focus img {display: block; margin-left: auto; margin-right: auto; }

div.podmeni { margin: 0 auto; clear: both; position: relative; width: 1010px; text-align: center; height: 5px;}
div.podmeni ul{ margin: 0; padding-left:25px; padding-top:1px; list-style-type: none; line-height:1em;}
div.podmeni li{ float: left; margin-right: 1em;}
div.podmeni a { color:#000; text-decoration:underline;}
div.podmeni a:hover { color:#fff; text-decoration:none; background-color:#C7541B;}


/* @group menu-main */

ul#menu-main { height: 49px; position: absolute; bottom: 0px; left: 106px; width: 864px; }
div.navigacija ul.menu a { margin: 0; }

ul#menu-main li#tab-regulativa a { background: url(../img/menu-regulativa.jpg) no-repeat; width: 90px; height: 49px; }
ul#menu-main li#tab-regulativa a:hover {	background:url(../img/menu-regulativa-h.jpg); }
body.regulativa ul#menu-main li#tab-regulativa a { background: url(../img/menu-regulativa-h.jpg) no-repeat; width: 90px; height: 49px; }

ul#menu-main li#tab-spektar a { background: url(../img/menu-spektar.jpg) no-repeat; width: 87px; height: 49px; }
ul#menu-main li#tab-spektar a:hover { background: url(../img/menu-spektar-h.jpg); }
body.spektar ul#menu-main li#tab-spektar a { background: url(../img/menu-spektar-h.jpg) no-repeat; width: 87px; height: 49px; }

ul#menu-main li#tab-numeracija a { background: url(../img/menu-numeracija.jpg) no-repeat; width: 91px; height: 49px; }
ul#menu-main li#tab-numeracija a:hover { background: url(../img/menu-numeracija-h.jpg); }
body.numeracija ul#menu-main li#tab-numeracija a { background: url(../img/menu-numeracija-h.jpg) no-repeat; width: 91px; height: 49px; }

ul#menu-main li#tab-analiza a { background: url(../img/menu-analiza.jpg) no-repeat;	width: 108px; height: 49px; }
ul#menu-main li#tab-analiza a:hover { background: url(../img/menu-analiza-h.jpg); }
body.analiza ul#menu-main li#tab-analiza a { background: url(../img/menu-analiza-h.jpg) no-repeat; width: 108px; height: 49px; }

ul#menu-main li#tab-uservis a { background: url(../img/menu-uservis.jpg) no-repeat;	width: 132px; height: 49px; }
ul#menu-main li#tab-uservis a:hover {	background: url(../img/menu-uservis-h.jpg); }
body.uservis ul#menu-main li#tab-uservis a { background: url(../img/menu-uservis-h.jpg) no-repeat; width: 132px; height: 49px; }

ul#menu-main li#tab-izvjestaji a { background: url(../img/menu-izvjestaji.jpg) no-repeat; width: 74px;	height: 49px; }
ul#menu-main li#tab-izvjestaji a:hover { background: url(../img/menu-izvjestaji-h.jpg); }
body.izvjestaji ul#menu-main li#tab-izvjestaji a { background: url(../img/menu-izvjestaji-h.jpg) no-repeat; width: 74px; height: 49px; }

ul#menu-main li#tab-zastita a { background: url(../img/menu-zastita.jpg) no-repeat;	width: 124px; height: 49px; }
ul#menu-main li#tab-zastita a:hover {	background: url(../img/menu-zastita-h.jpg); }
body.zastita ul#menu-main li#tab-zastita a { background: url(../img/menu-zastita-h.jpg) no-repeat; width: 124px; height: 49px; }

ul#menu-main li#tab-pdjelatnost a { background: url(../img/menu-pdjelatnost.jpg) no-repeat; width: 158px; height: 49px; }
ul#menu-main li#tab-pdjelatnost a:hover { background: url(../img/menu-pdjelatnost-h.jpg); }
body.pdjelatnost ul#menu-main li#tab-pdjelatnost a { background: url(../img/menu-pdjelatnost-h.jpg) no-repeat; width: 158px; height: 49px; }

/* @end */

/* @group numeracija */

	#numeracija table {font-size: 0.75em; width: 531px; border-top: 1px solid #dcdcdc; margin-left:15px; margin-bottom:15px; background:#FFFFFF;}
	#numeracija table td { border-bottom: 1px solid #dcdcdc; padding: 0.4em 0.5em; vertical-align: top;}
	#numeracija table .odd {background: #f5f3f0; } /*#F0EDE6;}*/
	
	#numeracija table td.day {width: 14px; text-align: center; color: white; background: #416619; font-weight: bold;}
	#numeracija table td.wday {width: 2em; background: #000000; color: white; text-align: center;}
	#numeracija table td.time {width: 2em; background: #F0EDf4; color: white; text-align: center;}
	
	#numeracija table span.dogadjaj {color: #c80101; font-weight:300; font-size:12px;}
	#numeracija table span.autor {color: #333; font-weight: bold;}
	#numeracija table span.predstava {color: #000; font-weight:bold;}
	#numeracija a { color:#000; text-decoration:none; }
	#numeracija a:hover { color:#fff; text-decoration:underline; }
	
	#numeracija table .detalji {font-size: 0.8125em; display: block; color: #747679;}
	#numeracija table .detalji a {font-size: 0.8125em;color: #686767;}
	
	#numeracija span.vrijeme  {background: #dc661e; /*#c80101;*/ text-decoration: none; font-family: verdana;
		color: #fff; float: right; display: block; padding: 0.1em 0.3em; font-size: 0.65em; font-weight: bold;}

	
/* @end */

/* @group Footer */
div.footer { clear: both; position: relative; bottom: 0; width: 1010px; height: 104px; margin: 0;  padding: 5px 0; color: #8f8a8a; line-height: 0.625em; font-family: Tahoma, Geneva, sans-serif; 	background: url(../img/bg_footer.jpg) 0 0 no-repeat;}
div.footermenu { position: relative; width: 700px; height: 25px; margin: 25px auto 5px auto;  padding: 5px 0; background-color:#e4e4e4;}
div.footer p { clear: both; margin: 10px; text-align: center; font-size: 0.75em;}
div.footer a {color: #fff; text-decoration: none;}
div.footer a:hover { color: #fff; text-decoration: underline;}

div.footer ul { list-style: none; margin: 7px auto; /*width:380px; height:20px; padding-top:7px;*/}
div.footer ul li { display: inline; border-right: 1px dotted #544c4c; padding-right:3px; padding-left: 0px; margin:0;}
div.footer ul li.last { display: inline; border-right: none; padding-right: 0;}
div.footer ul a { color:#544c4c; text-decoration:none;}
div.footer ul a:hover { color:#fff; text-decoration:none; background-color:#a06b49;}
/* @end */


/* @vertikalni meni */
.slidedoormenu{ list-style-type: none; margin: 0; padding: 0; width: 195px; }

.slidedoormenu li{ border-bottom: 1px solid white; /* Gray border beneath each menu item */ }

.slidedoormenu li a{
background: #e4e0dd url(../img/bg_submenu_off.gif) no-repeat; /* Background image positioned to the left(v) top(h) corner initially */
font: 12px "Trebuchet MS", "Lucida Grande", Verdana;
display: block;
color: #0c2240;
width: auto;
border-bottom: 1px solid white; /* White border beneath each menu item link, to add depth */
padding: 3px 0; /* Vertical (top/bottom) padding for each menu link */
text-indent: 33px;
text-decoration: none;
}

.slidedoormenu li a:visited, .slidedoormenu li a:active{
color: #0c2240;
}

.slidedoormenu li a:hover{
background: white url(../img/bg_submenu_on.gif) no-repeat;
color: #006eaa;
}

.slidedoormenu li.firstitem, .slidedoormenu li.firstitem a{
border-top: 1px solid white; /* For last menu item within menu, remove bottom border */
}

<!--[if IE]>
.slidedoormenu li a{ /* Menu link width value for IE */
width: 100%;
}
<![endif]-->

/* @end */