body{
background-image:url(images/backtile.gif);
background-position:top;
background-repeat:repeat-x;
background-color:#666666;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
color:#333;
}

a{
color:#006699;
position:relative;
}

a:hover{
text-decoration:none;
}

#holder{
width:776px;
margin:0px auto;
}

#top{
background-image:url(images/top.gif);
width:776px;
height:145px;
margin-top:15px;
position:relative;
}

#head{
background-image:url(images/head.jpg);
width:776px;
height:207px;
position:relative;
}

#menu, #menuHR{
width:776px;
height:88px;
}

#menu li, #menuHR li{
display:block;
float:left;
}

/*****engleski meni******/

#menu a{
display:block;
text-indent:-5000px;
background-image:url(images/meni.gif);
}

a#aboutusEN{
width:142px;
height:88px;
background-position:0px 0px;
}

a#aboutusEN:hover, a#aboutusENAkt{
width:142px;
height:88px;
background-position:0px -88px;
}

a#oceanTranspEN{
width:125px;
height:88px;
background-position:-142px 0px;
}

a#oceanTranspEN:hover, a#oceanTranspENAkt{
width:125px;
height:88px;
background-position:-142px -88px;
}

a#airTranspEN{
width:121px;
height:88px;
background-position:-267px 0px;
}

a#airTranspEN:hover, a#airTranspENAkt{
width:121px;
height:88px;
background-position:-267px -88px;
}

a#groundTranspEN{
width:125px;
height:88px;
background-position:-388px 0px;
}

a#groundTranspEN:hover, a#groundTranspENAkt{
width:125px;
height:88px;
background-position:-388px -88px;
}

a#shipTranspEN{
width:105px;
height:88px;
background-position:-513px 0px;
}

a#shipTranspEN:hover, a#shipTranspENAkt{
width:105px;
height:88px;
background-position:-513px -88px;
}

a#faqEN{
width:50px;
height:88px;
background-position:-618px 0px;
}

a#faqEN:hover, a#faqENAkt{
width:50px;
height:88px;
background-position:-618px -88px;
}

a#formsEN{
width:108px;
height:88px;
background-position:-668px 0px;
}

a#formsEN:hover, a#formsENAkt{
width:108px;
height:88px;
background-position:-668px -88px;
}

/*****hrvatski meni******/
#menuHR a{
display:block;
text-indent:-5000px;
background-image:url(images/meni-hr.gif);
}

a#aboutusHR{
width:119px;
height:88px;
background-position:0px 0px;
}

a#aboutusHR:hover, a#aboutusHRAkt{
width:119px;
height:88px;
background-position:0px -88px;
}

a#oceanTranspHR{
width:103px;
height:88px;
background-position:-119px 0px;
}

a#oceanTranspHR:hover, a#oceanTranspHRAkt{
width:103px;
height:88px;
background-position:-119px -88px;
}

a#airTranspHR{
width:96px;
height:88px;
background-position:-222px 0px;
}

a#airTranspHR:hover, a#airTranspHRAkt{
width:96px;
height:88px;
background-position:-222px -88px;
}

a#groundTranspHR{
width:105px;
height:88px;
background-position:-318px 0px;
}

a#groundTranspHR:hover, a#groundTranspHRAkt{
width:105px;
height:88px;
background-position:-318px -88px;
}

a#shipTranspHR{
width:124px;
height:88px;
background-position:-423px 0px;
}

a#shipTranspHR:hover, a#shipTranspHRAkt{
width:124px;
height:88px;
background-position:-423px -88px;
}

a#faqHR{
width:75px;
height:88px;
background-position:-547px 0px;
}

a#faqHR:hover, a#faqHRAkt{
width:75px;
height:88px;
background-position:-547px -88px;
}

a#formsHR{
width:154px;
height:88px;
background-position:-622px 0px;
}

a#formsHR:hover, a#formsHRAkt{
width:154px;
height:88px;
background-position:-622px -88px;
}
/******/

#content{
width:776px;
background-image:url(images/tile2.gif);
float:left;
}

#content2{
width:716px;
background-image:url(images/tile.gif);
float:left;
padding:30px;
}

#futer{
background-image:url(images/futer.gif);
width:776px;
height:55px;
clear:both;
text-align:center;
color:#FFFFFF;
padding-top:15px;
font-size:11px;
}

#futer a{
color:#FFFFFF;
}

#jedan, #dva, #tri{
width:246px;
float:left;
margin-top:1px;
display:inline;
}

#jedan{
margin-left:19px;
}

#dva{
margin-left:1px;
}

#tri{
margin-left:1px;
}

#tri p{
padding:15px;
font-weight:bold;
}

#jedan h1, #dva h1, #tri h1{
color:#FFFFFF;
text-transform:uppercase;
font-size:12px;
background-image:url(images/blue.gif);
line-height:29px;
padding-left:15px;
margin-bottom:1px;
font-weight:bold;
}

#dva h1{
background-position:-246px 0px;
}

#tri h1{
background-position:-492px 0px;
}

#jedan ul, #dva ul{
margin:15px;
font-weight:bold;
}

#jedan li, #dva li{
background-image:url(images/strelica.gif);
background-position:left top;
background-repeat:no-repeat;
padding-left:15px;
margin-bottom:5px;
}

#lang{
width:140px;
position:absolute;
top:30px;
left:620px;
}

#lang li{
display:block;
float:left;
color:#FFFFFF;
font-size:10px;
}

#lang li a{
text-decoration:none;
color:#FFFFFF;
font-size:10px;
}

#lang img{
margin:0px 10px 0px 3px;
}

a#raq, a#raqHR{
width:158px;
height:33px;
text-indent:-5000px;
display:block;
position:absolute;
top:100px;
left:585px;
}

a#raq{
background-image:url(images/raq.gif);
}

a#raqHR{
background-image:url(images/raq-hr.gif);
}

h1{
color:#003366;
font-weight:normal;
font-size:24px;
}

h2{
color:#333;
font-weight:normal;
margin-top:15px;
}

.inside{
margin:5px 0px;
width:690px;
}

.inside li{
background-image:url(images/strelica.gif);
background-position:left top;
background-repeat:no-repeat;
padding-left:15px;
margin-bottom:5px;
font-weight:bold;
}

.inside li ul{
margin:10px 15px;

}

.inside li li{
font-weight:normal;
background-image:url(images/strelica2.gif);
}

.inside li li span{
font-style:italic;
}

.tableContainer{
width:540px;
margin-bottom:25px;
}

.tableContainer td{
padding:3px;
border:1px solid #CCCCCC;
}

.containerPic{
margin:20px 0px;
}

.tableContainer td.tableTop{
background-color:#006699;
color:#FFFFFF;
border:1px solid #006699;
}




.clearit {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}

#menu li, #menuHR li {position: relative;}

/* hide from IE mac \*/
#menu li, #menuHR li {position: static; width: auto;}
/* end hiding from IE5 mac */

#menu li ul, #menuHR li ul {
width: 250px;
position: absolute;
display:block;
display: none;
z-index:1000;
border-bottom:1px solid #003366;
border-left:1px solid #003366;
border-right:1px solid #003366;
}

#menu li:hover a, #menu a:focus, #menu a:active, #menu li.p7hvr a, #menuHR li:hover a, #menuHR a:focus, #menuHR a:active, #menuHR li.p7hvr a {
color: #3a3a3a;
display:block;
position:relative;
}

#menu li:hover ul, #menu li.p7hvr ul, #menuHR li:hover ul, #menuHR li.p7hvr ul {
display: block;
}

#menu li:hover ul a, #menu li.p7hvr ul a, #menuHR li:hover ul a, #menuHR li.p7hvr ul a {
color:#3a3a3a;
display:block;
}

#menu li li a, #menuHR li li a{
text-indent:0px;
background-image:url(images/bgsub.gif);
display:block;
text-decoration:none;
font-size:14px;
padding:10px;
font-weight:bold;
height:30px;
}

#menu li li a:hover, #menuHR li li a:hover{
color:#003366;
}

#menu li li, #menuHR li li{
display:block;
float:none;
margin-bottom:-1px;
}

a{
position:relative;
}


a#contact, a#contactHR{
width:164px;
height:41px;
text-indent:-5000px;
display:block;
position:absolute;
top:10px;
left:582px;
}

a#contact{
background-image:url(images/contact.gif);
}

a#contactHR{
background-image:url(images/contact-hr.gif);
}

a.nacrtPDF {
background-image:url(images/pdf.gif);
color:#FFFFFF;
display:block;
clear:both;
font-size:14px;
font-weight:bold;
height:42px;
margin-top:10px;
padding:20px 0px 0px 20px;
text-decoration:none;
width:192px;
}


.mt20{
margin-top:20px;
}


#quote li{
margin-bottom:5px;
}

.quoteItem{
width:200px;
margin-bottom:15px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
padding:3px;
font-size:11px;
}

#quote span{
font-size:10px;
display:block;
margin-top:-10px;
margin-bottom:15px;
}

.botun{
background-color:#006699;
border:1px solid #fff;
color:#FFFFFF;
padding:3px;
font-size:11px;
}

*, * focus {
	outline: none;
	margin: 0;
	padding: 0;
}

h2.trigger {
font-size: 12px;
font-weight: bold;
}

h2.trigger a {
text-decoration: none;
display: block;
}
h2.trigger a:hover {
color: #000;
}

.toggle_container {
margin: 0 0 5px;
padding: 0;
clear: both;
}
.toggle_container .block {
padding: 10px;
}

.toggle_container .block p {
padding: 5px 0;
margin: 5px 0;
}