body {
	font-size: 62.5%; /* Set 1em = 10px */
	margin: 0;
	padding: 0;
	background: #F4F2E6;
	font-family: Arial, Tahoma, sans-serif;
}

a { padding:2px 3px; color:/* f33e60 */ #610202; outline: none;}
a:hover, a.hover { color:#fff; background:#610202 url("images/ahover.gif");}
a.trafic:hover {background: none;}

ul,ol { padding: 0 0 0 1.6em;}

h1 {display: none;}

h4 { color: #726969; font-size: 14px;}
h5 { color: #777; font-size: 13px;}

a img,:link img,:visited img { border:none;}
strong { font-weight: bold;}
em { font-weight: italic;}
i { display: none;}

.new_window_link img { width: .85em; height: .7em; border: 0; margin:0; padding:0;}
a.new_window_link , a.new_window_link:hover{ background:none; display:inline;}

#top {background: #0e4d82 url("images/top_bg.gif"); height:41px; margin:0; padding:0; position:relative; right:0; overflow:visible; z-index:1000;}
.center {margin: 0 auto; width: 900px; /*position:relative;*/}
#content {background:#f4f2e6 url("images/container_bg.gif") left top repeat-x; padding-bottom:50px; position:relative;}
#container {margin: 0 auto; width: 880px; position:relative; padding-top:50px; overflow:hidden; padding-left: 20px;}

#top ul { margin: 0; padding: 0; height: 30px; position:relative; left:540px;overflow:visible; width:360px;}
#top ul, #top ul li {list-style: none; font-family: Arial, Tahoma, sans-serif; font-size:12px;}
#top ul li {position: relative; float: left; margin: 0; width:75px;}
#top ul #top-links {width:115px;}
#top ul li a { padding: 0; display: block; height: 15px; text-decoration: none; color:#F4F2E6; margin-top:10px; text-align:center; padding-top:5px; }
#top ul li a:hover { text-decoration: underline; color:#FFF; background:none;}


#top-links a#select-links{position:relative; top:12px;background: url("images/top_links_bg.gif") left top no-repeat; height:27px; padding:0; margin:0;padding-top:3px;}
#top-links a#select-links:hover {background-position: 0 -30px;}

#top-links  ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 115px; 
	font-weight: normal;
	background: #035CA8;
	margin: 0;
	z-index: 1000;
	padding-bottom: 5px;
	padding-top: 5px;
	margin-left:0px;
	overflow:visible;
}

#top-links li {
	padding: 0;
	margin:0;
	width: 115px;
} 

#top-links ul a {
	position: relative;
	left: 0;
	padding: 3px;
	padding-top:6px;
	width: 115px;
	text-indent: 0;	
	color: #FFF; 
	text-align: center;
	font-size:0.91em;
	font-weight: bold;
}

#top-links ul a:hover {font-style: italic;}

#top-links.hover ul,
#top-links:hover ul {
	display: block;
}

#top-links:hover ul ul, #top-links:hover ul ul ul, #top-links.sfhover ul ul, #meniu li.sfhover ul ul ul {
	left: -999em;
}
#top-links:hover ul, #top-links li:hover ul, #top-links li li:hover ul, #top-links.sfhover ul, #top-links li.sfhover ul, #top-links li li.sfhover ul {
	left: auto;
}

#focus {	margin:0; padding:0; background: url("images/focus_bg.jpg") left top repeat-x; height:244px;}
#focus h2#sigla { margin:0; padding:0;}
#focus h2#sigla a {display:block; margin:0; padding:0; background: url("images/sigla.png") left top no-repeat; width:225px; height:160px;letter-spacing:-10000em;position:relative;text-indent:-9999px;}
#focus h3 {position:relative; top: -100px; left: 450px; display:block; margin:0; padding:0; background: url("images/slogan.png") left top no-repeat; width:460px; height:50px;letter-spacing:-10000em; z-index:1;text-indent:-9999px;}



/* meniu
----------------------------------------------------------------------------- */
/* -------------------------- */
/* We begin by styling the main navigation on the page... */
/* -------------------------- */
/* Overall main navigation styles */

#nav  {position:absolute; top:-36px;z-index:300; right:0; clear:both;}

#meniu, #meniu ul {
	float: left;
	list-style: none;
	line-height: 1em;
	color: #999;
	background-color: transparent;
	font-weight: bold;
	padding: 0;
	margin: 0;
	width:624px;
	height:30px;
}

/* -------------------------- */
/* The top main navigation links */
#meniu a {
	display: block;
	padding: 5px 20px;
	color: #242424;	
	text-decoration: none;
	height: 30px; 
	padding: 0; margin: 0; 
	text-indent: -3000px;
}

/* I'm targeting the last main navigation link to have no "bar" on the right side */
#meniu a.last {
	background-image: none;
}
#meniu a.one, #meniu a.two, #meniu a.three {
	text-align: left;
	font-size: 1em;
}
#meniu li {
	float: left;
	padding: 0;
	margin: 0;
	margin-left:10px;
	width: 146px;
}

#meniu-link-despre { background: url("images/meniu/main-despre.jpg") left top no-repeat; }
#meniu-link-parteneri { background: url("images/meniu/main-parteneri.jpg") left top no-repeat; }
#meniu-link-logistica { background: url("images/meniu/main-logistica.jpg") left top no-repeat; }
#meniu-link-localizare { background: url("images/meniu/main-localizare.jpg") left top no-repeat; }
/* hover state */
#meniu li.hover a,
#meniu li:hover a,
#meniu li a.hover, 
#meniu li a:hover,
#meniu li a.active,
#meniu li a.active .hover, 
#meniu li a.active :hover  {
	background-position: 0 -30px;
}


/* -------------------------- */
/* The dropdown links lists */
#meniu li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 140px; 
	font-weight: normal;
	background: url("images/meniu/bg_drop.gif") left top no-repeat;
	margin: 0;
	z-index: 200;
	padding-bottom: 5px;
	padding-top: 5px;
	margin-left:3px;
}
#meniu li li {
	padding: 0;
	margin:0;
	width: 146px;
	/*margin-top:2px;
	border:1px solid white; */
	background: url("images/meniu/bg-main-drop-li.gif") left top no-repeat;
}
#meniu li ul a {
	position: relative;
	left: 0;
	padding: 3px;
	padding-top:6px;
	width: 140px;
	text-indent: 0px;
	color: #FFF; 
	text-align: center;
	font-size:1.1em;
	font-weight: bold;
}

#meniu li.hover ul,
#meniu li:hover ul {
	display: block;
}

/* This controls the flyout location of the second level dropdowns */
#meniu li ul ul {
	margin: -2em 0 0 140px;
}
#meniu li:hover ul ul, #meniu li:hover ul ul ul, #meniu li.sfhover ul ul, #meniu li.sfhover ul ul ul {
	left: -999em;
}
#meniu li:hover ul, #meniu li li:hover ul, #meniu li li li:hover ul, #meniu li.sfhover ul, #meniu li li.sfhover ul, #meniu li li li.sfhover ul {
	left: auto;
}

#meniu li ul li a {
	margin:0; padding:0; height:24px;padding-top:12px; text-indent:0px; letter-spacing:0px;
}


/* The dropdown links list colors */
#meniu li ul.under a {
	color: #000;
	background-image: none;
}
#meniu li ul.under a:hover {
	background: #f00;
	color: #fff;
}
/* -------------------------- */
/* The background of the second level links while looking at the dropdown under it... */
#meniu li ul.under li:hover a.daddy, #meniu li ul.under li.sfhover a.daddy {
	color: #fff;
}
#meniu li ul.under li:hover, #meniu li ul.under li.sfhover {
	color: #fff;
	background-color: #f00;
}
/* -------------------------- */

/* NAV-SUB
-------------------------------------------------------------------- */
#nav-sub ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
#nav-sub ul li {
	}
#nav-sub ul li a {
	display: block; 
	width: 130px; 
	padding: 2px 6px 2px 10px;
	color: #610202;
	font-size: 1.1em; 
	border-bottom: 1px solid #E4E0DB; 
	}
#nav-sub ul li a:hover {
	color: #FFF;
	}
		
#nav-sub ul li.active a, #nav-sub li.active {
	color: #B3533A; 
	font-weight: bold; 
	}
	
#nav-sub ul li.open a {
	font-weight: bold; 
	color: #B3533A; 
	}
	
#nav-sub ul li.active a:hover,
#nav-sub ul li.open a:hover{
	font-weight: bold; 
	color: #FFF; 
	}
	
#nav-sub ul ul {
	margin: 0 0 0 20px;
	}
#nav-sub ul li ul li {
	padding: 10px 2px 5px 0px;
	}
#nav-sub ul li ul li a {
	display: block; 
	width: 130px; 
	padding: 2px 6px 2px 6px;
	color: #610202;
	font-size: 1.1em; 
	border-bottom: 1px solid #E4E0DB; 
	}
#nav-sub ul li ul li a,
#nav-sub ul li.open ul li a, 
#nav-sub ul li.active ul li a {
	font-weight: normal;
	color: #610202; 
	}
	
#nav-sub ul li ul li a:hover, 
#nav-sub ul li.open ul li a:hover, 
#nav-sub ul li.active ul li a:hover {
	color: #FFF;
	}
	
#nav-sub ul li ul li.active  {padding-left:6px; font-size:1.2em;}	
	
#nav-sub ul li ul li.active ,
#nav-sub ul li ul li.active  a,
#nav-sub ul li.open ul li.active  a, 
#nav-sub ul li.active ul li.active  a {
	color: #610202;
	font-weight: bold; 
	}
	
#nav-sub ul li ul li.active  a:hover,
#nav-sub ul li.open ul li.active  a:hover, 
#nav-sub ul li.active ul li.active  a:hover {
	color: #FFF; 
	font-weight: bold; 
	}
#nav-sub ul li li.last-child {
	border-bottom: none; 
	}
#nav-sub ul ul ul {
	display: none !important; 
	}
#nav-sub li.more ul,
#nav-sub li li.more ul,
#nav-sub li li li.more ul { 
	display: none;
	}
#nav-sub li.active ul,
#nav-sub li.open ul,
#nav-sub li li.active ul,
#nav-sub li li.open ul,
#nav-sub li li li.active ul,
#nav-sub li li li.open ul {
	display: block;
	}
#nav-sub li.open a, 
#nav-sub li li.open a,
#nav-sub li li li.open a {
	}
#nav-sub li.open * a,
#nav-sub li li.open * a,
#nav-sub li li li.open * a {
	background-color: transparent;
	}
#nav-sub li.active a,
#nav-sub li li.active a,
#nav-sub li li li.active a {
	font-weight: normal;
	}
#nav-sub li.active * a,
#nav-sub li li.active * a,
#nav-sub li li li.active * a { 
	font-weight: normal;
	}
	
	
/* Containers */	


.float {float:left; min-height:362px; height:auto !important; height:362px;}
.float h3 {font-family: "Trebuchet MS", Arial, Tahoma, sans-serif; color:#BB0303; font-size:2.1em; font-weight: bold; letter-spacing:-1px;}
.float p {font-family: Tahoma, Arial, sans-serif; color: #726969; font-size: 1.1em; line-height:1.3em;}

#about {width:370px; background: #F4F2E6 url("images/separator.gif") right 27px no-repeat; padding-right:36px;}
#dealer {width:160px; padding-left:30px; background: #F4F2E6 url("images/separator.gif") right 27px no-repeat;padding-right:24px;z-index:1;}
#contact {width:236px; padding-left:24px;}
#primary-content {width:370px; padding-left:30px; background: #F4F2E6 url("images/separator.gif") right 27px repeat-y;padding-right:24px;z-index:1;}
#nav-sub {width:160px; background: #F4F2E6 url("images/separator.gif") right 27px repeat-y; padding-right:36px;}

#about p {font-family: Tahoma, Arial, sans-serif; color: #726969; font-size: 1.1em; line-height:1.3em;}
#dealer ul {margin:0; padding:0; width:160px;}
#dealer ul, #dealer ul li {list-style: none;}
#dealer li {padding-left: 30px; background:#F4F2E6 url("images/check.gif") top left no-repeat;height:24px; margin-bottom:16px; color:#C87335;font-family:Tahoma, Arial, sans-serif; font-size:1.4em; font-weight: bolder; padding-top:4px;}

#contact span.email {
	display: block;
	margin:10px 0px;
}

.vcard h4 {margin:0; padding:0; margin-top:25px;} 
.vcard h5.title {margin:5px 0; padding:0;}

.vcard span.street-address, .vcard span.tel {display:block;}

#footer {border-top:1px solid #8E8E8E; background-color:#f4ebd7; overflow: hidden;}
#copyright {width:300px; float:right; padding:0; margin:0;}
#footer ul {margin:10px 0; padding:0; width:300px; text-align: right;}
#footer ul li {display: inline; list-style-type: none; padding-right: 20px;}
#footer ul li.last {padding-right: 0px;}
#footer ul li a:link {text-decoration:none; color: #B3AFAF;}
#footer ul li a:visited {color:#686363;}
#footer ul li a:hover{color:#F2F4E6; text-decoration:none; padding:2px 3px;}
#footer ul li a.trafic:hover{padding:0; background: none;}
#footer span {display:block; padding-left:2px; margin-bottom:30px; color:#686363; width:300px; text-align:right}

.sitemap {line-height: 2em;}
.sitemap span.none, .sitemap span.vert, .sitemap span.last, .sitemap span.midd {
	background:transparent 0px 0px no-repeat;
	width: 24px;
	height: 18px;
	display: block;
	float: left;
	margin-left: 1em;
}
.sitemap span.vert {background-image: url("images/organigram/map_vert.gif");}
.sitemap span.last {background-image: url("images/organigram/map_last.gif");}
.sitemap span.midd {background-image: url("images/organigram/map_midd.gif");}

.sitemap ul, .sitemap li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
img.icon  {margin-top: 30px;  border:1px solid #C2C2C2;padding:2px;}
img.icon-left {margin: 7px 15px 30px 15px;  border:1px solid #C2C2C2; float:left;padding:2px;}
img.icon-loc {margin: 7px 2px 30px 2px;  border:1px solid #C2C2C2; float:left;padding:2px;}

#content .light ul li.small {font-family: Arial, Tahoma, sans-serif; font-size:9px;margin-bottom:15px;width:100%;}
#content .light {margin:0; padding:0; position:relative;overflow:visible;}
#content .light ul { margin: 0; padding: 0;overflow:visible;}
#content .light ul li {list-style: none; font-family: Arial, Tahoma, sans-serif; font-size:12px;color:#726969;}
#content .light ul li {float: left;}
#content .light ul li a { padding: 0; text-decoration: none; color:#F4F2E6;}
#content .light ul li a:hover { text-decoration: none;background:none;}


#container  table {
    margin:30px 2px 2px 10px;
	border: 1px solid #000; 
	background-color: #D4D0C8; 
	color: #000;
}
 
#container  td, th { padding:5px;}

#container caption {
    font-family: "Trebuchet MS", Arial, Tahoma, sans-serif;
	color:#BB0303; 
	font-size:1.6em; 
	font-weight: bold; 
	letter-spacing:-1px;
	text-align:center;  
	margin: 3px 0;
}

/* =links
----------------------------------------------- */
#container  table a { color:maroon; text-decoration: none;}
#container  table a:link {color:maroon;}
#container  table a:visited { color: maroon;}
#container  table a:hover {color:chocolate;}

/* thead tbody tfoot
----------------------------------------------- */

#container  thead th, tfoot th, tfoot td ,tbody th,tbody td {
	color: #610102; 
	font: 8pt Verdana; 
	border-right: 1px solid #aaa; 
	border-top: 1px solid #eee; 
	border-left:1px solid #eee; 
	border-bottom: 1px solid #aaa; 
}

#container thead th, tfoot th, tfoot td { background-color: #ccc; font-weight: bold; text-align:center; }
#container tfoot td { text-align:right }
#container tbody th { white-space: nowrap; font-weight: bold; text-align:left;font-size:150%; }
#container tbody th { font-size: 11px;color:#610102;}

/* Visual and hover effects */
#container  .odd td { }

#container  tbody tr:hover td{
	background-color: silver;
	border-right: 1px solid #eee; 
	border-top: 1px solid #999; 
	border-left: 1px solid #999; 
	border-bottom: 1px solid #eee; 
	background-color: #e4e0d8;
}

#container .align_left  {
    position:relative;
    margin-left:210px;
}
#container .align_left  p {
	color: #610102; 
	font: 8pt Verdana;	
}

#container .align_left textarea {
background-color: #e4e0d8;
border: 1px solid #000; 
}

#container .asterisk {
	color:#0e4c82;
}

#container .align_right  {
    margin:10px 5px;
	float:right;
}
