/******************************* Media Serv - CSS - WebSite - Imparatul Romanilor *******************************/
* {
margin: 0;
padding: 0;
outline: none;
border: 0;
}

body {
font-family: "Lucida Sans Unicode", "Microsoft Sans Serif";
background:#141c2c /*#191d14 */ /*#eadbce*/ url(../images/background.png) repeat-x;
color: #fff;
font-size: 9pt;
}

ul {
list-style: none;
}

ul li {
line-height: 15pt; 
}

a img {
border: 0;
}

a, a:link, a:visited, a:active {
color: #FFF;
text-decoration: none;
font-weight: normal;
}
a:hover {
color: #e48d20;
text-decoration: underline;
}

.clearfix {
width: 0;
height: 0;
clear: both;
}

img.png-img {
cursor: pointer;
}

.yellow {
color: #ffab41;
}

/*#page-background {
background: #441000 #eadbce url(../images/background.png) repeat-x fixed;
margin: auto;
width: 100%;
height: 100%;
}*/

h2 {
text-align: left;
font-family: "Times New Roman", Times, serif;
font-size: 12pt;
color: #ffab41;
padding: 4px 0 4px 0;
text-transform: uppercase;
}

/******************************* Media Serv - CSS - WebSite - Header *******************************/

#header-bg {
margin: auto;
height: 204px;
background: url(../images/header-bg.png) repeat-x top;
}

#header-bg div.wrapper {
width: 1008px;
height: 204px;
margin: 0 auto;
}

/******************************* Media Serv - CSS - WebSite - Logo *******************************/

#logo-deco {
width: 275px;
height: 204px;
background: url(../images/logo-deco.png) no-repeat;
padding: 0 0 0 56px;
float: left;
}

#logo-base {
width: 173px;
height: 204px;
background: url(../images/logo-base.png) no-repeat;
padding: 0 0 0 13px;
}


#logo {
width: 160px;
height: 190px;
background: url(../images/logo.png) no-repeat;
}

/******************************* Media Serv - CSS - WebSite - Title *******************************/

#header-right {
width: 674px;
height: 190px;
float: left;
}

#header-title-base {
width: 517px;
height: 36px;
padding: 38px 0 0 69px;
}

#header-title {
width: 517px;
height: 36px;
background: url(../images/header-title.png) no-repeat;
}

/******************************* Media Serv - CSS - WebSite - Main Menu *******************************/

#mainmenu-base {
width: 670px;
height: 66px;
}

#mainmenu-base a,
#mainmenu-base a:link,
#mainmenu-base a:visited,
#mainmenu-base a:active {
color: #f4c8b7;
font-family: "Times New Roman", Times, serif;
font-size: 12pt;
text-decoration: none;
text-transform: uppercase;
}

#mainmenu-base a:hover {
text-decoration: none;
color: #e48d20;
}

#mainmenu-base ul {
height: 66px;
line-height: 30px;
list-style: none;
margin: 0 auto;
padding: 0 0 0 15px;
}

#mainmenu-base ul li {
height: 66px;
padding: 0 8px;
float: left;
line-height: 99px;
}

#mainmenu-base ul li a,
#mainmenu-base ul li a:link,
#mainmenu-base ul li a:visited,
#mainmenu-base ul li a:active {
color: #fff;
font-family: "Times New Roman", Times, serif;
/*font-size: 14px;*/
font-size:12px;
text-decoration: none;
text-transform: uppercase;
}

#mainmenu-base ul li a:hover {
text-decoration: none;
color: #fcca9e;
}

#mainmenu-base li a.active,
#mainmenu-base li a.active:visited,
#mainmenu-base li a.active:active {
text-decoration: none;
color: #ffe2bf;
}

#mainmenu-base div.active {
background: url(../images/mainmenu-active.png) no-repeat;
background-position: center 65px;
height: 66px;
padding: 0 9px;
float: left;
}

#mainmenu-base ul li.active,
#mainmenu-base ul li:hover {
background: url(../images/mainmenu-active-glow.png) no-repeat;
background-position: center 0;
height: 66px;
float: left;
}

/******************************* Media Serv - CSS - WebSite - Language Bar *******************************/

#language-bar-base {
width: 110px;
height: 18px;
float: right;
padding: 32px 92px 0 0;
}

#language-bar {
width: 110px;
height: 18px;
}

#language-bar ul {
margin: 0 auto;
list-style: none;
height: 18px;
}

#language-bar ul li {
height: 18px;
float: left;
}

#language-bar ul li.mid {
padding: 0 10px;
}

/******************************* Media Serv - CSS - WebSite - Page Wrapper *******************************/

#page-wrapper {
width: 930px;
margin: 0 auto;
padding: 15px 0 5px 0;
clear: both;
}

#sidebar-left {
width: 210px;
float: left;
}

#content-area {
width: 480px;
padding: 0 15px;
float: left;
}

#sidebar-right {
width: 200px;
float: left;
}

/******************************* Media Serv - CSS - WebSite - Module-A *******************************/

#sidebar-left div.module-a {
width: 210px;
padding-bottom: 15px;
}

div.module-a h3 {
text-align: center;
font-family: "Times New Roman", Times, serif;
font-size: 12pt;
color: #ffab41;
padding: 4px 0 8px 0;
text-transform: uppercase;
}

div.module-a div.sep {
width: 180px;
height: 2px;
background: url(../images/module-a_sep.png) no-repeat;
margin-bottom: 10px;
}

div.module-a .deco-l {
width:26px;
height: 14px;
margin: 0 5px 0 0;
}

div.module-a .deco-r {
width:26px;
height: 14px;
margin: 0 0 0 5px;
}

div.module-a div.top {
height: 12px;
width: 210px;
background: url(../images/module-a_top.png) no-repeat;
}

div.module-a div.mid {
width: 210px;
background: url(../images/module-a_mid.png) repeat-y;
}

div.module-a div.reflection {
width: 210px;
background: url(../images/module-a_reflection.png) no-repeat top;
}

div.module-a div.text {
padding: 0 15px 5px 15px;
text-align: justify;
}

div.module-a div.text-lang {
padding: 0 15px 5px 15px;
text-align: left;
}

div.module-a div.bot {
height: 12px;
width: 210px;
background: url(../images/module-a_bot.png) no-repeat;
}

/******************************* Media Serv - CSS - WebSite - Module-B *******************************/

div.module-b h3 {
text-align: center;
font-family: "Times New Roman", Times, serif;
font-size: 12pt;
color: #760d18;
padding: 4px 0 8px 0;
text-transform: uppercase;
}

div.module-b div.sep {
width: 180px;
height: 2px;
background: url(../images/module-a_sep.png) no-repeat;
margin-bottom: 10px;
}

div.module-b .deco-l {
width:26px;
height: 14px;
margin: 0 5px 0 0;
}

div.module-b .deco-r {
width:26px;
height: 14px;
margin: 0 0 0 5px;
}

div.module-b  div.top {
height: 12px;
width: 210px;
background: url(../images/module-b_top.png) no-repeat;
}

div.module-b div.mid {
width: 210px;
background: url(../images/module-b_mid.png) repeat-y;
}

div.module-b div.reflection {
width: 210px;
background: url(../images/module-a_reflection.png) no-repeat top;
}

div.module-b div.text {
padding: 0 15px 5px 15px;
text-align: justify;
}

div.module-b div.bot {
height: 12px;
width: 210px;
background: url(../images/module-b_bot.png) no-repeat;
}

div.module-b ul li {
padding: 0;
line-height: 15pt;
text-indent: 0;
}

div.module-b ul li a,
div.module-b ul li a:link,
div.module-b ul li a:visited,
div.module-b ul li a:active {
color:#760d18;
}



/******************************* Media Serv - CSS - WebSite - Slideshow *******************************/

#slideshow {
width: 480px;
height: 360px;
/*background: *url(../images/slideshow-temp.png) no-repeat;*/
padding-bottom: 15px;
}

/******************************* Media Serv - CSS - WebSite - Text Area *******************************/

div.module-text h3 {
text-align: left;
font-family: "Times New Roman", Times, serif;
font-size: 12pt;
color: #ffab41;
padding: 4px 0 8px 0;
text-transform: uppercase;
}

div.module-text div.sep {
width: 169px;
height: 2px;
background: url(../images/module-text_sep.png) no-repeat;
margin-bottom: 10px;
}

div.module-text .deco-l {
width:26px;
height: 14px;
margin: 0 3px 0 0;
}

div.module-text .deco-r {
width:26px;
height: 14px;
margin: 0 0 0 3px;
}

div.module-text  div.top {
height: 12px;
width: 480px;
background: url(../images/module-text_top.png) no-repeat;
}

div.module-text div.mid {
width: 480px;
background: url(../images/module-text_mid.png) repeat-y;
}

div.module-text div.reflection {
width: 480px;
background: url(../images/module-text_reflection.png) no-repeat top;
}

div.module-text div.text {
padding: 0 15px 5px 15px;
text-align: justify;
}

div.module-text div.bot {
height: 12px;
width: 480px;
background: url(../images/module-text_bot.png) no-repeat;
}

div.module-text input,
div.module-text select {
margin: 2px 0;
background: #eadbce;
}

div.module-text input.inputbox {
width: 160px;
height: 18px;
background: url(../images/input_inputbox.png) no-repeat;
padding: 2px 5px 0 5px;
}

div.module-text select {
width: 60px;
height: 20px;
background: url(../images/input_inputbox.png) no-repeat;
}

div.module-text input.button {
width: 105px;
height: 20px;
background: url(../images/submit_btn.png) no-repeat;
color: #eadbce;
line-height: 20px;
}

div.module-text textarea {
width: 100%;
background: url(../images/textarea_bg.png) no-repeat;
padding: 5px;
}

/******************************* Media Serv - CSS - WebSite - MODULE C *******************************/

div.module-c h3 {
text-align: center;
font-family: "Times New Roman", Times, serif;
font-size: 12pt;
color: #760d18;
padding: 4px 0 8px 0;
text-transform: uppercase;
}

div.module-c div.sep {
width: 169px;
height: 2px;
background: url(../images/module-a_sep.png) no-repeat;
margin-bottom: 10px;
}

div.module-c .deco-l {
width:26px;
height: 14px;
margin: 0 5px 0 0;
}

div.module-c .deco-r {
width:26px;
height: 14px;
margin: 0 0 0 5px;
}

div.module-c  div.top {
height: 12px;
width: 200px;
background: url(../images/module-c_top.png) no-repeat;
}

div.module-c div.mid {
width: 200px;
background: url(../images/module-c_mid.png) repeat-y;
}

div.module-c div.reflection {
width: 200px;
background: url(../images/module-c_reflection.png) no-repeat top;
}

div.module-c div.text {
padding: 0 15px 5px 15px;
text-align: justify;
color:#760d18;
}

div.module-c div.text-lang {
padding: 0 15px 5px 15px;
text-align: center;
}

div.module-c div.bot {
height: 12px;
width: 200px;
background: url(../images/module-c_bot.png) no-repeat;
}

div.module-c input,
div.module-c select {
margin: 2px 0;
background: #eadbce;
}

div.module-c input.inputbox {
width: 160px;
height: 18px;
background: url(../images/input_inputbox.png) no-repeat;
padding: 2px 5px 0 5px;
}

div.module-c select {
width: 60px;
height: 20px;
background: url(../images/input_inputbox.png) no-repeat;
}

div.module-c input#button {
width: 105px;
height: 20px;
background: url(../images/submit_btn.png) no-repeat;
color: #eadbce;
line-height: 20px;
}

/******************************* Media Serv - CSS - WebSite - Module D *******************************/

div.module-d {
float: left;
padding: 0 0 0 15px;
}

div.module-d h3 {
text-align: left;
font-family: "Times New Roman", Times, serif;
font-size: 12pt;
color: #ffab41;
padding: 4px 0 8px 0;
text-transform: uppercase;
}

div.module-d div.sep {
width: 169px;
height: 2px;
background: url(../images/module-text_sep.png) no-repeat;
margin-bottom: 10px;
}

div.module-d .deco-l {
width:26px;
height: 14px;
margin: 0 5px 0 0;
}

div.module-d .deco-r {
width:26px;
height: 14px;
margin: 0 0 0 5px;
}

div.module-d  div.top {
height: 12px;
width: 695px;
background: url(../images/module-d_top.png) no-repeat;
}

div.module-d div.mid {
width: 695px;
background: url(../images/module-d_mid.png) repeat-y;
}

div.module-d div.reflection {
width: 695px;
background: url(../images/module-d_reflection.png) no-repeat top;
}

div.module-d div.text {
padding: 0 15px 5px 15px;
text-align: justify;
}

div.module-d div.bot {
height: 12px;
width: 695px;
background: url(../images/module-d_bot.png) no-repeat;
}


/******************************* Media Serv - CSS - Footer   *******************************/

#footer-base {
width: 930px;
height: 48px;
background: url(../images/mainmenu-base.png) no-repeat;
padding: 19px 0 0 0;
clear: both;
margin: 0 auto;
}

#footer-links {
height: 30px;
width: 960px;
text-align: center;
}

#footer-links a,
#footer-links a:link,
#footer-links a:visited,
#footer-links a:active {
color: #f4c8b7;
font-family: "Times New Roman", Times, serif;
font-size: 12pt;
text-decoration: none;
text-transform: uppercase;
}

#footer-links a:hover {
text-decoration: none;
color: #e48d20;
}

#footer-links ul {
height: 30px;
line-height: 30px;
list-style: none;
margin: 0 auto;
width: 430px;
}

#footer-links ul li {
height: 30px;
padding: 0 8px;
float: left;
}

#footer-links ul li a,
#footer-links ul li a:link,
#footer-links ul li a:visited,
#footer-links ul li a:active {
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
text-decoration: none;
text-transform: lowercase;
line-height: 30px;
}

#footer-links ul li a:hover {
text-decoration: none;
color: #e48d20;
}

#footer-links .mainmenu-sep {
height: 30px;
width: 2px;
background: url(../images/mainmenu-sep.png) no-repeat;
display: inline-block;
margin: 0;
padding: 0;
}

/******************************* Media Serv - CSS - Footer Deco *******************************/

#footer-deco {
width: 960px;
height: 67px;
background: url(../images/mainmenu-deco.png) no-repeat;
margin: 0 auto;
padding: 17px 0 15px 0;
}

/******************************* Media Serv - CSS - Media Serv  *******************************/

#mediaserv {
margin: 0 auto;
width: 960px;
text-align: center;
color: #694536;
padding: 0 0 20px 0;
}

#mediaserv a,
#mediaserv a:link,
#mediaserv a:visited,
#mediaserv a:active {
font-size: 8pt;
color: #915a4a;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
}

#mediaserv a:hover {
color: #e48d20;
}
