/* Diva CSS file - dekoracija file */

/*
	=======================================================
	  Title:    www.divavencanja.com
	  Version:  2.0
	-------------------------------------------------------
	  File:     dekoracija.css
	  Type:     text/css
	  Author:   PlumTS Inc.
	------------------------------------------
	  Description: Diva CSS file - naslovna file
	-------------------------------
	  Modified:
	=======================================================
*/
/*
	=======================================================

			U K L O Nj E N   H E A D I N G Z

				obratiti paznju na letthemusicplay

	=======================================================
*/

/* start body */
body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #990000 url(../img/bg1by1.png) repeat;
	font-size: 12px;
	margin: 0 auto;
	color: #CCCCCC;
}
/* end body */

/* U K L O NJ E N  H E A D I N G */

/* linkz definicije */
a:link
{
	color: #990000;
	text-decoration: none;
}

a:visited
{
	color: #990033;
	text-decoration: none;
}

a:hover
{
	color: #CC6633;
	text-decoration: underline;
}

a:active
{
	color: #CC6633;
	text-decoration: underline;
}
/* end linkz definicije */
/* start intro */
	/* body */
	.pozadinawide
	{
		background: url(../img/intro/bgRepeatX.png) repeat-x;
		height: 425px;
		width: 100%;
		text-align: center;
		position: absolute;
	}

	.introslika
	{
		background: url(../img/intro/divalogointro.png) no-repeat;
		height: 138px;
		width: 239px;
		margin: auto;
		margin-top: 180px;
		display: block;
		position: static;
	}

	.imadethis
	{
		background: url(../img/intro/plumtsinc.png) center no-repeat;
		height: 18px;
		width: 195px;
		margin: auto;
		margin-top: 20px;
		padding: 5px;
		display: block;
		position: static;
	}
	/* end body */

	/* start footer */
	.footer_intro
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		margin-top: 56px;
		color:#FFFFFF;
	}
	/* end footer */
/* end intro */
/* start home */
	/* start body holder */
	.mainholder
	{
		background: url(../img/wshadow_main.png) center repeat-y;
		text-align: center;
		margin: auto;
		height: auto;
	}
	/* end body holder */
	/* start header */
	#topbar
	{
		background: url(../img/header/topbar.png) no-repeat center;
		height: 30px;
		margin: auto;
		clear: both;
		padding: 0;
		width: 950px;
	}
	/* start top bar intro and music */
		/* >> intro */
		#intro
		{
			background: url(../img/header/strelice_intro.png) no-repeat left;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px;
			color: #CCCCCC;
			float: left;
			width: 50px;
			height: 16px;
			display: block;
			overflow: hidden;
			text-align: right;
			margin: 6px auto auto 10px;
		}
		#intro a:link, #intro a:visited
		{
			display: block;
			color: #CCCCCC;
			height: 16px;
			text-decoration: none;
		}
		#intro a:hover, #intro a:active
		{
			display: block;
			color: #FFFFFF;
			text-decoration: none;
			height: 16px;
			background: url(../img/header/strelice_intro.png) no-repeat right;
		}
		/* end >> intro */
		#h_spliter
		{
			font-family: Verdana, Arial, Helvetica, sans-serif;
			float: left;
			font-size: 12px;
			color: #CCCCCC;
			margin: 6px 0 0 10px !important;
			margin: 6px 0 0 20px; /* stoopid ie */
		}
		/* start bookmarks */
		#fav_bookmarks
		{
			background: url(../img/header/srculencebookmark.png) no-repeat left;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px;
			color: #CCCCCC;
			float: left;
			width: 80px;
			height: 16px;
			display: block;
			overflow: hidden;
			text-align: left;
			margin: 6px 0 0 10px !important;
			margin: 6px 0 0 20px; /* stoopid ie */
		}
			#fav_bookmarks a:link, #fav_bookmarks a:visited
			{
				display: block;
				color: #CCCCCC;
				height: 16px;
				text-decoration: none;
			}
			#fav_bookmarks a:hover, #fav_bookmarks a:active
			{
				display: block;
				color: #FFFFFF;
				text-decoration: none;
				height: 16px;
				background: url(../img/header/srculencebookmark.png) no-repeat right;
			}
		/* end >> bookmarks */
		/* start musica */
		#letthemusicplay
		{
			width: 164px;
			height: 30px;
			margin: auto;
			float: right;
			padding: 0;
		}
		/* end musica */
	/* end top bar intro and music */
	#mainhead
	{
		background: url(../img/header/diva_main_head.png) center no-repeat;
		height: 255px;
	}
	/* start main menu carolija ;) */
	#mainmenu
	{
		background: url(../img/header/1pxheadline.png) repeat-x;
		height: 87px;
		width: 950px;
		margin: auto;
	}
		/* start of thangz in main menu */
		.mm_sveunizu
		{
			text-align: left;
			margin: auto;
			width: 950px;
		}
			/* start o nama 170 76 */
			#mm_onama
			{
				background: url(../img/mm/cvetic.png) no-repeat left;
				width: 85px;
				height: 76px;
				margin: auto;
				float: left;
				display: block;
				margin-top: 3px;
			}
				#mm_onama a:link, #mm_onama a:visited
				{
					background: url(../img/mm/cvetic.png) no-repeat left;
					width: 85px;
					height: 76px;
					margin: auto;
					float: left;
					display: block;
					margin-top: 3px;
					text-decoration: none;
				}
				#mm_onama a:active, #mm_onama a:hover
				{
					background: url(../img/mm/cvetic.png) no-repeat right;
					width: 85px;
					height: 76px;
					margin: auto;
					float: left;
					display: block;
					margin-top: 3px;
					text-decoration: none;
				}
			/* end onama */
			/* start naslovna 348 66 */
			#mm_naslovna
			{
				background: url(../img/mm/naslovna.png) no-repeat left;
				width: 174px;
				display: block;
				margin: auto;
				height: 66px;
				float: left;
				margin-top: 13px;
			}
				#mm_naslovna a:link, #mm_naslovna a:visited
				{
					background: url(../img/mm/naslovna.png) no-repeat left;
					width: 174px;
					display: block;
					margin: auto;
					height: 66px;
					float: left;
					text-decoration: none;
				}
				#mm_naslovna a:active, #mm_naslovna a:hover
				{
					background: url(../img/mm/naslovna.png) no-repeat right;
					width: 174px;
					display: block;
					margin: auto;
					height: 66px;
					float: left;
					text-decoration: none;
				}
			/* end naslovna */
			/* start dekoracija 348 66 */
			#mm_dekoracija
			{
				background: url(../img/mm/dekoracija.png) no-repeat left;
				width: 182px;
				margin: auto;
				display: block;
				height: 66px;
				float: left;
				margin-top: 13px;
			}
				#mm_dekoracija a:link, #mm_dekoracija a:visited
				{
					background: url(../img/mm/dekoracija.png) no-repeat left;
					width: 182px;
					margin: auto;
					display: block;
					height: 66px;
					float: left;
					text-decoration: none;
				}
				#mm_dekoracija a:active, #mm_dekoracija a:hover
				{
					background: url(../img/mm/dekoracija.png) no-repeat right; /* 364 66 */
					width: 182px;
					margin: auto;
					display: block;
					height: 66px;
					float: left;
					text-decoration: none;
				}
			/* end dekoracija */
			/* start organizacija 408 66 */
			#mm_organizacija
			{
				background: url(../img/mm/organizacija.png) no-repeat left; /* 408 66 */
				width: 204px;
				margin: auto;
				display: block;
				height: 66px;
				float: left;
				margin-top: 13px;
			}
				#mm_organizacija a:link, #mm_organizacija a:visited
				{
					background: url(../img/mm/organizacija.png) no-repeat left;
					width: 204px;
					margin: auto;
					display: block;
					height: 66px;
					float: left;
					text-decoration: none;
				}
				#mm_organizacija a:active, #mm_organizacija a:hover
				{
					background: url(../img/mm/organizacija.png) no-repeat right;
					width: 204px;
					margin: auto;
					display: block;
					height: 66px;
					float: left;
					text-decoration: none;
				}
			/* end organizacija */
			/* start usluge 240 66 */
			#mm_usluge
			{
				background: url(../img/mm/usluge.png) no-repeat left;
				width: 120px;
				margin: auto;
				display: block;
				height: 66px;
				float: left;
				margin-top: 13px;
			}
				#mm_usluge a:link, #mm_usluge a:visited
				{
					background: url(../img/mm/usluge.png) no-repeat left;
					width: 120px;
					margin: auto;
					display: block;
					height: 66px;
					float: left;
					text-decoration: none;
				}
				#mm_usluge a:active, #mm_usluge a:hover
				{
					background: url(../img/mm/usluge.png) no-repeat right;
					width: 120px;
					margin: auto;
					display: block;
					height: 66px;
					float: left;
					text-decoration: none;
				}
			/* end usluge */
			/* start kontakt 336 66 */
			#mm_kontakt
			{
				background: url(../img/mm/kontakt.png) no-repeat left;
				width: 168px;
				margin: auto;
				display: block;
				height: 66px;
				float: left;
				margin-top: 13px;
			}
				#mm_kontakt a:link, #mm_kontakt a:visited
				{
					background: url(../img/mm/kontakt.png) no-repeat left;
					width: 168px;
					margin: auto;
					display: block;
					height: 66px;
					float: left;
					text-decoration: none;
				}
				#mm_kontakt a:active, #mm_kontakt a:hover
				{
					background: url(../img/mm/kontakt.png) no-repeat right;
					width: 168px;
					margin: auto;
					display: block;
					height: 66px;
					float: left;
					text-decoration: none;
				}
			/* end kontakt */
		/* end of thangz in main menu */
	/* end main menu carolija ;) */
	#ptsbar
	{
		background: url(../img/header/ptsbar.png) center no-repeat;
		height: 26px;
	}
	/* end header */
	/* start kolonasi */
	.bodyz
	{
		background:	url(../img/onebyone_body.png) repeat;
		margin: auto;
		width: 950px;
		float: none;
	}
	/* start leva kolona */
	.kolona1
	{
		width: 610px;
		float: left;
		margin: auto;
		display: block;
	}
	/* end leva kolona */
	/* start desna kolona */
	.kolona2
	{
		width: 340px;
		float: right;
		margin-bottom: 6px;
		height: 100%;
	}
	/* end desna kolona */
	* html body .kolona2
	{
		width: 336px;
		height: 100%;
	}
	/* end kolonasi */
	/* start footer */
	.footer
	{
		background: url(../img/footer/footer.png) no-repeat center;
		height: 86px;
		width: 950px;
		margin: auto;
		clear: both;
		text-align: center;
	}
		/* start copyright */
		.copyright
		{
			font-size: 14px;
			color: #FFFFFF;
			float: left;
			width: 500px;
			margin: auto;
			text-align: left;
			padding: 16px 0 0 30px;
			line-height: 20px;
		}
		/* end copyright */
		/* start footer right side */
		.desnastranafootera
		{
			float: right;
			width: 200px;
			margin: auto;
		}
			/* start xhtml css pts */
			.w3c
			{
				font-size: 10px;
				margin: auto;
				text-align: right;
				padding: 2px 16px 0 0;
				display: block;
			}
			.w3c span
			{
				color: #333333;
			}
			.w3c a:link, .w3c a:visited
			{
				color: #CCCCCC;
				text-decoration: none;
			}
			.w3c a:hover, .w3c a:active
			{
				color: #FFFFFF;
				text-decoration: none;
			}
			/* end xhtml css pts */
			/* start portret slicica */
			#portret
			{
				display: block;
				background: url(../img/footer/portret.png) left no-repeat;
				margin: 6px 0 0 64px;
				width: 90px;
				height: 56px;
			}
			#portret a:link, #portret a:visited
			{
				display: block;
				background: url(../img/footer/portret.png) left no-repeat;
				width: 90px;
				height: 56px;
				text-decoration: none;
			}
			#portret a:hover, #portret a:active
			{
				display: block;
				background: url(../img/footer/portret.png) right no-repeat;
				width: 90px;
				height: 56px;
				text-decoration: none;
			}
			/* end portret slicica */
		/* end footer right side */
	/* end footer */
/* diva main copy */


/* title box */
.titledekor
{
	background: url(../img/repetingtapet.png) #FFFFFF top center repeat-x;
	margin: 6px 0 5px 8px;
	padding: 2px 4px 4px 8px;
	border-top: #333333 1px solid;
}
	/* topic text */
	#importantnewz
	{
		font-size: 20px;
		text-align: left;
		margin: 8px 0 20px 0;
		color: #990000;
	}
	.dekor3text
	{
		font-size: 14px;
		line-height: 18px;
		letter-spacing: 1px;
		color: #333333;
		text-align: left;
		margin: 14px auto;
		line-height: 18px;
	}
	/***************/
	/* info */
	.inffosepp
	{
		margin: 20px 0 0 0;
	}
	#info
	{
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 36px;
		text-align: center;
		padding: 10px 0 0 0;
		width: 20px;
		height: 52px;
		background: #990000 repeat;
		color: #FFFFFF;
		margin-right: 10px;
		border: 1px #999999 dashed;
		float: left;
	}
	#info_continues
	{
		font-family: Georgia, "Times New Roman", Times, serif;
		font-style: italic;
		letter-spacing: 1px;
		font-size: 14px;
		background: #FFFFFF repeat;
		border: 1px #999999 dashed;
		color: #333333;
		text-align: left;
		padding: 5px;
		margin: 0 8px 0 0;
	}
	#info_continues a:link, #info_continues a:visited
	{
		text-decoration: none;
	}
	#info_continues a:hover, #info_continues a:active
	{
		text-decoration: underline;
	}
	#info_continues span
	{
		font-style: italic;
		text-decoration: underline;
		letter-spacing: 1px;
	}
	/*****************/
	/* galerija */
	.galerijatopic
	{
		font-size: 16px;
		letter-spacing: 2px;
		color: #000000;
		margin: 0 0 10px 0;
		line-height: 30px;
	}
	.portfoliogalerija
	{
		 list-style: none;
		 color: #999999;
		 font-size: 14px;
		 margin-bottom: 20px;
		 letter-spacing: 1px;
	}
	.portfoliogalerija a:link, .portfoliogalerija a:visited
	{
		 color: #993333;
		 text-decoration: none;
	}
	.portfoliogalerija a:active, .portfoliogalerija a:hover
	{
		 color: #FF9933;
		 text-decoration: none;
	}
/* extra za galeriju */
.galerijaholder
{
	height: auto;
}

#main
{
	position: relative;
	width: 420px;
	height: auto;
	float: right;
	background: #33FFCC;
}

#thumbcontainer
{
	float: left;
	width: 170px;
	height: auto;
	position: relative;
	background: #990000;
}
img.thumbs
{
	float: left;
	height: 60px;
	width: 60px;
	margin-right: 2px;
	margin-bottom: 2px;
	border: solid black 1px;
}

/* ====================================================
				jd.gallery.css
==================================================== */
.myGallery  /* IZMENA: bilo je #myGallery */
{
	width: 500px;
	height: 375px;
	z-index:5;
	display: none;
	border: 1px solid #000;
	text-align: left;
	margin: 0 auto;
}

/* DODATO: klasa da sakrije element */
.invisible
{
	display: none;
}
/* -- */

.jdGallery
{
	overflow: hidden;
	position: relative;
}

.jdGallery img
{
	border: 0;
	margin: 0;
}

.jdGallery .slideElement
{
	width: 100%;
	height: 100%;
	background-color: #000;
	background-repeat: no-repeat;
}

.jdGallery .loadingElement
{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('img/loading-bar-black.gif');
}

.jdGallery .slideInfoZone
{
	position: absolute;
	z-index: 10;
	width: 100%;
	margin: 0px;
	left: 0;
	bottom: 0;
	height: 40px;
	background: #333;
	color: #fff;
	text-indent: 0;
	overflow: hidden;
}

* html .jdGallery .slideInfoZone
{
	bottom: -1px;
}

.jdGallery .slideInfoZone h2
{
	padding: 0;
	font-size: 80%;
	margin: 0;
	margin: 2px 5px;
	font-weight: bold;
	color: inherit;
}

.jdGallery .slideInfoZone p
{
	padding: 0;
	font-size: 60%;
	margin: 2px 5px;
	color: #eee;
}

.jdGallery div.carouselContainer
{
	position: relative;
	height: 135px;
	width: 100%;
	z-index: 10;
	margin: 0px;
	left: 0;
	top: 0;
}

.jdGallery a.carouselBtn
{
	position: absolute;
	bottom: 0;
	right: 30px;
	height: 20px;
	/*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/
	text-align: center;
	padding: 0 10px;
	font-size: 13px;
	background: #333;
	color: #FFCC00;
	cursor: pointer;
}

.jdGallery .carousel
{
	position: absolute;
	width: 100%;
	margin: 0px;
	left: 0;
	top: 0;
	height: 115px;
	background: #333;
	color: #fff;
	text-indent: 0;
	overflow: hidden;
}

.jdGallery .carousel .carouselWrapper
{
	position: absolute;
	width: 100%;
	height: 78px;
	top: 10px;
	left: 0;
	overflow: hidden;
}

.jdGallery .carousel .carouselInner
{
	position: relative;
}

.jdGallery .carousel .carouselInner .thumbnail
{
	cursor: pointer;
	background: #000;
	background-position: center center;
	float: left;
	border: solid 1px #fff;
}

.jdGallery .carousel .label
{
	font-size: 13px;
	position: absolute;
	bottom: 5px;
	left: 10px;
	padding: 0;
	margin: 0;
}

.jdGallery .carousel .label .number
{
	color: #b5b5b5;
}

.jdGallery a
{
	font-size: 100%;
	text-decoration: none;
	color: inherit;
}

.jdGallery a.right, .jdGallery a.left
{
	position: absolute;
	height: 99%;
	width: 25%;
	cursor: pointer;
	z-index:10;
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
}

* html .jdGallery a.right, * html .jdGallery a.left
{
	filter:alpha(opacity=50);
}

.jdGallery a.right:hover, .jdGallery a.left:hover
{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.jdGallery a.left
{
	left: 0;
	top: 0;
	background: url('img/fleche1.png') no-repeat center left;
}

* html .jdGallery a.left { background: url('img/fleche1.gif') no-repeat center left; }

.jdGallery a.right
{
	right: 0;
	top: 0;
	background: url('img/fleche2.png') no-repeat center right;
}

* html .jdGallery a.right { background: url('img/fleche2.gif') no-repeat center right; }

.jdGallery a.open
{
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.withArrows a.open
{
	position: absolute;
	top: 0;
	left: 25%;
	height: 99%;
	width: 50%;
	cursor: pointer;
	z-index: 10;
	background: none;
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.withArrows a.open:hover { background: url('img/open.png') no-repeat center center; }

* html .withArrows a.open:hover { background: url('img/open.gif') no-repeat center center;
	filter:alpha(opacity=80); }

/********************************************************
            			E N D E

					Layout CSS Gallery
********************************************************/
h1
{
	color: #fff;
	font-size: 47px;
	font-weight: bolder;
	margin: 0 40px;
	padding: 0.08em 0;
}

h1 sup
{
	color: #ddd;
}

h1 a
{
	color: #fff;
	text-decoration: none;
}

h1 .company, h1 a .company
{
	color: #d01a71;
}

h2
{
	color: #ddd;
	font-size: 2.5em;
}

h3
{
	font-size: 1.5em;
}

h4
{
	font-size: 1.3em;
}

.content
{
	margin: 0 20px;
}

.content a
{
	color: #fff;
}


.content p.linkage
{
	margin-top: 2em;
	text-align: right;
	font-size: 1.7em;
	color: #ddd;
}

.content p.linkage a { color: #fff; }

/*.content p.linkage a
{
	color: #fff;
	background: url('../images/bg/biglink_off.gif') center right no-repeat;
	padding: 10px 20px;
	text-decoration: none;
}

.content p.linkage a:hover
{
	background: url('../images/bg/biglink_on.gif') center right no-repeat;
	font-style: italic;
}*/


/*  S P E C I A L   F E A T U R E S  */
.port_box
{
	width: 100%;
	height: auto;
	margin: 10px 0;
	padding: 0 0 5px 0;
}

.port_box_title
{
	text-align: center;
	border: 1px solid #CCCCCC;
}
	.port_box_title h4
	{
		margin: 0;
		padding: 2px;
		color: #990000;
		font-style: italic;
		font-weight: normal;
		font-family: Georgia, "Times New Roman", Times, serif;
	}

.port_box_fotke
{
	margin: 6px 0 0 0;
	padding: 0;
	width: 100%;
	height: auto;
	text-align: left;
}

.port_box_fotke img
{
	margin: 2px 0;
	padding: 4px;
	width: auto;
	height: auto;
	border-top: 2px solid #E9E9E9;
	border-right: 2px solid #DADADA;
	border-bottom: 2px solid #CCCCCC;
	border-left: 2px solid #DADADA;
}
	.port_box_fotke a:link img, .port_box_fotke a:visited img
	{
		background: #FFFFFF;
		text-decoration: none;
	}
	.port_box_fotke a:hover img, .port_box_fotke a:active img
	{
		background: #FF9900;
		text-decoration: none;
		border: 2px solid #FF6600;
	}