* {

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-align:left;
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;

}