@charset "utf-8";
/* CSS Document */
a {
text-decoration:none;
}

#topmenu {
	height: 56px;
	background-image: url(images/menu/pozadina_menu_normal.png);
	background-repeat: repeat-x;
	background-position: center top;
	text-align: left;
	display: inline;
}

#navigacija {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-left: 0px;
	z-index: 100;
	float: left;
	margin: 0px;
	height: 55px
}
#navigacija ul {
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px
}

#navigacija li {
	padding-right: 0px;
	display: inline;
	padding-left: 0px;
	float: left;
	padding-bottom: 0px;
	margin: 0px;
	width: auto;
	padding-top: 0px;
	position: relative
}
#navigacija li a {
	font-size: 13px;
	color: #252525;
	padding-right: 10px;
	display: block;
	padding-left: 10px;
	float: left;
	padding-bottom: 0px;
	padding-top: 0px;
	height: 55px;
	font-weight: bolder;
}
#navigacija li a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(images/menu/pozadina_menu_hover.png);
	background-repeat: repeat-x;
	background-position: 0px 100%;
}
#navigacija .current a:hover {
	color: #efefef;
	text-decoration: none;
	background-image: url(images/menu/pozadina_menu_active.png);
	background-repeat: repeat-x;
	background-position: 0px 100%;
}
#navigacija li:hover a {
	color: #efefef;
	text-decoration: none;
	background-image: url(images/menu/pozadina_menu_hover.png);
	background-repeat: repeat-x;
	background-position: 0px 100%;
}
#navigacija li.sfhover a {
	color: #efefef;
	text-decoration: none;
	background-image: url(images/menu/pozadina_menu_active.png);
	background-repeat: repeat-x;
	background-position: 0px 100%;
}
#navigacija .current {
	color: #efefef;
	background-image: url(images/menu/pozadina_menu_active.png);
	background-repeat: repeat-x;
}
#navigacija .current_crveno {
	color: #efefef;
	background-image: url(images/menu/pozadina_menu_active_crveno.png);
	background-repeat: repeat-x;
}
#navigacija .current_zeleno {
	color: #efefef;
	background-image: url(images/menu/pozadina_menu_active_zeleno.png);
	background-repeat: repeat-x;
}
#navigacija .current_zeleno2 {
	color: #efefef;
	background-image: url(images/menu/pozadina_menu_active_zeleno2.png);
	background-repeat: repeat-x;
}
#navigacija .current_plavo2 {
	color: #efefef;
	background-image: url(images/menu/pozadina_menu_active_plavo2.png);
	background-repeat: repeat-x;
}
#proba a:hover{
background:url(images/catbg.gif);
}
#menu_razdelnik{
/*background:url(images/menu/menu_razdelnik.png);
*/
height:55px;
width:2px;
margin:0px;
}

body {
	/*background-color:#333333;*/
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.pozadin_menu{
	background-image: url(images/yoma/module_menu_tr.png);
	background-repeat: repeat-x;
	height: 91px;
}
.pozadina_top_sredina{
	background-image: url(images/menu/pozadina_menija_srednja.png);
	background-repeat: repeat-x;
	height: 30px;
}
.pozadina_top2{
	background-image: url(images/menu/pozadina_menija_full.png);
	background-repeat: repeat-x;
	height: 176px;
}
.menu_v a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
}
.menu_v a:hover {
	color: #CCCCCC;
}
.menu_v a:link {
	color: #666666;
}
.menu_m {
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 10px;
	color: #585858;
	font-weight: normal;
}

.menuk{
	padding:9px;
	float: left;
}
.linija_c{
	background-image: url(images/menu/header_m.png);
	background-repeat: repeat-x;
	height: 1px;
	width:350px;
}

.linija_l{
	background-image: url(images/menu/header_l.png);
	background-repeat: no-repeat;
	height: 1px;
	width:220px;
}

.linija_r{
	background-image: url(images/menu/header_r.png);
	background-repeat: no-repeat;
	height: 1px;
	width:220px;
}
#userarea {
	font-size: 10px;
	float: left;
	color: #888;
}
#userarea form input#username {
	padding-left: 24px;
	font-weight: normal;
	overflow: hidden;
	width: 100px;
	color: #bcbcbc;
	height: 14px;
	line-height:14px;
	background-color: #282828;
	background-image: url(images/user.png);
	background-repeat: no-repeat;
	background-position: 4px 50%;
	border: 1px solid #161616;
	font-size: 10px;
	text-align: left;
	vertical-align: middle;
	padding-top: 3px;
	margin:0;
}
#userarea form input#passworde {
	padding-left: 24px;
	font-weight: normal;
	overflow: hidden;
	width: 100px;
	color: #bcbcbc;
	height: 14px;
	line-height:14px;
	background-color: #282828;
	background-image: url(images/key.png);
	background-repeat: no-repeat;
	background-position: 4px 50%;
	border: 1px solid #161616;
	font-size: 10px;
	text-align: left;
	vertical-align: middle;
	padding-top: 3px;
	margin:0;

}
#button {
	text-transform: uppercase;
	width: auto;
	cursor: pointer;
	color: #bcbcbc;
	text-align: center;
	font-size: 9px;
	font-style: normal;
	border: 1px solid #161616;
	background-color: #242424;
	background-position: center 50%;
	padding-right: 8px;
	padding-left: 8px;
	padding-top: 4px;
	padding-bottom: 4px;
	margin:0;
	text-decoration:none;
}

#button a {
	text-decoration:none;
}

.bar_levo{
	background-image: url(images/menu/bar-levo.png);
	background-repeat: no-repeat;
	height: 37px;
	width: 43px;
}

.bar_desno{
	background-image: url(images/menu/bar-desno.png);
	background-repeat: no-repeat;
	height: 37px;
	width: 43px;
	background-color: #242424;
}
.bar_sredina {
	background-image: url(images/menu/bar-sredina.png);
	background-repeat: repeat-x;
	height: 37px;
	background-color: #242424;
}
.bar_pozadina {
	background-image: url(images/menu/bar-pozadina.png);
	background-repeat: repeat-x;
	height: 37px;
	background-color: #242424;
}

.kor_panel{
	color:#ccc;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
}
.kor_panel a{
	text-decoration:none;
	color:#CCCCCC;
}
.kor_panel a:hover {
	text-decoration:none;
	color:#FFFFFF;
}

#skriveno {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	position:absolute;
	/*display:inherit;*/
	width:80%;
	left:10%;
	top:-400px;
	z-index:100;
	}
#topbar-bg{
	top:0px;
	left:0px;
	position:absolute;
	width:100%;
	height:400px;
	background-color: #000000;
}
#kontenjer{
position:relative;
	width:100%;
	height:400px;
	/*background-image: url(images/topbar/crno_bg.png);
	background-color:#000000;
	background-repeat: repeat;*/
}

.gumb-x{
	background-image: url(images/dugmic_bg.png);
	background-repeat: no-repeat;
	height: 23px;
	width: 106px;
	margin: 0px;
	padding: 0px;
}

#dugmic{
	border:none;
	background:none;
	margin:0px;
	text-decoration:none;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #999999;
}

#dugmic a{
	text-decoration:none;
}




/* 
  -----------------------------------
  Accordion Panel Magic
  by Project Seven Development
  www.projectseven.com
  Style Theme: 06 - Greystone
  -----------------------------------
*/

.p7AB {
	font-family: Arial, Helvetica, sans-serif;
}
.p7ABtrig {
	margin: 0;
	padding: 0;
	background-repeat: repeat-x;
	width: 170px;
	clear: both;
}
.p7ABtrig h3, .p7ABtrig h4 {
	margin: 0;
	padding: 0;
	font-size: 10px;
}
#p7ABW1 .p7ABtrig a, #p7ABW2 .p7ABtrig a,
#p7ABW3 .p7ABtrig a, #p7ABW4 .p7ABtrig a,
#p7ABW5 .p7ABtrig a, #p7ABW6 .p7ABtrig a,
#p7ABW7 .p7ABtrig a, #p7ABW8 .p7ABtrig a,
#p7ABW9 .p7ABtrig a, #p7ABW10 .p7ABtrig a {
	display: block;
	text-decoration: none;
	padding: 2px;
	color: #999999;
	font-weight: normal;
	font-size: 10px;
}
#p7ABW1 .p7ABtrig a:hover, #p7ABW2 .p7ABtrig a:hover,
#p7ABW3 .p7ABtrig a:hover, #p7ABW4 .p7ABtrig a:hover,
#p7ABW5 .p7ABtrig a:hover, #p7ABW6 .p7ABtrig a:hover,
#p7ABW7 .p7ABtrig a:hover, #p7ABW8 .p7ABtrig a:hover,
#p7ABW9 .p7ABtrig a:hover, #p7ABW10 .p7ABtrig a:hover {
	color: #EEEEEE;
}
.p7ABtrig a:active, .p7ABtrig a:focus {
	outline: 1px dotted #ccc;
}
#p7ABW1 .p7ABtrig .p7ABtrig_down, #p7ABW2 .p7ABtrig .p7ABtrig_down,
#p7ABW3 .p7ABtrig .p7ABtrig_down, #p7ABW4 .p7ABtrig .p7ABtrig_down,
#p7ABW5 .p7ABtrig .p7ABtrig_down, #p7ABW6 .p7ABtrig .p7ABtrig_down,
#p7ABW7 .p7ABtrig .p7ABtrig_down, #p7ABW8 .p7ABtrig .p7ABtrig_down,
#p7ABW9 .p7ABtrig .p7ABtrig_down, #p7ABW10 .p7ABtrig .p7ABtrig_down {
	background-repeat: no-repeat;
	background-position: left center;
}
.p7ABcontent {
	font-size: 10px;
	line-height: 1.5em;
	color: #999999;
	background-repeat: repeat-x;
}
.p7ABcontent h2, .p7ABcontent h3, 
.p7ABcontent h4 {
	font-size: 10px;
	color: #0099CC;
	margin: 0px;
	line-height: normal;
}
.p7ap_currentmark {
}


.thumbnail{
	position: relative;
	z-index: 0;
	margin:0;
}

.thumbnail:hover{
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: #333333;
	margin:0;
	padding: 5px;
	left: -1000px;
	border: 1px dashed gray;
	visibility: hidden;
	color: #EEEBAA;
	text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
margin:0;
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	top: 30px;
	left: 0px;
	max-width:380px;
	min-width:280px;
	overflow:hidden;
/*	width: 350px;
	height:150px;
*/	text-align:center;
}