body {
	background: #84527b url('../images/bg_top50_brands.png') repeat-x scroll top left;
	color: #fff;
	font: normal 12px Arial,Tahoma,Verdana;
}
#site {
	width: 900px;
	margin: 0 auto;
}

.player {
	background:url("http://www.top50brands.ro/images/bg-player.png") no-repeat scroll left top transparent;
	display:block;
	width:486px;
	height:339px;
	position:absolute;
	top:-9px;
	left:180px;
}

a {
	color: #fff;
	text-decoration: none;
}

.flt-left { float: left }
.flt-right { float: right }

hr {
	height: 1px;
	margin: 10px 0;
	padding: 0;
	border: 0;
	border-bottom: 1px solid #3c4347;
}

/* header */
#header {
	display: block;
	position: relative;
}

	#header .block {
		display: block;
	}

	/* logo */
	#logo {
		display: block;
		position: absolute;
		width: 187px;
		height: 73px;
		background: url('../images/logo_top50_brands.png') no-repeat scroll top left;
		text-indent: -999999px;
		top: 5px;
		left: 0;
	}

	/* ads */
	.ads {

	}

	/* menu */
	#menu {
		display: block;
		position: relative;
		margin-top: 10px;
	}
		#menu ul {
			display: block;
			background: url('../images/menu_left.png') no-repeat scroll top left;
			padding-left: 8px;
			height: 42px;
		}
			#menu ul li {
				display: block;
				float: left;
				height: 29px;
				padding: 13px 13px 0 10px;
				background: #3c4347 url('../images/menu_bullet.png') no-repeat scroll center right;
			}
				#menu ul li a:hover {
					text-decoration: underline;
				}
				#menu ul li.special a {
					color: #bcd261;
				}
				#menu ul li.first {
					padding-left: 0;
				}
				#menu ul li.long {
					background: #3c4347;
					width: 248px;
				}
				#menu ul li.last {
					background: #3c4347;
					width: 103px;
					float: right;
					margin-right: 140px;
				}

		/* icon */
		#icon {
			display: block;
			position: absolute;
			right: 0;
			top: -28px;
			width: 173px;
			height: 92px;
			background: url('../images/icon.png') no-repeat scroll top right;
		}
			#icon img {
				position: absolute;
				top: -35px;
				right: 8px;
			}

/* content */
#content {
	display: block;
	margin-top: 21px;
}
	/* corners */
	#content #top, #content #bottom {
		display: block;
		position: relative;
		background: #fff;
		height: 17px;
		margin-left: 17px;
		z-index:-1;
	}
		#content #top span, #content #bottom span {
			display: block;
			position: absolute;
			left: -17px;
			top: 0;
			width: 17px;
			height: 17px;
			background: url('../images/corners.png') no-repeat scroll top left;
		}

	#content #bottom {
		margin: 0 17px;
	}
		#content #bottom span {
			background: url('../images/corners.png') no-repeat scroll bottom left;
		}
		#content #bottom span.right {
			right: -17px;
			left: auto;
			background: url('../images/corners.png') no-repeat scroll bottom right;
		}

	/* line */
	#line {
		display: block;
		height: 3px;
		background: #fff;
		border-top: 5px solid #84527b;
		border-bottom: 5px solid #84527b;
	}

	/* site */
	#middle {
		padding: 17px 24px 10px 24px;
		background: #fff;
		color: #000;
		min-height:600px;
	}
		#middle #left {
			display: block;
			float: left;
			width: 280px;
		}
		#middle #right {
			display: block;
			float: right;
			width: 526px;
		}

		/* left */
		#middle #left .block {
			display: block;
			margin-bottom: 10px;
			text-align: center;
		}
			#middle #left .block.last {
				margin: 0;
			}

		#middle .recomanda {
			display: block;
			width: 280px;
			height: 33px;
			margin-bottom: 10px;
			text-align: center;
		}

		#middle .mrecomanda {
			display: block;
			width: 755px;
			height: 33px;
			margin-bottom: 10px;
			text-align: center;
		}

		/* right */
		#middle #right .block {
			display: block;
			margin-bottom: 10px;
			text-align: center;
		}

		#middle #pasi {
			width:852px;
			height:43px;
			background:#8a8989 no-repeat;
			list-style:none;
			margin:29px 0 24px 0;
			padding:0;
		}
			#middle #pasi li{
				height:33px;
				padding:4px 30px 6px 10px;
				float:left;
				color:#fff;
				font-family:Times New Roman;
			}
			#middle #pasi li.selected {
				background:url(../images/libg-right.gif) no-repeat top right #3c4347;

			}
			#middle #pasi li.selected-last {
				width:98px;
				background:#3c4347;
			}
			#middle #pasi span {
				font-size:30px;
				display:block;
				float:left;
			}
			#middle #pasi p {
				float:left;
				margin:1px 0 0 4px;
				padding:0;
				font-size:18px ;
				line-height:16px;
				text-align:center;
			}

		#middle #listatop-up {
			width:852px;
			height:28px;
			background:#8a8989 no-repeat;
			list-style:none;
			margin:20px 0 0 0;
			padding:0;
			float:left;
		}
			#middle #listatop-up li {
				height:28px;
				float:left;
			}
				#middle #listatop-up li a {
					height:24px;
					color:#fff;
					font-family:Times New Roman;
					font-size:16px;
					text-decoration:none;
					display:block;
					padding:4px 31px 0 31px;
				}
					#middle #listatop-up li a:hover, a.selected{
						background:#3c4347;
					}


		#middle #listatop-down{
			width:852px;
			height:28px;
			background:#8a8989 no-repeat;
			list-style:none;
			margin:1px 0 30px 0;
			padding:0;
			float:left;
		}
			#middle #listatop-down li{
				height:28px;
				float:left;
			}
				#middle #listatop-down li a{
					height:24px;
					color:#fff;
					font-family:Times New Roman;
					font-size:16px;
					text-decoration:none;
					display:block;
					padding:4px 33px 0 33px;
				}
					#middle #listatop-down li a:hover, a.selected{
						background:#3c4347;
					}


		#middle #contact{
			width:852px;
			height:43px;
			background:#8a8989 no-repeat;
			list-style:none;
			margin:20px 0;
			padding:0;
			float:left;
		}
			#middle #contact li{
				height:43px;
				float:left;
			}
				#middle #contact li a{
					height:39px;
					color:#fff;
					font-family:Times New Roman;
					text-decoration:none;
					display:block;
					padding:4px 20px 0 20px;
					text-align:center;
					font-size:18px ;
					line-height:16px;
				}
					#middle #contact a:hover, a.selected{
						background:#3c4347;
					}

		#middle .grey{
			font-family:Times New Roman;
			font-size:18px;
			color:#3c4347;
			margin-left:2px
		}
		#middle .grey-left{
			font-family:Times New Roman;
			font-size:18px;
			color:#3c4347;
			margin-left:4px;
			display:block;
			float:left;
		}
		#middle .grey-right{
			font-family:Times New Roman;
			font-size:18px;
			color:#3c4347;
			margin-left:337px;
			display:block;
			float:left;
		}

		#middle .grey2{
			font-family:Times New Roman;
			font-size:14px;
			color:#3c4347;
		}
		#middle #greybg{
			width:833px;
			background:#8a8989;
			padding:6px;
			margin:0px auto;
			font-family:Tahoma;
			color:#fff;
			font-size:11px;
			margin-bottom:30px;
		}


		#middle .clienti {
			width:852px;
			text-align:center;
			margin-bottom:20px;
			float:left;
		}
			#middle .clienti img {
				margin:0 9px;
				border:0;
			}

		#middle #text2 {
			padding:5px 4px;
		}
			#middle #text2 h2{
				margin:0;
				padding:12px 0 4px 0;
				font-size:18px;
				color:#84b868;
				font-weight:normal;
			}

		#middle #text{
			position:relative;
			border-top:1px solid #3c4347;
			border-bottom:1px solid #3c4347;
			padding:15px 4px;
			margin:2px;
			color:#000;
		}
			#middle #text .cleft1{
				width:480px;
				float:left;
				text-align:left;
			}
			#middle #text .cleft11{
				width:220px;
				float:left;
			}
				#middle #text .cleft11 span{
					color:#65a968;
					font-size:13px;
					font-weight:bold;
				}
			#middle #text .cright1{
				float:left
			}
				#middle #text .cright1 span{
					color:#65a968;
					font-size:13px;
					font-weight:bold;
				}

		#middle #text .black{
			font-size:11px
		}

		#middle #text #left{
			float:left;
			width:274px
		}
			#middle #text #left.m1{
				padding-bottom:80px
			}

		#middle #text #right{
			float:right;
			width:416px;
		}

		#middle #text #right2{
			float:left;
			width:274px;
			margin-left:80px;
		}

		#middle #text .t1, #middle #text2 .t1{
			width:212px;
			height:28px;
			background:#3b4346;
			border:1px solid #fff;
			padding-left:6px;
			font-size:13px;
			font-weight:bold;
			color:#fff;
		}
		#middle #text .t2, #middle #text2 .t2{
			width:171px;
			height:28px;
			background:#6c6c6c;
			border:1px solid #fff;
			padding-left:6px;
			color:#fff;
		}
			#middle #text .t2 a, #middle #text2 .t2 a{
				font-size:11px;
				color:#bcd35e;
				margin-left:14px
			}
			#middle #text .t2 span, #middle #text2 .t2 span{
				float:left;
				display:block;
				width:60px;
				text-align:center
			}

		#middle #text .t3, #middle #text2 .t3{
			width:97px;
			height:28px;
			background:#84b768;
			border:1px solid #fff;
			padding-left:6px;
			color:#fff;
			text-align:center;
		}

		#middle #text .t4{
			width:94px;
			height:28px;
			background:#3b4346;
			border:1px solid #fff;
			padding-left:6px;
			color:#fff;
		}
			#middle #text .t4 select.s1 {
				border:1px solid #9c9c9c;
				color:#000000;
				font-family:Arial,Helvetica,sans-serif;
				font-size:12px;
				height:21px;
				text-decoration:none;
				width:59px;
				float:right;
				margin-right:4px;
			}
			#middle #text .t4 input.check{
				float:left;
				margin-top:4px;
			}

		#middle #text2 .t4{
			width:73px;
			height:28px;
			background:#3b4346;
			border:1px solid #fff;
			color:#fff;
			text-align:center;

		}
			#middle #text2 .t4 a{
				font-size:11px;
				color:#bcd35e;
			}

		#middle #text ul.preturi, #middle #text2 ul.preturi{
			list-style:none;
			margin:12px 50px 30px 120px;
			padding:0;
			float:left
		}
			#middle #text ul.preturi li.li1, #middle #text2 ul.preturi li.li1{
				width:130px;
				height:30px;
				padding-top: 2px;
				color:#3c4347;
				font-weight:bold;
				margin-right:100px;
				float:left
			}

			#middle #text ul.preturi li.li2, #middle #text2 ul.preturi li.li2{
				width:130px;
				height:30px;
				padding-top: 2px;
				color:#3c4347;
				font-weight:bold;
				float:left;
			}

			#middle #text span.red, #middle #text2 span.red{
				font-size:15px;
				color:#ad7ea8
			}

			#middle #text span.blue, #middle #text2 span.blue{
				font-size:15px;
				color:#739fd0
			}

			#middle #text span.green, #middle #text2 span.green{
				font-size:15px;
				color:#6fc919
			}

		#middle #next{
			width:110px;
			height:39px;
			background:url(../images/next.gif) no-repeat;
			padding:4px 15px 0 4px;
			text-align:center;
			position:absolute;
			bottom:26px;
			right:0;
		}

		#middle #next a{
			display:block;
			font-family:Times;
			font-size:18px;
			color:#fff;
			line-height:16px;
			text-decoration:none;
		}

		#middle #next a:hover{
			color:#bad161;
		}


		#middle #send{
			width:74px;
			height:39px;
			background:url(../images/send.jpg) no-repeat;
			padding:4px 56px 0 4px;
			text-align:center;
			position:absolute;
			bottom:10px;
			right:0;
		}

		#middle #send a{
			display:block;
			font-family:Times;
			font-size:18px;
			color:#fff;
			line-height:16px;
			text-decoration:none;
		}

		#middle #send a:hover{
			color:#bad161;
		}

		#middle #text input.contact {
			background-color:#8a8989;
			background-repeat:no-repeat;
			border:0px solid #ffffff;
			width:270px;
			height:19px;
			font-family: Arial;
			font-size:13px;
			color:#ffffff;
			padding: 2px;
			margin: 2px 0 12px 0  ;
		}

		#middle #text input.file1 {
			margin: 2px 0 12px 0  ;
		}

		#middle #text textarea.textarea1 {
			background-color: #8a8989;
			background-repeat:no-repeat;
			border:0px solid #ffffff;
			width:408px;
			height:115px;
			font-family:Arial;
			font-size:13px;
			color:#fff;
			padding:4px 4px 4px 4px;
			margin-top: 2px;
			margin-bottom: 12px
		}

		#middle #text textarea.textarea2 {
			background-color: #8a8989;
			background-repeat:no-repeat;
			border:0px solid #ffffff;
			width:408px;
			height:65px;
			font-family:Arial;
			font-size:13px;
			color:#fff;
			padding:4px 4px 4px 4px;
			margin-top: 2px;
			margin-bottom: 18px
		}

/* filter */
#filter {
	display: block;
	background: url('../images/filter2.png') no-repeat scroll top left;
	padding: 8px 10px 10px 10px;
	height: 23px;
	color: #fff;
	font-weight: bold;
}
	#filter a.star {
		display: block;
		float: left;
		width: 13px;
		height: 15px;
		margin-left: 5px;
		background: url('../images/star.png') no-repeat scroll top left;
	}
	#filter select {
		font: normal 12px Arial,Tahoma,Verdana;
		background: #3c4347;
		color: #fff;
		border: 0;
		cursor: pointer;
	}

/* firma */
.firma {
	display: block;
	float: left;
	width: 422px;
}
	.firma h1 {
		color: #3c4347;
		font-size: 18px;
		margin-bottom: 10px;
	}
	.firma .logo, .firma .details {
		margin-right: 10px;
		display: block;
		float: left;
	}
	.firma .details {
		margin: 0;
	}
	.firma .details a {
		color: #000;
	}

/* list */
.list {
	display: table;
	position: relative;
	margin-bottom: 30px;
}
	.list .table-cell {
		display: table-cell;
		vertical-align: middle;
	}
	.list .logo {
		display: block;
		padding: 10px 10px 10px 0;
		width: 135px;
		margin-right: -1px;
		border-right: 1px solid #e8e8e8;
	}
	.list p {
		display: block;
		padding-left: 10px;
		color: #8f8f8f;
		font-size: 11px;
		width: 270px;
		border-left: 1px solid #e8e8e8;
	}
		.list p a {
			color: #8f8f8f;
		}
		.list p span {
			font-weight: bold;
			color: #000;
		}
		.list p a.localizaref {
			display: block;
			float: left;
			width: 88px;
			height: 17px;
			background: url(../images/localizaref.png) no-repeat scroll top left;
			text-align: center;
			color: #c567a6;
			margin-top: 5px;
			padding-top: 2px;
		}
			.list p a.localizaref:hover{
				color: #fff;
			}
		.list p a.detaliif{
			display: block;
			float: left;
			width: 37px;
			height: 17px;
			background: url(../images/detaliif.png) no-repeat scroll top left;
			text-align: center;
			color: #fff;
			float: left;
			margin: 5px 0 0 2px;
			padding-top: 2px;
		}
			.list p a.detaliif:hover{
				text-decoration:underline
			}


		.list p a.catnunti{
			display: block;
			width: 127px;
			height: 17px;
			background: url(../images/catnunti.png) no-repeat scroll top left;
			text-align: center;
			color: #fff;
			margin: 26px 0 0 0px;
			padding-top: 2px;
		}
			.list p a.catnunti:hover{
				text-decoration:underline
			}


	.list .oferta {
		display: block;
		background: url('../images/oferta_speciala_off.png') no-repeat scroll top left;
		width: 100px;
		height: 97px;
		cursor: default;
	}
		.list .oferta.on {
			background: url('../images/oferta_speciala_on.png') no-repeat scroll top left;
			cursor: pointer;
		}

/* footer */
#footer{
	width:860px;
	height:92px;
	background:#3c4347;
	padding:0 20px;
	position:relative;
}

	.footer_top {
		display: block;
		width:866px;
		position: relative;
		background: #3c4347;
		height: 17px;
		margin-left: 17px;
		margin-top: 20px;
	}
		.footer_top span {
			display: block;
			position: absolute;
			left: -17px;
			top: 0;
			width: 17px;
			height: 17px;
			background: url('../images/corners_black.png') no-repeat scroll top left;
		}
		.footer_top span.right{
			right: -17px;
			left: auto;
			background: url('../images/corners_black.png') no-repeat scroll top right;
		}

	#footer ul{
		float:left;
		list-style:none;
		margin:0 0 28px 0;
		padding:0;
	}

		#footer ul li{
			height:13px;
			border-left:1px solid #fff;
			padding:0 10px;
			float:left;
		}

		#footer ul li.first{
			height:13px;
			border:0;
			padding:0 10px 0 0;
			float:left;
		}

		#footer ul li a{
			color:#fff;
			text-decoration:none;
			font-size:13px;
			font-family:Arial;
		}

		#footer ul li.special a{
			color:#BCD261;
		}

		#footer ul li a:hover{
			text-decoration:underline;
		}

	#footer span {
		display:block;
		font-size:11px;
		width:630px;
		float:left;
	}

		#footer span a{
			font-size:11px;
			color:#fff;
			text-decoration:none;
		}

		#footer span a:hover{
			text-decoration:underline;
		}

	#footer .gototop{
		display:block;
		background:url(../images/go-to-top.gif) no-repeat;
		width:89px;
		height:51px;
		position:absolute;
		top:1px;
		right:22px;
	}

.analytics{
	width:195px;
	height:173px;
	margin: 30px 0 0 77px;
	float: left;
	background:url(../images/statistici.jpg) no-repeat;
}

	.analytics .stat{
		display:block;
		width:50px;
		height:45px;
		float:right;
		text-decoration:none;
	}

//contact



.left5{float: left; width:360px; margin-left:14px; margin-top:20px; border:0px solid red}
.textarea1{ background-color:#626262; width:312px; height:75px; border:0px solid #9C9C9C; color:#FFFFFF; font-family:Tahoma; font-size:8pt }
.buton1{ background: #626262; width:46px; height:18px; border:none; color:#FFFFFF; font-family:Tahoma; font-size:8pt}
.input1{ background-color:#626262; width:312px; height:18px; border:0px solid #9C9C9C; color:#FFFFFF; font-family:Tahoma; font-size:8pt}