/* -------------------------------------------
// (c) Abacus 2010 , info (at) abacus (dot) hr
// 10.06.2011 bvasic
//----------------------------------------- */
body {
	background: url(../img/backPatt.jpg) #FFFFFF;
	font: 13px Helvetica;
	color: #4B4A4A;
	margin:0;
	padding:0;
}
hr{
	color:#4B4A4A;
	background-color:#4B4A4A;
	height:1px;
	border:none;
}
a:link, a:active, a:visited {
	text-decoration: none;
	color: #131511;
	font-weight:bold;
}

a:hover {
	color: #4B4A4A;
}
div.topStroke {
	height: 169px;
	background: url(../img/topStroke.jpg) repeat-x;
}
div.centerPic {
	height: 660px;
	background:url(../img/centPic.png) no-repeat 0 center;
	z-index:1;
}
div.contentHolder{
	width:960px;
	margin-left: auto;
	margin-right: auto;
	margin-top:-155px;
	border-left: 1px solid #0084be;
	border-right: 1px solid #0084be;
	border-bottom: 1px solid #0084be;
	z-index:2;
	position:relative;
}
div.headerContainer{
	position:relative;
	height:160px;
background: url(../img/header.jpg) no-repeat #FFFFFF;


}
div.header{
	height:27px;
	padding-top: 19px;
}
div.menuContainer{
	clear:both;
	height: 25px;
	font-size: 12px;
	border-top: 1px solid #0084be;
	border-bottom: 1px solid #0084be;
}
div.menuContainer .menu{
	float:left;
	width:80%;
	height:25px;
}

/****************main content layout begin******************************/
div.mainContainer{
	clear:both;
	overflow:hidden;
	position:relative;
	background: #ffffff;
	padding-top: 8px;
	/*background-color:gray;*/ /* color of the right column*/
}
div.container1{
	/*background:none repeat scroll 0 0 #FFFFFF;*/ /* color of center column*/
	float:left;
	/*margin-left:-200px; *//* Width of right column */
	position:relative;
	right:100%;
	width:200%;
	/*background-color:gray; */
}
.rightWidth{
	margin-left:-220px;
}
div.container2{
	/*background-color:silver;*/ /* color of the left column*/
	float:left;
	/*left:400px;*/ /* Left column width + right column width */
	margin-left:-50%;
	position:relative;
	width:100%;
}
.leftANDright{
	left:420px
}
.leftONLY{
	left:209px;
}
.rightONLY{
	left:210px;
}

div.container3{
	float:left;
	width:50%;
	position:relative;
	/*right:200px;*/        	/* Width of left column */
	/*background-color:maroon;*//*color og right column*/
}
.leftWidth{
	right:210px;
}
div.centerColumn{
	/*margin:0 215px;*/     	/* Centre column side padding:
					Left padding = left column width + centre column left padding width
					Right padding = right column width + centre column right padding width */
	position:relative;
	left:200%;
	overflow:hidden;
}
.marginLeftOnly{
	margin:0 10px 0 220px;
}
.marginRightOnly{
	margin:0 220px 0 10px;
}
.marginBoth{
	margin: 0 220px 0 220px;
}
.marginNoCols{
	margin: 0 10px;
}
div.leftColumn{
	float:left;
	float:right;			/* This overrides the float:left above */
	width:209px;        	/* Width of left column content (left column width minus left and right padding) */
	padding-left:0;
	position:relative;
	right:0px;         	/* Width of the left-had side padding on the left column */
}
div.rightColumn{
	float:left;
	float:right;			/* This overrides the float:left above */
	width:210px;        	/* Width of right column content (right column width minus left and right padding) */
	margin-right:0;  	/* Width of right column right-hand padding + left column left and right padding */
	position:relative;
	left:50%;
}
div.shadeBlue{
	background: url(../img/shadeBl.png) repeat-x;
	height: 5px;
	width: 100%;
}
#navigator{
	line-height:14px;
	color:#e9393c;
	background-color:#ecf0f3;
	padding: 5px 10px 0px 10px;
}
#navigatorPrint{
	font-size:11px;
	font-weight:bold;
	color:#ffffff;
}

#navigator a{
	color:#e9393c;
	font-size: 10px;
}
#navigatorPrint a{
	color:#000000;
}
#navigator a:hover{
	/*color:#09274E;*/
}
/**********TOOL BUTTONS BEGIN******************/
#tools{
	float:right;
	width:74px;
	margin:2px 5px 0 0;
	text-align:right;
	height:22px;
}
#tools a{
	display:block;
	float:left;
	margin:2px;
	border:1px solid silver;
}
#tools a:hover{
	border:1px solid #11487C;
}
#tools a img{
	border:none;
}

/**********TOOL BUTTONS END******************/

div.footer{
	clear: both;
	background: #902b23;
	padding-top:3px;
	padding-bottom: 2px;
	font-size:10px;
	text-align: center;
	color: #ffffff;
}
div.footer a{
	color: #e7e4e5;
}
/***WIDGETS BEGIN**/

/**********horizontal text scroller begin**************/
#horTextScroller{
	line-height:24px;
	height:24px;
	background-color:#CACFD3;
	white-space:nowrap;
	font-size:9px;
	font-weight:normal;
}
span.scrollTextContainer{
	font-weight:bold;
}
span.scrollTextContainer a{
	font-weight:normal;
}
/**********horizontal text scroller end**************/
/**********vertical text scroller begin**************/
#verTextScroller{	
	height:230px;
	padding:5px;
	background: url(../img/birdBg.gif) no-repeat center center;
}
#verTextScroller div{
	padding-bottom:6px;
}
#verTextScroller div a {
	color:#11487C;
	font-weight: bold;
	font-size: 11px;
}
#verTextScroller div a:hover {
	color:#000000;
}

/**********vertical text scroller end**************/
#imgSliderTop{
	position:absolute;
	width:270px;
	height:123px;
	overflow:hidden;
	left:720px;
	top:0px;
	z-index:1;
}
div.simpleWidget{
	background-color:#ffffff;
	border-top:1px solid #91a0ad;
	border-right:1px solid #91a0ad;
	border-bottom:1px solid #91a0ad;
	padding:0 0 5px 0;
	margin-bottom:5px;
	color:#000000;
}
div.simpleWidgetTitle{
	background: #328fc5;
	border-bottom:0px solid #91A0AD;
	font-size:11px;
	font-weight:bold;
	color:#ffffff;
	text-align:center;
	line-height:20px;
	margin-bottom:5px;
}
div.mamma{
	background-color:#FCE8F3;
	border:1px solid #EB536D;
	padding:0 0 5px 0;
	margin-bottom:5px;
}
div.mamma a{
	font-size:11px;
	font-weight:bold;
	color:#D51334;
}
div.mammaTitle{
	background-image: url(../img/pinkTitleBg.jpg);
	border-bottom:1px solid #EB536D;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	line-height:20px;
	margin-bottom:5px;
}
/*************info box begin****************/
.infoWidget{
	padding: 15px;
}
.infoWidget div.infoCont {
	color:#000000;
	font-weight:bold;
}
/*************info box end****************/
/*************brzi linkovi begin****************/
div.speedLinks{
	border-top:1px solid #91A0AD;
	border-right:1px solid #91A0AD;
	border-bottom:1px solid #91A0AD;
	background-color:#902b23;
	margin-bottom:5px;
}
div.speedLinks a {
	display:block;
	padding: 4px 10px 4px 20px;
	color:#0186be;
	font-weight: bold;
	font-size:12px;
	background:url(../img/speedLinks.jpg) no-repeat;
	line-height: 21px;
	border-bottom: 1px solid #91A0AD;
}
div.speedLinks a:hover {
	background: #328fc5;
	color:#000000;
	background:url(../img/speedLinks.jpg) no-repeat 0 -29px;
}
div.speedLinks a.currentspl{
	color:#0186be;
	background:url(../img/speedLinks.jpg) no-repeat 0 -29px;
}
/*************brzi linkovi end****************/
div.imageListWithText,
div.imageList{
	text-align:center;
	margin-bottom:5px;
	overflow:hidden;
}
div.imageListText{
	padding:1px 4px 4px;
}
div.imageListWithText img,
div.imageList a img{
	border:0px;
	width:203px;
	opacity:0.5;
	filter:alpha(opacity=50);
	margin-bottom: 5px;
}
div.imageList a:hover img{
	opacity:1;
	filter:alpha(opacity=100);
}
/************* foto album slider **********/
#fotoAlbumSlider{
	width:208px;
	height:79px;
	margin: 0 auto 0 auto;
	overflow:hidden;
}
#fotoAlbumSlider a{
	float:left;
	display:block;
	width:100px;
	height:75px;
	background-color:#FFFFFF;
	border:2px solid #E7F3FF;
	text-align:center;
	cursor:pointer;
	margin: 0 auto 0 auto;
}
#fotoAlbumSlider a  img{
	border:0px;
}
#fotoAlbumSlider a:hover{
	background-color:#F0F0F0;
	border-color:#11487C;
}
/************* foto album slider **********/
/***WIDGETS END**/


/**********article list begin**************/
div.listItem{
	clear:left;
	overflow:hidden;
	margin-bottom:5px;
}
.listItemBg1{
	background-color:transparent;
}
.listItemBg2{
	background-color:transparent;
}
div.listImage{
	float:left;
	width:110px;
}
div.listImage a{
	display:block;
	width:100px;
	height:75px;
	background-color:#FFFFFF;
	border:1px solid silver;
	text-align:center;
	float:left;
	cursor:pointer;
}
div.listImage a img{
	border:0px;
}
div.listImage a:hover{
	background-color:#F0F0F0;
	border-color:#11487C;
}
div.listEventDate{
	font-size:12px;
	color:#353535;
}
div.listTitleLink a{
	color:#328fc5;
	font-weight: bold;
	font-size: 12px;
	display:block;
	background:#ECF0F3;
	line-height: 19px;
}
div.listTitleLink a:hover{
	color:#494949;
}
div.listDescription {
	color:#525e55;
}
div.listDescription a{

}
div.listDetailsLink{
	text-align:right;
	padding-top:8px;
}
div.listDetailsLink a{
	font-size:9px;
	padding-left:15px;
	color: #000000;
}
div.listDetailsLink a:hover{
	color: #efb927;
}
/**********article list end**************/
/**********article details begin**************/
div.detArticle{
	padding:0 5px 10px 5px;
}
div.detEventDate{
	font-size:11px;
	font-weight:bold;
}
div.detTitle{
	color:#902B23;
	font-weight:bold;
	padding:5px 0;
	font-size:16px
}
div.detContent{
}
div.titleFiles{
	color:#000000;
	font-weight:bold;
	padding:10px 0 5px 0;
	font-size:11px;
}
div.artPicsCont{
	text-align:left;
	padding-left:30px;
}
div.artPicsCont a img{
	margin:2px;
	height:75px;
}

div.artleFileCont{
	clear:left;
	width:300px;
	padding-left:30px;
}
div.artFileIconCont{
	float:left;
	width:40px;
}
div.artFileIconCont img{
	width:32px;
	height:32px;
	border:0px;
}
div.artFileDesc{
	font-size:9px;
}
span.artFileSize{
	color:red;
}
div.artLinksCont{
	padding-left:2px;
}
div.artLinks{
}
div.artLinks a{
	color:#11487C;
	font-weight: bold;
	font-size: 12px;
}
div.artLinks a:hover{
	color:#000000;
}
/**********article details end**************/
/********CONTACT FORM BEGIN**********/
div.title{
	font-weight:bold;
	font-size:12px;
	color:#11487C;
}
div.error{
	text-align:center;
	color:red;
}

#contactForm{
	width:100%;
}
#contactForm td{
	text-align:left;
}
#contactForm td.aRight{
	text-align:right;
	padding-right:10px;
	width:30%;
}
#contactForm td.bold{
	font-weight:bold;
}
#contactForm td.top{
	vertical-align:top;
}
#contactForm td textarea,
#contactForm td input{
	width:225px;
	border:1px solid #11487C;
	padding:2px;
	font: 11px Verdana;
}
#contactForm td textarea {
	height:150px;
}
#contactForm td input.submitBtn{
	width:75px;
	cursor:pointer;
}
/********CONTACT FORM END**********/
/********paginator begin***********/
div.paginator{
	text-align:center;
	padding-top:15px;
}
.paginator a{

}
.paginator a.current-page{
	font-size: 13px;
	font-weight:bold;
	color:#000000;
}
/********paginator end***********/
/********foto-album begin***********/
#foto-root{
	list-style:none outside none;
	padding:0;
	margin:4px 0 20px 15px;
	text-align:left;
}
#foto-root ul{
	list-style:none outside none;
	padding:0;
	text-align:left;
	margin:4px 0;
}
#foto-root li{
	margin-top: 2px;
	margin-bottom:2px;
}
#foto-root li li {
	margin-left:10px;
}
#foto-root li table{
	border-spacing:0;
}
#foto-root li table td{
	vertical-align:top;
	padding:0;
	white-space: normal;
}
#foto-root li table td.icon{
	width:16px;
}
#foto-root li table td.text{
	padding:3px 0 0 3px;
}
#foto-root li table td img.expander{
	width:16px;
	height:16px;
}
#foto-root li table td img.closed{
	background-image:url(../iconsdir/pointer.gif);
	background-position: 0px -32px;
	
}
#foto-root li table td img.closed-hover{
	background-image:url(../iconsdir/pointer.gif);
	background-position: 0px -48px;
	
}
#foto-root li table td img.opened{
	background-image:url(../iconsdir/pointer.gif);
	background-position: 0px 0px;
}
#foto-root li table td img.opened-hover{
	background-image:url(../iconsdir/pointer.gif);
	background-position: 0px -16px;
}
#foto-root li table td img.item-icon{
	width:16px;
	height:16px;
}
#foto-root a{
	font-size:9px;
	font-weight:normal;
}
div.groupTitle{
	color:#000000;
	font-weight:bold;
	padding-bottom:5px;
	font-size:11px
}
div.groupTitle div.picCount{
	font-weight:normal;
	font-size:9px;
	color: #4B4A4A;
}
a.fotoContainer{
	display:block;
	width:120px;
	height:100px;
	border:2px solid silver;
	background-color:#FFFFFF;
	text-align:center;
	margin-right:16px;
	margin-bottom:16px;
	float:left;
	cursor:pointer
}
a.fotoContainer  img{
	border:0px;
}
a.fotoContainer:hover{
	background-color:#F0F0F0;
	border-color:#11487C;
}
/********foto-album end***********/
/**********home page begin***********/
div.homePageContainer{
	float:left;
	height:123px;
	width:300px;
	border-bottom:1px solid #bdc6ce;
	overflow:hidden;
	margin-bottom:5px;
}
div.homeTitleLink{
	background-color:#7ba1a8;
	border:1px solid #5d7579;
	font-size:11px;
	font-weight:bold;
	padding:0 10px;
	color:#FFFFFF;
	text-align:center;
	line-height:25px;
	margin-bottom:5px;
}
/**********home page end***********/



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

  Kontakti izgled

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

.Ver8Black {
  font: normal 8pt Verdana;
  color: black;
  line-height: 18px;
}

.Ver8BBlack {
  font: bold 8pt Verdana;
  color: black;
  line-height: 18px;
}

.Ver8BBlu {
  font: bold 8pt Verdana;
  line-height: 18px;
  color: #2D7FCD;
}

.Ver8BPnk {
  font: bold 8pt Verdana;
  line-height: 18px;
  color: #D1017D;
}

.Ver7Dark {
  font: normal 7.5pt Verdana;
  color: #4E4E4E;
  line-height: 18px;
}

.Ver8Dark {
  font: normal 8pt Verdana;
  color: #4E4E4E;
  line-height: 18px;
}

.NasTd {
  background-color: #FAFAFA;
  font: bold 8pt Verdana;
  color: #2D7FCD;
  text-align: center;
  line-height: 18px;
}

.MainNasTd {
  background-color: #FAFAFA;
  font: bold 8pt Verdana;
  color: #2D7FCD;
  text-align: center;
  line-height: 18px;
  padding: 3px;
  border: 1px solid #DEDDDB; 
}

.TdGrB {
  background-color: #FAFAFA;
  font: bold 8pt Verdana;
  color: #5E5E5E;
  line-height: 18px;
  text-align: left;
}

.TdGr {
  font: normal 8pt Verdana;
  color: #5E5E5E;
  line-height: 18px;
  background-color: #FAFAFA;
  text-align: left;
}

/* PROIZVODI TEMPLATE */
.tehPodTitle {
	background: none repeat scroll 0% 0% rgb(98, 98, 98);
	border-bottom: 3px solid #b8b8b8;
}
.proizvodTehKarL {
	background: url(../img/proizvodi_sep.jpg) repeat-x;
	border-right: 1px solid #c9c9c9;
	width: 365px;
}
.proizvodTehKarR {
	background: url(../img/proizvodi_sep.jpg) repeat-x;
}
/* PROIZVODI TEMPLATE END*/