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

body
{
	background-image:url(images/background.png);
	background-repeat:repeat-y;
	background-position: center;
	background-position: top;
	text-align: center;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	/*line-height: 10pt;*/
	font-weight: bold;
	margin: 0px;
	color: #8b9298;
}

a:hover, a:active {
	color: #FFFFFF;
	text-decoration: none;
	}
	
a, a:link, a:visited {
	color: #FFFFFF;
	font-weight: normal;
	text-transform: none;
	text-decoration: none;
}

div#Main
{
  width: 955px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

.HeaderWrapper
{
	text-align: center;
	width: 955px;
	z-index: 1000;
	position: relative;
	top: 0px;
	left: 0px;
}

.Header
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 955px;
	height: 147px;
	background-image: url(images/header.png);
	z-index: 1000;
}

div#HeaderCopy
{
	position:absolute;
	left: 43px;
	top: 30px;
	z-index: 2000;
}

div#HeaderLogo
{
	position:absolute;
	left: 409px;
	top: 13px;
	z-index: 2000;
}

div#HeaderFAQ
{
	position:absolute;
	left: 817px;
	top: 15px;
	z-index: 2000;
}

div#HeaderContactUs
{
	position:absolute;
	left: 853px;
	top: 15px;
	z-index: 2000;
}

div#HeaderSearchBox
{
	position:absolute;
	left: 738px;
	top: 70px;
	z-index: 2000;
}

div#HeaderMainMenu
{
	left: 0px;
	top: 102px;
	color:#FFF;
	position: absolute;
	z-index: 1001;
	padding-left: 30px;
}



a.HeaderMainMenu
{
	color: #FFF;
	text-decoration:none;
}

a.HeaderMainMenu:visited {
	color:#fff;
}

div#FooterWrapper
{
	width: 955px;
	z-index: 1000;
	position: relative;
	height: 150px;
}

/****************************************************************************************/
/*   srediti malo kod */
/****************************************************************************************/
.input-bg 
{
	background:url(images/search_box_bck.jpg) no-repeat left top;
	height:29px;
	width:143px;
}

#searchform input 
{
	background:none;
	border:none;
	height:22px;
	padding:3px 3px 3px 6px;
	width:105px;
}
#searchform #searchsubmit 
{
	border:none;
	background: url(images/lupica.png) no-repeat left top;
	cursor: pointer;
/*	display:inline;
	letter-spacing:100px;/*moves text out of way for ie*/
/*	text-indent: -9999px;*/
	width:26px;
	height:29px;
}

/****************************************************************************************/

div#LeftMenuWrapper
{
	background:url(images/left_menu_bck.png);
	width: 229px;
	height: 804px;
	z-index: 0;
}

div#LeftMenuContent
{
	padding-top: 147px;
	padding-left: 12px;
	padding-right: 10px;
	color: #676767;
	position: relative;
	font-size: 6pt;
}

div#FAQLogo
{
	position: absolute;
	left: 16px;
	top: 705px;
}

div#HotLine
{
/*	padding-left: 15px; */
	padding-top: 15px;
	text-align: center;
}

.SectionItem
{
	background: url(images/menu_section_bck.png);
	background-repeat:no-repeat;
	width: 207px;
	height: 16px;
	padding-top: 0px;
	color: #676767;
}

.MenuItem
{
	width: 207px;
	height: 16px;
	padding: 0px;
	color: #676767; !important;
}

.MenuItem a, .MenuItem a:visited, .SectionItem a, .SectionItem a:visited{
	color: #676767;
}



a.LeftMenuItem
{
	color: #000;
	text-decoration:none;
	margin-left: 8px;
	font-size: 12px;
	text-transform:uppercase;
}

a.LeftMenuItem:hover{
	color: #fff;
}

a.LeftMenuSubitem
{
	color: #000;
	text-decoration:none;
	margin-left: 18px;
	font-size: 12px;
	text-transform: uppercase;
}

a.LeftMenuSubitem:hover {
	color: #f00;
}
/****************************************************************************************/
/*			CONTENT
/****************************************************************************************/
.glavni { 
	color: #666;
	text-align:justify;
}

.glavni p {
	text-align:justify;
}

.glavni li {
	text-align:justify;
}

.glavni ul{
	list-style-image: url(images/check.gif);
}

.glavni a, .glavni a:visited {
	color: #ff0000; !important;  
}

.Content {
	width: 668px;
/*	min-height: 750px;*/
	height: 750px;
	background-color: #FFF;
	font-size: 10pt;
	/*line-height: 11pt;*/
	font-weight: normal;
}

.Content a:link, a:visited
{
	color: #ff0000;
	text-decoration: none;
}
.MedaBoxAnnouncementsContent
{
	padding:10px;
}
.MediaBoxLatestNews
{
	float:left;
	width:137px;
	padding-top: 15px;
	padding-left: 5px;
	padding-right: 5px;
}

.SmallHeader
{
	color: #ee3524;
	text-align: center;
	padding-top: 10px;
}

.BighHeading
`
.MediaBoxHeader
{
	background-image:url(images/media_header_bck.png);
	width: 193px;
	height: 16px;
	padding-top: 1px;
	padding-left: 15px;
	font-size: 9pt;
	font-weight: bold;
}

.MediaBoxNewsHeading
{
	color:#ee3524;
	font-weight: bold;
	padding-bottom: 15px;
	text-transform: uppercase;
}
ul.MediaBoxFooterLinks 
{
	list-style-image: url(images/list_disc.png);
	list-style-position: inside;
	padding: 10px 0px 0px 5px;
	margin: 0px;
}

.MediaBoxFooterLinks li
{
	margin: 0px;
	padding: 0px;
}
.MediaBoxFooterLinks a
{
	padding-left: 10px;
}

div#MediaHeadingBanner
{
	float: right;
}

div#DownloadsBanner
{
	background-image:url(images/download_centre_banner.png);
	with: 939px;
	height: 128px;
}

div#faqBanner
{
	/*background-image:url(images/download_centre_banner.png);*/
	with: 939px;
	height: 78px;
}

.faqCell {
	padding-left: 16px; 
	pading-right: 26px;
	color: #333;
	line-height: 18px;
	font-weight:normal;
}

.faqNaslov {
	font-weight: bold;
	color: #e00000;
}

.faqCell a {
	color: #e00000;
	text-decoration:none;
	font-size: 14px;
}

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

div#ContentFooter
{
	background:url(images/content_lower_border.png);
	width: 668px;
	height: 10px;
}

div.ContentBox
{
	width: 263px;
	height: 181px;
	text-align:left;
	margin-top: 25px;
	margin-left:25px;
	margin-right: 25px;
}

div.ContentBoxSpacer
{
	width: 8px;
	height: 240px;
	float: left;
}

div.ContentBoxReadMore
{
	text-align:left; 
	padding-left: 55px; 
	padding-top: 2px;
}

img.BoxThumbnail
{
	padding-right: 2px;
	padding-bottom: 2px;
}

.BoxHeading
{
	color: #ee3124; 
	font-size: 13pt; 
	font-weight: bold;
}
div.ContentBoxItem
{
	padding-top: 5px;
}

/********************************************************************************************
*
* Downloads page
*
*********************************************************************************************/

#DownloadsLeftMenuWrapper
{
	float:left;
	width: 180px;
	padding-left: 20px;
}

.DownloadsMenuSection
{
	font-size:10pt;
	color: #ee3524;
	padding-top: 20px;
	padding-bottom: 10px;
}

.DownloadsMenuCategoryItem
{
	font-size: 10pt;
	padding-top: 5px;
	padding-bottom: 5px;
	text-transform: uppercase;
}

.DownloadsMenuBrandsItem
{
	font-size: 8pt;
	padding-top: 2px;
	padding-bottom: 2px;
	text-transform: uppercase;
}

.DownloadsLeftMenuDots
{
	width: 3px;
	background-image: url(images/download_menu_vdots.png);
	height: 100%;
}

div#DownloadsNextPage
{
	text-align:right;
	color: #ee3524;
	float: none;
	clear: both;
	margin: 0;
	padding: 0;
	border: none;
	padding-right: 20px;
	padding-bottom: 15px;
}

/********************************************************************************************
*
* Downloads page
*
*********************************************************************************************/
div#LettersThumbsWrapper
{
	float: left;
	width: 216px;
	text-align: center;
}

.LettersThumbBox
{
	height: 91px;
	width: 180px;
	text-align: left;
	background-image: url(images/letter_thumb_box.png);
	margin: 0 auto;
	padding: 10px;
	margin-top: 15px;
}

a.LetterThumbReadMore,  
a.LetterThumbReadMore:visited, 
a.LetterThumbReadMore:hover, 
a.LetterThumbReadMore:active, 
a.LetterThumbReadMore:link
{
	color: #ee3124;
	font-weight: bold;
}

div#LettersContent
{
	width: 691px;
	height: 650px;
	float: left;
	background-image: url(images/letter_bck.jpg);
	position: relative;
	font-size: 12pt;
}

div#LettersSendButton
{
	position: absolute;
	top: 565px;
	left: 14px;
	z-index: 1000;
}

div#LettersFrom
{
	padding-top: 90px;
	padding-left: 60px;
	font-weight: normal;
}
div#LettersText
{
	padding-top: 40px;
	padding-left: 60px;
	font-weight: normal;
	height: 380px;
	padding-right: 60px;
}

div#LettersPageNavigator
{
	position: absolute;
	top: 629px;
	right: 13px;
	z-index: 1000;
}

/*****
* Menu
*****/
/*
#subnav li a:hover, #subnav li a:active {
background: #000066;
color: #FFFFFF;
display: block;
text-decoration: none;
margin: 0px 5px 0px 0px;
padding: 6px 13px 6px 13px;
}

#subnav li li a, #subnav li li a:link, #subnav li li a:visited {
background: #000066;
width: 150px;
float: none;
margin: 0px;
padding: 6px 10px 6px 10px;
border-bottom: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
}

#subnav li li a:hover, #subnav li li a:active {
background: #006699;
margin: 0px;
padding: 6px 10px 6px 10px;
}



/*
	Ostatak
*/

div.FooterBigLine
{
	width: 726px;
	height: 2px;
	background-image: url(images/footer_big_line.png);
	background-repeat: no-repeat;
}

div.Box
{
	width: 313px;
	height: 240px;
	background-image: url(images/news_box_bg.png);
	background-repeat: no-repeat;
	float: left;
}

div#BambiLinks
{
	width: 89px;
	height: 14px;
	background-image: url(images/bambi_links.png);
	background-repeat: no-repeat;
	float: none;
	position: absolute;
	top: 0px;
	left: 28px;
}

div.VerticalDots
{
	width: 4px;
	height: 119px;
	background-image: url(images/footer_vline.png);
	background-repeat: no-repeat;
	float: none;
}

/*
	Instance
*/
div#VerticalDotInstance1
{
	position: absolute;
	top: 6px;
	left: 207px;
}

div#VerticalDotInstance2
{
	position: absolute;
	top: 6px;
	left: 451px;
}

div.HorizontalDots
{
	width: 119px;
	height: 3px;
	background-image: url(images/footer_hline.png);
	background-repeat: no-repeat;
	float: none;
	position: absolute;
	top: 27px;
	left: 24px;
}

div.FooterLinksWrapper
{
	float: none;
	position: absolute;
}

/*
	Instance
*/
div#FooterLinks1
{
	position: absolute;
	top: 6px;
	left: 239px;
}

div#FooterLinks2
{
	position: absolute;
	top: 6px;
	left: 483px;
}

ul.FooterLinksList
{
	margin: 0;
	padding: 0;
	color:#FFFFFF;
	font-size: 9pt;
}

.FooterLinksList li 
{
	padding-bottom: 20px;
}
.FooterLinksList a 
{
	font-size:7pt;
}

a#WWWPlazma
{
	float: left;
	height: 15px;
	width: 91px;
	position: absolute;
	top: 39px;
	left: 28px;
}


a#RSSSubscription
{
	float: left;
	height: 31px;
	width: 65px;
	position: absolute;
	top: 78px;
	left: 29px;
}

a#RSSSubscriptionIcon
{
	float: left;
	height: 53px;
	width: 47px;
	position: absolute;
	top: 69px;
	left: 104px;
}

div#SpradTheLoveFooterWrapper
{
/*	background-image:url(images/spread_the_love.png);
	display:block; 
	float: left;
	height: 55px;
	width: 187px;
	position: absolute;
	top: 81px;
	left: 755px;
*/
}
a#SpradTheLoveFooter
{
	height: 55px;
	width: 187px;
	position: absolute;
	top: 76px;
	left: 755px;
}

div#CustomerLineFooter
{
	background-image:url(images/customer_line.png);
	display:block;
	float: left;
	height: 55px;
	width: 187px;
	position: absolute;
	top: 6px;
	left: 755px;
}

/****************************************************************************
*
*	Boxes
*
****************************************************************************/

.ShaddowBox-t {background: url(images/box/mediabox_tc.jpg) 0 0 repeat-x;}
.ShaddowBox-b {background: url(images/box/mediabox_bc.jpg) 0 100% repeat-x}
.ShaddowBox-l {background: url(images/box/mediabox_lc.jpg) 0 0 repeat-y}
.ShaddowBox-r {background: url(images/box/mediabox_rc.jpg) 100% 0 repeat-y}
.ShaddowBox-bl {background: url(images/box/mediabox_bl.jpg) 0 100% no-repeat}
.ShaddowBox-br {background: url(images/box/mediabox_br.jpg) 100% 100% no-repeat}
.ShaddowBox-tl {background: url(images/box/mediabox_tl.jpg) 0 0 no-repeat}
.ShaddowBox-tr {
	background: url(images/box/mediabox_tr.jpg) 100% 0 no-repeat;
	padding:20px
} 

.MediaBigBox
{
	width: 628px;
}
.cleared
{
	float: none;
	clear: both;
	margin: 0;
	padding: 0;
	border: none;
	font-size:1px;
}

/* **************************************************************************
*
*	Media sekcija
*
****************************************************************************/

.mediaHeadline {
	float:left;
	color: #ef3c39;
	font-size: 14pt;
	font-weight: bold;
	padding-left:20px;
	padding-top:25px;
}