/* 
Well, hello there, my fellow nerd! Looking at my code, are we?

Now, granted, it is not revolutionary or innovative, it will not change the way the World Wide Web is used, save lives or put an end to poverty, but then, it never was supposed to. I am, however, very proud of this site, having built it from scratch and designed most of it myself. I claim no originality or particular brilliance, this was a feeless side project- a hobby- if you will, to help those near and dear to me; save them the trouble of paying a significant sum of money for things that can be easily learned for free on the internet if you just put some time and thought into it. Most of the code is shamelessly copied, but, before accusing me of being derivative please bear in mind that http://vimeo.com/25380454 . Also - it is open source.

Best of all,
M.

 */

* {
	margin: 0;
	padding: 0;
}

body {
	background: #FFFFFF url(images/img01.jpg) repeat-x;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
}

h1, h2, h3 {
	margin-bottom: 15px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #333333;
}

h1 {
	font-size: 190%;
}

h2 {
	font-size: 152%;
}

h3 {
	font-size: 100%;
}

p, ul, ol {
	margin-bottom: 15px;
	line-height: 1.6em;
}

ul, ol {
	margin-left: 2em;
}

blockquote {
	margin-left: 1em;
	padding-left: 1em;
	background: url(images/img09.gif) repeat-y;
	font-style: italic;
}

a:link {
	color: #00a1de;
}

a:hover, a:active {
	text-decoration: none;
	color: #FF6700;
}

a:visited {
	color: #00a1de;
}

img {
	border: none;
}


#meni {
	width: 770px;
	height: 105px;
	margin: 0 auto;
}

#meni ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#meni li {
	display: block;
	float: left;
	width: 122px;
	height: 65px;
	padding: 40px 0 0 0;
}

#meni a {
	display: block;
	width: 122px;
	height: 32px;
	padding: 13px 0 0 0;
	background: url(images/img02.jpg) no-repeat;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
}

#meni a:hover {
	background-image: url(images/img03.jpg);
}

#meni .active {
	padding-top: 35px;
}

#meni .active a {
	height: 37px;
	padding-top: 16px;
	background-image: url(images/img04.jpg);
	color: #D2FFFF;
}

#meni .active a:hover {
	background-image: url(images/img04.jpg);
}

#zaglavlje {
	width: 770px;
	height: 160px;
	margin: 0 auto;
}

#logo {
	float: left;
	width: 250px;
	height: 160px;
	background: url(images/img05.jpg) no-repeat;
}

#logo h1, #logo h2 {
	text-align: center;
}

#logo h1 {
	padding-top: 90px;
	letter-spacing: 8px;
	font-size: 197%;
}

#logo h2 {
	letter-spacing: 2px;
	font-size: 85%;
}

#logo a {
	text-transform: uppercase;
	text-decoration: none;
	
}

#traka {
	float: right;
	width: 510px;
	height: 160px;
	background: url(images/decak%20sa%20medom%20pregled.jpg) no-repeat;
}

#traka a {
	float: right;
	padding: 120px 20px 0 0;
	text-decoration: none;
	text-align: right;
	font-size: 136%;
	font-style: italic;
	color: #FF3300;
}

#kvadrat {
	width: 760px;
	margin: 0 auto;
	padding: 20px 0 0 0;
}

#sadrzaj {
	float: right;
	width: 510px;
}

.opis {
	margin-bottom: 20px;
	border: 1px solid #00a1de;
}

.opis .naslov {
	padding: 0 20px;
}

.opis .tekst {
	padding: 0 20px;
}

.opis .osnovno {
	padding: 5px 20px;
	background: url(images/img09.gif) repeat-x;
}

.opis .osnovno p {
	margin: 0;
	font-size: 77%;
}

.okvir .naslov {
	height: 32px;
	margin: 0;
	padding: 8px 0 0 20px;
	background: url(images/img08.jpg) no-repeat;
	letter-spacing: -1px;
	color: #FFFFFF;
}

.okvir .tekst {
	padding: 20px;
	border: 1px solid #00a2a7;
}

.okvir .osnovno {
	padding: 5px 5px;
	color: #FFFFFF;
	background-color: #FFFFFF;
	height: 180px;
	width: 150px;
	float:right;
}

.okvir .osnovno a {
	color: #FFFFFF;
}


#vmeni {
	float: left;
	width: 240px;
}

#vmeni ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#vmeni li {
	margin-bottom: 15px;
}

#vmeni li ul {
	padding: 10px;
	border: 1px solid #00a2a7;
	border-top: none;
}

#vmeni li li {
	margin: 0;
	padding: 3px 0;
}

#vmeni li li.first {
	background: none;
}

#vmeni li h2 {
	height: 30px;
	margin: 0;
	padding: 10px 0 0 15px;
	background: url(images/img10.jpg) no-repeat;
	letter-spacing: -1px;
	color: #FFFFFF;
}

#vmeni li h4 {
	height: 30px;
	margin: 0;
	padding: 10px 0 0 15px;
	background: url(images/img10.jpg) no-repeat;
	letter-spacing: -1px;
	color: #FFFFFF;
}

#vmeni a:link {
	text-decoration: none;
	text-transform:uppercase
	
}

#vmeni a:hover {
	text-decoration: underline;
	text-transform:uppercase
}



#podnozje {
	clear: both;
	height: 10px;
	padding: 15px 0;
	background: #00a1de;
	border-top: 5px solid #999999;
	text-align: center;
}

#podnozje p {
	margin: 0;
	color: #CCCCCC;
}

#podnozje a {
	color: #00a1de;
}

#podnozje a:hover {
	color: #00a1de;
}