/* CSS Document */

body {margin: 0; padding:0; font-family:verdana; font-size:11px; color:#000; background-color:#FFF; margin-top:40px; background-image:url(images/content.gif); background-repeat:repeat-x; background-position:top center;}
#gnezdo {margin:auto; width:710px; background-color: #FFF; border: 1px solid #c6c6c6; padding:10px;}

#header {width: 710px; margin-bottom:10px;}
#top {background: url(/images/top.gif) no-repeat; height: 77px; margin-bottom:5px;}
#bottom {background: url(images/bottom.jpg) no-repeat; height: 140px; margin-top:5px;}
#logo {float: right; margin:5px 5px;}

#nav {background: url(/images/nav.gif) repeat-x; height: 23px; width: 710px;}
#nav ul {padding: 0px; padding-top:5px; margin-top:5px;}
#nav ul li {display: inline; }
#nav ul li a {text-decoration: none; padding: 10px 5px 10px 5px; color: #fff; font-weight: bold;}
#nav ul li a:hover {background: url(/images/navhover.gif) 0 5px repeat-x; text-decoration: underline;}

#sidebar {
float: left;
margin-bottom: 10px;
}

#one {background: #f3f1d8; width: 213px; font-size: 11px; padding: 10px; margin-bottom: 10px; color:#5b5b5b;}
#one h3 {color: #be686a; font-size: 12px;}
#one h3 a{color: #be686a; font-size: 12px; text-decoration:none;}
#one h3 a:hover{color: #c44b4f; font-size: 12px; text-decoration:underline;}
#one img {border: none; position: relative; top: 0px;}

#two {background: #fff url(/images/two.gif) repeat-x; width: 213px; font-size: 11px; padding: 10px; color:#5b5b5b;}
#two h3 {color: #5088ad; font-size: 12px;}
#two h3 a{color: #5088ad; font-size: 12px; text-decoration:none;}
#two h3 a:hover{color: #406c85; font-size: 12px; text-decoration:underline;}
#two img {border: none; position: relative; top: 2px;}

#contentgallery {float: right; background: #fff url(/images/content.gif) repeat-x; width: 445px; padding: 10px; margin-bottom: 10px; color:#5b5b5b;}
#contentgallery h2 {font-size: 13px; font-weight:bold; color: #4f4f4f; margin-top:10px;}
#contentgallery img {border: 4px solid #e6ced4; margin: 5px;}

#contentmain {float: right; background: #fff url(/images/content.gif) repeat-x; width: 445px; padding: 10px; margin-bottom: 10px; color:#5b5b5b;}
#contentmain h2 {font-size: 13px; font-weight:bold; color: #4f4f4f; padding-top:10px;}
#contentmain h2 a{color: #4f4f4f; text-decoration:none;}
#contentmain h2 a:hover{color: #4f4f4f; text-decoration:underline;}
#contentmain h3 {font-size: 13px; font-weight:bold; color:#e3969b;}
#contentmain h3 {color: #be686a; font-size: 12px;}
#contentmain h3 a{color: #be686a; font-size: 12px; text-decoration:none;}
#contentmain h3 a:hover{color: #c44b4f; font-size: 12px; text-decoration:underline;}

#contentsub {float: right; background: #fff url(/images/content.gif) repeat-x; width: 445px; padding: 10px; margin-bottom: 10px; color:#5b5b5b;}
#contentsub h2 {font-size: 13px; font-weight:bold; color: #4f4f4f;}
#contentsub h2 a{color: #4f4f4f; text-decoration:none;}
#contentsub h2 a:hover{color: #4f4f4f; text-decoration:underline;}

#refresh img {border: none; position: relative; top: 3px;}
#refresh a {color:#be686a; text-decoration:none;}
#refresh a:hover {color:#c44b4f; text-decoration:underline;}
#refresh {float:right; margin:10px 20px;}

#left {float: left; padding-left: 10px;}
#right {float: right; padding-right: 10px;}
#left a, #right a {color: #5a5a5a; text-decoration:none;}
#left a:hover, #right a:hover{color:#2f2f2f; text-decoration:underline;}
#left img, #right img {border: none; position: relative; top: 4px;}

#footer {color: #919191; padding: 10px 0; clear: both;}
#footer a {color: #919191; text-decoration: none;}
#footer a:hover {color: #2e2e2e; text-decoration: underline;}

#footer p {float: left; margin-top: -1px;}
#footer #subnav {float: right;}

#sidenav {width: 233px;}

#sidenav ul {margin: 0; padding: 0;}
#sidenav ul li {list-style: none; display: block; margin: 1px 0; padding: 7px 7px 7px 12px; background: #f1d8d9;}
#sidenav ul li:hover {background: url(/images/sidenavhover.gif) #dc8c8e; color:#FFFFFF;}
#sidenav ul li a {color: #4f4f4f;text-decoration: none;}
#sidenav ul li a:hover {color: #fff;text-decoration: underline;}

#sidenav .first {background: #82b4d5;}
#sidenav .first a {text-decoration: underline;font-weight:bold;color: #fff;}
#sidenav .first a:hover {background: #82b4d5;}
#sidenav ul li.first:hover {background: #82b4d5;}

#sidenav .second {background: #8fbddc;}
#sidenav .second a {text-decoration: none;font-weight:bold;color: #fff;}
#sidenav .second a:hover {background:#8fbddc;}
#sidenav ul li.second:hover {background: #8fbddc;}

#sidenav ul img {padding-right: 3px;}

#sitemap ul,li {list-style-type: none;padding: 0px;margin: 0px;}
#sitemap li.first {margin-left: 5px;}
#sitemap li.second {margin-left: 15px;}
#sitemap .first a {display: block;padding: 3px;text-decoration: none;font-weight: bold;color: #000;}
#sitemap .second a {display: block;padding: 3px;text-decoration: none;font-weight: normal;color: #000;}
#sitemap a:hover {background: #8fbddc;color: #fff;}

a.pitanje {color:#5088ad; text-decoration:none;}
a.pitanje:hover {color:#5088ad; text-decoration:underline;}

a.komentari {color:#be686a; text-decoration:none;}
a.komentari:hover {color:#be686a; text-decoration:underline;}

a.procitajte {color:#be686a; text-decoration:none;}
a.procitajte:hover {color:#be686a; text-decoration:underline;}
.odgovor {width: 90%; background-color:#fde7e7; border:1px solid #f9d5d7; padding:10px; margin:5px 0 5px 0;}

/* added by Boban */
input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#404040;
}
.textinput, .textinputHovered {
	width:236px;
	height:15px;
	background:url(/images/input.gif) no-repeat left top;
	border:none;
	padding:4px 8px;
}
.textinputHovered {
	background-position:left bottom;
}
.textarea, .textareaHovered {
	width:336px;
	height:125px;
	background:url(/images/textarea.gif) no-repeat left top;
	border:none;
	padding:4px 8px;
}
.textareaHovered {
	background-position:left bottom;
}