/* #0066a8 - plava */

body
{
	background-color: #f0eeed;
	padding:0;
	margin: 0;
}

#bar
{
	background: white;
	margin: 0;
	padding: 0;
	width: 100%;
}

#main
{
	background-color: rgb(120,170,202);
	height:	500px;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	-moz-border-radius-bottomleft: 15px;
	-moz-border-radius-bottomright: 15px;
}

.kan
{
	height: 1350px !important;
}

.teh
{
	height: 600px !important;
}

.pit
{
	height: 660px !important;
}

.ost
{	
	height: 610px !important;
}

#logo
{
	width: 1000px;
	height: 150px;
	margin-left: auto;
	margin-right: auto;
	background-image: url("images/logo.jpg");
	background-repeat: no-repeat;
	text-align: right;
}

#nav
{
	font: small Verdana,sans-serif;
	position: absolute;
	margin-top: 135px;
	margin-left: 650px !important;
	margin-right: 0;
}

#naven
{
	font: small Verdana,sans-serif;
	position: absolute;
	margin-top: 135px;
	margin-left: 680px !important;
	margin-right: 0;
}

#lang
{
	font: small Verdana,sans-serif;
	position: absolute;
	margin-top: 135px;
	margin-left: 5px !important;
}

#header
{
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: 250px;
	background-color: #0066a8;
	text-align: center;
}

#footer
{
	font: xx-small Verdana,sans-serif;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.center
{
	font: small Verdana,sans-serif;
	font-size: 11pt;
	color: #ffffff;
	margin: 0;
	text-align: center;
}

a
{
	color: #006400;
	text-decoration: none;
}

a:hover
{
	color: #white;
}

a:visited
{
	color: #006400;
	text-decoration: none;
	text-decoration: none;
}

.classictext
{
	font: small Verdana,sans-serif;
	font-size: 16px;
	color: #ffffff;
	margin: 0;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
}

#conimg
{
	margin-left: 695px;
	margin-top: -180px;
	border-bottom-right-radius: 15px;
}

table
{
	background-color: darkgrey;
	width: 800px;
}

table, th, td
{
	margin-left: auto;
	margin-right: auto;
	border: 1px solid black;
	text-align: center;
	padding: 0;
}

td
{
	padding-left: 3px;
	padding-right: 3px;
}

.lt
{
	text-align: left;
}

.refpic
{
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	height: 250px;
	margin-top: 30px;
}

#teh
{
	background-image: url("images/tehnicke.jpg");
}

#kan
{
	background-image: url("images/kanalizacione.jpg");
}

#pit
{
	background-image: url("images/pitke.jpg");
}

#ost
{
	background-image: url("images/ostalo.jpg");
}

.gal
{
	height: 1680px !important;
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/lightbox.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* slides styling */

.photo {width:635px; text-align:center; position:relative; margin-left: auto; margin-right: auto; margin-top: 0px;}

.photo ul.topic {padding:0; margin:0; list-style:none; width:635px; height:auto; position:relative; z-index:10;}

.photo ul.topic li {display:block; width:125px; height:31px; float:left;}
.photo ul.topic li a.set {display:block; font-size:11px; width:124px; height:30px; text-align:center; line-height:30px; color:#000; text-decoration:none; border:1px solid #fff; border-width:1px 1px 0 0; background:#ccc; font-family:verdana, arial, sans-serif;}

.photo ul.topic li a ul, 
.photo ul.topic li ul 
{display:none;}

.photo ul.topic li.active a
{color:#000; background:#bbb;}

.photo ul.topic li a:hover,
.photo ul.topic li:hover a
{color:#fff; background:#aaa;}

.photo ul.topic li.active ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:1440px; background:#ddd; width:464px; padding:40px 60px; border:20px solid #bbb; z-index:1;}

.photo ul.topic li a:hover ul, 
.photo ul.topic li:hover ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:1440px; background:#ddd; width:464px; padding:40px 60px; border:20px solid #aaa; z-index:100;}

.photo ul.topic li ul li
{display:inline; width:112px; height:87px; float:left; border:1px solid #fff; margin:1px;}

.photo ul.topic li ul li a
{display:block; width:110px; height:85px; cursor:default; float:left; text-decoration:none; background:#444; border:1px solid #888;}

.photo ul.topic li ul li a img
{display:block; width:100px; height:75px; border:5px solid #eee;}

.photo ul.topic li a:hover ul li a:hover, 
.photo ul.topic li:hover ul li a:hover 
{white-space:normal; position:relative;}

.photo ul.topic li a:hover ul li a:hover img, 
.photo ul.topic li:hover ul li a:hover img 
{position:absolute; left:-50px; top:-32px; width:200px; height:150px; border-color:#fff;}