/* CSS File			*/
/* Version: 	01		*/
/* Created at: 	HBfx Studio	*/
/* Author: 	Eros Nicolau	*/

/* Tag redefines		*/
html, body			{margin: 0px; padding: 0px; height: 100%; width: 100%; background-color: #f9f7ee;}
body				{behavior:url("css/csshover.htc"); background-image: url(../img/body_back.jpg); background-repeat: no-repeat; background-position: center top; font-family: Arial, Helvetica, sans-serif;}
div				{margin: auto; height: auto;}
form				{margin: 0px; padding: 0px;}
a img				{border: none 0px;}
td				{font-size: 13px; text-align: left; vertical-align: top;}

/* Link styles			*/
a				{}
a:hover				{}

/* Holder styles		*/
.holder2			{width: 100%;}
.holder1			{text-align: center; margin-left: auto; margin-right: auto; width: 990px;}
.holder				{text-align: left; margin: 0px; padding: 0px; border: none; *width:990;}

/* Main area styles		*/
.area .holder			{background-image: url(../img/area_back.gif); background-repeat: no-repeat; background-position: 0px 72px; min-height: 444px; height:auto !important; height:444px; padding-top: 214px; padding-left: 189px; position: relative;}
.l-col, .m-col, .r-col		{float: left;}
.l-col				{}
.m-col				{font-size: 13px; color: #f2eada; width: 196px; line-height: 19px; height: 367px; background-color: #C2AB76; background-image: url(../img/m-col_back.gif); background-repeat: no-repeat; background-position: 0px 0px; padding: 40px 15px 20px 21px; position: relative;}
.r-col				{padding-top: 1px;}

.m-col h2			{font-size: 18px; font-weight: normal; margin: 0px; padding: 0px 0px 10px 0px;}

.r-col .contact			{padding-top: 20px; padding-right: 0px; padding-bottom: 0px; padding-left: 30px; color: #262626;}

/* Footer styles		*/
.footer .holder			{text-align: center; font-size: 11px; color: #8c8c8c; line-height: 22px; background-image: url(../img/footer_back.jpg); background-repeat: no-repeat; background-position: center top; padding-top: 13px;}
.footer .credits		{}

/* Main Menu styles		*/
.menu				{position: absolute; left: 39px; top: 390px;}
.menu a				{background-repeat: no-repeat; background-position: 0px 0px; display: block;}
.menu a img			{height: 29px; width: 150px;}
.menu a:hover, .menu .selected	{background-position: -150px 0px;}
.ro .home			{background-image: url(../img/home_ro.gif);}
.ro .rooms			{background-image: url(../img/rooms_ro.gif);}
.ro .lobby			{background-image: url(../img/lobby_ro.gif);}
.ro .restaurant			{background-image: url(../img/restaurant_ro.gif);}
.ro .conference			{background-image: url(../img/conference_ro.gif);}
.ro .tour			{background-image: url(../img/tour_ro.gif);}
.ro .contact			{background-image: url(../img/contact_ro.gif);}
.en .home			{background-image: url(../img/home_en.gif);}
.en .rooms			{background-image: url(../img/rooms_en.gif);}
.en .lobby			{background-image: url(../img/lobby_en.gif);}
.en .restaurant			{background-image: url(../img/restaurant_en.gif);}
.en .conference			{background-image: url(../img/conference_en.gif);}
.en .tour			{background-image: url(../img/tour_en.gif);}
.en .contact			{background-image: url(../img/contact_en.gif);}

/* Misc. styles			*/
.languages			{position: absolute; top: 180px; left: 30px;}
.languages a			{background-repeat: no-repeat; background-position: 0px 0px; height: 18px; width: 65px; display: block; float: left;}
.languages a:hover,
.languages .selected		{background-position: 0px -20px;}
.languages .ro			{background-image: url(../img/translate_ro.gif);}
.languages .en			{background-image: url(../img/translate_en.gif);}

.reserve			{line-height: 12px; position: absolute; bottom: 20px; left: 21px;}
.reserve h2			{line-height: 32px; color: #5c131a;}
.reserve .textbox		{line-height: 18px; text-align: center; height: 18px; width: 89px; border: 1px solid #8a7979; font-size: 11px; color: #625e48;}
.button				{color: #cf9f11; font-size: 12px; font-weight: bold; height: 22px; border: none 0px; padding-bottom: 3px !important; padding-bottom: 0px;}
.long				{width: 190px; background-image: url(../img/long_dark_button.gif);}
.short				{width: 67px; background-image: url(../img/short_dark_button.gif);}

.promo1				{position: absolute; right: 30px; top: 180px; font-size: 12px; font-weight: bold;}
.promo1 a			{color: #81141f; text-decoration: none;}
.promo2				{position: absolute; bottom: 17px; right: 30px;}

.pano, .gallery			{padding-top: 20px; padding-left: 50px; float: left; line-height: 7px;}
.pano a, .gallery a		{padding-right: 10px; display: block; float: left;}
.pano a img, .gallery a img	{border: 2px solid #5c131a;}

.contact td			{vertical-align: bottom;}
.contact textarea		{height: 58px;}

.reservations			{padding-bottom: 60px;}

/* IE 6 and below hacks		*/
*html a				{}
/* IE 7 only hacks		*/
*:first-child+html a		{}
/* Opera 9 and below hacks	*/
html:first-child a		{}
/* Safari and Opera hacks	*/
.pano, .gallery			{padding-top: 15px; margin:0;}

/* HR Styling hacks		*/
/* IE				*/
hr				{height: 1px; color: #d5d8d8; border: none;}
/* Gecko-based browsers		*/
html>body hr			{height: 1px; background-color: #d5d8d8; border: none;}
/* Opera & Gecko-based browsers	*/
html>body hr			{height: 1px; background-color: #d5d8d8; border: 0px solid #d5d8d8;}

/* clearfix			*/
.clearfix:after			{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix			{display: inline-block;}
/* Hide from IE Mac \*/
.clearfix			{display: block;}
* html .clearfix		{height: 1%;}
/* End hide from IE Mac */
