/* opis osnovnih html elemenata */
body {
	margin : 0px;
	padding : 0px;
	background-color : White;
	color : #7A7A7A;	
	text-align : left;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 9pt;
	font-style : normal;
	/*patch za IE za hover pseudo klasu*/
	behavior:url("csshover2.htc");
}

table {
	vertical-align: top;
	border : 0px none;
	margin : 0px;
	padding : 0px;
}

tr {
	vertical-align: top;
	border : 0px none;
	margin : 0px;
	padding : 0px;	
}

td {
	vertical-align: top;
	border : 0px none;
	margin : 0px;
	padding : 0px;
}

img {
	border : 0px none;
	display : block;
}

img.inlineimage {
	border : 0px none;
	display : inline;
}

img.inlineimagetk {
	border : 0px none;
	display : inline;
	vertical-align : middle;
}

b {
	font-weight : bold;
}

i {
	font-style : italic;
}

em {
	font-style : normal;
	color : #FE0000;
}
em.podebljano {
	font-weight : bold;
}

em.zeleno {
	font-weight : bold;
	color : #80C31B;
}

h1 {
	margin : 0px;
	padding : 0px;	
	font-size : 11pt;
	font-style : normal;
	font-weight : bold;
	text-align : left;
}

h2 {
	margin : 0px;
	padding : 0px;	
	font-size : 10pt;
	font-style : italic;
	font-weight : bold;
	text-align : left;
	color : #FE0000;
}

h3 {
	margin : 0px;
	padding : 0px;	
	font-size : 12pt;
	font-style : normal;
	font-weight : bold;
	text-align : left;
}

h4 {
	margin : 0px;
	padding : 0px;	
	font-size : 11pt;
	font-style : normal;
	font-weight : bold;
	color : #FE0000;
	line-height : 20pt;
}

h5 {
	margin : 0px;
	padding : 0px;	
	font-size : 11pt;
	font-style : normal;
	font-weight : bold;
	color : #7A7A7A;
	line-height : 20pt;
}

h6 {
	margin : 0px;
	padding : 0px;	
	font-size : 12pt;
	font-style : normal;
	font-weight : bold;
	text-align : left;
	color : #FE0000;
}

h7 {
	margin : 0px;
	padding : 0px;	
	font-size : 10pt;
	font-style : italic;
	font-weight : bold;
	color : #7A7A7A;
	line-height : 20pt;
}
p {
	margin : 0px;
	padding : 0px;
	text-align : left;
}

 hr {
	border: 0;
	width: 100%;
	color: #ACACAC;
	background-color: #ACACAC;
	height: 1px;
}

/* opis linkova */
a:link, a:visited, a:active {
	background-color : White;
	color : #FE0000;
	text-decoration : none;	
}

a:hover {
	background-color : White;
	color : #FE0000;
	text-decoration : underline;
}

a.menulink:link, a.menulink:visited, a.menulink:active {
	background-color : White;
	color : #7A7A7A;
	text-decoration : none;	
}

a.menulink:hover {
	background-color : White;
	color : #FE0000;
	text-decoration : none;
}

a.maillink:link, a.maillink:visited, a.maillink:active {
	background-color : White;
	color : #FE0000;
	text-decoration : none;	
}

a.maillink:hover {
	background-color : White;
	color : #FE0000;
	text-decoration : underline;
}

a.sinisaradiclink:link, a.sinisaradiclink:visited, a.sinisaradiclink:active {
	background-color : White;
	color : #7A7A7A;
	text-decoration : none;	
}

a.sinisaradiclink:hover {
	background-color : White;
	color : #7A7A7A;
	text-decoration : none;
}

/* opis elemenata za layout */
div#layout {
	position : relative;
	width : 760px;
    margin-left:auto;
    margin-right:auto;
}

div#header {
	position : relative;
	overflow: hidden;
	width : 760px;
	height: 145px;
}

div#headerleft{
	position : absolute;
	width : 380px;
	height: 145px;
    top: 0px;
    left: 0px;	
}

div#headerright{
	position : absolute;
	width : 380px;
	height: 145px;
    top: 0px;
    left: 380px;
}

div#headerrighttext{
	position : absolute;
    top: 50px;
    right: 27px;
	text-align : right;
}

div#mainmenu {
	position : relative;
	overflow: hidden;
	width : 760px;
	height: 45px;
}

div#line1 {
	position : relative;
	overflow: hidden;
	width : 760px;
	height : 14px;
}

div#reklame {
	position : relative;
	overflow: hidden;
	width : 760px;
	height: 167px;
}

td.reklama {
	width : 252px;
	height : 167px;
}

td.reklamarazmak {
	width : 2px;
	height : 167px;
}

div#line2 {
	position : relative;
	overflow: hidden;
	width : 760px;
	height : 12px;
}

div#content {
	position : relative;
	overflow: hidden;
	width : 760px;
}

div#contentrelative {
	position : relative;
	width : 728px;	
	border-width: 1px;
	border-style: solid;
	border-color: #ACACAC;	
	padding : 15px;	
}

div#line3 {
	position : relative;
	overflow: hidden;
	width : 760px;
	height : 5px;
}

div#menubottom {
	position : relative;
	overflow: hidden;
	width : 760px;
	height : 93px;
}

td#menubottomleft {
	width : 27px;
	height : 93px;
}

td#menubottommiddle1 {
	width : 177px;
	height : 93px;
	background-image : url(images/menubottom_middle1.jpg);
	background-repeat : no-repeat;
	vertical-align : middle;
}

p.menubottommiddleparagraph1{
	margin-top : 7px;
	margin-bottom : 7px;
	padding-left : 10px;
}

td#menubottommiddle2 {
	width : 176px;
	height : 93px;
	background-image : url(images/menubottom_middle2.jpg);
	background-repeat : no-repeat;
	vertical-align : middle;
}

p.menubottommiddleparagraph2{
	margin-top : 7px;
	margin-bottom : 7px;
	padding-left : 15px;
}

td#menubottommiddle3 {
	width : 176px;
	height : 93px;
	background-image : url(images/menubottom_middle3.jpg);
	background-repeat : no-repeat;
	vertical-align : middle;
}

p.menubottommiddleparagraph3{
	margin-top : 7px;
	margin-bottom : 7px;
	padding-left : 20px;
}

td#menubottommiddle4 {
	width : 177px;
	height : 93px;
	background-image : url(images/menubottom_middle4.jpg);
	background-repeat : no-repeat;
	vertical-align : middle;	
}

p.menubottommiddleparagraph4{
	margin-top : 7px;
	margin-bottom : 7px;
	padding-left : 45px;
}

td#menubottomright {
	width : 27px;
	height : 93px;
}

div#footer {
	position : relative;
	overflow: hidden;
	width : 760px;
	height: 27px;
}

div#footertext{
	position : absolute;
    bottom: 7px;
    right: 27px;
	text-align : right;
	font-size : 7pt;
}

/* opis slika */
img.imagerightusluge {
	float : right;
	margin-left : 10px;
}

img.imageleftusluge {
	float : left;
	margin-right : 10px;
}

/* ostale klase */
.infotectablica
{
	width : 100%;
}

.infotectablicakolona
{
	width : 48%;
}

.infotectablicarazmak
{
	width : 4%;
}

.infotecporavnatoslika
{
	padding-left : 115px;
	text-align : justify;
}

.infotecporavnatoslika2
{
	padding-left : 140px;
	text-align : justify;
}

.infotecporavnatoslika3
{
	padding-left : 120px;
	text-align : justify;
}

.naslovnicatekst {
	padding-right : 15px;
}

.naslovnicaleftborder {
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #ACACAC;
 }

.uslugetekst {
	height : 120px;
	padding-left : 10px;
}

.uslugetablica{
	height : 100%;
 }

.uslugebottomborder {
	height : 100%;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #ACACAC;
 }
 
.uslugeslika{
	height : 100%;
	width : 120px;
	padding-left : 10px;
 }

.uslugerazmak {
	height : 20px;
}

.uslugerazmakbijelo {
	width : 490px;
}

.kontaktinfo {
	padding-top : 10px;
	padding-left : 37px;
	line-height: 1.8
}

.kontaktinfopojedinacno {
	padding-top : 10px;
	padding-left : 50px;
	line-height: 1.5
}

.kontaktleftborder {
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #ACACAC;
 }

.smjestajnakarti {
	padding-top : 20px;
	padding-left : 37px;
	text-align : left;	
}

.zastupanjeleft {
	position : relative;
	width : 532px;
}

.dynamicdiv {
	position : relative;
	width : 532px;
}

.zastupanjeleftnaslov {
	position : relative;
	width : 212px;
	height : 270px;
	padding-right : 15px;
}

.zastupanjeleftslika {
	position : relative;
	width : 305px;
	height : 270px;
}

.zastupanjeleftlinkovi {
	position : relative;
	width : 532px;
	height : 15px;
}

.zastupanjeright {
	position : relative;
	width : 180px;
	padding-left : 15px;
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #ACACAC;
}

.scrollablediv {
	position : relative;
	width : 180px;
	height : 285px;
	overflow : auto;
}

.zastupanjerazmak {
	height : 10px;
}

.zastupanjeredak {
	padding-bottom : 1px;
}

.polaelementa {
	width : 50%
}

.uslugeleft {
	position : relative;
	width : 180px;
	padding-right : 15px;
}

.uslugeright {
	position : relative;
	width : 517px;
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #ACACAC;
	padding-left : 15px;
}

.uslugeright1 {
	position : relative;
	width : 267px;
}

.uslugeright1a {
	position : relative;
	width : 252px;
	padding-right : 15px;
}

.uslugeright1b {
	position : relative;
	width : 351px;
}

.uslugeright1c {
	position : relative;
	width : 209px;
}

.uslugeright1d {
	position : relative;
	width : 517px;
}

.uslugeright2 {
	position : relative;
	width : 235px;
	padding-left : 15px;
}

.uslugeright2a {
	position : relative;
	width : 249px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #ACACAC;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #ACACAC;
}

.uslugeright2b {
	position : relative;
	width : 150px;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #ACACAC;
	padding-left : 15px;
}

.uslugeright2c {
	position : relative;
	width : 293px;
	padding-left : 15px;
}

.uslugevelikikvadratrazmak {
	height : 14px;
}

.uslugemalikvadratirazmak {
	width : 14px;
}

.poravnatodesno {
	text-align : right;
}

.poravnatolijevoprored {
	text-align : left;
	line-height : 17px;	
}

.poravnatoprored {
	text-align : justify;
	line-height : 17px;
}

.infotecporavnatoprored {
	text-align : justify;
	line-height : 17px;
	text-indent: 30px;
}

.korisniprogrami {
	padding-left : 20px;
}

.novostiright1 {
	position : relative;
	width : 316px;
	padding-right : 15px;	
}

.novostiright2 {
	position : relative;
	width : 170px;
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #ACACAC;
	padding-left : 15px;
}

.tkleftnaslov {
	position : relative;
	width : 300px;
	height : 270px;
	padding-right : 15px;
}

.tkleftslika {
	position : relative;
	width : 413px;
	height : 270px;
}

.tkleftlinkovi {
	position : relative;
	width : 728px;
	height : 15px;
	vertical-align : top;
}

.tklijevo {
	position : relative;
	width : 300px;
	padding-right : 15px;
}

.tkdesno {
	position : relative;
	width : 413px;
}

.tkcijelo {
	position : relative;
	width : 728px;
}

.tkrazmak{
	position : relative;
	height : 15px;
}

/* definicija stilova formulara */
form {
	text-align : left;
	margin  : 0px;
}

fieldset {
	border : 1px solid #7A7A7A;
	padding-left : 20px;
	padding-right  :20px;
	padding-bottom : 20px;
}

legend {
	background-color : transparent;
	color : #7A7A7A;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 9pt;
	font-style : normal;
	font-weight : bold;
 	padding : 10px;
}

input, textarea, option {
	background-color : White;
	color : #7A7A7A;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 9pt;
	font-style : normal;
	border : 1px solid #7A7A7A;
}

button {
	width : 100px;
	height : 25px;
	margin-top: 10px;
}

.formular {
	width : 100%;
}

.formularlabel {
	width : 40%;
	background-color : transparent;
	color : #7A7A7A;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 9pt;
	font-style : normal;
	text-align : left;
	vertical-align : middle;
	padding-top: 5px;	
}

.formularelement {
	width : 60%;
	background-color : transparent;
	color : #7A7A7A;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 9pt;
	font-style : normal;
	text-align : left;
	vertical-align : middle;
	padding-left : 10px;
	padding-top: 7px;
}

.formulartextarealabel {
	background-color : transparent;
	color : #7A7A7A;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 9pt;
	font-style : normal;
	text-align : left;
	vertical-align : middle;
	padding-top: 12px;	
}

.formulartextarea{
	background-color : transparent;
	color : #7A7A7A;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 9pt;
	font-style : normal;
	text-align : left;
	vertical-align : middle;
	padding-top: 5px;
}

.formularbutton {
	padding-top: 10px;
	text-align : center;
}

.podrskatext {
	background-color : transparent;
	color : #7A7A7A;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 9pt;
	font-style : normal;
	text-align: justify;
}

.podrskaerror {
	background-color : transparent;
	color : #C20904;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 9pt;
	font-style : normal;
	text-align: justify;
}