html, body, div, span, applet, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}

object,
embed {
display: block;
overflow: hidden;
}

body {
line-height: 1;
}

ol, ul {
list-style: none;
}

a:active { 
outline: none; 
}
 
a:focus { -moz-outline-style: none; }

/* remember to define focus styles! */
:focus {outline: 0;}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}

html {
background: url("http://podravski-mlin.hr/slike/body_bg_px.gif") top center repeat-y;
margin: 0;
padding: 0;
}

body {
background: url("http://podravski-mlin.hr/slike/body_bg.jpg") top center no-repeat;
font:small Verdana,Sans-serif;
color: #424141;
margin: 0;
padding: 0;
}

#wrapper {
width: 996px;
margin: 0 auto;
padding: 10px 0 0 0;
}


a:link {
        color: #e20a16;
	text-decoration: none;
}
a:visited {
	color: #424141;
	text-decoration: none;
}
a:active {
	color: #424141;
        outline: none;

}
a:hover {
	color: #e20a16;	
	text-decoration: none;
}

.sv-sivi:link {
        color: #555;
	text-decoration: none;
}
.sv-sivi:visited {
	color: #555;
	text-decoration: none;
}
.sv-sivi:active {
	color: #555;
        outline: none;

}
.sv-sivi:hover {
	color: #555;	
	text-decoration: none;
}

.sivi:link {
        color: #424141;
	text-decoration: none;
}
.sivi:visited {
	color: #424141;
	text-decoration: none;
}
.sivi:active {
	color: #424141;
        outline: none;

}
.sivi:hover {
	color: #e20a16;	
	text-decoration: none;
}

#header {
background: url("http://podravski-mlin.hr/slike/h1_bg.png") top center no-repeat;
width: 996px;
height: 57px;
margin: 0;
padding: 0;
}

h1 {
margin: 5px 0 0 0;
padding: 0;
font: 20px Arial,Sans-serif;
text-transform: uppercase;
float: right;
width: 710px;
text-align: left;
}

h2 {
margin: 15px 0 0 0;
padding: 0;
font: bold 10px Arial,Sans-serif;
float: left;
text-align: left;
width: 687px;
height: 28px;
}

h3 {
margin: 0;
padding: 0;
font: bold 14px Arial,Sans-serif;
text-transform: uppercase;
width: 220px;
height: 32px;
text-align: left;
}

h4 {
margin: 0 0 0 15px;
padding: 4px 0 0 10px;
font: bold 12px 'Trebuchet MS',Sans-serif;
width: 155px;
height: 25px;
background: url("http://podravski-mlin.hr/slike/crveni_gumb.gif") top left no-repeat;
color: #ffffff;
position: relative;
top: 13px;
cursor: pointer;
display: inline-block;
}

h5 {
font-size: 14px;
text-transform: uppercase;
font-weight: normal;
padding: 20px 0 0 0;
}

.clear {
clear: both;
margin:0;
padding:0;
height: 1px;
}

.razmak5 {
clear: both;
margin:0;
padding:0;
height: 5px;
}

.razmak10 {
clear: both;
margin:0;
padding:0;
height: 10px;
}

.razmak20 {
clear: both;
margin:0;
padding:0;
height: 20px;
}

.razmak30 {
clear: both;
margin:0;
padding:0;
height: 30px;
}

.razmak40 {
clear: both;
margin:0;
padding:0;
height: 40px;
}

.razmak50 {
clear: both;
margin:0;
padding:0;
height: 50px;
}

.razmak60 {
clear: both;
margin:0;
padding:0;
height: 60px;
}

#main-c {
width: 952px;
margin: 0;
padding: 0 22px 0 22px;
background: url("http://podravski-mlin.hr/slike/main_c_bg.png") top left repeat-y;
overflow: hidden;
}

#main {
margin: 0;
padding: 0;
overflow: hidden;
}


#bigger {
margin: 22px 0 0 0;
padding: 0;
float: right;
text-align: left;
width: 687px;
}

#logo {
width: 250px;
height: 94px;
color: #999999;
margin: 0;
padding: 218px 0 0 0;
font: 10px 'Arial',Sans-serif;
background: url("http://podravski-mlin.hr/slike/logo_mlin.gif") top left no-repeat;
float: left;
text-align: right;
}

.entry-title {
margin: 0;
padding: 0;
}

#rotator {
width: 687px;
height: 312px;
margin: 0;
padding: 0;
display: block;
float: right;
}

.one {
width: 229px;
height: 240px;
margin: 0;
padding: 0 4px 20px 0;
float: left;
}

.one img {
margin: 0;
padding: 0;
border: none;
font: normal 12px Arial,Sans-serif;
}

.two {
width: 229px;
height: 240px;
margin: 0;
padding: 0 0 20px 0;
float: left;
}

.two img {
margin: 0;
padding: 0;
border: none;
font: normal 12px Arial,Sans-serif;
}

.three {
width: 220px;
height: 240px;
margin: 0;
padding: 0 0 20px 4px;
float: right;
}

.three img {
margin: 0;
padding: 0;
border: none;
font: normal 12px Arial,Sans-serif;
}

#main_dno {
width: 996px;
height: 37px;
float: left;
margin: 0 0 15px 0;
padding: 0px;
background: url("http://podravski-mlin.hr/slike/main_dno.png") top left no-repeat;
}

#izbornik {
width: 687px;
height: 41px;
float: right;
margin: 10px 0 0 0;
padding: 0;
background: url("http://podravski-mlin.hr/slike/menu_bg.gif") top left no-repeat;
}


#izbornik_dno {
width: 687px;
height: 28px;
float: right;
margin: 0;
padding: 0;
background: url("http://podravski-mlin.hr/slike/menu_ispod.gif") top left no-repeat;
}


#bread_dno {
width: 687px;
height: 28px;
float: right;
margin: 0;
padding: 0;
}


#izbornik ul {
height: 28px;
margin: 0;
padding: 0;
list-style-type: none;
}

#menu li {
height: 28px;
margin: 0;
padding: 0;
list-style-type: none;
}

#izbornik a {
display: inline;
margin: 0;
padding: 12px 0 0 0;
text-decoration: none;
border: none;
color: #fff;
font: bold 12px 'Trebuchet MS',Sans-serif;
width: 114px;
height: 16px;
text-align: center;
float: left;
}

#izbornik a:hover {
background: url("http://podravski-mlin.hr/slike/gumb2.gif") top center no-repeat;
cursor: pointer;
height: 28px;
}

#izbornik a:active {
outline: none;
}

#izbornik a.highlightit {
background: url("http://podravski-mlin.hr/slike/gumb.gif") top center no-repeat;
cursor: pointer;
height: 28px;
display: inline;
float: left;
width: 114px;
}

#smaller {
float: left;
margin: 0;
padding: 0;
width: 250px;
}

#smaller-kontakt {
float: left;
margin: 0;
padding: 0;
width: 250px;
font: normal 11px Arial,Sans-serif;
}

#smaller-box {
float: left;
margin: 0;
padding: 0;
width: 250px;
}

.slike-box {
border: none;
text-decoration: none;
z-index: -1;
}

.slike-box-k {
float: left;
margin: 0;
padding: 30px 0 0 15px;
background: url("http://podravski-mlin.hr/slike/kontakt_bg.jpg") top center no-repeat;
width: 235px;
height: 120px;
z-index: -1;
font: normal 10px Arial,Sans-serif;
}

.slike-box-k2 {
float: left;
margin: 10px 0 0 0;
padding: 30px 0 0 15px;
background: url("http://podravski-mlin.hr/slike/kontakt_bg.jpg") top center no-repeat;
width: 235px;
height: 120px;
font: normal 10px Arial,Sans-serif;
position: relative;
display: block;
}

#footer {
margin: 0 0 30px 0;
padding: 0;
float: left;
width: 980px;
font: normal 11px Arial,Sans-serif;
}

.footer-a {
width: 775px;
margin: 0;
padding: 0 0 0 5px;
float: left;
}


.footer-b {
width: 200px;
margin: 0;
padding: 0;
float: right;
text-align: right;
}

.slika-lijevo {
float: left;
margin: 0 10px 0 0;
padding: 1px;
border:1px solid #eee;
}


.slika-lijeva {
float: left;
margin: 0 10px 0 0;
}

.slika-lijevo-a {
float: left;
margin: 0 10px 20px 0;
padding: 1px;
border:1px solid #eee;
}

.slika-lijevo-nb {
float: left;
margin: 0 10px 0 0;
}

.slika-desno {
float: right;
margin: 0 0 0 10px;
padding: 1px;
border:1px solid #eee;
}

.slika-desno-a {
float: right;
margin: 0 0 20px 10px;
padding: 1px;
border:1px solid #eee;
}

.slika-desno-nb {
float: right;
margin: 0 0 10px 10px;
border: none;
}

#map {
margin: 20px 0 0 0;
float: left;
width: 687px;
height: 687px;
}

.slider-text {
width: 471px;
height: 78px;
overflow: hidden;
float: right;
font-size: 11px;
color: #666;
}



























/* ANYTHINGSLIDER */


.anythingSlider                         { width: 687px; height: 215px; position: relative; margin: 0; color: #ffffff;}
.anythingSlider .wrapper1                { width: 687px; overflow: auto; height: 215px; margin-top: 4px; position: absolute; top: 0; left: 0; }
.anythingSlider .wrapper1 ul             { width: 9999px; list-style: none; position: absolute; top: 0; left: 0; background: #transparent; border: none; margin: 0; }
.anythingSlider ul li                   { display: block; float: left; padding: 0; height: 215px; width: 687px; margin: 0; }

#thumbNav                               { position: relative; top: 181px; float: right; text-align: left;}
#thumbNav a                             { color: black; font: 11px Arial; display: inline-block; margin: 0 5px 0 0; background: url("http://podravski-mlin.hr/slike/gumbic.png"); text-align: center; width: 22px; height: 19px; padding-top: 3px;}
#thumbNav a:hover                       { background: url("http://podravski-mlin.hr/slike/gumbic_a.png"); color: #ffffff; }
#thumbNav a.cur                         { background: url("http://podravski-mlin.hr/slike/gumbic_a.png"); color: #ffffff;}

#start-stop                             { background: url("http://podravski-mlin.hr/slike/gumbic_stop.png") top left no-repeat; color: white; font: 11px Arial; text-align: center; position: relative; top: 181px; float: right; width: 38px; height: 19px; padding-top: 3px; margin-right: 3px;}
#start-stop.playing                     { background: url("http://podravski-mlin.hr/slike/gumbic_play.png"); }
#start-stop:hover                       { background: url("http://podravski-mlin.hr/slike/gumbic_stop.png"); }

/*
  Prevents
*/
.anythingSlider .wrapper1 ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper1 ul ul li       { float: none; height: auto; width: auto; background: none; }











/* CAROUSEL */

#carousel {
	width:206px;
	height:246px;	
	margin:0 10px 10px 0;
	overflow:hidden;
        float: left;          
}

#slides {
	overflow:hidden;
	/* fix ie overflow issue */
	position:relative;
	width:206px;
	height:206px;
}

/* remove the list styles, width : item width * total items */	
#slides ul {
	position:relative;
	left:0;
	top:0;
	list-style:none;
	margin:0;
	padding:0;	
	width:750px;			
}

/* width of the item, in this case I put 250x250x gif */
#slides li {
	width:206px;
	height:206px;	
	float:left;
}

#slides li img {
        padding: 1px;
	border:1px solid #eee;
}

/* Styling for prev and next buttons */
#buttons {
	padding:0 0 5px 0;	
	float:left;
}

#buttons a {
	display:block; 
	width:31px; 
	height:32px;
	text-indent:-999em;
	float:left;
	outline:0;
}

a#prev {
	background:url("http://podravski-mlin.hr/slike/arrow.gif") 0 -31px no-repeat; 
}

a#prev:hover {
	background:url("http://podravski-mlin.hr/slike/arrow.gif") 0 0 no-repeat;
}

a#next {
	background:url("http://podravski-mlin.hr/slike/arrow.gif") -32px -31px no-repeat; 
}

a#next:hover {
	background:url("http://podravski-mlin.hr/slike/arrow.gif") -32px 0 no-repeat;
}

.clear {clear:both}