body {
	background-color: #fdf374;
	background-image:url(../images/background.jpg);
	background-position:center top;
	background-repeat: no-repeat;
	color: #011d5e;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding:0px;
	font-family:Trebuchet MS, Arial, Verdana,  Helvetica, sans-serif;
	font-size:12px;
	color:#232323;
}
.clearfloat{
   clear:both;
   height:0px;
   line-height:0px;
   font-size:0px;
}
.space{
   line-height:8px;
   font:0px;
}
ul, li{
  list-style:none;
  margin:0px;
  padding:0px;
}
p{
  margin:0px;
  padding:0px;
}
h1{
  margin-top:25px;
}
a {
  text-decoration:none;
  color:#3057ac;
  border:none;
}
a:hover{
   color: #232323;
  }
a img{
  border:none;
}
button{
  margin:0px;
  padding:0px;
}
#wrapper{
   width:1006px;
   margin:0 auto;
}
#header{
   width:100%;
   height:183px;
}
#headerLogo{
   float:left;
   width:395px;
   height:183px;
   background:url(../images/logoBg.gif) top left no-repeat;
}
#headerLogo img{
  margin:102px 0px 0px 175px;
}
#headerMenu{
   float:left;
   width:611px;
   height:183px;
   background:url(../images/menuBg.gif) bottom left no-repeat;
}
#search{
   float:right;
   height:100px;
   width:561px;
   padding:40px 25px 0px;
   text-align:right;
}
#search ul{
   width:194px;
   float:right;
}
#search .setLang{
   font-size:11px;
   text-align:center;
}
#search a{
   color:#7d7d7d;
   font-size:11px;
   text-decoration:none;
}
#search a:hover{
   color:#0e43a4;
}
#searchForm{
   width:171px;
   height:56px;
   padding:7px 8px 8px 15px;
   background:url(../images/searchBg.png) top no-repeat;
}
#searchForm a{
   float:left;
   text-decoration:none;
   color:#0e43a4;
   font-size:11px;
   font-weight:normal;
   padding-left:2px;
}
#searchForm a:hover{
   color:#7d7d7d;
}
#searchForm label{
   font-size:14px;
   font-weight:bold;
   color:#0e67ba;
   float:left;
}
#searchForm input{
   float:left;
   width:135px;
   height:21px;
   background:url(../images/inputBg.png) left top no-repeat;
   padding-top:3px;
   padding-left:5px;
   border:none;
   border:0px;
   color:#0e67ba;
   font-size:12px;
   line-height:17px;
   margin-right:3px;
}
#searchForm input.searchBt{
   float:left;
   border:none;
   border:0px;
   padding:0px;
   margin:0px;
   width:26px;
   height:24px;
   background:url(../images/searchBt_bg.jpg) left no-repeat;
   cursor:hand;
   cursor:pointer;
}
#menu{
   width:611px;
   height:43px;
}

#wrapperContent{
   width:1006px;
   background:url(../images/wrapperContent_topBg.png) top no-repeat;
}
#wrapperContent #top{
   line-height:0px;
   font-size:0px;
   height:6px;
}
#mainContent{
   width:1006px;
   background:url(../images/wrapperContent_Bg.png) left repeat-y;
}
#content{
   width:996px;
   margin:0 auto;
   background-color:#0842b1;
   background-image:url(../images/contentBg.gif);
   background-position:top;
   background-repeat:repeat-x;

}
#wrapperContent #bottom{
   width:1006px;
   height:22px;
   background:url(../images/wrapperContent_bottomBg.png) top no-repeat;
}
.homeBox{
   margin:10px 0px 0px 6px;
   display:inline;
   float:left;
   width:489px;
   height:269px;
   background:url(../images/box1.gif) no-repeat;
}
.homeBox_right{
   margin:10px 0px 0px 6px;
   display:inline;
   float:left;
   width:489px;
   height:269px;
   background:url(../images/box1_right.gif) no-repeat;
}
.homeBox2{
   float:left;
   display:inline;
   margin:7px 0px 0px 6px;
   background:url(../images/box2.gif) top no-repeat;
   width:260px;
   height:275px;
}
.homeBox3{
   float:left;
   display:inline;
   margin:7px 0px 0px 6px;
   background:url(../images/box3.gif) top no-repeat;
   width:223px;
   height:275px;
}

.homeBox4_top{
  float:left;
  display:inline;
  width:985px;
  height:9px;
  line-height:0px;
  font-size:0px;
  margin:7px 0px 0px 6px;
  background:url(../images/box4_topBg.gif) top no-repeat;
}
.homeBox4_middle{
  float:left;
  display:inline;
  width:983px;
  border-left:solid 1px #bdbcbd;
  border-right:solid 1px #bdbcbd;
  min-height:73px;
  margin:0px 0px 0px 6px;
  background:url(../images/box4_middleBg.gif) top repeat-x;
  background-color:#f0f0f0;
}
.homeBox4_bottom{
  float:left;
  display:inline;
  width:985px;
  height:9px;
  line-height:0px;
  font-size:0px;
  margin:0px 0px 0px 6px;
  background: url(../images/box4_bottomBg.gif) top no-repeat;
}
#footer{
  width:100%;
  text-align:center;
  margin-bottom:5px;
}
.homeBox ul{
  width:454px;
  height:225px;
  padding:6px 15px 10px 20px;
}
.homeBox li.boxTitle{
  font-size:18px;
  font-weight:bold;
  text-transform:uppercase;
  color:#FFFFFF;
}
.homeBox li.boxImg{
  padding-top:25px;
  font-weight:bold;

}
.homeBox li.boxImg img{
  float:left;
  padding-right:15px;
  padding-bottom:10px;
}
li.boxImg h4{
  font-size:11px;
  margin:0px;
  text-align:justify;
  line-height:15px;
  font-weight:normal;
}

.homeBox span.title{
  vertical-align:top;
 /* float:left;*/
  font-size:13px;
  font-weight:bold;
}
.homeBox p{
  width:100%;
  padding-top:15px;
  font-size:11px;
  text-align:justify;
  height:137px;
}
.detaljiBt{
  float:right;
  background:none;
  border:none;
  margin:0px;
  padding:0px;
  color:#1886f7;
  font-weight:bold;
  font-size:11px;
  cursor:pointer;
  cursor:hand;
}
.detaljiBt:hover{
  color:#0a45b5;
}
.homeBox ul li ul{
  margin:0px;
  padding:0px;
  height:auto;
  line-height:17px;

}
.homeBox ul li ul li.date{
  width:40px;
  float:left;
  font-size:11px;
}
.homeBox ul li ul li.actTitle a{
  float:left;
  width:400px;
  font-weight:bold;
  font-size:11px;
  text-decoration:none;
  color:#011d5e;
}
.homeBox ul li ul li.actTitle a:hover{
  color:#1886f7;
}
.homeBox ul li.actAll{
  margin-top:25px;
}
.homeBox ul li.actAll ul{
  margin-top:25px;
}





.homeBox_right ul{
  width:454px;
  height:253px;
  padding:6px 15px 10px 20px;
}
.homeBox_right li.boxTitle{
  font-size:18px;
  font-weight:bold;
  text-transform:uppercase;
  color:#FFFFFF;
}
.homeBox_right li.boxTitle a{
   position:relative;
   left:310px;
   color:#f55600;
   font-size:14px;

}
.homeBox_right li.boxTitle img{
   vertical-align:text-top;
}

.homeBox_right span.title{
  vertical-align:top;
  float:left;
  font-size:13px;
  font-weight:bold;
}






.homeBox_right ul li ul{
  margin:0px;
  padding:0px;
  height:auto;
  line-height:17px;
  width:430px;
}
.homeBox_right ul li ul li.date{
  width:40px;
  float:left;
  font-size:11px;
}
.homeBox_right ul li ul li.actTitle {
  float:left;
  width:380px;
  font-weight:bold;
  font-size:11px;
  text-decoration:none;
  color:#011d5e;
}
.homeBox_right ul li ul li.actTitle a{
  font-weight:bold;
  font-size:11px;
  text-decoration:none;
  color:#011d5e;
  text-transform:uppercase;
}
.homeBox_right ul li ul li.actTitle a:hover{
  color:#1886f7;
}
.homeBox_right ul li.actAll{
  margin-top:25px;
}
.homeBox_right ul li.actAll ul{
  margin-top:25px;
}
.actBorder{
  width:85%;
  font-size:0px;
  line-height:0px;
  height:0px;
  border-top:solid 1px #1886f7;
  float:left;
  margin-top:7px;
}
.homeBox2 ul{
   float:left;
   padding:6px 15px 10px 20px;
   width:225px;
   height:259px;
}
.homeBox2 ul ul{
   height:auto !important;
}
.homeBox2 ul li.title{
   font-size:18px;
   font-weight:bold;
   color:#FFFFFF;
}
.homeBox2 ul li.titleWeather{
   font-size:18px;
   font-weight:bold;
   color:#FF0000;
   width:220px;
   display:inline;
}
.homeBox2 li#weather_desc {
   clear:both;
 }
 .homeBox2 li#weather_desc span {
   clear:both;
   display:block;
   width:200px;
   padding-top:3px;
 }
.homeBox2 ul li.titleWeather label{
   float:left;
}
.homeBox2 ul li.titleWeather div{
   font-size:10px;
   font-weight:bold;
   color:#232323;
   text-transform:lowercase;
   width:95px;
   text-align:right;
   float:left;
   line-height:25px;
}
.homeBox2 li.current{
   margin-left:20px;
   width:90%;
}
.homeBox2 li.current span{
   padding-left:20px;
   vertical-align:middle;
   line-height:25px;
}
.homeBox2 li.current span#temp{
   font-size:22px;
   font-weight:bold;
   padding-left:27px;
}
.homeBox2 li.current img{
   float:left;
   padding:3px;
   border:solid 1px #b2ddf6;
   vertical-align:middle;
 }
ul.weather_chance{
   margin:5px 0px 0px 5px;
   padding:0px;
}
ul.weather_chance li{
    display:inline;
	float:left;
	margin-right:10px;
	line-height:15px;
}
.weatherImg{
   padding:3px;
   border:solid 1px #b2ddf6;
}
.homeBox3 ul{
   float:left;
   padding:6px 15px 10px 20px;
   width:188px;
   height:259px;
}
.homeBox3 ul li.titleProj{
   font-size:18px;
   font-weight:bold;
   color:#fe4601;
}
.homeBox2 ul li.titleProj{
   font-size:18px;
   font-weight:bold;
   color:#fe4601;
}
.homeBox3 ul li.imgProj{
   margin-top:10px;
}
.homeBox2 ul li.imgProj{
   margin-top:10px;
}
.homeBox3 ul li.imgProj img{
   padding-top:5px;
}
.homeBox2 ul li.imgProj img{
   padding-top:5px;
}
.homeBox3 ul li.titleMayor{
   font-size:18px;
   font-weight:bold;
   color:#3f5780;
}
.homeBox3 ul li.imgMayor{
   padding:20px 0px 0px 14px;
}
.homeBox3 ul li.imgMayor img{
   padding-bottom:10px;
}
.mayor_act a{
   float:right;
   font-weight:bold;
   font-size:16px;
   margin-right:20px;
  }
.homeBox4_middle ul{
   padding:20px 15px 10px 20px;
   line-height:25px;

}
.homeBox4_middle ul li{
   /*width:250px;*/
   float:left;
   padding-left:5px;
}
.homeBox4_middle ul li a{
   font-size:18px;
   font-weight:bold;
   text-transform:uppercase;
   color:#011d5e;
   text-decoration:none;
}
.homeBox4_middle ul li a:hover{
   color:#1886f7;
}
#leftWrapper{
   float:left;
   width:259px;
   margin:10px 0px 0px 5px;
   display:inline;
}
#leftContent{
   float:left;
   width:259px;
   min-height:700px; /* samo privremeno*/
   display:inline;
   background:url(../images/leftContentBg.jpg) left top no-repeat;
   background-color:#FFFFFF;
}
#leftContent_bottom{
   background: url(../images/leftContent_bottomBg.png) top no-repeat;
   width:259px;
   line-height:0px;
   font-size:0px;
   height:12px;
}
#rightWrapper{
   float:left;
   width:719px;
   min-height:700px;  /*samo privremeno*/
   background:url(../images/rightContentBg.jpg) top left no-repeat;
   margin:10px 0px 0px 7px;

}
#rightContent{
   float:left;
   width:679px;
   min-height:672px;  /*samo privremeno*/
   background:url(../images/rightContentBg.jpg) top left no-repeat;
   background-color:#FFFFFF;
   padding:8px 20px 20px 20px;
}
#rightContent_bottom{
   background: url(../images/rightContent_bottomBg.png) top no-repeat;
   width:719px;
   line-height:0px;
   font-size:0px;
   height:12px;
}
#breadcrumb{
   font-size:11px;
   font-weight:bold;
   text-transform:uppercase;
   margin-top:2px;
}
#breadcrumb a{
   color:#232323;
   text-decoration:none;
}
.mainContent{
   padding-top:0px;
}
#pages_side_menu {
  width:215px;
  padding-left:20px;
  padding-right:20px;
  padding-top:6px;
  padding-bottom:30px;
}
#pages_side_menu  span{
  font-size:18px;
  font-weight:bold;
  color:#FFFFFF;
}
#pages_side_menu a{
  font-size:13px;
  font-weight:bold;
  text-decoration:none;
  color:#383838;
  font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
  line-height:30px;
  display:block;
  padding-left:3px;
}
#pages_side_menu a:hover{
 /* color:#ffffff;
  background-color:#1d4899; */
  background-color:#efefef;
  color:#1c4ebc;
}
#pages_side_menu ul {
  margin-top:30px;
  border-top:dotted 1px #1c4ebc;
}
#pages_side_menu ul li{
  border-bottom:dotted 1px #1c4ebc;
 }
#pages_side_menu ul li a{
  color:#1c4ebc;
  text-transform:uppercase;
 }
 #pages_side_menu ul li li a{
  color:#383838;
  text-transform:none;
 }
#pages_side_menu ul li li.active a{
   background-color:#3e71df;
   color:#FFFFFF;
}
#pages_side_menu ul li ul li{
  border-top:dotted 1px #1c4ebc;
  border-bottom:dotted 0px #1c4ebc;
}
#pages_side_menu ul li ul {
  line-height:20px;
  margin-top:0px;
  margin-left:20px;
  padding-top:0px;
  padding-left:0px;
  border-top:dotted 0px #1c4ebc;
  background-color:#f9f9f9;
}
#pages_side_menu ul li ul li a{
  padding-left:3px;
  line-height:20px;
  font-size:11px;
}
.top_news{
  font-size:17px;
  font-weight:bold;
}
.news_detTitle{
  font-size:15px;
  font-weight:bold;
  margin-top:25px;
}
.news_det{
  margin-top:25px;
}
#listNews_categories{
  width:225px;
  padding:0px 15px 20px 15px;
}
#listNews_categories h3{
  font-size:18px;
  font-weight:bold;
  color:#FFFFFF;
  text-transform:uppercase;
  padding:0px;
  margin:6px 0px;
}
#listNews_categories li a{
  font-size:14px;
  font-weight:bold;
  color:#232323;
  text-transform:uppercase;
  line-height:25px;
  border-bottom: dotted 1px #063159;
  display:block;
  padding-left:3px;
}
#listNews_categories li a:hover{
  background:#fff3d5;
}
#listNews_categories li.current a{
  background:#fff3d5;
}
#listNews_categories a.allNews{
   padding-top:20px;
}
#listAll_news{
  padding-top:30px;
}
#listAll_news h3{
  padding:0px;
  padding-top:15px;
  margin:0px;
}
#listAll_news h4{
  padding:0px 0px 10px 0px;
  margin:0px;
  color:#616161;
  font-size:11px;
}
#listAll_news hr{
  margin-top:12px;
  font-size:0px;
  height:1px;
  border: dotted 1px #dbdbdb;
}
#listAll_news .more a{
  color:#3057ac;
}
#listAll_news .more a:hover{
  color:#424a5a;
}
#siteMap ul{
  margin-left:20px;
}
#siteMap h3{
   font-size:16px;
   font-weight:bold;
   text-transform:uppercase;
}
#siteMap{
  margin-top:35px;
  margin-left:30px;
}
ul li ul.site_map{
  padding-left:10px;
  padding-bottom:20px;
  }
ul li ul.site_map a{
  text-transform:uppercase;
  font-weight:bold;
  font-size:13px;
}
ul li ul li ul.site_map a{
  text-transform:uppercase;
  font-weight:normal;
  font-size:13px;
}
.search a{
  color:#2984be;
  text-transform:uppercase;
  font-weight:bold;
}
.search a.next{
    background: url(../../../images/btn-next.gif) no-repeat left top;
	float:left;
/*	float: right; */
	cursor: pointer;
	border: none;
	height: 15px;
	width: 52px;
	text-transform:none;
	font-size:11px;
	line-height: 15px;
	color: #FFFFFF;
	text-align: center;
}
.search a.next:hover{
   background-position: left bottom;
   color:#FFFFFF;
}

.admin_pagination a{
  color:#2984be;
  text-transform:uppercase;
  font-weight:bold;
}
.admin_pagination {
	color: #FF0000;
}
.admin_pagination a.next{
    background: url(../../../images/btn-next.gif) no-repeat left top;
	float:left;
/*	float: right; */
	cursor: pointer;
	border: none;
	height: 15px;
	width: 52px;
	text-transform:none;
	font-size:11px;
	line-height: 15px;
	color: #FFFFFF;
	text-align: center;
}
.admin_pagination a.next:hover{
   background-position: left bottom;
   color:#FFFFFF;
}

.search hr{
  margin-top:3px;
  margin-bottom:3px;
  font-size:0px;
  height:1px;
  border: dotted 1px #dbdbdb;
}
.graf {
  background-image:url(/modules/poll/images/blue.gif);
  background-repeat:repeat-x;
  color:#393939;
  padding-left:3px;
  display:block;
  list-style-type:none;
}
.queston{
  font-size:12px;
  font-weight:bold;
  color:#000000;
  padding-top:25px;
  padding-bottom:0px;
  padding-left:20px;
}
.div_answer{
  font-size:12px;
  font-weight:normal;
  color:#000000;
  line-height:15px;
}
.div_answer p{
  padding-top:15px;
  width:220px;
  margin:0 auto;
}
ul.answers{
  font-size:12px;
  font-weight:normal;
  color:#000000;
  padding:10px 0px 0px 30px;
}
ul.answers li{
  line-height:20px;
}
.pollBt{
   float:right;
   border:none;
   border:0px;
   padding:0px;
   margin:0px;
   margin-right:30px;
   margin-top:10px;
   width:66px;
   height:22px;
   color:#FFFFFF;
   background:url(../images/pollBt_bg.gif) left top no-repeat;
   cursor:hand;
   cursor:pointer;
}
.pollBt:hover{
  background-position: left bottom;
}
.tab_result{
  font-size:12px;
  font-weight:normal;
  color:#000000;
  width:220px;
  margin:0 auto;
  margin-top:15px;
}
.tab_result td{
  padding-top:5px;
}
.moreProj {
   color:#1886f7;
	 font-size:10px;

}
.moreProj a {
   color:#1886f7;
   text-transform:uppercase;
   font-weight:bold;
   text-decoration:none;
   float:right;
   margin-top:10px;

}
ul.weather_chance li b{
font-size:10px;
}
.projectBanner{
  width:225px;
  margin:0 auto;
  margin-top:40px;
  margin-bottom:20px;
}
.projectBanner img{
  padding-top:5px;
  margin-left:20px;
}

.projectBanner .title{
  background:url(../images/blockTitle_bg2.gif) top no-repeat;
  height:34px;
  line-height:34px;
  text-align:center;
  font-size:17px;
  font-weight:bold;
  margin-bottom:20px;
  color:#036cb9;
}
.citiesNetwork{
  width:225px;
  margin:0 auto;
  margin-top:40px;
  margin-bottom:20px;
}
.citiesNetwork img{
  margin:0 auto;
  padding-top:10px;
  text-align:center;
}
.citiesNetwork .title{
  background:url(../images/blockTitle_bg2.gif) top no-repeat;
  height:34px;
  line-height:34px;
  text-align:center;
  font-size:17px;
  font-weight:bold;
  margin-bottom:20px;
  color:#036cb9;
}
ul.info{
  margin-left:20px;
}
ul.info li{
  list-style: circle;
  line-height:25px;
  font-weight:bold;
}
/*

 SoundManager 2: In-page MP3 player example
 ------------------------------------------

 Clicks on links to MP3s are intercepted via JS, calls are
 made to SoundManager to load/play sounds. CSS classes are
 appended to the link, which are used to highlight the
 current play state and so on.

 Class names are applied in addition to "sm2_link" base.

 Default:

 sm2_link

 Additional states:

 sm2_playing
 sm2_paused

 eg.

 <!-- default -->
 <a href="some.mp3" class="sm2_link">some.mp3</a>

 <!-- playing -->
 <a href="some.mp3" class="sm2_link sm2_playing">some.mp3</a>


 Note you don't require ul.graphic / ul.flat etc. for your use
 if only using one style on a page. You can just use .sm2_link{}
 and so on, but isolate the CSS you want.

 Side note: Would do multiple class definitions eg.

 a.sm2_default.sm2_playing{}

 .. except IE 6 has a parsing bug which may break behaviour,
 applying sm2_playing {} even when the class is set to sm2_default.


 If you want to make your own UI from scratch, here is the base:

 Default + hover state, "click to play":

 a.sm2_link {}
 a.sm2_link:hover {}

 Playing + hover state, "click to pause":

 a.sm2_playing {}
 a.sm2_playing:hover {}

 Paused + hover state, "click to resume":

 a.sm2_paused {}
 a.sm2_paused:hover {}


*/

/* two different list types */

ul.flat {
 list-style-type:none;
 padding-left:0px;
}

ul.flat li,
ul.graphic li {
 padding-bottom:1px;
}

ul.flat li a {
 display:inline-block;
 padding:2px 4px 2px 4px;
}

ul.graphic {
 list-style-type:none;
 padding-left:0px;
 margin-left:0px;
}

/* background-image-based CSS3 example */

ul.graphic {
 list-style-type:none;
 margin:0px;
 padding:0px;
 width:550px;
 margin:0 auto;
 padding-top:15px;
}

ul.graphic li {
 margin-bottom:2px;
 background:url(/script/js/mp3player/image/music.png) no-repeat right;
}
ul.graphic li a,
ul.graphic li a.sm2_link {
 /* assume all items will be sounds rather than wait for onload etc. in this example.. may differ for your uses. */
 display:block;
 padding-left:22px;
 min-height:16px;
 border:1px solid #1c4ebc;
 background-color:#fff;
 -moz-border-radius:5px;
 -webkit-border-radius:5px;
 border-radius:5px;
 padding:3px 3px 0px 40px;
 min-width:19em;
 _width:19em;
 text-decoration:none;
 font-weight:bold;
 color:#2466f7;
 font-style:italic;
 text-shadow: 0 0 0 #000;
 width:500px; /* stupid Safari "fat" font rendering tweak */
 background:url(/script/js/mp3player/image/icon_play.png) no-repeat 0px 50%;
}
ul.graphic li a span{
  text-transform:uppercase;
  font-weight:bold;
  color:#1c4ebc;
  font-style:normal;
}

ul.graphic li a.sm2_link {
 /* safari 3.1+ fun (or, proprietary crap. TBD.) */
 -webkit-transition-property: hover;
 -webkit-transition: all 0.15s ease-in-out;
}

ul.graphic li a.sm2_paused:hover,
ul.graphic li a.sm2_link:hover {
 background-color:#f9f9f9 url(/script/js/mp3player/image/icon_play.png) no-repeat 0px 50%;
 _background-image:url(/script/js/mp3player/image/icon_play.gif); /* IE 6 */
 border-color:#333;
}

ul.graphic li a.sm2_paused {
/* background-color:#eef3ff;*/
 border-color:#999;
}

ul.graphic li a.sm2_paused:hover {
 background:url(/script/js/mp3player/image/icon_play.png) no-repeat 0px 50%;
 _background-image:url(/script/js/mp3player/image/icon_play.gif);
 border-color:#999;
}

ul.graphic li a.sm2_playing,
ul.graphic li a.sm2_playing:hover {
 background:#3e71df url(/script/js/mp3player/image/icon_pause.png) no-repeat 0px 50%;
 _background-image:url(/script/js/mp3player/image/icon_pause.gif);
 border-color:#336699;
 text-decoration:none;
 color:#FFFFFF;
}


ul.graphic li a.sm2_playing span{
 color:#FFFFFF;
  }


/* hide button while playing?
ul.graphic li a.sm2_playing {
 background-image:none;
}
*/
/* flat CSS example */

ul.flat a.sm2_link {
 /* default state: "a playable link" */
 border-left:6px solid #999;
 padding-left:4px;
 padding-right:4px;
}

ul.flat a.sm2_link:hover {
 /* default (inactive) hover state */
 border-left-color:#333;
}


ul.flat a.sm2_playing {
 /* "now playing" */
 border-left-color:#6666ff;
 background-color:#000;
 color:#fff;
 text-decoration:none;
}

ul.flat a.sm2_playing:hover {
 /* "clicking will now pause" */
 border-left-color:#cc3333;
}

ul.flat a.sm2_paused {
 /* "paused state" */
 background-color:#666;
 color:#fff;
 text-decoration:none;
}

ul.flat a.sm2_paused:hover {
 /* "clicking will resume" */
 border-left-color:#33cc33;
}


/*fajlovi*/

.pdfdate {
padding-top:20px;
}

.pdfdate p.pdfdate {
font-size:18px;
}

.pdf {
height: 32px;
padding-top:5px;
vertical-align: middle;
}

.pdf img{
vertical-align: middle;
}

.pdf p{
}

.pdf a {

}

.pdf a:hover {
color:#ae0000;
}

ul.ulList{
   margin-top:10px;
   margin-bottom:10px;
}
ul.ulList ul{
   margin-top:3px !important;
   margin-bottom:3px !important;
}
ul.ulList ul li{
   margin:0px 10px;
}
ul.ulList ul.ulList li{
   margin:0px 10px;
}
ul.ulList li{
  list-style:inside;
  list-style-type: disc;
  padding-left:5px;
  margin:1px 0 1px 25px;
}
li.ulList{
  list-style:inside;
  list-style-type: disc;
  padding-left:5px;
  margin:1px 0 1px 25px;
} 
ol.olList{
   margin-top:10px;
   margin-bottom:10px;
}
ol.olList li{
  list-style: outside;
  list-style-type:decimal;
  padding-left:0px;
  margin:1px 0 1px 10px;
}
li.olList{
  list-style: outside;
  list-style-type:decimal;
  padding-left:0px;
  margin:1px 0 1px 10px;
}
.technology { margin: 10px 0; padding: 2px 5px; background: #dce3f5; color: navy; font-size: 14px; font-weight:bold; }