/*                                  *  
		
		www.geofoto.hr CSS 
		(c) www.nivas.hr All rights reserved. 
		
		*                                  */




body {
margin: 0;
padding: 0;
text-align: center;
background: #003605 url(/images/bg-main.gif) top center repeat-y;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}



img	{
/*	display: block;
	padding:1px;
	border:1px solid #000;
*/	border: 0;
	margin:0;
}

img.cert {
float:right;
margin:10px 20px 0 0;
} 
a {color:#06A8FA; text-decoration:none;border:0;}
a:hover {color:#ccc; text-decoration:none;border:0;}

.link {color:#06A8FA; font-size:10px; font-weight: bold; }

.link:hover {text-decoration: none;color:#ccc;}



h3 {
/*width:500px;
float:left;
padding-bottom:5px;*/
font-size: 13px;
/*margin-top:10px;*/
margin-bottom:10px;
border-bottom: 1px solid #ECECEC;
clear:left;
width:100%;
}

h4 { 
padding-bottom:5px;
font-size:13px;
font-weight:bold;
border-bottom: 1px solid #ECECEC;
width:100%;
}




p {
	padding-top: 1em;
	margin: 0;
}

/* 	*/

/* layout paramaters *****************************************************/

#container {
margin: 0 auto;
padding:0;
width: 750px;
text-align: left;}

html>#container {width: 750px;}

#header {
height: 149px;
margin: 0;
padding: 0;
}

#heading {
background: #fff url(/images/bg-heading.gif) repeat-x bottom left;
margin:0;
padding:0;
width:100%;
height:52px;
}

#sidebar {
float: right;
width: 200px;
padding: 10px 0px;
margin: 0 -3px;
}

#content {
margin-right: 207px;
padding: 10px 10px 20px 15px;
border-top:1px solid #fff;
background-color:#FFFFFF;
background-image:url(../images/content-shade.gif);
background-repeat:repeat-x;
background-position:top left;
}
#kontaktcontent {
padding: 10px 0px 20px 0px;
/*padding: 10px 10px 20px 15px;*/

}


/* layout paramaters *****************************************************/

/* main menu *****************************************************/

#nav {
background:#000;
text-align: left;
height:24px;
width: 730px;
line-height:24px;
margin:0;
color: #fff; 
padding-left:20px;
list-style: none;
font-size: 10px;
}



#nav a {
color: #06A8FA;
padding: 0px 8px;
font-weight:bold;
background: url(/images/bulett-menu.gif) no-repeat 0 0.5em;
}


#nav a:hover {
color: #fff;
background: url(/images/bulett-menu-over.gif) no-repeat 0 0.5em;
}

#nav li li a {
	background-image:none;
	display: block;
	font-weight: normal;
	padding: 0px 5px;
	width:13em;
	text-align: left;
	margin:0;
	border-top: #666 1px solid;
	}


#nav li li a:hover {
padding: 0px 5px;
color: #fff;
background-image:none;
display: block;
float: none;
}




#nav li {
float: left;
position: relative;
margin:0;
padding:0;
text-align: center;
cursor: default;
background-color: #000;
}



li ul {
	display: none;
	margin:0px;
	position: absolute;
	top: 100%;
	left: 0;
	font-weight: normal;
	padding: 0px;
	width:10em;

}

/* causes IE 7 bug
li>ul {
	top: auto;
	left: auto;
}
*/



#nav li:hover ul, li.over ul {
	display: block;
}



body#vijesti #pocetna_nav a,
body#posao #posao_nav a,
body#kontakt #kontakt_nav a,
body#partneri #partneri_nav a,
body#onama #onama_nav a,
body#pocetna #pocetna_nav a {
color: #fff;
background: url(/images/bulett-menu-activ.gif) no-repeat 0 0.5em;
}

body#vijesti #pocetna_nav ul li a { background: none;  color: #06A8FA;}
body#vijesti #pocetna_nav ul li a:hover { background: none;  color: #FFF;}

body#onama #onama_nav ul li a { background: none;  color: #06A8FA;}
body#onama #onama_nav ul li a:hover { background: none;  color: #FFF;}

/* main menu *****************************************************/

#heading h1 {
margin:0;
padding:15px 30px;
font-size:18px;
font-weight:bold;
color:#666;
float:left;
}


.lang{	   
float:right;
margin-top:-27px;
padding-right:20px;
font-size:9px;
color:#fff;
}



#heading h1 em{
font-size:10px;
font-weight:normal;
font-style: normal;
color:#999;
padding:0;
margin:0;
}

/* sidebar *****************************************************/

#news {
width:180px;
border: 3px solid #fff;
background: #ECECEC url(/images/bg-side-h.gif) repeat-x top left;
padding-top:3px;
margin:0;
}


#newsletter {
width:180px;
border: 3px solid #fff;
background: #ECECEC url(/images/bg-side-h.gif) repeat-x top left;
padding-top:3px;
margin:0;}

#newsletter_download {
width:180px;
border: 3px solid #fff;
background: #ECECEC url(/images/bg-side-h.gif) repeat-x top left;
padding-top:3px;
margin:0;}

#wallpaper {
width:180px;
border: 3px solid #fff;
background: #ECECEC url(/images/bg-side-h.gif) repeat-x top left;
padding-top:3px;
padding-bottom:10px;
margin:0;
}


#sidebar h2{
font-weight:bold; 
font-size:13px; 
color:#06A8FA;  
padding-left:18px;   
margin:0; }

#news h2{ background: url(/images/news-ico.gif) no-repeat 5px 0.2em;}

#newsletter h2{background: url(/images/nletter-ico.gif) no-repeat 5px 0.2em;}

#newsletter_download h2{background: url(/images/nletter-ico.gif) no-repeat 5px 0.2em;}

#wallpaper h2{background: url(/images/slike-ico.gif) no-repeat 5px 0.3em;}

#odjeli-title{background: url(/images/odjeli-ico.gif) no-repeat 5px 0.3em !important;}


.onenews {
border-top: 1px solid #fff;
border-bottom: 1px solid #D1D1D1;
margin:0;
padding:10px;
}

.newsletter{
	border-top: 1px solid #fff;
	margin: 0;
	padding: 10px;
	font-size: 11px;
}

.email{
margin:0;
padding:0 10px;
font-size:10px;
font-weight: bold;
color:#06A8FA;
background: url(/images/polje-pinter.gif) no-repeat 55px 55%;
}

ul.onenews li{
font-size:11px;
list-style-type: none;
margin:0;
padding:0;
}

ul.onenews li p { padding:0; margin:0;}

ul.onenews li.date {font-size:9px; font-weight:bold; color:#333;}

.newslink { font-weight:bold; color:#06A8FA;}
.newslink:hover { color:#666; }


#sidebarwall { padding-bottom: 0px; }

.sidebarbutton{
	padding: 5px 10px;
	margin:0;
}



#mailpolje {
	padding:0 10px;
	margin:0;
}


.input {
width:157px;
border-top:1px solid #B2B2B2;
border-left:1px solid #B2B2B2;
border-bottom:0px;
border-right:0px;
background:#fff url(/images/input-corner.gif) no-repeat bottom right;
}




.imgbox {
	padding-top:13px;
	padding-left:7px;
	padding-right:7px;
	margin: 0;
}

.imgbox-reference {
	padding:10px 7px 0px 7px;
	margin: 0;
}



#sidenav {
list-style:none;
padding:15px 10px;
margin:0;
}





/* sidebar *****************************************************/



/* content *****************************************************/
#content img {
	margin:0 0 5px 10px;
}

#content ul {
	margin: 0;
	padding: 10px 0;
	
}

#content ul li {
	list-style:none;
	margin: 5px 0;
	padding-left: 15px;
	background: url(/images/bulett-li.gif) no-repeat 0 0.5em;
}
#content img.partner-logo {
	margin: 0 0 0 20px;
	padding:20px 0 0 0;
}
/*#content p.geoconcept{
	background: url(/images/logo-geokoncept.gif) no-repeat 100px 50%;
	padding: 20px 0px;
}

#content p.oracle{
	background: url(/images/logo-oracle.gif) no-repeat 70px 50%;
	padding: 20px 0px;
}
#content p.radius{
	background: url(/images/logo-radius.gif) no-repeat 130px 50%;
	padding: 20px 0px;
}
#content p.proc{
	background: url(/images/logo-proc.gif) no-repeat 100px 50%;
	padding: 20px 0px;
}
#content p.safes{
	background: url(/images/logo-safes.gif) no-repeat 120px 50%;
	padding: 20px 0px;
}
#content p.pmm{
	background: url(/images/logo-pmm.gif) no-repeat 280px 50%;
	padding: 30px 0px;
}*/
.priznanja1{
padding:20px;
margin-left:100px;


}





/* content *****************************************************/

/* footer *****************************************************/
#footer{
float:left;
background-color: #000;
height: 20px;
margin-top: 20px;
padding: 0px;
width:100%;
}

#footer a em{
color: #fff;
font-style:normal;
}

#footer a:hover em{
color: #06A8FA;
font-style:normal;
}

#footer a:hover{
color: #fff;
}

#footer ul {
	margin: 0;
	padding: 0px 8px 0px 8px;
}
#footer ul li{
display: inline;
background: none;
color: #84F500;
font-size: 9px;
height: 20px;
line-height: 20px;
margin: 0;
text-indent: 5px;
padding: 0px 3px 0px 3px;
}

.vrh{
background: url(/images/foot-vrh.gif) no-repeat 0px 50%;
margin:0;
padding-left:16px; 

	
}
.home{
background: url(/images/foot-home.gif) no-repeat 0px 50%;
margin:0;
padding-left:16px; 
}

.kontakt{
background: url(/images/foot-kontakt.gif) no-repeat 0px 50%;
margin:0;
padding-left:19px; 

}

.copyright {
font-size: 9px;
color: #fff;
margin-top: -26px;
margin-right: 5px;
float: right;
}

/* footer *****************************************************/
/* kontakt forma *****************************************************/

#forma {
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:0;
margin:0;
width: 350px;
border-top: 1px solid #f2f2f2;
border-right: 2px solid #f2f2f2;
border-bottom: 2px solid #f2f2f2;
border-left: 1px solid #f2f2f2;
margin-top: 15px;

}



.forma-text{
height:20px;
width:170px;
font-size:10px;
font-weight:bold;
background:#eaeaea url(/images/bulett-h3.gif) no-repeat 3px 50%;
padding-left:15px;
margin:0;
color:#333;
}


#forma input {
float:right; 
height:20px;
width:170px;
border-top:1px solid #B2B2B2;
border-left:1px solid #B2B2B2;
border-bottom:0px;
border-right:0px;
background:#f2f2f2;
}



#forma .button2,
#forma .button1{
background:#666 url(/images/bulett-menu.gif) no-repeat 11px 50%;
float:none;
padding-bottom: 3px;
width:100px;
font: 10px Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
letter-spacing: 1px;
height:17px;
cursor:pointer;
color: #fff;
}
#forma .button2:hover,
#forma .button1:hover{
background:#666 url(/images/bulett-menu-over.gif) no-repeat 11px 50%;
float:none;
padding-bottom: 3px;
width:100px;
font: 10px Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
letter-spacing: 1px;
height:17px;
cursor:pointer;
color: #fff;
}
#forma .button1 {
border-top:1px solid #000;
border-left:1px solid #000;
border-bottom:1px solid #000;
border-right:1px solid #000;

}
#forma .button2 {
border-top:1px solid #000;
border-left:1px solid #000;
border-bottom:1px solid #000;
border-right:1px solid #000;

}

#forma .textarea {
width:350px;

border-top:1px solid #B2B2B2;
border-left:1px solid #B2B2B2;

border-bottom:0px;
border-right:0px;
background:#f2f2f2;
padding:0;
margin:0;
}

.kontakttext{
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
	width: 500px;
}


.kontakttext ul {
	margin:0;
	padding: 0;
	float: left;

}
	

#content .lokacija-slika{
	margin: 0;
	padding:0;
	float:right;
}


.kontaktforma {
	padding-top: 20px;
}




/* kontakt forma *****************************************************/
.cleaner {
visibility:hidden;
margin:0;
padding:4px 0;
}


.errHilite {
	color: #333333;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-color: #ff3300;
	background: f2f2f2;
}




/* LightBox V2 *****************************************************/

#lightGallery {
width:500px;
float:left;
display:block;
margin:0 0 20px 0 !important;
padding:0 !important;
}
#lightGallery h4 {
float:left;
font-size:120%;
margin:20px 0 0 0;
padding:0;
border:0;
}
#lightGallery ul.gallery {
float:left;
background:none;
width:510px;
margin:0 !important;
padding:0 !important;
}
#lightGallery ul.gallery li {
display:inline;
background:none;
padding:0 !important;
}
#lightGallery ul.gallery li a {
float:left;
padding:10px;
}
#lightGallery ul.gallery li a img {border:2px solid #ccc; width:100px;height:80px;}
#lightGallery ul.gallery li a img.ustroj {border:2px solid #ccc; width:490px;height:369px;}
#lightGallery ul.gallery li a:hover img.ustroj {border:2px solid #06A8FA;}
#lightGallery ul.gallery li a:hover img {border:2px solid #06A8FA; text-decoration:none;}


#lightbox {
	position: absolute;
	top: 175px !important;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img { border:0; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 43%;
	left: 43%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(/images/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/lightbox/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 11px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.7em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}