/* ---------------------------------------------------
GLOBAL (General miscellaneous)
----------------------------------------------------- */
html, body, div, span, applet, object, iframe, caption, tbody, tfoot, thead, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, 
dl, dt, dd, ol, fieldset, form, label, legend {	padding: 0;	margin: 0;	border: 0;}
body {font: 12px "Trebuchet MS", sans-serif;background-repeat: repeat-y;background-image: url(../imagini/bg.png);background-position: center;background-color: #EBEBEB;color: #630C3F;}
p {margin-top: 10px;}
/* ---------------------------------------------------
HEADINGS
----------------------------------------------------- */
h1 {
	display: block;
	font-family: "Times New Roman", Times, serif;
	font-size: 26px;
	font-weight: bold;
}
h2 {
	color:#A40042;
	display: block;
	font: bold 22px "Times New Roman", Times, serif;
	text-align:center;
	margin: 15px auto 10px;
	width: 300px;
}
h3 {
	color: #D63B5D;
	font: 19px "Times New Roman", Times, serif;
}	
h4 { font: bold 16px Arial, Helvetica, sans-serif;}
h5 {
	font: 18px "Times New Roman", Times, serif;
	display: block;
	padding-left: 20px;
	padding-top: 20px;
}
h6 {
	color: #630C3F;
	font-weight: bold;
	font-size: 12px;
	text-indent: 20px;
}


/* ---------------------------------------------------
LISTS
----------------------------------------------------- */
ul {margin: 0px;padding: 0px;}
li {margin: 0px;padding: 0px;list-style: none;}
/* ---------------------------------------------------
LINKS 
----------------------------------------------------- */
a {
	color: #FF0066;
	text-decoration: underline;
}
a:hover{
	text-decoration: none;
	color: #630C3F;
}
#Fuscia {
	position: absolute;
	height: 260px;
	width: 160px;
	top: 0px;
	z-index: 1;
	right: 0px;
	background: url(../imagini/fuscia.png) no-repeat;
}




/* ---------------------------------------------------
FORM
----------------------------------------------------- */


/* ---------------------------------------------------
STRUCTURE
----------------------------------------------------- */
#Wrapper {
	width: 900px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #FFF;
	position: relative;
	z-index: 10;
}
#Header {width: 680px;height: 290px;}

#Logo {width: 90px;height: 270px;float: left;margin-left: 20px;}
#Cos {float: right;	font-weight: bold;	color: #FF0033;	text-align:center;}
#Cos a {color: #FF0066;	text-decoration: none;}
#Cos a:hover {color: #660066;}
#Button a {	background-image: url(../imagini/ingrijirea-florilor.png);display: block;height: 56px;margin-top: 20px;	width: 189px; text-indent:-9999px;}
#Button a:hover {background-position: 0px -56px;background-image: url(../imagini/ingrijirea-florilor.png);background-repeat: no-repeat; text-indent:-9999px;}

#Continut {	height: auto;clear: both;width: 680px;margin-top: 20px;padding-top: 20px;}
#Oferta {
	height: 215px;
	width: 660px;
	margin-right: auto;
	margin-left: auto;
	background: url(../imagini/oferta-speciala-bg.png) no-repeat;
	padding-top: 25px;
}
#Oferta .floatLeft {
	width: 350px;
	font-size: 11px;
	padding-top: 70px;
	padding-left: 30px;
}
#Oferta .floatLeft img {
	float: left;
	margin-right: 30px;
}
#Continut .buchete {
	width: 300px;
	height: 340px;
	padding-right: 23px;
	padding-left: 15px;
	float: left;
}
#Continut .thumb {
	width: 150px;
	margin-right: auto;
	margin-left: auto;
}
.detalii a {
	background: url(../imagini/detalii.png) no-repeat;
	display: block;
	height: 32px;
	width: 129px;
	color: #006600;
	font-weight: bold;
	text-decoration: none;
	font-size: 14px;
	padding-top: 10px;
	padding-left: 10px;
	float: left;
}
.detalii a:hover {
	color: #FF0066;
}

.pret {
	display: block;
	float: right;
	margin: 0px;
	background: url(../imagini/detalii.png) no-repeat;
	height: 32px;
	width: 129px;
	color: #FF0066;
	font-weight: bold;
	font-size: 15px;
	padding: 10px 0px 0px 10px;
}







#Left {float:left;width:680px;}
#Continut .buchetCos {
	margin-left: 20px;
	border-bottom: 1px solid #FF9966;
	margin-top: 20px;
	width: 660px;
}
.buchetCos img {
	margin-left: 10px;
	float: left;
	margin-right: 20px;
	display: block;
}
#Continut .actiuni {
	width: 450px;
	float: right;
	padding: 20px 0px 20px 20px;
}
#Continut .total {
	margin-top: 20px;
}

.total  a {
	width:190px;
	height:56px;
	overflow:hidden;
	border:0;
	background: url(../imagini/actualizeaza.png) 0 0 no-repeat;
	display:block;
	cursor:pointer !important;
	cursor:hand;
	margin-left: 100px;
	float: left;
	text-decoration: none;
	
}
.total  a:hover {
background-position:0 -56px;
}
#Ingrijire {
	padding-right: 20px;
	padding-left: 20px;
}
#Ingrijire img {
	float: left;
	margin-right: 20px;
}

#Ingrijire .detalii {
	float: right;
}
#Ingrijire .detalii a {
	font-size: 18px;
}
#Ingrijire .detalii a:hover {
	color: #630C3F;
}



#Right {
	float:right;
	width: 190px;
	padding-top: 10px;
	margin-bottom: 60px;
}
#Right ul {	margin: 0px 0px 30px;padding: 0px;}
#Right li{
	font-weight: bold;
	list-style-type: none;
}
#Right a {
	text-decoration: none;
	color: #630C3F;
	display: block;
	height: 18px;
	background: url(../imagini/a-right.png) no-repeat 1px 1px;
	padding: 2px 0px 2px 23px;
}
#Right a:hover {
	text-decoration: none;
	background: url(../imagini/a-right.png) no-repeat 1px -19px;
	color: #FF0066;
}



#Footer {
	width: 880px;
	margin-right: auto;
	margin-left: auto;
	height: 40px;
	background: #135802;
	color: #F4F9D2;
	clear: both;
	position: relative;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
}
#Footer ul {margin: 0px; padding: 0px;	display: block;	clear: both;}
#Footer li {
	display: block;
	float: left;
	padding-right: 15px;
	padding-left: 5px;
	padding-top: 10px;
	list-style: none;
}
#Footer a {
	font-weight: bold;
	color: #F4F9D2;
	text-decoration: none;
}
#Footer a:hover {
	color: #E3ED7C;
}
#webArt {
	float: left;
	margin-top: 10px;
	margin-left: -120px;
}

#Footer img {float: left;}
.card a {
	width: 176px;
	height: 49px;
	overflow:hidden;
	border:0;
	background: url(../imagini/card.png) 0 0 no-repeat;
	display:block;
	cursor:pointer !important;
	cursor:hand;
	float: left;
	text-decoration: none;
	margin-left: 20px;
}
.card a:hover {
	background: url(../imagini/card.png) no-repeat 0 -49px;
}


#Iarba {
	background: url(../imagini/iarba.png) no-repeat;
	position: absolute;
	height: 97px;
	width: 190px;
	right: 0px;
	z-index: 5;
	bottom: 108px;
}