/* ------ reset start ----- */
html{color:#000;}body,div,dl,dt,dd,ol,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}body {font:13px verdana,arial,helvetica,clean,sans-serif;font-size:small;font:x-small;}table {font-size:inherit;font:100%;}
/* ---------------- reset end --------*/

<!--
body {
	background: url(../images/body-bg.jpg) center 129px no-repeat;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	color:#384060;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
-->
a {	color:#384060;font-weight:bold;text-decoration:none;}
a:hover {text-decoration:underline;}

h1 
{
	font-size:12px;
	font-weight:bold;
	padding-bottom:8px;
	color:#384060;
}


#header-wrapper{width:100%;background:url(../images/header-bg.jpg) center no-repeat; background-color:#384060}
#content-wrapper{width:1000px; margin:0 auto;}
#content{width:867px; margin:0 auto;}
#left-column{float:left;width:157px;}
#middle-column{float:left;width:533px;}
#right-column{float:right;width:177px;}



/** HEADER **/
#header
{
	width:867px;
	height:129px;
	margin:0 auto;
	padding:0;
}

#logo
{
	float:left;
	margin-top:18px;
	margin-left:5px;
}

#menu-header
{
	float:right;
	margin-top:15px;
}

#menu-header li
{
	display:inline;
	margin-left:20px;
}

#menu-header li a
{
	text-decoration:none;
	color:#FFFFFF;
	font-size:11px;
}

#menu-header li a:hover
{
	text-decoration:underline;
}

/************************************* HEADER **/
/**MENU**/
#menu
{
	width:150px;
	height:270px;
	margin:0;
	padding:0;
	margin-top:15px;
	font-size:11px;
}

#menu li
{
	color:#384060;
	text-indent:5px;
	list-style-type:none;
	display:block;
	margin:0;
	padding:0;
}

#menu li ul
{
	padding:0;
	margin:0
}

#menu li ul li { text-indent:20px;}

#menu li a
{
	width: 150px;
	display: block;
	padding-top:5px;
	padding-bottom:5px;
	color:#384060;
	text-decoration:none;
	font-weight:normal;

}

#menu li a:hover
{
	background-color:#a8a8a8;
	color:#FFFFFF;
}

#current{
	font-weight:bold;
	font-size:120%;
}
/*****************************MENU**/
/**KATALOG**/

#katalog
{
	margin-top:20px;
	background:url(../images/column4-bg.jpg) no-repeat ;
	background-color:#384060;
	border:1px solid #a8a8a8;
}

.katalog-text
{
	display:block;
	margin: 275px 20px 0 20px;
	text-align:justify;
	color:#7b7b7b;
}

.katalog-text a {color:#ee1d25;}

.jpg-img {margin-left:110px;}
/*****************KATALOG**/

/**PROMO**/

.promo-home
{
	position:absolute;
	margin-top:-32px;
	margin-left:33px;
	_margin-left:33px;
}

.promo-video
{
	position:absolute;
	margin-top:-96px;
	margin-left:148px;
	_margin-left:148px;
}

.promo-audio
{
	position:absolute;
	margin-top:-72px;
	margin-left:37px;
	_margin-left:37px;
}

.promo-interfonski-kompleti
{
	position:absolute;
	margin-top:-80px;
	margin-left:110px;
}

.promo-spoljne-jedinice
{
	position:absolute;
	margin-top:-56px;
	margin-left:30px;
}

.promo-maloprodaja
{
	position:absolute;
	margin-top:-81px;
	margin-left:42px;
	_margin-left:42px;
}

.promo-video-maloprodaja
{
	position:absolute;
	margin-top:-71px;
	margin-left:59px;
	_margin-left:59px;
}

.column
{
	float:left;
	width:144px;
	padding:16px;
	padding-top:10px;
	border-left:1px solid #7abde0;
	font-size:11px;
}
/*****************PROMO**/

