/* Start of CMSMS style sheet 'stil_sr' */
body {
	background: #ebebeb url(images/background-xx.jpg)  repeat-x top left;
	color: #000; 
        padding:0; margin:0px;
	}
img { border: 0; }

#scroll {
	position:relative;
	height:975px;
	overflow:hidden;
	width:1260px;
	padding:0px;
}

#form {
align:centar;
	position:absolute;
z-index:999;
	background-image: url(uploads/images/slike/background-popup.jpg);
width:100%;
color:FFF;
padding-top:25px;
padding-left:75px;
}

.button {
    border: none;
    background: url('/uploads/images/slike/submit.png') no-repeat top left;
    padding: 2px 8px;
width: 100px;
height: 30px;
align: right;
cursor: pointer;
}
.button:hover {
    border: none;
    background: url('/uploads/images/slike/submit-o.png') no-repeat top left;
    padding: 2px 8px;
width: 100px;
height: 30px;
align: right;
cursor: pointer;
}

.container {
	text-align: left;
	margin: 0px;
	position: relative;
	background: url(./img/header-shadow.gif) no-repeat 0 318px;
	z-index: 99;
	}
	
#container {
	width: 100%;
	margin-left: 0px;
	position: relative;
	/*background: url(./img/header-shadow.gif) no-repeat 0 318px;*/
	z-index: 99;
	}

#tools {
	width:9999em;
	position:absolute;
	height:400px;
}

#language-back {
	position: absolute;
	margin-left: 180px;
	margin-top:25px;
width:350px;
height:50px;
	background-image:url(images/language-back.png);
	background-repeat:no-repeat;
z-index:999;
}

*html #language-back {
	position: absolute;
	margin-left: 180px;
	margin-top:25px;
width:350px;
height:50px;
	background-image:url(images/language-back.gif);
	background-repeat:no-repeat;
z-index:999;
}

#language{
padding-left:8px;
padding-top:3px;
}

#language img{
padding-left:3px;
}

#kontakt {
	position: absolute;
top:500px;
z-index: 99px;
	}

#logo {
	margin-top:175px;
	margin-left: 250px;
	position: absolute;
	z-index: 99;
	}


#logo-kartica {
	margin-top:175px;
	margin-left: 160px;
	position: absolute;
	z-index: 99;
	}

.h1 {
	text-align: left;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 18px;
	color:#184A6D;
	}
.h2 {
	text-align: left;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 18px;
	color: #159944;
	}	
.h3 {
	text-align: left;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 32px;
	color:#184A6D;
	}
		
.paragraph {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#000;
line-height: 16px;
	}

.paragraph_w {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#FFF;
line-height: 16px;
	}

.menu_list {	
	width: 250px;
	padding: 0px;
}
.menu_head {
	text-align: left;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 18px;
	color: #fff;
	padding: 5px 10px;
	cursor: pointer;
	position: relative;
	/*background: url(images/left.png) center right no-repeat;*/
}
.menu_body {
	display:none;
    background: url(images/x.gif) top right no-repeat;
}

#newsletter {
	position: absolute;
	margin-left: -220px;
	margin-top: 40px;
        align: right;
        z-index:99;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-color:#FFF;
	background-image:url(uploads/images/slike/back-newsletter.png);
	background-repeat: no-repeat;
}

*html #newsletter {
	position: absolute;
	margin-left: -220px;
	margin-top: 40px;
align: right;
        z-index:99;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-color:#FFF;
	background-image:url(uploads/images/slike/back-newsletter.gif);
	background-repeat: no-repeat;
}

#warning {
	position: absolute;
	margin-left: 480px;
	margin-top:855px;
        text-align: center;
        z-index:9999;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-color:#000;
}
.igrac {
        width:250;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-color:#000;
}

#news {
	position: absolute;
	margin-left: 0px;
	margin-top:40px;
        z-index:9;
align: right;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-color:#FFF;
}
#foot {
	position: absolute;
	margin-left: 410px;
	margin-top:930px;
        text-align: center;
        z-index:9;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-color:#000;
}

#film-holder{
	position: absolute;
	margin-left: 0px;
	margin-top:0px;
        z-index:99;	
}

#foot-kartica {
	position: absolute;
	margin-left: 340px;
	margin-top:910px;
        text-align: center;
        z-index:9;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-color:#000;
}

.tool {
	float:left;
	width:1280px;
	height:975px;
	background-repeat:no-repeat;
	background-position:0 -40px;
}

#portfolio {
	position:absolute;
        z-index:1;
	float:left;
	width:100%;
	height:975px;
	background-repeat:no-repeat;
	background-position:0 -40px;
}

#thumbs {
	/*background:url(http://static.flowplayer.org/tools/img/demo-navi.jpg) no-repeat;*/
	height:90px;
	position:absolute;
	top:10px;
	width:990px;
	left:590px;
	z-index:9999;
}

#thumbs2 {
	/*background:url(http://static.flowplayer.org/tools/img/demo-navi.jpg) no-repeat;*/
	height:90px;
	position:absolute;
	top:450px;
	width:90px;
	left:890px;
	z-index:9999;
}

.t a {
	margin:0px;
	display:block;
	width:99px;
	float:left;
	height:52px;
	width:78px;
	cursor:pointer;
}

.t a.active {
	cursor:default !important;
}

/* CSS sprite for the navigation */
#t1 		{background-image:url(../../images/toolbar_tab-new.png); background-position:top;}
#t1.active {background-image:url(../../images/toolbar_tab-new.png); background-position:bottom;}
#t1:hover  {background-image:url(../../images/toolbar_tab-new.png); background-position:bottom;}
#t1:active {background-image:url(../../images/toolbar_tab-new.png); background-position:bottom;}

#t2			{background-image: url(../../images/toolbar_tab-sites.png); background-position:top;}
#t2:hover 	{background-image: url(../../images/toolbar_tab-sites.png); background-position:bottom;}
#t2:active	{background-image: url(../../images/toolbar_tab-sites.png); background-position:bottom;}
#t2.active	{background-image: url(../../images/toolbar_tab-sites.png); background-position:bottom;}

#t3			{background-image: url(../../images/toolbar_tab-files.png); background-position:top;}
#t3:hover 	{background-image: url(../../images/toolbar_tab-files.png); background-position:bottom;}
#t3:active	{background-image: url(../../images/toolbar_tab-files.png); background-position:bottom;}
#t3.active	{background-image: url(../../images/toolbar_tab-files.png); background-position:bottom;}

#t4			{background-image: url(../../images/toolbar_tab-editor.png); background-position:top;}
#t4:hover 	{background-image: url(../../images/toolbar_tab-editor.png); background-position:bottom;}
#t4:active	{background-image: url(../../images/toolbar_tab-editor.png); background-position:bottom;}
#t4.active	{background-image: url(../../images/toolbar_tab-editor.png); background-position:bottom;}

#t5			{background-image: url(../../images/toolbar_tab-preview.png); background-position:top;}
#t5:hover 	{background-image: url(../../images/toolbar_tab-preview.png); background-position:bottom;}
#t5:active	{background-image: url(../../images/toolbar_tab-preview.png); background-position:bottom;}
#t5.active	{background-image: url(../../images/toolbar_tab-preview.png); background-position:bottom;}

#t6			{background-image: url(../../images/toolbar_tab-css.png); background-position:top;}
#t6:hover 	{background-image: url(../../images/toolbar_tab-css.png); background-position:bottom;}
#t6:active	{background-image: url(../../images/toolbar_tab-css.png); background-position:bottom;}
#t6.active	{background-image: url(../../images/toolbar_tab-css.png); background-position:bottom;}

#t7			{background-image: url(../../images/toolbar_tab-back.png); background-position:top;}
#t7:hover 	{background-image: url(../../images/toolbar_tab-back.png); background-position:bottom;}
#t7:active	{background-image: url(../../images/toolbar_tab-back.png); background-position:bottom;}
#t7.active	{background-image: url(../../images/toolbar_tab-back.png); background-position:bottom;}


/* CSS sprite for the navigation */
*html #t1 		{background-image:url(../../images/toolbar_tab-new.gif); background-position:top;}
*html #t1.active {background-image:url(../../images/toolbar_tab-new.gif); background-position:bottom;}
*html #t1:hover  {background-image:url(../../images/toolbar_tab-new.gif); background-position:bottom;}
*html #t1:active {background-image:url(../../images/toolbar_tab-new.gif); background-position:bottom;}

*html #t2			{background-image: url(../../images/toolbar_tab-sites.gif); background-position:top;}
*html #t2:hover 	{background-image: url(../../images/toolbar_tab-sites.gif); background-position:bottom;}
*html #t2:active	{background-image: url(../../images/toolbar_tab-sites.gif); background-position:bottom;}
*html #t2.active	{background-image: url(../../images/toolbar_tab-sites.gif); background-position:bottom;}

*html #t3			{background-image: url(../../images/toolbar_tab-files.gif); background-position:top;}
*html #t3:hover 	{background-image: url(../../images/toolbar_tab-files.gif); background-position:bottom;}
*html #t3:active	{background-image: url(../../images/toolbar_tab-files.gif); background-position:bottom;}
*html #t3.active	{background-image: url(../../images/toolbar_tab-files.gif); background-position:bottom;}

*html #t4			{background-image: url(../../images/toolbar_tab-editor.gif); background-position:top;}
*html #t4:hover 	{background-image: url(../../images/toolbar_tab-editor.gif); background-position:bottom;}
*html #t4:active	{background-image: url(../../images/toolbar_tab-editor.gif); background-position:bottom;}
*html #t4.active	{background-image: url(../../images/toolbar_tab-editor.gif); background-position:bottom;}

*html #t5			{background-image: url(../../images/toolbar_tab-preview.gif); background-position:top;}
*html #t5:hover 	{background-image: url(../../images/toolbar_tab-preview.gif); background-position:bottom;}
*html #t5:active	{background-image: url(../../images/toolbar_tab-preview.gif); background-position:bottom;}
*html #t5.active	{background-image: url(../../images/toolbar_tab-preview.gif); background-position:bottom;}

*html #t6			{background-image: url(../../images/toolbar_tab-css.gif); background-position:top;}
*html #t6:hover 	{background-image: url(../../images/toolbar_tab-css.gif); background-position:bottom;}
*html #t6:active	{background-image: url(../../images/toolbar_tab-css.gif); background-position:bottom;}
*html #t6.active	{background-image: url(../../images/toolbar_tab-css.gif); background-position:bottom;}

*html #t7			{background-image: url(../../images/toolbar_tab-back.gif); background-position:top;}
*html #t7:hover 	{background-image: url(../../images/toolbar_tab-back.gif); background-position:bottom;}
*html #t7:active	{background-image: url(../../images/toolbar_tab-back.gif); background-position:bottom;}
*html #t7.active	{background-image: url(../../images/toolbar_tab-back.gif); background-position:bottom;}
/* End of 'stil_sr' */