/* CSS Document */
body {
	background:#FFF;
	margin:0px;
	padding:0px;
	font-family:Helvetica, sans-serif;
	font-size:12px;
}

p {
	margin:0px;
}

h1 {
	color:#FFFFFF;
	font-weight:600;
	font-size:14px;
	margin:0px
}

* { behavior: url(../iepngfix.htc) }

/* tabel */
.baratop {
	background:url(../images/top-box.png)
}

/* text */
.alb {
	color: #FFFFFF;
}

.dark {
	color: #333;
}

.mediumdark {
	color: #666;
}

.gri {
	color: #CCC;
}

.verde {
	color: #669900;
}

.albastru {
	color: #336699;
}

.rosu {
	color: #CC0000;
}

.rosuover:hover {
	color: #FFF;
	background:#CC0000
}

.light {
	color: #666;
}

.xsmall {
	font-size: 10px;
}

.small {
	font-size: 11px;
}

.medium {
	font-size: 13px;
}

.large {
	font-size: 14px;
}

.bold {
	font-weight:600;
}

.underline {
	text-decoration: underline;
}

.underlineover:hover {
	text-decoration: underline;
}

.nonunderlineover:hover {
	text-decoration: none;
}

.eroare {
	color:#CC0000;
}

.rec, .rc:hover {
	color:#333333;
	background:#FFFFFF
}

.recomandari:hover {
	text-decoration:none;
	color:#333;
	background:#FFFFFF
}

/* divs */
div.hidden {
	display:none;
}

div.visible {
	display:block;
}

/* link */
a {
	text-decoration: none;
}

a.gri_link {
	color: #666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:400;
	text-decoration:none;
}

a.gri_link:hover {
	color: #FFF;
	background:#666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:400;
	text-decoration:none;
}

a.b_link {
	color: #ff00cc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:400;
	text-decoration:none;
}

a.b_link:hover {
	color: #FFF;
	background:#ff00cc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:400;
	text-decoration:none;
}


/* form */
select.hidden {
	display:none;
}

select.visible {
	display:inline
}

.cautare {
	font-size: 16px;
	font-weight:600;
}

.cautare1 {
	font-size: 14px;
	font-weight:600;
	font-family:Arial, Helvetica, sans-serif;
	border:0px;
}

.buton_cautare {
	color:#fff;
	font-size:15px;
	font-weight:600;
	background:url(../images/search-button.png);
	width: 100px;
	height:27px;
	border:0;
	margin:0;
	padding:0;
	vertical-align:middle;
	font-family:Helvetica, sans-serif;
	cursor:pointer
}

/* image */
.middle {
	vertical-align: middle
}

/* table */
.meniu {
	background: #efefef;
	border:1px solid #ccc;
	border-top:none;
}

.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 670px;
	height:120px;

	/* custom decorations */
	border:1px solid #ccc;
	background:#efefef;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */

}

/* single scrollable item */
.scrollable img {
	float:left;
	background-color:#efefef;
	border:0px;
	cursor:pointer;
	width:120px;
	height:80px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	z-index:9999;
	position:relative;
}

/* remove margins from the image */
.items img {
	margin:0;
}

/* make A tags our floating scrollable items */
.items a {
	display:block;
	float:left;
	margin:7px 7px;
} 

 a.select { 
	width: 185px; height: 27px;
	display: block; padding-left: 10px; 
	color: #666; font-size: 14px; text-decoration: none !important; 
	font-weight: bold; line-height: 28px;
	background-color: transparent; background-position: top left; background-repeat: no-repeat;
	float: left; clear: both;
	outline: none;
	font-family:Arial, Helvetica, sans-serif
	}
    a.select:hover { background-position: bottom left; color: #FFF !important; }
    a.select { background-image: url(../images/search-select.png); }/* Use (../images/select_std_bg.png); if you link the stylesheet in the head */
    ul.select_list { 
	 left:294px;
	position: absolute; 
	width: 195px; background: #FFF; 
	border: 1px solid #333; 
	list-style-type: none; 
	display: none; 
	z-index: 999; 
	margin: 0; margin-top: 27px;
	cursor: pointer; 
	height: auto;
	overflow: auto;
	}
    ul.select_list li { width: 195px; line-height: 2em; padding-left: 10px; color: #333333; background-color: #fff; display: block}
    ul.select_list li:hover, ul.select_list li.hover, ul.select_list li.selected { background-color: #333 !important; color: #FFF !important; }
    /* For Long lists */
    ul.long-list { height: 145px !important; } 
    ul.long-list li { width: 167px !important; }
    .hidden { display: none; }
	
	
.search_text {
	background:url(../images/search-box.png);
	background-repeat:no-repeat;
	height:30px;
	width:425px;
	padding-left:40px
}