BODY
{
	background-color: #050F18;
	background-image: url(../images/page_elements/bg.jpg);
	font-family: Tahoma, "Trebuchet MS", sans-serif;
	color: #FAFAFA;
	margin: 0;
	padding: 0;
/*padding-top:40px;*/
	background-repeat: repeat-x;
	background-position: 0px 120px;
	overflow: auto;
}
#importantNotices A
{
	color: #CA0000;
	text-decoration: none;
}
IMG
{
	border: 0;
}
#pageWrapper
{
	width: 800px;
	margin: 0 auto;
	position: relative;
	padding-bottom: 20px;
}
#pageWrapper *
{
/*font-size:10pt;*/
}
.vijest H2
{
	font-weight: normal;
	padding-top: 5px;
	color: #F7FBB9 !important;
	font-family: "Trebuchet MS", Helvetica, Arial;
	font-size: 12pt !important;
}
.vijest HR
{
	display: none;
}
.pages
{
	padding: 0 17px;
}
.pages A
{
	margin: 1px;
}
.pagination
{
	text-align: center;
	background-color: #454545;
	margin: 4px 0;
	padding: 1px;
}
.pagination A:hover
{
	text-decoration: underline;
}
.pagination A
{
	text-decoration: none;
	color: #91ADED;
}
.pagination A.paginationButton, .pagination SPAN.paginationButton
{
	display: inline-block;
	width: 20px;
}

.tekst A
{
	text-decoration: none;
	color: #B5C4E9;
}
.tekst A:hover
{
	text-decoration: underline;
}
.tekst OL
{
	margin-left: 28px;
}
.vijest .datum
{
	/*[disabled]float:left;*/
	color: #E2E2E2;
}
A.pdf
{
/*The background image*/
	background: url(../images/pdf-file.png) no-repeat left center;
	padding-left: 20px;
	line-height: 16px;
/*To center the text vertically with the icon*/
}
A.excel
{
/*The background image*/
	background: url(../images/excel-file.png) no-repeat left center;
	padding-left: 20px;
	line-height: 16px;
/*To center the text vertically with the icon*/
}
H3.newsTitle
{
	font-size: 11pt;
	display: inline-block;
	font-weight: bold;
}
#importantNotices
{
	position: absolute;
	/*+placement:shift 295px -129px;*/
	position: relative;
	left: 295px;
	top: -129px;
	font-size: 11.7pt;
	z-index: 12;
}
DIV#importantNotices
{
	width: 300px;
	display: block;
	margin-left: 419px;
}
.clear
{
	clear: both;
}
#edge
{
	width: 72px;
	margin-left: 58px;
	float: left;
	height: 365px;
}
#leftCol, #rightCol
{
	width: 200px;
	float: left;
}
#centerCol
{
	float: left;
	width: 365px;
}
#leftCol
{
}
A.desno IMG
{
	margin-left: 80px;
}
.mainImage
{
	position: relative;
	height: 120px;
}
.mainImage .tekst
{
	font-family: "Arial Black", Arial;
	font-size: 16px;
	color: #EEEEEE;
	z-index: 100;
	font-weight: bold;
}
.mainImage DIV.tekst
{
	position: absolute;
	width: 120px;
}
.mainImage DIV.tekst.livo
{
	right: 3px;
	top: 10px;
	text-align: right;
	margin-right: 80px;
}
.mainImage DIV.tekst.desno
{
	top: 10px;
	left: 3px;
	margin-left: 80px;
}
#logo
{
	text-align: center;
	margin-top: 30px;
}
#header
{
	top: 0px;
	left: 0px;
	width: 100%;
	height: 248px;
	color: #ECECEC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	z-index: 900;
	background-image: url(../images/page_elements/headerBg.jpg);
	background-position: top;
}
#krsevan_logo
{
	position: absolute;
	right: 20px;
	top: 3px;
}
#tp_logo
{
	position: absolute;
	left: 20px;
	top: 3px;
}
#contentwrapper
{
	margin: 0px auto;
	width: 800px;
	position: relative;
}
#contentpadding
{
	float: left;
/*margin-left:40px;*/
	width: 200px;
	padding-top: 15px;
}
#contentpadding IMG
{
	margin-left: 40px;
}
#content
{
	margin-left: 214px;
	background-color: #051C29;
	-moz-border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	width: 527px;
	padding: 10px;
	min-height: 510px;
	font-size: 9pt;
	overflow: auto;
}
.center
{
	text-align: center;
}
#footer
{
	color: #F3F3F3;
	font-size: 7pt;
	font-family: Verdana;
/*font-weight:bold;*/
}
#footer A
{
	text-decoration: none;
	color: #FFFFFF;
}
IMG#competitiveEdge
{
	position: absolute;
	top: 85px;
	left: -5px;
}
IMG#slogan
{
	position: absolute;
	top: -125px;
	left: 400px;
}
/*TABLE*/
TABLE, TH, TD
{
	border: 1px solid #555;
	border-collapse: collapse;
/*font-family: "Trebuchet MS", Arial, sans-serif;*/
	color: #EEE;
}
CAPTION
{
	font-size: 150%;
	font-weight: bold;
	margin: 5px;
}
TD, TH
{
	padding: 4px;
}
THEAD TH
{
	text-align: center;
	background: #445F70;
	color: #FFF;
	font-size: 100% !important;
}
TBODY TH
{
	font-weight: bold;
}
TBODY TR
{
	background: #051016;
}
TBODY TR.odd
{
	background: #0D2939;
}
TABLE A:link
{
	color: #B1C0DC;
	text-decoration: none;
}
TABLE A:visited
{
/*color: #d0d9ea;#d0d9ea*/
	text-decoration: none;
}
TABLE A:hover
{
/*color: #d0d9ea;*/
	text-decoration: underline !important;
}
TFOOT TH, TFOOT TD
{
	font-size: 85%;
}
TBODY TR.hover
{
	background-color: #143C5F;
	cursor: pointer;
}
/*END TABLE*/
.position
{
	display: block;
	font-weight: bold;
	font-size: 1em;
	margin-top: 10px;
	text-shadow: 2px 2px 2px #5A5A5A;
}
.personwrapper
{
	padding-left: 10px;
	margin-bottom: 10px;
	overflow: hidden;
}
.personname
{
	display: block;
	width: 120px;
	float: left;
}
.persondata
{
	float: left;
}
.vijest
{
	font-size: 9pt;
	padding: 15px 0px;
	/*[disabled]margin-bottom:-5px;*/
}
.tekst, .sadrzaj
{
	margin-left: 12px;
	margin-right: 12px;
	text-align: justify;
}
.vijest .tekst
{
	padding: 1px 5px 10px;
}
.tekst IMG
{
	margin: 10px;
	float: right;
}
.tekst H2
{
	font-size: 12pt;
}
.datum2
{
	float: left;
}
.datum
{
	font-size: 11px;
	font-family: "Lucida Console", "Courier New";
	display: block;
	background-color: #0C2534;
	text-align: left;
	padding-left: 12px;
}
.naslov
{
	font-family: "Trebuchet MS";
	font-size: 11pt;
	font-weight: bold;
	text-align: left;
	margin: 4px;
	margin-left: 7px;
}
#headerlinks
{
	position: absolute;
	top: 10px;
	left: 600px;
	width: 200px;
	font-size: 8pt;
	color: #999;
}
#headerlinks A
{
	text-decoration: none;
	color: #CCC;
}
#headerimage
{
	width: 800px;
	height: 248px;
	margin: 0 auto;
	position: relative;
}
.frlink A
{
	color: #FFFFFF;
}
.frlink
{
	padding-left: 15px;
}
.shipstable TR TD
{
	text-align: center;
}
TABLE.shipstable A
{
	display: block;
	text-align: left;
	font-weight: bold;
}
#fancybox-wrap
{
	color: #000000;
}
.shipname
{
	font-size: 1.5em;
}
.shipdata LI
{
	font-size: 0.75em;
	overflow: auto;
}
SPAN.datalabel
{
	display: inline-block;
	width: 160px;
	font-size: 1em;
	font-weight: bold;
}
SPAN.datalabel2
{
	font-size: 1em;
	font-weight: bold;
}
LI.listtitle
{
	font-weight: bold;
	font-variant: small-caps;
	font-style: italic;
	margin: 10px 0 0 10px;
	list-style-type: none;
}
UL.leftcolumn
{
	display: block;
	float: left;
	width: 290px;
	margin: 10px 20px 0 10px;
}
UL.rightcolumn
{
	width: 400px;
	display: block;
	float: left;
	margin-top: 240px;
	list-style-type: none;
}
LI DIV.indent
{
	float: right;
	overflow: auto;
	width: 240px;
}
#shipimage
{
	position: absolute;
	left: 370px;
	top: 25px;
}
LI.liodd
{
	background-color: #EEEEEE;
}
.ship_details
{
	margin: 10px;
	overflow: auto;
}
#playButton
{
	position: absolute;
	top: 160px;
	left: 380px;
	display: none;
}
.scrolNavi
{
	display: inline-block;
	width: 250px;
}
.itemtext
{
	overflow: auto;
}
H1
{
	font-size: 14pt;
}
.leftcol
{
	float: left;
	width: 280px;
	overflow: auto;
}
.rightcol
{
	float: right;
	margin-right: 10px;
	width: 230px;
	overflow: auto;
}
A#environment
{
	display: inline-block;
	position: absolute;
	width: 190px;
	height: 100px;
	left: 20px;
	top: 80px;
	z-index: 100;
	background-image: url(../images/page_elements/transparent.png);
	text-align: center;
	text-decoration: none;
	color: #FFFFFF;
}
#whywecarediv
{
	font-size: 11pt;
	color: #FFFFFF;
	font-style: italic;
	margin-top: 70px;
}
.wc_underline
{
	text-decoration: underline;
}
/*caption styling*/
DIV.caption
{
	margin: 0;
	padding: 0;
	position: relative;
	display: inline-block;
}
DIV.caption P
{
	position: absolute;
	margin: 0;
	padding: 3px;
	font-size: 0.9em;
	bottom: 8px;
	left: 0;
	background: #000000;
	color: #FFFFFF;
	opacity: .7;
}
DIV.caption IMG
{
	margin: 0;
	padding: 0;
}
/*end caption styling*/
.regionslike
{
	width: 224px;
	margin: 10px;
}
TABLE.noborder, TABLE.noborder TD, TABLE.noborder TR
{
	border: 0;
	background-color: transparent;
}
A.shadoww:hover
{
	filter: progid:DXImageTransform.Microsoft.Glow(Color=#D5D294,Strength=2) progid:DXImageTransform.Microsoft.blur(pixelradius=1, enabled='false');
	color: #FFFF00;
	zoom: 1;
/*force hasLayout*/
}
.positionwrapper
{
	overflow: auto;
	clear: both;
}
.frtitle
{
	font-family: "Lucida Console", "Courier New";
	font-size: 8pt;
	text-shadow: 2px 2px 2px #5A5A5A;
	color: #E2E2E2;
	margin-top: 15px;
}
.frlink
{
	padding-bottom: 3px;
}
.frlink A
{
	text-decoration: none;
	border-bottom: 1px solid #BBB;
}
/*SCROLABLE begin*/
#main
{
	position: relative;
	overflow: hidden;
	height: 450px;
	width: 539px;
}
#pageWrapper
{
}
/*root element for pages*/
#pages
{
	position: absolute;
	height: 20000em;
}
/*single page*/
.page
{
	-moz-border-radius-bottomright: 10px;
	background-color: #051C29;
	padding: 10px;
	height: 429px;
	width: 550px;
}
/*root element for horizontal scrollables*/
.scrollable
{
	position: relative;
	overflow: hidden;
	width: 510px;
	height: 449px;
}
/*root element for scrollable items*/
.scrollable .items
{
	width: 20000em;
	position: absolute;
	clear: both;
}
/*single scrollable item*/
.item
{
	float: left;
	cursor: pointer;
	width: 500px;
	height: 449px;
	padding: 10px;
}
/*main navigator*/
#main_navi
{
	float: left;
/*display:inline;*/
	padding: 0px !important;
	margin: 0px !important;
}
#main_navi LI
{
	vertical-align: bottom;
	background-color: #051C29;
/*border-top: 1px solid #666;*/
	margin-top: 1px;
	clear: both;
	color: #FFFFFF;
	font-size: 12px;
	height: 129px;
	list-style-type: none !important;
	list-style-image: none !important;
	padding: 10px !important;
	width: 150px;
	cursor: pointer;
	position: relative;
	margin-bottom: 0px;
}
#main_navi LI.liprvi
{
	margin-top: 0px;
}
#main_navi LI.lizadnji
{
	height: 130px;
	-moz-border-radius-bottomleft: 10px;
}
#main_navi LI:hover
{
	background-color: #444;
}
#main_navi LI.active
{
	background-color: #00698A;
}
#main_navi IMG.thumb
{
	display: block;
/*float:left;*/
	margin: 3px 0px 0px 25px;
}
#main_navi STRONG
{
	/*+opacity:60%;*/
	filter: alpha(opacity=60);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	display: block;
}
#main DIV.navi
{
	margin-left: 250px;
	cursor: pointer;
}
#main_navi IMG.thumb
{
	height: 120px;
}
.item
{
	position: relative;
}
.itemimages
{
	position: absolute;
	left: 280px;
	top: 10px;
}
.item UL
{
	padding-left: 10px;
}
.item LI
{
	list-style-position: inside;
	padding-left: 20px;
}
.itemtexts
{
	position: absolute;
	top: 0px;
	left: 10px;
	color: #FFFFFF;
	font-family: "Trebuchet MS";
	font-size: 12pt;
	width: 250px;
	padding-top: 20px;
	overflow: auto;
}
.itemtexts H2
{
	margin-top: 6px;
}
.itemtexts UL
{
	margin: 0;
	padding-left: 1em;
	text-indent: -1em;
}
.itemtexts LI
{
	padding-left: 5px;
}
.itemimages IMG
{
	margin-top: 15px;
}
.clearfix
{
	clear: both;
}
#main_navi STRONG
{
	display: block;
	position: absolute;
	height: 30px;
	color: #FFFFFF;
	font-family: Tahoma;
	font-weight: bold;
	font-size: 18px;
	line-height: 30px;
	margin-top: -30px;
	width: 120px;
	left: 45px;
	background-color: #222222;
}
#mainImage
{
/*margin: 0px auto;*/
	position: absolute;
	width: 500px;
	height: 450px;
	z-index: 500;
	left: 215px;
/*margin-left:380px;*/
}
#prezent
{
	margin: 0px auto;
	width: 718px;
	position: relative;
	padding-left: 20px;
/*display:none;*/
}
#competitiveedge
{
	position: absolute;
	left: -90px;
	top: 40px;
}
.itemDescription IMG
{
	position: absolute;
	top: 20px;
	left: 5px;
	height: auto !important;
}
.scrolNavi A
{
	color: #FF7F50;
	text-decoration: none;
	font-weight: bold;
	display: inline-block;
	width: 100px;
	overflow: hidden;
	height: 30px;
	outline: none;
}
.scrolNavi A:hover
{
	color: #FFFFFF;
}
.scrolNavi
{
	text-align: center;
	margin-top: 15px;
}
/*TABS
root element for tabs*/
.tabs
{
	list-style: none;
	margin: 0 !important;
	padding: 0;
	height: 30px;
	border-bottom: 1px solid #666;
}
/*single tab*/
.tabs LI
{
	float: left;
	text-indent: 0;
	padding: 0;
	margin: 0 !important;
	list-style-image: none !important;
}
/*link inside the tab. uses a background image*/
.tabs A
{
	background: url(../images/tabs.png) no-repeat -652px 0;
	font-size: 11px;
	display: block;
	height: 30px;
	line-height: 30px;
	width: 111px;
	text-align: center;
	text-decoration: none;
	color: #F1F1F1;
	padding: 0px;
	margin: 0px;
	position: relative;
	top: 1px;
}
.tabs A:active
{
	outline: none;
}
/*when mouse enters the tab move the background image*/
.tabs A:hover
{
	background-position: -652px -31px;
	color: #FFF;
}
/*active tab uses a class name "current". it's highlight is also done by moving the background image.*/
.tabs .current, .tabs .current:hover, .tabs LI.current A
{
	background-position: -652px -62px;
	cursor: default !important;
	color: #000 !important;
}
/*initially all panes are hidden*/
.tabpanes .pane
{
	display: none;
}
.tabpaness DIV
{
	display: none;
	padding: 15px 10px;
	border: 1px solid #999;
	border-top: 0;
	font-size: 14px;
	overflow: auto;
}
/*Scrolable end*/
#langSelector
{
	position: relative;
	z-index: 10;
	font-size: 10pt;
	height: 25px;
	/*+placement:shift -145px -104px;*/
	position: relative;
	left: -145px;
	top: -104px;
	color: #DADADA;
}
#langSelector A
{
	text-decoration: none;
	color: inherit;
	border-bottom: 1px dotted #DADADA;
}
#langSelector A:hover
{
	text-decoration: none;
	color: #B3D3FB;
	border-bottom: 1px dotted #DADADA;
}