/*CSS made by Zoran Perin - ALEZZO.COM*/

/*ALL................................................*/

body {
	font:12px Arial, Helvetica, sans-serif; 
	color:#fff;
	background-color:#6F6F6F;
	height:100%;
	line-height:1.4em;}
	
html { height:100%;}	
	
a:link, a:visited {color:#fff;}
a:hover, a:active {color:#D01B4B;}
a:link, a:visited, a:hover, a:active {text-decoration:none;outline:none;}

h1 {}
h2 {}
h3 {}

hr {color:#C41947; background-color:#C41947; height:1px; border: 0;}

#container {height: 100%;}

.pink {color:#C41947;}


/*RESET................................................*/

a img, :link img, :visited img {border: 0;}

ul, ol {list-style: none;}

table {border-collapse: collapse; border-spacing: 0;}

body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, table, th, td, embed, object {
	padding:0; margin: 0;}

:focus {outline: 0;}

:link,:visited { text-decoration:none }
	
.clear {clear:both;}

/*MENU...............................................*/
#menu {
	background-color:#222;
	height:30px;
	width:100%;
	}
#menu_wrap {
	height:30px;
	margin:auto;
	width:960px;
	}	
.menu_hold {
	float:left;
	font-size:12px;
	font-weight:bold;
	height:30px;
	line-height:30px;
	text-transform:uppercase;
	width:750px;
	}	
.menu_hold span {
	padding:0 5px;
	}
.player {
	float:left;
	height:25px;
	margin-top:5px;
	width:210px;
	}	
	
/*MAIN...............................................*/
#main {
	background:url(../images/mainbg.jpg) bottom center;
	overflow: hidden;
	width:100%;
	}
#main2 {
	background:url(../images/mainbg.jpg) bottom center fixed;
	overflow: hidden;
	width:100%;
	}
	
#main_hold0, #main_hold1, #main_hold2, #main_hold3 {
	margin:auto;
	min-height:650px;
	overflow: hidden;
	width:960px;
	}	
	
#main_hold0{
	background:url(../images/darko0.png) bottom left no-repeat;
	}
#main_hold1{
	background:url(../images/darko1.png) bottom left no-repeat;
	}
#main_hold2 {
	background:url(../images/darko2.png) bottom left no-repeat;
	}
#main_hold3 {
	background:url(../images/darko3.png) bottom left no-repeat;
	}
	

/*levo*/
#main_left {
	float:left;
	width:390px;
	}
#logo {
	height:137px;
	margin-top:40px;
	width:341px;
	}	
/*desno*/	
#main_right {
	float:left;
	width:560px;
	}
#social {
	height:30px;
	margin-top:10px;
	text-align:right;
	width:560px;
	}	
.social_fb {
	background:url(../images/facebook.png) top no-repeat;
	cursor:pointer;
	float:right;
	height:40px;
	width:120px;
	}
.social_fb:hover {
	background:url(../images/facebook.png) bottom no-repeat;
	}	
.social_ms {
	background:url(../images/myspace.png) top no-repeat;
	cursor:pointer;
	float:right;
	height:40px;
	width:150px;
	}
.social_ms:hover {
	background:url(../images/myspace.png) bottom no-repeat;
	}		
#main_cont {
	background:url(../images/maincont_bg.png) repeat;
	margin:20px 0;
	overflow:hidden;
	padding:15px 20px 25px 20px;
	text-align:justify;
	width:520px;
	-moz-border-radius:12px;
	-khtml-border-radius:12px;
	}
#main_cont2 {
	background:url(../images/maincont_bg.png) repeat;
	height:500px;
	margin:20px 0 70px 0;
	overflow:auto;
	padding:15px 20px 25px 20px;
	text-align:justify;
	width:520px;
	-moz-border-radius:12px;
	-khtml-border-radius:12px;
	}
	
#naslov, #naslov1, #naslov2, #naslov3, #naslov4, #naslov5, #naslov6 #naslov7, #naslov8, #naslov9, #naslov10 {
	height:55px;
	text-align:right;
	width:520px;
	}	
#naslov1 { background:url(../images/naslov/1.png) right no-repeat;}	
#naslov2 { background:url(../images/naslov/2.png) right no-repeat;}	
#naslov3 { background:url(../images/naslov/3.png) right no-repeat;}	
#naslov4 { background:url(../images/naslov/4.png) right no-repeat;}	
#naslov5 { background:url(../images/naslov/5.png) right no-repeat;}	
#naslov6 { background:url(../images/naslov/6.png) right no-repeat;}	
#naslov7 { background:url(../images/naslov/7.png) right no-repeat;}	
#naslov8 { background:url(../images/naslov/8.png) right no-repeat;}	
#naslov9 { background:url(../images/naslov/9.png) right no-repeat;}	
#naslov10 { background:url(../images/naslov/10.png) right no-repeat;}	

/*FOOTER.............................................*/
#footer {
	background-color:#6F6F6F;
	border-top:4px solid #C41947;
	height:30px;
	width:100%;
	}
#footer_hold {
	color:#fff;
	height:30px;
	line-height:30px;
	margin:auto;
	text-align:right;
	width:960px;
	}
	
/*round corners*/
.xxround {
	-moz-border-radius:0.75em;
	-khtml-border-radius:0.75em;}
	
/*opacity*/
.opacity {
	filter:alpha(opacity=60);  
	opacity: 0.6;}