/*********************  Media Serv - Pensiunea Marcu -  Template CSS  ********************/

* {
margin: 0;
padding: 0;
border: 0;
outline: none;
}

body {
background: #eee9d5;
font-size: 10pt;
font-weight: normal;
list-style: none;
outline: none;
}

a,
a:link,
a:visited,
a:active {
font-family: "Microsoft Sans Serif", "Lucida Sans Unicode", Arial;
font-size: 10pt;
color: #42753a;
text-decoration: underline;
}

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

img,
a img { border: 0; }

div.clearfix { clear: both; }

#page-wrapper {
margin: 0 auto;
}

/*********************  Pensiunea Marcu - HEADER  ********************/

#top-shape-repeat {
height: 18px;
margin: auto;
width: auto;
background: url(../images/top-shape-repeat.png) repeat-x;
}

#top-shape-repeat #texture {
width: 870px;
height: 18px;
margin: 0 auto;
background: url(../images/top-shape-texture.png) no-repeat;
}

#header-base {
height: 195px;
width: auto;
margin: auto;
background: url(../images/header-bg.png) repeat-x;
}

#header-base #logo {
height: 182px;
width: 304px;
background: url(../images/logo.png) no-repeat;
margin: 0 auto;
}

#header-base #logo-holder {
height: 182px;
width: 870px;
margin: 0 auto;
}

/*********************  Pensiunea Marcu - ACTIVE ZONE  ********************/

#background {
margin: auto;
background: url(../images/background.png) repeat-y center;
overflow: hidden;
}

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

#mainmenu-base {
background: url(../images/mainmenu-bg.png) no-repeat;
width: 910px;
margin: 0 auto;
}

#mainmenu-links {
height: 25px;
width: 670px;
padding: 13px 0 0 0;
margin: 0 auto;
}

#mainmenu-base #text {
width: auto;
margin: 0 auto;
text-align: center;
width: 620px;
}

#ms-mainmenu ul{
height: 25px;
list-style:none;
padding: 0;
text-align: center;
margin: 0 auto;
width: auto;
}

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

#menu-list #active #btn-left.left {
height: 25px;
width: 6px;
background: url(../images/mainmenu-active-left.png) no-repeat;
float: left;
display: inline-block;
}

#menu-list #active #btn-mid.mid {
height: 25px;
background: url(../images/mainmenu-active-mid.png) repeat-x center;
float: left;
display: inline-block;
}

#menu-list #active #btn-right.right {
height: 25px;
width: 6px;
background: url(../images/mainmenu-active-right.png) no-repeat;
float: left;
display: inline-block;
}

#menu-list #active a:link,
#menu-list #active a:visited{
float:left;
list-style:none;
text-decoration:none;
/*color: #fcf8e5;*/
color: #ecdb79;
display: block;
padding: 0px 4px;
font-family: "Times New Roman", "Microsoft Sans Serif", "Lucida Sans Unicode";
font-size: 11pt;
text-transform: uppercase;
background: none;
}

#menu-list a:link, #menu-list a:visited{
float:left;
list-style:none;
text-decoration:none;
color: #fcf8e5;
display:block;
padding: 0 10px;
font-family: "Times New Roman", "Microsoft Sans Serif", "Lucida Sans Unicode";
font-size: 11pt;
text-transform: uppercase;
background: none;
}

#menu-list a:hover{
color:#FFF;
line-height: 25px;
text-shadow: #FFF 0px 0px 10px;
}

#menu-list #active a:hover {
/*color: #fcf8e5;*/
color: #ecdb79; /* yellow */
padding-top: 0;
line-height: 25px;
text-shadow: none;
}

#menu-list li {
list-style: none;
line-height: 25px;
display: inline;
}

/*********************  Pensiunea Marcu - SLIDESHOW  ********************/

#subheader-base {
width: 732px;
height: 227px;
padding: 20px 0 0 0;
margin: 0 auto;
}

#slideshow {
float: left;
margin: 0 14px 0 0;
background: url(../images/slideshow-bg.png) no-repeat;
height: 227px;
width: 476px;
}

#slideshow div.text {
padding: 10px 11px 12px 11px;
overflow: hidden;
}

/*********************  Pensiunea Marcu - TOP-MODULE  ********************/

#top-module-base {
background: url(../images/top-module-bg.png) no-repeat;
height: 227px;
width: 242px;
float: left;
}

#top-module-base div.text {
padding: 24px;
overflow: hidden;
}

#top-module-base div.module {
font-family: "Microsoft Sans Serif", "Lucida Sans Unicode", Arial;
font-size: 8pt;
color: #000;
text-align: justify;
line-height: 12pt;
}

#top-module-base div.module h3 {
font-family: "Times New Roman", Times, serif;
text-transform: uppercase;
font-weight: normal;
color: #42753a;
height: 35px;
margin: 0 auto;
text-align: center;
background: url(../images/top-module-h3.png) no-repeat center top;
padding: 0 0 9px 0;
font-size: 14pt;
line-height: normal;
}

#top-module-base div.module a:link,
#top-module-base div.module a:visited,
#top-module-base div.module a:active {
font-size: 8pt;
line-height: 12pt;
}

#top-module-base div.module a:hover {

}

#active-zone-sep-base {
width: 839px;
height: 31px;
padding: 5px 0;
margin: 0 auto;
background: none;
}

#active-zone-sep {
height: 31px;
width: 839px;
margin: 0 auto;
background: url(../images/active-zone-sep.png) no-repeat;
}

/*********************  Pensiunea Marcu - CONTENT AREA  ********************/

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

#content-area-base div.text {
padding: 9px 28px 0 28px;
margin: auto;
}

#leather-strip {
width: 875px;
height: 25px;
background: url(../images/leather-strip.png) no-repeat;
margin: 0 auto;
}

/*********************  Pensiunea Marcu - SIDEBAR  ********************/

#sidebar-base {
float: left;
width: 220px;
padding: 0 20px 0 0;
}

#sidebar-base ul {
list-style: none;
}

#sidebar-base #top {
width: 220px;
height: 40px;
background:  url(../images/sidebar-top.png) no-repeat;
}

#sidebar-base #mid {
width: 220px;
background:  url(../images/sidebar-mid.png) repeat-y;
}

#sidebar-base #bot {
width: 220px;
height: 62px;
background:  url(../images/sidebar-bot.png) no-repeat;
}

#sidebar-base #mid div.text {
padding: 8px 14px 0px 14px;
}

#sidebar-base #mid div.module {
margin: auto;
font-family:"Microsoft Sans Serif", "Lucida Sans Unicode", Arial;
font-size: 8pt;
color: #000;
padding: 0 0 14px 0;
text-align: justify;
}

#sidebar-base #mid div.module h3 {
height: 45px;
background: url(../images/sidebar-h3.png) no-repeat;
font-family: "Times New Roman", Times, serif;
text-transform: uppercase;
font-weight: normal;
color: #42753a;
margin: 0 auto;
text-align: center;
padding: 0 0 9px 0;
font-size: 14pt;
line-height: normal;
}

#sidebar-base #mid div.module input.inputbox {
width: 180px;
height: 16px;
border: solid 1px #c7c6bf;
background: #f9f8ef;
font-size: 10pt;
color: #757268;
margin-bottom: 10px;
font-family: "Times New Roman", Times, serif;
padding: 0 5px;
}

#sidebar-base #mid div.module textarea.textarea {
width: 180px;
border: solid 1px #c7c6bf;
background: #f9f8ef;
font-size: 10pt;
color: #757268;
margin-bottom: 10px;
font-family: "Times New Roman", Times, serif;
padding: 0 5px;
}

#sidebar-base #mid div.module input.button {
width: auto;
border: solid 1px #878682;
background: #9c9b96;
font-size: 10pt;
color: #FFF;
margin-bottom: 0;
font-family: "Times New Roman", Times, serif;
line-height: inherit;
padding: 0 5px;
float: right;
cursor: pointer;
}

#sidebar-base #mid div.module input.button:hover {
border: solid 1px #545351;
}

#sidebar-base .small-text {
color: #757268;
font-size: 8pt;
}

/*********************  Pensiunea Marcu - MAINBODY  ********************/

#mainbody {
float: left;
width: 579px;
padding: 9px 0 0 0;
font-family: "Microsoft Sans Serif", "Lucida Sans Unicode", Arial;
font-size: 10pt;
text-align: justify;
}

#mainbody ul {
list-style: none;
padding: 0 0 0 7px;
}

#mainbody ul a {
padding: 0 0 0 16px;
background: url(../images/check-icon.png) no-repeat 0 3px;
}

#mainbody ul li a {
padding: 0;
background: none;
}

#mainbody ul li {
padding: 0 0 0 16px;
background: url(../images/check-icon.png) no-repeat 0 3px;
line-height: 14pt;
}

#mainbody img {
border: solid 1px #b2ae9f;
}

.sep {
border-bottom: dashed 1px #b2ae9f;
}

.title {
line-height: normal;
font-family: "Times New Roman", Times, serif;
font-size: 14pt;
font-weight: normal;
text-transform: uppercase;
text-align: left;
color: #42753a;

}

#mainbody a {
padding: 0;
background: none;
}

#mainbody a.icon {
padding: 0 0 0 16px;
background: url(../images/check-icon.png) no-repeat 0 3px;
}

#mainbody .contentheading {
background: url(../images/contentheading.png) no-repeat;
height: 51px;
width: auto;
line-height: normal;
padding: 0 15px 0 20px;
font-family: "Times New Roman", Times, serif;
font-size: 16pt;
font-weight: normal;
text-transform: uppercase;
text-align: left;
color: #42753a;
}

#mainbody .componentheading {
width: auto;
line-height: normal;
padding: 0 15px 0 20px;
font-family: "Times New Roman", Times, serif;
font-size: 14pt;
font-weight: normal;
text-transform: uppercase;
text-align: left;
color: #42753a;
}

#mainbody input.inputbox {
width: 185px;
height: 16px;
border: solid 1px #c7c6bf;
background: #f9f8ef;
font-size: 10pt;
color: #757268;
font-family: "Times New Roman", Times, serif;
padding: 0 0 0 5px;
}

#mainbody input.button {
width: auto;
border: solid 1px #878682;
background: #9c9b96;
font-size: 10pt;
color: #FFF;
margin-bottom: 0;
font-family: "Times New Roman", Times, serif;
line-height: inherit;
padding: 0 5px;
float: left;
cursor: pointer;
}

#mainbody input.button:hover {
border: solid 1px #545351;
}

#mainbody textarea {
border: solid 1px #c7c6bf;
background: #f9f8ef;
font-size: 10pt;
color: #757268;
font-family: "Times New Roman", Times, serif;
padding: 0 0 0 5px;
}

/*********************  Pensiunea Marcu - FOOTER  ********************/

#footer-leather-stripe {
background: url(../images/footer-leather-stripe.png) no-repeat center;
height: 68px;
margin: auto;
padding: 0;
}

#footer-base {
height: 131px;
margin: auto;
background: url(../images/footer-base.png) repeat-x;
}

#footer-bg {
height: 131px;
margin: auto;
background: url(../images/footer-bg.png) no-repeat center;
}

#footer-links {
width: 870px;
height: 20px;
margin: 0 auto;
padding: 90px 0 0 0;
}

#footer-links a,
#footer-links a:link,
#footer-links a:visited,
#footer-links a:active {
font-size: 10pt;
font-family:"Microsoft Sans Serif", "Lucida Sans Unicode", Arial;
color: #000;
text-decoration: none;
padding: 0 8px;
border-right: solid 1px #000;
background: none;
}

#footer-links a:hover {
color: #FFF;
text-shadow: #FFF 0px 0px 5px;
}

/*********************  Pensiunea Marcu - MEDIASERV  ********************/

#mediaserv {
margin: auto;
height: 51px;
line-height: 51px;
background: url(../images/mediaserv-bg.png) no-repeat center top;
text-align: center;
color: #7e6857;
font-family: "Microsoft Sans Serif", "Lucida Sans Unicode", Arial;
font-size: 8pt;
padding: 20px 0 0 0;
}

#mediaserv a,
#mediaserv a:link,
#mediaserv a:visited,
#mediaserv a:active {
color: #c0a490;
padding: 0;
background: none;
font-family: "Microsoft Sans Serif", "Lucida Sans Unicode", Arial;
font-size: 8pt;
text-decoration: none;
}

#mediaserv a:hover {
color: #FFF;
text-shadow: #FFF 0px 0px 15px;
}