/* CSS Document */

html {  }
body { background:#3c3c3c url('images/background.jpg') no-repeat 0px 300px; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:9pt; color:#fff; margin:0px; padding:0px; }
a { color:#fff; }
p { margin:0px; padding:0px; }


/* Website wrapper */
#website-wrapper { background:url('images/wrapper-bg.png') repeat-y; width:799px; height:100%; padding:0px 14px; margin:0px auto; }

/* Website header */
#website-header { position:relative; width:773px; padding:20px 0px 0px 0px; }

	h1 			{ width:150px; height:100px; }
	h1 a 		{ display:block; background:url('images/logo.jpg') no-repeat; width:150px; height:100px; margin:10px 0px 0px 50px; cursor:pointer; }
	h1 a span 	{ display:none; }
	
	h2 { font-size:14pt; color:#fff; margin:0px 0px 10px 0px; }
	
	div.language 		{ position:absolute; top:7px; left:440px; background:url('images/language-bg.jpg') no-repeat; width:64px; height:31px; }
	div.language a 		{ float:left; display:block; width:21px; height:16px; margin:8px 0px 0px 4px; }
	div.language a.ro 	{ background:url('images/ro.jpg'); margin-left:9px; }
	div.language a.en 	{ background:url('images/en.jpg'); }
	
	div.searchbox 		{ position:absolute; top:0px; right:0px; background:url('images/searchbox-bg.jpg') no-repeat; width:265px; height:47px; }
	input.search-input 	{ position:absolute; top:12px; left:50px; width:130px; height:14px; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:8pt; color:#70a124; border:0px; }
	input.search-button	{ position:absolute; top:4px; right:10px; background:url('images/search-button-bg.jpg') no-repeat; width:60px; height:30px; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:8pt; color:#fff; font-weight:bold; border:0px; cursor:pointer; }

	div.middle { position:relative; background:url('images/middle-bg.jpg') no-repeat; width:799px; height:256px; margin:20px 0px 0px 0px; }
	ul.menu 			{ float:left; list-style:none; margin:0px; padding:3px 0px 0px 10px; font-size:0px; z-index:10; }
	ul.menu li 			{ display:block; position:relative; margin:7px 0px; }
	ul.menu li.arrow	{ background:url('images/arrow.gif') no-repeat right center; }
	ul.menu li a 		{ display:block; width:153px; height:19px; font-size:9pt; color:#fff; text-decoration:none; padding:4px 0px 0px 20px; }
	ul.menu li a:hover	{ background:url('images/menu-hover-bg.png') no-repeat; }
	ul.menu li.current a	{ background:url('images/menu-hover-bg.png') no-repeat; }

	ul.submenu { display:none; list-style:none; position:absolute; top:-10px; left:180px; background:#2f2f2f; padding:0px 5px; z-index:20; }
	
	div.motto { position:absolute; top:-15px; right:5px; font-size:10pt; color:#989898; font-weight:bold; font-style:italic }
	div.expose { float:right; width:594px; height:241px; margin:8px 0px 0px 10px; z-index:1; }

/* Website container */
#website-container { clear:both; padding:20px 20px 20px 20px; }

	div.eventsbox { float:left; }
	div.productsbox { float:right; }

	div.box 	{ }
	div.box div.thumb		{ float:left; background:url('images/box-thumb-bg.jpg') no-repeat; width:83px; height:83px; padding:8px; margin:0px 5px 0px 0px; }
	div.box div.thumb  a img{ width:83px; height:83px; }
	div.box div.content		{ float:left;  font-size:8pt; color:#828282; padding:10px; }
	div.box div.content h3 a{ display:block; font-size:9pt; color:#00a300; text-decoration:none; margin:0px 0px 7px 0px; }

	div.box.style1 				{ width:345px; }
	div.box.style1 div.content 	{ background:url('images/box-bg-style1.jpg') no-repeat; width:221px; height:79px; }
	div.box.style2 				{ width:500px; }
	div.box.style2 div.content 	{ background:url('images/box-bg-style2.jpg') no-repeat; width:373px; height:79px; margin:0px 0px 5px 0px; }
	
	div.aboutus 		{ clear:both; float:left; width:500px; padding:20px 0px 0px 0px; color:#d4d4d4; }
	div.aboutus a.thumb { display:block; float:left; border:4px solid #a70000; margin:0px 10px 10px 0px; }
	
	div.page 		{ clear:both; float:left; width:770px; padding:20px 0px 0px 0px; color:#d4d4d4; }
	div.page a.thumb{ display:block; float:left; border:4px solid #a70000; margin:0px 10px 10px 0px; }

	
	div.portofolio 		{ float:right; width:220px; padding:20px 0px 0px 0px; }
	div.portofolio a	{ display:block; border:4px solid #004f00; margin:0px 0px 10px 0px; }
	div.portofolio a img{ width:212px; height:77px; }
	
	div.products { float:right; }

    div.event             { color:#d4d4d4; border-bottom:1px dashed #4d4d4d;  }
    div.event a.thumb     { display:block; float:left; border:4px solid #a70000; margin:0px 10px 10px 0px; }
    div.event a.thumb img { width:115px; height:115px; }
	
	div.left { float:left; width:230px; }
	ul.categories 				{ width:250px; list-style:none; margin:0px; padding:0px; color:#4d4d4d; font-size:0px; }
	ul.categories li 			{ margin:4px 0px; }
	ul.categories li a 			{ display:block; width:220px; color:#bababa; font-size:10pt; text-decoration:none; padding:3px 5px; border:1px solid #bababa;  }
	ul.categories li a:hover	{ color:#dbdbdb;border:1px solid #dbdbdb;  }
	ul.categories li.current a	{ color:#dbdbdb;border:1px solid #dbdbdb;  }

	div.left-pic { width:225px; margin:20px auto 0px auto; }
	
	a.more { display:block; float:right; background:url('images/button-bg.jpg'); width:91px; height:21px; color:#fff; font-size:8pt; font-weight:bold; text-align:center; text-decoration:none; padding:5px 0px 0px 0px; }

	div.norecords { width:250px; margin:0px auto; color:#7c7c7c; }

/* Website footer */
#website-footer { position:relative; background:#000; height:100px; font-size:8pt; color:#d4d4d4; padding:5px; border-top:2px solid #780000; }

	a.top { display:block; position:absolute; top:-23px; right:20px; background:url('images/top-link-bg.png') no-repeat; width:34px; height:23px; cursor:pointer; z-index:10; }

	ul.links 			{ float:left; list-style:none; margin:0px; padding:0px; }
	ul.links li 		{ float:left; margin-right:10px; }
	ul.links li a 		{ color:#a9a9a9; text-decoration:none; }
	ul.links li a:hover { text-decoration:underline; }
	
	div.copyright { float:right; width:300px; text-align:right; }
	a.prologue { vertical-align:middle; }
        a.echorom { position:absolute; bottom:5px; right:5px; display:block; background:url('images/echorom.gif') no-repeat; width:166px; height:41px; }
	
	ul.sublinks 			{ float:left; width:150px; margin:0px 0px 0px 30px; padding:0px; }
	ul.sublinks li 			{ line-height:11pt; }
	ul.sublinks li.head 	{ list-style:none; font-weight:bold;  margin:0px 0px 5px 0px;  }
	ul.sublinks li a		{ font-size:8pt; color:#a9a9a9; text-decoration:none; font-weight:normal; }
	ul.sublinks li a:hover	{ text-decoration:underline; }
        ul.sublinks li.head a	{ font-weight:bold; color:#fff;  }
	
/* PAGINATION */

ul.pagination 				{ list-style:none; font-size:0px; padding:0px; }
ul.pagination li 			{ float:left; margin:2px; }
ul.pagination li a 			{ display:block; background:url('images/page-nr-bg.jpg') no-repeat; width:17px; height:16px; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:8pt; color:#fff; text-align:center; text-decoration:none; padding:1px 0px 0px 0px; }
ul.pagination li a:hover 	{ background-image:url('images/page-nr-hover-bg.jpg'); }
ul.pagination li.current a	{ background-image:url('images/page-nr-current-bg.jpg'); }


/* Contact form */

input.input { font-family:Tahoma, Arial, Helvetica, sans-serif; color:#7c7c7c; font-size:8pt; background:#212121; border:1px solid #4d4d4d; padding:2px; width:150px; }
textarea.input { font-family:Tahoma, Arial, Helvetica, sans-serif; color:#7c7c7c; font-size:8pt; background:#212121; border:1px solid #4d4d4d; padding:2px;}
