/********************************************************************/
/*   GENERAL  */
/********************************************************************/

*{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
html,body{margin: 0;border: 0;padding: 0;}
div{
	margin: 0;
	padding: 0;
	}
div.hr{
	margin: 5px auto;
	height: 1px;
	border: none;
	border-top: 1px dashed #090;
	}
br.clear{
	clear:both;
	font-size: 1px;
	}

#main_wrapper{
	width: 750px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	}

.black{
	color: #333;
	}
.green{
	color: #090;
	}

h1{
	font-size: 20px;
	font-weight: normal;
	}
h2{
	font-size: 18px;
	font-weight:normal;
	}
h3{
	font-size: 16px;
	font-weight: normal;
	}
h4{
	font-size: 12px;
	font-weight: normal;
	}

ul{
	margin: 0;
	padding: 0;
	list-style: none;
	}
li {
	padding: 3px;
	padding-left: 20px;
	background: url(images/bullet_arrow_grey.gif) no-repeat 12px 3px;
	}
a{
	color: #090;
	text-decoration: none;
	}
a:hover{
	color: #333;
	text-decoration: underline;
	}
h3.headline{
	margin: 0;
	padding: 5px 0 0 10px;
	color: #ff2b2b;
	font-weight: bold;
	}

/*   LIST MENU   */
/********************************************************************/
div.list_menu{
	width: 180px;
	margin: 10px 0;
	padding: 0;
	font-size: 10px;
	float: left;
	}
div.list_menu ul{
	margin:0;
	padding: 0;
	list-style: none;
	}
div.list_menu li{
	margin: 0 0 3px 0;
	padding: 3px 10px;
	background: url(images/bullet_arrow_grey.gif) no-repeat #eee 2px;
	}
div.list_menu a{
	color: #333;
	text-decoration: none;
	}
div.list_menu a:hover{
	color: #0b0;
	text-decoration: underline;
	}


/********************************************************************/
/*  LINK-URI  */
/********************************************************************/
a.detalii{
	display: block;
	clear: both;
	width: 66px;
	height: 17px;
	text-decoration: none;
	background: url(images/detalii_normal.gif) no-repeat;
	margin: 5px;
	}
a.detalii:hover{
	background: url(images/detalii_hover.gif) no-repeat;
	}

a.golink{
	display: block;
	clear: both;
	width: 30px;
	height: 17px;
	text-decoration: none;
	background: url(images/go_normal.gif) no-repeat;
	margin: 5px;
	}
a.golink:hover{
	background: url(images/go_hover.gif) no-repeat;
	}

/********************************************************************/
/*   HEADER   */
/********************************************************************/

#header{ 
	width: 100%;
	background: url(images/header_line.gif) bottom repeat-x;
	height: 100px;
	padding-top: 30px;
	border-bottom: 1px solid #0b0;
	}
#logo{
	float: left;
	height: 80px;
	margin-bottom: 20px;
	width: 190px;
	background: url(images/logo.gif) no-repeat #fff;
	}
#header_details{
	float: right;
	height: 57px;
	width: 560px;
	}
#header_menu{
	float: right;
	height: 31px;
	width: 560px;
	margin-bottom: 12px;
	}
#header_menu a{
	background: url(images/button_normal.gif);
	display: block;
	float: left;
	width: 102px;
	height: 31px;
	margin: 0 5px !important;
	margin: 0 3px;
	text-align: center;
	line-height: 30px;
	font-size: 11px;
	font-weight:bold;
	color: #333;
	text-decoration: none;
	}
#header_menu a.longtext{
	line-height: 15px;
	}
#header_menu a:hover{
	background: url(images/button_over.gif);
	}


/********************************************************************/
/*   FIRST PAGE BANNER  */
/********************************************************************/

#bnr_container{
	width: 100%;
	background: url(images/bnr1.jpg) no-repeat left;
	height: 209px;
	border-bottom: 1px solid #cf9;
	}
#bnr_container h1.black{
	font-size: 18px;
	font-weight: normal;
	margin: 0;
	margin-left: 240px;
	color: #333;
	padding: 15px;
	}
#bnr_text{
	margin-left: 270px;
	}
#bnr_container h1.green{
	color: #090;
	font-size: 20px;
	font-weight: normal;
	}
#bnr_container p{
	font-size: 11px;
	color: #333;
	}

/********************************************************************/
/*   PAGE BANNER   */
/********************************************************************/
div.banner_utilizare,div.banner_avantaje,div.banner_cum_devii,div.banner_cautare,div.banner_oferte_speciale{
	width: 530px;
	float: left;
	height: 150px;
	}
div.banner_utilizare h1,div.banner_avantaje h1,div.banner_cum_devii h1,div.banner_cautare h1,div.banner_oferte_speciale h1{
	color: #333;
	padding: 100px 0 0 50px;
	margin: 0;
	}
div.banner_utilizare{
	background: url(images/banner_utilizare.jpg) no-repeat #fff;
	}
div.banner_avantaje{
	background: url(images/banner_avantaje.jpg) no-repeat #fff;
	}
div.banner_cum_devii{
	background: url(images/banner_cum_devii.jpg) no-repeat #fff;
	}
div.banner_cautare{
	background: url(images/banner_cautare.jpg) no-repeat #fff;
	}
div.banner_oferte_speciale{
	background: url(images/banner_cautare.jpg) no-repeat #fff;
	}

/********************************************************************/
/*   CONTAINER   */
/********************************************************************/

#container_wrapper{
	width: 100%;
	border-bottom: 1px solid #cf9;
	}
#left_column{
	float: left;
	width: 190px;
	}
#main_content{
	float: left;
	width: 550px;
	font-size: 11px;
	}
#main_content p{
	margin: 0;
	padding: 10px 10px 5px 10px;
	}
p.checked{
	padding: 10px 10px 5px 10px;
	background: url(images/icon_check.gif) no-repeat 10px 5px;
	}
#main_content p.checked{
	padding: 10px 10px 5px 60px;
	background: url(images/icon_check.gif) no-repeat 40px 10px;
	}
#main_content p.description{
	margin: 0;
	padding: 5px 0 0 20px;
	}


/********************************************************************/
/*  BOXES */
/********************************************************************/

/*  SQUARE BOX 230PX  */
/********************************************************************/
div.squarebox230green,div.squarebox230white{
	width: 230px;
	font-size: 11px;
	padding: 0;
	margin: 10px 10px 10px 8px;
	float: left;
	}
div.squarebox230green{
	background: #dfb;
	}
div.squarebox230green img,div.squarebox230white img{
	margin: 5px;
	border: none;
	}
div.squarebox230green h2,div.squarebox230white h2{
	font-size: 17px;
	font-weight: normal;
	color: #333;
	padding: 5px 10px;
	margin: 0px;
	}
div.squarebox230green p,div.squarebox230white p{
	padding: 5px;
	margin: 0;
	}


/*  ROUND BOX 180PX  */
/********************************************************************/
div.roundbox180green,div.roundbox180white{
	width: 180px;
	padding: 0;
	margin: 5px;
	}
div.roundbox180green .header,div.roundbox180white .header,div.roundbox180green .footer,div.roundbox180white .footer{
	width: 180px;
	height: 10px;
	font-size: 1px;
	}
div.roundbox180green .content,div.roundbox180white .content{
	width: 180px;
	font-size: 10px;
	}
div.roundbox180green p,div.roundbox180white p{
	padding: 10px;
	margin: 0;
	}
div.roundbox180green h2,div.roundbox180white h2,div.roundbox180green h3,div.roundbox180white h3{
	margin: 0px;
	padding: 5px;
	}
div.roundbox180green .header{
	background: url(images/180box_green_head.gif) no-repeat;
	}
div.roundbox180green .footer{
	background: url(images/180box_green_footer.gif) no-repeat;
	}
div.roundbox180green .content{
	background: url(images/180box_green_back.gif) repeat-y;
	}
div.roundbox180white .header{
	background: url(images/180box_white_head.gif) no-repeat;
	}
div.roundbox180white .footer{
	background: url(images/180box_white_footer.gif) no-repeat;
	}
div.roundbox180white .content{
	background: url(images/180box_white_back.gif) repeat-y;
	}

	

/*  ROUND BOX 230PX */
/********************************************************************/
div.roundbox230green,div.roundbox230grey,div.roundbox230lime{
	width: 230px;
	font-size: 11px;
	padding: 0;
	margin: 10px 7px;
	float: left;
	}
div.roundbox230green p,div.roundbox230grey p,div.roundbox230lime p{
	padding: 10px;
	margin: 0;
	}
div.roundbox230green .content,div.roundbox230grey .content,div.roundbox230lime .content{
	background: url(images/230box_back.gif) repeat-y;
	width: 230px;
	}
div.roundbox230green .footer,div.roundbox230grey .footer,div.roundbox230lime .footer{
	background: url(images/230box_footer.gif) no-repeat;
	width: 230px;
	height: 10px;
	}
div.roundbox230green .header,div.roundbox230grey .header,div.roundbox230lime .header{
	width: 230px;
	height: 31px;
	line-height: 31px;
	font-size: 18px;
	text-align: center;
	}
div.roundbox230green .header{
	background: url(images/230box_green_head.gif) no-repeat;
	}
div.roundbox230grey .header{
	background: url(images/230box_grey_head.gif) no-repeat;
	}
div.roundbox230lime .header{
	background: url(images/230box_lime_head.gif) no-repeat;
	}
div.roundbox230green ul,div.roundbox230grey ul,div.roundbox230lime ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
	}
div.roundbox230green li,div.roundbox230grey li,div.roundbox230lime li{
	padding-left: 20px;
	background: url(images/bullet_arrow_green.gif) no-repeat 10px 4px;
	}
div.roundbox230green a,div.roundbox230grey a,div.roundbox230lime a{
	color: #333;
	text-decoration: none;
	}
div.roundbox230green a:hover,div.roundbox230grey a:hover,div.roundbox230lime a:hover{
	color: #090;
	}

/*  SMALL GREEN BOX   */
/********************************************************************/
div.smallgreenbox{
	width: 130px;
	height: 65px;
	background: url(images/smallgreenbox.gif) no-repeat;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	float: left;
	}
div.smallgreenbox p{
	padding: 15px;
	}
div.smallgreenbox a{
	color: #090;
	}
div.smallgreenbox a:hover{
	color: #333;
	}



/*  FULL SECTION   */
/********************************************************************/
div.fullsection{
	width: 100%;
	margin: 0px;
	padding: 10px;
	float: left;
	border-bottom: 1px solid #cf9;
	font-size: 11px;
	}
div.fullsection h1,div.fullsection h2,div.fullsection h3,div.fullsection h4{
	padding: 5px 10px;
	margin: 0;
	}
div.fullsection p{
	padding: 5px 10px 5px 25px;
	margin: 0;
	}

/********************************************************************/
/*  FORMULAR CAUTARE   */
/********************************************************************/	

#search_form{
	width: 230px;
	padding: 0;
	margin: 10px 5px;
	background: url(images/hdr_find_bg.gif) right top no-repeat #ebf5eb;
	font-size: 10px;
	float: left;
	}
#search_form h2{
	font-size: 17px;
	font-weight: normal;
	color: #333;
	padding: 5px 10px;
	margin: 0px;
	}
#search_form a{
	color: #0b0;
	text-decoration: none;
	}
#search_form a:hover{
	color: #333;
	text-decoration: underline;
	}
#search_form p{
	padding: 5px;
	margin: 0;
	clear: both;
	}
#search_form label{
	display: block;
	float: left;
	width: 80px;
	text-align: right;
	padding-right: 5px;
	}
#search_form input,#search_form select{
	font-size: 10px;
	background: #fff;
	border: 1px solid #ccc;
	width: 100px;
	}
	
/********************************************************************/
/*  FORMULAR CONTACT   */
/********************************************************************/	

#form_contact{
	width: 250px;
	padding: 0;
	margin: 10px 5px;
	font-size: 10px;
	float: left;
	}
#form_contact h2{
	font-size: 17px;
	font-weight: normal;
	color: #333;
	padding: 5px 10px;
	margin: 0px;
	}
#form_contact a{
	color: #0b0;
	text-decoration: none;
	}
#form_contact a:hover{
	color: #333;
	text-decoration: underline;
	}
#form_contact p{
	padding: 2px;
	margin: 0;
	clear: both;
	}
#form_contact label{
	display: block;
	float: left;
	width: 80px;
	text-align: right;
	padding-right: 5px;
	}
#form_contact input,#form_contact select,#form_contact textarea{
	font-size: 10px;
	background: #fff;
	border: 1px solid #ccc;
	width: 120px;
	}
#form_contact textarea {
	width: 140px;
	overflow: auto;
	}
/********************************************************************/
/*  FOOTER   */
/********************************************************************/
	
#footer{
	width: 100%;
	color: #999;
	font-size: 11px;
	border-top: 1px solid #ccc;
	text-align: center;
	}
#footer a{
	color: #999;
	text-decoration:none;
	}
#footer a:hover{
	color: #0b0;
	text-decoration: underline;
	}

/********************************************************************/
/*  TOOLTIP IMAGE   */
/********************************************************************/

div#tipDiv {
	position:absolute;
	visibility:hidden;
	left:0;
	top:0;
	z-index:10000;
	background-color: #dee7f7;
	border: 1px solid #336;
	/*width:400px; */
	padding:4px;
	color:#000;
	font-size:11px; 
	line-height:1.2;
	}

	
#of_sp{
	display: block;
	width: 197px;
	height: 79px;
	background: url(images/oferta_speciala.jpg) no-repeat;
	border: none;
	position: absolute;
	top: 0;
	right: 50px;
	}