
* {
margin: 0;
}

body {
background: #0a0500 url(../images/header_background.png) no-repeat top;
margin: 0;
font-family:Arial, "Lucida Sans Unicode", "Microsoft Sans Serif";
font-size: 10pt;
color: #5E5E5E;
}

#clearfix {
clear:both;
}

.text {
	padding: 20px;
}

.text p {
	margin: 0 0 10px 0;
}

a img {
border: 0;
margin: 0;
padding: 0;
}

a,
 a:link,
 a:visited,
 a:active {
text-decoration: underline;
color: #a2a000;
font-size: 12pt;
font-family:Arial, Helvetica, sans-serif;
}

a:hover {
text-decoration: none;
}

#page-container {
width: 860px;
margin: 0 auto;
}

/************************************** MEDIASERV - HEADER **************************************/







#header-base {
width: 860px;
height: 182px;
margin: 0 auto;
}

#logo {
height: 182px;
width: 577px;
background: url(../images/logo.png) no-repeat;
float:left;
}

.oaspeti {
	float: right;
	position: relative;
	top: 151px;
	height: 30px;
}

.oaspeti img {
	float: left;
}

.poza {
	background: url(../images/icon-carte.png) no-repeat bottom;
	width: 30px;
	height: 25px;
	padding: 2px 0 0 0;
	float: left;
}

.oaspeti a:link,
.oaspeti a:visited,
.oaspeti a:active {
	font-size: 11pt;
	color: #fff;
	line-height: 30px;
	padding: 0 0 0 3px;
	text-align: center;
	text-decoration: none;
}

.oaspeti a:hover {
	text-decoration: underline;
	color: #ccc;
}

#flags-base {
width: 140px;
height: 182px;
float: left;
}

#flags {
width: 87px;
position: relative;
top: 157px;
}

#flags #ro {
width: 25px;
height: 15px;
float: left;
margin-right: 6px;
}

#flags #uk {
width: 25px;
height: 15px;
float: left;
margin-right: 6px;
}

#flags #de {
width: 25px;
height: 15px;
float: left;
}

/************************************** MEDIASERV - MAINMENU **************************************/















#mainmenu {
width: 860px;
height: 60px;
margin: 0 auto;
color: #464508;
font-family: Arial;
font-size: 10pt;
font-weight: bold;
clear: both;
}

#mainmenu a,
 #mainmenu a:link,
 #mainmenu a:visited,
 #mainmenu a:active {
color: #FFFFFF;
font-family: Arial;
font-size: 10pt;
font-weight: bold;
text-decoration: none;
}

#mainmenu a:hover {
color: #464508;
font-family: Arial;
font-size: 10pt;
font-weight: bold;
text-decoration: none;
}

#btn-base {
height: 60px;
background: url(../images/mainmenu-btn.png) no-repeat center top;
line-height: 60px;
float: left;
margin: 0 auto;
cursor: pointer;
}

#btn-base:hover {
background: url(../images/mainmenu-btn-hover.png) no-repeat center top;
}

#btn-padding {
padding: 0 10px;
}

#btn-active-left {
background: url(../images/mainmenu-btn-active.png) no-repeat bottom right;
padding-right: 7px;
}

#btn-active-right {
background: url(../images/mainmenu-btn-active.png) no-repeat bottom left;
padding-left: 7px;
}

/************************************** MEDIASERV - ACTIVE ZONE **************************************/















#active-zone-bg {
position: relative;
background: url(../images/active-zone-bg3.png) repeat-x;
clear: both;
}

#page-base {
position: relative;
width: 830px;
background: #FFFFFF url(../images/main-content-bottom.png) no-repeat bottom center;
border-left: solid 3px #d9d3bc;
border-right: solid 3px #d9d3bc;
margin: 0 auto;
clear: both;
padding: 0 15px 60px 15px;
}

#page-base p {
padding: 0;
margin: 10px 0;
text-align: justify;
}

#main-content {
width: 540px;
padding-top: 23px;
float: left;
margin-right: 15px;
}

.img-border-gray {
border: solid 1px #C1C1C1;
margin: 0 auto;
}

.img-border-green {
border: solid 1px #A2A000;
margin: 0 auto;
}

#rezervari-btn {
width: 198px;
height: 78px;
}

#rezervari-btn #top {
width: 198px;
height: 17px;
background: url(../images/rezervari-btn-top.png) no-repeat;
}

#rezervari-btn #mid {
width: 198px;
height: 27px;
background: url(../images/rezervari-btn-mid.png) no-repeat;
line-height: 25px;
}

#rezervari-btn #mid a {
position: relative;
left: 65px;
color:#ffffff;
font-weight: bold;
font-size: 10pt;
text-decoration: none;
}

#rezervari-btn #mid:hover {
background: url(../images/rezervari-btn-mid-hover.png) no-repeat;
}

#rezervari-btn #mid a:hover {
text-decoration: none;
color: #464508;
}

#rezervari-btn #bot {
width: 198px;
height: 34px;
background: url(../images/rezervari-btn-bot.png) no-repeat;
}

/************************************** MEDIASERV - MAINCONTENT - TABS **************************************/















#main-content #tabs {
width: 520px;
padding: 0 10px;
}

#main-content #tab-left {
width: 130px;
float: left;
}

#main-content #tab-middle {
width: 170px;
float: left;
padding: 0 20px;
border-left: solid 1px #DBDBDB;
border-right: solid 1px #DBDBDB;
margin-left: 21px;
margin-right: 21px;
}

#main-content #tab-right {
width: 130px;
float: left;
}

#main-content #tabs ul {
list-style: square;
color: #A2A000;
display: block;
}

#main-content #tabs li a,
 #main-content #tabs li a:link,
 #main-content #tabs li a:visited,
 #main-content #tabs li a:active {
list-style: square;
font-weight: bold;
font-family:Arial, Helvetica, sans-serif;
line-height: 20pt;
text-decoration: none;
font-size: 10pt;
text-indent: 40px;
}

#main-content #tabs li a:hover {
text-decoration: underline;
}

h1.maro {
	color: #6b4508;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13pt;
	text-transform: uppercase;
	line-height: 20pt;
	margin: 0 0 10px 0;
}



.tab1 {
width: 210px;
float: left;
padding: 0 0 0 20px;
}

.tab2 {
width: 301px;
float: left;
padding: 0 0 0 0px;
border-left: solid 1px #DBDBDB;
border-right: solid 1px #DBDBDB;
margin-left: 31px;
margin-right: 31px;
}

.tab3 {
width: 130px;
float: left;
padding: 0 0 0 10px;
}



.tab3 ul  {
padding: 0 0 27px 0;

}

.bordura {
	margin: 0 10px;
}

.tab1 ul {
	padding: 0;
	
}
#tab-container a:link,
#tab-container a:visited,
#tab-container a:active {
	color: #a2a000;
	font-weight: normal;
	font-size: 9pt;
}

#tab-container a:hover {
	color: #000;
	text-decoration: none;
}

#main-content .heading {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 13pt;
text-transform: uppercase;
color: #A2A000;
line-height: 20pt;
}

ul.medium {
list-style: inside circle;
}

ul.medium li {
padding:0;
margin: 0;
line-height: 8pt;
}

/************************************** MEDIASERV - ACTIVE ZONE - SIDEBAR **************************************/















#sidebar {
width: 268px;
height: 428px;
float: left;
background: url(../images/sidebar-bg.png) no-repeat;
padding-top: 23px;
color: #FFFFFF;
}

#sidebar #content {
width: 199px;
height: 340px;
margin: 0 auto;
}

#sidebar .heading {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 13pt;
text-transform: uppercase;
color: #FFFFFF;
line-height: 20pt;
}

#sidebar a,
 #sidebar a:link,
 #sidebar a:visited,
 #sidebar a:active {
font-size: 10pt;
font-weight: bold;
color: #FFFFFF;
}

#sidebar a:hover {
color: #000000;
text-decoration: underline;
}

#sidebar ul {
padding-left: 15px;
}

/************************************** MEDIASERV - ACTIVE ZONE - SIDEBAR - GREEN **************************************/















#sidebar-green {
width: 219px;
float: left;
margin-top: 23px;
margin-left: 30px;
padding: 1px;
border: solid 1px #A2A000;
}

#sidebar-green #content {
background: #cbc929 url(../images/sidebar-green-bg.png) repeat-x bottom;
padding: 8px 8px 15px 8px;
color: #FFFFFF;
}

#sidebar-green .heading {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 13pt;
text-transform: uppercase;
color: #FFFFFF;
line-height: 20pt;
}

#sidebar-green li {
color: #FFFFFF;
font-size: 10pt;
font-weight: bold;
list-style: square;
line-height: 20pt;
}

/************************************** MEDIASERV - ACTIVE ZONE - SIDEBAR - GRAY **************************************/















#sidebar-gray {
width: 230px;
float: left;
margin-top: 23px;
margin-left: 20px;
padding: 1px;
border: solid 1px #ededed;
}

#sidebar-gray #content {
background: #ededed;
padding: 8px 8px 15px 8px;
color: #5e5e5e;
}

#sidebar-gray .heading {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 13pt;
text-transform: uppercase;
color: #a2a000;
line-height: 20pt;
}

#sidebar-gray li {
color: #5e5e5e;
font-size: 10pt;
font-weight: bold;
list-style: square;
line-height: 20pt;
}

#sidebar-gray ul a,
 #sidebar-gray ul a:link,
 #sidebar-gray ul a:visited,
 #sidebar-gray ul a:active {
font-size: 10pt;
font-weight: bold;
line-height: 20pt;
}

#sidebar-gray ul a:hover {
color: #5e5e5e;
text-decoration: underline;
}

/************************************** MEDIASERV - ACTIVE ZONE - CONTENT 2 **************************************/















#main-content-bottom {
width: 830px;
margin-top: 15px;
margin-left: auto;
margin-right: auto;
background: url(../images/gradient-bottom.png) repeat-x;
clear:both;
padding-top: 15px;
}

#main-content-bottom .heading {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14pt;
text-transform: uppercase;
color: #a2a000;
}

#main-content-bottom a #main-content-bottom a:link,
 #main-content-bottom a:visited,
 #main-content-bottom a:active {
font-family:Arial, Helvetica, sans-serif;
font-size: 10pt;
text-decoration: underline;
color: #a2a000;
}

#main-content-bottom a:hover {
color: #000000;
}

#main-content-bottom ul {
border-bottom: solid 1px #D9D9D9;
}

#main-content-bottom li {
color: #A2A000;
font-size: 10pt;
font-weight: bold;
list-style: square;
line-height: 20pt;
}

#main-content-bottom #tab-left {
width: 240px;
float: left;
}

#main-content-bottom #tab-middle {
width: 261px;
float: left;
padding: 0 20px;
border-left: solid 1px #DBDBDB;
border-right: solid 1px #DBDBDB;
margin-left: 21px;
margin-right: 21px;
}

#main-content-bottom #tab-right {
width: 240px;
float: left;
}

#main-content-bottom #price {
width: 102px;
height: 23px;
padding: 1px;
border: solid 1px #a2a000;
background: url(../images/price-gradient.png) no-repeat center;
line-height: 23px;
color: #FFFFFF;
font-weight: bold;
text-align: center;
}

.separator {
	border-top:1px solid #dbdbdb;
	clear:both;
	font-size:0;
	height:0;
	line-height:0;
	margin:20px 0;
	width:100%;
}

/************************************** MEDIASERV - FOOTER SETTINGS **************************************/















#footer-base {
width: 860px;
margin: 0 auto;
padding: 40px 0 0 0;
background: url(../images/footer-base.png) no-repeat;
}

#footer-content {
width: 830px;
margin: 0 auto;
color: #FFFFFF;
}

#footer-content hr {
height: 1px;
color: #FFFFFF;
margin: 5px 0 15px 0;
}

#footer-content #tab-left {
width: 240px;
float: left;
}

#footer-content #tab-middle {
width: 261px;
float: left;
padding: 0 20px;
/*border-left: solid 1px #251602;







border-right: solid 1px #251602;*/







margin-left: 21px;
margin-right: 21px;
}

#footer-content #tab-right {
width: 240px;
float: right;
}

#footer-content .heading {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14pt;
text-transform: uppercase;
color: #FFFFFF;
}

.small-heading {
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #A2A000;
}

.align-right {
text-align: right;
}

#footer-content a,
 #footer-content a:link,
 #footer-content a:visited,
 #footer-content a:active {
font-size: 10pt;
color: #FFFFFF;
}

#footer-content a:hover {
color: #A2A000;
text-decoration: underline;
}

.create-date {
font-size: 8pt;
color: #999999;
margin-top: 5px;
}

.article {
color: #A2A000;
}

/************************************** MEDIASERV - FOOTER - NEWSLETTER **************************************/















#newsletter-base {
height: 127px;
width: 224px;
background: url(../images/newsletter-base.png) no-repeat;
border: solid 1px #403a33;
padding: 15px 8px;
text-align: justify;
}

#newsletter-base #email-field {
height: 21px;
width: 182px;
background: url(../images/newsletter-inputbox.png) no-repeat;
border: solid 1px #424140;
padding: 4px 0 0 0;
line-height: 25px;
margin: 5px 5px 0 0;
float: left;
}

#newsletter-base #email-field input {
background: transparent;
border: 0;
width: 170px;
margin: 0 auto;
padding: 0 5px;
color: #A2A000;
}

#newsletter-base #send-btn {
background: url(../images/newsletter-send-btn.png) no-repeat;
border: solid 1px #424140;
float: left;
margin: 5px 0 0 0;
}

#newsletter-base #send-btn input {
background: transparent;
border: 0;
height: 25px;
width: 28px;
cursor: pointer;
}

/************************************** MEDIASERV - FOOTER - LINKS **************************************/















#footer-links {
width: 830px;
height: 30px;
margin-top: 30px;
margin-left: auto;
margin-right: auto;
clear:both;
border-top: solid 1px #636363;
padding: 15px 0 0 0;
}

#footer-links #container {
float: left;
}

#footer-links ul {
width: 350px;
height: 14px;
line-height: 14px;
list-style: none;
padding: 0;
}

#footer-links li {
float: left;
padding: 0 10px;
border-right: solid 1px #636363;
}

#footer-links li.first {
padding-left: 0;
}

#footer-links li.last {
border: 0;
}

#footer-links a,
 #footer-links a:link,
 #footer-links a:visited,
 #footer-links a:active {
color: #636363;
text-decoration: underline;
font-family:Arial, Helvetica, sans-serif;
font-size: 10pt;
}

#footer-links a:hover {
color: #A2A000;
text-decoration: underline;
}

#mediaserv {
float: right;
}

#mediaserv a,
 #mediaserv a:link,
 #mediaserv a:visited,
 #mediaserv a:active,
 #mediaserv a:hover {
text-decoration: none;
}

/************************************** MEDIASERV - LAYOUT PANORAME **************************************/


#panorame-base {
width: 540px;
}

#panorame-base img {
border: solid 1px #A2A000;
padding: 1px;
margin: 5px 0 10px 0;
}

#panorame-base #tab-left {
width: 260px;
float: left;
}

#panorame-base #tab-right {
width: 260px;
float: left;
margin-left: 15px;
}

#panorame-base .title {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14pt;
text-transform: uppercase;
color: #5e5e5e;
margin-bottom: 10px;
}

/************************************** MEDIASERV - CONTACT - TABLE **************************************/















a.gray,
 a.gray:link,
 a.gray:visited,
 a.gray:active {
font-size: 10pt;
color: #333333;
text-decoration: underline;
}

a.gray:hover {
color: #A2A000;
text-decoration: underline;
}

#contact-table .heading {
text-decoration: underline;
}

/************************************** MEDIASERV - REZERVARI - TABLE **************************************/















#rezervari-table input {
width: 120px;
border: solid 1px #CCCCCC;
color: #2b1805;
}

#rezervari-table select {
border: solid 1px #CCCCCC;
color: #2b1805;
}

#rezervari-table input.nr-camere {
width: 17px;
margin-left: 10px;
}

#rezervari-table select.tip-camera {
margin-right: 10px;
}

#rezervari-table textarea {
width: 98%;
color: #2b1805;
}

#rezervari-table input.sterge,
#rezervari-table input.trimite {
width: 108px;
padding: 2px 3px;
background: url(../images/price-gradient.png) no-repeat;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #FFFFFF;
margin: 10px 2px 0 2px;
border: double #a2a000;
}

/************************************** MEDIASERV - HARTA-SITE - TABLE **************************************/















#harta-site-table {
margin: 0 auto;
}

#harta-site-table a,
 #harta-site-table a:link,
 #harta-site-table a:visited,
 #harta-site-table a:active {
color: #333333;
font-size: 10pt;
}

#harta-site-table a:hover {
color: #A2A000;
font-size: 10pt;
}

/************************************** MEDIASERV - OFERTA-SPECIALA - TABLE **************************************/















#oferta-speciala-table td {
border: solid 1px #A2A000;
}

#trafic_script {
display: inline;
float: left;
width: 220px;
line-height: 40px;
vertical-align: top;
}


#main-content-bottom ul.no-border {
	border-bottom:none;
}