body {
	margin: auto;
	background:url(imagini/bg%20copy.jpg) #000000 top center no-repeat;
	height:100%;
	width: 100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:600;
	color:#FFF;
}
 
#space {
	height: 190px;;
    }
#space-index {
	height: 190px;;
    }
#space-club {
	height: 60px;;
    }

#space-meniu {
	height: 140px;;
    }
#space-events {
    width:900px;
	height: 60px;
	margin:auto;
	padding-top:150px;
    }

#space-parteneri {
	height: 220px;;
    }

#flash{
width:1024px;
height:500px;
margin:auto;
display: block;
}

#flash-club{
width:950px;
height:370px;
margin:auto;
display: block;
}

#descriere-club{
width:865px;
height:330px;
margin:auto;
text-align:left;
}


#descriere-club a{
font-size:14px;
font-weight:600;
text-decoration:none;
font-weight:900;
color:#FFF;
}

#descriere-club a:hover{
text-decoration:underline;
}




#flash-evenimente{
width:900px;
height:480px;
margin:auto;
display: block;
}

#flash-parteneri{
width:900px;
height:470px;
margin:auto;
display: block;
}

#container-thumb{
width:900px;
height:480px;
margin:auto;
display: block;
}

#flash-contact{
width:900px;
height:500px;
margin:auto;
display: block;
}


html{
	margin:0;
	padding:0;
	height:100%;
	width: 100%;
}


/*header*/

#header {
width:1024px;
height:70px;
background:#000000 ;
margin:auto;
}

#home{
width:82px;
height:70px;
float:left;}



#club{
width:80px;
height:70px;
float:left;}

#meniu{
width:122px;
height:70px;
float:left;}


#evenimente{
width:128px;
height:70px;
float:left;}


#logo{
width:172px;
height:70px;
float:left;}




#galerie{
width:156px;
height:70px;
float:left;
}


#parteneri{
width:159px;
height:70px;
float:left;
}


#contact{
width:125px;
height:70px;
float:left;
}




/*sfarsit header*/




td, textarea, input, select {
	font-family: Tahoma;
	font-size: 10px;
	color: 929292;
	font-weight: normal;
	line-height: 14px;
}

.frame {
	border: 1px solid #0B0B0B;
}

a:link {
	color: #E5E0D1;
	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;

}
a:visited {
	color: #E5E0D1;
	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;

}

a:hover {
	color: #E5E0D1;
	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: underline;
}

.inputstyle {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #5F726F;
	background-color: #E2EDEB;
	border: 1px solid #333333;
}


li {
list-style-type:disc;
}



#contactform {margin:0; }
#contactform * { color:#F00;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { margin:0; width:110px; display:block; padding:10px 0; color:#CCCCCC; font: 14px Arial, Helvetica, sans-serif; text-transform:lowercase float:left;}
#contactform label span { color:#412918;}
#contactform input.text { width:400px; border:1px solid #000000; margin:10px 0; padding:5px 2px; height:16px; background:#f0f0f0; float:left; color:#000; font-size:12px;}
#contactform textarea { height:120px; width:400px; border:1px solid #000000; margin:10px 0; padding:2px; background:#f0f0f0; float:left; color:#000; font-size:12px;}
#contactform li.buttons input { padding:3px 0 3px 110px; margin:0; border:0; color:#FFF; float:left;}
p.response { text-align:center; color:#412918; font: normal 11px  Georgia, "Times New Roman", Times, serif; line-height:1.8em; width:auto;}

p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
li.bg, .bg { clear:both; border-top:1px solid #dad9d9; padding:0; margin:20px 0; background:none; line-height:0;}

.left-meniu { width:477px; float:left; padding-left:50px; }

.left { width:477px; float:left; padding-left:50px; }
.left ul { list-style:none; margin:5px 20px; padding:0;}
.left li { font: bold 12px Arial, Helvetica, sans-serif; color:#412918; padding:5px 20px; margin:0; background:url(images/about_ul_li.gif) left no-repeat;}

#right-meniu{
width:460px;
height:550px;
float:left;
font-size:14px;
font-weight:600;
padding-left:30px;}

#right{
width:300px;
height:480px;
float:left;
font-size:14px;
font-weight:600;
padding-left:150px;}

#right a{
font-size:14px;
font-weight:600;
text-decoration:none;
font-weight:900;
color:#F9C;}

#right a:hover{
text-decoration:underline;
}

/* _text */
._misc { margin:auto; width:940px; height:385px;}
._misc strong { display:block; margin:-250px 490px 0 60px; color:#_misc; font:normal 12px Arial, Helvetica, sans-serif; line-height:16px;}
._misc span { display:block; color:#_misc; font:normal 32px Verdana, Geneva, sans-serif; letter-spacing:-2px; line-height:36px; padding:0 0 10px 0;}

/*_text_bg*/
._text_java_bg { margin:0; padding:0; background:#353535 url(images/slider_bg.gif) top repeat-x;}
/*_text*/
._text_java { height:294px; margin:0 auto; padding:0; width:972px; background: url(images/slider_bg_main.gif) top no-repeat;}
._text_java .div .left1 { float:right; width:370px; padding:30px 0 0 0; margin:0; }
._text_java .div .left1 h2 {font:bold 18px  Arial, Helvetica, sans-serif; color:#412918;  padding:20px 0 10px 0; margin:0;}
._text_java .div .left1 img { float:left; margin:20px 20px 0 0; padding:0;}
._text_java .div .left1 ul { width:190px; float:right; margin:10px 10px; padding:0; list-style:none;}
._text_java .div .left1 li { font: normal 11px Arial, Helvetica, sans-serif; color:#412918; padding:5px 0 5px 15px; margin:0; background:url(images/slider_ul_li.gif) left no-repeat;}
._text_java p { font:normal 11px  Arial, Helvetica, sans-serif; color:#412918; padding:0; margin:0; line-height:1.8em;}


#slider {
	margin:0;
	padding:0;
	list-style:none;
}
#slider ul, #slider li {
	margin:0;
	padding:0;
	list-style:none;
}
/* 
    define width and height of list item (slide)
    entire slider area will adjust according to the parameters provided here
*/
#slider li {
	width:950px;
	height:385px;
	overflow:hidden;
}


#main{
	width:327px;
	height:385;
	float:left;
	}


#main-bar{
	width:286px;
	height:385;
	float:left;
	}
#second-bar{
	width:327px;
	height:385;
	float:left;
	}
#separeuri{
	width:327px;
	height:385;
	float:left;
	}

p#controls {
	margin:0;
	position:relative;
}
#prevBtn, #nextBtn {
	display:block;
	margin:0;
	overflow:hidden;
	width:40px;
	height:77px;
	position:absolute;
	left:0;
	top:-205px;
}
#nextBtn {
	left:930px;
}
#prevBtn a {
	display:block;
	width:40px;
	height:55px;
	background:url(images/spacer.gif) no-repeat 0 0;
}
#nextBtn a {
	display:block;
	width:40px;
	height:55px;
	background:url(images/spacer.gif) no-repeat 0 0;
}

.style6 {font-size: 10px;
text-decoration:none;
font-weight:normal;
}


.style5 {font-size: 14px;
text-decoration:underline;
}

.style4 {font-size: 29px;
color:#FFFFFF;}

.style3 {font-size: 29px;
color:#FFF;
}

.thumb-main a:link{
background:url(imagini/thumb_opp1.png);
}

.thumb-main a:visited{
background:url(imagini/thumb_opp1.png);
}

.thumb-main a:hover{
background:url(imagini/thumb_club1.png);
}

/*scroll galerie foto*/
div#scrollbar {
    display:none; /* hide from incapable */
    }
div#scrollbar {
    display:block; /* initially display:none; to hide from incapable */
    }

div#wn	{ 
    position:relative;
    width:850px; height:330px;
    overflow:hidden;
	}
    
div#scrollbar { 
  position:relative;
  width:11px; height:330px; 
  font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  }
div#track { 
  position:absolute; left:0; top:12px;
  width:11px; height:306px;
  background: #000000;
  }
div#dragBar {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color:#666;
  }  
div#up { position:absolute; left:0; top:0; }  
div#down { position:absolute; left:0; bottom:0; }

/* for safari, to prevent selection problem  */
div#scrollbar, div#track, div#dragBar, div#up, div#down {
    -moz-user-select: none;
    -khtml-user-select: none;
}


/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar img {
    display:block; 
    }
	
/*lightbox*/
#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:#000000;
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: 50%; 
height: 100%; 
background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ 
display: block;
 }

#prevLink { 
left: 0;
float: left;
background:url(images/prevlabel.gif) left 15% no-repeat;}


#nextLink { 
right: 0; 
float: right;
background: url(images/nextlabel.gif) right 15% no-repeat;}

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

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

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

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

#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; 
}


/********** footer **********/
 .resize div p { width:900px; background:#000000; color:#ffffff; font:normal 11px Tahoma, Geneva, sans-serif; text-align: left; padding-left:124px; padding-top:10px; margin-top:50px;}
 .resize div a { color:#ffffff; font:bold 11px Tahoma, Geneva, sans-serif; padding:0 1px; }
 
 
 
 #container-contact{
	 width:1024px;
	 height:500px;
	 margin:auto;}
 
 #container-meniu{
	 width:1024px;
	 height:550px;
	 margin:auto;}
 
#mysubmit { background-color: #000000;
            color:#ffffff;
			font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
			font-size:12px;
			font-weight:bold;
			border:#FFF 1px solid;
			    }