@charset "utf-8";
/* CSS Document */

html {
	min-height: 102%; /* force vertical scrollbar - browser support flaky, doesn't work in Opera */
	/*overflow-y: scroll;*/
	margin: 0;
	padding: 0;
}

body {
    margin: 0;
	padding: 0;
	background: #fff;
	font: normal 0.75em/145% Arial, Tahoma, sans-serif;
	color: #45371b;
}
.clearfix {
     clear: both;
}

#innerBody {
   margin: 0 auto;
   background: #fff url(../images/body_bg.jpg) center top no-repeat;
   height: auto;
   width: 889px;
}


#header {
	padding: 0;
	height: 123px;
	width: 889px;
	margin: 0 auto;
}

#top_nav {
  height: 36px;
  position: relative;
  top: 87px;
}

.logo { display: block;float: left;height: 36px;width: 243px;}
.logo a { display: block;float: left;height: 36px;width: 243px;text-decoration: none; text-indent: -99999px;color: #ddd;}

ul.menu {float: right; margin: 7px 0 0 0;padding: 0; display: block;height: 36px;}
ul.menu li { list-style-type: none; margin: 0;padding: 0;float: left;}
ul.menu li a { text-decoration: none;color: #999;font-size: 12px; text-transform: uppercase;padding: 7px 14px;}
ul.menu li a:hover {color: #111;}

#content {
    width: 889px;
	margin: 0 auto;
	padding: 0;
	height: auto;
	overflow: hidden;
}

#contentLFT {
    width: 635px;
	float: left;
	margin: 0;
	padding: 0;
}

.level_an {
    height: 25px;
	margin: 13px 0 0 0;
	padding: 7px 0;
	border:1px dotted #ddd;
	width: 625px;
}


.level_top {
    height: 235px;
	margin: 7px 0 0 0;
	padding: 0;
	border:1px dotted #ddd;
	width: 625px;
}

.text_an {
    height: 55px;
	margin: 13px 0 0 0;
	padding: 0;
	border:1px dotted #ddd;
	width: 625px;
}

.text_despre {
    height: 343px;
	margin: 13px 0 0 0;
	padding: 0;
	border:1px dotted #ddd;
	width: 625px;
}


.produse {
    float: left;
	width: 151px;
	margin: 7px 5px 0 0;
	height: 195px;
	border:1px dotted #ddd;

}

#contentRght {
    width: 249px;
	float: right;
	margin: 0 1px 0 0;
	padding: 0;
}

#accordion {width:220px; margin:5px auto}
.accordion {width:220px; font:12px Verdana,Arial; color:#000}
.accordion dt {width:219px; border:1px dotted #c6f5ff; padding:5px; font-weight:normal; margin-top:5px; cursor:pointer; background:transparent;}
.accordion dt:hover {background:transparent;}
.accordion dd {overflow:hidden; background:transparent;width: 225px;margin: 0 3px;}
.accordion span {display:block; padding:2px;margin: 0;text-align: justify;float: left;}

.promotii {height: 255px;margin: 14px 0 0 14px;padding: 0; border: 1px dotted #c6f5ff;width: 230px;}
.title { font:12px Verdana,Arial; color:#000;padding: 5px;border-bottom: 1px dotted #c6f5ff;}

#footer {
    height: 75px;
	margin: 0;
	padding: 0;
	border-top: 1px dotted #c6f5ff;
}

#footer a {color:red; display: block; border-bottom: 1px dotted #c6f5ff;text-decoration: none;padding: 4px 0;width: 625px;margin: 0;}

/*---------------------------------------------------------------------- prezentare produse */

#accordion1 {width:625px; margin: 0;}
.accordion1 {width:625px; font:12px Verdana,Arial; color:#000}
.accordion1 dt {width:624px; border:1px dotted #c6f5ff; padding:5px; font-weight:bold; margin-top: 5px; cursor:pointer; background:transparent;}
.accordion1 dt:hover {background:#aaeffe;color: #e0397f;}
.accordion1 dd {overflow:hidden; background:transparent;width: 625px;margin: 0 3px;}
.accordion1 span {display:block; padding:0;margin: 0;text-align: justify;float: left;}

#content a {color:#101010; display: block; border-bottom: 1px dotted #c6f5ff;text-decoration: none;padding: 4px 0;width: 625px;margin: 0;}
#content a:hover {color: #101010;background: #c6f500;}

/* ----------------------------------------------------------------------- dialog box */

#conntent {padding:20px}
#dialog {position:absolute;top: 150px; width:825px; padding:10px; z-index:100; background:#fff}
#dialog-header {display:block; position:relative; width:811px; padding:3px 6px 7px; height:14px; font-size:14px; font-weight:bold}
#dialog-title {float:left}
#dialog-close {float:right; cursor:pointer; margin:3px 3px 0 0; height:11px; width:11px; background: url(../images/dialog_close.gif) no-repeat}
#dialog-content {display:block; height:auto; padding:6px; color:#666666; font-size:13px}
#dialog-mask {position:absolute; top:0; left:0; min-height:100%; width:100%; background:#FFF; opacity:.75; filter:alpha(opacity=75); z-index:100}
.error {background:#fff url(images/error_bg.jpg) bottom right no-repeat; border:1px solid #924949; border-top:none}
.errorheader {background:url(images/error_header.gif) repeat-x; color:#6f2c2c; border:1px solid #924949; border-bottom:none}
.warning {background:#fff url(images/warning_bg.jpg) bottom right no-repeat; border:1px solid #c5a524; border-top:none}
.warningheader {background:url(images/warning_header.gif) repeat-x; color:#957c17; border:1px solid #c5a524; border-bottom:none}
.success {background:#fff ; border:1px solid #60a174; border-top:none; text-align: justify}
.successheader {background:url(../images/success_header.gif) repeat-x; color:#3c7f51; border:1px solid #60a174; border-bottom:none}
.prompt {background:#fff; border:1px solid #4f6d81; border-top:none;}
.promptheader {background:url(../images/prompt_header.gif) repeat-x; color:#355468; border:1px solid #4f6d81; border-bottom:none}

.produse_1 {float: left; width: 250px;margin: 10px 0 0 150px;border: 1px solid #000;height: 450px;}
.imagini_1 {float: right;width: 250px;height: 450px;margin: 0;padding: 0;}