body {
	background-color: #FAEBDE;
	background-image: url('../Slike/podl2.gif');
	background-repeat: repeat-x;
	background-position:  left top;; font-style:normal; font-variant:normal; font-weight:normal; font-size:1em; font-family:verdana, arial, sans-serif
	}
div#dizajn {background-color: #FFF9F2;}
div#dizajn table {
	border-top:1px solid maroon;
	border-bottom: 1px solid maroon;
	background-color:#FFF9F2;
	}

* {margin:0; padding:0;}
div#mainwrapper {width:776px; margin: auto;} /* add margin auto stuff if you want the layout centered */
div#header {width:776px; height:170px; border-bottom:1px solid #960; background-image: url(../Slike/2.jpg); background-repeat: no-repeat; background-position: 1px 0px}
div#columnswrapper {float:left; width:776px; background-color:#FFF9F2;}
div#nav {float:left; width:150px; margin-left:-620px;} /* nagative margin moves nav column into position */
div#content {float:left; width:470px; margin-left:150px; display:inline;} /* display inline is hack fix for IE */
div#rightcolumn {float:right; width:150px}
div#footer {width:776px;}
.clearthis {clear:both;}

/* content column styles */
div#content {padding:0 0;}
div#contentinner {margin: 0 10px 20px;}
div#content h1{margin-bottom: 1em; font-size:22px; font-variant:small-caps; margin-top:2em; font-family:'comic sans MS', verdana, sans-serif; text-align: center; color:#960;}
div#content h5 {color: #6CA2D6; margin-bottom: 2px;}
div#content p {font-size:12px;line-height: 1.5em; margin-top:0; margin-bottom:.5em; padding-right:.66em; text-align: justify; color: #996600;}	
div#content p img {float: left; width: 100px; margin-right: 13px; padding: 0; margin-top: 5px;border: 2px inset #960;}
div#content .slikaleft
{
float: left;
margin:  5px 10px 0 0;
background-color: #FFE9DA;
padding: 0;
}
div#content .slikaleft img
{
border: 1px solid maroon; 
border-bottom: 1px solid maroon;
margin: 0;
padding-bottom: 0;
}
div#content .slikaleft p {
 border-bottom: 1px solid maroon; 
 font-size: 10px;
margin: 0;
text-align: center;
padding: 0;
color: #00376F;
font-style: italic;
}

	
div#content li {font-size:.75em;}
div#content a {text-decoration:underline; color:#C60;}
div#content a:hover {color: #960; text-decoration:none;}
div#table {border-top: 1px solid #960; border-bottom: 1px solid #960; color: #996600; width: 400px; margin: 35px 0 120px 25px;}
div#vijece {border-top: 1px solid #960; border-bottom: 1px solid #960; color: #996600; width: 400px; margin: 20px 0 20px 0; font-size: 11px;}

/* nav styles */
div#nav {padding-top:50px;}
div#navcontainer
{
font: 10px "verdana",sans-serif;
font-weight: 700;
display: block;
color: #000;
width: 150px;
padding: 2px;
margin: 0;
}

ul#navlist,ul#navlist li ul#subnavlist
{
list-style-type: none;
padding: 0;
margin: 0;
}
ul#navlist li#zadnji {border-bottom: 1px solid #960;}
ul#navlist li,ul#navlist li ul#subnavlist li { display: inline; }

ul#navlist li a
{
display: block;
width: 135px;
color: #C60;
background: #FBF2EB;
text-align: left;
text-decoration: none;
border-top: solid #996600;
border-width: 1px;
margin: 0;
padding: 2px 5px 2px 5px;
}

ul#navlist li a:hover,ul#navlist li a:focus { background: #eee;}

ul#navlist li a:active
{
border-top: solid #996600;
border-bottom: solid #960;
border-width: 1px;
padding: 2px 5px 2px 5px;
}

ul#navlist li#active a
{
color: green;
background: #FFE9DA;
border-top: solid #960;
border-bottom: solid #996600;
border-width: 1px;
}

ul#navlist li ul#subnavlist li a
{
display: block;
width: 123px;
color: #C60;
background: #FBF2EB;
text-align: left;
text-decoration: none;
border-width: 0 1px 0 1px;
margin: 0 0 0 1em;
padding: 3px 6px 3px 6px;
}

ul#navlist li ul#subnavlist li a:hover,ul#navlist li ul#subnavlist li a:focus { background: #eee; }

ul#navlist li#active ul#subnavlist li#subactive a
{
color: green;
background: #FFE9DA;
}

/* right column styles */
div#rightcolumn {padding-top:54px;  border-bottom:2px solid #960;}
div#rightcolumn img {border:none; border-top:2px solid #960;}
div#rightcolumn div#newslinks {background-color: #FBF2EB; padding: 0 ;font-size: 10px; margin: 0 5px 0 0;}
div#rightcolumn div#newslinks p {background-color: #FBF2EB; padding-left: 5px;}
div#rightcolumn div#newslinks p.naslov {background-color: #FFE9DA; color: #960; font-size: 10px; font-weight: bold; border-top: 1px solid maroon; border-bottom: 1px solid maroon; padding: 5px ; margin: 0;}
div#rightcolumn div#newslinks ul {list-style-type:none; background-color: #FBF2EB; border-top: 1px solid maroon;  padding: 0 ; margin: 0;}
div#rightcolumn div#newslinks ul li{color: #960; font-size: 10px; font-weight: bold; padding: 0; margin: 0;}
div#rightcolumn h3 {text-align:center; font-size:.8em; color:#960; margin-bottom:0px; padding-top:3px; border-top: 2px dotted #960;}
div#rightcolumn a {text-decoration:none; color:#C60; text-decoration:underline}
div#rightcolumn a:hover {color: #960; text-decoration: none;}
div#rightcolumn li.morelink {font-style:italic;}

/* Google pretraživanje */
div#rightcolumn  #gumb {
	background-color: #EED7C3;
	color: #996600;
	font-weight: bold;
	width: 143px;
	}
div#rightcolumn #pojam {
	 background-color: #FFF9F2;
	 color: #960; 
	 width: 140px;
	 }
div#rightcolumn #Google {
	margin-top: 10px;
	background-color: #FBF2EB;
	width: 143px;
	}
div#rightcolumn #googleform {
	background-color: #FBF2EB;
	width: 143px;
	}
/* End--Google pretraživanje */


/*footer styles*/
div#footer {
 					padding:4px 0; /* pushes the links away from top and bottom of the div */
					font: 10px "verdana",sans-serif; font-weight: 700;/* sets the font size of all links */
					text-align:center; /* centers the ul elements in the div */
					background-color:#FBF2EB; /* sets the background color of the div */
					border-top: 1px solid #960; border-bottom:2px solid #960;}
 div#footer ul {margin:2px 0;} /* vertical spacing between the lists */
 div#footer li {display:inline; /* the key CSS - makes the lists display horizontally */
						color:white; /* sets the color of the vertical lines */
						border-left: 1px solid; /* creates the vertical line to the left of each list items */
						color:#C60; /* sets the color of the vertical lines  - links colored below */
						padding:0 5px 0 9px; /* horiz space between links and vert lines - needed diff l & r values to center */
						}
div#footer li.footer_zadnji {color:#C60; border-right:1px solid;}
 div#footer li:first-child {border-left:1px;} /* removes the left border of the first list item - IDWIMIE */
 div#footer ul li a {text-decoration:none; /* removes the underlining off the links */
 						 color:#C60; /* the color of the links */
							 }
 div#footer ul li a:hover {text-decoration:underline; color:#960} /* underlines the links when hovered */
 div#footer ul.fineprint li {color:#C60; font-size: 9px;  font-weight: normal; border-left: 0;} /* color for copyright and vert dividers on last row */
 div#footer ul.fineprint li a {color:#C60;} /* had to explicitly color these or they inherit from div#footer li */
  div#footer ul.fineprint li a:hover {color:#960;} /* turns bottom row white when hovered */
.gallerycontainer{
position: relative;
background-color: #FBF2EB;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid maroon;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid maroon;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FBF2EB;
padding: 0;
left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 160px;
font-family: verdana, tahoma, sans-serif;
color: maroon;
font-size: 12px;
left: 0; /*position where enlarged image should offset horizontally */
z-index: 50;
}

.thumbnail2{
position: relative;
margin: 3px;
z-index: 0;
}

.thumbnail2:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail2 span{ /*CSS for enlarged image*/
position: absolute;
background-color: #F6DAC2;
padding: 5px;
left: -1000px;
border: 1px solid maroon;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail2 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail2:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 60px;
left: -185px; /*position where enlarged image should offset horizontally */
}
.gallerycontainerraz{
position: relative;
height:10px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnailraz img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnailraz:hover{
background-color: #FFF9F2;
}


.thumbnailraz:hover img{
border: 0;
}

.thumbnailraz span{ /*CSS for enlarged image*/
position: absolute;
color: navy; 
font-style: italic;
background-color: #FFE9DA;
padding: 5px;
left: -1000px;
border: 1px solid maroon;
visibility: hidden;
text-decoration: none;
}

.thumbnailraz span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnailraz:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -360px;
left: -5px; /*position where enlarged image should offset horizontally */
z-index: 50;
}