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, body {
height: 100%;
}

body {
margin: 0;
padding:0;
background: #eeeeee url("http://hittner.hr/slike/hittner-bg2.gif") top left repeat-x;
font-family: Arial, Verdana, Sans-serif;
font-size: 13px;
font-weight: normal;
line-height: 20px;
color: #2d3e5a;
}
#wrapper {
width: 985px;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -231px;
padding: 0;
background: url("http://hittner.hr/slike/main3.gif") top left repeat-y;
}
#wrapper-poc {
width: 985px;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -203px;
padding: 0;
background: url("http://hittner.hr/slike/main3.gif") top left repeat-y;
}
a:link {
	color: #2d3e5a;
	text-decoration: none;
}
a:visited {
	color: #2d3e5a;
	text-decoration: none;
}
a:active {
	color: #2d3e5a;
	text-decoration: none;
}
a:hover {
	color: #4b83cf;
	text-decoration: none;
}


.bijeli:link {
	color: #fff;
	text-decoration: none;
}
.bijeli:visited {
	color: #fff;
	text-decoration: none;
}
.bijeli:active {
	color: #fff;
	text-decoration: none;
}
.bijeli:hover {
	color: #d5d5d5;
	text-decoration: none;
}

.bijeli2:link {
	color: #fff;
	text-decoration: none;
}
.bijeli2:visited {
	color: #fff;
	text-decoration: none;
}
.bijeli2:active {
	color: #fff;
	text-decoration: none;
}
.bijeli2:hover {
	color: #fff;
	text-decoration: none;
}

.zuti:link {
	color: #e9d600;
	text-decoration: none;
}
.zuti:visited {
	color: #e9d600;
	text-decoration: none;
}
.zuti:active {
	color: #e9d600;
	text-decoration: none;
}
.zuti:hover {
	color: #fdeb1b;
	text-decoration: none;
}

.slika-jezici {
float: left;
margin: 0;
padding: 0;
border: 0;
}

.slika-smaller {
float: left;
margin: 0;
padding: 0;
border: 0;
}

.slika-izdvojeno {
float: left;
margin: 0 7px 7px 0;
padding: 0;
border: 2px solid #b2d3d8;
}

.slika-izdvojeno:hover {
float: left;
margin: 0 7px 7px 0;
padding: 0;
border: 2px solid #e0d300;
}

.slika-environment {
float: left;
margin: 0;
padding: 3px;
border: 0;
border: 1px solid #93b7bc;
}

.slika-environment:hover {
float: left;
margin: 0;
padding: 3px;
border: 0;
border: 1px solid #e0d300;
}

.slika-dealers {
float: right;
margin: 20px 10px 0 10px;
padding: 3px;
border: 1px solid #93b7bc;
}

.slika-dealers:hover {
float: right;
margin: 20px 10px 0 10px;
padding: 3px;
border: 1px solid #e0d300;
}

.slika-dealers-ar {
float: left;
margin: 20px 10px 0 10px;
padding: 3px;
border: 1px solid #93b7bc;
}

.slika-dealers-ar:hover {
float: left;
margin: 20px 10px 0 10px;
padding: 3px;
border: 1px solid #e0d300;
}


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

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

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

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

.slika-rub {
float: left;
margin: 0 0 10px 0;
padding: 3px;
border: 1px solid #93b7bc;
}

.slika-rub:hover {
float: left;
margin: 0 0 10px 0;
padding: 3px;
border: 1px solid #e0d300;
}

.slika-lijevobb {
float: left;
margin: 0 10px 0 0;
padding: 0;
border: 0;
}

.slika-desnobb {
float: right;
margin: 0 0 10px 10px;
padding: 0;
border: 0;
}

.slika-rubbb {
float: left;
margin: 0 0 10px 0;
padding: 0;
border: 0;
}

.clear {
clear: both;
margin:0;
padding:0;
height: 0.1px;
overflow: hidden;
}

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

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

input.text {
width: 230px;
font: 11px Arial, sans-serif;
}
textarea.text {
width: 330px;
height: 100px;
font: 11px Arial, sans-serif;
}
input.button {
font: 11px Arial, sans-serif;
color: #333;
}

#header {
float: left;
width: 985px;
height: 216px;
background: url("http://hittner.hr/slike/header-hr.jpg") top left no-repeat;
margin: 0;
padding: 0;
}

#header-en {
float: left;
width: 985px;
height: 216px;
background: url("http://hittner.hr/slike/header-en.jpg") top left no-repeat;
margin: 0;
padding: 0;
}

#header-ar {
float: left;
width: 985px;
height: 216px;
background: url("http://hittner.hr/slike/header-ar2.jpg") top left no-repeat;
margin: 0;
padding: 0;
}

#header-ru {
float: left;
width: 985px;
height: 216px;
background: url("http://hittner.hr/slike/header-ru.jpg") top left no-repeat;
margin: 0;
padding: 0;
}

#header-fr {
float: left;
width: 985px;
height: 216px;
background: url("http://hittner.hr/slike/header-fr.jpg") top left no-repeat;
margin: 0;
padding: 0;
}

#ikone {
float: left;
background: url("http://hittner.hr/slike/ikone.jpg") top left no-repeat;
width: 985px;
height: 65px;
margin: 0;
padding: 0;
}

.hrvatski {
float: left;
width: 40px;
height: 32px;
background: url("http://hittner.hr/slike/hrvatski-on.jpg") top left no-repeat;
margin: 0;
padding: 0;
cursor: pointer;
}

.hrvatski:hover {
float: left;
width: 40px;
height: 32px;
background: url("http://hittner.hr/slike/hrvatski2.jpg") top left no-repeat;
margin: 0;
padding: 0;
}

.english {
float: left;
width: 40px;
height: 32px;
background: url("http://hittner.hr/slike/english-on.jpg") top left no-repeat;
margin: 0;
padding: 0;
cursor: pointer;
}

.english:hover {
float: left;
width: 40px;
height: 32px;
background: url("http://hittner.hr/slike/english2.jpg") top left no-repeat;
margin: 0;
padding: 0;
}

.arabic {
float: left;
width: 40px;
height: 32px;
background: url("http://hittner.hr/slike/arabic-on.jpg") top left no-repeat;
margin: 0;
padding: 0;
cursor: pointer;
}

.arabic:hover {
float: left;
width: 40px;
height: 32px;
background: url("http://hittner.hr/slike/arabic2.jpg") top left no-repeat;
margin: 0;
padding: 0;
}

.francais {
float: left;
width: 40px;
height: 32px;
background: url("http://hittner.hr/slike/francais-on.jpg") top left no-repeat;
margin: 0;
padding: 0;
cursor: pointer;
}

.francais:hover {
float: left;
width: 40px;
height: 32px;
background: url("http://hittner.hr/slike/francais2.jpg") top left no-repeat;
margin: 0;
padding: 0;
}

.russian {
float: left;
width: 40px;
height: 32px;
background: url("http://hittner.hr/slike/russian-on.jpg") top left no-repeat;
margin: 0;
padding: 0;
cursor: pointer;
}

.russian:hover {
float: left;
width: 40px;
height: 32px;
background: url("http://hittner.hr/slike/russian2.jpg") top left no-repeat;
margin: 0;
padding: 0;
}

.ceski {
float: left;
width: 40px;
height: 32px;
background: url("http://hittner.hr/slike/ceski-on.jpg") top left no-repeat;
margin: 0;
padding: 0;
cursor: pointer;
}

.ceski:hover {
float: left;
width: 40px;
height: 32px;
background: url("http://hittner.hr/slike/ceski2.jpg") top left no-repeat;
margin: 0;
padding: 0;
}

.jezici {
float: left;
width: 240px;
height: 32px;
margin: 0;
padding: 0 0 0 20px;
}

.jezici ul {
width: 240px;
height: 32px;
margin: 0;
padding: 0;
}

.jezici li {
float: left;
width: 40px;
height: 32px;
margin: 0;
padding: 0;
}

.kratice {
float: right;
width: 120px;
height: 52px;
margin: 0;
padding: 0 20px 0 0;
}

.kratice ul {
float: right;
width: 120px;
height: 52px;
margin: 0;
padding: 0;
}

.kratice li {
float: right;
width: 40px;
height: 52px;
margin: 0;
padding: 0;
}

.kratice li a {
float: right;
width: 40px;
height: 52px;
background: url("http://hittner.hr/slike/kratica-hover.jpg") top left no-repeat;
margin: 0;
padding: 0;
}

.kratice li a:hover {
float: right;
width: 40px;
height: 52px;
background: url("http://hittner.hr/slike/kratica-link.jpg") top left no-repeat;
margin: 0;
padding: 0;
}

#trazilica {
float: left;
width: 985px;
height: 90px;
margin: 0;
padding: 0;
}

.logo {
float: left;
width: 200px;
height: 60px;
margin: 0;
padding: 0 0 0 393px;
}

.trazilica-i {
float: right;
width: 164px;
height: 57px;
margin: 0;
padding: 33px 26px 0 0;
}

.trazi {
float: right;
width: 164px;
height: 35px;
margin: 0;
padding: 0;
}

.inputwrapper {
float: left;
width: 130px;
height: 35px;
background: url("http://hittner.hr/slike/trazi.jpg") top left no-repeat;
}

input.textsearch {
float: left;
background-color: transparent;
width: 125px;
height: 23px;
font-family: Arial, Verdana, Sans-serif;
font-size: 11px;
font-weight: normal;
margin: 0;
padding: 12px 0 0 5px;
border: 0;
color: #fff;
}

.buttonsearch {
float: right;
background: url("http://hittner.hr/slike/trazi-gumb.jpg") top left no-repeat;
width: 34px;
height: 35px;
margin: 0;
padding: 0;
border: 0;
color: #fff;
cursor: hand;
}

#menu {
width: 925px;
height: 56px;
margin: 0;
padding: 0 0 0 60px;
font-family: Arial, Verdana, Sans-serif;
font-size: 15px;
font-weight: normal;
color: #d5d5d5;
line-height: 56px;
}

#menu ul {
margin: 0;
padding: 0;
}

#menu li {
display: inline;
margin: 0 45px 0 0;
padding: 0;
}

#menu a {
color: #cfcfcf;
}

#menu a:hover {
color: #fff;
}

#menu a.highlightit {
color: #fff;
}

#main-c {
float: left;
width: 985px;
height: 526px;
background: url("http://hittner.hr/slike/main.gif") top left no-repeat;
margin: 0;
padding: 0;
}

#main {
float: left;
width: 959px;
margin: 0;
padding: 0 13px 0 13px;
}

#main2-c {
float: left;
width: 985px;
background: url("http://hittner.hr/slike/main3.gif") top left repeat-y;
margin: 0;
padding: 0;
}

#main2 {
float: left;
width: 959px;
margin: 0;
padding: 0 13px 0 13px;
}

#bigger-poc {
width: 535px;
height: 526px;
float: left;
margin: 0;
padding: 0;
}

#bigger-c {
width: 535px;
height: 526px;
float: left;
margin: 0;
padding: 0;
position: relative;
}

#bigger-c h1 {
width: 515px;
height: 20px;
margin: 0;
padding: 10px;
color: #2d3e5a;
font-size: 18px;
line-height: 20px;
font-weight: normal;
text-transform: uppercase;
}

#bigger {
width: 535px;
height: 455px;
float: left;
margin: 0;
padding: 0;
overflow:hidden;
overflow-y:auto;
}

#bigger h1 {
margin: 0;
padding: 10px;
color: #2d3e5a;
font-size: 18px;
line-height: 20px;
font-weight: normal;
text-transform: uppercase;
}

#bigger2-title {
width: 959px;
height: 40px;
float: left;
margin: 0 0 10px 0;
padding: 0;
}

#bigger2-title h1 {
margin: 0;
padding: 10px;
color: #2d3e5a;
font-size: 18px;
line-height: 20px;
font-weight: normal;
text-transform: uppercase;
}

#bigger2 {
width: 959px;
float: left;
margin: 0;
padding: 0;
}

#bigger2 h1 {
margin: 0;
padding: 10px;
color: #2d3e5a;
font-size: 18px;
line-height: 20px;
font-weight: normal;
text-transform: uppercase;
}

#rotator {
width: 535px;
height: 526px;
float: left;
margin: 0;
padding: 0;
border: 0;
}

#entry-rotator {
width: 490px;
height: 300px;
float: left;
margin: 0 0 10px 0;
padding: 3px;
border: 1px solid #858585;
}

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

.entry-title h3 {
margin: 0;
padding: 0 0 10px 0;
color: #7598d0;
font-size: 16px;
line-height: 18px;
font-weight: normal;
}

.entry-title h3 a {
border: none;
color: #7598d0;
}

.entry-title h3 a:hover {
border: none;
color: #a4bbe1;
}

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

.entry-proizvod-title h3 {
margin: 0;
padding: 0 0 10px 0;
color: #7598d0;
font-size: 14px;
line-height: 18px;
font-weight: normal;
}

.entry-proizvod-title h3 a {
border: none;
color: #7598d0;
font-size: 14px;
line-height: 18px;
font-weight: normal;
}

.entry-proizvod-title h3 a:hover {
border: none;
color: #a4bbe1;
}

.entry {
margin: 0 10px 0 10px;
padding: 0;
font-size: 11px;
line-height: 15px;
color: #757575;
}

.entry p {
margin: 0;
padding: 0 0 10px 0;
font-size: 11px;
line-height: 15px;
}

.entry ul {
margin: 0 0 0 25px;
padding: 0;
list-style: square;
}

.entry ul li {
margin: 0;
padding: 0;
list-style: square;
}

.entry2 {
margin: 0 10px 0 10px;
padding: 0;
font-size: 12px;
line-height: 16px;
color: #757575;
}

.entry2 p {
margin: 0;
padding: 0 0 10px 0;
font-size: 12px;
line-height: 16px;
}

.entry2 ul {
margin: 0 0 0 25px;
padding: 0;
list-style: square;
}

.entry2 ul li {
margin: 0;
padding: 0;
list-style: square;
}

.entry-proizvod {
float: left;
margin: 0 35px 0 0;
padding: 0;
width: 206px;
height: 230px;
}

.entry-proizvod2 {
float: left;
margin: 0;
padding: 0;
width: 206px;
height: 230px;
}

.entry-proizvod img,
.entry-proizvod2 img {
margin: 0;
padding: 3px;
border: 1px solid #93b7bc;
}

.entry-proizvod img:hover,
.entry-proizvod2 img:hover {
margin: 0;
padding: 3px;
border: 1px solid #e0d300;
}





#bigger2-title-ar {
width: 959px;
height: 40px;
float: left;
margin: 0 0 10px 0;
padding: 0;
}

#bigger2-title-ar h1 {
margin: 0;
padding: 10px;
color: #2d3e5a;
font-size: 18px;
line-height: 20px;
font-weight: normal;
text-transform: uppercase;
}

.entry-title-ar {
margin: 0;
padding: 0;
text-align: right;
}

.entry-title-ar h3 {
margin: 0;
padding: 0 0 10px 0;
color: #7598d0;
font-size: 16px;
line-height: 18px;
font-weight: normal;
text-align: right;
}

.entry-title-ar h3 a {
border: none;
color: #7598d0;
text-align: right;
}

.entry-title-ar h3 a:hover {
border: none;
color: #a4bbe1;
text-align: right;
}

.entry-proizvod-title-ar {
margin: 0;
padding: 0;
text-align: right;
}

.entry-proizvod-title-ar h3 {
margin: 0;
padding: 0 0 10px 0;
color: #7598d0;
font-size: 14px;
line-height: 18px;
font-weight: normal;
text-align: right;
}

.entry-proizvod-title-ar h3 a {
border: none;
color: #7598d0;
font-size: 14px;
line-height: 18px;
font-weight: normal;
text-align: right;
}

.entry-proizvod-title-ar h3 a:hover {
border: none;
color: #a4bbe1;
text-align: right;
}

.entry-ar {
margin: 0 10px 0 10px;
padding: 0;
font-size: 11px;
line-height: 15px;
color: #757575;
text-align: right;
}

.entry-ar p {
margin: 0;
padding: 0 0 10px 0;
font-size: 11px;
line-height: 15px;
text-align: right;
}

.entry-ar ul {
margin: 0 0 0 25px;
padding: 0;
list-style: square;
}

.entry-ar ul li {
margin: 0;
padding: 0;
list-style: square;
}

.entry2-ar {
margin: 0 10px 0 10px;
padding: 0;
font-size: 12px;
line-height: 16px;
color: #757575;
text-align: right;
}

.entry2-ar p {
margin: 0;
padding: 0 0 10px 0;
font-size: 12px;
line-height: 16px;
text-align: right;
}

.entry2-ar ul {
margin: 0 0 0 25px;
padding: 0;
list-style: square;
}

.entry2-ar ul li {
margin: 0;
padding: 0;
list-style: square;
}

.entry-proizvod-ar {
float: right;
margin: 0 0 0 35px;
padding: 0;
width: 206px;
height: 230px;
text-align: right;
}

.entry-proizvod2-ar {
float: right;
margin: 0;
padding: 0;
width: 206px;
height: 230px;
text-align: right;
}

.entry-proizvod-ar img,
.entry-proizvod2-ar img {
margin: 0;
padding: 3px;
border: 1px solid #93b7bc;
}

.entry-proizvod-ar img:hover,
.entry-proizvod2-ar img:hover {
margin: 0;
padding: 3px;
border: 1px solid #e0d300;
}






.entry-pic {
float: left;
}

.entry-pic img {
margin: 0 10px 10px 0;
padding: 3px;
border: 1px solid #93b7bc;
}

.entry-pic img:hover {
margin: 0 10px 10px 0;
padding: 3px;
border: 1px solid #e0d300;
}

span.text-lijevo {
float: left;
display: inline; /*fixes IE float bug*/
text-align: left;
}

span.text-desno {
float: right;
display: inline; /*fixes IE float bug*/
text-align: right;
}

span.text-crvena {
color: #7598d0;
}

span.text-plava {
color: #7598d0;
}

span.font-ru {
font-size: 11px;
}

.back-c {
width: 640px;
height: 25px;
float: right;
margin: 0;
padding: 0;
}

.back {
height: 15px;
background-color: #61809d;
float: right;
margin: 7px 0;
padding: 4px;
border: 1px solid #99afbf;
font-size: 11px;
cursor: hand;
color: fff;
}

.back:hover {
height: 15px;
background-color: #43516C;
float: right;
margin: 7px 0;
padding: 4px;
border: 1px solid #7e95a6;
font-size: 11px;
cursor: hand;
color: #fff;
}

.detaljnije {
float: right;
margin: 0;
padding: 0;
color: #fff;
}

.detaljnije a {
height: 15px;
background-color: #61809d;
float: right;
margin: 7px 0;
padding: 4px;
border: 1px solid #99afbf;
font-size: 11px;
cursor: hand;
color: #fff;
}

.detaljnije a:active {
height: 15px;
background-color: #61809d;
float: right;
margin: 7px 0;
padding: 4px;
border: 1px solid #99afbf;
font-size: 11px;
cursor: hand;
color: #fff;
}

.detaljnije a:visited {
height: 15px;
background-color: #61809d;
float: right;
margin: 7px 0;
padding: 4px;
border: 1px solid #99afbf;
font-size: 11px;
cursor: hand;
color: #fff;
}

.detaljnije a:hover {
height: 15px;
background-color: #43516C;
float: right;
margin: 7px 0;
padding: 4px;
border: 1px solid #7e95a6;
font-size: 11px;
cursor: hand;
color: #fff;
}

.detaljnije2 {
float: right;
margin: 0;
padding: 0;
color: #e9d600;
}

.contact {
float: left;
width: 148px;
margin: 0;
padding: 20px 0 0 20px;
}

#breadcrumb {
float: left;
width: 505px;
height: 11px;
margin: 0;
padding: 15px 10px 5px 10px;
position: absolute;
bottom: 0;
left: 0;
}

#breadcrumb h2 {
float: left;
font-size: 11px;
font-weight: normal;
line-height: 11px;
margin: 0;
padding: 0;
}

#breadcrumb a:link {
float: left;
font-size: 11px;
font-weight: normal;
line-height: 11px;
color: #2d3e5a;
}

#breadcrumb a:visited {
color: #2d3e5a;
}

#breadcrumb a:active {
color: #2d3e5a;
}

#breadcrumb a:hover {
color: #516483;
}

#breadcrumb2 {
float: left;
width: 939px;
height: 13px;
margin: 0;
padding: 15px 23px 0 23px;
color: #2d3e5a;
}

#breadcrumb2 h2 {
float: left;
font-size: 11px;
font-weight: normal;
line-height: 13px;
margin: 0;
padding: 0;
}

#breadcrumb2 a:link {
float: left;
font-size: 11px;
font-weight: normal;
line-height: 13px;
color: #2d3e5a;
}

#breadcrumb2 a:visited {
color: #2d3e5a;
}

#breadcrumb2 a:active {
color: #2d3e5a;
}

#breadcrumb2 a:hover {
color: #516483;
}

#breadcrumb2-up {
float: left;
width: 939px;
height: 13px;
margin: 0 0 10px 0;
padding: 0 10px 5px 10px;
}

#breadcrumb2-up h2 {
float: left;
font-size: 11px;
font-weight: normal;
line-height: 13px;
margin: 0;
padding: 0;
}

#breadcrumb2-up a:link {
float: left;
font-size: 11px;
font-weight: normal;
line-height: 13px;
color: #2d3e5a;
}

#breadcrumb2-up a:visited {
color: #2d3e5a;
}

#breadcrumb2-up a:active {
color: #2d3e5a;
}

#breadcrumb2-up a:hover {
color: #516483;
}

#breadcrumb2-ar {
float: right;
text-align: right;
width: 939px;
height: 13px;
margin: 0;
padding: 15px 23px 0 23px;
color: #2d3e5a;
}

#breadcrumb2-ar h2 {
float: right;
text-align: right;
font-size: 11px;
font-weight: normal;
line-height: 13px;
margin: 0;
padding: 0;
}

#breadcrumb2-ar a:link {
float: right;
text-align: right;
font-size: 11px;
font-weight: normal;
line-height: 13px;
color: #2d3e5a;
}

#breadcrumb2-ar a:visited {
color: #2d3e5a;
}

#breadcrumb2-ar a:active {
color: #2d3e5a;
}

#breadcrumb2-ar a:hover {
color: #516483;
}

#breadcrumb2-up-ar {
float: right;
text-align: right;
width: 939px;
height: 13px;
margin: 0 0 10px 0;
padding: 0 10px 5px 10px;
}

#breadcrumb2-up-ar h2 {
float: right;
text-align: right;
font-size: 11px;
font-weight: normal;
line-height: 13px;
margin: 0;
padding: 0;
}

#breadcrumb2-up-ar a:link {
float: right;
text-align: right;
font-size: 11px;
font-weight: normal;
line-height: 13px;
color: #2d3e5a;
}

#breadcrumb2-up-ar a:visited {
color: #2d3e5a;
}

#breadcrumb2-up-ar a:active {
color: #2d3e5a;
}

#breadcrumb2-up-ar a:hover {
color: #516483;
}

#smaller {
width: 424px;
float: right;
margin: 0;
padding: 0;
font-size: 11px;
line-height: 16px;
}

#menu-lijevo {
float: left;
width: 240px;
margin: 0;
padding: 0;
}

#menu-desno {
float: right;
width: 699px;
margin: 0;
padding: 0;
}

#smaller-menu3 {
float: left;
margin: 0;
padding: 0;
}

#smaller-menu3 h4 {
margin: 0;
padding: 0;
line-height: 20px;
color: #fff;
font-size: 18px;
font-weight: normal;
}

#smaller-menu3 ul {
float: left;
margin: 0;
padding: 0;
list-style: none;
}

#smaller-menu3 li {
float: left;
height: 129px;
margin: 0 0 10px 0;
padding: 0;
list-style: none;
}

#smaller-menu3 li a {
width: 219px;
height: 129px;
text-align: center;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
padding: 0;
line-height: 20px;
color: #fff;
font-size: 18px;
border: 1px solid #93b7bc;
}

#smaller-menu3 li a:hover {
width: 219px;
height: 129px;
text-align: center;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
padding: 0;
line-height: 20px;
color: #fff;
font-size: 18px;
border: 1px solid #e0d300;
-moz-opacity: 0.7;
opacity: 0.7;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}

#smaller-menu3-ar {
float: right;
margin: 0;
padding: 0;
}

#smaller-menu3-ar h4 {
margin: 0;
padding: 0;
line-height: 20px;
color: #fff;
font-size: 18px;
font-weight: normal;
}

#smaller-menu3-ar ul {
float: right;
margin: 0;
padding: 0;
list-style: none;
}

#smaller-menu3-ar li {
float: right;
height: 129px;
margin: 0 0 10px 0;
padding: 0;
list-style: none;
}

#smaller-menu3-ar li a {
width: 219px;
height: 129px;
text-align: right;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
padding: 0;
line-height: 20px;
color: #fff;
font-size: 18px;
border: 1px solid #93b7bc;
}

#smaller-menu3-ar li a:hover {
width: 219px;
height: 129px;
text-align: right;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
padding: 0;
line-height: 20px;
color: #fff;
font-size: 18px;
border: 1px solid #e0d300;
-moz-opacity: 0.7;
opacity: 0.7;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}

#smaller-menu2 {
float: left;
width: 931px;
height: 150px;
margin: 0;
padding: 0 4px 0 4px;
position: relative;
overflow: hidden;
}

#smaller-menu2 h4 {
margin: 0;
padding: 0;
line-height: 20px;
color: #fff;
font-size: 18px;
font-weight: normal;
}

#smaller-menu2 ul {
float: left;
width: 939px;
height: 150px;
margin: 0;
padding: 0;
}

#smaller-menu2 li {
float: left;
width: 219px;
margin: 0 6px 3px 6px;
padding: 0;
display: inline;
}

#smaller-menu2 li a {
width: 219px;
height: 129px;
text-align: center;
margin-left: auto;
margin-right: auto;
padding: 0;
line-height: 20px;
color: #fff;
font-size: 18px;
border: 1px solid #93b7bc;
}

#smaller-menu2 li a:hover {
width: 219px;
height: 129px;
text-align: center;
margin-left: auto;
margin-right: auto;
padding: 0;
line-height: 20px;
color: #fff;
font-size: 18px;
border: 1px solid #e0d300;
-moz-opacity: 0.7;
opacity: 0.7;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}

#smaller-menu {
float: left;
width: 219px;
height: 526px;
margin: 0;
padding: 0 4px 0 4px;
position: relative;
overflow: hidden;
}

#smaller-menu h4 {
margin: 0;
padding: 0;
line-height: 20px;
color: #fff;
font-size: 18px;
font-weight: normal;
}

#smaller-menu ul {
float: left;
width: 219px;
height: 526px;
margin: 0;
padding: 0;
}

#smaller-menu li {
float: left;
width: 219px;
margin: 0 0 3px 0;
padding: 0;
}

#smaller-menu li a {
width: 219px;
height: 129px;
text-align: center;
margin-left: auto;
margin-right: auto;
padding: 0;
line-height: 20px;
color: #fff;
font-size: 18px;
display: block;
}

#smaller-menu li a:hover {
width: 219px;
height: 129px;
text-align: center;
margin-left: auto;
margin-right: auto;
padding: 0;
line-height: 20px;
color: #fff;
font-size: 18px;
display: block;
-moz-opacity: 0.7;
opacity: 0.7;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}

.sub1 {
float: left;
width: 219px;
height: 129px;
background: url("http://hittner.hr/slike/submenu_1.jpg") top left no-repeat;
margin: 0;
padding: 0;
display: block;
}

.sub2 {
float: left;
width: 219px;
height: 129px;
background: url("http://hittner.hr/slike/submenu_2.jpg") top left no-repeat;
margin: 0;
padding: 0;
display: block;
}

.sub3 {
float: left;
width: 219px;
height: 129px;
background: url("http://hittner.hr/slike/submenu_3.jpg") top left no-repeat;
margin: 0;
padding: 0;
display: block;
}

.sub4 {
float: left;
width: 219px;
height: 129px;
background: url("http://hittner.hr/slike/submenu_4.jpg") top left no-repeat;
margin: 0;
padding: 0;
display: block;
}

.sub-agr1 {
float: left;
width: 219px;
height: 129px;
background: url("http://hittner.hr/slike/submenu-agr1.jpg") top left no-repeat;
margin: 0;
padding: 0;
display: block;
}

.sub-agr2 {
float: left;
width: 219px;
height: 129px;
background: url("http://hittner.hr/slike/submenu-agr2.jpg") top left no-repeat;
margin: 0;
padding: 0;
display: block;
}

.sub-agr3 {
float: left;
width: 219px;
height: 129px;
background: url("http://hittner.hr/slike/submenu-agr3.jpg") top left no-repeat;
margin: 0;
padding: 0;
display: block;
}

#smaller-right {
float: right;
width: 187px;
margin: 0;
padding: 0 0 0 10px;
}

.smaller-title {
margin: 0;
padding: 0 0 10px 0;
}

.smaller-title h5 {
font-size: 16px;
line-height: 38px;
color: #2d3e5a;
font-weight: normal;
margin: 0;
padding: 0;
}

.smaller-title2 {
margin: 0;
padding: 0 0 10px 0;
}

.smaller-title2 h5 {
font-size: 16px;
line-height: 18px;
color: #2d3e5a;
font-weight: normal;
margin: 0;
padding: 0;
}

#smaller-news {
margin: 0;
padding: 0;
height: 344px;
overflow-y: scroll;
overflow-x: hidden;
}

.news {
margin: 0;
padding: 0 10px 10px 0;
color: #757575;
}

#smaller-environment {
margin: 0;
padding: 20px 0 0 0;
}

.push {
height: 231px;
}

.push-poc {
height: 203px;
}

#footer-c-poc {
float: left;
width: 100%;
height: 203px;
background: url("http://hittner.hr/slike/footer-bg.gif") top left repeat-x;
margin: 0;
padding: 0;
}

#footer-poc {
width: 985px;
height: 203px;
background: url("http://hittner.hr/slike/footer2.jpg") top left no-repeat;
margin: 0 auto;
padding: 0;
color: #dcdcdc;
font-size: 11px;
line-height: 15px;
}

#footer-c {
float: left;
width: 100%;
height: 231px;
background: url("http://hittner.hr/slike/footer-bg1.gif") top left repeat-x;
margin: 0;
padding: 0;
}

#footer {
width: 985px;
height: 231px;
background: url("http://hittner.hr/slike/footer1.jpg") top left no-repeat;
margin: 0 auto;
padding: 0;
color: #dcdcdc;
font-size: 11px;
line-height: 15px;
}

.footer-title {
margin: 0;
padding: 0 0 5px 0;
color: #e9d600;
}

.footer-title h1 {
margin: 0;
padding: 0;
font-size: 14px;
font-weight: bold;
line-height: 24px;
}

.footer-title h2 {
margin: 0;
padding: 0;
font-size: 14px;
font-weight: bold;
line-height: 24px;
}

.footer-title h3 {
margin: 0;
padding: 0;
font-size: 14px;
font-weight: bold;
line-height: 24px;
}

.footer-title h4 {
margin: 0;
padding: 0;
font-size: 14px;
font-weight: bold;
line-height: 24px;
}

.footer-title h5 {
margin: 0;
padding: 0;
font-size: 14px;
font-weight: bold;
line-height: 24px;
}

.footer-title h6 {
margin: 0;
padding: 0;
font-size: 14px;
font-weight: bold;
line-height: 24px;
}

.footer-username {
margin: 0;
padding: 10px 0 0 0;
font-style: italic;
}

#footer-left {
float: left;
width: 300px;
height: 143px;
margin: 0;
padding: 25px 20px 0 35px;
}

#footer-mid {
float: left;
width: 208px;
height: 158px;
margin: 0;
padding: 18px 34px 0 33px;
}

#footer-rotator {
width: 200px;
height: 150px;
padding: 3px;
border: 1px solid #93b7bc;
}

#footer-right {
float: left;
width: 300px;
height: 143px;
margin: 0;
padding: 25px 35px 0 20px;
}

#scrollup {
position: relative;
overflow: hidden;
border: 0;
width: 300px;
height: 110px;
}
.headline {
position: absolute;
top: 110px;
width: 300px;
height: 110px;
}

#scrollup2 {
position: relative;
overflow: hidden;
border: 0;
width: 300px;
height: 110px;
}
.headline2 {
position: absolute;
top: 110px;
width: 300px;
height: 110px;
}

.traktori {
        border-collapse:collapse;
        width: 100%;
}

.traktoriheader {
        margin: 0; 
        padding: 5px 10px 5px 10px;
        border: 0;
        background-color: #bbb;                
        color: #fff;        
        font-size: 14px;        
        font-weight: bold;
}

.traktoriheader2 {
        margin: 0; 
        padding: 5px 10px 5px 10px;
        border: 0;
        background-color: #bbb;                
        color: #fff;        
        font-size: 11px;        
        font-weight: normal;
}

.traktorirow {
        margin: 5px;         
        padding: 2px 10px 2px 10px;
        border: 0;        
        background-color:#fff;        
        color: #938e8b;        
        font-size: 11px;
}

.traktorirow2 {
        margin: 5px;         
        padding: 2px 10px 2px 10px;
        border: 0;        
        background-color:#ececec;        
        color: #938e8b;        
        font-size: 11px;
}

.traktorirow3 {
        margin: 5px;         
        padding: 2px 10px 2px 10px;
        border: 0;        
        background-color:#ececec;        
        color: #938e8b;        
        font-size: 11px;
}

.categories {
 padding:           5px 10px 5px 12px;
 background-color:  #e4f7fe;  
}

.tableBorder {
 border: 1px solid #79cdf3;
}

th {
 background-color:  #98d2f0; 
 color: #fff;
}

td {
 font-family: Arial, Verdana;
 font-size: 11px;
 color: #858585;
}

.spacer {
 font-size:	10px;
 margin: 0;
 padding: 0;
}

.thumbs {
 text-align:	center;
 padding:	15px 3px 8px 3px;
 background-color: #ffffff;
}

.paddedborder {
 margin: 0;
 padding: 8px 0 0 0;
 border: 0;
}

.default, .defaultBold {
font-family: Arial, Verdana, Geneva, Tahoma, Trebuchet MS, Sans-serif;
font-size: 11px;
color: #7598d0;
margin: 0;
padding: 0 0 0 50px;
background-color: transparent;
}

.tablePad {
padding: 3px 3px 5px 3px;
}

.resultRowOne {
font-family:		Arial, Verdana, Geneva, Tahoma, Trebuchet MS, Sans-serif;
font-size:			11px;
color:				#555;
padding:           6px 6px 6px 8px;
background-color:	#fff;
}

.resultRowTwo {
font-family:       Arial, Verdana, Geneva, Tahoma, Trebuchet MS, Sans-serif;
font-size:         11px;
color:             #555;
padding:           6px 6px 6px 8px;
background-color:  #dce8eb;
}


.categories {
 padding:           5px 10px 5px 12px;
 background-color:  #e4f7fe;  
}

.tableBorder {
 border: 1px solid #79cdf3;
}

th {
 background-color:  #98d2f0; 
 color: #fff;
}

td {
 font-family: Arial, Verdana;
 font-size: 11px;
 color:  #f64c98;
}

.spacer {
 font-size:	10px;
 margin: 0;
 padding: 0;
}

.thumb {
 text-align:	center;
 padding:	8px 3px 15px 3px;
 background-color: #ffffff;
}

.paddedborder {
 margin: 0;
 padding: 8px 0 0 0;
 border: 0;
}

.imageBG {
 text-align: center;
 background-color:  #ffffff;  
}

.highlightit2 img{
margin: 0;
padding: 2px;
border-top: 1px solid #93b7bc;
border-left: 1px solid #93b7bc;
border-right: 1px solid #93b7bc;
border-bottom: 1px solid #93b7bc;
}

.highlightit2:hover img{
margin: 0;
padding: 2px;
border-top: 1px solid #e0d300;
border-left: 1px solid #e0d300;
border-right: 1px solid #e0d300;
border-bottom: 1px solid #e0d300;
}

.highlightit2:hover{
color: red; /* Dummy definition to overcome IE bug */
}

#paginate a:link, #paginate a:visited {
	padding:7px;
	padding-top:2px;
	padding-bottom:2px;
	border:1px solid #DEDEDE;
	margin-right:8px;
	text-decoration:none;
	background-color:#EBEBEB;
	color:#0072bc;
	width:22px;
	font-weight:normal;
}

#paginate a:hover {
	background-color:#DDEEFF;
	border:1px solid #BBDDFF;
	color:#0072BC;
}

#paginate {
float: right;
	display:block;
	text-align:left;
	height:22px;
	line-height:21px;
	padding-top:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
clear: both;
margin: 0 0 10px 0;
}

#paginate strong {
	padding:7px;
	padding-top:3px;
	padding-bottom:2px;
	border:1px solid #DEDEDE;
	margin-right:8px;
	text-decoration:none;
	color:#0072bc;
	width:22px;
background-color:#DDEEFF;
}





		.bl-hot {
			border: solid 1px #ccc;
			zoom: 1; /* Should be IE only */
			}
		/* rollover style for clickable element */
		.bl-hover {
			border-color: #aaf;
			cursor: pointer;
			background-color: #cdF;
			}
		
		/* Simulate hover on contained link */
		.bl-hover a:link {
			color: #CC3333;
			}
		.bl-hover a:visited {
			color: #CC3333;
			}
		
		/* Some demo layout */
		#links {
			float: left;
			width: 100%;
			clear: both;
			margin: 0;
			padding: 0;
			margin-bottom: 2em;
			}
		#links li.bl-hot {
			width: 30%;
			float: left;
			padding: 0 1%;
			margin: 0;
			margin-right: -1px;
			display: inline;
			text-indent: 0;
			list-style-type: none;
			min-height: 14em;
			
			}
		#links li:before {
			content: '';
			}
		#links h3 {
			margin: 0.5em 0;
			}