@charset "utf-8";
/* CSS Document */
html {height:100%;}
* { margin: 0; padding: 0; }
body {background-color: #F5F5F5; /* #bdc9db */ font-size:12px; font-family:"Trebuchet MS", sans-serif; margin: 0 auto; text-align: center; background-color: #F5F5F5; /* #bdc9db */}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;}
img {border:0;}
table {font-family:"Trebuchet MS";font-size:12px;color:#666;}
input, textarea {font-family:"Trebuchet MS",sans-serif; font-size:11px; background-color:#FFF; border:solid 1px #DDD; padding:2px; -moz-border-radius:3px;}
input:focus, textarea:focus, select:hover {background-color:#ffffcc;}
select {background-color:#FFF; border:solid 1px #DDD; padding:4px; -moz-border-radius:3px;}
button {background-color:#2a8dd0; border:solid 1px #ccc; padding:4px 10px; -moz-border-radius:3px; cursor:pointer; color:#fff;}
button:hover {border-color:#ccc;}
h3 {font-size:12px; color:#666;}
h4 {font-size:12px; color:#333;}
a {text-decoration:none;color: #2a8dd0;}
a:hover {color:#000;text-decoration:none;}
.breadcrumb a {color: #2a8dd0;}
.rounded {-moz-border-radius:5px; background-color:#FFF; border:solid 1px #ccc; margin-top:18px;}
.w530 {width:548px; overflow:hidden;}
.mh300 {min-height:300px;}
.w530 table {width:100%;}
.w530 td {padding:3px;}
/** Notifications **/
.notif {padding:10px; margin:0 0 5px}
.error {border:solid 1px #cc3333; background-color:#FFCCCC; color:#cc3333; -moz-border-radius:3px;}
.success {border:solid 1px #339900; background-color:#D8FFCF; color:#339900; -moz-border-radius:3px;}
.req {color:#2a8dd0; margin-right: 10px;}
.inputBig {width:530px;}
label {font-size:14px; color:#333; display:block; padding:3px 0;}
.gray {color: #666;}

.fl {float:left;}
.fr {float:right;}
.m10{margin:0 10px 0 0;}


.content {padding:10px;}
.textSmall { font-family:"Trebuchet MS", sans-serif; font-size:11px; font-weight:normal; color:#545650;}
div.fullsite{width:1060px; margin: 0 auto;}
div.left{width:40px; height: 720px; background:url(../images/bgleft.png) no-repeat top right;}
div.right{width:40px; height: 720px; background:url(../images/bgright.png) no-repeat top left;}
div.footer{width:980px; height: 50px; background-color: #ccc; text-align: center; margin: 0 auto; padding: 10px 0 0 0;}
div.background {background-color: #FFFFFF; width:980px; margin: 0 auto; }
div.banner{width: 980px; height: 260px; background-color: #ccc;}
.header {width:980px; margin:0 auto; position:relative;background-color: #FFFFFF;height: 150px; margin: 0; padding: 0;}
#inputSearch {width:150px; height: 22px;}
.search {position:relative; top:10px; right: 10px;}
.additional {position:relative; top:40px; left:140px; text-align:right;display:block;}
.additional .active {color:#2A8DD0;}
.ico {float:left; margin:3px 0 0 5px; width:19px; height:19px; display:block; background-image: url(../images/icons.png); float: right;}
.home {background-position:-19px 0;}
.contact {background-position:-57px 0;}
.sitemap {background-position:-38px 0;}
.searchIco {position:absolute; top:2px; right:3px; width:19px; height:19px; display:block; background-image: url(../images/icons.png);}
.logo {height:110px; padding:5px;}
.name {margin: 20px 0px 0px 100px; color: #2A8DD0; font-size: 24px; font-weight: bold; width: 420px;}
.mainNav {width: 980px; background-color: #ccc; margin: auto;}
.breadcrumb {font-size:11px; padding:8px 0 0 10px;}
.mainMenu{font-size:12px; font-weight:bold; text-decoration:none;width: 980px;background-color: #ccc;}
div.mainarea {width:980px;margin: auto; border:0px solid blue;}
div.leftMenu {width: 210px; height: 600px; margin: 20px 0 0 10px;background:url(../images/senkalevimeni.jpg) no-repeat top right; vertical-align: top; background-color: #FFFFFF;}
.rssbar {font-size:11px;font-weight:normal;color:#545650;margin: 10px 0 0 0px;width:170px;height:460px;border: 0px #545650 dotted;overflow:hidden;}
.sidebar {padding-left: 0px; text-align:left; width: 180px;}
.images {padding: 10px; width:420px;}
div.dataArea {width: 550px; background-color:#FFFFFF; text-align: left; font-size:11px; font-weight:normal; margin: auto; border: 0px red solid;
}
.News1 {width: 540px;border: 0px solid #CCCCCC;background:url(../images/senkasrednjaindex.jpg) bottom no-repeat;}
.ram1 {border: 8px solid #DDDDDD;filter:alpha(opacity=100);-moz-opacity:1;width:125px;padding:2px;}
.newsTextContainer {padding: 10px 0px; margin: 0 0 30px 0;border: 0px solid #CCCCCC;}
.news1Headline {padding:5px 10px 0 25px;font-size:14px;font-weight:bold;color:#000;text-transform:uppercase;}
.news1Text {padding:5px 10px 0 25px;font-size:11px;font-weight:normal;line-height: 14px;}
.news1Delimiter {background:url(../images/linijicatextindex.gif) repeat-x left;margin: 10px 5px 5px 25px;height:2px;}
.news1HMore {padding:5px 10px 0 25px;font-size:14px;font-weight:bold;color:#2a8dd0;text-transform:uppercase;} /* old color #2D7486 */
.news1More {padding:0px 10px 0 25px;font-size:11px;font-weight:normal;line-height: 14px;}
.News2 {width: 550px;height:300px;background:url(../images/senkavelikaindex.jpg) bottom no-repeat;border: 0px solid #CCCCCC;}
.news2Border {width: 175px;height: 260px;background:url(../images/ramsredina.jpg) no-repeat center; border: 0px solid blue; margin: 0 0 30px 0; border: 0px solid blue;}
.news2Headline { padding: 0px 10px;margin:20px 0 0 15px;width:135px;line-height: 13px;font-size:12px;font-weight:bold;color:#2a8dd0;overflow:hidden; height: 25px;}
.news2Text {padding: 0px 0 0 10px;margin:5px 0 0 15px;width:130px;font-size:10px;font-weight:normal;line-height: 11px; border:0px solid yellow;display: inline-block;}
.news2More {width: 20px;height:20px; margin: 0 20px 20px 0; border: 0px solid yellow;}
.news2Img {width:110px;padding: 0px 10px; margin: 5px 10px 0px 15px;}
.ram2 {border: 8px solid #DDDDDD;filter:alpha(opacity=100);-moz-opacity:1;width:110px;padding:2px;}
.ram3 {border: 8px solid #DDDDDD;filter:alpha(opacity=100);-moz-opacity:1;height:70px;padding:2px;}
div.rightMenu {width:210px;height:600px;background:url(../images/senkadesnimeni.jpg) top left no-repeat #fff;vertical-align: top;text-align:left;overflow: hidden;border:0px solid green;}
.rightbar {margin: 30px 0 0 30px;text-align:left;width:170px;overflow:hidden;}
.sidebar ul li a {font-size: 14px; font-weight: bold; padding: 5px 0 5px 5px;color:#2a8dd0;}
.sidebar ul li ul li a {font-size: 12px; font-weight: normal;padding: 0 0 0 10px;color: #333;}
.text{font-size:11px;font-weight:normal;text-align:left;color:#545650;display: block;}
.textHeading {font-size:14px;font-weight:bold;color:#005590;text-transform: uppercase;}
.print {font-size:14px;font-weight:bold;color:#005590;text-transform: uppercase;width: 520px;text-align:right;}
.textFooter {width: 87px;height: 31px;border: none;background-image:url(../images/krajtexta2.png);position:relative;margin-left: 25px;}
.txtArea {display: inline-block;width: 520px;font-family:"Trebuchet MS", sans-serif;background-repeat: no-repeat;border: none;border:0px solid red; margin: 20px 0 0 20px;}
.txtAreaLink {display: inline-block;width: 520px;margin: 5px 0 5px 20px;}
.txtAreaLinkNextPrev {display: inline;margin: 5px 60px 5px 20px;background-color:#f5f5f5; padding: 4px; border: 1px solid #ccc;}
#mediaCat {
margin-left:0px;
margin-right:0px;
margin-bottom: 0px;
width:970px;
height:120px;
float:left;
/*background-color:#c7c8ca;*/
overflow:visible;
border: 5px solid #ccc;
border-top: 15px solid #ccc;
}
#mediaCatHead {
width:960px;
height:100px;
padding: 5px;
margin:5px;
}
#mediaCatTxt {
background-color:#2a8dd0;
width:880px;
height:200px;
}
#mediaCatTxt h2{
text-align:left;
font-size:14px;
color:#21262c;
}

/*------------------------------------------------------*/
/* =SIDEBAR						*/

#calendar {
	background: url(../images/calendar.jpg) no-repeat;
	margin-bottom: 10px;
        margin-top: 10px;
	padding: 15px 20px 0 20px;
}

#calendar h2 {
	color: #868686;
	font-size: 26px;
	padding-bottom: 3px;
}

#calendar  a {
	color: #439dc6;
	padding: 2px;
}

#calendar  a:hover {
	background: #dff4fc;
}

#calendar td {
	padding: 2px 9px;
}

.year {
	margin-bottom: 20px;
}


/* ================================================================== */
.AccordionTitle, .AccordionContent, .AccordionContainer
{
  position:relative;
  width:150px;
}

.AccordionTitle
{
    overflow:hidden;
    cursor:pointer;
    font-family:"Trebuchet MS", sans-serif;
    font-weight:bold;
    font-size:12px;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-top: 0px;
    margin-bottom: 0px;
    text-decoration:none;
    color:#333;
    vertical-align:middle;
    text-align:left;
    display:table-cell;
    -moz-user-select:none;
}

.AccordionContent
{
    cursor:pointer;
    font-family:"Trebuchet MS", sans-serif;
    font-weight:normal;
    font-size:11px;
    padding-left: 10px;
    padding-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    width: 185px;
    height:auto;
    overflow:hidden;
    display:none;
}

.AccordionContainer
{
  border-top: solid 1px #C1C1C1;
  border-bottom: solid 1px #C1C1C1;
  border-left: solid 2px #C1C1C1;
  border-right: solid 2px #C1C1C1;
}

/* ============================================================================ */

ul {  list-style: none; text-align: left;  }
/*
	MENU LEVEL ONE
*/
ul.dropdown {   position: relative;width: 100%;margin: 2px 0px 0px 4px;}
ul.dropdown li                  { font-weight: bold; float: left;  padding:0 10px;}
ul.dropdown a:hover		{ color: #fff; }
ul.dropdown a:active            { color: #000000; }
ul.dropdown li a                { display: block;padding: 5px 5px; color: #000;}
ul.dropdown li:last-child a     { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover            { background-color: #2a8dd0;color: #fff;position: relative; }
ul.dropdown li.hover a          { color: black; }
/*
	LEVEL TWO
*/
ul.dropdown ul 	{width: 210px;  visibility: hidden; position: absolute; top: 100%; left: 0px; border: 0px solid #f5f5f5;}
ul.dropdown ul li {border: 0px solid #333; font-weight: 500; font-style: italic;color: #000;background: url(../images/dot_4pxl.png) bottom repeat-x #fff; float: none; }
/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a	{ width: 100%;  display: block;  }
/*
	LEVEL THREE
*/
ul.dropdown ul ul           { left: 100%; top: 0; display: inline-block; }
ul.dropdown li:hover > ul   { visibility: visible; }

/*
	Sitemap Styler
*/
#sitemap a:hover {background-color: #2a8dd0;color: #fff;}

#sitemap, #sitemap ul, #sitemap li{
	margin:0;
	padding:0;
	list-style:none;
        font-size: 14px;
}
#sitemap{overflow:hidden; width: 528px;}
#sitemap ul{
	display:none;
}
#sitemap li{
	line-height:200%;
	margin-top:1px;
	background:#ccc;
	position:relative;
	width:100%;
        display: block;
}
/* IE leaves a blank space where span is added so this is to avoid that */
* html #sitemap li{
	float:left;
	display:inline;
}

#sitemap li a{padding-left:28px;width: 100%;}
#sitemap li a:hover {background-color: #2a8dd0;color: #fff;}
#sitemap li span{float:left;position:absolute;top:5px;left:5px;width:13px;height:13px;cursor:auto;font-size:0;}
#sitemap li span, #sitemap li span.collapsed{background:url(../images/collapsed.gif) no-repeat 0 0;}
#sitemap li span.expanded{background:url(../images/expanded.gif) no-repeat 0 0;}

/* second level */

#sitemap li li{
	background:#f5f5f5;
        overflow:hidden;
        position:relative;
}
#sitemap li li a{padding-left:56px;width: 100%;}
#sitemap li li span{left:28px;}

/* third level */

#sitemap li li li a{padding-left:84px; background: #fff;width: 100%;}
#sitemap li li li span{left:56px;}

/* etc. */

/*  */

/*
	Sitemap Styler
*/
#leftMap a:hover {background-color: #2a8dd0;color: #fff;}

#leftMap, #leftMap ul, #leftMap li{
	margin:0;
	padding:0;
	list-style:none;
        font-size: 12px;
}
#leftMap{overflow:hidden; width: 180px;}
#leftMap ul{
	display:none;
}
#leftMap li{
	line-height:160%;
	margin-top:1px;
	background:#fff;
        border-bottom: 1px solid #ccc;
	position:relative;
	width:100%;
        display: block;
}
/* IE leaves a blank space where span is added so this is to avoid that */
* html #leftMap li{
	float:left;
	display:inline;
}

#leftMap li a{padding-left:28px;width: 100%;}
#leftMap li a:hover {background-color: #2a8dd0;color: #fff;}
#leftMap li span{float:left;position:absolute;top:5px;left:5px;width:13px;height:13px;cursor:auto;font-size:0;}
#leftMap li span, #leftMap li span.collapsed{background:url(../images/collapsed.gif) no-repeat 0 0;}
#leftMap li span.expanded{background:url(../images/expanded.gif) no-repeat 0 0;}

/* second level */

#leftMap li li{
	background:#fff;
        overflow:hidden;
        position:relative;
}
#leftMap li li a{padding-left:10px;width: 100%;}
#leftMap li li span{left:28px;}

/*  */