/**
  * Naslov css-a
  *
  * Opis css-a
  *
  * @project imeProjekta
  * @version 1.0
  * @author Dario
  * @copyright 2010
  */


/* HTML */

body {
	background-color: #f3f3f3;
	font-family: Verdana, Geneva, sans-serif;
	}

 h1, h2, h3, h4, h5, h6 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	}
	
/* LAYOUT STRANICE */

.okvir {
	margin: 0 auto;
	width: 900px;
	text-align: left;
	color: D6D6D6;
	background-color: D6D6D6;
	}
	
	.brdr {
		background-color: #fff;
		border: 1px solid #ccc;
		}

#vrh {
	color: #fff;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	text-align: left;
	background-color: #000;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	}
	
#zaglavlje {
	margin: 0 0 20px 0;
	}
	
	#logo {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 36px;
		color: #000;
		margin: 0 0 5px;
		}
		
		#logo a {
			text-decoration: none;
			color: #000;
			}
			
			#logo a:hover {
				text-decoration: underline;
				color: #333;
				}
				
	.opis-sajta {
		font-family: Verdana, Geneva, sans-serif;
		font-size: 10px;
		color: #666
		}
		
/*------------------------------------*\
	NAV
\*------------------------------------*/
#nav{
	float:left;
	width:100%;
	list-style:none;
	font-weight:bold;
	margin:20px 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
}
#nav li{
	float:left;
	margin-right:5px;
	position:relative;
	display:block;
}
#nav li a{
	display:block;
	padding:10px;
	color:#fff;
	text-decoration:none;
	text-shadow:1px 1px 1px rgba(0,0,0,0.75); /* Text shadow to lift it a little */
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	background-color: #333;
}
#nav li a:hover{
	color:#000;
	background:#666; /* Solid colour fall-back */
}

/*--- DROPDOWN ---*/
#nav ul{
	list-style:none;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
	opacity:0; /* Set initial state to transparent */
	-webkit-transition:0.25s linear opacity; /* Make the dropdown fade-in in Webkit */
}
#nav ul li{
	padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;
}
#nav ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
	display:block;
}
#nav li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
	opacity:1; /* Fade to opaque */
}
#nav li:hover a{ /* Set styles for top level when dropdown is hovered */
	background:#666; /* Solid colour fall-back */
	color: #fff;
}
#nav li:hover ul a{ /* Override some top level styles when dropdown is hovered */
	text-decoration:none;
	-webkit-transition:-webkit-transform 0.075s linear;
}
#nav li:hover ul li a:hover{ /* Set styles for dropdown when items are hovered */
	background:#999; /* Solid colour fall-back */
	-moz-transform:scale(1.05);
	-webkit-transform:scale(1.05);
}
		
#lijeva-kolona {
	float: left;
	width: 199px;
	margin: 10px 10px 10px 10px;
	padding: 0 10px 0 0;
	border-right: 1px solid #ccc;
	}
	
	.sekcija {
	border-bottom: 1px solid #ccc;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
		}
		
	.sekcija img {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
		}
		
	.sekcija object {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
		}
	
	.sekcija h2 {
	margin: 0 0 5px 0;
		}
		
	.sekcija p {
		margin: 5px 0 10px 0;
		line-height: 16px;
		}
		
	.sekcija a {
	color: #A0A0A4;
	text-decoration: none;
		}
		
		.sekcija a:hover {
	text-decoration: underline;
	color: #666;
			}

#sadrzaj {
	float: left;
	width: 440px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0;
	text-indent: 5px;
	}
	
	.post {
	clear: both;
	border-bottom: 1px solid #ccc;
	font-size: 14px;
	text-align: justify;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 2;
	padding-right: 2;
	padding-bottom: 2;
	padding-left: 2;
		}
	
	.post h2 {
	font-size: 24px;
	margin: 0 0 5px 0;
	text-align: justify;
		}
		
		.post h2 a {
	color: #000;
	text-decoration: none;
			}
			
			.post h2 a:hover {
	color: #09F;
	text-decoration: underline;
				}
		
	.post img {
		border: 1px solid #999;
		padding: 4px;
		}
		
	.post .post-date {
		font-size: 10px;
		color: #666;
		margin: 0 0 10px 0;
		}
		
	.post p {
	line-height: 22px;
	margin: 0 0 20px 0;
		}

	.post a {
		color: #999;
		text-decoration: none;
		}
		
		.post a:hover {
	text-decoration: underline;
	color: #A00;
			}

#desna-kolona {
	float: left;
	width: 199px;
	margin: 10px 0 10px 0;
	padding: 0 0 0 10px;
	border-left: 1px solid #ccc;
	}
	
#footer {
	margin: 10px 0 10px 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #FFF;
	text-align: center;
	background-color: #000;
	}


/* RAZNE KLASE */

.alignleft {
	float: left;
	margin: 0 15px 15px 0;
	text-align: left;
	}
	
.alignright {
	float: right;
	margin: 0 0 15px 15px;
	text-align: right
	}
	
.aligncenter {
	float: none;
	clear: both;
	margin: 0 auto 10px auto;
	text-align: center;
	}
	
.clear { clear: both; }

.clearfix { display: inline-block; }
	.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		} 
.tabeladario {
	text-align: center;
	vertical-align: top;
	font-size: 16px;
	border: 3px double #000;
	color: #000;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	background-color: #FFF;
}
.Tabelafk {
	background-color: #CCC;
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
}

.tabelalink {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-style: italic;
	font-weight: bolder;
	color: #FFF;
	background-color: #303;
	text-indent: 3px;
	border: 3px double #FFF;
}
.tabelasrcgaj {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 17px;
	font-style: italic;
	font-weight: bolder;
	color: #000;
	background-color: #B6FE52;
	text-indent: 3px;
	border: 3px double #000;
}
.post1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 17px;
	font-style: oblique;
	color: #FFF;
}
.tabelaPDP {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 17px;
	font-style: italic;
	font-weight: bolder;
	color: #FFF;
	background-color: #ec008c;
	text-indent: 3px;
	border: 3px double #000;
}

.sekcija iframe {
	width: 200px;
	height: 950px;
	margin: 0;
	padding:0;
	overflow:hidden;
}