/* -------------------- tag styles --------------------*/
body,td,div {font-family: arial; font-size: 12px;}
html,body{margin:0;padding:0;height:100%;border:none;}
table {border-spacing: 0px; border-collapse: collapse;}
td {vertical-align: top; padding:0px;}
img {border: 0px;}
form{margin:0px; padding:0px;}

h1, h2, h3, h4, h5, h6 {margin: 0px; font-weight: bold; color: silver;}
h1 {font-size: 20px;}
h2 {font-size: 18px;}
h3 {font-size: 16px;}
h4 {font-size: 14px;}
h5 {font-size: 12px;}
h6 {font-size: 10px;}

a {text-decoration: none;}
a:hover {text-decoration: underline;}
a:focus {outline: none;}
a:active {}
a:visited {}

/* -------------------- standard styles --------------------*/
.b {font-weight: bold;}
.n {font-weight: normal;}
.i {font-style: italic;}

.tr{text-align:right;}
.tl{text-align:left;}
.tc{text-align:center;}

.pa {position: absolute;}
.pr {position: relative;}

.fl {float: left;}
.fr {float: right;}

.fs5 {font-size: 5px;}
.fs10 {font-size: 10px;}
.fs11 {font-size: 11px;}
.fs12 {font-size: 12px;}
.fs13 {font-size: 13px;}
.fs14 {font-size: 14px;}
.fs16 {font-size: 16px;}
.fs18 {font-size: 18px;}
.fs24 {font-size: 24px;}

.fc1 {color: #000;}
.fc2 {color: #FFF;}
.fc3 {color: #205A8B;} /*blue*/
.fc4 {color: #7F7F7F;} /*gray*/
.fc5 {color: #1155AE;} /*navy*/
.fc6 {color: #0F4D88;} /*navy 2*/
.fc7 {color: #7C7C7C;} /*gray 2*/
.fc8 {color: #aaaaaa;} /*gray 3*/
.fc9 {color: #9A9A9A;} /*gray 4*/
.fc10 {color: #0F3461;} /*navy 3*/
.fc11 {color: #C5D3EC;} /*navy x*/
.fc12 {color: #ED1C24;} /* red */


.ls25 {letter-spacing: 0.025em;}
.ls50 {letter-spacing: 0.050em;}
.ls100 {letter-spacing: 0.100em;}
.lh14 {line-height: 14px;}
.lh16 {line-height: 16px;}
.lh18 {line-height: 18px;}
.lh24 {line-height: 24px;}

.t0 {top: 0;}
.l0 {left: 0;}
.r0 {right: 0;}
.b0 {bottom: 0;}
.r_9 {right: -9px;}
.l_9 {left: -9px;}
.b_7 {bottom: -7px;}

.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}
.ml3 {margin-left: 3px;}
.ml20 {margin-left: 20px;}
.ml30 {margin-left: 30px;}
.ml50 {margin-left: 50px;}
.mr20 {margin-right: 20px;}
.mr30 {margin-right: 30px;}
.mt30 {margin-top: 30px;}
.mt40 {margin-top: 40px;}
.mt5 {margin-top: 5px;}
.mt9 {margin-top: 9px;}
.mt15 {margin-top: 15px;}
/* -------------------------------------------------------------------------------------------*/
table.table {width: 100%; height: 100%; border: 0;}
td#center {width: 860px; background: #002F6E url(../images/marine-bottom.jpg) no-repeat bottom left;}
td#left {background: #1242AB url(../images/bottom-deep-left.gif) repeat-x bottom right;}
td#right {background: #1242AB url(../images/bottom-deep-right.gif) repeat-x bottom left;}
/* -------------------- HEAD start --------------------*/
div#top-left {height: 233px; background: #fff url(../images/top-blue-back-left.gif) repeat-x top right;}
div#top-right {height: 233px; background: #fff url(../images/top-blue-back-right.gif) repeat-x top left;}
div#top-center {height: 233px; background: #fff url(../images/top-blue-back-center.gif) no-repeat top left;}
div#top-blue-shadow-left {top: 0; right: 0; height: 171px; background: url(../images/top-blue-shadow-left.gif) no-repeat top right;}
div#top-blue-shadow-right {top: 0; left: 0; height: 171px; background: url(../images/top-blue-shadow-right.gif) no-repeat top left;}
div#top-silver-shadow-left {top: 0; right: 0; height: 51px; background: url(../images/top-silver-shadow-left.gif) no-repeat top right;}
div#top-silver-shadow-right {top: 0; left: 0; height: 51px; background: url(../images/top-silver-shadow-right.gif) no-repeat top left;}
img#logo {width: 275px; height: 104px; left: 38px; top: 28px;}
div#search {height: 40px; width: 230px; top: 0; right: 0;}
form#srch {margin: 0; padding: 0;}
form#srch input {border: 0;}
input#src-text {background: url(../images/search-input-back.gif) no-repeat top left; width: 160px; height: 19px; top: 10px; left: 0; padding-left: 20px; padding-top: 3px; line-height: 16px;}
input#src-butt {background: url(../images/search-button.gif) no-repeat top left; width: 42px; height: 21px; top: 9px; right: 20px; cursor: pointer;}
div#contact {height: 122px; width: 220px; background: url(../images/contact-back.gif) no-repeat top left; top: 46px; right: 19px;}
div#contact-content {margin-left: 26px; margin-top: 6px; color: #747474; line-height: 16px;}
div#contact-content b {color: #1155AE; line-height: 18px;}
div#menu {height: 34px; width: 860px; background: url(../images/menu-silver-back.gif) repeat-x top left; top: 171px; left: 0;}
div#menu img {cursor: pointer;}

div.submenu {top: 40px; left: 39px;}
	div.submenu img {margin-right: 20px;}
	div.submenu a {color: #7F7F7F; font-size: 14px; position: relative; top: -2px; margin-right: 20px;}
	div.submenu a:hover {color: #205A8B; font-size: 14px; position: relative; top: -2px; margin-right: 20px; text-decoration: none;}
		div#menidrop2 {padding-left: 103px;}

/* --------------------- HEAD end ---------------------*/

/* -------------------- MAIN start --------------------*/
div#middle, div#middle-left, div#middle-right {height: 340px; background: white url(../images/middle-silver-back.gif) repeat-x top left;}
div#middle-shadow-left {height: 340px; background: url(../images/middle-shadow-left.gif) no-repeat top right;}
div#middle-shadow-right {height: 340px; background: url(../images/middle-shadow-right.gif) no-repeat top left;}
div#cat-link1, div#cat-link2, div#cat-link3, div#cat-link4 {margin-top: 42px; height: 297px;}
div#cat-link1 {width: 216px;}
div#cat-link2 {width: 206px;}
div#cat-link3 {width: 208px;}
div#cat-link4 {width: 230px;}
div#sea-middle {width: 860px; height: 61px; background: url(../images/sea-middle.gif) no-repeat top left;}
div#sea-middle-left {height: 61px; background: url(../images/sea-middle-left.gif) repeat-x top right;}
div#sea-middle-shadow-left {height: 61px; background: url(../images/sea-middle-shadow-left.gif) no-repeat top right;}
div#sea-middle-right {height: 61px; background: url(../images/sea-middle-right.gif) repeat-x top left;}
div#sea-middle-shadow-right {height: 61px; background: url(../images/sea-middle-shadow-right.gif) no-repeat top left;}
div#content-intro {background: transparent url(../images/marine-sublevel.jpg) no-repeat top left; min-height: 558px; height: auto !important; height: 558px;}
div#content-products {background: white; min-height: 875px; height: auto !important; height: 875px;}

div#sublevel-left {min-height: 198px; height: auto !important; height: 198px; background: transparent url(../images/sublevel-left.gif) repeat-x top right;}
div#sublevel-right {min-height: 198px; height: auto !important; height: 198px; background: transparent url(../images/sublevel-right.gif) repeat-x top left;}

div#intro-left {width: 430px;}
div#intro-right {width: 430px;}
div#action, div#equipment {margin: 0 20px;}
div.action-post {margin-left: 30px; width: 360px; margin-bottom: 25px;}
div.equipment-post {margin-left: 27px; width: 360px; margin-bottom: 25px;}
div.thumbs-holder {background: url(../images/thumbs-background.gif) no-repeat top left; width: 162px; height: 122px;}
div.thumbs-holder img {margin: 8px;}
div.action-holder, div.equipment-holder {width: 190px; min-height: 122px; height: auto !important; height: 122px;}
div.square-holder {height: 17px; margin-top: 3px; margin-bottom: 3px;}

div#content-main {width: 823px; margin-left: 18px; padding-top: 10px;}
div#cnt-left {width: 424px;}
div#cnt-right {width: 367px;}
div#cnt-right img.cntpic {margin: 5px;}
div#cnt-right img.cntpic-over {margin: 3px; border: 2px solid #163F72;}

div.cnt-text {margin-left: 20px; width: 370px;}
div.cnt-text b {font-size: 12px; color: #1155AE;}

div.cnt-text2 {margin: 0 20px;}
div.cnt-text2 b {font-size: 12px; color: #1155AE;}

div.cnt-thumb-holder {width: 170px; height: 130px; background: #eeeeee; float: left;}
div#specs {width: 367px; background: url(../images/specs-back.gif) repeat-y top left; margin-bottom: 29px;}
div.spec-data, div.spec-data-w, div.spec-data-n {margin-left: 8px; margin-bottom: 3px; line-height: 21px; color: #6E6E6E; padding-left: 12px; cursor: default; margin-right: 9px;}
div.spec-data {background: #E6E7E7;}
div.spec-data-w {background: white;}
div.spec-data-n {background: #A1D4F3;}
div.spec-data b, div.spec-data-w b, div.spec-data-n b {color: #1155AE;}

div#big-label {margin-top: 20px; display: block; height: 30px; line-height: 24px;}
div#eq-holder-left, div#eq-holder-right {width: 392px;}
div.equip-post {width: 392px; height: 234px; margin-top: 27px; background: url(../images/equip-post-back.gif) no-repeat top left;}
div.eqp-title {height: 40px; width: 340px; line-height: 40px; border-bottom: 1px solid #C1C1C1;}
img.eqp-pic {top: 59px; left: 39px;}
img.eqp-req {top:194px; left: 30px;}
div.eqp-sum {top: 52px; left: 212px; width: 165px; height: 165px; line-height: 12px;}
div.eqp-sum ul {margin: 18px 0; padding: 0; list-style-type: none;}
div.eqp-sum ul li {background: url(../images/pomisljaj.gif) no-repeat center left; padding-left: 9px;}
/*
div.eqp-long-post {width: 822px; height: 234px; margin-top: 27px; background: url(../images/equip-long-post-back.gif) no-repeat top left;}
div.eqp-long-logo {width: 760px; height: 40px; margin-left: 30px; border-bottom: 1px solid #C1C1C1; line-height: 40px;}
div.eq-logo-holder {width: 228px;}
img.eq-long-pic {top: 60px; left: 38px;}
div.eq-long-data-holder {left: 258px; top: 45px; width: 570px;}
div.eq-long-data {width: 160px; margin-right: 20px;}
*/

div#eq-path-line a:hover {color: #C5D3EC; text-decoration: none;}
div.equip3post {width: 822px; height: 172px; background: url(../images/equip3post-back.gif) no-repeat top left;}
img.eq3pic {top: 18px; left: 38px;}
div.eq3title {width: 529px; height: 24px; left: 262px; top:11px; border-bottom: 1px solid #C1C1C1;}
div.eq3sum {width: 240px; left: 262px; top: 44px;}
div.eq3spec {width: 240px; left: 545px; top: 44px;}

div.links-h {width: 820px; height: 25px; background: url(../images/blue-hr2.gif) no-repeat;}
div.links-h a.link {margin: 0 5px; position: relative; top: 4px; left: 10px;}
div.links-h a.link:hover {color: #fff; text-decoration: underline;}
div.links-h span {position: relative; top: 4px; left: 10px;}
div.links-h img{top: 68px; left: 747px;}

img.txt-pic {border: 5px solid #EEEEEE; margin: 0 10px 10px 0;}

div.akcija-p {top: 9px;	left: 212px;}
.pb5 {padding-bottom: 5px;}

div.pop-cen_h {
	height: 54px;
	background: url(../images/bck_cena-popust.gif) no-repeat;
	margin-top: 20px;
}

	span.p1 {top: 14px; left: 19px;}
	span.p2 {top: 12px; left: 57px; width: 170px;}
	span.p3 {top: 14px; left: 261px;}
	span.p4 {top: 12px; left: 309px; width: 50px;}
	span.p5 {top: 32px; left: 19px; text-decoration: line-through; width: 300px;}

/* --------------------- MAIN end ---------------------*/

/* -------------------- FOOT start --------------------*/
div#foot {height: 120px;}
div#rights {bottom: 0px; left: 41px; font-family: verdana; height: 20px;}
div#author {width: 250px; bottom: 0px; right: 20px; font-family: verdana; height: 20px; text-align: right;}
/* --------------------- FOOT end ---------------------*/