@charset "UTF-8";
/* CSS Document */
body  {
	font:12px/18px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;	
	background:url(/../images/template/bg-1.jpg) center center fixed #999999;
	background-size:cover;
	margin: 0;
	padding: 1px;
	text-align: center; 
	color: #EEEEEE;
}
.main {
	width:1030px;
	margin: auto; 
	/*background:url(/../images/template/background/back-shadow.png) top left repeat-y scroll; */
	}

.thrColFixHdr {}

.thrColFixHdr #container { 
	width: 990px;
		margin: 0 10px 0px 10px; 
	padding:0px 10px 1px 10px;
	text-align: left;
} 

.thrColFixHdr #header { 
	/*
	position:relative;
	background:url(/../images/template/logo-vi-v1.png) no-repeat; 
	cursor:hand;
	cursor:pointer;
	height:72px;
	overflow:hidden;
	margin:10px 0 10px 0;
	*/
} 

.thrColFixHdr #header h1 {
	margin: 0;
	padding: 10px 0; 
}

.thrColFixHdr #header h3 {
	color:#ffffff;
	text-align:center;
	background-color:#999999;
	margin-bottom: 65px;
	font-weight: normal;
}

.thrColFixHdr #sidebar-left {
	float: left;
	width: 200px;
	padding: 0px 0px 0px 0px;
	position:relative;
}
.thrColFixHdr #sidebar-right {
	float: right;
	width: 200px;
	padding: 0px 0px 0px 0px;
	position:relative;
}
.thrColFixHdr #mainContent { 
	margin: 0 0px;
	padding: 0 12px 0 12px;
	float: left;
	position:relative;
	width: 565px;
} 

.thrColFixHdr #userFlash {
	width:970px; 
	margin-bottom: 20px;
	position:relative;
	clear:both;
} 
.thrColFixHdr #userDown {
	width:990px; 
	margin-bottom: 20px;
	position:relative;
	clear:both;
} 
.thrColFixHdr #userDown p {
	margin-bottom: 0px;
} 
.thrColFixHdr #footer {
	width:1000px; 
	padding: 20px 00px 0 00px;
	background:url(/../images/template/footerContent.jpg) top center no-repeat #000;
	position:relative;
	clear:both;
	margin:auto;
	color:#ffffff;
} 
.thrColFixHdr #footer p {
	margin: 0; 
	padding: 10px 0;
}
#footerBlack {
	background:url(/../images/template/footerBack.jpg) top center no-repeat #000;
	border-top:1px solid #000000;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
--> 



html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input {
margin:0;
padding:0;
}
h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, strong, th {
font-size:1em;
font-style:normal;
font-weight:normal;
}
ul, ol {
list-style:none outside none;
}
fieldset, img {
border:medium none;
}
caption, th {
text-align:left;
}
table {
border-collapse:collapse;
border-spacing:0;
}
.clear {
clear:both;
}
.borderBottom {
	border-bottom:thin dotted #AAAAAA;
	padding-top:20px;
	margin-bottom:20px;
}
.clearer {
clear:both;
display:block;
font-size:1px;
height:0;
line-height:1px;
margin:0;
padding:0;
}
img {
border:0 none;
}

#container {
margin:0 auto;
position:relative;
width:980px;
}
#main {
position:relative;
width:100%;
}
#content {
color:#333333;
padding:18px 20px;
position:relative;
}
/*#breadcrumb {
clear:both;
color:#686868;
font-size:10px;
margin:18px auto;
text-align:center;
}*/

a {
color:#0088CC;
}
a:link, a:visited, a:active {
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
a.more {
/*background:url("./../elements/arrows/morearrow_08c.gif") no-repeat scroll 100% 50% transparent;*/
padding-right:10px;
white-space:nowrap;
}
a.external {
/*background:url("./../elements/icons/external10x10.gif") no-repeat scroll 100% 49% transparent;*/
padding-right:15px;
white-space:nowrap;
}
/*a[rel="external"] {
background:url("./../elements/icons/external10x10.gif") no-repeat scroll 100% 49% transparent;
padding-right:15px;
white-space:nowrap;
}*/
strong, b {
font-weight:bold;
}
em, i {
font-style:italic;
}
p {
margin-bottom:18px;
}
h1 {
font-size:24px;
font-weight:bold;
line-height:30px;
/*margin-bottom:18px;*/
margin-bottom:8px;

}
h2 {
font-size:14px;
font-weight:bold;
line-height:18px;
margin-bottom:18px;
}

h21 {
font-size:16px;
font-weight:bold;
line-height:18px;
/*margin-bottom:10px;*/
}

h3 {
font-size:1em;
font-weight:bold;
line-height:18px;
}

h31 {
font-size:13px;
font-weight:bold;
line-height:18px;
}

h4 {
font-size:12px;
font-weight:bold;
line-height:18px;
}

h11 {
font-size:24px;
font-weight:bold;
line-height:36px;
margin-bottom:24px;
}

p.intro {
font-weight:bold;
}
.more {
text-align:right;
}
ul {
list-style:none outside none;
margin-bottom:18px;
}
ol {
list-style:decimal outside none;
margin-bottom:18px;
margin-left:2.2em;
}
ul.square, ul.circle {
margin-left:2em;
}
ul.square {
list-style:square outside none;
}
ul.circle {
list-style:circle outside none;
}
ul ul.circle, ul ul.square {
margin-bottom:5px;
margin-top:4px;
}

body, #main, #content {
color:#000000 !important;
}
a, a:link, a:visited {
color:#000000 ;
text-decoration:none !important;
}
#tabs, #globalheader, #globalfooter, #directorynav, .noprint, .hide {
display:none !important;
}
#main a.pdf, #main a.html, #main a.qt, #main a.ical, #main a.dl, #main a.dmg, #main a.zip, #main a.keynote, #main a.audio {
background-image:none !important;
padding-left:0 !important;
}
html {
}
*/
/* ----- MENI ----- */

#vi-o-nama a { background-position: 0 0 ; }
#vi-usluge a { background-position: -110px 0; }
#vi-artikli a { background-position: -220px 0; }
#vi-rental a { background-position: -330px 0; }
#vi-hdtv a { background-position: -440px 0; }
#vi-3dtv a { background-position: -550px 0; }
#vi-linkovi a { background-position: -660px 0; }
#vi-kontakt a { background-position: -770px 0 ; }
#vi-naslovna a { background-position: -880px 0 ; }

#vi-o-nama a:hover { background-position: 0px -40px ; }
#vi-usluge a:hover { background-position: -110px -40px; }
#vi-artikli a:hover { background-position: -220px -40px ; }
#vi-rental a:hover { background-position: -330px -40px ; }
#vi-hdtv a:hover { background-position: -440px -40px ; }
#vi-3dtv a:hover { background-position: -550px -40px ; }
#vi-linkovi a:hover { background-position: -660px -40px ; }
#vi-kontakt a:hover { background-position: -770px -40px ; }
#vi-naslovna a:hover { background-position: -880px -40px ; }

#vi-o-nama a:active { background-position: 0px -80px ; }
#vi-usluge a:active { background-position: -110px -80px; }
#vi-artikli a:active { background-position: -220px -80px ; }
#vi-rental a:active { background-position: -330px -80px ; }
#vi-hdtv a:active { background-position: -440px -80px ; }
#vi-3dtv a:active { background-position: -550px -80px ; }
#vi-linkovi a:active { background-position: -660px -80px ; }
#vi-kontakt a:active { background-position: -770px -80px ; }
#vi-naslovna a:active { background-position: -880px -80px ; }

#meni ul { height:38px; width:990px; }
#vi-meni li { height:38px; float:left; list-style:none outside none; }
#vi-meni li a { background-image:url(/../images/template/meni.jpg); background-repeat:no-repeat; float:left; height:0;overflow:hidden; padding-top:38px; width:110px;}


/*.ss-container {
	width: 990px;
	height:300px;
	padding: 0;
	margin: 0 auto;
	position: relative;
}*/
.folio_block {
	position: absolute;
}


/*--Main Container--*/
.main_view {
	float: left;
	position: relative;
}
/*--Window/Masking Styles--*/
.window {
	height:286px;	
	width: 990px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom: 15px; 
	right: 0px;
	width: 110px; 
	height: 28px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: left;
	/*background: url(/images/slideshow/panel-v3.png) 0px 0px no-repeat;*/
	/*display: none; /*--Hidden by default, will be later shown with jQuery--*/
	overflow:hidden;
	
}
.paging a {
	padding: 30px 7px;
	text-decoration: none;
	background:url(/../images/slideshow/semafor.png) 0 -27px no-repeat;
	height:0px !important;
	/*overflow:hidden;*/
	float: left;
}
.paging a.active {
	background:url(/../images/slideshow/semafor.png) 0 0px no-repeat;
}
.paging a:hover {
	background:url(/../images/slideshow/semafor.png) 0 0px no-repeat;
}




/* Veliki Banner*/
#slide-holder-ds{ position:relative; width:990px; height: 460px; margin-bottom:10px; }
#slide-holder{ position:relative; width:990px; height: 305px; margin-bottom:10px; }
.slide { width:990px; height:305px; float:left; position:absolute; display: none; }

.ss-nav-holder { width:300px; height:13px; position:absolute; bottom: 20px; left:15px; text-align:left; } 
.ss-nav-holder a { background-image:url(/../images/template/ss-ico.png); background-repeat:no-repeat; background-position: 0 0  !important; float:left; height:0; overflow:hidden; width:20px; padding-top:14px;}
.ss-nav-holder a:hover { background-position: 0px -14px  !important; }
.ss-nav-holder a.active {background-image:url(/../images/template/ss-ico-press.png) }


/* Veliki Banner*/
#slide-holder{ position:relative; width:990px; height: 305px; margin-bottom:10px; }
.slide { width:990px; height:305px; float:left; position:absolute; display: none; }

.ss-nav-holder { width:300px; height:13px; position:absolute; bottom: 20px; left:15px; text-align:left; } 
.ss-nav-holder a { background-image:url(/../images/template/ss-ico.png); background-repeat:no-repeat; background-position: 0 0  !important; float:left; height:0; overflow:hidden; width:20px; padding-top:14px;}
.ss-nav-holder a:hover { background-position: 0px -14px  !important; }
.ss-nav-holder a.active {background-image:url(/../images/template/ss-ico-press.png) }


/*end Veliki banner*/	


/* Roller */
.main-roller{ width:990px; height:170px; position:relative; margin-bottom:10px; background:url(/../images/roller/roller-empty.jpg) no-repeat; padding:10px 5px;}

.roller-holder {
	postion:relative; 
	width:170px; 
	height:150px; 
	overflow:hidden;
	padding:10px 12px 5px 12px;
	margin:0;
	float: left;
	border-right: #AAAAAA thin dotted;
}

.last-roller { border: none !important; }

.roler-window {
	height:150px;	
	width: 170px;
	overflow: hidden;
	position: relative;
	/*border: thin solid #DDDDDD;*/
}

.roller-images {
	position: absolute;
	top: 0; 
	left: 0;
	height:150px;	
	width: 170px;
	overflow:hidden;
	text-align:left;
}
.roller-images a {
	float:left;
	height:150px;	
	width: 170px;
	margin-top: 0px;
	color:#990000;
	font-weight:bold;
}
.roller-images img {
	/*float: left;*/
	height:120px;
	width:170px;
	margin-bottom:5px;
}
.roller-images p {
	

	/*width:150px;*/
}

/* End Roller */	



/* ------ Roller ------ */

.rrrollerhead { position:relative; width:197px; height:30px; text-align:center; padding-top:10px;  font-weight:bold; color:#990000; }
.rrroller-holder { width:197px; height:180px; float:left; position:relative; border-right:thin dotted #CCCCCC; }
.rrroller-holder-end { width:190px; height:180px; float:left; position:relative; }



/* ---- Scroller ---- */
.scroll-arrow { 	cursor:pointer; cursor:hand; } 
.scroll-ul { padding-top:0px !important; 	width:1680px; }
.scroll_li { width: 120px; height:150px; 	float:left; 	list-style:none outside none;	text-align:center;}
.scroll_li a { text-shadow: none  !important; text-align:center; font-weight: bold !important; color:#666666 !important; }
.scroll_li a:hover { color:#D7003E !important; font-weight:bold !important; }
.scroll-img { width:120px; height:100px; margin-bottom:10px }

.section-header { width:525px; height:150px; margin-bottom:20px; }

.rental-ul { list-style:disc inside; margin-left:10px;}
.rnt_text h3 { color:#990000; }


/*---------- RENTAL ---------*/

.ktg_holder {
	margin-bottom:20px;
}

.ktg_item {
	padding-left:20px;
	padding-right:10px;
	margin-bottom:5px;
	color:#bbbbbb;
	cursor: pointer;
	cursor: hand;
}	

.rental-item { width:525px; height:110px; border-bottom:#333333 1pt dotted; padding-bottom:5px; padding-top:15px; position:relative; }
.rental-item-end { width:525px; height:110px; padding-bottom:5px; padding-top:15px; position:relative; }
.rental-text { width:370px; float:left; position:relative; }
.rental-text h2 { color:#990000; }
.rental-image { width:140px; position:relative; float:right; text-align:right; }


.rnt_tabela {border-bottom:#333333 1pt dotted; }
.rnt_header {
	margin-left:10px;
	margin-right:10px;
	padding-bottom:5px;
	margin-bottom:10px;
	color:#ffffff;
	font-size:24px;
	font-weight: bold;
	border-bottom:thin dotted #cccccc;
	cursor: pointer;
	cursor: hand;
}

.rental-ul { list-style:disc inside; margin-left:10px;}
.cena { font-size: 12px; color: #990000; font-weight: bold; padding-top:10px; }

.modul-container {width:200px; position:relative;overflow:hidden;}
.modul-naslov { width:200px; height:30px; background:url(/../images/template/modul-gray/modul-top.jpg) no-repeat; position:relative;}
.modul-naslov h3 { padding-left:10px; padding-top:6px; color:#444444 !important}
.modul-body h2 {margin-bottom:5px !important}
.modul-body h3 {color:#990000; margin-bottom:0px}
.modul-body { width:180px; padding: 10px 10px 0px 10px; background:url(/../images/template/modul-gray/modul-body.jpg) repeat-y; position:relative; overflow:hidden; overflow:hidden;}
.modul-body p { margin-bottom:0px; }
.modul-body a { text-decoration:underline; color:#990000 !important }
.modul-footer { width:200px; height:20px; background:url(/../images/template/modul-gray/modul-bottom.jpg) no-repeat; position:relative;  margin-bottom:15px;  }
.hand-pointer { cursor:hand; cursor:pointer; }
.modul-art-slika { height:144px; width:180px; margin-bottom: 10px; }

.modul-search-content { /*padding:5px 10px 5px 10px; */}
.modul-search-container {width:200px; position:relative;}
.modul-search-container h3 { padding-left:10px; background:url(/../images/template/modul-purple/modul-top.jpg) no-repeat left top;  height:30px; }
.modul-search-container h3 span { background:url(/../images/template/modul-purple/modul-top.jpg) no-repeat right top;  height:30px; display:block; line-height:30px; color:#FFFFFF !important}
.modul-search-naslov h3 { padding-left:10px; padding-top:6px; color:#444444 !important}
.modul-search-body { width:180px; padding: 10px 10px 0px 10px; background:url(/../images/template/modul-gray/modul-body.jpg) repeat-y; position:relative; overflow:hidden; }
.modul-search-body p { margin-bottom:10px; }
.modul-search-body a { text-decoration:underline; color:#990000 !important }
.modul-search-body select { width:180px }
.modul-search-body button { width:80px }
.modul-search-body text { width:170px }
.modul-search-footer { width:200px; height:20px; background:url(/../images/template/modul-gray/modul-bottom.jpg) no-repeat; position:relative;  margin-bottom:15px;  }
.search-bottom-border { margin:10px 0 10px 0; border-bottom:thin dotted #999999; padding-bottom:10px; }

.modul-container-white {width:200px; position:relative;}
.modul-naslov-white { width:200px; height:10px; background:url(/../images/template/modul-white/modul-top.jpg) no-repeat; position:relative; padding:0}
.modul-naslov-white h3 { padding-left:10px; padding-top:6px; }
.modul-body-white { width:180px; padding: 0px 10px 0px 10px; background:url(/../images/template/modul-white/modul-body.jpg) repeat-y; position:relative; overflow:hidden; }
.modul-body-white p { margin-bottom:10px; }
.modul-body-white a { color:#990000 !important; font-weight:bold !important }
.modul-footer-white { width:200px; height:20px; background:url(/../images/template/modul-white/modul-bottom.jpg) no-repeat; position:relative; margin-bottom:15px }
.nolink { text-decoration:none !important }


.modul-purple-container {width:200px; position:relative;}
.modul-purple-naslov { width:200px; height:30px; background:url(/../images/template/modul-purple/modul-top.jpg) no-repeat; position:relative;}
.modul-purple-naslov h3 { padding-left:10px; padding-top:6px; color:#FFFFFF !important}
.modul-purple-naslov h3 a { color:#FFFFFF !important}
.modul-purple-body { 
	width:180px; 
	padding: 10px 10px 0px 10px; 
	background:url(/../images/template/modul-purple/modul-body.jpg) repeat-y; 
	position:relative; 
	overflow:hidden; 
}
.modul-purple-body p { margin-bottom:0px; }
.modul-purple-body a { text-decoration:underline; color:#990000 }
.modul-purple-footer { width:200px; height:20px; background:url(/../images/template/modul-purple/modul-bottom.jpg) no-repeat; position:relative;  margin-bottom:15px;  }
.purple { color:#990000 !important; font-size:120%; }


.modul-black-container {width:200px; position:relative;}
.modul-black-naslov { width:200px; height:30px; background:url(/../images/template/modul-black/modul-top.jpg) no-repeat; position:relative;}
.modul-black-naslov h3 { padding-left:10px; padding-top:6px; color:#444444 !important}
.modul-black-body { width:180px; padding: 10px 10px 0px 10px; background:url(/../images/template/modul-black/modul-body.jpg) repeat-y; position:relative; overflow:hidden; }
.modul-black-body p { margin-bottom:0px; color:#FFFFFF !important }
.modul-black-body a { text-decoration:underline; color:#DDDDDD !important }
.modul-black-body ul { margin:0 0 0 15px; list-style:disc; color:#FFFFFF !important }
.modul-black-footer { width:200px; height:20px; background:url(/../images/template/modul-black/modul-bottom.jpg) no-repeat; position:relative;  margin-bottom:15px;  }

.section-promo { margin: 0px 0 00px 0; border-bottom: dotted #999999 thin; position: relative; padding-bottom:10px}
.section-promo a:hover {text-decoration:underline !important}
.section-promo img { width:60px; height:48px; float:left; margin:0 10px 00px 0; border: thin solid #CCCCCC; padding:1px; }
.section-promo h2 { color: #990000; margin:5px 0 5px 0 !important; padding-top:5px }
.section-promo h3 { color: #990000; margin:5px 0 10px 0 !important; padding-top:5px; font-size:13px }
.section-promo table { margin-bottom:0px; vertical-align:top }
.no-padding { padding:0 !important }

.mod-usluga {	background: url(/../images/template/dot.gif) repeat-x center bottom transparent;	padding:6px 0px 6px 0;}


.modul-video-container {
	width:990px; 
	position:relative;
}
.modul-video-naslov { 
	width:990px; 
	height:30px; 
	background:url(/../images/template/modul-video/modul-top.jpg) no-repeat; 
	position:relative;
}
.modul-video-container h3 { padding-left:10px; background:url(/../images/template/modul-video/modul-top.jpg) no-repeat left top;  height:28px; }
.modul-video-container h3 span { 
	background:url(/../images/template/modul-video/modul-top.jpg) no-repeat right top;  
	height:30px; 
	display:block; line-height:28px;
}

.modul-video-body { width:970px; padding: 10px 10px 0px 10px; background:url(/../images/template/modul-video/modul-body.jpg) repeat-y; position:relative; overflow:hidden; }
.modul-video-body p { margin-bottom:0px; }
.modul-video-body a { text-decoration:underline; color:#990000 !important }
.modul-video-footer { width:990px; height:20px; background:url(/../images/template/modul-video/modul-bottom.jpg) no-repeat; position:relative;  margin-bottom:15px;  }

.modulImg {width:180px; height:144px; margin: 10px 0 10px 0; }

.a-video { color:#999999 !important; }
.a-video:hover { color:#FFFFFF !important; }
.div-videolink { width:415px; height:27px; border: solid thin #999999; padding: 10px 0 0 35px; margin-bottom:3px; background:url(/../images/template/arrow-play.jpg) no-repeat 5px 5px; cursor:hand; cursor: pointer; }
#video-div {position:relative; width:430px; height: 275px; z-index:10; overflow-y: scroll; overflow-x:none; border: solid thin #999999; padding:10px;}

#player-x a {display:block;width:480px;height:295px; border: solid thin #999999; }


.img_caption { 
	border:1pt #666666 solid; 
	padding:1pt; 
	height:60px; 
	width: 60px; 
	float:left; 
	margin:4px 8px 0px 0; 
} 

.com-container { 
	position:relative; 
	background:url(/../images/template/all/bg-box-body.jpg) repeat-y left top;
}
.com-container h3 { 
	padding-left:10px; 
	background:url(/../images/template/all/bg-box-top.jpg) no-repeat left top;  
	height:30px;  
}
.com-container h3 span { 
	background:url(/../images/template/all/bg-box-top.jpg) no-repeat right top; 
	height:30px; 
	display:block; 
	line-height:30px; 
}
.com-container h3 span a { 
	color:#444444; 
}
.com-body { 
	margin-left:10px; 
	padding: 20px 20px 1px 10px; 
	position:relative; 
	overflow:hidden; 
	background:url(/../images/template/all/bg-box-body.jpg) repeat-y right top; 
}
.com-body p { 
	margin-bottom:10px; 
}
.com-body a { 
	text-decoration:none; 
	color:#990000; 
}
.com-body a:hover { 
	text-decoration:underline !important;
}
.com-footer { 
	height:20px; 
	background:url(/../images/template/all/bg-box-bottom.jpg) no-repeat left bottom; 
	position:relative; 
	margin-bottom:20px; 
	padding-left:10px;
}
.com-footer span  { 
	background:url(/../images/template/all/bg-box-bottom.jpg) no-repeat right bottom; 
	height:20px; 
	display:block; 
	line-height:20px; 
}
.com-white-container { 
	position:relative; 
	background:url(/../images/template/all/bg-box-body.jpg) repeat-y left top;
}
.com-white-container h3 { 
	padding-left:10px; 
	background:url(/../images/template/all/bg-white-top.jpg) no-repeat left top;  
	height:10px;  
}
.com-white-container h3 span { 
	background:url(/../images/template/all/bg-white-top.jpg) no-repeat right top; 
	height:10px; 
	display:block; 
	line-height:10px; 
}
.com-white-container h3 span a { 
	color:#444444; 
}
.com-white-body { 
	margin-left:10px; 
	padding: 10px 20px 1px 10px; 
	position:relative; 
	overflow:hidden; 
	background:url(/../images/template/all/bg-box-body.jpg) repeat-y right top; 
}
.com-white-body p { 
	margin-bottom:10px; 
}
.com-white-body a { 
	text-decoration:none; 
	color:#990000; 
}
.com-white-body a:hover { 
	text-decoration:underline !important;
}
.com-white-footer { 
	height:20px; 
	background:url(/../images/template/all/bg-box-bottom.jpg) no-repeat left bottom; 
	position:relative; margin-bottom: 20px; 
	padding-left:10px;
}
.com-white-footer span { 
	background:url(/../images/template/all/bg-box-bottom.jpg) no-repeat right bottom; 
	height:20px; 
	display:block; 
	line-height:20px; 
}
.purple-color { color:#990000; }
.gray6-color { color:#666666; }
.gray6-color a { color:#666666 !important; }
.gray6-color a:hover { color:#666666 !important; text-decoration:underline !important; }
.black-color { color:#000000; }
.bold-text { font-weight:bold !important }

.divItem { 
	width:25%; 
	position: relative; 
	float:left; 
	/*height:195px; */
	padding: 5px 0 10px 0;
	text-align:center !important;
	overflow:hidden;
}
.hilite { 
	background: url(/../images/template/hilite.jpg) no-repeat center top; 
}
.brojac-strana a { 
	color: #990000; 
}
.brojac-strana a:hover {
		/* text-decoration:underline !important;*/
}
.itemsholder { 
	width:100%; 
	overflow:hidden; 
	position: relative; 
	border-bottom: dotted thin #999999; 
	border-top: dotted thin #999999; 
	margin-top:10px; 
	padding-top:10px;
}
.itemsnaslov { 
	width:100%; 
	overflow:hidden; 
	position: relative;
	text-align:left;
}
.imgholder { 
	width:120px; 
	height: 96px; 
	position: relative; 
	margin: auto; 
	border:thin solid #999999; 
	margin-bottom:10px; 
	text-align:center;
}
.imgholder img { 
	width:120px; 
	height: 96px; 
}
.divItem h2 { 
	text-align:left !important; 
	padding: 0 5px 0 5px; 
	font:12px/18px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; 
	margin-bottom:0;
}
.itemscontent { 
	text-align:left; 
	padding: 0 5px 0 5px;
}
.itemscena { 
	font-weight: bold; 
	color: #990000; 
}
.bottom-navigator { 
	width:100%; 
	position:relative; 
	margin:10px 0 0 0;
	height:20px; 
}

.section-item { 
	margin: 0px 0 20px 0; 
	border-bottom: dotted #999999 thin; 
	position: relative; 
	overflow:hidden; 
}
.section-item img { 
	width:120px; 
	height:96px; 
	float:left; 
	margin:0 10px 10px 0; 
	border: thin solid #CCCCCC; 
	padding:1px; 
}
.section-item h2 { 
	color: #990000; 
	margin:2px 0 5px 0 !important; 
}


#divHistory a h3 { color:#990000; }
#divHistory a:hover h3 { color:#000000; }
h1 span { color:#990000; }

.tb-item-top { 
	width:100%; 
	border:none; 
	margin-top:40px; 
	vertical-align:top; 
	margin-bottom:30px;
} 
.tb-item-top tr td { 
	vertical-align: middle; 
	text-align: center; 
}
.tb-item-top-cena { 
	width:200px; 
	height: 100px; 
	margin: 0 auto 10px; 
	padding-top:00px; 
}
.back-promocija { background: url(/../images/template/promocija.jpg) no-repeat top center }
.back-promocija-3g { background: url(/../images/template/promocija-3g.jpg) no-repeat top center }
.a-pdf {text-decoration: underline; color:#990000 !important;}
.border-solid { border: 1pt solid #CCCCCC; }
.tec-data-header { vertical-align:top; background:url(/../images/template/all/bg-box-top.jpg) no-repeat -15px -3px; }
.tec-data-header tr td { color:#333333; font-weight: bold; padding:5px 0px 3px 5px }
.back-0 { background-color:#F3F3F3;}
.back-1 { background-color:#FFFFFF;}
.tec-data {vertical-align:top; }
.tec-data tr td { vertical-align:top; text-align: left; border-bottom:0pt dotted #CCCCCC; padding:5px 5px 3px 5px }
.tec-data tr td ul { list-style-type: disc !important; padding-left:20px; margin-bottom:0; }
.artikli-add {width:100%; border-top: thin dotted #CCCCCC; margin-top:15px; padding-top:15px; margin: 15px 15px 0 0;}
.promo-color {background-color:#000000; color:#FFFF00;}
.tagovi { margin:10px 0 10px 0; padding:5px; }
.tagovi a { color: #990000 }
.tagovi a:hover {text-decoration:underline !important}

/**** Revision 2011 01 30 *****/

#right-promo-pdf { position:relative; width:100px; }
#right-promo { position:relative; width:100px; }
#right-akcija  { position:relative; width:100px; }

/*** O Namana ***/
#o-nama-main {width:100%; position:relative; }
#flash-meida { float: right; position:relative; margin-left:10px; }
#o-nama-main p { text-align:justify; }

/**** 3DTV ****/
#body-3dtv { width:100%; position: relative}
#body-3dtv p {text-align:justify;}
#body-3dtv h4 { text-align:justify }

.slika-sa-potpisom { width:212px; background: #666666; float:right; margin: 0 0 10px 15px; color: #FFFFFF; }
.slika-sa-potpisom img { border: 1px solid #666666; }
.slika-sa-potpisom p{ padding:5px 5px 0 5px; text-align:center;}

.ul-3dtv {list-style-type: disc !important; padding-left:15px;}
.videoclip-3dtv {display:block;width:525px;height:305px; border: solid thin #999999;}

/***** HDTV ****/
.ul-hdtv {list-style-type: disc !important; padding-left:15px;}

/**** Welcome promo *****/
.novi-holder {
	position:relative; 
	border-bottom: thin dotted #AAAAAA; 
	padding: 0px 25px 10px 0px; 
	background-color: #FFFFFF; 
	margin-top:10px;
	overflow:hidden;
}
.no-border { 
	border: none !important;
}
.no-margin {margin:0 !important}
.novi-holder a {text-decoration: none !important}
.novi-holder a:hover {text-decoration: underline !important}
.novi-holder img { width:125px; height:100px; float:left; margin-right:20px; border: thin solid #CCCCCC} 
.novi-holder h2 {color: #990000; margin:5px 0 5px 0 !important; }
.novi-holder p {margin:0}

.welcome-promocija { background: #000000; color: #FFFF20; }

/**** Artikli *****/
.black-letter { color: #000000; }
.gray8-letter { color: #888888; }
.art-napomena { width:100%; border-top: thin dotted #CCCCCC; margin-top:15px; padding-top:15px; position:relative; text-align:center;}
.art-napomena span { font-size:10px; color:#333333; }
#art-navigacija-1 { width:100%; border-top: thin dotted #CCCCCC;  padding-top:15px; position:relative; text-align:center; }
#art-navigacija-2 { border-top: thin dotted #CCCCCC; margin-top:15px; padding-top:10px; text-align:right; }
.art-td-leftcolumn { border-right: thin #CCCCCC dotted; vertical-align:top; padding-right:5% }
.art-td-rightcolumn { vertical-align:top; padding-left:5%; }
.font-normal {font-weight: normal;}
.div-bottom-separator { border-bottom:thin dotted #AAAAAA; margin:10px 0 10px 0;}
.purple-bold { color:#990000; font-weight: bold; }

/****** Footer ******/

/****** Left Meni *******/
#meni-left {	
	margin-top: 0;	
	margin-bottom: 0;	
	list-style:none outside none; 
}
#meni-left li {	
	background: url(/../images/template/dot.gif) repeat-x center bottom transparent;	
	padding:6px 0px 6px 0; 
}
#meni-left li a { 
	font-size:12px !important;	
	line-height:14px !important;	
	background: url(/../images/template/arrow.png) no-repeat;	
	background-position: 98% 50%;	
	display:block;	
	color: #333333 !important;
	padding-right:10px;
}
.no-line { 
	background: none !Important 
}
.li-over { 
	background-color: #EEEEEE !Important; 
}
.li-out { 
	background-color: transparent !Important; 
}
#meni-left li a:hover, #meni-left li a:active, #meni-left li a:focus{  
	background: url(/../images/template/arrow-on.png) no-repeat 98% 50% #EEEEEE; 	
	color: #990000 !important; 
}

/*****Artikli *****/
.com-cena { color: #D7003E !important; font-weight:bold !important;  }
.table-item { border-right:1px dotted #333333;	padding:10px; 	text-align: center;	width: 25%;}
.table-item a {	font-weight:bold; 	color: #005908 !important; }
.table-item-last {	border-right: none !important; }
#artikli-svi a {  color: #333333 !important;  }
#artikli-svi a:hover {  color: #D7003E !important;  }


/***** Artikli images *****/
.art-banner-holder { width:250px; height:220px; position:relative; margin:auto; padding-left:10px }
.art-banner-klik { text-align: center; width:250px; color:#666666; position:absolute; top:210px; }
.art-img-banner { width:250px; height:200px; position:absolute; z-index:0; }
.vis { visibility:visible; }
.hidd { visibility: hidden; }
.art-img-banner img { width:250px; height: 200px; }
.art-navigator { top: 0; width:20px; left:-30px; position: absolute; }
.art-navigator div { width:20px; height:18px; border: thin solid #CCCCCC; position: relative; background: url(/../images/template/com/com-top.jpg) no-repeat -15px -3px; cursor: hand; cursor: pointer; }
.art-navigator ul { width:20px; list-style-type:none !important; padding-left:0px }
.art-navigator ul li { height:14px; list-style:none outside none; padding-bottom:10px; }
.art-navigator ul li a { background: url(/../images/template/ss-ico.png) no-repeat 0 0; float:left; height:0; overflow:hidden; width:20px; padding-top:14px;}
.art-navigator ul li a:hover { background-position: 0px -14px }

/******Akcija****/
.akcija-nalsov { font-size:18px; line-height:22px; }
.section-akcija { margin: 10px 0 00px 0; border-bottom: dotted #999999 thin; position: relative; overflow:hidden; padding-bottom:10px }
.section-akcija img { width:178px; height:142px; margin:0 0 10px 0; border: thin solid #CCCCCC; padding:1px; }
.section-akcija h2 { color: #990000; margin:5px 0 5px 0 !important; padding-top:5px }
.akcija-separator {width:100%; height:0; border-top:thin dotted #666666; margin:15px 0 15px 0}


/***** HDTV ****/
#hdtv-main { width:100%; position:relative; }
#hdtv-main p { text-align:justify;}
#hdtv-main img { margin:10px 0px 10px 10px; }

.modulImg {
	width: 180px;
	height: 150px;
}
.db_item ul { list-style-type: disc !important; padding-left:30px; }


/**** items ***/
.ziris-holder {position:relative; width:100%; padding-top:10px}
.ziris-item { float: left; width:131px; height:260px; }
.ziris-item img {width:125px; height:235px}

#itemContent { 
	width: 100%; 
	overflow:hidden;
	position: relative;
}
#itemContent h2 { 
	line-height:20px; 
	border-bottom: thin dotted #AAAAAA; 
	color:#990000;
	margin-top:25px;
}
#itemContent h3 { 
	background: none !important; 
	padding: 0;
	margin: 0; 
	font-size:13px;
	font-weight:bold;
	line-height:18px;
	height:30px;
}
#itemContent ul {list-style:disc; margin-left:15px;}
#itemContent li {padding:0 0 5px 0}
.wideImage { width:525px; border: thin solid #999999; margin: 10px 0 30px 0}
.wideImageTitle { width:525px; border: none; margin: 10px 0 0px 0}
.imageTitle { width: 525px; height:20px; background-color:#333333; color:#FFFFFF; text-align:center; margin-bottom:20px; padding:3px 0 1px 0}


/***** Banneri - modul ****/
.baneri { 
	width:100%; 
	overflow:hidden; 
	position:relative;
} 
.baneri img {
	margin-bottom:10px;
}
.baneri a {
	-moz-transition: all 200ms linear 0s;
    -webkit-transition: all 200ms linear 0s;
    -o-transition: all 200ms linear 0s;
}
.baneri a:hover {
	opacity:0.8;filter:alpha(opacity=80);
}

/***** YouTube - banner *****/
.yt-banner {
	width:180px; 
	height:75px; 
	padding:165px 10px 0 10px; 
	background:url(/../images/baneri/sony-pmw-f3.jpg) no-repeat top center; 
	margin: 10px 0 10px 0;
}
.yt-banner h4 {
	font-weight:normal; 
	line-height:22px; 
	font-size:16px;
}
.yt-banner span {
	font-weight:100; 
	line-height:14px; 
	font-size:11px;
}


/**** Login ****/
#loginDiv input { width: 169px; margin-top:10px; padding:2px; }

.topAnchor {position:relative; width:50px; background:#990000; text-align:center; float:right;}
.topAnchor a {color:#FFFFFF !important}

/**** Oglasnik ***/
.tb-oglasnik td {padding:5px}
.gray-6 {color: #666666}
.img-thumb {border: solid thin #999999; padding: 1px}
.oglasnik-cena {width:100%; text-align:center}

/* Main Meni 14.10.2011 **/


/**** Najam ****/
.nnajamHeader {
	width:100%;  
	position:relative;  
	border-top: 
	thin dotted #999999;  
	border-bottom: thin dotted #999999;  
	margin:20px 0 20px 0; 
}
.najamHeader { 
	width:100%; 
	position:relative; 
	margin:20px 0 10px 0; 
	overflow: hidden;
}
.najamHeader h2 {
	font-size:1.4em !important;
	color:#990000;
}
.najamHeader-item {
	width:155px; 
	padding:10px 10px 10px 0; 
	position:relative; 
	float: left; 
	margin:0 10px 0 0; 
	font-weight:bold;
	overflow:hidden;
}

.back-gray { 
	background:#EEEEEE; 
}
.border-right { 
	border-right:thin dotted #999999; 
}
.najamHeader-item img { 
	width:150px;  
	height:120px; 
	margin:0 10px 10px 0; 
	border: thin solid #CCCCCC; 
	padding:1px;  
}
.najamKtg h1 { 
	margin-bottom: 20px;
}
.najamKtg h2 { 
	margin: 10px 0 25px 0;
	color:#990000;
}
.najamKtg h3 { 
	margin: 0 0 30px 0px !important; 
	padding:0 !important; 
	background: none; 
	font-weight:bold; 
	line-height:18px; 
	font-size:14px;
}
.najamKtg h4 { 
	font-size:14px; 
}
.topAnchor {
	position:absolute; 
	right:20px; 
	top:20px; 
	width:50px; 
	background:#990000; 
	text-align:center;
}
.topAnchor a {
	color:#FFFFFF !important;
}
.purple-back {
	background:#990000; 
	color:#FFFFFF !important; 
	padding:0 10px 0 10px;
}
.purple-back h4 {
	color:#FFFFFF !important;
}
.purple-back a {
	color:#FFFFFF !important;
}


/**** Artikli images ***/
.artImage {
	background:url(../images/template/artimage-v1.png) 0 0 no-repeat;
	overflow:hidden;
	text-align:left;
	padding-left:00px;
}
.artImage img {
	padding:1px;
	border:thin solid #CCCCCC;
	background-color:#FFFFFF;
}
.artImage .mainImage {
	margin-bottom:5px;
	width:300px;
	height:240px;
}
.artImage .thumbImages {
	width:94px;
	height:73px;
	float:left;
	margin-right:5px;
}
form button { 
	cursor: hand; 
	cursor: pointer; 
	padding:5px;
}
/*** Corner ***/
.corner-topRight {
	background:url(/../images/template/corner-tr.png) no-repeat; 
	width:6px;
	height:6px;
	position:absolute;
	top:0;
	right:0;
}
.corner-bottomRight {
	background:url(/../images/template/corner-br.png) no-repeat; 
	width:6px;
	height:6px;
	position:absolute;
	bottom:0;
	right:0;
}
.corner-topLeft {
	background:url(/../images/template/corner-tl.png) no-repeat; 
	width:6px;
	height:6px;
	position:absolute;
	top:0;
	left:0;
}
.corner-bottomLeft {
	background:url(/../images/template/corner-bl.png) no-repeat; 
	width:6px;
	height:6px;
	position:absolute;
	bottom:0;
	left:0;
}

/*** Brand ****/
#brandCyan {
	/*background:url(/../images/template/brandBack.jpg) bottom repeat-x #eee;*/
	overflow: hidden;
}
#brandContent {
	margin:auto;
	width:970px;
	background:url(/../images/template/brandContent.png) no-repeat bottom center;
	overflow: hidden;
	padding:10px 20px 10px 20px;
} 

/**** News ***/
.newsItem {
	text-align:justify;
}
.newsItem h2 {
	color:#990000;
	border-bottom: thin dotted #999;
	margin-top:25px;
	font-size:20px;
	padding-bottom:1px;
}
.reflexImage {
	margin-bottom:-40px;
}
.antrfile {
	float:right; 
	margin:5px 0 10px 20px; 
	overflow:hidden; 
	width:250px; 
	padding:0px; 
	border: thin solid #999999;
}
.antrfile p, .potpis{
	font-size:0.9em;
	line-height:1.4em;
	text-align:left;
	margin-bottom:0px;
	background:#EEEEEE;
	padding:5px;
}
.ocena {
	padding:0px; 
	overflow:hidden;
	background-color:#FBF2FF;
	text-align:left !important;
	margin:20px auto 30px auto;
}
.ocena .naslov {
	color:#fff;
	background:#900;
	padding:3px;
	margin-bottom:5px;
	font-size:14px;
	font-weight:bold;
}
.ocena p {
	padding:3px 3px 3px 25px;
}
.ocena .plus {
	background:url(/../images/template/plus.png) 5px 6px no-repeat;
	padding:3px 3px 3px 25px;
	margin:0;
	border-bottom:thin dotted #999;
	
}
.ocena .minus {
	background:url(/../images/template/minus.png) 5px 6px no-repeat;
	padding:3px 3px 3px 25px;
	border-bottom:thin dotted #999;
}
a.readon {
	background:url(/../images/template/arrow-readon.png) 0 10px no-repeat;
	padding-left:18px;
	padding-top:10px;
	font-weight:bold;
}
.introImg {
	margin:10px 0 15px 0;
}

.transLink {
	opacity:1.0;
	filter:alpha(opacity=100);
}
.transLink:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
}
.clearBoth {
	clear:both;
}

#baneri { width:100%; overflow:hidden; position:relative} 
#baneri img {margin-bottom:10px;}


/****** Korpa ******/


#div-korpa {
	width:100%; 
	overflow: hidden;
	margin-bottom:10px;
	padding-bottom:12px;
	/*border-bottom:thin dotted #999999;*/
}
#temp-holder {
	width:140px;
	margin:auto;
	overflow:hidden;
}
#a-korpa {
	width:140px;
	float:left;
	height:0;
	padding:35px 0 0 0;
	background:url(/../images/template/korpa.png) 0 0 no-repeat;
	margin:auto;
}
#a-korpa:hover {
	background-position:0 -35px;
}

.mButton {
	float: left;
	padding:5px;
}
#emptyBasket {
	float: right;
}
.txtLarge {
	padding:5px;
	width:380px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.4em;
}
.tbData tr td {
	padding:10px 0 10px 0;
}
.red-alert {
	border: 2px solid #FF0000;
}
#mainMarket {
	width:520px;
	overflow:hidden;
	background-color:#FFFFFF;
	margin: 0 1px 20px 1px;
	padding:0 0 10px 0;
}
#mainMarket h1 {
	margin-bottom:15px;
}
.marketItem {
	overflow:hidden;
	/*margin:0 10px 0 10px;*/
	padding:10px 0 10px 0;
	border-top:thin dotted #999999;
}
/*#mainMarket img {
	width: 50px;
	height:40px;
	padding:1px;
	border: thin dotted #999999;
	margin-right:10px;
	float:left;
}
*/
.marketItemNaslov {
	color:#990000;
	font-size:0.9em;
	
}
#MarketHeader {
	padding:20px 20px 0 20px;
}
#MarketHeader h2 {
	border-bottom: thin dotted #999999; 
	/*padding-bottom:5px;*/
}
#marketItemHeader {
	/*border-top:thin dotted #999999;*/
	margin:10px 0 5px 0;
	padding:2px 5px 2px 5px;
	background:#770000;
	overflow:hidden;
	color:#FFFFFF;
}
#marketItemHeader div {
	float:left;
	text-align:left;
	font-weight:bold;
}
.marketItemData {
	width:250px; 
	float:left; 
	overflow: hidden;
	padding:0 5px 0 0;
	margin:0 5px 0 0;
	border-right: dotted thin #aaaaaa;
	
}
.marketItemData h2 {
	margin-bottom:0px;
}
.divQuant {
	width:40px; 
	float: left; 
	padding: 0 5px 0 5px;
	/*border-right: dotted thin #aaaaaa;*/
}
.quantInput {
	padding:3px;
	width:30px;
	font-size:1.2em;
	border: thin solid #666666;
} 
.cenaInput, .kursInput {
	padding:3px;
	width:50px;
	margin:0 10px 0 10px;
	font-size:1.2em;
	border: thin solid #666666;
} 
.napomenaInput{
	padding:3px;
	width:400px;
	margin:10px 10px 0 10px;
	font-size:1.2em;
	border: thin solid #666666;
} 
.pCategoryInfo {
	margin:0px 0 0px 0;
	text-align:left;
	/*line-height:2em;*/
}
.pPriceInfo {
	margin:5px 0 0px 0;
	line-height:12px;
}
.divSubTotal {
	width:90px; 
	float: left; 
	padding:0px 5px 0 0px; 
	margin:0px 5px 0 0px; 
	font-size:1.1em; 
	text-align: right; 
	color: #990000; 
	font-weight: bold;
	/*border-right: dotted thin #aaaaaa;*/
}
.divBrisime {
	width:14px; 
	float: left; 
	padding:1px 0 0 5px;
}
.a-brisime {
	float:left;
	width:14px;
	padding:14px 0 0 0;
	height:0px;
	overflow:hidden;
	background:url(/../images/template/delete.png) no-repeat 0px 0px;
	opacity:0.8; filter:alpha(opacity=80);
	text-decoration:none;
	/*border: thin solid #990000;*/
}
.a-brisime:hover {
	opacity:1.0; filter:alpha(opacity=100);
}
.marketFooter {
	margin:4px 0 20px 0;
	padding:10px 10px 10px 0; 
	background: #eeeeee;
	overflow: hidden;
	color: #990000; 
	font-size:1.3em; 
	font-weight: bold; 
	text-align:right; 
	border-top: thin dotted #999999;
	border-bottom: thin dotted #999999;
}
.borderDiv {
	border-top: thin dotted #999999;
	height:2px;
}
.kursInfo {
	padding:8px 0 8px 0;
	border-top:thin dotted #999999;
	border-bottom:thin dotted #999999;
	overflow:hidden;
	margin-bottom:20px;
	text-align:right;
	display:none;
}
.itemQuantity {
	padding:2px;
	border:thin solid #999;
	width:30px;
	margin:0 5px 5px 0;
	float: left;
}