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

body {
background: #eeecdf url("https://poljodar-tim.hr/slike/poljodar-podloga.jpg") top center no-repeat;
font: normal 12px Arial, "Trebuchet MS", Verdana, Sans-serif;
color:#000;
text-align: left;
line-height: 1.6em;
}

h1 {font: normal 26px "Trebuchet MS", Arial, Verdana, Sans-serif; color: #000; font-weight: normal; text-align: right; padding: 60px 30px 0 0;}

h2 {font: normal 20px "Trebuchet MS", Arial, Verdana, Sans-serif; color: #000; font-weight: normal; padding: 0 0 10px 0; text-transform: uppercase;}
h2 a:link, h2 a:visited, h2 a:active {color: #000; text-decoration: none;}
h2 a:hover {color: #333; text-decoration:none;}

h3 {font: normal 26px "Trebuchet MS", Arial, Verdana, Sans-serif; color: #036f31; font-weight: normal; margin: 0 0 10px 0;}
h3 a:link, h3 a:visited, h3 a:active {color: #036f31; text-decoration: none;}
h3 a:hover {color: #579e34; text-decoration:none;}

h4 {font: normal 18px "Trebuchet MS", Arial, Verdana, Sans-serif; color: #ea5e00; font-weight: normal; margin: 0 0 10px 0;}
h4 a:link, h4 a:visited, h4 a:active {color: #ea5e00; text-decoration: none;}
h4 a:hover {color: #ff8d40; text-decoration:none;}

.clear {clear: both; height: 1px;}
.clear5 {clear: both; height: 5px;}
.clear10 {clear: both; height: 10px;}
.clear15 {clear: both; height: 15px;}
.clear20 {clear: both; height: 20px;}
.clear30 {clear: both; height: 30px;}
.clear40 {clear: both; height: 40px;}

a:link {color: #036f31; text-decoration: none;}
a:visited {color: #036f31; text-decoration: none;}
a:active {color: #036f31;}
a:hover {color: #579e34; text-decoration:underline;}

a.sivi:link, a.sivi:visited, a.sivi:active {color: #6f6752; text-decoration: none;}
a.sivi:hover {color: #a29267; text-decoration:underline;}

a.crni:link, a.crni:visited, a.crni:active {color: #000; text-decoration: none;}
a.crni:hover {color: #333; text-decoration:underline;}

input.text {float:right; width:180px;}
textarea {float:right; width:180px; height:70px;}

.left {float: left;}
.right {float: right;}

#pagination {float: right; margin: 20px 0 0 0;}
#pagination-digg li          { border:0; margin:0; padding:0; font-size:11px; list-style:none; /* savers */ float:left; }
#pagination-digg a           { border:solid 1px #9ce59a; margin-right:2px; }
#pagination-digg .previous-off,
#pagination-digg .next-off   { border:solid 1px #DEDEDE; color:#888888; display:block; float:left; font-weight:bold; margin-right:2px; padding:0 4px; }
#pagination-digg .next a,
#pagination-digg .previous a { font-weight:bold; }	
#pagination-digg .active     { background:#23921b; color:#FFFFFF; font-weight:bold; display:block; float:left; padding:1px 7px; /* savers */ margin-right:2px; }
#pagination-digg a:link, 
#pagination-digg a:visited   { color:#0e9e18; display:block; float:left; padding:0 6px; text-decoration:none; }
#pagination-digg a:hover     { border:solid 1px #0e9e48; }

.btn {
height: 27px;
display: block;
// background: url(https://poljodar-tim.hr/slike/btn.gif) top left repeat-x;
background: #eeeeee; /* old browsers */
background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* ie */
text-align: center;
float: left;
color: #444;
text-decoration: none;
cursor: pointer;
border: 1px solid #c4c4c4;
font: bold 11px/22px Arial;
margin: 0;
padding: 0 3px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

input.btn {float: left;}

.btn:hover {
// background: url(https://poljodar-tim.hr/slike/btn.gif) top left repeat-x;
background: #f2f5f6; /* old browsers */
background: -moz-linear-gradient(top, #f2f5f6 0%, #c8d7dc 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f5f6), color-stop(100%,#c8d7dc)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=0 ); /* ie */
border: 1px solid #c4c4c4;
color: #444;
}

a.btn:link, a.btn:visited, a.btn:active, a.btn:hover {color: #444;}

#wrapper
{
	margin: 0 auto;
	width: 1025px;
}

#header
{
background: url("https://poljodar-tim.hr/slike/poljodar-znak-bijela.png") top left no-repeat;
width: 1025px;
height: 130px;
float: left;
position:relative;
}

#podloga-dolje {
background: url("https://poljodar-tim.hr/slike/podloga-dolje-bijela.png") top left no-repeat;
width: 1025px;
height: 5px;
float: left;
}

#content-container {
background: url("https://poljodar-tim.hr/slike/podloga-sredina-bijela.png") top left repeat-y;
width: 965px;
padding: 0 30px 25px 30px;
float: left;
}

.date-header {margin: 0; padding: 15px 0 25px 0;}
.date-header h2 {font: 11px Tahoma, Arial, Helvetica, sans-serif; text-transform: none; margin:0; padding:0;}
.date-header2 {padding: 15px 0 15px 30px; width: 800px; float: left; margin:0;}
.date-header2 h5 {font: 11px Tahoma, Arial, Helvetica, sans-serif; margin:0; padding:0;}

.rss {width: 100px; float: right; font: 11px Tahoma, Arial, Helvetica, sans-serif; padding:0 25px 0 0;}
.rss-slika {padding: 2px 0 0 0; position: relative; top: 7px;}

.box-table-a {font-family: Tahoma, Arial, Sans-Serif; font-size: 11px; width: 100%; text-align: center; border-collapse: collapse;}
.box-table-a th {font-size: 11px; font-weight: normal; padding: 8px; background: #498d28; border-top: 3px solid #316a16; border-bottom: 1px solid #fff; color: #fff; text-align: center;}
.box-table-a td {padding: 8px; background: #d0ecc1; border-bottom: 1px solid #fff; color: #000; border-top: 1px solid transparent; text-align: center;}
.box-table-a tr:hover td {background: #abd894; color: #000;}


.box-table-rec {font-family: Arial, Tahoma, Sans-Serif; font-size: 12px; width: 420px; text-align: left; border-collapse: collapse; margin: 0 0 20px 0; font-weight: normal; color: #000;}
.box-table-rec th {padding: 0 5px;}
.box-table-rec th.kolicina {padding: 0 5px; text-align: right;}
.box-table-rec td {padding: 0 5px;}
.box-table-rec td.kolicina {padding: 0 5px; text-align: right;}
.box-table-rec tr:hover td {color: #275d1f;}


#section-navigation
{
	float: left;
	width: 160px;
	padding: 20px 0;
	margin: 0 20px;
	display: inline;
}

#section-navigation ul
{
	margin: 0;
	padding: 0;
}

#section-navigation ul li
{
	margin: 0 0 1em;
	padding: 0;
	list-style-type: none;
}

#content
{
	float: left;
	width: 500px;
	padding: 20px 0;
	margin: 0 0 0 30px;
}

#content h2 { margin: 0 0 10px 0; }

#bigger {width: 710px; float: left;}

.entry {margin: 0 0 20px 0;}
.entry p {margin: 0 0 10px 0;}

.entry ul {list-style-type: disc; margin: 0 0 10px 25px;}
.entry ul li {margin: 0;}

.entry ol {list-style-type: decimal-leading-zero; margin: 0 0 10px 25px;}
.entry ol li {margin: 0;}

.entry-poc1 {margin: 25px 25px 0 0; padding: 0; width: 470px; height: 200px; float: left; background: #cce2c2; overflow: hidden;}
.entry-poc2 {margin: 25px 0 0 0; padding: 0; width: 470px; height: 200px; float: right; background: #f9d9b2; overflow: hidden;}
.entry-poc3 {margin: 25px 25px 0 0; padding: 0; width: 470px; height: 200px; float: left; background: #fceab9; overflow: hidden;}
.entry-poc4 {margin: 25px 0 0 0; padding: 0; width: 470px; height: 200px; float: right; background: #d5c5be; overflow: hidden;}
.entry-text-lijevo {width: 195px; height: 160px; float: left; overflow: hidden; padding: 20px;}
.entry-text-desno {width: 195px; height: 160px; float: right; overflow: hidden; padding: 20px;}

.entry-hibridi {margin: 0 0 20px 0; width:700px; height: 126px; padding: 0 10px 0 0; overflow: hidden;}
.entry-vijesti {margin: 0 0 20px 0; width:700px; height: 126px; padding: 0 10px 0 0; overflow: hidden; line-height: 1.5em;}
.entry-vijesti h3 {font: normal 20px "Trebuchet MS", Arial, Verdana, Sans-serif; color: #036f31; font-weight: normal; margin: 0 0 3px 0; line-height: 1.2em;}
.entry-vijesti h3 a:link, .entry-vijesti h3 a:visited, .entry-vijesti h3 a:active {color: #036f31; text-decoration: none;}
.entry-vijesti h3 a:hover {color: #579e34; text-decoration:none;}

.vijesti-datum {float:right; padding: 5px; color: #fff; font: normal 9px/9px Tahoma, Arial; text-align: center; background-color:#579E34;}

.entry-video {margin: 0 0 20px 0; width:700px; height: 81px; padding: 0 10px 0 0; overflow: hidden; line-height: 1.3em;}
.entry-video h3 {font: normal 16px "Trebuchet MS", Arial, Verdana, Sans-serif; color: #036f31; font-weight: normal; margin: 7px 0; line-height: 1.0em;}
.entry-video h3 a:link, .entry-video h3 a:visited, .entry-video h3 a:active {color: #036f31; text-decoration: none;}
.entry-video h3 a:hover {color: #579e34; text-decoration:none;}

.entry-gal {margin: 0 25px 25px 0; width:220px; height: 146px; padding: 0; overflow: hidden; float: left;}
.entry-gal2 {margin: 0 0 25px 0; width:220px; height: 146px; padding: 0; overflow: hidden; float: right;}
.gal1 {margin: 0 10px 10px 0; float: left;}
.gal2 {margin: 0 0 10px 0; float: left;}

.entry-upute {margin: 0; padding: 0; font-size:16px;}
.entry-upute p {padding: 0 0 10px 0;}
.entry-upute ul {list-style-type: square; padding: 0 0 10px 20px;}
.entry-upute ul li {padding: 0;}
.entry-upute ol {list-style-type: decimal-leading-zero; padding: 0 0 20px 40px;}
.entry-upute ol li {padding: 0 0 10px 0;}

.entry-uputecms {margin: 0; padding: 0; font-size:14px;}
.entry-uputecms p {padding: 0 0 20px 0;}
.entry-uputecms ul {list-style-type: square; padding: 0 0 20px 30px;}
.entry-uputecms ul li {padding: 0 0 8px 0;}
.entry-uputecms ol {list-style-type: decimal-leading-zero; padding: 0 0 20px 30px;}
.entry-uputecms ol li {padding: 0 0 8px 0;}

.uputescreenovi {background:#dbf7ce; border: 1px solid #acce9c; padding:10px; margin: 0 0 20px 0;}
.uputeslika1 {margin: 0 8px 8px 0; border: 1px solid #acce9c; float: left; padding:2px; background: #fff;}
.uputeslika2 {margin: 0 0 8px 0; border: 1px solid #acce9c; float: left; padding:2px; background: #fff;}

.medijislika1 {margin: 0 10px 10px 0; border: 1px solid #acce9c; float: left; padding:2px; background: #fff;}
.medijislika2 {margin: 0 0 10px 0; border: 1px solid #acce9c; float: left; padding:2px; background: #fff;}

#smaller {width: 230px; float: right;}

#smaller ul {list-style-type: none; padding: 0px; margin: 0px;}
#smaller ul li {background-image: url("https://poljodar-tim.hr/slike/smaller-strelica-02.gif"); background-repeat: no-repeat; background-position: 0px 5px; padding-left: 15px;}

.footer {clear: both; background: url("https://poljodar-tim.hr/slike/footer-podloga.png") top left no-repeat; width: 1025px; height: 224px; padding: 20px 0 0 0;}
.footer h3 {font: normal 16px "Trebuchet MS", Arial, Verdana, Sans-serif; color: #000; font-weight: normal; margin: 0 0 15px 0;}

.foot-lijevo {width: 270px; float: left; padding:0 0 0 30px;}
.foot-sredina {width: 300px; float: left; padding:0 0 0 63px;}
.foot-desno {width: 270px; height: 130px; float: left; padding:0 0 0 60px;}
.foot-potpis {font: 11px Tahoma, Arial, Helvetica, sans-serif; text-align: center;}
.foot-potpis2 {font: 11px Tahoma, Arial, Helvetica, sans-serif; text-align: left;}

span.narancasta {color:#EC8000;}
span.recepti-podnaslov {text-transform: uppercase; font-weight: bold; color: #b70404;}

.slika-lijevo {margin: 0 15px 0 0; border: 1px solid #acce9c; float: left; padding:2px; background: #fff;}
.slika-desno {margin: 0 0 0 15px; border: 1px solid #acce9c; float: right; padding:2px; background: #fff;}
.slika-desno2 {margin: 0 0 15px 15px; border: 1px solid #acce9c; float: right; padding:2px; background: #fff;}

.hlist-hibridi div.hover{background: url(https://poljodar-tim.hr/slike/boja-podloga.png); cursor:pointer;}

.highlightit img {filter:alpha(opacity=100); opacity:1;}
.highlightit:hover img {filter:alpha(opacity=70); opacity:0.7;}

.captchatext {font-size:11px; padding: 0 0 0 85px;}
.captchatext2 {font-size:11px; padding: 0 0 0 95px;}

.jezici {position:absolute;top:16px;right:45px}
.jezik {float:left}






.contactForm div {display: block;}
.contactForm label {font-size: 10px; font-weight: normal; display: block; clear: both; float:left; padding-bottom: 3px; margin-bottom: 10px; color: #5a5953;}
.contactForm input[type=text] {border: 1px solid #b0b0b0; background: #fff; font-size: 11px; color: #646464; padding: 2px; margin: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: block;}
.contactForm textarea {border: 1px solid #b0b0b0; background: #fff; font-size: 11px; color: #646464; padding: 2px; margin: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; resize: none;}
.contactForm input[type=text].error {border: 1px solid #cc0000; background: #ffc5c5;}
.contactForm textarea.error {border: 1px solid #cc0000; background: #ffc5c5;}
.notification {width: 100%; height: auto; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-top: 10px;}
#contactForm .notification {width: 100%;}
.notification div {-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 2px 2px 2px 30px;}
.notification.success {border: 1px solid #54aa29; background: #d3f4c0; font-size: 12px; color: #477e2b;}
.notification.success li {line-height: 17px; list-style-type: none; border-radius: 3px; padding: 2px 2px 2px 30px;}
.notification.success div {border: 1px solid #fff; background: url(https://poljodar-tim.hr/slike/offline/notification_success_icon.png); background-repeat: no-repeat; background-position: 8px center;}
.notification.error {border: 1px solid #aa2929; background: #f4c0c0; font-size: 12px; color: #7e2b2b;}
.notification.error li {line-height: 17px; list-style-position: inside; border-radius: 3px; padding: 2px 2px 2px 10px;}
.notification.error div {border: 1px solid #fff; background: url(https://poljodar-tim.hr/slike/offline/notification_error_icon.png); background-repeat: no-repeat; background-position: 8px center;}

.kontakt-lijevo {width: 460px; float: left;}
.kontakt-desno {width: 482px; float: right;}
.kontaktforma {width: 280px}

#mapkontakt {width: 482px; height: 550px;}

.screen-reader {display: block !important;left: -9999px !important;position: absolute !important;}















ul#topnav {margin: 0; padding: 0; float:left; width: 965px; list-style: none; font: normal 16px "Trebuchet MS", Arial, Verdana, Sans-serif; z-index:1000;}
ul#topnav li {float: left; margin: 0; padding: 0; position: relative;}
ul#topnav li a {float: left; text-indent: -9999px; height: 77px;}
ul#topnav li:hover a, ul#topnav li a:hover {background-position: left bottom;}
ul#topnav a.pocetna {background: url("https://poljodar-tim.hr/slike/menu-poc-poljodar.gif") no-repeat; width: 161px;}
ul#topnav a.onama {background: url("https://poljodar-tim.hr/slike/menu-onama-poljodar.gif") no-repeat; width: 161px;}
ul#topnav a.program {background: url("https://poljodar-tim.hr/slike/menu-program-poljodar.gif") no-repeat; width: 161px;}
ul#topnav a.hibridi {background: url("https://poljodar-tim.hr/slike/menu-hibridi-poljodar.gif") no-repeat; width: 161px; }
ul#topnav a.multimedija {background: url("https://poljodar-tim.hr/slike/menu-multimedija-poljodar.gif") no-repeat; width: 161px; }
ul#topnav a.kontakt {background: url("https://poljodar-tim.hr/slike/menu-kontakt-poljodar.gif") no-repeat; width: 160px; }

ul#topnav li .sub {position: absolute; top: 77px; left: 0; padding: 15px 15px 15px; float: left; -moz-border-radius-bottomright: 5px; -khtml-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -khtml-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; display: none; z-index:1000;}
ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
ul#topnav li .sub ul{list-style: none; margin: 0; padding: 0; width: 150px; float: left; z-index:1000;}
ul#topnav .sub ul li {width: 100%; color: #fff; z-index:1000;}
ul#topnav .sub ul li h2 {padding: 0;  margin: 0;font-size: 20px; font-weight: normal; z-index:1000;}
ul#topnav .sub ul li h2 a {padding: 5px 0; background-image: none; color: #152a45; z-index:1000;}
ul#topnav .sub ul li a {float: none; text-indent: 0; height: auto; background: url("https://poljodar-tim.hr/slike/strelica-izbornik.gif") no-repeat 2px 12px; padding: 4px 2px 2px 10px; display: block; text-decoration: none; color: #fff; z-index:1000;}
ul#topnav .sub ul li a:hover {color: #fff; text-decoration:underline; background-position: 2px 12px ;}

ul#topnav li .sub1 {background-color: #ae2b2b;}
ul#topnav li .sub2 {background-color: #ec8000;}
ul#topnav li .sub3 {background-color: #f6ba18;}
ul#topnav li .sub4 {background-color: #94ac26;}







ul#topnav-en {margin: 0; padding: 0; float:left; width: 965px; list-style: none; font: normal 16px "Trebuchet MS", Arial, Verdana, Sans-serif; z-index:1000;}
ul#topnav-en li {float: left; margin: 0; padding: 0; position: relative;}
ul#topnav-en li a {float: left; text-indent: -9999px; height: 77px;}
ul#topnav-en li:hover a, ul#topnav li a:hover {background-position: left bottom;}
ul#topnav-en a.pocetna {background: url("https://poljodar-tim.hr/slike/menu-poc-poljodar-en.gif") no-repeat; width: 161px;}
ul#topnav-en a.onama {background: url("https://poljodar-tim.hr/slike/menu-onama-poljodar-en.gif") no-repeat; width: 161px;}
ul#topnav-en a.program {background: url("https://poljodar-tim.hr/slike/menu-program-poljodar-en.gif") no-repeat; width: 161px;}
ul#topnav-en a.hibridi {background: url("https://poljodar-tim.hr/slike/menu-hibridi-poljodar-en.gif") no-repeat; width: 161px; cursor:inherit}
ul#topnav-en a.multimedija {background: url("https://poljodar-tim.hr/slike/menu-multimedija-poljodar-en.gif") no-repeat; width: 161px; cursor:inherit}
ul#topnav-en a.kontakt {background: url("https://poljodar-tim.hr/slike/menu-kontakt-poljodar-en.gif") no-repeat; width: 160px; cursor:inherit}

ul#topnav-en li .sub {position: absolute; top: 77px; left: 0; padding: 15px 15px 15px; float: left; -moz-border-radius-bottomright: 5px; -khtml-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -khtml-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; display: none; z-index:1000;}
ul#topnav-en li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
ul#topnav-en li .sub ul{list-style: none; margin: 0; padding: 0; width: 150px; float: left; z-index:1000;}
ul#topnav-en .sub ul li {width: 100%; color: #fff; z-index:1000;}
ul#topnav-en .sub ul li h2 {padding: 0;  margin: 0;font-size: 20px; font-weight: normal; z-index:1000;}
ul#topnav-en .sub ul li h2 a {padding: 5px 0; background-image: none; color: #152a45; z-index:1000;}
ul#topnav-en .sub ul li a {float: none; text-indent: 0; height: auto; background: url("https://poljodar-tim.hr/slike/strelica-izbornik.gif") no-repeat 2px 12px; padding: 4px 2px 2px 10px; display: block; text-decoration: none; color: #fff; z-index:1000;}
ul#topnav-en .sub ul li a:hover {color: #fff; text-decoration:underline; background-position: 2px 12px ;}

ul#topnav-en li .sub1 {background-color: #ae2b2b;}
ul#topnav-en li .sub2 {background-color: #ec8000;}
ul#topnav-en li .sub3 {background-color: #f6ba18;}
ul#topnav-en li .sub4 {background-color: #94ac26;}









.vertical {position:relative; overflow:hidden; height: 130px; width: 270px;}
.items {position:absolute; height:200px;}
.item {padding:5px 0; height:22px;}
.item h5 {font-weight: normal; font: 11px Tahoma, Arial, Helvetica, sans-serif;}
.scrollable-v .active {border:0; position:relative; cursor:default;
}

















.scrollable-v {margin: 0; position: relative; overflow: hidden; width: 625px; height: 110px; border: 1px solid #cccccc; background-attachment: scroll; background-repeat: repeat-x; background-image: url("https://poljodar-tim.hr/slike/h300.png"); background-position: 0% 0%; background-color: transparent;}

.scrollable-v .items {
/* this cannot be too large */
width:10000em; position:absolute;}

.scrollable-v .items div {float:left; width:124px;}

/* single scrollable item */
.scrollable-v img { float:left; margin:15px 7px 14px 11px; background-color:#fff; padding:2px; border:1px solid #ccc; width:100px; height:75px; -moz-border-radius:4px; -webkit-border-radius:4px;}

/* active item */
.scrollable-v .active {border:2px solid #000; position:relative; cursor:default;}

/* this makes it possible to add next button beside scrollable */
.scrollable-v {float:left;	}

/* prev, next, prevPage and nextPage buttons */
a.browse {background:url(https://poljodar-tim.hr/slike/hori_large.png) no-repeat; display:block; width:30px; height:30px; float:left; margin:50px 10px; cursor:pointer; font-size:1px;}

/* right */
a.right {background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover {background-position:-30px -30px; }
a.right:active 	{background-position:-60px -30px; } 

/* left */
a.left {margin-left: 0px; } 
a.left:hover {background-position:-30px 0;}
a.left:active {background-position:-60px 0;}

/* disabled navigational button */
a.disabled {visibility:hidden !important;}





















#yourSliderId1, #yourSliderId1 li, #yourSliderId2, #yourSliderId2 li  {height: 200px; width: 235px;}
#yourSliderId1, #yourSliderId2 {list-style: none !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; position: relative !important; float: right;}
#yourSliderId1 li, #yourSliderId2 li {display: none; margin: 0; position: absolute; width: 100%;float: right;}
#yourSliderId1 li.current, #yourSliderId2 li.current {display: block; z-index: 2 !important;}
#yourSliderId1 li.next, #yourSliderId2 li.next {display: block; z-index: 1 !important;}
#yourSliderId1 li ul li, #yourSliderId2 li ul li {display: block !important; position: relative !important;}

#yourSliderId3, #yourSliderId3 li, #yourSliderId4, #yourSliderId4 li  {height: 200px; width: 235px;}
#yourSliderId3, #yourSliderId4 {list-style: none !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; position: relative !important; float: left;}
#yourSliderId3 li, #yourSliderId4 li {display: none; margin: 0; position: absolute; width: 100%; float: left;}
#yourSliderId3 li.current, #yourSliderId4 li.current {display: block; z-index: 2 !important;}
#yourSliderId3 li.next, #yourSliderId4 li.next {display: block; z-index: 1 !important;}
#yourSliderId3 li ul li, #yourSliderId4 li ul li {display: block !important; position: relative !important;}








#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(https://poljodar-tim.hr/slike/loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(https://poljodar-tim.hr/slike/close.png);}
#sb-nav-next{background-image:url(https://poljodar-tim.hr/slike/next.png);}
#sb-nav-previous{background-image:url(https://poljodar-tim.hr/slike/previous.png);}
#sb-nav-play{background-image:url(https://poljodar-tim.hr/slike/play.png);}
#sb-nav-pause{background-image:url(https://poljodar-tim.hr/slike/pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}



.banner-kat {width:100%;text-align:center;background:#107DAC;color:#fff;font-size:24px;font-weight:bold;padding:20px 0;display:block;margin:20px 0 0 0}
.banner-kat:hover {background:#009FFF}
.link-kat {color:#fff;text-decoration:none}
.link-kat-in:link, .link-kat-in:visited, .link-kat-in:active, .link-kat-in:focus {color:#fff;text-decoration:none !important;width:100%;display:block}
.link-kat-in:hover {text-decoration:none !important}
.link-kat-small {font-size:14px}


.banner-cjenik {width:100%;text-align:center;background:#017c44;color:#fff;font-size:24px;font-weight:bold;padding:20px 0;display:block;margin:20px 0 0 0}
.banner-cjenik:hover {background:#1aa868}
.link-cjenik {color:#fff;text-decoration:none}
.link-cjenik-in:link, .link-cjenik-in:visited, .link-cjenik-in:active, .link-cjenik-in:focus {color:#fff;text-decoration:none !important;width:100%;display:block}
.link-cjenik-in:hover {text-decoration:none !important}
.link-cjenik-small {font-size:14px}




















/*  _______________________________________

	2. LOMO EFFECT
    _______________________________________  */



.lomo {
	position: relative; 
	display: inline-block;
	cursor: pointer;
}                    
.lomo img {
	display: block;
}  
.lomo:hover:after {
	/* The box shadow is set to black and mkes the nice inner glowing
	   effect on mouse hover */
	-moz-box-shadow: inset 0 0 80px #000000;  
	-webkit-box-shadow: inset 0 0 80px #000000;   
	box-shadow: inset 0 0 80px #000000;
	/* Positionning this black glow on mouse hover */
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;  
	z-index: 2;              
	content: "";
} 



/*  _______________________________________

	3.a, 3.b OVERLAYS
    _______________________________________  */



.overlay {
	position: relative; 
	display: inline-block;
}                    
	.overlay img {
		display: block;
	}  
.overlay .description {
	position: absolute;
	left: 0px; 
	width: 100%;
	
	/* Setting a zero opacity so we have a nice fading effect on mouse hover */
	filter: alpha(opacity=0);
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	/* Semi-transparent background for modern browsers, black for older browsers */
	background:#000000;
	background: rgba(0,0,0,0.8);
	/* CSS3 transition, makes the fading effect */ 
	-webkit-transition: opacity 0.4s ease-in-out;
	-moz-transition: opacity 0.4s ease-in-out;
	-o-transition: opacity 0.4s ease-in-out;
	transition: opacity 0.4s ease-in-out;
}
	.description p {
		/* Text styling */
		padding:10px;
		color:#ffffff;
	}
.overlay:hover .description {
	/* Setting a 100% opacity on mouse hover */
	filter: alpha(opacity=100);
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
/* Aligning to the bottom of the image */
.bottom {
	bottom: 0px;
}
/* Aligning to the top of the image */
.top {
	top: 0px;
}




/*  _______________________________________

	01 SIMPLE BORDER
    _______________________________________  */



.border img {
	border:5px solid #FFFFFF;
	
	/* CSS3 transitions working only for modern browsers */
	-webkit-transition: border 0.4s ease;
	-moz-transition: border 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: border 0.4s ease;
}
.border img:hover {
	border:5px solid #c6efc4; /* Changing the border color on mouse hover */
}