*{padding:0;margin:0}
body, form, input, textarea {font: 12px Verdana, Arial, Helvetica, sans-serif;color: #000;}
img {border: none;vertical-align: top;}
ul, ol, li {list-style:none;}
a {color: #000;text-decoration:underline;}
a:hover {text-decoration:none;color: #F00;}
h1, h2, h3, h4, h5, h6 {margin:0px;padding:0px;font-size: 12px;}
input {border: 1px solid #EEE;}
.cleaner {line-height: 0px;height: 0px;clear: both;float:none!important;}
.hidden {display:none!important;}
body { background: url(images/background.jpg) repeat-x; }
#container { margin: 0px auto; width: 802px; }
#header { background: url(images/head.jpg) no-repeat; height: 259px; }
#header a { display: block; width: 260px; height: 160px; text-indent: -9999px; padding: 40px 0px 0px; }
#nav { border: 1px solid #a40466; height: 33px; }



/*nav*/
#nav ul li ul{display:none;}
#nav ul li:hover ul{display:block;}
#nav ul{ float: left; display: block; padding: 5px 0px 0px;}
#nav ul li{ display: block; float: left; padding: 0px 40px 0px 0px; }
#nav ul li a{ font: bold 13px "trebuchet MS", Verdana; text-decoration: none; padding: 3px 0px 8px 36px; display: block; color: #FFF; }
#nav ul li a:hover, #nav .active a{ text-decoration: underline; color: #;color: #FFFFCC; }
#nav ul ul{ position:absolute; width:180px; padding: 1px 0px 0px!important; }
#nav ul ul li{position:relative;float:none;}
#nav ul ul li a{ display:block; width:160px; font-size: 11px; background: #C72C87; padding: 4px; border-bottom: 1px solid #FFF; text-align: left; }
#nav ul ul li a:hover{text-decoration:underline;}


/*contextr*/
#context { clear: both; border: 1px solid #a40466; margin: 1px 0px 0px; padding: 15px; }
#p1 { float: left; width: 480px; }
#p2 { float: left; width: 150px; padding: 0px 0px 0px 45px; }


#but ul { display: block; }
#but li { display: block; float: left; }
#but a { display: block; float: left; height: 302px; width: 116px; padding: 0px 3px 0px 0px; text-indent: -9999px; }
.b1 a { background: url(images/pict-nunta.jpg) no-repeat; }
.b2 a { background: url(images/pict-botez.jpg) no-repeat; }
.b3 a { background: url(images/pict-aranj-florale.jpg) no-repeat; }
.b4 a { background: url(images/pict-alte-evenimente.jpg) no-repeat; }


/*text*/
.text { clear: both; background: url(images/bg-text.gif) repeat-x 15px 15px; width: 465px; padding: 15px 0px 0px; }
.text h1, #date h2 { color: #ae111c; font: bold 16px "trebuchet MS", Verdana; display: block; padding: 5px 10px 0px; }
.text p, #date p { color: #ae111c; font: 11px/18px "trebuchet MS", Verdana; display: block; padding: 10px 10px 0px; }
.footer { background: url(images/bg-footer.jpg) repeat-x; height: 41px; }
.footer p { color: #ae111c; font: 11px "trebuchet MS", Verdana; display: block; padding: 3px 0px 0px; text-align: center; }

#context p { color: #ae111c; font: 11px/18px "trebuchet MS", Verdana; display: block; padding: 10px 10px 0px; }
/*pagina de contact*/
.formular { margin: 0px; font: 11px Verdana, Arial, Helvetica, sans-serif; display: block; padding: 20px 20px 0; float: left; width: 360px; }
.formular p { clear: both; color: #ae111c; }
.formular label { display: block; float: left; width: 100px; text-align: right; padding:4px; }
.formular p input, .formular p textarea { width: 200px; color: #ae111c; background: #fff; font-weight: bold; border-top: 1px solid #ae111c; border-left: 1px solid #ae111c; border-right: 1px solid #F7AEB4; border-bottom: 1px solid #F7AEB4; font-family: Arial, Helvetica, sans-serif; }
.formular p textarea {height: 150px;}
.formular span { display: block; padding-left: 118px; margin: 5px 0px 0px; }
.formular span input { background:#ae111c; color:#fff; border:1px solid #ae111c; font-size: 11px; font-weight: bold; padding: 1px; }
#date { float: right; padding: 10px 0px 0px; width: 365px; }
.descriere { background: url(images/descriere.jpg) no-repeat; margin: 0px 0px 20px; padding: 0px 0px 5px; }
.ty { float: left; width: 560px; }

.descriere h2 { font: 600 14px "trebuchet MS", Verdana; color: #a70264; padding: 6px 0px 2px 33px; background: url(images/fluture.jpg) no-repeat 5px 2px; }
.each span { font: bold 12px Arial, Helvetica, sans-serif; display: block; text-align: right; padding: 0px 20px 0px 0px; color: #339900; }

.descriere p { font: 11px/18px "trebuchet MS", Verdana; color: #a70264; padding: 5px 0px 0px 5px; width: 550px; }
.tt img { padding: 2px 0px 0px 2px; }


/*descriere flori*/
.each { background: url(images/aranjament-floral.jpg) no-repeat; float: left; height: 217px; width: 253px; margin: 0px 3px 0px 0px; }
.each img { padding: 10px 0px 0px 12px; }
.each h3 { font: 13px "trebuchet MS", Verdana; color: #a70264; padding: 3px 0px 0px 16px; }
.each p { font: 11px/16px "trebuchet MS", Verdana; color: #a70264; padding: 6px 3px 5px 16px; height: 53px; display: block; }

#context h2 { display: block; padding: 20px 0px 10px 5px; clear: both; color: #ae111c; }

.n1 a { background: url(images/aranj-florale.jpg) no-repeat 6px 0px; }
.n2 a { background: url(images/nunta.jpg) no-repeat 10px 0px; }
.n3 a { background: url(images/botez.jpg) no-repeat 10px 0px; }
.n4 a { background: url(images/alt-eveniment.jpg) no-repeat 10px 0px; }
.n5 a { background: url(images/plic.jpg) no-repeat 4px 0px; }
.n9 a { background: url(images/home.jpg) no-repeat 10px 3px; }

.n10 a { background: url(images/comment.jpg) no-repeat 4px 0px; }

.marturii img, .m-centru img { padding: 3px; border: 1px solid #EDBCDA; margin: 10px 12px; }


.alt { background: url(images/alt-c.jpg) no-repeat; float: left; height: 167px; width: 255px; padding: 0px 1px 10px 0px; }
.alt img { padding: 16px 10px 0px 14px; float: left; }
.alt p { height: 110px; }
.alt span { font: bold 11px "trebuchet MS", Verdana; color: #FFF; display: block; padding: 7px 71px 0px 0px; float: right; }

.m-centru { padding: 0px 0px 0px 45px;}
.craciun {display:block;background: url(images/aranjamente-de-craciun.jpg) no-repeat;width:225px;height:88px;text-indent: -9999px; padding-bottom:18px;}


/*comentarii*/
.comentariu span {
	display: block;
	float: left;
	height: 50px;
	width: 68px;
	font: bold 13px/12px "Trebuchet MS", Verdana, Tahoma;
	color: #ae111c;
	text-align: center;
	background: url(images/data.jpg) no-repeat;
	padding: 23px 3px 0px 0px;
	margin: 0px 20px 0px 10px;
}
.comentariu h2 {
	padding: 10px!important;
}
.comentariu {
	background: url(images/comentariu.jpg) repeat-x;
	padding: 0px 10px 10px;
	margin: 0px 0px 15px;
}
.comentariu p {
	padding: 0px!important;
}