p{padding:5px 0;}

/* docs */
	#docs {
		left:180px;
	}
	#docs-opacity {
		left: 180px;
		}
		
	#docs-belo {
		left: 180px;
		top: 0px;
		}
	
.logo {width:180px; height:140px;}
.logo img {margin: 30px 0 0 40px; }

#meni {
    float: right;
    left: 20px;
    margin-left: -20px;
    top: 170px;
    width: 180px;
	}
	
/* sadrzaj */
	#sadrzaj {
		min-width:400px;
		width:auto;
		padding-top: 35px;
		}	

		
		
/* goredesno, gorelevo, sredina modul */
#goredesno {
	right:25px; 
	top:10px;
	width:360px;
}

#goredesno .moduletable {
height:auto; width:auto; padding:20px; margin-bottom:15px;
	border-radius: 24px;
	-moz-border-radius: 24px;
	-webkit-border-radius: 24px;
}


#gorelevo {
z-index:2000; position:fixed;
left:600px; top:140px; font-size: 100%;
height:auto; width:155px;
color:#000; padding:15px 0 10px 15px; 
opacity:0.9; background:#777;
	border-radius: 0 12px 12px 0;
	-moz-border-radius: 0 12px 12px 0;
	-webkit-border-radius: 0 12px 12px 0;
}
#goresredina {
z-index:1006; position:fixed;
right:10px; top:0px;
height:auto; width:auto;
color:#fff; padding:0px; 
}


/* user */
	#user1, #user2 {
    color: #000000;
    font-size: 100%;
    width: 190px;
	float: left;
	padding-bottom:30px;}

	#user1 {	margin-right: 5px;}
	#user2 { border-left:1px solid #ccc;	padding-left: 10px;}
	#user1 h3, #user2 h3 {font-size: 112%; margin-bottom:10px; font-weight: bold;}
	#user5 {	font-size: 100%; width: 390px;margin-bottom:10px;}


		
#levo {
    background-color: #000000;
    color: #CCCCCC;
    height: 100%;
    left: 0;
    opacity: 0.9;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 180px;
    z-index: 1005;
	}

		
/*accordion meni i tekst */

.accordionWrapper{display:inline-block; overflow:hidden;}
.accordionWrapper div{display:block; margin:auto;}
.accordionWrapper div.title{cursor:pointer;}
.accordionWrapper div.content{display:none;}

 .Ameni{display:inline-block; background-color:#000; width:185px; font-size: 100%;}
 .Ameni img{vertical-align:top; border:0; margin:0; padding:0}
 .Ameni div{/*display:inline; float:left; margin:auto;*/}
 .Ameni div.title{border-top: 1px solid #CCCCCC; padding: 7px 20px; }
 .Ameni div.title a {display:block;}
 .Ameni div.set6{text-align: center;} /*jezici*/
 .Ameni div.title a.neblo{display:inline; padding:0 3px;} /*jezici*/
 .Ameni div.title a{color:#777;}
 .Ameni div.title a strong {color:#fff;}
 .Ameni div.title a span {color:#fff;}
 .Ameni div.title a{color:#777;}
 .Ameni a {text-decoration:none; font-size: 100%;}
 .Ameni a span{text-decoration:none; font-size: 130%;}
 .Ameni a strong{display:inline-block;padding-top:3px;}
 .Ameni div.content{display:none;font-size:100%;padding: 0 10px 10px 20px;}
 .Ameni div.content a{color:#777;}
 .Ameni div.content span{font-size:80%;}		
/*.Ameni div.set:hover {background-color:#111;}	*/

.Atekst{width:400px;}
		
.set1{}
.set2{}
.set3{}
.set4{}
.set5{}
.set6{}
.set7{}		
		
/* search */
	#pretraga {
		position: absolute;
		right: 80px;
		bottom: 10px;
		z-index: 1002;
		opacity:0;
		}
	input#mod_search_searchword {
    color: #F14B12;
	background-color: #FFFFFF;
    border: medium none;
    color: #000000;
    font-size: 90%;
    margin-right: -16px;
    padding: 6px 26px 6px 6px;
    width: 80px;
		border-radius: 12px;
		-moz-border-radius: 12px;
		-webkit-border-radius: 12px;
	
		}
	#pretraga .dugme { 
	bottom: 15px;
    position: fixed;
    right: 70px;
	}
	
/* vrh */
	.vrh {color:#000;text-decoration:none;width:400px;	}
	.vrh a {color:#f14b12;text-decoration:none;	}
	.vrh a:hover {color:#ADE2E7;	text-decoration:none;	}
/* dole */
	.dole {text-decoration:none; width:auto; position:absolute; bottom:10px; left:620px; z-index:1005;}
	

	
	
/* Mali meni */		
#meni .Mmeni { display:none;}

/* osnovni meni */		
#meni #osnovni li { border-bottom: 1px solid #555555; font-size: 120%; margin-left: -15px; padding: 0 0 0 15px; width: 160px;}
#meni #osnovni li:hover {background-color: #111;font-weight:;}
#meni #osnovni .active {background-color: #fff;font-weight:bold;}
#meni #osnovni .active a{ color:#555;	}
#meni #osnovni .active a:hover{ color:#f14b12;} 
/*#meni #osnovni .active:hover{ background-color:#222;}*/
#meni #osnovni a {text-decoration:none; }
#meni #osnovni span {display: block; height: 24px; text-decoration: none; width: auto;	padding: 5px 0 0;}


/* blog meni */		
#gorelevo #blogmeni li { border-bottom: 1px solid #666; font-size: 120%; margin-left: -15px; padding: 0 0 0 15px; width: auto;}
#gorelevo #blogmeni li:hover {background-color: #fff;font-weight:;}
#gorelevo #blogmeni .active {background-color: #fff;font-weight:bold;}
#gorelevo #blogmeni .active a{ color:#888;	}
#gorelevo #blogmeni .active a:hover{ color:#f14b12;} 
#gorelevo #blogmeni  a:hover{ color:#f14b12;} 
/*#meni #blogmeni .active:hover{ background-color:#222;}*/
#gorelevo #blogmeni a {text-decoration:none; color:#fff;}
#gorelevo #blogmeni span {display: block; height: 24px; text-decoration: none; width: auto;	padding: 5px 0 0;}
#gorelevo #blogmeni img {float:left;margin-top:7px;margin-right:5px;}

/*sifraklijenata*/
#sifraklijenata {position:fixed; bottom:20px; left:0px; width:180px; z-index:1100;color:#ccc; 
background-color:transparent; padding:0;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}
#sifrasajta {
	background-color: #0dbdff;
	text-align:center; 
	font-size:24px;
	border:0px;
	color:#fff;
	margin-top:6px;
	padding:4px;
	-moz-border-radius: 10px ;
	border-radius: 10px ;
	width:130px;
}



	
.fvssoc {width:32px;}




	
	
/*pattern preko */	
div.pattern {
background: url('../images/pattern/03.png');
width: 100%;
height: 100%;
position: fixed;
top: 0px;
right: 0px;
z-index: 1;
}

/*stranica o nama */
.blogonama {
position:static;
top:0;
left:180px;
max-width:960px;
width:100%;
height:100%;
}
.blogonama  .article_rowonama{
float:left;
width:200px;
height:310px;
padding:5px;
margin:10px;
border:solid 1px #fff;
background:#fff;
	border-radius: 0 20px 0 20px;
	-moz-border-radius: 0 20px 0 20px;
	-webkit-border-radius: 0 20px 0 20px;
	
}
.blogonama  .article_rowonama h2 a span{
display:block;
width:200px;
height:310px;
position: absolute;
}

.row_separatoronama, .article_separator {display:none;}

.blogonama  .article_column p img{
margin-top:30px;}
.blogonama  .article_rowonama:hover{
border:solid 1px #fff;
background:#ccc;
}
.blogonama  .readononama{
/*display:none;*/
}
.blogonama  .article_column{
 padding: 0 10px;
}


/* kategorija tabela */
.category td {padding:10px;}
.category tr {border-bottom:1px solid #ccc;}
.category tr:hover {background:#777;}
.category  {width:100%; clear:both;}
.category .hasTip {float:right;}
a.category {}
.filter, .display {float:left; margin: 0 0 20px 20px;}
.filter p, .display p {padding:0;}


/* liste u tekstu */
#sadrzaj  ol li {
	list-style-position: outside;
	list-style-type: decimal;
	margin-left: 40px;
	padding-left: 10px;
	padding-top: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333;
}
#sadrzaj  ul li {
	list-style-position: inside;
	list-style-type: square;
	padding:10px 0 10px 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333;
	max-width: 390px;
}
#tag  ul ol {
	list-style-position: inside;
	list-style-type: square;
	padding:5px 0 5px 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333;
}
#articlepage ul { list-style: disc outside none;	margin-left:20px; }
#articlepage ul  li { border-bottom: 1px dotted #ccc; padding-bottom:5px;  margin-top:4px; width: 300px;}

/*default joomla*/
.componentheading { display: none;}
.componentheadingkategorije { padding-bottom:20px;}
a.category  { font-weight:bold; font-size:127%;}
div.contentpane {}
div.contentdescription {}
td.sectiontablefooter {}
td.sectiontableheader {}
a.category {}
td.sectiontableentry1 {}
td.sectiontableentry2 {}
form#selectForm {}
table.contentpane {}
td.contentheading {}
form#emailForm {}
input#contact_name {}
label#contact_emailmsg {}
input#contact_email {}
input#contact_subject {}
label#contact_textmsg {}
textarea#contact_text {}
input#contact_email_copy {}
form.form-validate {}
div.contact_email {}
input.inputbox {width:200px;margin-bottom: 10px;/*float:right;*/}
input.required {}
input.validate-email {}
textarea.inputbox {}
textarea.required {}
button.button {}
button.validate {}
/*span.hasTip {float:right;margin-top: -50px;}*/
hr#system-readmore {}
form#jForm {}
ul#archive-list {}
div#navigation {}
li.row {}
h4.title {}
h5.metadata {}
.pageinfo {background: #444444;color: #FFFFFF;float: right;font-size: 80%;margin-top: -45px;padding: 1px;text-align: center;width: 50px;}
.iteminfo {color: #888888;float: right;margin-top: -75px;width: auto;}
span.createddate {}
span.author {}
div.intro {}

div.contentpaneopen_edit img, div.contentpaneopen_editonama img {margin: 0;padding: 0;}
div.contentpaneopen_edit , div.contentpaneopen_editonama{
    display: block;
    float: right;
    height: 30px;
    margin: 0;
    padding: 5px;
    position: relative;
    right: -10px;
    top: -15px;
    width: 30px;
    z-index: 4000;
	background-color:#fff;
		border-radius: 15px;
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;


}
div.contentpaneopen_edit:hover , div.contentpaneopen_editonama:hover{background-color:#0DBDFF;}
table.contentpaneopen {}
a.contentpagetitle {}
td.buttonheading {}
span.small {}
td.createdate {}
td.modifydate {}
a.readon {}
span.row_separator, 
span.leading_separator {
    border-bottom: 1px solid #FFFFFF;
    border-top: 1px solid #999999;
    clear: both;
    display: block;
    height: 0;
    width: 100%;
}
input#title {}
input#created_by_alias {}
input#publish_up {}
input#publish_down {}
textarea#metadesc {}
textarea#metakey {}
table.adminform {}
td.key {}
img.calendar {}
input#alt {}
div.blog {margin:0 -10px;width:420px;}
div.article_column { min-height:135px; padding: 30px 10px 10px;}
div.article_row:hover { /*background-color:#ccc;*/}
div.article_row {  }
div.leading { min-height:135px; background-color:#fff; padding: 30px 10px 10px;}
div.blog_more {}
a.blogsection
td.contentdescription {}
span .article_separator {}

form#poll {}
table.pollstableborder {}
th.sectiontableheader {}
td.smalldark {}
span.highlight {}
table.searchintro {}
input#search_searchword {}
/*input#area_{VALUE} {} /* Value is set programatically. Replace {VALUE} with the ID VALUE of the input you want to target */
input.button {}
form#login {margin-left: 20px;width:380px;}
form#josForm {}
label#namemsg {}

label#usernamemsg {}
input#username {}
label#emailmsg {}
input#email {}
label#pwmsg {}
label#pw2msg {}
input#password2 {}
.name label, .pass label, .remember label{width:100px; display:block;}

.error  {background-color: #fff;color: #000;display: table;width: 380px; margin-top: 70px;}
.error  .error {display: cell;width: 320px; }
.error  .error .error{display: cell;width: 320px; }
dt.error  {display:none;}
.error  h1{display: inline;float:left; padding:4px 0 0 10px;}
dt.message  {display:none;}
dd.message {float:right;font-weight:normal;padding:10px;}

form.josForm {}
label.hasTip {}
input#password1 {}
input.validate-password {}
input#token {}
input#name {}
form#adminForm {}
input#jformtitle {}
input#jformurl {}
textarea#jformdescription {}
table#explain-sql {}
table.Table {}
td.TD {}
div#keepAliveLayer {}
/*input#cb{ROW_NUMBER} {} /* Value is set programatically. Replace {ROW NUMBER} with the Row Number of the input checkbox you want to target */
dl.tabs {}
div.pane-sliders {}
div.panel {}
h3.jpane-toggler  {}
h3.title {}
div.jpane-slider  {}
div.content {}
table.paramlist {}
table.admintable {}
td.paramlist_description {}
td.paramlist_key {}
td.paramlist_value {}
div.toolbar {}
#search {}
input.text_area {}
select.inputbox {width:200px;float:right;}
span.breadcrumbs  {}
span.pathway {}
/*button#trigger_{ID} {} /* Value is set programatically. Replace {ID} with the ID number of the button you want to target */
div.expander {}
/*input#{NAME} {} /* Value is set programatically. Replace {NAME} with the ID name of the input you want to target */
div#overDiv {}
a.tooltip {}
/*form{FORMNAME} {} /* Value is set programatically. Replace {FORMNAME} with the name of the form you want to target */
link#luna-tab-style-sheet {}
/*div#{PANEID} {} /* Value is set programatically. Replace {PANEID} with the PANEID of the div you want to target */
div.tab-page {}
h2.tab {}
div.bannergroup {}
div.bannerheader {}
div.banneritem {}
div.clr {}
div.bannerfooter {}
a.pathway {}
table.moduletable {}
ul.newsfeed {}
ul.latestnews {}
li.latestnews {}
a.latestnews {}
input#mod_login_username {}
input#mod_login_password {}
input#mod_login_remember {}
/*li#{ITEM ID} {} /* Value is set programatically. Replace {ITEM ID} with the ITEM ID of the list liem you want to target */
span.separator {}
ul#mainlevel {}
ul#sublevel {}
ul.mostread {}
li.mostread {}
a.mostread {}
table.poll {}
ul.relateditems {}

div.search {}
ul.sections {}
/* @end */

/* search */

.results li {
    margin: 10px;
    padding-bottom: 20px; }
.searchintro p {padding: 0px; display: inline;}
.searchintro {margin-bottom: 22px;}
.search_result {margin-top: 22px;}
.search_result .only { border: 1px solid #666; margin: 5px; padding: 15px;}
.search_result .phrase { border: 1px solid #666; margin: 5px; padding: 15px;}
.search_result .display { float:right; width: 200px; text-align:right;}

/*pagination*/
p.counter { margin: 0 38px; font-weight: bold;}
div.pagina { margin: 0 30px; color:#555;}
ul.pagination { text-align: center;}
ul.pagination li {	display:inline; padding: 0 4px; float:left;}
ul.pagination li a { text-decoration:none; color:#f14b12;}
.pagenav { margin-top: 40px; width: auto; border-bottom: 1px dotted #777; border-top: 1px dotted #777; padding-bottom: 10px; padding-top: 10px; display: block;    position: absolute;
    top: 40px;
    width: 400px;}
.pagenav  big{ font-size:120%;}
.pagenav td { padding: 0 5px;width: auto;}
.pagenav th {text-align:left;width: auto;height: 20px;overflow: hidden;display: block;}


/* zaglavlja */
h1 {font-size:150%;}
h2 {font-size:133%;}
h3 {font-size:120%; font-weight: bold;}

/* ostalo */
.vrh .moduletable .contentheading  {
		 text-decoration:none; font-size:227%; color:#F14B12;
		 margin-top: 7px;
		 }
.contentheading-tag {
		 text-decoration:none; font-size:227%; color:#444;
		 margin-top: 7px;
		 margin-bottom: 27px;
		 }
.contentheading-tag:first-letter {
  text-transform: uppercase;
}
 
		 
.contentheading a { text-decoration:none; font-size:127%; display: block; margin-bottom: 20px; }
#articlepage .contentheadingonama { position:relative; top:-299px;}
#articlepage .contentheading { position:relative; top:-299px;}
.contentheadingonama a { text-decoration:none; font-size:110%; display: block; margin-bottom: 20px; }
.blog .contentheading a, .blogonama .contentheadingonama a { font-weight:normal;}

h1, h2, h3 { font-weight:normal;
 		 text-shadow: 0 0 3px #fff;
		 -moz-text-shadow:  0 0 3px #fff;
		 -webkit-text-shadow: 0 0 3px #fff;}






.moduletable li {
	list-style-position: outside;
	list-style-type: square;
}

.moduletable ul  {
	padding-left: 16px;
    padding-top: 21px;
}

#articlepage, #page {width: 400px;}
div#aiContactSafe_mainbody_3 {width: 420px; float:left;}

.avPlayerWrapper .avPlayerContainer {margin:0; padding:0;}

div.itp-share-mod {margin-top: 20px;}
div.itp-share-mod div {padding-bottom: 3px;}

/* 400-420px fIX */
.rasiri .sige { height: 100%; left: 0px; position: absolute;top: 150px;width: 100%;display:block; }


/*video*/
.avPlayerContainer, iframe {width:400px;height:300px;}