/* Fond za obnovu i razvoj grada Vukovara
   v2. 2010
 */

/* Master reset */ 
body,img,h1,h2,h3,h4,h5,h6,p,p img.left,p img.right,a:focus,a:hover,a,blockquote,strong,em,dfn,sup,sub,abbr,acronym,address,del,pre,code,tt
li ul,li ol,ul, ol,ul,ol,dl,dl dt,dd,table,thead th,th,td,caption,tr.even td,tfoot,iframe
{
	margin:0;
	padding:0;
}

body { 
	margin:0;
	padding:0;
	font-size: 81.3%; 
	color:#666666; 
	background: #d8c999 url(slike/background.jpg) center top no-repeat; 
	font-family:Georgia, "Times New Roman", Times, serif;
	height:100%;
} 

img, img a { border:none;}


#wrap {
	margin:0 auto;
	padding:0;
	width:960px;
}

/* HEADER */
#header {
	margin:0;
	padding:0;
	width:960px;
	height:152px;
	/*background:#666;*/
}

#player {
	float:left;
	margin:0;
	padding:31px 0 0 44px;
}

#gmap {
	float:right;
	margin:0;
	padding:47px 40px 0 0;
}

/* LOGO */

#logo {
	float:left;
        margin:0;
        padding:0;
}

#logo a, #logo a:active, #logo a:visited {
	display:block;
	width:350px;
	height:152px;
	text-decoration:none;
	background:transparent url(slike/logofond.png) no-repeat;
}

#logo a:hover {
	background:transparent url(slike/logofond.png) bottom;
}

/* Wrapper - old paper style */
#paper {
	clear:both;
	margin:0;
	padding:0;
	width:100%;
	background:#fff url(slike/papertop.jpg) top no-repeat;
}

/* NAVIGATION HOLDER */
#navigation {
	margin:0 10px;
	padding:0;
	width:940px;
	min-height:40px;
	height:auto;
	text-align:center;
	
}

/* Top navigation */
#topnavholder {
	margin:0;
	padding:0;
	float:right;
	width:630px;
	height:90px;
	background:transparent url(slike/topmenuback.gif) top right no-repeat;
}

#topnav ul
{
	
	margin:0;
	padding:0;
	list-style-type:none;
	width:100%;
	height:20px;
}

#topnav li
{
	display:inline-table;
	margin:10px 0 0 20px;
	padding:0;
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	text-transform:uppercase;
	
	
}
	
#topnav li a
{
	display:block;
	color:#FFE25F; /*kaka*/
	text-decoration:none;
	font-weight:bold;
	/*padding:8px 20px 0 20px;*/
	padding:0 3px;
	}
	
#topnav li a:hover, #nav li a.current {	
	color:#af272d; /*bordo*/
	/*background:#ece1c1;*/
}

/* MAIN NAVIGATION */

#nav ul
{
	
	margin:0;
	padding:0;
	list-style:none;
	width:100%;
	height:40px;
	clear:both;
}

#nav li
{
	display:inline-table;
	float:left;
	list-style:none;
	margin:10px 0;
	padding:0;
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;
	text-transform:uppercase;
	
	
}
	
#nav li a
{
	display:block;
	color:#6F4907; /*smeđa*/
	text-decoration:none;
	/*font-weight:bold;*/
	/*padding:8px 20px 0 20px;*/
	padding:0 20px;
	border:none;
	}
	
#nav li a:hover, #nav li a.current, #nav li a:active, #nav li a:visited {	
	color:#af272d; 
}


/* Sidebar subnavigation */
#subnav {
	list-style: none;
	width: 200px;
	height: 315px;
	padding:70px 0 0 0;
	/*background:transparent url(slike/submenu.png) no-repeat center top;*/
        background:transparent url(slike/submenu.gif) no-repeat center top;
}

#subnav ul{
	list-style: none;
	margin: 0px;
	padding: 0 0 0 15px;
}

#subnav a:link, #subnav a:visited {
	color: #00978b;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	/*font-family:Georgia, "Times New Roman", Times, serif;*/
	font-size: 14px;
	height: 18px;
	display:block;
	text-decoration: none;
	text-transform:uppercase;
	padding: 10px 0 0 0;
	font-weight:bold;
border:none;
}

#subnav a:hover, #subnav a.current, #subnav a:active, #subnav a:focus {
	color: #e33f2a;
}

/* TOP CONTAINER */
#top {
	margin:10px;
	padding:0;
	width:940px;
    height:340px;
    background: transparent url(slike/videoback.gif) center no-repeat;	
}


/* CONTENT */
#contentwrap {
	margin:10px;
	padding:0;
	width:940px;
	min-height:900px;
	height:900px;
	height:auto !important;
}

#main {
	float:left;
	width:540px;
	margin:10px 0 20px 0;
	padding:0;
}

#sidebar { float:right; width:390px; /*margin:10px 0 20px 0;*/ }

.subtitle { font size:14px; font-weight:normal; letter-spacing:2px; text-transform:uppercase;  }

#left {
	float:left;
	width:220px;
	margin:10px 0 20px 10px;
	padding:0;
}

#left h3 { margin:0; text-align:center; }

#left p { text-align:left; padding:5px; }

#right {
	float:right;
	width:160px;
	margin:10px 0 20px 0;
	padding:0;
}

#right h3 { margin:0; padding:5px 0 10px 0; text-align:center; }

#right p { text-align:justify; /*padding:5px;*/ }

#right a, right a:active, #right a:visited { color:#00978b; text-decoration:none;}

#right a:hover { color:#e33f2a; }

/* PAPER BOTTOM */
#paperend {
	clear:both;
	width:100%;
	background:#fff url(slike/paperend.jpg) bottom no-repeat;
	height:50px; /* vrijednost velicine slike */
}

/* FOOTER */
#footerholder {
	clear:both;
	margin:50px 0 0 0;
	padding:0;
}

#footer {
	margin:0 auto;
	padding:0 10px;
	width:960px;
}

#footer-col1 {
	margin:0;
	padding:0;
	float:left;
	width:150px;
}

#footer-col2 {
	float:left;
	width:200px;
	margin:0;
	padding:0;
}

#footer-col3 {
	float:left;
	width:370px;
	margin:0;
	padding:0;
}

#footer-col4 {
	float:right;
	width:220px;
	margin:0;
	padding:0;
}


#footernav {
	list-style: none;
	width:auto;
}

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

#footernav li.naslov {
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size:1.1em;
	font-weight:bold;
	height:1.8em;
	color:#333333;
}

#footernav li a:link, #footernav li a:visited, #footernav li a.current, #footernav li a:active {
	color:#666666;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	height: 1.5em;
	display:block;
	text-decoration: none;
}

#footernav li a:hover {
	text-decoration:underline;
}

#footerinfo {
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size:0.9em;
	margin:10px 0 0 0;
	padding:0;
	width:960px;
	height:20px;
	border-top:#BFAD77 solid 1px;
	text-align:center;
}

#footerinfo a {	color:#00978b; }

#footerinfo a:hover { text-decoration:underline; }


/* HEADINGS */ 
h1,h2,h3,h4,h5,h6 { color: #111; padding:5px 15px;} 
h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; color:#af272d; } 
h2 { font-size: 2em; line-height: 1; margin-bottom: 0.75em; color:#00978b; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; color:#af272d; } 
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; } 
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; } 
h6 { font-size: 1em; font-weight: bold; } 
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; } 

/* TEXT ELEMENTS */ 
p { margin: 0 0 1.5em; padding:10px 10px 0 10px;} 
p img.left { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; } 
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; } 
a:focus, a:hover { color: #000; } 
a { color: #009; text-decoration: none; outline:none; } 
blockquote { margin: 1.5em; color: #666; font-style: italic;} 
strong { font-weight: bold; } 
em,dfn { font-style: italic; } 
dfn { font-weight: bold; } 
sup, sub { line-height: 0; } 
abbr, acronym { border-bottom: 1px dotted #666; } 
address { margin: 0 0 1.5em; font-style: italic; } 
del { color:#666; } 
pre { margin: 1.5em 0; white-space: pre; } 
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } 

/* POSTS */

#post, #maincontent {
	margin:0;
	padding:10px;
	text-align:justify;
	line-height:1.5em;
}

.date { 
	display:block;
	font-family:"Trebuchet MS", Arial, sans-serif; 
	font-size:.9em;
	line-height:1.2em;
	height:12px;
	margin:0;
	padding:3px;
	border-top:#f0e8d1 solid 1px;
	border-bottom:#f0e8d1 solid 1px;
	text-align:right;
	/*font-style:italic;*/
}

#post p, #maincontent p {text-indent:2em; /*margin-bottom:1em;*/ }

#post h3 a:link, #post h3 a:hover, #post h3 a:active, #post h3 a:visited {
	color:#af272d;
	text-decoration:none;
	border:none;
	margin-bottom:1em;
}

#post a, #post a.current, #post a:focus, #post a:active, #post a:visited,
#maincontent a, #maincontent a.current, #maincontent a:focus, #maincontent a:active, #maincontent a:visited {
	color:#111;
	border-bottom:#111 dotted 1px;
	font-style:italic;
}

#post a:hover, #maincontent a:hover {
	background:#F6FFCF;
}

#maincontent ol li { margin-bottom: 1.5em; }

/* EXTRAS */

#pip {
	float:left;
        margin:0;
        padding:0;
}

#pip a, #pip a:active, #pip a:visited {
	display:block;
	width:175px;
	height:100px;
	text-decoration:none;
	background:transparent url(slike/planiprogram.gif) no-repeat;
}

#pip a:hover {
	background:transparent url(slike/planiprogram.gif) bottom;
}
/* Gospodarski vodic */
#gVodic { /*position:relative;*/ margin:0; padding:0; width:390px; height:199px; }
#gVodic a, #gVodic a:hover { border:none; text-decoration:none; }
ul#vodic { 
	margin:0; 
	padding:0; 
	width:390px; 
	height:199px;
	list-style:none;
	float:right;
}

ul#vodic li a {
	float:left;
	text-indent:-9999px;
	height:199px;
	background:url(slike/gospodarski-vodic.png) no-repeat;
}
ul#vodic li a.onlineVer{
	width:195px;
	background-position:0 0;
 }
 ul#vodic li a.offlineVer{
	width:195px;
	background-position: -195px 0;
 }
ul#vodic li a.onlineVer:hover {
	width:195px;
	background-position: 0 -199px;
 }
ul#vodic li a.offlineVer:hover {
	width:195px;
	background-position: -195px -199px;
 }

/* Gospodarski projekti */
ul#gospProjekti { 
	margin:0; 
	padding:0; 
	width:200px; 
	list-style:none;
}
ul#gospProjekti li a {
	display:block;
	text-indent:-9999px;
	width:200px;
	background-image:url(slike/gospodarski-projekti.png);
}
ul#gospProjekti li a.poslSubjekt{
	height               : 103px;
	background-position  : 0 0;
}

ul#gospProjekti li a.poslSubjekt:hover {
	height               : 103px;
	background-position  : 0px -206px;
}
 
 ul#gospProjekti li a.vlastSredstva{
	height               : 103px;
	background-position  : 0 -103px;
}

ul#gospProjekti li a.vlastSredstva:hover {
	height               : 103px;
	background-position  : 0px -309px;
}

/* FILMSTRIP */ 
#filmstrip {
	float:right;
	margin:10px 0;
	padding:0;
	width:160px;
	height:387px;
	background:transparent url(slike/filmstrip.gif) no-repeat;
}

.nama { margin:0; padding:13px 0 0 25px;}
.borovo { margin:0; padding:8px 0 0 25px;}
.lipovaca { margin:0; padding:7px 0 0 25px;}
.priljevo { margin:0; padding:7px 0 0 25px;}

.nama a, borovo a, lipovaca a, priljevo a {
	display:block;
	width:110px;
	height:82px;
}

/* Fancy Image Gallery */

.link img { 
	border: 1px solid #cfcfcf; 
	outline:none;
	padding:3px;
	margin:5px;
}

.link img:hover {
	border:1px solid #bfbfbf;
}

#gallery {}
#gallery .photo img, #gallery .photo img a:hover { margin:0; padding:0; background:none; border:none; text-decoration:none; }
#gallery .photo { 
	padding: 5px; 
	margin: 5px; 
	border: 1px solid #cfcfcf; 
	/*display: block; */
	float: left; 
}

#gallery .photo:hover	{ border-color: #bfbfbf; text-decoration:none; }



/* NEWS LIST */
#newslist {
	width: 200px;
	padding:0;
    margin:0 0 10px 0;
}

/*#newslist h3 { margin:0; padding:10px; text-align:left; }*/

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

#newslist li { display:block; padding:5px 0; margin:3px 0; width:auto; border-bottom:#f0e8d1 solid 1px;} 

#newslist li a:link, #newslist li a:visited {
	color:#666666;
	font-family:Georgia, "Times New Roman", Times, serif;
	height: 20px;
	text-decoration: none;
}

#newslist li a:hover, #newslist li a.current, #newslist li a:active {
	text-decoration: underline;
	font-style:italic;
}


/* IDI NA MULTIMEDIJU */
.multimedia {
float:left;
margin:0;
padding:5px 0;
text-align:left;
}

.multimedia a {
display:block;
width:120px;
height:15px;
color:orange;
text-decoration:none;
background:brown;
}

.multimedia a:hover {
color:brown;
text-decoration:underline;
background:orange;
}

/* LISTS */ 
li ul, li ol { margin:0 1.5em; } 
ul, ol { margin: 0 1.5em 1.5em 1.5em; } 
ul { list-style-type: disc; padding:0 15px;} 
ol { list-style-type: decimal; padding:0 15px;} 
dl { margin: 0 0 1.5em 0; } 
dl dt { font-weight: bold; } 
dd { margin-left: 1.5em;} 

/* TABLES */ 
table { margin-bottom: 1.4em; width:100%; } 
th { font-weight: bold; } 
thead th { background: #c3d9ff; } 
th,td,caption { padding: 4px 10px 4px 5px; } 
tr.even td { background: #e5ecf9; } 
tfoot { font-style: italic; } 
caption { background: #eee; } 

/* MISC CLASSES */ 
iframe { padding:0; margin:0; }
.clear { clear:both; }
.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; } 
.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; } 
.hide { display: none; } 
.quiet { color: #666; } 
.loud { color: #000; } 
.highlight { background:#ff0; } 
.added { background:#060; color: #fff; } 
.removed { background:#900; color: #fff; } 
.first { margin-left:0; padding-left:0; } 
.last { margin-right:0; padding-right:0; } 
.top { margin-top:0; padding-top:0; } 
.bottom { margin-bottom:0; padding-bottom:0; }

#eu,#katalog { margin-top: 20px; line-height: 17px; }
#eu, #katalog { text-align: center; }
#eu a, #eu a:active, #eu a:visited, #katalog a, #katalog a:active, #katalog a:visited { color:#00978b; text-decoration:none;}
#eu a:hover, #katalog a:hover { color:#e33f2a; }