@charset "utf-8";
/* BODY */
body {
	font-family: Helvetica, sans-serif;
	font-size: 11px;
	color: #444444;
	background-color: #fff;
	font-weight: bold;
	text-align: left;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 0;
	margin-top: 0;
	background-image: url(../images/bg/bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
}


p { font-family: Helvetica, sans-serif; font-size: 11px; color: #444444; background-color: #fff; font-text-align:left; }
/* SADRZAJ */

div#drzac{ margin : auto; width : 779px; position : relative; height: auto}
#logo{ width: 181px; height: 53px; float: left; text-align: left; background-image: url(../images/logo/logo.jpg); position: relative; left: 0px; top: 0px}
#ikonice { float: right}
#ikonice img{ border: none}
#hederslika { width : 779px; position : relative; height: 126px; background-image: url(../images/hederslika.jpg); clear:left}
#hederslika_en { width : 779px; position : relative; height: 126px; background-image: url(../images/hederslika_en.jpg); clear:left}
/* MENI */

#wrappermeni { width: 779px; background-color: #007191; height: auto;}
#meni {padding:0px 0 0 120px; margin:0; list-style:none; height:22px; background-color:#007191; position:relative; z-index:1; font-family:Helvetica, sans-serif; font-size: 12px; color: #fff}
#meni li.top {display:block; float:left;}
#meni li a.top_link {display:block; float:left; height:23px; line-height:22px; color:#fff; text-decoration:none; font-size:12px; font-weight:bold; padding:0 10px 0px 10px; cursor:pointer}

#meni li a.top_link:hover {color:#007191; background-color:#fff; line-height:23px;}

#meni li:hover > a.top_link {color:#007191; background-color:#fff; line-height:25px;}
#meni li:hover > a.top_link span {color:#007191; background-color:#fff;}


#meni table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Defoltni link stilovi */
/* Stil za liste ILI list Hover. U zavisnosti koji browser se koristi */

#meni {visibility:visible; position:relative;}
#meni li:hover {position:relative; }

/* keep the 'next' level invisible by placing it off screen. */
#meni ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#meni ul.sub1 {width:160px;}
#meni ul.sub2 {width:110px;}
#meni ul.sub3 {width:90px;}
#meni ul.sub4 {width:112px;}

#meni :hover ul {left:0; top:22px; background: #013b53; height:auto; color: #fff}
#meni :hover ul li {display:block; height:20px; position:relative; font-weight:normal; width:auto;}
#meni :hover ul li a {display:block; font-size:11px; height:20px; line-height:23px; width:auto; padding:0 10px; color:#fff; text-decoration:none;}
#meni :hover ul li a:hover {background:#007191; color:#fff;}

/* MENI KRAJ */

/* SADRZAJ */

div#omotacsadrzaj{ width:779px; background-image:url(../images/bgcontent.png); background-repeat:no-repeat; margin-top: 19px}
div#sadrzaj{ width:780px; margin:0 auto; margin-top: 19px;}
div#omotaccontent{float:left;width:100%;  background-image:url(../images/bgcontent.png); height: auto; background-repeat: no-repeat}
div#content{margin: 10px 187px}
div#content h1 {font-family: Helvetica, sans-serif; font-size: 16px; color: #003B52; padding-top: 5px}
div#content a img{ border:hidden}
div#proizvodjaci{margin: 0 191px}
div#proizvodjaci p {font-family: Helvetica, sans-serif; font-size: 11px; color: #444444; font-weight: normal; line-height: 12px}

div#levo{float:left;width:170px;margin-left:-778px}
div#levo h1 {font-family: Helvetica, sans-serif; font-size: 16px; color: #003B52; margin-top: 6px}
div#levo h2 {font-family: Helvetica, sans-serif; font-size: 16px; color: #003B52; margin-top: 16px}
.span {color: #D20A1E}
div#levo p {font-family: Helvetica, sans-serif; font-size: 11px; color: #444444; font-weight: normal; line-height: 12px}
div#levo p.datum {font-family: Helvetica, sans-serif; font-size: 11px; color: #D20A1E; font-weight:bold}
a.procitaj {font-family: Helvetica, sans-serif; font-size: 10px; color: #009BC2; text-decoration:underline}
a.procitaj:hover {font-family: Helvetica, sans-serif; font-size: 10px; color: #009BC2; text-decoration:none}
div#desno{float:left;width:170px;margin-left:-170px}
div#desno h1 {font-family: Helvetica, sans-serif; font-size: 16px; color: #003B52; margin-top: 6px}
div#desno h2 {font-family: Helvetica, sans-serif; font-size: 16px; color: #003B52; margin-top: 6px}
.span {color: #D20A1E}
div#desno p {font-family: Helvetica, sans-serif; font-size: 11px; color: #444444; font-weight: normal; line-height: 14px}
div#desno p.datum {font-family: Helvetica, sans-serif; font-size: 11px; color: #D20A1E; font-weight: bold}
div#desno p a {font-family: Helvetica, sans-serif; font-size: 10px; color: #009BC2; font-weight: normal; line-height: 14px; text-decoration: none}
div#desno p a:hover {font-family: Helvetica, sans-serif; font-size: 10px; color: #009BC2; font-weight: normal; line-height: 14px; text-decoration: underline}
div#desno img{border: none}
div#desno a img{border: none}

.formfield { background-image: url(../images/form_field.gif); background-repeat: no-repeat;background-position: left top; height: 20px; width: 180px; padding: 3px 0px 0px 5px; font-family: Helevtica, sans-serif; font-size: 10px;	color: #fff; text-decoration: none; text-align: left;vertical-align: middle; border:none 0px}
.formfield:focus { background-image: url(../images/form_field.gif); border:none 0px}

/*Button*/

.buttonSubmit, .buttonSubmitHovered { width:69px; height:26px; color:#FFF; font-weight:bold; padding:2px 5px; background:url(../images/submit.gif) no-repeat left top; cursor:pointer; border:none}
.buttonSubmit_en, .buttonSubmitHovered_en { width:69px; height:26px; color:#FFF; font-weight:bold; padding:2px 5px; background:url(../images/submit_en.gif) no-repeat left top; cursor:pointer; border:none}
div#footer{clear:left;width:780px; height: 149px; margin-top: 20px; margin-bottom: 25px}
div#footer img{ border: none}
div#footer a img {border: none}


.datum {font-family: Helvetica, sans-serif; font-size: 11px; color: #D20A1E; font-weight:bold}