@charset "utf-8";
/* CSS Document */

body {
	background-color: #ffffff;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
}

form {
	margin: 0px;
}

#logo {
	display: block;
	width: 175px;
	height: 89px;
	cursor: pointer;
	background-image: url(/images/logo_panasonic.jpg);
	background-position: left;
	background-repeat: no-repeat;
}


/* Text formating */

.gray_text_11 {
	font-size: 11px;
	color: #282424;
	line-height: normal;
}


.gray_text_14 {
	font-size: 14px;
	color: #282424;
	line-height: normal;
}

.white_text_11 {
	font-size: 11px;
	color: #ffffff;
	line-height: normal;
}

.white_text_12 {
	font-size: 12px;
	color: #ffffff;
	line-height: normal;
}

.white_text_14 {
	font-size: 14px;
	color: #ffffff;
	line-height: normal;
	font-weight: bold;
}

.black_text_11
 {
	font-size: 11px;
	color: #000000;
	line-height: normal;
}

.black_text_raspolozivost,
.black_text_raspolozivost_r1,
.black_text_raspolozivost_r2,
.black_text_raspolozivost_r3,
.black_text_raspolozivost_r4
 {   
	padding-left:20px;
	font-size: 10px;
	color: #000000;
	line-height: normal;
}

.black_text_raspolozivost_r1,
.black_text_raspolozivost_r2,
.black_text_raspolozivost_r3,
.black_text_raspolozivost_r4
 {
	padding-left: 50px;
}

.black_text_raspolozivost_r1
 {
	padding-left:20px;
	
	background: url(/images/status_r1.gif) no-repeat  40% 2px;
}

.black_text_raspolozivost_r2
 {
	padding-left:20px;
	background: url(/images/status_r2.gif) no-repeat 40% 2px;
}

.black_text_raspolozivost_r3
 {
	padding-left:20px;
	background: url(/images/status_r3.gif) no-repeat 40% 2px;
}

.black_text_raspolozivost_r4
 {
	padding-left:20px;
	background: url(/images/status_r4.gif) no-repeat 40% 2px;
}

.black_text_12 {
	font-size: 12px;
	color: #000000;
	line-height: 18px;
}

.black_text_14 {
	font-size: 14px;
	color: #000000;
	line-height: normal;
}

.akcija {
	font-size: 14px;
	color: #000000;
	text-decoration: line-through;
	font-weight: bold;
	text-align:right;
}

a:link, a:visited {
	color: #003399;
	text-decoration: underline;
}

a:hover {
	color: #000000;
	text-decoration: none;
}

a.linkUniverzalan:link, a.linkUniverzalan:visited {
 	color: #000000;
	text-decoration: none;
}

a.linkUniverzalan:hover {
	text-decoration: underline;
}

a.linkUniverzalanSivi:link, a.linkUniverzalanSivi:visited {
 	color: #282424;
	text-decoration: none;
}


a.linkUniverzalanSivi:hover {
	text-decoration: underline;
}

a.linkUniverzalanSiviBig:link, a.linkUniverzalanSiviBig:visited {
 	color: #282424;
	text-decoration: none;
	font-size: 14px;
}

a.linkUniverzalanSiviBig:hover {
	text-decoration: underline;
	font-size: 14px;
}

.black_text_16 {
	font-size: 16px;
	color: #000000;
	line-height: normal;
	font-weight: bold;
}

.crveni_text_16 {
	font-size: 16px;
	color: #CC0000;
	line-height: normal;
	font-weight: bold;
}

.naslov24 {
	font-size: 24px;
	color: #000000;
	line-height: normal;
}

.naslov20 {
	font-size: 20px;
	color: #000000;
	line-height: normal;
}

.naslov20bold {
	font-size: 20px;
	color: #000000;
	line-height: normal;
	font-weight: bold;
}


.naslov24crveni {
	font-size: 24px;
	color: #CC0000;
	line-height: normal;
}

.naslov20crveni {
	font-size: 20px;
	color: #CC0000;
	line-height: normal;
}

.naslov20crvenibold {
	font-size: 20px;
	color: #CC0000;
	line-height: normal;
	font-weight: bold;
}


.naslov24sivi {
	font-size: 24px;
	color: #282424;
	line-height: normal;
}

a.blackLink:link, a.blackLink:visited {
	background: url(/images/black_arrow.gif) no-repeat center left;
	color: #000000;
	text-decoration: none;
	padding-left: 14px;
}

a.blackLink:hover {

	color: #282424;
	text-decoration: underline;
}

a.blackLinkOpen:link, a.blackLinkOpen:visited {
	background: url(/images/black_arrow_open.gif) no-repeat center left;
	color: #000000;
	text-decoration: none;
	padding-left: 14px;
	font-weight:bold;
}

a.blackLinkOpen:hover {
	color: #282424;
	text-decoration: underline;
}

a.grayLink:link, a.grayLink:visited {
	background: url(/images/gray_arrow.gif) no-repeat left;
	color: #282424;
	text-decoration: none;
	padding-left: 14px;
}

.ulProdLink {
	list-style-image: url(/images/black_arrowLI.gif); 
	padding:0px;
	margin:0px;
	margin-left:17px;
	
	
}

.ulProdLink li a {
	color: #282424;
	text-decoration: none;
	line-height:15px;
}

.ulProdLink li a:hover {
	color: #282424;
	text-decoration: underline;
}

/*.ulProdLink {
	color: #282424;
	text-decoration: none;
}*/

a.grayLink:hover {
	color: #000000;
	text-decoration: underline;
}


a.grayLink2:link, a.grayLink2:visited {
	background: url(/images/grey_grey_arrow.gif) no-repeat left;
	color: #d1d1d1;
	text-decoration: none;
	padding-left: 14px;
}

a.grayLink2:hover {
	color: #ffffff;
	text-decoration: underline;
}


a.whiteLink:link, a.whiteLink:visited {
	background: url(/images/white_grey_arrow.gif) no-repeat left;
	color: #ffffff;
	text-decoration: none;
	padding-left: 14px
}

a.whiteLink:hover {
	color: #ffffff;
	text-decoration: underline;
}

a.blueLink:link, a.blueLink:visited {
	color: #0054be;
	text-decoration: none;
}

a.blueLink:hover {
	color: #000000;
	text-decoration: underline;
}


#myBox {
	display: block;
	float: left;
	width: 134px;
	height: 155px;
	margin-bottom: 7px;
	overflow: hidden;
	text-align:left;
}

a.bijeliLink:link, a.bijeliLink:visited {
	color: #ffffff;
	text-decoration: none;
}

a.bijeliLink:hover {
	color: #CCCCCC;
	text-decoration: none;
}


/* -----------------------  BUTTONS  ----------------------- */
.buttonWrap {
	float: left;
	margin-right: 3px;
}

a.button:link, a.button:visited {
	display: block;
	height: 32px;
	color: #000000;
	text-decoration: none;
	padding-left: 2px;
	padding-right: 20px;
}

a.button:hover {
	color: #ffffff;
	text-decoration: none;
}

.selected {
	background-color: #282424;
}

a.selected:link, a.selected:visited {
	color: #ffffff;
	text-decoration: none;
}


/* -----------------------  TOP MENU  ----------------------- */
#mainNav {
	display: block;
	margin-right: 20px;
}

#mainNav a.home:link, #mainNav a.home:visited {
	display: block;
	float: right;
	margin-right: 3px;
	width: 67px;
	height: 45px;
	background-image: url(/images/menu/pocetna.gif);
	background-repeat: no-repeat;
}

#mainNav a.home:hover {
	background-position: 0px -45px;
}

#mainNav .home_selected {
	background-position: 0px -90px;
}


#mainNav a.proizvodi:link, #mainNav a.proizvodi:visited {
	display: block;
	float: right;
	margin-right: 3px;
	width: 74px;
	height: 45px;
	background-image: url(/images/menu/proizvodi.gif);
	background-repeat: no-repeat;
}

#mainNav a.proizvodi:hover {
	background-position: 0px -45px;
}

#mainNav .proizvodi_selected {
	background-position: 0px -90px;
}


#mainNav a.novosti:link, #mainNav a.novosti:visited {
	display: block;
	float: right;
	margin-right: 3px;
	width: 63px;
	height: 45px;
	background-image: url(/images/menu/novosti.gif);
	background-repeat: no-repeat;
}

#mainNav a.novosti:hover {
	background-position: 0px -45px;
}

#mainNav .novosti_selected {
	background-position: 0px -90px;
}


#mainNav a.tehnologija:link, #mainNav a.tehnologija:visited {
	display: block;
	float: right;
	margin-right: 3px;
	width: 89px;
	height: 45px;
	background-image: url(/images/menu/tehnologija.gif);
	background-repeat: no-repeat;
}

#mainNav a.tehnologija:hover {
	background-position: 0px -45px;
}

#mainNav .tehnologija_selected {
	background-position: 0px -90px;
}


#mainNav a.podrska:link, #mainNav a.podrska:visited {
	display: block;
	float: right;
	margin-right: 3px;
	width: 67px;
	height: 45px;
	background-image: url(/images/menu/podrska.gif);
	background-repeat: no-repeat;
}

#mainNav a.podrska:hover {
	background-position: 0px -45px;
}

#mainNav .podrska_selected {
	background-position: 0px -90px;
}


#mainNav a.dealers:link, #mainNav a.dealers:visited {
	display: block;
	float: right;
	margin-right: 3px;
	width: 114px;
	height: 45px;
	background-image: url(/images/menu/prodajna_mreza.gif);
	background-repeat: no-repeat;
}

#mainNav a.dealers:hover {
	background-position: 0px -45px;
}

#mainNav .dealers_selected {
	background-position: 0px -90px;
}


#mainNav a.kosarica:link, #mainNav a.kosarica:visited {
	display: block;
	float: right;
	margin-right: 3px;
	width: 73px;
	height: 45px;
	background-image: url(/images/menu/kosarica.gif);
	background-repeat: no-repeat;
}

#mainNav a.kosarica:hover {
	background-position: 0px -45px;
}

#mainNav .kosarica_selected {
	background-position: 0px -90px;
}


#mainNav a.account:link, #mainNav a.account:visited {
	display: block;
	float: right;
	margin-right: 3px;
	width: 87px;
	height: 45px;
	background-image: url(/images/menu/moji_podaci.gif);
	background-repeat: no-repeat;
}

#mainNav a.account:hover {
	background-position: 0px -45px;
}

#mainNav .account_selected {
	background-position: 0px -90px;
}

/* -----------------------  GLOSSARY  ----------------------- */
.glossary{
	color:#999999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-right:12px;
	height:20px;
	text-align:center;
	float:left;
	line-height:20px;
}
.glossary a{
	color:#282424;
	text-decoration:none;
}
.glossary a:hover{
	color:#000000;
	text-decoration:none;
}
.glossaryActiv{
	color:#000000;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	margin-right:12px;
	height:20px;
	text-align:center;
	float:left;
	line-height:20px;
}

a.ideaLink:link, a.ideaLink:visited {
	color: #cccccc;
	text-decoration: none;
}

a.ideaLink:hover {
	color: #cccccc;
	text-decoration: underline;
}