/*********************  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;
	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;
}

/*********************  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;
	overflow: hidden;
}

/*********************  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;
}

#sidebar div.module-nav a:hover.mainlevel {
	color: #FFF;
	text-shadow: none;
	/*background-position: -5px -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: -10px -32px
}




/*********************  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;
}

.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;
}

#mainbody input.inputbox {
	margin: 3px 0;
	background: #d6e2e8;
	border: solid 1px #b2c6d1;
	font-family: Arial, "Microsoft Sans Serif", "Lucida Sans Unicode";
	font-size: 9pt;
	color: #5b798a;
	padding: 1px;
}

#mainbody input.inputbox:focus {
	background: #e6f3fa;
}

#mainbody input.inputbox:active {
	background: #FFF;
}

#mainbody textarea {
	margin: 3px 0;
	background: #d6e2e8;
	border: solid 1px #b2c6d1;
	font-family: Arial, "Microsoft Sans Serif", "Lucida Sans Unicode";
	font-size: 9pt;
	color: #5b798a;
	padding: 1px;
}

#mainbody textarea:focus {
	background: #e6f3fa;
}

#mainbody textarea:active {
	background: #FFF;
}

#mainbody select {
	margin: 3px 0;
	background: #d6e2e8;
	border: solid 1px #b2c6d1;
	font-family: Arial, "Microsoft Sans Serif", "Lucida Sans Unicode";
	font-size: 9pt;
	color: #5b798a;
	padding: 1px;
}

#mainbody input.button {
	background: #74a521;
	border: double #FFF;
	margin: 3px 0;
	padding: 0 5px;
	color: #FFF;
	cursor: pointer;
	font-family: Arial, "Microsoft Sans Serif", "Lucida Sans Unicode";
	font-size: 9pt;
}

#mainbody input.button:active {
	background: #2e69a3;
	border: double #FFF;
}


.video-title {
	background: #74a521;
	padding: 5px;
	color: #fff;
	border: 1px solid #9cbf62;
}


/*********************  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;
}