body 
{
background-image: url(Source/BG_Pattern.jpg);
background-repeat: repeat
}

#container 
{
width: 970px;
margin: 11px auto;
}

#menu 
{
padding-left : 79px;
padding-right : 77.5px;
}

#video-buttons
{
width: 750px;
margin-top: 0px;
margin-left:108px;
}

#layout4
{
float: left;
width: 965px;
margin-top:4px;
margin-left:5px;
}

#layout4-left 
{
float:left;
position:relative;
width:111px; 
height:30px; 
visibility:visible; 
background:url(Source/Layout-3/Left.jpg); 
}

#layout4-middle
{
	float:left;
	position:relative;
	visibility:visible;
	background:url(Source/Layout-3/Middle.jpg);
	background-repeat: repeat-x;
	padding-top:9px;
	padding-left:5px;
	width: 730px;
	height: 30px;
}

#layout4-right
{
float:left;
position:relative;
width:112px; 
height:30px; 
visibility:visible; 
background:url(Source/Layout-3/Right.jpg); 
}

#layout2
{
float:left;
width: 570px;
padding: 2px;
margin-top: 5px;
margin-left: 15px;
}

#layout2in4
{
float:left;
width: 490px;
padding: 2px;
margin-top: 5px;
margin-left: 14px;
}

#layout2in4-top
{
width:490px; 
height:25px; 
visibility:visible; 
background:url(Source/Layout-4/top.jpg);
}

#layout2in4-middle
{
	position:relative;
	visibility:visible;
	background:url(Source/Layout-4/middle.jpg) repeat-y;
	background-repeat: repeat-y;
	height:599px;
	padding-top:5px;
	padding-left: 32px;
	padding-right: 32px;
	font-family:Arial;
	font-size:12px;
}

#layout2in4-bottom
{
width:490px; 
height:25px; 
visibility:visible; 
background:url(Source/Layout-4/bottom.jpg);
}



/* ------------------Pocetak preview layout-----------------------------------------*/

#layout6
{
float:left;
width: 570px;
padding: 2px;
margin-top: 5px;
margin-left: 14px;
}

#layout6-top
{
width:570px; 
height:25px; 
visibility:visible; 
background:url(Source/Layout-6/top.jpg);
}

#layout6-middle
{
	position:relative;
	visibility:visible;
	background:url(Source/Layout-6/middle.jpg);
	background-repeat: repeat-y;
	height: 599px;
	padding-top:5px;
	padding-left: 32px;
	padding-right: 32px;
	font-family:Arial;
	font-size:12px;
}

#layout6-bottom
{
width:570px; 
height:25px; 
visibility:visible; 
background:url(Source/Layout-6/bottom.jpg);
}




/*--------------------Adsense gore reklama preview layout---------------------------------------*/
#layout-7
{
float: left;
width: 470px;
margin-left:18px;
}

#layout-7-around
{
position:relative;
width:470px; 
height:20px; 
visibility:visible; 
background:url(Source/Layout-7/around.jpg);
}
#layout-7-middle
{
position:relative;
width:470px; 
height:60px;
visibility:visible; 
background:url(Source/Layout-7/middle.jpg) repeat-y;
}
#layout-7-description
{
	position:relative;
	height:50px;
	visibility:visible;
	background:url(Source/Layout-7/description.jpg);
	padding-left:5px;
	padding-left:5px;
}
	

/*---------------------------------------------------------------------------------------------*/

#layout2-left 
{
float: left;
position:relative;
width:320px; 
visibility:visible; 
}
#layout2-left-top
{
position:relative;
width:320px; 
height:29px; 
visibility:visible; 
background:url(Source/Layout-2/Left-top.jpg);
}
#layout2-left-middle
{	
	position:relative;
	visibility:visible;
	background:url(Source/Layout-2/Left-middle.jpg);
	background-repeat: repeat-y;
	height: 585px;
	padding-left: 30px;
	padding-right: 24px;
	font-family:Arial;
	font-size:12px;
	padding-top:2px;
}
#layout2-left-bottom
{
position:relative; 
width:320px; 
height:40px;
visibility:visible; 
background:url(Source/Layout-2/Left-bottom.jpg) no-repeat;
}



#layout2-right
{
float: right;
position:relative;
width: 250px;
}
#layout2-right-top
{
position:relative;
width:250px; 
height:29px; 
visibility:visible; 
background:url(Source/Layout-2/Right-top.jpg);
}
#layout2-right-middle
{
	position:relative;
	max-width:250px;
	visibility:visible;
	background:url(Source/Layout-2/Right-middle.jpg);
	background-repeat: repeat-y;
	height: 580px;
	padding-left: 23px;
	padding-right: 36px;
}
#layout2-right-bottom
{
	position:relative;
	height:47px;
	visibility:visible;
	background:url(Source/Layout-2/Right-bottom.jpg) no-repeat;
	background-image: url(Source/Layout-2/Right-bottom.jpg);

}



/*----- Layouts adsense okviri ----*/

#layout1
{
float: left;
width: 180px;
padding: 2px;
margin-top: 5px;
}

#layout3
{
float: right;
width: 180px;
padding: 2px;
margin-top: 5px;
}
#layout-top
{
position:relative;
width:180px; 
height:25px; 
visibility:visible; 
background:url(Source/Layout-1/top.jpg);
}


#layout-middle
{
position:relative;
width:180px; 
height:600px;
visibility:visible; 
background:url(Source/Layout-1/middle.jpg) repeat-y;
}
#layout-bottom
{
position:relative; 
width:180px; 
height:25px;
visibility:visible; 
background:url(Source/Layout-1/bottom2.jpg) no-repeat;
}

#layout-bottom-pic
{
position:relative; 
width:180px; 
height:55px;
visibility:visible; 
background:url(Source/Layout-1-pic/bottom2.jpg) no-repeat;
}		


#layout1in2
{
float: left;
width: 220px;
padding: 2px;
margin-top: 5px;
}
#layout3in2
{
float: right;
width: 220px;
padding: 2px;
margin-top: 5px;
}
#layout-top-in2
{
position:relative;
width:220px; 
height:25px; 
visibility:visible; 
background:url(Source/Layout-5/top.jpg);
}
#layout-middle-in2
{
position:relative;
width:220px; 
height:600px;
visibility:visible; 
background:url(Source/Layout-5/middle.jpg) repeat-y;
}
#layout-bottom-in2
{
position:relative; 
width:220px; 
height:25px;
visibility:visible; 
background:url(Source/Layout-5/bottom.jpg) no-repeat;
}	

#links1b
{
float: left;
width: 967px;
}

#links1a
{
float: left;
width: 967px;
margin-top:4px;
}

#links1-top
{
position:relative;
width:967px;
height:19px;
visibility:visible;
background:url(Source/Links-1/top.jpg) no-repeat;
}
/*-------------------------------------------------------*/
#links1-middle
{
	position:relative;
	visibility:visible;
	background:url(Source/Links-1/middle.jpg) repeat-y;
	padding-left:10px;
	padding-right:10px;
	font-family:Arial;
	font-size:12px;
	color:#FFFFFF;
	
}

#links1-middle a:link
{
color: #0099FF;
text-decoration: none;
}
#links1-middle a:visited
{
color: #0099FF;
text-decoration: none;
}
#links1-middle a:hover
{
color: #0066CC; 
font-weight:bold;
text-decoration: none;
}

.prava-text
{
color:#0066FF; 
font-style:normal; 
font-family: Arial;

}

/*--------------------------------------------------------*/

#links1-line
{
	position:relative;
	width:967px;
	height:20px;
	visibility:visible;
	background:url(Source/Links-1/line.jpg) no-repeat;
}

#links1-bottom
{
position:relative;
width:967px; 
height:6px;
visibility:visible; 
background:url(Source/Links-1/bottom.jpg) no-repeat;
}	

#preview-slika
{
float: left;
width:75px;
margin-right:4px;
margin-top:1px;
}

/*----------------- RSS ----------------*/
#rss-slika
{
float: left;
width:45px;
margin-right:4px;
}
#rss-text
{
float: left;
width:137px;
margin-left:1px
margin-right:4px;
margin-top:12px;
font-family:Arial;
font-size:14px;
}

#rss-text a:link
{
color: #FFFFFF;
text-decoration: none;
}
#rss-text a:visited
{
color: #FFFFFF;
text-decoration: none;
}
#rss-text a:hover
{
color: #000000;
text-decoration: none;
}

/*-----------------------------------------*/
#adsense-centar
{
float: left;
width:250px;
margin-left:8px;
margin-top:1px;
margin-bottom:4px;
}

/*Thumb-Preview*/

#thumb-layout
{
	position:relative;
	float:left;
	margin-left:25px;
	padding:5px;
	visibility:visible;
	background:url(Source/Thumb-Preview/Thumb-layout.jpg) no-repeat;
	background-image: url(Source/Thumb-Preview/Thumb-layout.jpg);
}

#thumb-title
{
position:relative;
float:right;
width:250px;
margin-right:25px;
visibility:visible; 
font-family:Arial;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
}

#thumb-title a:link
{
color: #FFFFFF;
text-decoration: none;
}
#thumb-title a:visited
{
color: #FFFFFF;
text-decoration: none;
}
#thumb-title a:hover
{
color: #000000;
text-decoration: none;
}

#thumb-description
{
position:relative;
float:right;
width:250px;
margin-right:25px;
visibility:visible; 
font-family:Arial;
font-size:12px;
color:#FFFFFF;
}

#thumb-line
{
position:relative;
float:left;
width:393px; 
height:6px;
margin-left:16px;
margin-top:4px;
margin-bottom:4px;
visibility:visible; 
background:url(Source/Thumb-Preview/line.jpg) no-repeat;
}
#thumb-buttons
{
margin-left:170px;
position:relative;
float:left;
visibility:visible; 
letter-spacing: 10px;
}
/*---------------------------Play Flash--------------------------*/

#flash-play
{
position:relative;
float:left;
visibility:visible;
margin-top:10px;
width:500px;
margin-left:3px; 
}
#video-play
{
position:relative;
float:left;
visibility:visible;
margin-top:10px;
width:480px;
margin-left:13px; 
}

/*---------------------------index news-----------------------------*/

#thumb-layout2
{
	position:relative;
	float:left;
	padding:5px;
	margin-left:40px;
	visibility:visible;
	background:url(Source/Thumb-Preview/Thumb-layout.jpg) no-repeat;
	background-image: url(Source/Thumb-Preview/Thumb-layout.jpg);
}

#thumb-title2
{
	position:relative;
	float:left;
	width:190px;
	visibility:visible;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;

}

#thumb-title2 a:link
{
color: #FFFFFF;
text-decoration: none;
}
#thumb-title2 a:visited
{
color: #FFFFFF;
text-decoration: none;
}
#thumb-title2 a:hover
{
color: #000000;
text-decoration: none;
}

#thumb-description2
{
position:relative;
float:inherit;
width:190px;
visibility:visible; 
font-family:Arial;
font-size:12px;
color:#FFFFFF;
}

#addthis1
{
	position:relative;
	float:left;
	visibility:visible;
	margin-left:11px;
	margin-top:8px;
	word-spacing:10px;
}

#addthis2
{
	position:relative;
	float:left;
	visibility:visible;
	margin-left:11px;
	margin-top:8px;
	word-spacing:10px;
}
/*---------------------------picture play -----------------------------*/

#container-picture
{
	float:left;
	width:782px;
	height:650px;
	margin-top:7px;

}
#top-picture
{
position:relative;
visibility:visible; 
background:url(Source/Picture/top.jpg);
height:25px;

}
#middle-picture
{
	position:relative;
	visibility:visible;
	background:url(Source/Picture/middle.jpg) repeat-y;
	height:633px;
}
#bottom-picture
{
position:relative;
visibility:visible; 
background:url(Source/Picture/bottom.jpg);
height:25px;
margin-bottom:5px;

}
#bottom-line
{
float:left;
position:relative;
visibility:visible; 
background:url(Source/Picture/bottom-line.jpg) repeat-x;
height:18px;
width:732px;
margin-left:25px;

}

#reklama-dole
{
float:left;
position:relative;
visibility:visible;
height:90px;
width:728px;
margin-left:27px;
margin-right:27px;
}
#galllery-flash 

{
position:relative;
visibility:visible;
padding-left:35px;
height:373px;

}


/*---------------------------layout 8 za slike -----------------------------*/

#layout-8
{
	width:710px;
	height:105px;
	margin-left:39px;
	float:left;
	padding-top:5px;
}

#layout-8-part1
{

	position:relative;
	visibility:visible;
	height:84px;
	float:left;
}

#layout-8-part1-around
{

	position:relative;
	visibility:visible;
	background:url(Source/Layout-8/layout-up-down.jpg) repeat-x;
	width:236px;
	height:20px;
}

#layout-8-part1-middle
{
	position:relative;
	visibility:visible;
	background:url(Source/Layout-8/layout-middle.jpg) repeat-y;
	width:234px;
	height:60px;
	padding-left:1px;
	padding-right:1px;
}

#layout-8-part2
{
	float:left;
	position:relative;
	visibility:visible;
}

#layout-8-part2-content
{
	padding-top:4px;
	position:relative;
	visibility:visible;
	background:url(Source/Layout-8/content.jpg);
	height:96px;
	width:470px;
}

#layout-8-part2-title

{

margin-left:5px;
margin-right:5px;
font-family:Arial;
font-size:18px;
font-weight:bold;
color:#000000;
}

#layout-8-part2-description

{
margin-left:5px;
margin-right:5px;
padding-top:2px;
font-family:Arial;
font-size:14px;
color:#000000;
}



#addthis1-pic
{
	position:relative;
	float:left;
	visibility:visible;
	margin-left:320px;
	margin-top:11px;
	margin-bottom:5px;
}

#addthis2-pic
{
	position:relative;
	float:left;
	visibility:visible;
	margin-left:11px;
	margin-top:11px;
	margin-bottom:5px;
}

.privacy {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
	color:#000000;
}
.privacy a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration:none;
	font-weight:normal;
	color:#3366CC;
	
}

.privacy a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration:none;
	color:#0033FF;
}