/* CSS principal */

body {margin: 0px; padding:0px; background: url(../_img/back.png) center top #FFFFFF repeat-x; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #000000;}

p.align-justify, h1.align-justify, h2.align-justify, h3.align-justify, h4.align-justify, h5.align-justify, h6.align-justify, div.align-justify, address.align-justify { text-align: justify; }

form { padding: 0px; margin: 0px;}	
a:link, a:visited { color:#000000; }
a:hover, a:active { color: #FF6600; }

#main {width: 950px; margin:0px auto;  padding: 0px; }
#a { background:url(../_img/b.jpg) left top repeat-y; padding:0px; margin: 0px; }
#b { background:url(../_img/c.jpg) left bottom no-repeat; padding:0px; margin: 0px; }
#c { background:url(../_img/a.jpg) left top no-repeat; padding:0px; margin: 0px; }

#top1 {  height: 130px; }
#cautareteta { width: 450px; height: 75px; padding: 28px 13px 0px 21px; float: right; color: #CCCCCC; font-family: Arial, Helvetica, sans-serif;}
#cautareteta form.cauta { width: 327px; height: 75px; float: left; }
#cautareteta form.adauga {}
#cautareteta label {font-size: 15px; line-height: 30px; color: #499625;}
#cautareteta .searchtext {margin: 0px 0px 2px 0px; outline:none; padding: 0px; background:#FFFFFF; border: none; font-size: 22px; width: 256px; height: 26px; padding: 0px 2px; color: #003300;}
#cautareteta .searchbut { border: 0px; background:none; color: #FFFFFF; font-size: 16px; width: 50px; height: 27px; outline: none; margin: 0px; vertical-align:top; overflow:hidden;}
#cautareteta .addbut { border: 0px; font-size: 1px; width: 109px; height: 73px; outline: none; margin: 0px; overflow:hidden;}
#cautareteta .opac { margin: 0px;  }
#cautareteta .transp {  margin: 1px 0 0 0; }
#cautareteta a:link, #cautareteta a:visited { color: #499625; text-decoration:none; padding: 0px 2px; font-size: 13px; line-height: 18px; }
#cautareteta a:hover, #cautareteta a:active { color: #000000; text-decoration:none;}


#top2 {  height: 34px;  font-family:  Tahoma, Arial, Helvetica, sans-serif; font-size: 14px; color: #FF6600; text-align: center; line-height: 34px; }
#top2 a:link, #top2 a:visited {text-decoration: none; color: #000000; margin: 0px 12px; font-size: 21px;}
#top2 a:hover, #top2 a:active {text-decoration: none; color: #FF6600; font-size: 21px;}



	#utile {font-size: 12px; color: #999999; text-align:center; padding: 2px 15px 0px 15px; font-family:Arial, Helvetica, sans-serif; line-height: 26px;}
	#utile a:link,  #utile a:visited { color: #000000; text-decoration: none; }	
	#utile a:hover, #utile a:active { color: #9F5722; text-decoration: underline;  }	
		a.x1 {font-size: 10px;}
		a.x2 {font-size: 12px;}
		a.x3 {font-size: 14px;}	

	#utile .utilel {float: left}
	#utile .utiler {float: right}




#continut { width: 595px; float: left;  padding: 0px 24px 10px 20px; margin:0px;  }

	.x {font-size: 11px;}
	.xx {font-size: 13px;}
	.xxx {font-size: 15px;}
	
	

	#cautare { background-color: #F1F1F1; padding: 15px; font-size: 90%;}
	#cautare form {margin: 0px; padding: 0px; }
	#cautare form input.searchxl { width: 75%; font: 17px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #669933; }
	#cautare form input.butsearch { }

	h1 {font-size: 31px; color: #59B002;  margin: 10px 5px 5px 5px; font-weight: normal; font-family:Georgia, "Times New Roman", Times, serif;}
	h1 span { background: url(../_img/gradient.png) left 0px; position: absolute; display: block; width: 590px;  }
	h4 {font-size: 140%; color: #FF7700; margin: 0px; padding: 0px; line-height: 20px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;}
	h5 { font-size: 170%; font-family: Georgia, "Times New Roman", Times, serif; color: #666666; margin: 0px; padding: 0px 0px 0px 6px; font-weight: normal;}
	hr { height: 1px; border: none; border-bottom: 1px dotted #9F5722; clear: both; color: #9F5722; margin: 0px; padding: 6px 0px 0px 0px;}
	hr.light { height: 1px; border: none; border-bottom: 1px dotted #CCCCCC; clear: both; color: #CCCCCC; margin: 0px; padding: 0px 0px 0px 0px;}


/* reteta ------------------------------------------------------------   */	

	div.diverse {margin: 0px; padding: 0px; text-align:center; border: 1px solid #FFFFFF; background-color:#f4f4f4;}
	div.diverse ul { list-style:none; margin: 0px; padding: 0px;  }
	div.diverse ul li { font-size: 11px;  border-left: 2px dotted #FFFFFF; line-height: 11px; display:block; float:left; padding:0px;}
	div.diverse ul li img { border: 0px; margin: 0px 2px 0px 0px; width: 15px; height: 22px; float: left;}
	div.diverse a:link,	div.diverse a:visited, div.diverse a:hover, div.diverse a:active { text-decoration:none; display:block; padding: 5px 7px; white-space:nowrap; }

#recipedet {width: 270px; float: right; padding: 0px; margin: 0px 0px 10px 15px; border: 1px solid #DDDDDD; font-size: 13px;}

	ul.detalii {width: 128px;  display: block; padding: 0px; margin: 0px; list-style:none; }
	ul.detalii li { font-size: 110%; padding: 6px 0px 6px 8px; border-top: 1px solid #DDDDDD; line-height: 14px;}
	ul.detalii li strong { font-size: 80%; color: #FF7700; display:block;}

	div.user { float: right; display: block; padding: 6px 2px; margin: 0px 0px 1px 0px;  border-left: 1px solid #DDDDDD; line-height: 14px; text-align:center;}
	div.user strong { text-decoration:none; line-height: 19px;}
	div.user a { text-decoration:none;}
	div.user .photo { border: 1px solid #000000; }
	div.user span { font-size: 90%; color:#FF7700;}

/*             styles for the star rater                */
	.starrating {margin: 0px 10px; padding:0px; width: 100px; height: 20px; }
	.noteaza0 { background: none; }
	.noteaza1 { background: url(../_img/star_rating0.gif) no-repeat -80px 0px; }
	.noteaza2 { background: url(../_img/star_rating0.gif) no-repeat -60px 0px; }
	.noteaza3 { background: url(../_img/star_rating0.gif) no-repeat -40px 0px; }
	.noteaza4 { background: url(../_img/star_rating0.gif) no-repeat -20px 0px; }	
	.noteaza5 { background: url(../_img/star_rating0.gif) no-repeat   0px 0px; }
	
	.star-rating{ list-style:none; margin: 0px; padding:0px; width: 100px; height: 20px; position: relative; background: url(../_img/star_rating.gif) top left repeat-x;}
	.star-rating li{ padding:0px; margin:0px;
	/*\*/
	float: left;
	/* */
	 }
	.star-rating li a{  display:block; width:20px; height: 20px; text-decoration: none; text-indent: -9000px; z-index: 20; position: absolute; padding: 0px; }
	.star-rating li a:hover{ background: url(../_img/star_rating.gif) left bottom; z-index: 1; left: 0px; }
	.star-rating a.one-star{ left: 0px; }
	.star-rating a.one-star:hover{ width:20px; }
	.star-rating a.two-stars{ left:20px;}
	.star-rating a.two-stars:hover{ width: 40px; }
	.star-rating a.three-stars:hover{ width: 60px; }
	.star-rating a.three-stars{ left: 40px; }
	.star-rating a.four-stars{ left: 60px; }	
	.star-rating a.four-stars:hover, .star-rating a.four-stars.active:hover{ width: 80px; }
	.star-rating a.five-stars{ left: 80px; }
	.star-rating a.five-stars:hover{ width: 100px; }
		
	div.photo { padding: 5px 0px 7px 5px;  border-top: 1px solid #EFEDDE; margin: 5px 0px 0px 0px; display:block; }
	div.photo a:link, div.photo a:visited {display: block; float: left;  background-color: #EFEDDE; padding: 1px; margin: 0px 4px 4px 0px; } 
	div.photo a:hover, div.photo a:active {display: block; float: left;  background-color: #999999; padding: 1px; margin: 0px 4px 4px 0px; } 
	div.photo a img {width: 78px; height: 59px; border: 1px solid #FFFFFF; }
	div.photo a img.x {width: auto; height:auto;  }

	div.ingrediente { margin: 0px; padding: 0px;  }
	div.ingrediente ul { font-style:italic; list-style: url(../_img/bullet.gif) outside; margin: 0px 0px 0px 20px;  padding: 0px;}
	div.ingrediente ul li { margin: 0px; padding: 2px 0px; line-height: 15px;}

	div.preparare { margin: 0px; padding: 0px 0px; text-align: justify; line-height: 18px; }
	div.secrete   { margin: 0px; padding: 0px 0px; text-align: justify; line-height: 16px; }	
	div.povestea  { margin: 0px; padding: 0px 0px; text-align: justify; line-height: 16px;  }	


	div.retete { margin: 0px; padding: 0px; color: #777777; font-size: 80%; line-height: 28px; border-top: 1px solid #EEEEEE;}
	div.retete ul { list-style:none; margin: 0px; padding: 0px; width:50%; float:left;}
	div.retete ul li { margin: 0px; padding: 3px 0px;  border-bottom: 1px solid #EEEEEE;}
	div.retete a:link, div.retete a:hover, div.retete a:active, div.retete a:visited { font-size: 13px;  list-style:none; text-decoration:none;  margin: 0px; padding: 0px;}
	div.retete a img { border: 0px; width: 36px; height: 28px; vertical-align:middle; margin: 0px 5px 0px 0px;}

	div.navigarecatalog {margin: 0px; padding: 0px; color: #777777; }
	div.icocategorii {margin:0px 0px 3px 0px; padding: 0px; text-align:center;}
	div.icocategorii a { display:inline; margin: 0px 3px 0px 0px; padding:0px; width:36px; height: 28px;}
	div.icocategorii a:link img, div.icocategorii a:visited img { border: 0px;  margin: 0px; width:36px; height: 28px; background-color: #FFFFFF; }
	div.icocategorii a:hover img, div.icocategorii a:active img { border: 0px;  margin: 0px; width:36px; height: 28px; background-color: #E1E1E1;}
	div.icocategorii a.active:link img, div.icocategorii a.active:visited img, div.icocategorii a.active:hover img, div.icocategorii a.active:active img { border: 1px solid #CCC; background-color: #F1F1F1;}
	div.linkcategorii {padding: 0px 10px 5px 10px; margin: 0px; background-color: #F7F7F7; border: 1px solid #E1E1E1; }
	div.linkcategorii input { margin: 0px; padding:0px; border: 0px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px; font-weight:bold; width: 400px;  background: none;}
	div.linkcategorii a { white-space: nowrap;}
	div.linkcategorii a.active { text-decoration:none; font-size: 16px; font-weight:bold;}
	div.navigare { padding: 10px; background-color: #E1E1E1; text-align:right; color: #777777;}
	div.navigare strong { color: #000000; font-size: 15px;}
	div.navigare div { float: left; display:block; text-align:left; padding: 3px 0px; margin-bottom: 5px; }
	div.navigare select {margin: 0px 30px 0px 0px;}
	div.navigare a:link, div.navigare a:visited, div.navigare a:hover, div.navigare a:active {display:inline; padding: 1px 7px; margin:0px 3px 0px 0px; text-decoration:none; border: 1px solid #CCCCCC;}
	div.navigare a.large:link, div.navigare a.large:visited, div.navigare a.large:hover, div.navigare a.large:active { font-family: "Times New Roman", Times, serif; font-size: 110%;}
	div.navigare a:link, div.navigare a:visited { background-color:#FFFFFF;}
	div.navigare a:hover, div.navigare a:active { background-color:#669933; color: #FFFFFF;}
	div.navigare a.active:link, div.navigare a.active:visited, div.navigare a.active:hover, div.navigare a.active:active { background-color:#669933; color: #FFFFFF; border: 1px solid #666666;}

	div.listaretete { text-decoration:none; margin: 0px; padding: 0px; color: #777777;}
	div.listaretete ul { margin: 0px; padding: 0px 30px; line-height: 110%;}
	div.listaretete ul li {  margin: 0px; padding: 5px; border-bottom: 1px solid #EEEEEE; list-style-type:none; clear: both;}
	div.listaretete ul li a { text-decoration:none; font-size: 115%; }
	div.listaretete ul li a img.photo { border: 0px; width: 36px; vertical-align: middle; margin: 0px; }
	div.listaretete ul li a img.photo2 { border: 1px solid #666666; width: 60px; vertical-align: bottom; margin: 0px 15px 0px 0px; float:left;}
	div.listaretete span { font-size: 85%; color: #999999; clear: both; }
	div.listaretete span span { color: #CCCCCC; }
	
	div.comment {border: 1px solid #DDDDDD; background-color:#F9F9F9; margin: 20px; padding: 10px; color: #000000; font-size: 13px; }
	div.comment img {margin-right: 10px; float: left; border: 1px solid #666666; width: 35px;}
	div.hr {clear:both; border-bottom: 1px dotted #999999; height: 4px; margin: 0 0 10px 0; padding: 0px;  line-height: 1px; size: 1px;}
	div.comment div {color: #666666; padding: 0 0 5px 0;}
	div.comment center { line-height: 30px;}
		
	#content.form {font-family: Arial, Helvetica, sans-serif; }
	fieldset { padding: 0px 20px 0px 20px; border:1px dotted #CCCCCC; background-color:#FFFFFF;}
	legend {padding: 2px 10px; color: #999999; font-size: 90%; background-color:#FFFFFF;  top:100px; position: static;}
	legend strong { color: #66AA00; }
	fieldset label {font-family: Arial, Helvetica, sans-serif; color: #000000; margin: 0px 8px 5px 0px; font-size: 90%}
	select, textarea, .xl, .xm, .xs, .xls, .xms {border: 1px inset #DDDDDD; font-family: Arial, Helvetica, sans-serif; color: #000000; padding: 2px;} 
	textarea{ overflow: auto; font-size: 100%}
	select.xl { margin: 0 0 6px 0; }
	select strong { color: #669933;}
	.zero {color: #999999}
	.xl {width: 330px;  }
	.xm {width: 160px;  }
	.xs {width: 80px; }
	.xls {width: 215px; font-size: 100%;  }
	.xms {width: 120px; font-size: 100%;  }
	.xss {width: 80px; font-size: 100%; }


	fieldset center { padding: 10px; font-size: 90%;}

	.left {display: block; float: left; width: 160px; text-align:right; padding: 0 20px 0 0;  font-family: Tahoma, Arial, Helvetica, sans-serif; }
		.left span {font-size: 80%; color: #999999; display:block; padding: 2px 0px 10px 0px; font-weight:normal;}
		.left b {color: #FF0000; font-size: 9px;}
	.right {display: block; float: left; color: #000000; }
	.red {color: #FF0000; font-weight: bold;}
	.break {clear: both; line-height: 15px;}

	.aa{ display: none;	position: absolute; }	
	.bb{ display: block; }	
 


.clear { overflow: hidden; width: 100%;}
a.button { background: transparent url('../_img/bg_button_a.gif') no-repeat scroll top right; color: #444; display: block; float: left; font: normal 12px arial, sans-serif;
    height: 24px; margin-right: 6px; padding-right: 18px; text-decoration: none; }
a.button span { background: transparent url('../_img/bg_button_span.gif') no-repeat; display: block; line-height: 14px; padding: 5px 0 5px 18px; } 
a.button:hover { background-position: bottom right; color: #000; outline: none; }
a.button:hover span { background-position: bottom left; padding: 6px 0 4px 18px; } 

.userphoto { border: 1px solid #333333; margin: 0px;}
.userphotosmall { border: 1px solid #333333; margin: 0px; float:left;}
.userdetail { display: block; float: right; width: 380px;}
.userdetail a { white-space: normal;}

p { text-align:justify;}



div.lifestyle {background: url(../_photo/lifestyle_ico.gif) 260px 10px no-repeat;}
div.lifestyle a { width: 172px; height: 35px; display: block; margin: 5px; padding-left: 40px; line-height: 35px; font-weight:bold; text-decoration: none; font-size: 14px; 
background: transparent url('../_img/but_lifestyle.jpg') no-repeat top left; color: #000000;}
div.lifestyle a:hover {background: transparent url('../_img/but_lifestyle.jpg') no-repeat bottom left; color: #339900 }

div.servicii { background: url(../_photo/capsuna.gif) 280px 20px no-repeat;}
div.servicii a { width: 172px; height: 35px; display: block; margin: 5px; padding-left: 40px; line-height: 35px; font-weight:bold; text-decoration: none; font-size: 14px; 
   	background: url('../_img/but_servicii.jpg') no-repeat left top; color: #000000; }
div.servicii a:hover {background: transparent url('../_img/but_servicii.jpg') no-repeat left bottom; color: #339900 }


/* end reteta ------------------------------------------------------------   */	


#meniu { width: 300px; float: left; padding: 0px 0px 15px 0px; margin: 0px; font-size: 14px; color: #499625; line-height: 15px; }
#meniu h3 { margin: 0px 0px 8px 0px; font-weight:normal; font-size: 21px; color: #FF8800;  font-family:  Tahoma, Arial, Helvetica, sans-serif; }
#meniu a:link, #meniu a:visited { color: #50A228; text-decoration: none; font-size: 15px;}
#meniu a:hover, #meniu a:active { color: #000000; text-decoration: none;}
#meniu a:link img, #meniu a:visited img, #meniu a:hover img, #meniu a:active img{ border: 1px solid #499625;}
#meniu hr { height: 1px; border: none;  clear: both; color: #669933; margin: 0px 0px; padding: 0px; }
#meniu hr.light { height: 1px; border: none; border-bottom: 1px dotted #DDDDDD; clear: both; color: #669933; margin: 3px 10px 3px 0px; padding: 0px; }
#meniu form .newsletter {background: #FFFFFF;  height: 19px; width: 190px; border: 1px solid #66CC00; border-right: 0px; padding: 2px 4px 2px 4px; margin: 2px 0px; outline: none; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height: 19px; }
#meniu form .userbut { background: url(../_img/news.gif) right top no-repeat; height: 25px; width:73px; border: 0px; padding: 0px 0px; margin: 2px 0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height: 20px; vertical-align: bottom; color: #000000; }
#meniu .item {padding: 12px 10px; margin: 0px 0px;   border-bottom: 1px dotted #DDDDDD; clear: both;}
#meniu .bucatarullunii img {float: right; margin: 4px 0px 0px 7px;}
#meniu .retetasaptamanii img {margin: 5px 0px;}
#meniu .item ul { list-style: url(../_img/bullet2.gif) inside; padding: 0px; margin: 0px; font-size: 10px; line-height: 18px; }
#meniu .item2 {border-bottom: 1px dotted #DDDDDD; padding: 25px 0px 0px 6px; height: 135px; background: url(../_img/brlunii.gif) no-repeat left top; }
#meniu .item ul.aiurea { margin: 0px; padding: 0px; list-style: none; }
#meniu .item ul.aiurea li { line-height: 18px; }



/*
.box { margin: 15px 0px;}
.b1h, .b2h, .b3h, .b4h, .b2bh, .b3bh, .b4bh{font-size:1px; overflow:hidden; display:block;}
.b1h {height:1px; background:#669933; margin:0 5px;}
.b2h, .b2bh {height:1px; background:#669933; border-right:2px solid #669933; border-left:2px solid #669933; margin:0 3px;}
.b3h, .b3bh {height:1px; background:#669933; border-right:1px solid #669933; border-left:1px solid #669933; margin:0 2px;}
.b4h, .b4bh {height:2px; background:#669933; border-right:1px solid #669933; border-left:1px solid #669933; margin:0 1px;}
.b2bh, .b3bh, .b4bh {background: #F0F5EB;}
.headh {background: #669933; border-right:1px solid #669933; border-left:1px solid #669933;}
.headh h3 {margin: 0px 10px 0px 10px; padding-bottom: 3px; color: #FFFFFF; font-size: 13px;}
.contenth {background: #F0F5EB; border-right:1px solid #669933; border-left:1px solid #669933;}
.contenth div {margin-left: 12px; padding-top: 4px;}
*/

#subsol { clear: both; width: 900px; margin:0px auto;  padding: 0px 0px 10px 0px; text-align: left;}
#subsol div {float: right; width: auto;}





div.hbk {background:url(../_img/homeitem_bk.gif) left bottom no-repeat; background-color:#F8FEF0; display: block; margin: 0px 0px 10px 0px;}
div.homeitem { padding: 7px; margin: 0px; font-size: 14px; background:url(../_img/homeitem_top.gif) left top no-repeat; position: relative;}
strong.title {margin:0px; padding: 0px; font-weight:normal; font-size: 21px; color: #FF8800;  font-family:  Tahoma, Arial, Helvetica, sans-serif;}
	
div.user2text {padding: 5px 0px 5px 10px; width: 134px; float: left; font-size: 17px; line-height: 22px; font-family:  Tahoma, Arial, Helvetica, sans-serif;}
div.user2div {width: 410px; float: right; padding-right: 5px;}
div.user2 { float: left; display: block;  margin: 4px 0px 0px 0px; line-height: 15px; text-align:center; width: 82px; overflow:hidden; }
div.user2 a { text-decoration:none; font-size: 13px;}
div.user2 img { border: 1px solid #000000; width: 60px; margin: 3px 10px;}

 #homesolutii {margin:0px; padding: 0px; list-style:none; }
 #homesolutii li { margin: 2px; padding: 0px; display: compact; width: 141px; float: left; font-size: 14px; font-family:Arial, Helvetica, sans-serif; }
 #homesolutii li  a{ text-decoration:none;}
 
 
 
 
 
 
 ul.marketonline { list-style: none;  padding: 0px; margin: 20px 10px; width: 300px; }
 ul.marketonline li {padding: 5px 10px; border-bottom: 1px solid #F1F1F1; line-height: 14px;}
 ul.marketonline li a {  text-decoration: none}
 ul.marketonline li img { border: 1px solid #333333; margin: 0px;}
 ul.marketonline li.title { font-size: 130%; color: #FF6600; padding-top: 20px;}