body {

	color: #0F0F0F;

	background-image: url(images/design/bg.gif);

	font-family: "Tahoma", "MS Serif", "New York", serif;

	margin: 0px;

	padding: 0px;

	height: 100%;

	width:100%;

}

html {

	margin: 0px;

	padding: 0px;

}

input.kontakt {

	padding: 4px;

	font-family: "Tahoma", "MS Serif", "New York", serif;

	font-size: 11px;

	background-color: #1B1B1B;

	/*border: 1px Solid #FFD200;*/

	border:1px solid #666666;

	color: #FFD200;

	margin: 0px;

}

input.submit {

	padding: 4px;

	font-family: "Tahoma", "MS Serif", "New York", serif;

	font-size: 11px;

	background-color: #1B1B1B;

	border: 2px Solid #1B1B1B;

	color: #FFD200;

	margin: 0px;

	background-image: url(images/design/burger.gif);

}

textarea.kontakt {

	padding: 4px;

	font-family: "Tahoma", "MS Serif", "New York", serif;

	font-size: 11px;

	background-color: #1B1B1B;

	border: 1px Solid #FFD200;

	color: #FFD200;

	margin: 0px;

}

form {

	margin: 0px;

}

a {

	text-decoration: none;

}

a:link {

	text-decoration: none;

	color: #FFED97;

}

a:hover {

	text-decoration: underline;

	color: #FFFFFF;

}

a:visited {

	color: #FFED97;

}

a:active {

	color: #C1601E;

}

/* general */

#modding {



            left: 30px;



            top: 100px;



            width: 150px;



            display: block;



            position: relative;



            float: left;



            text-align: left;



            text-decoration: none;



            overflow: hidden;



            text-indent: -9999px;



            vertical-align: top;



}



#modding a{



            width: 150px;



            height: 180px;



            display: block;



            position: relative;



            float: left;



            text-align: left;



            text-indent: -9999px;



            overflow: hidden;



}

#mininav {

	width: 900px;

	height: 60px;

	margin: 0 auto;

	background-image: url(images/design/mininav.gif);

}

#header {

	width: 900px;

	height: 182px;

	background-image: url(images/design/header-new.jpg);

	margin: 0 auto;

}

#miniheader {

	width: 900px;

	height: 30px;

	background-image: url(images/design/miniheader-new.jpg);

	margin: 0 auto;

}

#scroller {

	width: 900px;

	height: 54px;

	background-image: url(images/design/scroller-new.gif);

	margin: 0 auto;

}

#container {

	width: 900px;

	margin: 0 auto;

	background-color: #1A1A1A;

	background-image: url(images/design/containerbg.gif);

	background-repeat: no-repeat;

	padding: 0px;

	height: 100%;

}



div#content {

	background-color: #101010;

	padding-left: 8px;

	padding-right: 8px;

	padding-top:8px;

	padding-bottom:0px;

    margin-right:7px;

	margin-left: 7px;	

	min-height:900px;

}

div#content_above {

    margin-right:7px;

	margin-left: 200px;

	background-color: #101010;

}



#leftcontent {

	float: left;

	top:196px;

	width:200px;

	margin: 0;

	height:100%;

}

#rightcontent {

	float: right;

	top:196px;

	width:200px;

	margin: 0;

		height:100%;

}



#footer_text {

	width: 100%;

	height: 50px;

	text-align:center;

	font-family: "Tahoma", "MS Serif", "New York", serif;

	font-size: 10px;

	color: #FFED97;

}



#footer {

	width: 900px;

	height: 50px;

	background-image: url(images/design/footer.gif);

	background-position: bottom;

	background-repeat: no-repeat;

	margin-left:-15px;

	font-family: "Tahoma", "MS Serif", "New York", serif;

	font-size: 10px;

	color: #FFED97;

	clear: both;

}

/* general ends */



#head {

	left: 95px;

	top: 70px; 

	width: 115px;

	display: block;

	position: relative;

	float: left;

	text-align: left;

	text-decoration: none;

	overflow: hidden; 

	text-indent: -9999px;

	vertical-align: top;

}

#head a{

	width: 115px;

	height: 100px;

	display: block;

	position: relative;

	float: left;

	text-align: left;

	text-indent: -9999px;

	overflow: hidden; 

}

#headb {
            left: 430px;
            top: 105px;
            width: 150px;
            display: block;
            position: absolute;
            text-align: left;
            text-decoration: none;
            text-indent: -9999px;
            vertical-align: top;
}

#headb a{

            width: 150px;
            display: block;
			height:100px;
            float: left;
            text-align: left;
            text-decoration: none;
            overflow: hidden;
            text-indent: -9999px;
            vertical-align: top;
}



#pocetna {

	left: 220px; top: 0px; width: 50px;	display: block; position: relative; float: left;

	text-align: left; text-decoration: none; overflow: hidden; text-indent: -9999px;

	vertical-align: top;

}

#pocetna a{

	width: 100px; height: 25px; display: block; position: relative; float: left;

	text-align: left; text-indent: -9999px; overflow: hidden;

}

#onama {

	left: 230px; top: 0px; width: 50px;	display: block; position: relative; float: left;

	text-align: left; text-decoration: none; overflow: hidden; text-indent: -9999px;

	vertical-align: top;

}

#onama a{

	width: 100px; height: 25px; display: block; position: relative; float: left;

	text-align: left; text-indent: -9999px; overflow: hidden;

}

#ponuda {

	left: 232px; top: 0px; width: 54px;

	display: block; position: relative; float: left;

	text-align: left; text-decoration: none; overflow: hidden; text-indent: -9999px;

	vertical-align: top;

}

#ponuda a{

	width: 100px; height: 25px; display: block; position: relative; float: left;

	text-align: left; text-indent: -9999px; overflow: hidden;

}

#apple {

	left: 230px; top: 0px; width: 37px;

	display: block; position: relative; float: left;

	text-align: left; text-decoration: none; overflow: hidden; text-indent: -9999px;

	vertical-align: top;

}

#apple a{

	width: 100px; height: 25px; display: block; position: relative; float: left;

	text-align: left; text-indent: -9999px; overflow: hidden;

}

#servis {

	left: 236px; top: 0px; width: 120px;	display: block; position: relative; float: left;

	text-align: left; text-decoration: none; overflow: hidden; text-indent: -9999px;

	vertical-align: top;

}

#servis a{

	width: 120px; height: 25px; display: block; position: relative; float: left;

	text-align: left; text-indent: -9999px; overflow: hidden;

}

#videoteka {

	left: 242px; top: 0px; width: 66px;	display: block; position: relative; float: left;

	text-align: left; text-decoration: none; overflow: hidden; text-indent: -9999px;

	vertical-align: top;

}

#videoteka a{

	width: 90px; height: 25px; display: block; position: relative; float: left;

	text-align: left; text-indent: -9999px; overflow: hidden;

}

#kakodonas {

	left: 244px; top: 0px; width: 68px;	display: block; position: relative; float: left;

	text-align: left; text-decoration: none; overflow: hidden; text-indent: -9999px;

	vertical-align: top;

}

#kakodonas a{

	width: 100px; height: 25px; display: block; position: relative; float: left;

	text-align: left; text-indent: -9999px; overflow: hidden;

}

/* mini nav */

#headhome {

	left: 782px;

	margin: 0px;

	width: 50px;

	height: 60px;

	display:block;

	float: left;

	position: relative;

}

#headhome a{

	margin: 0px;

	width: 50px;

	height: 60px;

	display:block;

	position: relative;

	float: left;

	border: 0px;

}

#headkontakt {

	left: 785px;

	margin: 0px;

	width: 48px;

	height: 60px;

	display:block;

	float: left;

	position: relative;

}

#headkontakt a{

	margin: 0px;

	width: 48px;

	height: 60px;

	display:block;

	position: relative;

	float: left;

	border: 0px;

}

/* mini nav ends */



/* custom */

.naslov {

	font-family: "Tahoma", "MS Serif", "New York", serif;

	font-size: 11px;

	color: #FFF;

	font-weight: bold;

	margin: 0px;

}

.naslov2 {

	font-family: "Tahoma", "MS Serif", "New York", serif;

	font-size: 11px;

	color: #FFF;

	font-weight: bold;

	text-align:right;

	margin: 0px;

}

.naslov3 {

	font-family: "Tahoma", "MS Serif", "New York", serif;

	font-size: 11px;

	color: #FFF;

	font-weight: bold;

	text-align:center;

	margin: 0px;

}

.tekst2 {

	font-family: "Tahoma", "MS Serif", "New York", serif;

	font-size: 11px;

	color: #FFD200;

	line-height: 18px;

	text-align: right;

	margin: 0px;

}

.boxevicijena{

	font-family: "Tahoma", "MS Serif", "New York", serif;

	font-size: 14px;

	color:#FF3300;

	font-weight: bold;

	margin: 0px;

}

.naslovartikli {

	font-family: "Tahoma", "MS Serif", "New York", serif;

	font-size: 11px;

	color: #FFF;

	font-weight: bold;

	margin: 0px;

	line-height: 20px;

}

.naslovartiklidotted {

	font-family: "Tahoma", "MS Serif", "New York", serif;

	font-size: 11px;

	color: #FFF;

	font-weight: bold;

	margin: 0px 0px 10px 0px;

	line-height: 20px;

	padding-bottom: 6px;

}

.opisartikladotted {

	font-family: "Tahoma", "MS Serif", "New York", serif;

	font-size: 11px;

	color: #FFF;

	font-weight: bold;

	margin: 0px 0px 6px 0px;

	line-height: 25px;

	border-bottom: 1px Dotted #363636;

}

div.napomena {

	width: 150px;

	float: right;

	font-family: "Tahoma", "MS Serif", "New York", serif;

	font-size: 10px;

	color: #FFF;

	padding: 8px;

	background-color: #000;

	margin: 8px;

	border: 1px Solid #363636;

}

.tekst {

	font-family: "Tahoma", "MS Serif", "New York", serif;

	font-size: 11px;

	color: #FFD200;

	line-height: 18px;

	text-align: justify;

	margin: 0px;

}

p{font-family: "Tahoma", "MS Serif", "New York", serif;

	font-size: 11px;

	color: #FFD200;

	line-height: 18px;

	text-align: justify;

	margin: 0px;

}

.tekst_right{

	font-family: "Tahoma", "MS Serif", "New York", serif;

	font-size: 11px;

	color: #FFD200;

	line-height: 18px;

	text-align: right;

	margin: 0px;

}

.tekstwhite {

	font-family: "Tahoma", "MS Serif", "New York", serif;

	font-size: 11px;

	color: #FFFFFF;

	line-height: 18px;

	text-align: justify;

	margin: 0px;

}

img.artiklphoto {

	padding: 1px;

	border: 1px Solid #FFD200;

}

.divider {

	margin: 0 auto;

	background-image: url(images/design/divider.gif);

	height: 8px;

}

#menur {

	margin: 4px 6px 4px 12px;

	color: #FFF;

	font-size: 11px;

	line-height: 18px;

}

#menul {

	margin: 4px 6px 4px 12px;

	color: #FFF;

	font-size: 11px;

	line-height: 18px;

}

#menul a {

	color: #FFF;

	font-size: 11px;

	line-height: 18px;

	text-decoration: none;

}

#menul a:hover {

	color: #FFF;

	font-size: 11px;

	line-height: 18px;

	text-decoration: none;

	background-color: #111111;

	height: 22px;

	border-bottom: 1px dotted #FFD200;

	padding: 0px 2px 0px 2px;

}



#menul ul {

	list-style: none;

	margin: 0px;

	line-height: 18px;

	padding: 4px 6px 4px 12px;

}

#menul ul li{

	list-style: none;

	list-style-image: url(images/design/ticker.gif);

	margin: 0px;

}

#menul ul li a {

	list-style: none;

	list-style-image: url(images/design/ticker.gif);

	margin: 0px;

}

#menul ul li a:hover{

	list-style: none;

	list-style-image: url(images/design/ticker.gif);

	margin: 0px;

		font-weight: bold;

}

#menul ul li a:active{

	list-style: none;

	list-style-image: url(images/design/ticker.gif);

	margin: 0px;

	font-weight: bold;

}





.menu3li{

	list-style: none;

	list-style-image: url(images/design/plus.gif);

	margin: 0px;

}



.noborder {

	border-width: 0px;

}

.center {

	margin: 0 auto;

	text-align: center;

}

.footer {

	

}

.apple {

	margin: 0px;

	border: 0px;

	padding: 2px;

}

a.apple{

	margin: 0px;

	border: 0px;

	padding: 2px;

	text-decoration: none;

}

a:hover.apple{

	margin: 0px;

	border-bottom: 1px Dotted #FFD200;

	padding: 2px;

	text-decoration: none;

}

.artikltitle {

	font-family: "Tahoma", "MS Serif", "New York", serif;

	font-size: 11px;

	color: #FFF;

	font-weight: bold;

	background-color: #363636;

	height: 25px;

	padding: 4px;

}

.artikltitle {

	font-family: "Tahoma", "MS Serif", "New York", serif;

	font-size: 11px;

	color: #FFF;

	font-weight: bold;

	background-color: #363636;

	height: 25px;

	padding: 4px;

}

.artikltitle a:link {

	color: #FFF;

}

.artikltitle a:link:hover {

	color: #FFF;

}

.artikltitle a:visited {

	color: #FFF;

	text-decoration: none;

}

.artikltitle a:active {

	color: #FFF;

}

.artikltitlecenter {

	font-family: "Tahoma", "MS Serif", "New York", serif;

	font-size: 11px;

	color: #FFF;

	font-weight: bold;

	background-color: #363636;

	height: 25px;

	padding: 4px;

	text-align: center;

}

.artikltitlecenter a:link {

	color: #FFF;

}

.artikltitlecenter a:link:hover {

	color: #FFF;

}

.artikltitlecenter a:visited {

	color: #FFF;

	text-decoration: none;

}

.artikltitlecenter a:active {

	color: #FFF;

}

table.artikli {

	padding: 6px;

	border: 1px Solid #363636;

	color: #FFD200;

	font-family: "Tahoma", "MS Serif", "New York", serif;

	font-size: 11px;

}

.headerartiklitablica {

	color: #FFF;

	font-family: "Tahoma", "MS Serif", "New York", serif;

	font-size: 11px;

}

table.videoteka {

	padding: 8px;

	border: 0px Solid #363636;

	color: #FFD200;

	font-family: "Tahoma", "MS Serif", "New York", serif;

	font-size: 11px;

	text-align: center;

}

.artikl {

	font-family: "Tahoma", "MS Serif", "New York", serif;

	font-size: 11px;

	color: #FFD200;

	line-height: 18px;

	text-align: justify;

}

td.artiklcell {

	width: 160px;

	padding: 2px 8x 2px 2px;

}

.cell {

	border-bottom: 1px Dotted #1B1B1B;

	padding: 2px;

}

.cell a:link {

	color: #FFD200;

}

.cell a:link:hover {

	color: #FFF;

}

.cell a:visited {

	color: #FFD200;

	text-decoration: none;

}

.cell a:active {

	color: #FFD200;

}

.cellcenter {

	border-bottom: 1px Dotted #1B1B1B;

	padding: 2px;

	text-align: center;

}

.jamstvo {

	width: 40px;

}

/* HOVER PREKO ISPISA ARTIKALA */

TR.list {background-color: #101010; cursor: pointer}

TR.listbg {background-color: #1D1D1D; cursor: pointer}

/* FIREFOX HACK ZA HOVER PREKO ISPISA ARTIKALA*/

TR.list:hover TD {	background-color: #2D2D2D }

/* gallery */



#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}

#lightbox img{ width: auto; height: auto;}

#lightbox a img{ border: none; }



#outerImageContainer{ position: relative; background-color: #000; width: 250px; height: 250px; margin: 0 auto; }

#imageContainer{ padding: 10px; }



#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }

#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }

#imageContainer>#hoverNav{ left: 0;}

#hoverNav a{ outline: none;}



#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }

#prevLink { left: 0; float: left;}

#nextLink { right: 0; float: right;}

#prevLink:hover, #prevLink:visited:hover { background: url(images/gallery/prev.gif) left 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url(images/gallery/next.gif) right 15% no-repeat; }



#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #000; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }



#imageData{	padding:0 10px; color: #666; }

#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	

#imageData #caption{ font-weight: bold;	}

#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			

#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	



#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

.boxcontainer {

	width: 80%;

	padding: 4px;

	margin: 0 auto;

}

.box {



	padding: 4px;

	margin: 0 auto;

	border: 1px Solid #FFD200;

}

.box1 {

	width: 150px;

	padding: 4px;

	margin: 0 auto;

	border: 1px Solid #FFD200;

}

img.boxfront {

	padding: 0px;

	border: 0px;

}



input.submit {

	padding: 4px;

	font-family: "Tahoma", "MS Serif", "New York", serif;

	font-size: 11px;

	background-color: #1B1B1B;

	border: 2px Solid #1B1B1B;

	color: #FFD200;

	margin: 0px;

	background-image: url(images/design/burger.gif);

}



.vrh

{

	font-family: "Tahoma", "MS Serif", "New York", serif;

	font-size: 11px;

	color: #FFF;

	font-weight: bold;

}



.suggestionsBox {

    position: relative;

    left: 30px;

    margin: 10px 0px 0px 0px;

    width: 600px;

    background-color: #212427;

    -moz-border-radius: 7px;

	text-align:left;

    -webkit-border-radius: 7px;

    border: 2px solid #000;

    color: #fff;

}



.suggestionList {

    margin: 0px;

    padding: 0px;

}



.suggestionList li {

    margin: 0px 0px 3px 0px;

    padding: 3px;

    cursor: pointer;

}



.suggestionList li:hover {

    background-color: #659CD8;

}