/*********************  Media Serv - Amenajare Urbana -  Template CSS  ********************/
* {
margin: 0;
padding: 0;
border: 0;
outline: none;
}

body {
	background: #1b3f61 url(../images/background.png) no-repeat top center;
	font-size: 10pt;
	font-family:  Arial, "Microsoft Sans Serif", "Lucida Sans Unicode";
	color: #fff;
	font-weight: normal;
	list-style: inside square;
	outline: none;
}

a:link,
a:visited,
a:active {
	font-family:  Arial, "Microsoft Sans Serif", "Lucida Sans Unicode";
	font-size: 10pt;
	color: #42753a;
	text-decoration: underline;
	background: url(../images/link-icon.png) no-repeat 0 3px;
}

a:hover {
	color: #3e2e1e;
	text-decoration: underline;
}

img,
a img { border: 0; }

div.clearfix { clear: both; }

#page-wrapper {
	margin: 0 auto;
}

/*********************  Amenajare Urbana - HEADER  ********************/

#top-shape {
	height: 120px;
	background: url(../images/top-shape-bg.png) repeat-x;
	margin: auto;
	overflow: hidden;
}

#top-shape #wrapper {
	width: 900px;
	margin: 0 auto;
}
/*********************  Amenajare Urbana - TOOLBAR ********************/

#logo-wrapper {
float: left;
width: 313px;
height: 112px;
padding: 5px 0 0 0;
}

#logo {
width: 313px;
height: 107px;
background: url(../images/logo.png) no-repeat center;
}

/*********************  Amenajare Urbana - TOOLBAR ********************/

#top-shape #toolbar {
	height: 35px;
	float: right;
	width: 360px;
}

#toolbar #left {
	width: 2px;
	height: 35px;
	background: url(../images/top-toolbar-left.png) no-repeat;
	float: left;
}

#toolbar #mid {
	height: 35px;
	background: url(../images/top-toolbar-mid.png) repeat-x;
	padding: 0 5px;
	float: left;
	line-height: 35px;
}

#toolbar #right {
	width: 2px;
	height: 35px;
	background: url(../images/top-toolbar-right.png) no-repeat;
	float: left;
}

/*********************  Amenajare Urbana - TOOLBAR ********************/

#top-links {
	float: left;
}

#top-links ul {
	list-style: none;
	padding: 0 10px 0 0;
	margin: 0;
	float: left;
	height: 35px;
	line-height: 35px;
}

#top-links ul li {
	float: left;
	list-style: none;
}

#top-links ul li a:link,
#top-links ul li a:visited,
#top-links ul li a:active {
	padding: 0;
	margin: 0;
	display: block;
	padding: 0 10px 0 10px;
	background: url(../images/top-toolbar-sep.png) no-repeat right center;
	line-height: 35px;
	text-decoration: none;
	color: #fff;
	text-shadow: #547918 1px 1px 0px;
} 

#top-links ul li a:hover {
	color: #000;
	text-shadow: none;

}

/*********************  Amenajare Urbana - SEARCHBOX ********************/

#searchbox {
	background: url(../images/searchbox.png) no-repeat;
	background-position: 0px 5px;
	padding: 5px 0 0 0;
	width: 155px;
	height: 30px;
	float: left;
}

#searchbox input.inputbox {
	height: 21px;
	width: 110px;
	border: 0;
	background: transparent;
	float: left;
	margin: 0 5px 0 0;
	padding: 4px 5px 0 5px;
	color: #666;
	font-size: 10pt;
}

#searchbox input.button {
	height: 25px;
	width: 30px;
	border: 0;
	background: transparent;
	float: left;
	cursor: pointer;
}

/*********************  Pensiunea Marcu - MAINMENU  ********************/

#mainmenu-base {
width: 900px;
margin: 0 auto;
height: 39px;
}

#mainmenu-links {
height: 39px;
width: auto;
background: url(../images/mainmenu-bg.png) repeat-x bottom;
float: left;
padding: 0 15px 0 5px;
}

#mainmenu-base #text {
}

#ms-mainmenu ul{
height: 39px;
list-style:none;
float: left;
}

#menu-list #separator,
#mainmenu-base #separator {
width: 2px;
height: 39px;
background: url(../images/mainmenu-sep.png) no-repeat center;
float: left;
}

#menu-list #active #btn-left.left {
height: 39px;
width: 0px;
float: left;
display: inline-block;
}

#menu-list #active #btn-mid.mid {
height: 39px;
float: left;
display: inline-block;
}

#menu-list #active #btn-right.right {
height: 39px;
width: 0px;
float: left;
display: inline-block;
}

#menu-list #active a:link,
#menu-list #active a:visited {
list-style:none;
text-decoration:none;
color: #1b4063;
display: block;
padding: 0px 5px;
margin: 0px 5px;
font-family: "Microsoft Sans Serif", Arial, "Lucida Sans Unicode";
font-size: 11pt;
text-transform: uppercase;
background: url(../images/mainmenu-active.png) repeat-x center;
float: left;
}

#menu-list a:link, #menu-list a:visited {
list-style:none;
text-decoration:none;
color: #FFF;
display:block;
padding: 0 5px;
margin: 0px 5px;
font-family: "Microsoft Sans Serif", Arial, "Lucida Sans Unicode";
font-size: 11pt;
text-transform: uppercase;
background: none;
line-height: 39px;
float: left;
}

#menu-list a:hover {
color: #1b4063;
background: url(../images/mainmenu-active.png) repeat-x center;
}

#menu-list #active a:hover {
color: #1b4063;
padding-top: 0;
}

#menu-list li {
list-style: none;
float: left;
}

/*********************  Amenajare Urbana - ACTIVE ZONE ********************/

#activezone-wrapper {
	clear: both;
	margin: auto;
	background: url(../images/stripe-pattern.png) repeat-x;
	overflow: hidden;
}

#content-area-glow {
	background: url(../images/content-area-glow.png) no-repeat bottom center;
	/*width: 990px;*/
	margin: auto;
	padding: 0 0 40px 0;
}

/*********************  Amenajare Urbana - CONTENT AREA ********************/

#content-area {
	margin: 0 auto;
	width: 920px;
}

#content-area #top {
	width: 920px;
	height: 13px;
	background: url(../images/content-area-top.png) center no-repeat;
	margin: 0 auto;
}

#content-area #mid {
	width: 920px;
	margin: 0 auto;
	background: url(../images/content-area-mid.png) center repeat-y;
	overflow: hidden;
}

#content-area #bot {
	height: 20px;
	width: 920px;
	background: url(../images/content-area-bot.png) center no-repeat;
}

#content-wrapper {
	width: 650px;
	float: left;
	color: #1b3f61;
}

/*********************  Amenajare Urbana - SLIDE MENU ********************/

#slidemenu {
	height: 206px;
	width: 644px;
	border: solid 3px #75a721;
	background: #FFF;
	margin: 0 0 10px 0;
}

/*********************  Amenajare Urbana - SIDEBAR ********************/

#sidebar {
	width: 250px;
	margin: 0 20px 0 0;
	float: left;
}

/*********************  Amenajare Urbana - SIDEBAR -> MAINMENU ********************/

#sidebar div.module-nav {
	width: 250px;
}

#sidebar div.module-nav a:link.mainlevel,
#sidebar div.module-nav a:visited.mainlevel,
#sidebar div.module-nav a:active.mainlevel {
	display: block;
	width: 250px;
	height: 32px;
	line-height: 32px;
	font-family:  Arial, "Microsoft Sans Serif", "Lucida Sans Unicode";
	font-size: 10pt;
	/*text-transform: uppercase;*/
	color: #FFF;
	text-shadow: #255279 1px 1px 0px;
	text-decoration: none;
	text-align: center;
	background: url(../images/sidebar-mainmenu-button.png) no-repeat 0px 0px;
	margin: 0 0 4px 0;
	padding: 0;
	overflow: hidden;
}

#sidebar div.module-nav a:hover.mainlevel {
	text-shadow: none;
	/*background-position: -10px -32px;*/
}

#sidebar div.module-nav a#active_menu.mainlevel:link,
#sidebar div.module-nav a#active_menu.mainlevel:visited,
#sidebar div.module-nav a#active_menu.mainlevel:visited,
#sidebar div.module-nav a#active_menu.mainlevel:hover {
	color: #FFF;
	text-shadow: #255279 1px 1px 0px;
	background-position: 0px -32px
}

/*********************  Amenajare Urbana - SIDEBAR -> MAINMENU -> SUBLEVEL ********************/

#sidebar div.module-nav a:link.sublevel,
#sidebar div.module-nav a:visited.sublevel,
#sidebar div.module-nav a:active.sublevel {
	display: block;
	width: 186px;
	font-family:  Arial, "Microsoft Sans Serif", "Lucida Sans Unicode";
	font-size: 10pt;
	/*text-transform: uppercase;*/
	color: #FFF;
	text-decoration: none;
	text-align: left;
	background-color: #234c74;
	background-image: url(../images/sidebar-menu-sublevel.png);
	background-repeat: no-repeat;
	background-position: 5px 7px;
	margin: 0 10px 1px 0;
	padding: 3px 0 3px 24px;
	overflow: hidden;
	float: right;
}

#sidebar div.module-nav a:hover.sublevel,
#sidebar div.module-nav a#active_menu.sublevel:link,
#sidebar div.module-nav a#active_menu.sublevel:visited,
#sidebar div.module-nav a#active_menu.sublevel:visited,
#sidebar div.module-nav a#active_menu.sublevel:hover {
	background-color: #2e69a3;
	background-image: url(../images/sidebar-menu-sublevel.png);
	background-repeat: no-repeat;
	/*background-position: 11px center;
	padding-left: 30px;
	width: 180px;*/ /* This is done with javaScript MootTools Library */
}

#sidebar div.module-nav a#active_menu.sublevel:link,
#sidebar div.module-nav a#active_menu.sublevel:visited,
#sidebar div.module-nav a#active_menu.sublevel:visited,
#sidebar div.module-nav a#active_menu.sublevel:hover {
	background: #2e69a3 url(../images/sidebar-menu-sublevel-active.png) no-repeat;
	background-position: 11px 7px;

}

/*********************  Amenajare Urbana - SIDEBAR -> MAINMENU -> LASTLEVEL ********************/

#sidebar div.module-nav a:link.lastlevel,
#sidebar div.module-nav a:visited.lastlevel,
#sidebar div.module-nav a:active.lastlevel {
	display: block;
	width: 166px;
	font-family:  Arial, "Microsoft Sans Serif", "Lucida Sans Unicode";
	font-size: 10pt;
	/*text-transform: uppercase;*/
	color: #435e13;
	text-decoration: none;
	text-align: left;
	background: #b6dc74;
	background-image: url(../images/sidebar-menu-sublevel.png);
	background-repeat: no-repeat;
	background-position: 5px 7px;
	margin: 0 10px 1px 0;
	padding: 3px 0 3px 24px;
	overflow: hidden;
	float: right;
}

#sidebar div.module-nav a:hover.lastlevel,
#sidebar div.module-nav a#active_menu.lastlevel:link,
#sidebar div.module-nav a#active_menu.lastlevel:visited,
#sidebar div.module-nav a#active_menu.lastlevel:visited,
#sidebar div.module-nav a#active_menu.lastlevel:hover {
	background: #75a622;
	background-image: url(../images/sidebar-menu-lastlevel.png);
	background-repeat: no-repeat;
	background-position: 11px 7px;
	padding-left: 30px;
	width: 160px;
	color: #FFF;
}


/*********************  Amenajare Urbana - SIDEBAR -> MAINMENU ********************/

#sidebar div.module-contact {
	width: 220px;
	height: 225px;
	padding: 0 0 0 30px;
}

#sidebar div.module-contact div {
	width: 220px;
	height: 225px;
	background: url(../images/module-content-bg.png) no-repeat;
}

#sidebar div.module-contact div div {
	width: 220px;
	height: 225px;
	background: none;
}

#sidebar div.module-contact div div div {
	width: 190px;
	height: 215px;
	background: none;
	padding: 0 15px 10px 15px;
	color: #1c2b09;
	line-height: 13pt;
}

#sidebar div.module-contact h3 {
	height: 44px;
	text-align: center;
	font-family:  Arial, "Microsoft Sans Serif", "Lucida Sans Unicode";
	font-size: 13pt;
	color: #FFF;
	line-height: 44px;
	background: url(../images/module-contact-h3.png) no-repeat bottom center;
	margin: 0 0 6px 0;
}

#sidebar div.module-contact a:link,
#sidebar div.module-contact a:visited,
#sidebar div.module-contact a:active {
	text-decoration: underline;
	color: #212121;
}

#sidebar div.module-contact a:hover {
	text-decoration: none;
}

/*********************  Amenajare Urbana - MAINBODY ********************/

#mainbody {
	width: 600px;
	overflow: hidden;
	background: url(../images/mainbody-bg.png) no-repeat top center;
	padding: 10px;
}


#mainbody ul {
	list-style: inside square;
	padding: 0 0 0 10px;
}
.contentheading {
	width: 586px;
	height: 32px;
	padding: 0 0 0 10px;
	background: url(../images/contentheading.png) no-repeat top;
	font-family:  "Microsoft Sans Serif", "Lucida Sans Unicode", Arial;
	font-size: 12pt;
	line-height: 32px;
	text-transform: uppercase;
	color: #FFF;
	text-shadow: #527418 1px 1px 0px;
}

.title {
	width: 586px;
	height: 32px;
	padding: 0 0 0 10px;
	background: url(../images/contentheading.png) no-repeat top;
	font-family:  "Microsoft Sans Serif", "Lucida Sans Unicode", Arial;
	font-size: 12pt;
	line-height: 32px;
	text-transform: uppercase;
	color: #FFF;
	text-shadow: #527418 1px 1px 0px;
	display: block;
}

/*********************  Amenajare Urbana - Tabel articol produse ********************/

table.tabel-produs {
	float: right;
}

#mainbody td.img-produs-large {
	border: 1px solid #0c161f;
	width: 218px;
	height: 258px;
}

table.tabel-produs img {
	border: 1px solid #fff;
}

td.img-produs-small {
	border: 1px solid #0c161f;
}

.albastru {
	color:#1b3f61;
}

div.orange {
	border-left: 4px solid #e89235;
	padding: 0 0 0 10px;
	margin: 0 0 15px 0;
}

div.grey {
	border-left: 4px solid #6a7681;
	padding: 0 0 0 10px;
	margin: 0 0 15px 0;
}

div.magenta {
	border-left: 4px solid #6d5283;
	padding: 0 0 0 10px;
	margin: 0 0 15px 0;
}

div.red {
	border-left: 4px solid #c82a4f;
	padding: 0 0 0 10px;
	margin: 0 0 15px 0;
}

div.blue {
border-left: 4px solid #2e69a3;
	padding: 0 0 0 10px;
	margin: 0 0 15px 0;
}


.orange h3 {
	color: #e89235;
	font-size: 9pt;
	
}

.grey h3 {
	color:#6a7681;
	font-size: 9pt;
}

.magenta h3 {
	color: #6d5283;
	font-size: 9pt;
}

.red h3 {
	color: #c82a4f;
	font-size: 9pt;
}

.blue h3 {
	color: #2e69a3;
	font-size: 9pt;
}

/*********************  Amenajare Urbana - FOOTER ********************/

#footer {
	height: 30px;
	line-height: 30px;
	width: 900px;
	margin: 0 auto;
}

#footer-links {
	width: 670px;
	height: 30px;
	line-height: 30px;
	float: left;
}

#footer-links a:link,
#footer-links a:visited, 
#footer-links a:active {
	color: #5aa4e9;
	height: 30px;
	padding: 0 15px 0 0;
	text-decoration: none;
}

#footer-links a:hover {
	text-decoration: underline;
	color: #fff;
}

/*********************  Amenajare Urbana - MEDIASERV ********************/

#mediaserv {
	width: auto;
	float: right;
	height: 30px;
	line-height: 30px;
}

#mediaserv a:link,
#mediaserv a:visited, 
#mediaserv a:active {
	color: #5aa4e9;
	height: 30px;
	text-decoration: none;
}

#mediaserv a:hover {
	color: #5aa4e9;
	text-shadow: #000 0px 0px 10px;
}

/*********************  Amenajare Urbana - PRODUCT GALLERY ********************/

table.galerie-produse {
	margin: 0 auto;
}

table.galerie-produse td.galerie-img {
	border: solid 1px #0c161f;
	padding: 0;
}

table.galerie-produse td.galerie-img img,
table.galerie-produse td.galerie-img a:link img,
table.galerie-produse td.galerie-img a:visited img,
table.galerie-produse td.galerie-img a:active img {
	border: solid 1px #FFF;
	width: 182px;
	height: 116px;
}


table.galerie-produse td.galerie-img a:hover img {
	border: solid 1px #0c161f;
}

table.galerie-produse td.galerie-title {
	border-left: solid 1px #0c161f;
	border-bottom: solid 1px #0c161f;
	border-right: solid 1px #0c161f;
	background: url(../images/galerie-produse-title.png) repeat-x;
	height: 21px;
	overflow: hidden;
	color: #fff;
	text-shadow: #000 1px 1px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-align: center;
}