/* Fond za obnovu i razvoj grada Vukovara
   v1. 2009
 */

/* 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; /*bordo*/
	/*background:#f1e9d2;*/
}


/* 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;
}

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

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

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

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

#right h3 {margin:0;}

#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;} 
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:Times, serif; 
	font-size:.9em;
	line-height:1.4em; 
	font-style:italic;
}

#post p, #maincontent p {text-indent:2em;}

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

#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;
}

/* 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;
}

#vizitka {
	float:right;
	margin:10px 0;
	padding:0;
}

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

#vizitka a:hover {
	background:transparent url(slike/vizitka.png) right;
}

/* 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;
}


/* GALLERY */
.thumbnail {
    border:1px solid #CFCFCF;
    float:left;
    margin:10px;
    padding:3px;
}

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

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

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

#newslist li { background:#e8deba;	display:block; padding:3px 5px; margin:3px 0; width:auto;} 

#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; }