/****************************************
Stilovi za index.html

Kada pises stilove zbog jednobraznosti
koristi sledeci redosled:

1. Display & Positioning (display, position, left, etc.)
2. Box model items (margin, padding, border, etc.)
2a. top right bottom left for box measurements
3. Sizes (width, height)
4. Appearance items (background, font, color, etc.)

****************************************/

/* --- main styles --- */
body {
	margin: 0;
	padding: 0;
	background: #fff url(../images/home-background.gif) top repeat-x;
	font: 11px Arial, helvetica, sans-serif;
}
#container {
	text-align: center;
}
#content {
	margin: auto;
	width: 779px;
	text-align: left;
	background: #fff;
	border-right: 1px solid #39577f;
}
img { display: block; }
h1 {
	margin: 0;
	padding: 20px 0 10px;
	font: bold 160% Arial, helvetica, sans-serif;
	color: #c2b194;
}
h2 {
	margin: 0;
	padding: 20px 0;
	font: 120% Arial, helvetica, sans-serif;
	color: #466a8e;
	text-align: center;
}
p {
	margin: 10px 0 10px;
	padding: 0;
}
a {
	text-decoration: none;
}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 1px; 
	clear: both; 
	visibility: hidden;
}
/* --- header --- */
#header div {
	float: left;
	margin-left: 1px;
	display: inline;
}
#header .nav_left {
	width: 199px;
	float: left;
	background-color: #c2b194;
	border-bottom: 1px solid #39577f;
}
#header .nav_right {
	width: 578px;
	background: #fff;
	border-bottom: 1px solid #39577f;
}

#header ul {
	margin: 0;
	padding: 0 0 0 0px;
	list-style-type: none;
}
#header li {
	float: left;
}
#header a {
	display: block;
	margin: 0;
	padding: 3px 7px 3px 10px;
	color: #214365;
	background: url(../images/link-delimiter-blue.gif) no-repeat center left;
}
#header a:hover {
	color: #fff;
}
#header .nav_right a {
	background: url(../images/link-delimiter-blue.gif) no-repeat center left;
	color: #214365;
}
#header .nav_right a:hover {
	color: #c2b194;
}
#header ul li .active {
	color: #c2b194;
}

/* --- main content --- */
#main {
	margin-left: 1px;
	clear: both;
	width: 778px;
	background: #fff url(../images/faux-column.gif) repeat-y;
}

/* left column */
#left_column {
	float: left;
	width: 199px;
}
* html #left_column {
	margin-right: -2px;
}
#left_column a {
	padding: 0 3px;
	color: #466a8e;
}
#left_column a:hover {
	color: #fff;
}
#left_column ul {
	padding: 0;
	margin: 15px 0 0;
	list-style-type: none;
}
#left_column li {
	margin-top: 3px;
	padding-left: 10px;
	background: url(../images/bullet.gif) no-repeat center left;
}
#left_column ul a {
}
.red {
	padding-left: 5px;
	color: #ff6600;
}

.thumbnail {
	margin-left: 54px;
	margin-bottom: 20px;
	padding: 2px 5px 5px 2px;
	text-align: left;
}
.left_box {
	padding: 0 15px 15px 15px;
}
#left_column .prvi {
	border-bottom: 1px solid #fff;
	background: #ccbfa6;
}
/* right column */
#right_column {
	margin: 0 0 0 1px;
	padding:0;
}
#right_column img {
	margin-left: 1px;
}
#fotocontainer {
	margin: 80px 0 0 60px;
	padding: 5px 0 5px;
	width: 400px;
	background: #e0d8c9 ;
}
#fotocontainer img {
	display: block;
	border: solid #fff;
	border-width: 3px 0;
}

/* --- footer --- */
#footer {
	float: left;
	display: inline;
	width: 519px;
	margin: 0 1px;
	padding-left: 199px;
	font-size: 80%;
	background: #c2b194;
}
* html #footer {
	width: 517px;
}
#footer div {
	float: left;
	position: relative;
	border-left: 1px solid #fff;
	padding: 0 30px;
	width: 100%;
	color: #fff;
	background: #39577f;
}
#footer div.right {
	position: absolute;
	top: 0;
	right: 0;
	width: auto;
	border-left-width: 0;
}

#footer a {
	padding-left: 5px;
	color: #fff;
	background: #39577f;
}
#footer a:hover {
	color: #cdd9e4;
	background: #39577f;
}