body {
	margin: 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	line-height: 14px;
	background: url(../images/background.gif) repeat-x;
}

img {
	border: none;
}

p {
	margin: 0;
	text-align: left;
}

a {
	color: #182387;
	text-decoration: none;
}

a:hover {
	color: #0082CC;
}

form {
	margin: 0;
}






.main {
	width: 770px;
	text-align: left;
}

.logo {
	margin: 21px 0 19px 7px;
}

.razmak8px {
	height: 8px;
}

.blueline {
	height: 6px;
	background: #182387;
}

.orangeline {
	height: 6px;
	background: #e69800;
}

.redline {
	height: 6px;
	background: #d4402b;
}


.mainhead {
	height: 15px;
	background: #f4f4f4;
	margin: 4px 0 15px 0;
	padding: 5px 7px;
	font-size: 16px;
	color: #666666;
}








/* ///// header s anvigacijom ///// */
.header {
	background: url(../images/header_back.gif) repeat-y;
	margin: 2px 0;
}




#mainnav {
	line-height: 13px;
}

#mainnav ul {
	text-align: left;
	margin: 0 4px 0 8px;
	padding: 1px 0;
	width: 192px;
	background: #c8c8c8;
}

#mainnav ul li {
	list-style: none;
	border-bottom: 1px solid #e4e4e4;
	margin: 0 8px;
	padding: 8px;
}

#mainnav ul li.noborder {
	border-bottom: none;
}

#mainnav ul li a {
	font-weight: bold;
	font-size: 11px;
	color: White;
	text-decoration: none;
}

#mainnav ul li a:hover {
	color: #d4402b;
}










/* ///// podnavigacija + banneri ///// */
#subnav {
	line-height: 13px;
	width: 212px;
}

#subnav ul {
	text-align: left;
	margin: 0 12px 15px 0;
	padding: 1px 0;
	background: #f6f6f6;
}

#subnav ul li {
	list-style: none;
	border-bottom: 1px solid #dfdfdf;
	margin: 0 8px;
	padding: 8px;
}

#subnav ul li.noborder {
	border-bottom: none;
}

#subnav ul li a {
	font-weight: bold;
	font-size: 11px;
	color: #999999;
	text-decoration: none;
}

#subnav ul li a:hover {
	color: #D4402B;
}

#subnav ul li ul {
	margin: 8px 0 0 0;
	padding: 0;
}

#subnav ul li ul li {
	border: none;
	margin: 4px 0 4px 12px;
	padding: 0;
	background: url(../images/);
}

#subnav ul li ul li a {
	font-weight: normal;
	color: #999999;
}

#subnav ul li ul li.opened a {
	color: #D4402B;
}

#subnav ul li ul li a:hover {
	color: #D4402B;
}





#subnav .banercic {
	margin: 0 12px 15px 0;
}










/* ///// sadržaj - početna ///// */
#hometable1 {
	margin-top: 8px;
}

#hometable1 .left {
	padding-right: 4px;
	width: 254px;
	height: 244px;
}

#hometable1 .left .head {
	font-weight: bold;
	color: #182387;
	margin: 3px 7px 10px 7px;
}

#hometable1 .left .img {
	margin: 0 5px 12px 5px;
}

#hometable1 .left .link {
	color: #182387;
	margin: 8px 5px 3px 5px;
}

#hometable1 .left .opis {
	margin: 0 5px 10px 5px;
}



#hometable1 .center {
	padding-right: 4px;
	width: 254px;
	height: 244px;
}

#hometable1 .center .head {
	font-weight: bold;
	color: #E69800;
	margin: 3px 7px 10px 7px;
}

#hometable1 .center .refleft {
	padding: 0 4px 9px 8px;
}

#hometable1 .center .refright {
	padding: 0 8px 9px 4px;
}

#hometable1 .center .refimg {
	border: 1px solid #d4d4d4;
	padding: 4px;
}

#hometable1 .center .name {
	font-size: 10px;
	color: #333333;
}

#hometable1 .center .name a {
	color: #333333;
}

#hometable1 .center .name a:hover {
	color: #999999;
}



#hometable1 .right {
	width: 254px;
	height: 244px;
}

#hometable1 .right .head {
	font-weight: bold;
	color: #D4402B;
	margin: 3px 7px 10px 7px;
}

#hometable1 .novostiscroll {
	height: 211px;
	overflow: auto;
	scrollbar-3dlight-color: White;
	scrollbar-arrow-color: White;
	scrollbar-base-color: White;
	scrollbar-darkshadow-color: White;
	scrollbar-face-color: #D4402B;
	scrollbar-track-color: White;
	scrollbar-highlight-color: White;
	scrollbar-shadow-color: White;
}

#hometable1 .right .datum {
	font-weight: bold;
	margin: 0 5px;
}

#hometable1 .right .novost {
	margin: 1px 5px 13px 5px;
}








#hometable2 {
	margin-top: 8px;
}


#hometable2 img {
	margin-top: 8px;
}

#hometable2 .text {
	background: #fafafa;
	padding: 8px 6px;
	height: 47px;
	overflow: hidden;
}


#hometable2 .left {
	padding-right: 4px;
	width: 254px;
}

#hometable2 .left .head {
	font-weight: bold;
	color: #D4402B;
	background: #eeeeee;
	height: 20px;
	padding: 5px 7px 0 7px;
}

#hometable2 .left .head a {
	color: #D4402B;
}

#hometable2 .left .head a:hover {
	color: #666666;
}


#hometable2 .center {
	padding-right: 4px;
	width: 254px;
}

#hometable2 .center .head {
	font-weight: bold;
	color: #182387;
	background: #eeeeee;
	height: 20px;
	padding: 5px 7px 0 7px;
}

#hometable2 .center .head a {
	color: #182387;
}

#hometable2 .center .head a:hover {
	color: #666666;
}


#hometable2 .right {
	width: 254px;
}

#hometable2 .right .head {
	font-weight: bold;
	color: #E69800;
	background: #eeeeee;
	height: 20px;
	padding: 5px 7px 0 7px;
}

#hometable2 .right .head a {
	color: #E69800;
}

#hometable2 .right .head a:hover {
	color: #666666;
}














/* ///// sadržaj ///// */

/* onama */
.sadrzaj {
	width: 558px;
}

.sadrzaj .plaintext {
	margin-bottom: 10px;
	text-align: justify;
}

.sadrzaj .slike {
	background: #F4F4F4;
	padding: 9px 0 9px 9px;
	margin: 18px 0;
}

.sadrzaj .slike td {
	padding-right: 9px;
}

.sadrzaj .subhead {
	margin: 25px 0 17px 0;
	font-size: 15px;
	color: #D4402B;
}

.sadrzaj ul {
	margin: 5px 0 15px 0;
	padding: 0;
}

.sadrzaj ul li {
	list-style: none;
	padding: 0 0 0 16px;
	background: url(../images/arrow.gif) 4px 4px no-repeat;
}




/* proizvodi */
.sadrzaj .productnameblue {
	color: #182387;
	font-weight: bold;
	margin: 2px 5px;
}

.sadrzaj .productnameorange {
	color: #E69800;
	font-weight: bold;
	margin: 2px 5px;
}

.sadrzaj .productnamered {
	color: #D4402B;
	font-weight: bold;
	margin: 2px 5px;
}

.sadrzaj .productpic {
	width: 224px;
	text-align: center;
	padding: 20px 5px;
}

.sadrzaj .producttext {
	padding: 12px 0;
}

.sadrzaj .opis {
	background: #f4f4f4;
	padding: 3px 6px 7px 6px;
	margin-bottom: 4px;
}

.sadrzaj .specs {
	background: #f9f9f9;
	padding: 3px 6px 7px 6px;
	margin-bottom: 4px;
}

.sadrzaj .opisheadblue {
	color: #182387;
	margin-bottom: 6px;
}

.sadrzaj .opisheadorange {
	color: #E69800;
	margin-bottom: 6px;
}

.sadrzaj .opisheadred {
	color: #D4402B;
	margin-bottom: 6px;
}

.sadrzaj .pdfblue {
	margin: 3px 6px;
	padding-left: 12px;
	background: url(../images/arrow_gray.gif) 0 5px no-repeat;
}

.sadrzaj .pdfblue a {
	color: #182387;
}

.sadrzaj .pdfblue a:hover {
	color: #666666;
}

.sadrzaj .pdforange {
	margin: 3px 6px;
	padding-left: 12px;
	background: url(../images/arrow_gray.gif) 0 5px no-repeat;
}

.sadrzaj .pdforange a {
	color: #E69800;
}

.sadrzaj .pdforange a:hover {
	color: #666666;
}

.sadrzaj .pdfred {
	margin: 3px 6px;
	padding-left: 12px;
	background: url(../images/arrow_gray.gif) 0 5px no-repeat;
}

.sadrzaj .pdfred a {
	color: #D4402B;
}

.sadrzaj .pdfred a:hover {
	color: #666666;
}




/* kontakti */
.sadrzaj .kontakti {
	width: 100%;
	margin: -10px 0 0 0;
}

.sadrzaj tr.sivi {
	background: #F9F9F9;
}

.sadrzaj .kontakti td {
	padding: 10px;
}

.sadrzaj .odjeli {
	margin: 0 0 12px 0;
	font-size: 15px;
	color: #D4402B;
}




/* reference */
.sadrzaj .pagenav{
	font-size: 11px;
	vertical-align: middle;
	font-weight: normal;
	margin: 25px 0 -8px 0;
	padding: 2px 0 5px 0;
	color: #999999;
	background: #F6F6F6;
}

.sadrzaj .pagenav a{
	text-decoration: underline;
	font-weight: normal;
	margin: 0 7px;	
	color: #182387;
}

.sadrzaj .pagenav a:hover{
	text-decoration: none;
	color: #0082CC;
}

.sadrzaj .pagenav span{
	margin: 0 15px;	
	color: #888888;
}



.sadrzaj .refhead {
	margin: 25px 0 5px 5px;
	font-size: 15px;
	color: #D4402B;
}

.sadrzaj table.sivi {
	background: #F9F9F9;
}

.sadrzaj .refpic {
	width: 175px;
	text-align: left;
	padding: 6px 10px 6px 6px;
}

.sadrzaj .reftext {
	padding: 3px 6px;
}













/* ///// footer ///// */
#footer {
	padding: 6px 5px;
}

.sign a{
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: Black;
}

.sign a:hover{
	color: Red;
}

.sign span{
	color: Red;
}