* {margin: 0px; padding: 0px; }

body{
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	background: url(bg-page.gif) no-repeat left -15px;
}

li{ list-style-type: none;}

a {text-decoration: none; color: #409F0F}
a:focus, a:hover, a:active {
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
color: #000;
}
img{ border: none; }

.floatContainer{overflow: hidden; height: 100%;}

#preload {
	width: 150px; height: 150px; margin: 20% auto 0;
	text-align: center;
}
	#preload p{
		padding-top: 10px;
	}
	
	#preload div { 
		font-size: 14px; font-weight: bold; color: #fff;
	}

#site {
	width: 720px; height: 580px; margin: 150px auto 0 245px; padding: 0 35px 0;
}


#siteContent {
	height: 485px; overflow: hidden;
}

#siteFoot {
	padding: 10px 0; text-align: center;
	font-size: 11px; color: #999;
	border-top: solid 1px #eee;
}

#siteFoot p {
	padding: 0 0 3px;
}


#menu {
	float: left;width: 200px;
}

#content {
	float: left; width: 500px; height: 470px; overflow: auto; padding-right: 20px;
}


#menu li {
	padding: 0 0 10px 10px;
}

#menu li#menu-signup {
	padding: 100px 0 0 10px;
}

#menu li a {
	display:block; width: 114px; height: 34px; overflow: hidden;
	background: url(menu2.gif) no-repeat -228px 0;
}

#menu li a:hover {
	background-position: -114px 0;
}


	#menu li#menu-event a {
		background-position: -228px 0;
	}
	
	#menu li#menu-event a:hover {
		background-position: -114px 0;
	}
	
	#menu li#menu-first a {
		background-position: -228px -34px;
	}	
	
	#menu li#menu-first a:hover {
		background-position: -114px -34px;
	}
		
	#menu li#menu-artists a {
		background-position: -228px -68px;
	}
			
	#menu li#menu-artists a:hover {
		background-position: -114px -68px;
	}
			
	#menu li#menu-program a {
		background-position: -228px -102px;
	}
				
	#menu li#menu-program a:hover {
		background-position: -114px -102px;
	}
				
	#menu li#menu-presa a {
		background-position: -228px -170px;
	}
					
	#menu li#menu-presa a:hover {
		background-position: -114px -170px;
	}	
				
	#menu li#menu-contact a {
		background-position: -228px -136px;
	}
					
	#menu li#menu-contact a:hover {
		background-position: -114px -136px;
	}
					
	#menu li#menu-thx a {
		background-position: -228px -204px;
	}
					
	#menu li#menu-thx a:hover {
		background-position: -114px -204px;
	}
					
	#menu li#menu-signup a {
		background-position: 0 -238px;
	}
					
	#menu li#menu-signup a:hover {
		background-position: -114px -238px;
	}

	
	#menu li#menu-eventActive a {
		background-position: 0 0;
	}
	
	#menu li#menu-eventActive a:hover {
		background-position: 0 0;
	}
	
	#menu li#menu-firstActive a {
		background-position: 0 -34px;
	}	
	
	#menu li#menu-firstActive a:hover {
		background-position: 0 -34px;
	}
		
	#menu li#menu-artistsActive a {
		background-position: 0 -68px;
	}
			
	#menu li#menu-artistsActive a:hover {
		background-position: 0 -68px;
	}
			
	#menu li#menu-programActive a {
		background-position: 0 -102px;
	}
				
	#menu li#menu-programActive a:hover {
		background-position: 0 -102px;
	}
				
	#menu li#menu-presaActive a {
		background-position: 0 -170px;
	}
					
	#menu li#menu-presaActive a:hover {
		background-position: 0 -170px;
	}		
			
	#menu li#menu-contactActive a {
		background-position: 0 -136px;
	}
					
	#menu li#menu-contactActive a:hover {
		background-position: 0 -136px;
	}
				
	#menu li#menu-thxActive a {
		background-position: 0 -204px;
	}
					
	#menu li#menu-thxActive a:hover {
		background-position: 0 -204px;
	}
	
#content h1 {
	font-size: 22px; font-weight: normal;
}
	
#content div {
	padding: 15px 0 0;
}	

#content center {
	padding: 95px 0 0;
	font-size: 12px; 
}

#content p {
	padding-bottom: 15px; line-height: 16px;
	font-size: 12px;
}

#content p span {
	display: block; padding-bottom: 5px;
}

#content a {
	text-decoration: underline;
}
#content a:hover {
	text-decoration: none;
}

#content div#quot {
	padding: 0;
}

#content div#quot p {
	font-size: 12px; font-style: italic; color: #999;
}
#content div#quot big {
	font-size: 22px; font-style: italic; color: #000; 
}

#pageFoot1 {
	width: 790px;margin-left: 245px; padding-bottom: 5px; margin-top: -15px;
	color: #999; font-size: 12px; text-align: center; 

}
#pageFoot2 {
	width: 790px;height: 95px; margin-left: 245px;
	background: url(parteneri.gif) no-repeat center center;
	border-top: solid 1px #ccc;
}


#artistsList li {
	float: left;
}
	
	#content .rc{
		padding: 0;
	}
		
	#content .rc div{
		height: 5px; width: 5px; overflow: hidden; 
		background-repeat: no-repeat;
	}
	
	#content .rcTL{
		float: left;
		background-position: left top;
	}
			
	#content .rcTR{
		float: right;
		background-position: -5px top;
	}
	
	#content .rcBL{
		float: left;
		background-position: left -5px;
	}
			
	#content .rcBR{
		float: right;
		background-position: -5px -5px;
	}
	
	#content .rc div.rcC{
		width: auto;  height: auto; font-size: 3px; line-height: 4px;
		background: none;
	}
	
	
/* ***********************************
	Rounded corners
/* ***********************************/	

	/* User img */

		#content div.user-img-rc div{ background-image: url('http://www.breslo.ro/visual/user-img-rc.gif'); padding: 0; }
		#content div.user-img-rc div.user-img-rcTC{ border-top: solid 1px #cfcfcf; }						
		#content div.user-img-rc div.user-img-rcBC{ border-bottom: solid 1px #cfcfcf; }
		
		

#content #hearts-me {
	padding: 0;
}


	#user-img{
		float:left; width:145px;
	}

		#user-img center{
			padding: 13px 0px;
			border: solid 1px #cfcfcf; border-top: none; border-bottom: none;
		}
			
		#user-img a{
			display: block; width: 104px; height: 104px; padding: 2px;
			border: solid 1px #fff;
		}
		
		#user-img a:hover{
			border: solid 1px #cfcfcf;
		}
			
		#user-img img{
			display: block; width: 104px; height: 104px;
		}

		

	#user-details {
		float:left; width: 110px; overflow: hidden;
		text-align:center;
	}
	
			#user-details  ul {
				padding-left: 15px;
			}

				#user-details  li {
					font-size:16px; font-weight:bold; color:green; text-align:;
				}
				
				
					#user-details  li small {
						font-size:12px; font-weight:normal; color:#999;
						padding-bottom:15px; display:block;
					}
				
				
				
					#user-details  li a {
						font-size:13px; font-weight:normal; color: #333; text-decoration:none;
					}
					
					#user-details  li a:hover {
						color: green;
					}


					#user-details  li.no-prods {
						padding-top:20px;
					}					

					#user-details  li.no-prods a{
						font-size:24px; color:green; font-weight:bold;
						padding:0px;
					}					

					
					#user-details  li.user-name {
						padding:20px 0 20px 0;
					}
		
					#user-details  li.user-name a{
						font-size:16px; font-weight:bold; color: green;
					}
		
					#user-details  li.user-name a:hover{
						text-decoration:underline;
					}
					
					
					#user-details  li img { /* pentru buletul dintre shop si profile */
						padding:2px;
					}
					
					
				
	#content #user-hearts {
		float: left; width: 210px; padding: 15px 0 0 10px; 
	}
	
		#user-hearts p {
			padding-top:100px;
			text-align:center; color: #999; font-size:14px;
		}
	
		#user-hearts ul {
		}
	
			#user-hearts li {
				float:left; margin:5px; width:92px;
			}
			
				#user-hearts li a {
					padding:0 5px; display:block; width:80px; height:80px;
					border-left:1px solid #ddd;
					border-right:1px solid #ddd;
				}

					#user-hearts li a img {
						display:block;
					}