/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
}

html {
	overflow-y: scroll;
	overflow-x: auto;
}

a {
	color:#9A4F36;
	font-weight: bold;
	text-decoration: none;
}

a img {
	border:none;
}

a:hover {
	text-decoration: underline;
}

	#nav, #nav ul { /* all lists */
	margin: 0;
	list-style: none;
	float : left;
	width : 13.25em;
/*		border : 1px solid #bd9c8c;*/

	}
	
	#nav li { /* all list items */
	position : relative;
	float : left;
	line-height : 1.25em;
/*	margin-bottom : -1px;*/
/*	margin: -1px;*/
	width: 13em;

	}
	
	#nav li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 13.75em;
		margin-top : -1.9em;
		width: 13.7em;
		border : 1px solid #bd9c8c;
	}
	
	#nav li ul ul { /* third-and-above-level lists */
		left: -999em;
	}
	
	#nav li a {
	width: 13em;
/*	w\idth : 13em;*/
	display : block;
	color : #804040;
	font-weight : bold;
	text-decoration:none;
	font-size: 12px;
	background-color : #e7dbd5;
	padding: 0.25em;
	border: 1px solid #e7dbd5;
	}
	
	#nav li a:hover {
		color : white;
		background-color : #BD9C8C;
		border : 1px solid #804040;

	}
	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
	}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
/*		left: auto;*/
		left: 0px;
	}
	
	#content {
		margin-left : 12em;
	}

#wrapper { 
 margin: 0 auto;
 width: 922px;

}
#header {
 color: #333;
 width: 900px;
 float: left;
 padding: 10px;
 border: 1px solid #ccc;
 height: 100px;
 margin: 10px 0px 5px 0px;
 background: #BD9C8C;
}

#header a img {
	text-decoration: none;
	border:none;
	}

#leftcolumn {
	color: #333;
	border: 1px solid #ccc;
	background: #E7DBD5;
	margin: 0px 5px 5px 0px;
	padding: 10px;
	min-height: 606px;
	width: 195px;
	float: left;
}
#rightcolumn {
	float: right;
	color: #333;
	border: 1px solid #ccc;
	background: #F2F2E6;
	margin: 0px 0px 5px 0px;
	padding: 10px;
	min-height: 606px;
	width: 678px;
	display: inline;
}
#footer {
	width: 900px;
	clear: both;
	color: #333;
	border: 1px solid #ccc;
	background: #BD9C8C;
	margin: 0px 0px 10px 0px;
	padding: 10px;
	text-align: center;
}

.tekst-naslov1 {
	font-size: 14px;
	font-weight: bold;
	color: #9A4F36;
	line-height: 2em;
}

.tekst-naslov2 {
	font-size: 12px;
	font-weight: normal;
	color: #9A4F36;
	line-height: 1.5em;
}

.list
{
	margin-left: 2em;
}

.centerimg
{
	width: auto;
	height: auto;
	float: right;
	position:relative;
	left: 0px;
}

/* http://www.alistapart.com/stories/practicalcss/ */

div.float {
  float: left;
  padding: 5px;
  }
 
  
div.float p {
   text-align: center;
   }

div.spacer {
  clear: both;
  }