﻿/************** Pink Class - begin **************/
/* this section define base styles of template */ 
body, td {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	margin:0px;
    color: #40474D;

}

ul {
	margin-bottom: 7px;
	padding-left: 0px;
	margin-top: 2px;
	margin-left: 0px;
	
}
li {
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 3px;
	padding-bottom: 3px;
	list-style-type: none;
}

p {
	padding-bottom: 0px;
	margin: 0px;
}



h1 {
	font-size: 12px;
	font-weight: bold;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
}
h2{
	font-size: 11px;
	color: #333;
	margin-bottom: 2px;
	font-weight: bold;
}

/* HEAD NAVIGATION*/
.head_navi a:link{
	font-size:10px;
	text-decoration:none;
}

.head_navi a:visited {
	text-decoration: 	none;
	color: 				#404A4C;
	font-size:10px;
	
}
.head_navi a:hover {
	color: 				#333;
	text-decoration: underline;
	font-size:10px;
	
}	
.head_navi a:active {
	text-decoration: 	none;
	color: 				#404A4C;
	font-size:10px;
}




/* GLAVNA NAVIGACIJA*/
.navi{
	display: inline;
	float: left;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	vertical-align: middle;
	padding-top: 5px;
	padding-right: 9px;
	padding-bottom: 5px;
	padding-left: 9px;
	border: 1px none #FFF;
}

.navi a:visited {
	text-decoration: 	none;
	color: 				#FFF;
}
.navi a:hover {
	color: 				#CCC;
	text-decoration: underline;
}	
.navi a:link {
	text-decoration: 	none;
	font-size:11px;
	color: #FFF;
}



/* INDEX NAVIGACIJA */
.index a:visited {
	text-decoration: 	none;
	color: 				#404A4C;
	
}
.index a:hover {
	color: 				#333;
	text-decoration: underline;

	
}	
.index a:link {
	text-decoration: 	none;
	color: 				#404A4C;
	
	
}

/* OUTDEX NAVIGACIJA */
.outdex a:link {
	text-decoration: 	none;
	color: 				#43484C;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top: 3px;
	margin-bottom: 3px;
}
.outdex a:visited {
	text-decoration: 	none;
	color: 				#43484C;
}
.outdex a:hover {
	color: 				#333;
	text-decoration: underline;
	padding-top: 3px;
	padding-bottom: 3px;
}		


/* PUTANJA NAVIGACIJA */
.path a:visited {
	text-decoration: 	none;
	color: 				#000;
	font-size:10px
	
	}
.path a:hover {
	color: 				#333;
	text-decoration: underline;
	font-size:10px
}	


.path a:link {
	text-decoration: 	none;
	color: 				#000;
	font-size:10px
}

a:link {
	color: #666;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #666;
}
a:hover {
	text-decoration: underline;
	color: #000;
}
a:active {
	text-decoration: underline;
	color: #666;
}
.Selected {
	border: 			solid 1px #FFBB6E;
	padding: 			0px;
	/*font-family: 		Verdana, Arial, sans-serif;*/
	/*font-size: 		11px;*/
	/*line-height: 		140%;*/
}

.EditingIconUnselected {
	background-color: 	#FFFFFF;
	border: 			solid 1px #000080;
	height: 			20px;
	width: 				20px;
	visibility: 		visible;
}

.EditingIconSelected {
	background-color: 	#FFEEC2;
	border: 			solid 1px #000080;
	height: 			20px;
	width: 				20px;
	visibility: 		visible;
}

.ContentHolder {
}

.field {
	background-color:	#FFFFFA;
	border: 			1px solid #006699;
	
	font-size:			10px;
}

textarea {
	background-color:	#FFFFFA;
	border: 			1px solid #006699;
	
	font-size:			10px;
}

.separator {
	height:5px;
}
/* Pink Class - end */

/************** Ticker definition - begin **************/
/* this section define styles of all Ticker template definition */
/* Ticker Main - begin */
.tickerMain {
	font-family: 		Verdana, Arial, sans-serif;
	font-size: 			11px;
	height: 			16px;
	padding: 			2px 2px 2px 2px;
	margin-top: 		0px;
	margin-left: 		0px;
	border: 			1px solid #000000;
	color:				#ffffff;
}

.tickerMain a{
	color: 				#FFFFFF;
	text-decoration:	none;
	padding: 			3px 2px 2px 2px;
}

.tickerMain a:link{
	color: 				#FFFFFF;
	text-decoration:	none;
}

.tickerMain a:visited{
	color: 				#FFFFFF;
	text-decoration:	none;
}

.tickerMain a:hover{
	color: 				#FFFFFF;
	text-decoration:	none;
}

.tickerMain .over {
	background-color: 	#FE81E2;
	color: 				#FFFFFF;
	padding: 			3px 5px 2px 5px;
}

.tickerMain .out {
	background-color : 	#006699;
	color: 				#FFFFFF;
	padding: 			3px 5px 2px 5px;
}
.tickerMain .separator {
	width:				1px;
	padding-left:		1px;
	background-color:	#FE81E2;
}

/* Ticker Index - begin */
.tickerIndex {
	padding: 			2px 2px 2px 2px;
	margin-top: 		0px; 
	margin-left: 		0px;
	background-color:	#eeeeee;
}

.tickerIndex .over {
	padding: 			0px 2px 0px 2px;
}

.tickerIndex .out {
	padding: 			0px 2px 0px 2px;
}
.tickerIndex .separator {
	width:				1px;
	padding-left:		1px;
}
/* Ticker definition - end */

/************** Caption Text definition - begin **************/
/* this section define styles of all Ticker template definition */
.naziv {
	border: 			1px none #000000;
	color:				#C19B5C;
	font-weight:		bold;
	margin-bottom:		10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}

.captionImage {
	border: 			0px solid #000000;
	padding:			0px;
	color:				#E3D373;
	text-align:			center;
	margin-bottom:		10px;
}

/************** Form Style definition - begin **************/
/* this section define styles of Form template definition */
.form {
	font-family: 		Verdana, Arial, sans-serif;
	font-size: 			10px;
}

.form .head {
	font-size:10px; font-family:Verdana, Geneva, sans-serif;
	color:				#ffffff;
	padding:			0px;
	font-weight:		bold;
}

.form .body {
	padding-top:	     0px;
	
}

.form .errorMsg {
	font-size:10px; font-family:Verdana, Geneva, sans-serif;
	padding-top:5px;
	padding-bottom:5px;
	
	
	font-weight:		bold;
	color:				#CC3300;
}

.form .requiredFields {
	padding:			0px;
}

.form .body .formElements {
	font-size:10px;
	font-family:Verdana, Geneva, sans-serif;
	width:100%;
	color: #000;
	padding-top: 10px;
	padding-bottom: 3px;
}

.form .body .formElements .text {
	font-size:10px; font-family:Verdana, Geneva, sans-serif;
	
	padding:			0px;
	width:				10px;
}

.form .body .formElements .element {
	font-size:10px; font-family:Verdana, Geneva, sans-serif;
	padding:			0px;
}

.form .body .formElements .element .textArea, .textBox, .listBox, .comboBox{
	font-size:10px;
	font-family:Verdana, Geneva, sans-serif;
	border: 			1px solid #EEE;
	font-size:			10px;
	color: #000;
}

.form .body .formElements .element .checkBox, .radioButton {
	margin:0px;
}


.form .body .formElements .element textarea {
	font-size:10px; font-family:Verdana, Geneva, sans-serif;
	padding:3px;
	height:				150px;
	background-color : 	#EEE;
	border:	            1px solid #CCC;
	width:				500px;
}

/************** Survey Style definition - begin **************/
/* this section define styles of Survey template definition */
.survey {
	font-family: 		Verdana, Arial, sans-serif;
	font-size: 			10px;
	width:510px;
}

.survey .head {
	border: 			1px none #000000;
	color:				#000;
	padding:			0px;
	font-weight:		bold;
	background-color: #FFF;
}

.survey .body {
	padding:			0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.survey .statusMsg {
	font-weight:		bold;
	padding: 0px;
}

.survey .requiredFields {
	padding:			0px;
}

.survey .body .formElements {
}

.survey .errorMsg {
	color:				#CC3300;
	font-weight:		bold;
}

.survey .body .formElements .text {
	background-color : 	#FFF;
	padding:			0px;
	font-weight: bold;
	color: #000;
}

.survey .body .formElements .element {
	background-color: 	#FFF;
	padding:			0px;
	font-weight: bold;
	color: #000;
}

.survey .body .formElements .element .textArea, .textBox, .listBox, .comboBox{
	background-color:	#FFFFFA;
	font-size:			10px;
}

.survey .body .formElements .element .checkBox, .radioButton {
	margin:0px;
}


.survey .body .formElements .element textarea {
	height:				30px;
}

.survey .body .results {
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
}

.survey .body .results .title{
	font-weight:bold;
}

.survey .body .results .bars {
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
}

.survey .body .results .bars .barTitle{
	background-color: #FFF;
}

.survey .body .results .bars .barPercent{
	background-color: #FFF;
}

.survey .body .results .bars .image {
}
/************** Forum Style definition - begin **************/
/* this section define styles of Forum template definition */
.forum {
	font-family: 		Verdana, Arial, sans-serif;
	font-size: 			11px;
}

.forum .head {
	background-color : 	#006699;
	border: 			1px solid #000000;
	color:				#ffffff;
	padding:			5px;
	font-weight:		bold;
}

.forum .body {
	padding:			5px;
	border-left:		1px solid #666666;
	border-right:		1px solid #666666;
	border-bottom:		1px solid #666666;
}

.forum .body .itemTable {
	width:100%;
}

.forum .body .errorMsg {
	padding-top:		5px;
	color:				#CC3300;
}

.forum .body .forumForm {}

.forum .body .forumForm .head {
	background-color : 	#006699; 
	border: 			1px solid #000000;
	padding:			2px 5px 2px 5px; 
	color:				#ffffff;
	font-weight:		bold;
}

.forum .body .forumForm .body {
	border: 			1px none #000000;
	padding:			2px 5px 2px 5px;
	color:				#000000;
	font-weight:		bold;
}

.forum .body .forumForm .text {
	padding:			5px;
	width:				90px;
}

.forum .body .forumForm .element {
	padding:			5px;
}

.forum .body .forumForm .element textarea {
	height:				100px;
}

/************** Site Map Style definition - begin **************/
/* this section define styles of Site Map template definition */
.siteMap {
	margin-top:			2px;
	font-family: 		Verdana, Arial, sans-serif;
	font-size: 			11px;
	border-left:		1px solid #666666;
	border-right:		1px solid #666666;
	border-bottom:		1px solid #666666;
}

.siteMap .head {
	background-color : 	#006699;
	border: 			1px solid #000000;
	color:				#ffffff;
	padding:			5px;
	font-weight:		bold;
}

.siteMap .body {
	padding:			5px;
}

/************** Section Tree Style definition - begin **************/
/* this section define styles of Section Tree template definition */
.sectionTree {
	border: 			1px solid #666666;
}

.siteMap .body {
	padding:			5px;
}

/************** Search form Style definition - begin **************/
/* this section define styles of Search form template definition */
.search {
	width:				100%;
	height:				100%;
}

.search p{
	
	font-size:			12px;
}

.searchResults {
	margin-top:			2px;
	font-family: 		Verdana, Arial, sans-serif;
	font-size: 			11px;
}

.searchResults .head {
	background-color : 	#FFF;
	border: 			1px none #000000;
	color:				#000;
	padding:			5px;
	font-weight:		bold;
	font-size: 16px;
}

.searchResults .body {
	padding:			5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
}

/************** Link Style definition - begin **************/
/* this section define styles of Link templates definition */

.linkGeneral, .linkSiteMap, .linkFile, .linkFileFlash, .linkFile {
	text-align:			left;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 0px;
	margin-top: 3px;
	margin-bottom: 3px;
}

.index .linkGeneral {
	text-align:	left;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-top-color: #666;
	border-right-color: #666;
	border-bottom-color: #C0BDB6;
	border-left-color: #666;
	padding-left:17px;
	padding-right:25px;
	padding-top:8px;
	padding-bottom:10px;
	font-size:11px;
}
.outdex .linkGeneral{
	padding-left:0px;
	padding-top:3px;
	padding-bottom:3px;
	padding-right:0px;
	margin-top: 3px;
	margin-bottom: 3px;	
}


.index_linkovi .linkGeneral {
	padding: 3px;
	text-align: left;
	border:0px;
}

.linkImage {
	padding:			3px;
	text-align:			center;
}

/************** Web Service definition - begin **************/
/* this section define styles of Web Service template definition */
.rss {
	font-family: 		Verdana, Arial, sans-serif;
	font-size: 			11px;
}

.rss .head {
	background-color : 	#006699;
	border: 			1px solid #000000;
	color:				#ffffff;
	padding:			5px;
	font-weight:		bold;
}

.rss .body {
	padding:			5px;
	border-left:		1px solid #666666;
	border-right:		1px solid #666666;
	border-bottom:		1px solid #666666;
	background-color : 	#F0F3F6;
}

/************** DynMenu Class - begin **************/
/* this section should be in css file to provide visual style of first level section links */
.hdrMenuBar {
}
.SpanSection, .SpanSectionHover
{
	font-family: 		Arial, sans-serif;
	font-size: 			12px;
	height: 			18px;
	padding: 			3px 5px 2px 5px;
	margin-top: 		0px;
	margin-left: 		0px;
	margin-right: 		0px;
	white-space:		nowrap;
	font-weight: bold;
}
.SpanSection
{
	color: 				#FFFFFF;
	border-left : 		1px solid #F0F5F9;
}
.SpanSectionHover
{
	color: 				#FFFFFF;
	border-left : 		1px solid #F0F5F9;
}

.SectionLink1, a.SectionLink1:active, a.SectionLink1:visited, a.SectionLink1:link
{	color: 				#ffffff;
	text-decoration: 	none;
}

a.SectionLink1:hover
{	color: 				#ffffff; 
	text-decoration: 	none;
}
/* DynMenu Class - end */

/* Tags - start */

.tagItem
{
    font-family: Tahoma;
    font-size: 8pt;
}

.tagItem h2
{
    font-size: 16pt;
    font-weight: normal;
    margin-bottom: 5px;
    padding-bottom: 0px;
}

.tagItem p
{
    margin-top: 5px;
    margin-bottom: 5px;
    padding-top: 0px;
    text-align: justify;
}

.tagSize1
{
    font-size: 8pt;
}

.tagSize2
{
    font-size: 12pt;
}

.tagSize3
{
    font-size: 16pt;
}

.tagCloud
{
    border: solid 1px black;
    background-color: gray;
    padding-bottom: 10px;
    padding-left: 5px;
    margin-bottom: 10px;
}

.tagCloudHeader
{
    font-weight: bold;
    font-size: 15pt;
    text-align: center;
    padding-bottom: 10px;
}

.outdex .separator{
	color: #CBCBCB;
	height: 1px;
	}

/* Tags - end */
.sep {
	display: inline;
	float: left;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	vertical-align: middle;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	border-right: 1px solid #FFF;
	color: #FFF;
}
.najave_dogadjanja h1 {
	font-size: 11px;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
	display: inline;
}
#head_navigation a:visited {
	text-decoration: none;
	color: #40474D;
	font-weight: normal;
	font-size: 10px;
}
#head_navigation a:hover {
	text-decoration: underline;
	color: #000;
	font-size: 10px;
	font-weight: normal;
}
#head_navigation a {
	color: #40474D;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
}
.vijest h1 {
	font-weight: bold;
	font-size: 11px;
	display: inline;
	margin: 0px;
	padding: 0px;
}
.najave_dogadjanja hr {
	color: #FFF;
}
caption {
	font-size: 9px;
	color: #000;
	display: none;
	font-style: normal;
	padding: 2px;
	font-weight: bold;
}
.najave_dogadjanja {
	color: #FFF;
	background-color: #FFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#imenik td {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	border: 1px none #EEE;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 0px;
	padding-right: 3px;
}
#imenik .podnaslov {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	border: 1px none #EEE;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-weight: bold;
}
.najave_dogadjanja hr {
	color: #FFF;
	background-color: #FFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#content_news {
	padding: 0px;
	width: 516px;
	float: left;
	
}
#content_news #news {
	width: 252px;
	float: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 6px;
	margin-bottom: 7px;
	margin-left: 0px;
}

#content_news #news #dateValidFrom {
	background-color: #40474D;
	color: #FFF;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 3px;
	font-weight: normal;
}
#content_news #news #articleHeading h1 {
	font-size: 11px;
	font-weight: bold;
	background-image: url(../../images/strelica_vise.jpg);
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 9px;
	background-repeat: no-repeat;
	background-position: -4px 3px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#content_news #news #articleImage {
	padding-top: 3px;
	clear: both;
}
#content_news #news #articleLead {
	padding-left: 9px;
}
#content_news #news #articleFullLink {
	padding-left: 6px;
}
