/* CSS Document */


body, html {
	padding: 0;
	margin:0;
	height: auto;
	overflow:auto;
	font-size: 9pt;
	font-family: Arial, Helvetica, sans-serif;
	background: #e0e7ea url(design/bg-body.png) repeat-x top;
	color:#212121;
	z-index:0;
	/*background-color:#ececec;*/
/*	background-color:#8CC1DA;*/
}

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

h2 { font-size:1.7em; padding:0 0 5px 10px;}

h3 { font-size:1.2em;}

h2 {
color:#ccc;
font-weight:bold;
letter-spacing:-0.05em;
font-family:Verdana, Arial, Helvetica, sans-serif;

}


h3 {
color:#006394;
font-weight:normal;
}

a {
color:#006394;
text-decoration:underline;
outline:none;
}

a:hover {
color:#006394;

text-decoration:none;
}

p { line-height:14pt; padding-bottom:0px; margin:0 0 3px 0; text-align:justify; }


dt { color:#006394; font-size:1.2em; padding:0 0 10px 10px;}
dd{ line-height:14pt;}

ol#slide {list-style-type:none; margin:0; padding:0;}

#container { 
	width:1000px;
	height: auto;
	margin:0px auto 50px auto;
	overflow:hidden;
	/*background:url(design/bg-content.png) repeat-x;*/
	
	padding:0px;
	}
	
#header { 
	width:1000px;
	height:105px;
	margin:0;
	overflow:hidden;
	background:url(design/bg-head.png) repeat-x;
	float:left;
	padding:5px 0px 5px 0px;
	background-color:#fff;
	position:relative;
	/*border-bottom:5px solid #2C3F53;*/
	
	}
	
#content { 
	width:1000px;
	height: auto;
	margin:5px 0 0 0;
	overflow:hidden;
	/*background:url(design/bg-head.png) repeat-x;*/
	float:left;
	padding:30px;
	background-color:#fff;
	
	}
	
	
#flash { 
	width:940px;
	height:540px;
	position:relative;
	left:0px;
	top:0px;
	overflow:hidden;
	z-index:0;
	}
	
#flash2 { 
	width:400px;
	height: auto;
	position:relative;
	left:5px;
	top:0px;
	overflow:hidden;
	z-index:0;
	
	}
	
#flash2 img{ border:none;}
	
#gallery { 
	width:380px;
	height: auto;
	position:relative;
	padding:10px 5px 10px 5px;
	left:15px;
	top:0px;
	overflow:hidden;
	z-index:0;
	background-color:#ececec;
	
	}
	

a img.gal-male {
float: left;
margin:10px 5px 0 5px;
border:none;
	}

	
	
#logo {
width:208px;
height:67px;
overflow:hidden;
background:url(design/logo.gif) no-repeat left 2px;
overflow : hidden;
position : relative;
top : 15px;
left : 21px;
padding : 0;
z-index : 90;
}
#logo h1.welcomeheader {
width : 208px;
height : 63px;
margin : 0;
padding : 0;
}
#logo h1.welcomeheader a {
position : absolute;
display : block;
text-indent : -9999px;
width : 208px;
height :63px;
margin : 0;
padding : 0;
text-decoration:none;
background:none;
}

#jezici {
	font-size:1em;
	height: 30px;
	padding : 10px 1px 0 0 ;
    position: relative;
	margin:0 auto 0 auto;
	width:1000px;
}

#jezici ul  {
	position: absolute;
	right:0;
	padding:0;
	margin:0;
	color:#4a7aab;
	}

#jezici ul li {
	position: relative;
	display: inline;
	line-height: 20px;
	padding: 0px;
	margin:0;
	float:left;
	text-align: center;
	list-style-type : none;
}
#jezici ul li a {
	color: #6495c8;
	display: block;
	position: relative;
	float: left;
	padding: 0 5px;
	text-decoration: none;
	cursor: pointer;
}
#jezici ul li a:hover, #jezici ul li a.current {
	text-decoration: none;
	color:#fff;

}

#nav {
	
	font-size:0.95em;
	height: 37px;
	padding : 0 1px 0 0 ;
    position : relative;
    left : 0px;
    top : -6px;
	width:969px;
     background: url(design/nav1-sep.gif) no-repeat right top;
}
#nav ul li {
	position: relative;
	background: url(design/nav1-sep.gif) no-repeat left top;
	display : inline;
    float :right;
	line-height: 37px;
	padding: 0 0 0 1px;
	text-align: center;
	list-style-type : none;
}
#nav ul li a {
	color: #2C3F53;
	display: block;
	position: relative;
	float: left;
	text-decoration: none;
	width: 99px;
	cursor: pointer;
}
#nav ul li a:hover, #nav ul li a.current {
	text-decoration: none;
	background: #FEFEFE url(design/nav2-sep.gif) repeat-x;
}

/*#menu {
padding : 0;
position : relative;
left : 400px;
top : 15px;
height : 12px;
width : 600px;
font-size : 0.95em;
}
#menu ul {
margin : 0px;
padding : 0;
list-style-type : none;
width : 600px;
}
#menu ul li {
display : inline;
float :right;
margin : 0;
padding : 0;


text-align:center;
}
#menu ul li a {
	display : block;
	width:99px;
	height:15px;
	text-align:center;
	float : left;
	color : #616161;
	text-decoration : none;
	padding :3px 0px;
	margin-left : 1px;

	background-color:#fafafa;
	
	
}
#menu ul li a:hover, #menu ul li a.current {
	display : block;
	color : #fff;
	background-color:#2C3F53;
}*/

div.text {
width:525px;
	height: auto;
	float:left;
	overflow:hidden;
	z-index:0;
	padding:0px 10px 0 0px;
	/*background:#fbfbfb;*/
	}
	
div.text	h2 { padding-left:0px; border-bottom:1px dashed #ececec;}
	
ul.kontakt { margin:0 0 0 5px; padding:0 0 0 10px; list-style-type:none;}

.kontakt li { padding:0 0 5px 5px;}

.kontakt li.naslov { color:#006394; font-weight:normal; font-size:1.2em; padding:0 0 5px 0px;}

.opis { color:#2C3F53; font-style:italic; padding-right:5px; font-weight:bold;}

div.projekt { width:458px; height:160px; float:left; margin:0 0 10px 10px; border:1px solid #fafafa; background-color:#fafafa;}

div.projekt h3{ color:#999999; font-weight:bold; font-size:1.2em; padding-left:15px;}

div.projekt img{ float:right; padding:10px 10px 10px 0;}

ul.li-pro { margin:15px 0 0 5px; padding:0 0 0 10px; list-style-type:none; float:left; width:230px;}

.li-pro li { padding:0 0 5px 15px; background:url(design/li-pro.gif) no-repeat left 3px; }

.li-pro li.naslov { color:#006394; font-weight:normal; font-size:1.2em; padding:0 0 5px 0px; margin-bottom:5px; background:none; border-bottom:1px dashed #ececec;}

.li-pro li.opsirnije { color:#006394; font-weight:normal;  padding:5px 0 0 0px; margin-top:5px; background:none; border-top:1px dashed #ececec; text-align:right;}

ul.li-pro-velika { margin:15px 0 15px 5px; padding:0 0 0 10px; list-style-type:none; float:left; }

.li-pro-velika li { padding:0 0 5px 15px; background:url(design/li-pro.gif) no-repeat left 3px; }

#info { float:left; width:350px; margin:10px 0 0 5px; height:auto; padding:10px; background-color:#2C3F53; color:#ccc;}

#info ul{ padding:0; margin:0 0 0 15px; font-size:0.95em;}

#info ul li{ padding:0; margin:0 0 2px 0px;}

#info h3{ color:#fff; padding:0 0 5px 0; margin:0 0 5px 0; border-bottom:1px solid #999;}

#gallery h3{  padding:0 0 5px 0; margin:0 0 5px 0; border-bottom:1px solid #fff;}

#info a{ color:#fff; text-decoration:underline; padding:0 3px 0 3px;}

#info a:hover{ color:#2C3F53; text-decoration: none; background-color:#fafafa;}

#footer {
width : 950px;
height : 30px;
overflow : hidden;
margin : 5px 0 30px 0;
padding:0 30px;
float : left;
color : #717171;
background : #fff;
border-top : 1px solid #2C3F53;
font-size : 0.92em;
}
#footer a {
color : #2C3F53;
}
#footer ul {
margin : 10px 10px 0 10px;
padding : 0;
}
#footer ul li {
display : inline;
margin : 0 0 0 10px;
padding : 0;
}


#facebox .b {
  background:url(/facebox/b.png);
}

#facebox .tl {
  background:url(/facebox/tl.png);
}

#facebox .tr {
  background:url(/facebox/tr.png);
}

#facebox .bl {
  background:url(/facebox/bl.png);
}

#facebox .br {
  background:url(/facebox/br.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}