/*Youjoomla Default*/



@import url("layout.css"); /*layout css file*/



/* JOOMLA! STYLING

--------------------------------------------------------- */

#shine{

text-align:left;

margin:0 auto;

background: url(../images/shine_blue.gif) repeat-x left top;/*width:1000px; change width on fly*/

}

#logo{

background: url(../images/logo_blue.png) no-repeat  0px 10px;

}

* {

margin:0;

padding:0;

}

a:focus {

outline:0px;

}

focus {

outline:0px;

}

h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset,address{

margin:0.5em 0;

}

ul{

margin-left:2em;

list-style: none;

}

fieldset{

padding:.5em;

}

a:link, a:visited {

	color: #2AC7FA;

	text-decoration: none;

}

a:hover {

color:#585757;

	text-decoration: underline;

}



h1,.componentheading{

font-size:1.7em;

line-height:1.7em;

color: #2AC7FA;

}

h2,.contentheading{

font-size:2.5em;

line-height:1.5em;

color: #2AC7FA;

}



h3{

font-size:1.3em;

line-height:1.3em;

color: #2AC7FA;

}

h4{

font-size:1.2em;

line-height:1.2em;

color: #2AC7FA;

}

h5{

font-size:1.1em;

line-height:1.1em;

color: #2AC7FA;

}

h6{

font-size:1em;

line-height:1em;

font-weight:bold;

color: #2AC7FA;



}

#footer,.small,.createdate,.modifydate,.mosimage_caption{

font:0.8em Arial,Helvetica,sans-serif;

color:#999;

}

.contentpaneopen img,

.contentdescription img{

padding: 5px;

}

a img {

border: 0;

text-decoration:none;

}

.contentheading{

color: #2AC7FA;

font:bold 175% "Times New Roman", Times, serif;

letter-spacing: 3px;

text-transform: capitalize;

}

.contentheading a:link, .contentheading a:visited {

color: #2AC7FA;

font:bold 100% "Times New Roman", Times, serif;

letter-spacing: 3px;

text-transform: capitalize;

}

.contentheading a:hover {

text-decoration: underline;

}

.contentpaneopen{

width: 95%;

text-align: left;

}

 .article_seperator {

display: block;

margin:15px 0;

height: 15px;

clear: both;

background: url(../images/artsep.gif) repeat-x left bottom;

width:95%;

}

ul {

	margin: 0px;

	margin-left: 15px;

	padding: 0px;

}

ul a:link, ul a:visited{

	color: #585757;

}

ul a:hover{

	text-decoration: underline;

}

.latestnews ul {

	margin: 0px;

	margin-left: 15px;

	padding: 0px;

}

.latestnews li a:link, .latestnews li a:visited{

	color: #585757;

}

.latestnews li a:hover{

	text-decoration: underline;

}

.mostread ul{

	margin: 0px;

	margin-left: 15px;

	padding: 0px;

}

.mostread li a:link, .mostread li a:visited{

	color: #585757;

}

.mostread li a:hover{

	text-decoration: underline;

}

.modifydate{

font-family: Tahoma, Verdana, "Lucida Sans";

font-size: 10px;

color: #464545;

height:35px;

padding-left: 19px;

padding-top:3px;

padding-bottom: 3px;

background: url(../images/edited.gif) no-repeat left center;



}

.small{

	font-family: Tahoma, Verdana, "Lucida Sans";

	font-size: 10px;

	color: #464545;

}

.createby{

	font-family: Tahoma, Verdana, "Lucida Sans";

	font-size: 10px;

	color: #464545;

}

.smalldark{

	font-family: Tahoma, Verdana, "Lucida Sans";

	font-size: 10px;

	color: #464545;

}

.createdate{

height:25px;

padding-left:23px;

padding-top:2px;

margin-bottom:13px;

background: url(../images/crdate.gif) no-repeat left top;

font-family: Tahoma, Verdana, "Lucida Sans";

font-size: 10px;

color: #464545;

}



a.readon:link, a.readon:visited {

display: block;

float: left;

font-size: 10px;

background:#222222;

border:1px solid #2d2c2c;

height: 22px;

line-height: normal;

line-height: 22px;

text-decoration: none;

text-indent: 10px;

color:#464545;

width: 100px;

}

a.readon:hover {

background:#1C1C1C;

border:1px solid #2d2c2c;

color:#2AC7FA;

}

td.buttonheading {

	width: 32px;

}

.mosimage_caption{

	font-family: Tahoma, Verdana, "Lucida Sans";

	font-size: 10px;

	color: #464545;

}

.mosimage img{

padding:5px;

background:#1C1C1C;

border:1px solid #2d2c2c;

}

.syndicate{

padding:5px;

}

.sectiontableheader {

	color : #2AC7FA;

	font-weight : bold;

	padding-bottom: 10px;

}

.sectiontableentry2 {

	background-color : #1C1C1C;

}

.inputbox {

color:#484747;

border:1px solid #2d2c2c;

background: #1A1A1A ;



}

.inputbox:hover, .inputbox:focus {

background: #222222;

border: 1px solid #1A1A1A;

}

img a,img {

border:0;

}

.button {

background:#222222;

border:1px solid #2d2c2c;

height: 18px;

padding-bottom:2px;

color:#464545;

width:auto;

font-size:100%;

}

.mbot{

	padding-bottom: 30px;

}

.componentheading{

font:bold 150% "Times New Roman", Times, serif;

letter-spacing: 2px;

text-transform: capitalize;

color: #999999;

text-align: left;

}

.pagenav,

.pagenav_prev,

.pagenav_next,

.pagenavbar {

padding: 0 2px;

}

a.pagenav,

.pagenav_prev a,

.pagenav_next a,

.pagenavbar a {

background:#222222;

border:1px solid #2d2c2c;

color:#464545;

padding: 2px;

text-decoration: none;

}

a.pagenav:hover, a.pagenav:active,

.pagenav_prev a:hover, .pagenav_prev a:active,

.pagenav_next a:hover, .pagenav_next a:active,

.pagenavbar a:hover, .pagenavbar a:active {

background:#1C1C1C;

border:1px solid #2d2c2c;

color:#2AC7FA;

padding: 2px;

text-decoration: none;

}

.pagenavbar {

padding-left: 14px;

}

.pagenavcounter {

padding: 8px 14px 0 14px;

}

.button{

margin-top:10px;

}

.contentpane{

width:100%;

}



a:focus {



outline:0px;



}

table.contenttoc {

margin: 0 0 10px 10px;

padding: 0;

width: 35%;

font-size: 92%;

}

table.contenttoc a {

text-decoration: none;

}

table.contenttoc td {

background:#181818;

padding: 1px 5px 1px 20px;

border-bottom:1px solid #2F2F2F;

}



table.contenttoc th {

border: 1px solid #2F2F2F;

padding: 0 0 3px;

text-indent: 5px;

}

a img {

	border: 0;

}



/*deafult  flatlist*/

#mainlevel  ul{

margin: 0;

padding: 0;

}

#mainlevel{

padding:0;

color: #000;

text-align:left;

}

#mainlevel  ul{

list-style: none;

margin-left: 10px;

margin-right: 4px;

padding: 0;

}

#mainlevel  li{

margin: 0 -15px 0px;

padding-left:0px;

background:none;

}

#mainlevel li a{

height: 29px;

line-height: 29px;

text-decoration: none;

text-indent: 5px;

padding-left:25px;

display: block;

background:#1C1C1C url(../images/strelica_blue.gif) no-repeat left center;

color: #353535;

border-bottom:1px solid #232323;

font-size: 11px; 

text-decoration: none;

}

html>body #mainlevel li a { width:89%;color: #353535;



 }

#mainlevel li a:hover,

#mainlevel a#active_menu:link,#mainlevel a#active_menu:visited{

color: #585757;

font-size: 11px;

text-decoration: none;

background-color: #1A1A1A;

background:#1a1a1a url(../images/strelica_blue.gif) no-repeat left center;



}

/* Default Vertical*/

a.mainlevel {

color: #353535;

display: block;

padding-left:25px;

height: 29px;

line-height: 29px;

text-decoration: none;

text-indent: 5px;

width: 100%;

background:url(../images/menuverta.gif) no-repeat left bottom;

}

a.mainlevel:hover,

a.mainlevel:active,

a.mainlevel:focus {

color: #585757;

text-decoration: none;

background:#121212 url(../images/menuvertahover_blue.gif) no-repeat left bottom;



}

a.mainlevel#active_menu {

color: #585757;

text-decoration: none;

background:#121212 url(../images/menuvertahover_blue.gif) no-repeat left bottom;



}

a.sublevel {

background: #1A1A1A url(../images/strelica_blue.gif) no-repeat 5px 9px;

color: #30302f;

display: block;

padding: 2px 4px 0px 15px;

text-decoration: none;

}

a.sublevel:hover,

a.sublevel:active,

a.sublevel:focus {

color: #585757;

text-decoration: underline;

}

#active_menu {

color: #585757;

background: #121212 url(../images/strelica_blue.gif) no-repeat 5px 9px;



}

/*suck*/

#suck{

width:100%;

margin:0 auto;

height:34px;

}

#sl{

margin:0 auto;

text-align:center;

height:34px;

}

#sr{

width:100%;

height:34px;

text-align:left;

}

#navigacija{

height: 34px;

width:auto;

float:left;

margin-left:10px;

font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;

font-weight: bold;

text-transform: uppercase;

}

#navigacija a {

color: #585757;

background: url(../images/activeal.png) no-repeat 0 0;/*dodao*/

}

#navigacija  a:hover{

color: #2AC7FA;

}

#navigacija li li {

border-top: 1px solid #232323;/*light*/

border-bottom: 1px solid #181818;/*dark*/

}

#navigacija li.active {

}

#navigacija li.active span {

}

#navigacija li.active a {

color: #2AC7FA;



}

#navigacija li:hover span,

#navigacija li.sfHover span {

}

#navigacija li:hover a,

#navigacija li.sfHover a {



}

#navigacija li:hover span.topdaddy,

#navigacija li.sfHover span.topdaddy {

}

#navigacija li:hover span.topdaddy a,

#navigacija li.sfHover span.topdaddy a {

color: #585757;/*dodao*/

}

#navigacija li:hover ul,

#navigacija li.sfHover ul {

background: #000;

}

#navigacija li li:hover,

#navigacija li li.sfHover {

background: #0F0F0F;

}

#navigacija li:hover li a.daddy,

#navigacija li.sfHover li a.daddy,

#navigacija li.active:hover li a.daddy,

#navigacija li.active.sfHover li a.daddy {

background: url(../images/suckli.gif) 100% 50% no-repeat;

}

/*drugi dio*/

.nav, .nav * {

margin:0;

padding:0;

}

div#navigacija {  

position: relative;

z-index: 50;

}

div#navigacija .wrapper {

position: relative;

}

#navigacija li li {

margin: 0;

}

div#navigacija li li span,

div#navigacija li.active li span,

div#navigacija li:hover li span {

background:none;

}

.nav {

line-height:1.0;

float:left;

margin-bottom:1.5em;

position: relative;

}

.nav ul {

background:#fff; 

padding: 0;

}

.nav li {

float:left;

list-style:none;

position:relative;

background:none;



}

.nav li li a {

display:block;

padding: 0;

text-decoration:none;

background-image: none;

float:none;

width:135px;

}

div#navigacija li li a {

height: 30px;

line-height: 30px;

background-image: none;

}

div#sonja li:hover {background-position: 0 0;}

div#navigacija li:hover li,

div#navigacija li.sfHover li,

div#navigacija li.active:hover li,

div#navigacija li.active.sfHover li,

div#navigacija li:hover li span,

div#navigacija li.sfHover li span {

background-image: none;

}

div#navigacija li:hover li a,

div#navigacija li.sfHover li a,

div#navigacija li.active:hover li a,

div#navigacija li.active.sfHover li a {

background-image: none;

}

.nav li ul {

float:none;

left:-999em;

position:absolute;

width: 177px;

z-index: 5;

border: 1px solid #232323;

}

.nav li:hover ul,

.nav li.sfHover ul {

left:0px;

top: 28px;

}

.nav li:hover li ul,

.nav li.sfHover li ul,

.nav li li:hover li ul,

.nav li li.sfHover li ul,

.nav li li li:hover li ul,

.nav li li li.sfHover li ul {

top:-999em;

}

.nav li li:hover ul,

.nav li li.sfHover ul,

.nav li li li:hover ul,

.nav li li li.sfHover ul,

.nav li li li li:hover ul,

.nav li li li li.sfHover ul {

left: 177px;

top:0px;

width: 177px;

}

.nav li li {

position: relative;

float:none;

width: 177px;

}

/*treci dio*/

#navigacija ul {

list-style: none;

margin: 0;

padding: 0 0 0 0px;

}

#navigacija li {

display: block;

float: left;

margin: 0;

margin-right: 0px;

padding: 0;

}

#navigacija li span {

display: block;

float: left;

background: url(../images/activear.png) no-repeat 100% 0;/*dodao*/

}

#navigacija a {

display: block;

float: left;

height: 28px;

line-height: 28px;

padding: 0 15px;

font-weight: normal;

}

#navigacija li li a {

font-size: 12px;

padding: 0 15px;

color:#585757;

}

#navigacija a:hover {

text-decoration: none;

}

#navigacija li:hover,

#navigacija li.sfHover {

background: none;	

}



#mod_login_password , #mod_login_username {

width: 87%;

height:19px;

padding-left: 23px;

padding-top:3px;

color:#484747;

border:1px solid #232323;

}

#mod_login_password {

background: #1A1A1A url(../images/password.gif) no-repeat left center;

}

#mod_login h3{

color:#333333;

}

#mod_login_username {

background: #1A1A1A url(../images/username.gif) no-repeat left center;

}

#mod_login_remember {

border:#1C1C1C;

background:#1C1C1C;

padding: 0!important;

}

 #mod_login_remember .inputbox{

 background:#1C1C1C;

 }





li {

padding-left:15px;

background: url(../images/bodyli.gif) no-repeat 0px 6px;

font-family: Verdana, Arial, Helvetica,  sans-serif; font-size: 11px; text-decoration: none;

color:#585757;

}

li:hover{

padding-left:15px;

background: url(../images/bodylih_blue.gif) no-repeat 0px 6px;

font-family: Verdana, Arial, Helvetica,  sans-serif; font-size: 11px; text-decoration: none;

}

#bottomwr li,#topwrap li{

padding-left:15px;

background: url(../images/arowshelfs.gif) no-repeat 0px 6px;

font-family: Verdana, Arial, Helvetica,  sans-serif; font-size: 11px; text-decoration: none;

color:#585757;

}

#bottomwr li:hover,#topwrap li:hover{

padding-left:15px;

background: url(../images/arowshelfsh_blue.gif) no-repeat 0px 6px;

font-family: Verdana, Arial, Helvetica,  sans-serif; font-size: 11px; text-decoration: none;

color:#585757;

}



body a,body a:hover {

cursor: pointer;

}