@import url("menu.css");

body {
	margin:0px;
	background:url(../images/bg1.gif) repeat-x #ebebeb;
	font:70% Arial, Helvetica, sans-serif;
	color:#352b53;
	text-align:center;
	line-height:140%;
}
a {
	color:#bb2c2e;
	text-decoration:none;
}
a:hover {color:#352b53;}
h1 {	
	position:absolute;
	left:12px;
	top:25px;
	background:url(../images/logo.gif) no-repeat; 
	text-indent:-9000px;
	font-size:0px;
	line-height:0px;
}
h1 a {
	width:257px;
	height:83px;
	display:block;
}	
h2 {
	margin:12px 12px 8px 12px;
	padding-bottom:4px;
	border-bottom:1px solid #ccc;
	font-family: Arial, Helvetica, Sans-serif;
	text-transform:uppercase;
	font-size:14px;
}
html>body h2 { padding:12px 0px 3px 0px;}
h3 {
	margin:0px 0px 5px 0px;
	background:url(../images/apiuRegijeHR/success-title.gif) no-repeat top;
}
h3 a {	
	display:block;
	width:174px;
	height:27px;
	text-indent:-9000px;
	font-size:0px;
}
h4 {
	margin:0px 0px 5px 0px;
	padding-top:4px;
	font-size:14px;
}
h5 {
	font-size:110%; 
	margin:5px; 
	padding:0px;
}	
p { margin:1em 0;}
img { border:0px;}
fieldset { border:0px;}
table, td, select, input, textarea, li {font:100% Arial, Helvetica, sans-serif;}

/* ----------------------- container ----------------------- */

#default, #page{
	margin:0 auto;
	width:772px;
	height:auto;
	min-height:500px;
	text-align:left;
}
#bgLines {
	background: url(../images/bg-lines.gif);
	width:772px;
}

/* ----------------------- header ----------------------- */

#header {
	position:relative;
	height:102px;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
}
#languageSwitch {
	position:absolute;
	top:53px;
	left:415px;
	font-size:7pt;
	color:#999;
}
#selectLang { vertical-align:top;}
#languageSwitch img { margin-left:6px;}

#headerBgLine {
	border-left:1px solid #fff;
	margin-left:571px;
	height:102px;
}

#meta {
	position:absolute;
	top:50px;
	right:5px;
	width:183px;
	text-align:center;
	color:#999;
}
#meta a {
	color:#999;
	font-size:10px;
}
#search {
	position:absolute;
	right:15px;
	top:78px;
}
.field {
	float:left;
	width:123px;
	height:18px;
	border-top:#848588 2px outset;
	border-right:#BABABA 1px inset;
	border-left:#808080 2px outset;
	border-bottom:#BABABA 1px inset;
}
.button {
	float:left;
	margin-left:7px;
	background:url(../images/apiuRegijeHR/trazi.gif) no-repeat;
	width:41px;
	height:18px;
	text-indent:-9000px;
	border:0px;
	cursor:pointer;
}
#apiuregijeEN .button {	background: url(../images/apiuRegijeEN/search.gif) no-repeat;}

#searchResults {margin:3px 11px 0px 11px;}

/* ----------------------- content ----------------------- */

/* home */

/* lijevi stupac */
#left {
	float:left;
	width:149px;
	height:505px;		
}
html>body #left {
	height:auto;
	min-height:505px;
}
#databaseBox { margin:12px 0px 0px 10px; padding-bottom:13px;}
#databaseBox a { display:block;}
.databaseLogo { float:left;}
#databaseBox p {margin:0px;}
#corner { margin:25px 0px;}

/* srednji stupac */
#mid {
	float:left;
	width:421px;
	height:505px;
}
html>body #mid {
	height:auto;
	min-height:505px;
}
#introSwf {
	float:left;
	margin:15px 0px 0px 12px;
}
#homePicMenu {	
	float:left;
	margin-top:15px;
}
#homePicMenu img { border-bottom:1px solid #fff;}

#imgMapReasons {
	background:url(../images/apiuRegijeHR/img-map-5-reasons.gif) no-repeat;
	width:405px;
	height:189px;
	float:left;
	margin:22px 0px 13px 12px;
}
#apiuregijeEN #imgMapReasons { background:url(../images/apiuRegijeEN/img-map-5-reasons.gif) no-repeat;}
#imgMapReasons a { display:block;}

#bannerCenter { margin:0px 0px 14px 12px;}
#page #bannerCenter { margin:12px;}

/* desni stupac */
#right {
	float:left;
	margin-left:14px;
	width:186px;
	height:505px;	
}
html>body #right {
	height:auto;
	min-height:505px;	
}		
#worldMap {	width:175px;}
#worldMap a img {
	float:left;
	margin:15px 1px 0px 0px;
}
#right1_world { width:58px;}

/* jeste  li znali */
#JesteLiZnali {
	margin-top:24px;
	width:174px;
	height:150px;
	background:#fff;
}
html>body #JesteLiZnali {
	min-height:150px;
	height:auto;
}
#modulText {
	width:158px;
	height:116px;
	margin:0px 4px 4px 11px;
	background-color:#fff;
	color:#999;
	overflow:-moz-scrollbars-vertical;
	overflow:auto;
	scrollbar-highlight-color:#fff;
	scrollbar-3dlight-color:#fff;
	scrollbar-track-color:#fff; 
	scrollbar-face-color:#FFF;
	scrollbar-shadow-color:#FFF; 
	scrollbar-darkshadow-color:#FFF; 
	scrollbar-arrow-color:#A7A9AC;
}

/* page */

#pagePic { margin:15px 12px 12px 12px; width:398px;}
#textBox {
	margin:27px 0px 0px 12px;
	padding-bottom:5px;
	width:398px;
	height:auto;
	background-color:#fff;
}
#text {
	margin:3px 11px 0px 11px;
	height:auto;
	width:95%;
}

/* contact box */
#contact {
	margin-top:13px;
	background:url(../images/apiuRegijeHR/contact-bg.gif) no-repeat;
}
#apiuregijeEN #contact { background:url(../images/apiuRegijeEN/contact-bg.gif) no-repeat;}
#contact a {
	display:block;
	width:175px;
	height:64px;
}
#contact span {
	position:relative;
	top:25px; 
	left:9px;
	color:#352b53;
	font-size:7.5pt;
	line-height:120%;
}

/* related documents */
#relatedDocuments {
	margin:1em;
	padding:0;
}
#relatedDocuments li { list-style:none;}

/* site map */
#sitemap ul { list-style-type:none;}
#sitemap a { color:#352b53;}
#sitemap a:hover { color:#999;}

/* ----------------------- footer ----------------------- */

#footer {
	height:27px;
	padding:9px 0px 7px 0px;
	background:#fff;
	color:#999;
}
html>body #footer { padding-bottom:12px;}

#footerBox {
	margin:0 auto;
	width:772px;
}
#footerBox img { float:left;}
#footer span {
	float:left;
	display:inline;
	margin:0px 0px 0px 5px;
	text-align:left;
}
#footer p {
	float:right;
	margin:0px;
	padding-top:16px;
	width:206px;
}

#signature { margin-top:10px;}


/* ----------------------- float fix ----------------------- */	
#bgLines:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}