/**** general CSS Rules  *****/
*{
	font-family: Verdana, Arial, Tahoma;
	}
html{overflow: auto;}	
body{
	margin: 0;
	padding: 0;
	overflow: auto;
	background: url(../images/background.jpg) no-repeat center top #000;
	}
div.clear{
	clear: both;
	}

#main-wrapper{
	width: 700px;
	margin: 0 auto 0 auto;
	padding-top: 20px;
	position: relative;
	}

#titlu{
	margin: 0;
	position: absolute;
	left: 232px;
	}

#main-menu{
	width: 300px;
	height: 302px;
	margin: 70px 200px 0 195px;
	position: relative;
	}
a.main-link{
	display: block;
	width: 150px;
	height: 150px;
	background: url(../images/mainmenu_large.png) no-repeat;
	position: absolute;
	}
#index-link{background-position: left top; left:0; top:0}
#index-link:hover{background-position: -300px top;}

#servicii-link{background-position: -150px top; left:150px; top:0}
#servicii-link:hover{background-position: -450px top;}

#cum-comand-link{background-position: left bottom; left:0; top:150px}
#cum-comand-link:hover{background-position: -300px bottom;}

#contact-link{background-position: -150px bottom; left:150px; top:150px}
#contact-link:hover{background-position: right bottom;}

#main-content{
	visibility: hidden;
	margin: 0 auto 0 auto;
	width: 700px;
	filter:alpha(opacity=90);
	-moz-opacity:.90;
	opacity:.90;
	}
#main-content-head{
	width: 699px;
	height: 25px;
	background: url(../images/main-content-head.png) no-repeat center !important;
	background: url(../images/main-content-head.gif) no-repeat center;
	}
#main-content-body{
	width: 699px;
	background: url(../images/main-content-body.png) repeat-y center !important;
	background: url(../images/main-content-body.gif) repeat-y center;
	padding: 0;
	color: #333;
	font-family: Verdana, Arial;
	overflow: hidden;
	height: 0;
	}
#main-content-footer{
	width: 699px;
	height: 25px;
	background: url(../images/main-content-footer.png) no-repeat center !important;
	background: url(../images/main-content-footer.gif) no-repeat center;
	}
#main-content-body p{
	font-size: 12px;
	margin: 20px 0 0 0;
	padding: 0 30px 0 30px;
	line-height: 1.5;
	}
#main-content-body ul li{
	font-size: 12px;
	line-height: 1.5;
	}
#main-content-body h1{font-size: 18px;}
#main-content-body h2{font-size: 16px;}
#main-content-body h3{font-size: 14px;}
#main-content-body h1,#main-content-body h2,#main-content-body h3{
	margin: 20px 0 0 0;
	padding: 0 30px 0 30px;
	line-height: 1.5;
	}
#main-content-body a,#main-content-body a:visited,#main-content-body a:active{
	font-weight: bold;
	color: #0096e4;
	text-decoration: none;
	}
#main-content-body a:hover{
	text-decoration: underline;
	color: #e49600;
	}
/**********  formular  *****************/
#main-content-body form{
	width: 350px;
	margin: 10px auto 0 auto;
	font-size: 11px;
	}
#main-content-body form label{
	font-size: 11px;
	display: block;
	text-align: right;
	width: 70px;
	margin-right: 5px;
	float: left;
	}
#main-content-body form p{
	margin: 0;
	padding: 10px 0 0 0;
	}
#main-content-body form input,#main-content-body form textarea{
	width: 150px;
	font-size: 11px;
	background: #fff;
	border: 1px solid #e0e0e0;
	}
#main-content-body form textarea{
	overflow: auto;
	width: 250px;
	}
#main-content-body p.succes{
	color: #3f3;
	text-align: center;
	}
#main-content-body p.error{
	color: #f33;
	text-align: center;
	}

/********** formatare link-uri galerie  *****************/
#main-content-body div.galerie{
	margin: 30px 30px 0 30px;
	}
#main-content-body div.galerie a.lightboxlink,#main-content-body div.galerie a.link_produse{
	display: block;
	float: left;
	width: 112px;
	height: 112px;
	background: url(../images/img_holder.jpg) no-repeat;
	}
#main-content-body div.galerie a.link_produse{
	height: 150px;
	}
#main-content-body div.galerie a.link_produse span{
	clear: both;
	display: block;
	width: 100px;
	margin: 16px auto 0 auto;
	font-size: 10px;
	text-align: center;
	}
#main-content-body div.galerie a.link_produse:hover span{
	cursor: hand;
	}
#main-content-body div.galerie a.lightboxlink img,#main-content-body div.galerie a.link_produse img{
	margin: 16px 0 0 16px;
	border: 0;
	}
#main-content-body div.galerie a.link_produse:hover{
	text-decoration: none;
	}

p.footer{
	text-align: center;
	font-size: 12px;
	color: #eee;
	}
p.footer a{
	color: #eee;
	font-weight: bold;
	text-decoration: none;
	}
p.footer a:hover{
	color: #06c;
	}
/****************************************************************************/
#imageflow-container{
	position: relative;
	height: 400px;
	width: 99%;
	}

#imageFlow {
	position: absolute;
	width: 100%;
	height: 80%;
	left: 0%;
	top: 10%;
	overflow: hidden;
	}
#imageFlow .diapo {
	position: absolute;
	left: -4000px;
	cursor: pointer;
	-ms-interpolation-mode: nearest-neighbor;
	}
#imageFlow .link {
	border: dotted #fff 1px;
	margin-left: -1px;
	margin-bottom: -1px;
	}
#imageFlow .text {
	position: absolute;
	left: 0px;
	width: 100%;
	bottom: 16%;
	text-align: center;
	color: #FFF;
	font-family: verdana, arial, Helvetica, sans-serif;
	z-index: 1000;
	}
#imageFlow .title {
	font-size: 0.9em;
	font-weight: bold;
	}
#imageFlow .legend {
	font-size: 0.8em;
	}
#imageFlow .scrollbar {
	position: absolute;
	left: 10%;
	bottom: 10%;
	width: 80%;
	height: 16px;
	z-index: 1000;
	}
#imageFlow .track {
	position: absolute;
	left: 1%;
	width: 98%;
	height: 16px;
	filter: alpha(opacity=30);
	opacity: 0.3;
	}
#imageFlow .arrow-left {
	position: absolute;
	}
#imageFlow .arrow-right {
	position: absolute;
	right: 0px;
	}
#imageFlow .bar {
	position: absolute;
	height: 16px;
	left: 25px;
	}
/************************************************/
#banere{
	width: 400px;
	margin: 15px auto 0 auto;
	text-align: center;
	}