/**************************************************

**************** Tankerkomerc d.d. ****************

***************************************************

   	 Coded by Ilija Bopsic on March 02, 2007

     (c) Copyright 2007 by Tankerkomerc d.d.

***************************************************

***************************************************/



/* BODY */



html, body { 

	background: #BFE5F8;

	margin: 8px 0 10px  0;

	font-size: 12px;

	color: #000000;

	font-family: Arial, Helvetica, sans-serif; }





/* TEXT */



/*a, a:hover {

	text-decoration:none;

	color: #990000; } */



.text {

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size : 11px;

	font-weight : normal;

	color : #333333;

	text-decoration : none; }



.textMenu2 {

	font-family : Arial, Helvetica, sans-serif;

	font-size : 12px;

	font-weight : normal;

	color : #333333;

	line-height: 20px;

	padding-bottom : 10px;

	text-decoration : none; }

	

.textMenu {

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size : 12px;

	font-weight : normal;

	color : #FFFFFF;

	text-decoration : none; }



.textMenuLink {

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size : 12px;

	font-weight : normal;

	padding-left: 12px;	

	color : #FFFFFF;

	text-decoration : none; }



a.textMenuLink {

	color:#FFFFFF; }

	

a.textMenuLink:hover {

	color:#990000;

	text-decoration:none; }



.textFuturo {

	font-family: Arial, Helvetica, sans-serif;

	font-size : 11px;

	font-weight : normal;

	color : #000000;

	text-decoration : none; }



a.textFuturo {

	color:#000000; }

	

a.textFuturo:hover {

	color:#999999;

	text-decoration:none; }







.textLeftMenu {

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size : 12px;

	font-weight : normal;

	color : #333333;

	text-decoration : none; }



.textLeftMenuLink {

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size : 12px;

	font-weight : normal;

	padding-left: 5px;	

	color : #333333;

	text-decoration : none; }



a.textLeftMenuLink {

	color:#333333; }

	

a.textLeftMenuLink:hover {

	color:#990000;

	text-decoration:none; }



.bgTop { 

	background:url(img/bg_top.jpg) no-repeat top; }



.bgBottom { 

	background:url(img/bg_bottom.gif) no-repeat bottom; }



h3 {

	font-size: 18px;

	margin: 0 0 0 0;

	display: inline;	

}



h4 {

	font-size: 16px;

	margin: 0 0 0 0;

	display: inline;	

}

	

h5 {

	font-size: 12px;

	margin: 0 0 0 0;

	display: inline;	

}



h6 {

	font-size: 18px;

	margin: 0 0 0 0;

	display: inline;	

}



.textWhite {

	font-family: Arial, Helvetica, sans-serif;

	font-size : 12px;

	font-weight : normal;

	color : #FFFFFF;

	padding-left: 2px;

	line-height: 20px;

	text-decoration : none; }



a.textWhiteLink {

	color:#FFFFFF;

	text-decoration : none; }

	

a.textWhiteLink:hover {

	color:#CCCCCC;

	text-decoration:none; }



.textBlackTitle {

	font-family : Arial, Helvetica, sans-serif;

	font-size : 12px;

	font-weight : bold;

	color : #000000;

	padding-bottom : 5px;	

	text-decoration : none; }



a.textBlackTitleLink {

	color:#000000;

	text-decoration : none; }

	

a.textBlackTitleLink:hover {

	color:#646464;

	text-decoration:none; }



.textBlueTitle {

	font-family : Arial, Helvetica, sans-serif;

	font-size : 12px;

	font-weight : bold;

	color : #0096E3;

	padding-bottom : 5px;	

	text-decoration : none; }



.textGrayTitle {

	font-family : Arial, Helvetica, sans-serif;

	font-size : 14px;

	font-weight : bold;

	color : #646464;

	padding-bottom : 17px;	

	text-decoration : none; }



.textBlack {

	font-family : Arial, Helvetica, sans-serif;

	font-size : 12px;

	font-weight : normal;

	color : #000000;

	line-height: 18px;

/*	padding-bottom : 5px; */

	padding-right : 10px;	

	text-decoration : none; }

	

.textBlackSmall{

	font-family : Arial, Helvetica, sans-serif;

	font-size : 11px;

	font-weight : normal;

	color : #000000;

	line-height: 18px;

/*	padding-bottom : 5px; */

	padding-right : 10px;	

	text-decoration : none; }



.textBlackEmail{

	font-family : Arial, Helvetica, sans-serif;

	font-size : 11px;

	font-weight : normal;

	color : #000000;

	text-decoration : none; }



.textBottom {

	font-family: Arial, Helvetica, sans-serif;

	font-size : 12px;

	font-weight : bold;

	color : #646464;

	padding-left: 2px;

	text-decoration : none; }



.textBottom2 {

	font-family: Arial, Helvetica, sans-serif;

	font-size : 11px;

	font-weight : bold;

	color : #0096E3;

	padding-right: 8px;

	text-decoration : none; }



.textBottomBlue {

	font-family: Arial, Helvetica, sans-serif;

	font-size : 11px;

	font-weight : normal;

	color : #0096E3;

	padding-right: 8px;

	text-decoration : none; }



.textBottomBlue:hover {

	color : #0096E3;

	text-decoration: underline; }



.textBottomBlue:visited {

	color : #0096E3;

	text-decoration: none; }

	

a.textBottom2Link {

	color:#0096E3;

	text-decoration : none; }

	

a.textBottom2Link:hover {

	color:#1C1072;

	text-decoration:none; }



.textBottom3 {

	font-family: Arial, Helvetica, sans-serif;

	font-size : 11px;

	font-weight : normal;

	color : #646464;

	padding-left: 2px;

	text-decoration : none; }



a.textBottom3Link {

	color:#646464;

	text-decoration : none; }

	

a.textBottom3Link:hover {

	color:#000000;

	text-decoration:none; }



.textBottom4 {

	font-family: Arial, Helvetica, sans-serif;

	font-size : 11px;

	font-weight : normal;

	color : #646464;

	text-decoration : none; }



a.textBottom4 {

	color:#646464;

	text-decoration : none; }

	

a.textBottom4:hover {

	color:#000000;

	text-decoration:none; }





.textGrayTitleTop {

	font-family : Arial, Helvetica, sans-serif;

	font-size : 28px;

	font-weight : normal;

	color : #BFE5F8;

	padding-left : 10px;	

	text-decoration : none; }



.textGrayDate {

	font-family: Arial, Helvetica, sans-serif;

	font-size : 11px;

	font-weight : normal;

	color : #646464;

	text-decoration : none; }



.textGrayAddress {

	font-family : Arial, Helvetica, sans-serif;

	font-size : 11px;

	font-weight : normal;

	color : #646464;

	line-height: 18px;

/*	padding-bottom : 5px; */

	text-decoration : none; }



.textEmail {

	font-family: Arial, Helvetica, sans-serif;

	font-size : 11px;

	font-weight : normal;

	color : #0096E3;

	text-decoration : none; }



a.textEmail {

	color:#0096E3;

	text-decoration : none; }

	

a.textEmail:hover {

	color:#1C1072;

	text-decoration:none; }



.textGrayMenu {

	font-family : Arial, Helvetica, sans-serif;

	font-size : 12px;

	font-weight : bold;

	color : #646464;

	padding-bottom : 5px;

	text-decoration : none; }



a.textGrayMenuLink {

	color:#646464;

	text-decoration : none; }

	

a.textGrayMenuLink:hover {

	color:#0096E3;

	text-decoration:none; }



.textBlueMenu {

	font-family : Arial, Helvetica, sans-serif;

	font-size : 12px;

	font-weight : bold;

	color : #0096E3;

	padding-bottom : 5px;

	text-decoration : none; }



a.textBlueMenuLink {

	color:#0096E3;

	text-decoration : none; }

	

a.textBlueMenuLink:hover {

	color:#646464;

	text-decoration:none; }
	
	
a.textBlueMenuLink2 {

	color:#ffffff;

	text-decoration : none; }

	

a.textBlueMenuLink:hover2 {

	color:#ffffff;

	text-decoration:none; }



.floatimage {

	float: center;

	margin: 0px 0px 15px 0px;

	border: 6px solid #0096E3;

	padding: 0px; }		



.floatimage:hover {

	border: 6px solid #1C1072; }





.imcm ul,.imcm li,.imcm div,.imcm span,.imcm a{

	text-align:left;

	vertical-align:top;

	padding:0px;

	margin:0;

	list-style:none outside none;

	border-style:none;

	background-image:none;

	clear:none;float:none;

	display:block;

    position:relative;

	overflow:visible;

	line-height:normal;

 }



.imcm li a img{

	display:inline;

	border-width:0px;}

	

.imcm span{display:inline;}

.imcm .imclear,.imclear{clear:both;height:0px;visibility:hidden;line-height:0px;font-size:1px;}

.imcm .imsc{position:relative;}

.imcm .imsubc{position:absolute;visibility:hidden;}

.imcm ul ul{position:relative;}

.imcm li{list-style:none;font-size:1px;float:left;}

.imcm ul ul li{width:100%;float:none !important;}

.imcm a{display:block;position:relative;}

.imcm ul .imsc,.imcm ul 

.imsubc {z-index:10;}

.imcm ul ul .imsc,.imcm ul ul 

.imsubc{z-index:20;}

.imcm ul ul ul .imsc,.imcm ul ul ul .imsubc{z-index:30;}

.imde ul li:hover 

.imsubc{visibility:visible;}

.imde ul ul li:hover  

.imsubc{visibility:visible;}

.imde ul ul ul li:hover  

.imsubc{visibility:visible;}

.imde li:hover ul  

.imsubc{visibility:hidden;}

.imde li:hover ul ul 

.imsubc{visibility:hidden;}

.imde li:hover ul ul ul  

.imsubc{visibility:hidden;}

.imcm .imea{display:block;position:relative;left:0px;font-size:1px;line-height:1px;height:0px;width:1px;float:right;}

.imcm .imea span{display:block;position:relative;font-size:1px;line-height:0px;}

.dvs,.dvm{border-width:0px}/*\*//*/.imcm .imea{visibility:hidden;}/**/



<!-- ****** Infinite Menus CSS Styles ****** -->





/* --[[ Main Expand Icons ]]-- */

#imenus0 .imeam span,#imenus0 .imeamj span {background-image:url(none); width:7px; height:5px; left:7px; top:5px; background-repeat:no-repeat;background-position:top left;}

#imenus0 li:hover .imeam span,#imenus0 li a.iactive .imeamj span {background-image:url(none); background-repeat:no-repeat;background-position:top left;}



/* --[[ Sub Expand Icons ]]-- */

#imenus0 ul .imeas span,#imenus0 ul .imeasj span {background-image:url(none); width:5px; height:7px; left:-5px; top:3px; background-repeat:no-repeat;background-position:top left;}

#imenus0 ul li:hover .imeas span,#imenus0 ul li a.iactive .imeasj span {background-image:url(none); background-repeat:no-repeat;background-position:top left;}



/* --[[ Main Container ]]-- */

#imouter0 {border-style:none; border-color:#1C1072; border-width:1px; padding:0px; margin:0px; }



/* --[[ Sub Container ]]-- */

#imenus0 li ul {border-style:none; border-color:#cccccc; }



/* --[[ Main Items ]]-- */

#imenus0 li a, #imenus0 .imctitle {

	background-image:url(img/bg_menu.gif); 

	color:#333333; 

	text-align:left; 

	font-family:Arial; 

	font-size:13px; 		

	font-weight:normal; 

	text-decoration:none; 

	border-style:solid; 

	border-color:#dddddd;

	border-width:0px; 

	padding:2px 8px 2px 6px ; }



/* [hover] - These settings must be duplicated for IE compatibility.*/

#imenus0 li:hover>a {background-color:#efefef; text-decoration:underline; }

#imenus0 li a.ihover, .imde imenus0 a:hover {background-color:#efefef; text-decoration:underline; }



/* [active] */

#imenus0 li a.iactive {}





/* --[[ Sub Items ]]-- */

#imenus0 ul a, #imenus0 .imsubc li .imctitle  {

	color:#0096e3; 

	text-align:left; 

	font-size:12px; 

	font-weight:bold; 

	text-decoration:none; 

	border-style:none; 

	border-color:#000000; 

	border-width:0px; }



/* [hover] - These settings must be duplicated for IE comptatibility.*/

#imenus0 ul li:hover>a {color:#1C1072; text-decoration:none; }

#imenus0 ul li a.ihover {color:#1C1072; text-decoration:none; }



/* [active] */

#imenus0 ul li a.iactive {}



.button {

  	background:#0096E3;

  	color:#fff;

  	font-size : 12px;

	font-weight : bold;

	font-family : Arial, Helvetica, sans-serif;

  	border:1px solid #f00;

  	border-color:#BFE5F8 #1C1072 #1C1072 #BFE5F8; }

	

.textfield	{

  	background:#FFFFFF;

  	color:#000000;

  	font-size : 12px;

	font-weight : normal;

	width:200px;

	font-family : Arial, Helvetica, sans-serif;

  	border:1px solid #0096E3; }
	
	
	
.clanak p {margin:0 0 15px 0;}
.repozitorij p {border-bottom:1px dotted #ddd;padding-bottom:5px;}
.repozitorij p span {display:block;color:#999;font-size:11px;}
.repozitorij p a {color:#0096E3;text-decoration:none;font-size:11px;}
.repozitorij p a:hover {color:#999;text-decoration:none;}
.novosti .naslov {width:570px;font-weight:bold;color:#0096E3;cursor:pointer;margin:0 0 12px 0;font-size:12px;line-height:normal;padding:6px 0 4px 0;border-bottom:1px dotted #ddd;}
.novosti .naslov:hover {color:#999;}
.novosti .naslov span {display:block;color:#999;font-size:11px;font-weight:normal;line-height:normal;}
.novosti .tekst {width:570px;display:none;padding-bottom:15px;}
a.doc-word, a.doc-pdf, a.doc-excel {display:block;height:32px;line-height:32px;padding-left:42px;font-weight:bold;outline:0px none;color:#0096E3;font-size:11px;font-weight:normal;text-decoration:none;}
a.doc-word:hover, a.doc-pdf:hover, a.doc-excel:hover {color:#999;text-decoration:none;}
a.doc-word {background:url(img/icons/icon-OfficeWord.png) no-repeat;}
a.doc-pdf {background:url(img/icons/pdf_icon.gif) no-repeat;}
a.doc-excel {background:url(img/icons/icon-officeexcel.png) no-repeat;}
ul.filter {margin:0 0 10px 0;padding:0;list-style:none;}
ul.filter li {display:inline;}
ul.filter li a {margin:0 20px 0 0;color:#999;text-decoration:none;font-size:14px;outline:0 none;}
ul.filter li a.current, ul.filter li a:hover {margin:0 20px 0 0;color:#0096E3;font-weight:bold;text-decoration:none;}
.clanak .panel {display:none;}
.clanak .first {display:block;}