/* GLOBAL
----------------------------------------- */  

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

html {
 font: 12px/16px Arial, Helvetica, sans-serif;
 color: #a5946d;
}

body {
 background: url(img/bg.gif) top left repeat-x #f0e7d7;
}

/* MAJOR DIVS
----------------------------------------- */  

#container {
 position: relative;
 width: 742px;
 margin: 0 auto;
 text-align: left;
 overflow: hidden;
}

#header {
 position: relative;
 width: 742px;
 height: 123px;
}

#header div {
 width: 742px;
 height: 123px;
}

/* header
----------------------------------------- */  

#header h6 { position: relative; top: 80px; font-size: 12px; color: #9e7658; text-align: center; }	 
#header ul { position: relative; text-align: center; top: 91px; }
#header li { display: inline; margin: 0 4px 0 4px; }
#header div.hu { background: url(img/header.gif) top left no-repeat; }
#header div.en { background: url(img/headerEn.gif) top left no-repeat; }
#header div.de { background: url(img/headerDe.gif) top left no-repeat; }
#header div.ro { background: url(img/headerRo.gif) top left no-repeat; }
#header div.pl { background: url(img/headerPl.gif) top left no-repeat; }


#menu {
 position: relative;
 width: 742px;
 height: 139px;
 background: url(img/menuBg.gif) bottom left no-repeat;
}

#left {
 position: relative;
 width: 460px;
 float: left;
 padding: 12px 5px 0 27px;
 border-top: 1px solid #ede1c4;
 background: url(img/leftBg.gif) top left repeat-y #f5eddc;
}

#right {
 position: relative;
 width: 217px;
 float: left;
 padding: 12px 27px 0 5px;
 border-top: 1px solid #ede1c4;
 border-left: 1px solid #ede2c8;
 background: url(img/rightBg.gif) top right repeat-y #f5eddc;
}

#left, #right { padding-bottom: 10000px !important; margin-bottom: -9990px !important; } 

#footer {
 position: relative;
 clear: left;
 width: 100%;
 height: 39px;
 background: url(img/footerBg.gif) top left repeat-x;
}

#copyright {
 position: relative;
 width: 100%;
 height: 80px;
 background: url(img/copyrightBg.gif) top left repeat-x;
}	

/* menu
----------------------------------------- */  

#menu ul {
 width: 742px;
 height: 131px;
 position: relative;
 list-style: none;
}

#menu ul.hu { background: url(img/menu.jpg) top left no-repeat; }
#menu ul.en { background: url(img/menuEn.jpg) top left no-repeat; }
#menu ul.de { background: url(img/menuDe.jpg) top left no-repeat; }
#menu ul.ro { background: url(img/menuRo.jpg) top left no-repeat; }
#menu ul.pl { background: url(img/menuPl.jpg) top left no-repeat; }

#menu li { position: absolute; }
#menu li span { display: none; }
#menu li, #menu a { height: 131px; display: block; }

#menu-home { left: 12px; width: 120px; }
#menu-bungallo { left: 133px; width: 118px; }
#menu-apartman { left: 252px; width: 118px; }
#menu-services { left: 371px; width: 118px; }
#menu-alina { left: 490px; width: 118px; }
#menu-contact { left: 609px; width: 120px; }

#menu ul.hu #menu-home a:hover, #menu ul.hu #menu-home.active { background: url(img/menu.jpg) transparent -12px -131px no-repeat; }
#menu ul.hu #menu-bungallo a:hover, #menu ul.hu #menu-bungallo.active { background: url(img/menu.jpg) transparent -133px -131px no-repeat; }
#menu ul.hu #menu-apartman a:hover, #menu ul.hu #menu-apartman.active  { background: url(img/menu.jpg) transparent -252px -131px no-repeat; }
#menu ul.hu #menu-services a:hover, #menu ul.hu #menu-services.active { background: url(img/menu.jpg) transparent -371px -131px no-repeat; }
#menu ul.hu #menu-alina a:hover, #menu ul.hu #menu-alina.active { background: url(img/menu.jpg) transparent -490px -131px no-repeat; }
#menu ul.hu #menu-contact a:hover, #menu ul.hu #menu-contact.active { background: url(img/menu.jpg) transparent -609px -131px no-repeat; }

#menu ul.en #menu-home a:hover, #menu ul.en #menu-home.active { background: url(img/menuEn.jpg) transparent -12px -131px no-repeat; }
#menu ul.en #menu-bungallo a:hover, #menu ul.en #menu-bungallo.active { background: url(img/menuEn.jpg) transparent -133px -131px no-repeat; }
#menu ul.en #menu-apartman a:hover, #menu ul.en #menu-apartman.active  { background: url(img/menuEn.jpg) transparent -252px -131px no-repeat; }
#menu ul.en #menu-services a:hover, #menu ul.en #menu-services.active { background: url(img/menuEn.jpg) transparent -371px -131px no-repeat; }
#menu ul.en #menu-alina a:hover, #menu ul.en #menu-alina.active { background: url(img/menuEn.jpg) transparent -490px -131px no-repeat; }
#menu ul.en #menu-contact a:hover, #menu ul.en #menu-contact.active { background: url(img/menuEn.jpg) transparent -609px -131px no-repeat; }

#menu ul.de #menu-home a:hover, #menu ul.de #menu-home.active { background: url(img/menuDe.jpg) transparent -12px -131px no-repeat; }
#menu ul.de #menu-bungallo a:hover, #menu ul.de #menu-bungallo.active { background: url(img/menuDe.jpg) transparent -133px -131px no-repeat; }
#menu ul.de #menu-apartman a:hover, #menu ul.de #menu-apartman.active  { background: url(img/menuDe.jpg) transparent -252px -131px no-repeat; }
#menu ul.de #menu-services a:hover, #menu ul.de #menu-services.active { background: url(img/menuDe.jpg) transparent -371px -131px no-repeat; }
#menu ul.de #menu-alina a:hover, #menu ul.de #menu-alina.active { background: url(img/menuDe.jpg) transparent -490px -131px no-repeat; }
#menu ul.de #menu-contact a:hover, #menu ul.de #menu-contact.active { background: url(img/menuDe.jpg) transparent -609px -131px no-repeat; }

#menu ul.ro #menu-home a:hover, #menu ul.ro #menu-home.active { background: url(img/menuRo.jpg) transparent -12px -131px no-repeat; }
#menu ul.ro #menu-bungallo a:hover, #menu ul.ro #menu-bungallo.active { background: url(img/menuRo.jpg) transparent -133px -131px no-repeat; }
#menu ul.ro #menu-apartman a:hover, #menu ul.ro #menu-apartman.active  { background: url(img/menuRo.jpg) transparent -252px -131px no-repeat; }
#menu ul.ro #menu-services a:hover, #menu ul.ro #menu-services.active { background: url(img/menuRo.jpg) transparent -371px -131px no-repeat; }
#menu ul.ro #menu-alina a:hover, #menu ul.ro #menu-alina.active { background: url(img/menuRo.jpg) transparent -490px -131px no-repeat; }
#menu ul.ro #menu-contact a:hover, #menu ul.ro #menu-contact.active { background: url(img/menuRo.jpg) transparent -609px -131px no-repeat; }

#menu ul.pl #menu-home a:hover, #menu ul.pl #menu-home.active { background: url(img/menuEn.jpg) transparent -12px -131px no-repeat; }
#menu ul.pl #menu-bungallo a:hover, #menu ul.pl #menu-bungallo.active { background: url(img/menuEn.jpg) transparent -133px -131px no-repeat; }
#menu ul.pl #menu-apartman a:hover, #menu ul.pl #menu-apartman.active  { background: url(img/menuEn.jpg) transparent -252px -131px no-repeat; }
#menu ul.pl #menu-services a:hover, #menu ul.pl #menu-services.active { background: url(img/menuEn.jpg) transparent -371px -131px no-repeat; }
#menu ul.pl #menu-alina a:hover, #menu ul.pl #menu-alina.active { background: url(img/menuEn.jpg) transparent -490px -131px no-repeat; }
#menu ul.pl #menu-contact a:hover, #menu ul.pl #menu-contact.active { background: url(img/menuEn.jpg) transparent -609px -131px no-repeat; }

/* footer
----------------------------------------- */  

#innerfooter {
 position: relative;
 width: 742px;
 height: 39px;
 margin: 0 auto;
 text-align: left;
 background: url(img/innerfooterBg.gif) top left no-repeat;
}

#innerfooter ul { list-style: none; font-size: 11px; text-align: center; padding-top: 12px; }
#innerfooter li { color: #fcf1d8; display: inline; } 
#innerfooter li a { color: #fcf1d8; text-decoration: none; } 
#innerfooter li a:hover { text-decoration: underline; } 
#innerfooter li span { font-size: 9px; padding: 0 5px 0 5px; color: #d3c096; } 

/* copyright
----------------------------------------- */  

#innercopyright {
 width: 742px;
 height: 80px;
 margin: 0 auto;
 background: url(img/innercopyrightBg.gif) top left no-repeat;
 font-size: 10px; 
 padding-top: 15px; 
 color: #aea287; 
 text-align: center;
}

#innercopyright a { color: #9d8349; text-decoration: none; margin: 0 2px 0 2px; }


/* content
----------------------------------------- */ 

#left h6, #right h6 { font-size: 14px; color: #91732c; border-bottom: 1px solid #c5b289; padding-left: 5px; padding-bottom: 5px; margin-bottom: 10px; }
#left p, #right p { margin-top: 10px; margin-bottom: 8px; padding-left: 5px; padding-right: 5px; text-align: justify; } 
#left p span, #right p span { font-weight: bold; }
#right p { font-size: 11px; }

#right h5 { font-size: 11px; color: #9d8349; margin: 0 0 5px 5px; }

#right .gal { width: 64px; float: left; border: 1px solid #d3c096; margin: 0 1px 5px 3px; }
#right .gal img { border: 2px solid white; }
#right ul { list-style: none; }
#right li {}
#right li a { background: url(img/arrow.gif) 5px 5px no-repeat; padding-left: 15px; color: #9d8349; font-weight: bold; font-size: 11px; text-decoration: none; }
#right li a:hover { text-decoration: underline; }
#right .invent { margin-left: 22px; }

#left .ctab { height: 25px; } 
#left label { float: left; width: 96px; padding-right: 8px; color: #9d8349; font-weight: bold; margin-top: 1px; padding-left: 5px; }
#left input { width: 120px; color: #9d8349; border: 1px solid #d3c096; padding-left: 0.5em; background: url(img/form.gif) repeat-x top left; }
#left textarea { width: 200px; height: 90px; color: #9d8349; border: 1px solid #d3c096; margin-bottom: 5px; padding: 5px; overflow: auto; background: url(img/form.gif) repeat-x bottom left; }
#left #button1 { margin: 5px 9px 0 109px!important; margin-left: 112px; }
#left #button1, #left #button2 { width: 100px; height: 20px; color: #9d8349; border: 1px solid #d3c096; padding-right: 0.5em; }

#left h5 { font-size: 12px; color: #9d8349; }
#left .ht1 { width: 330px; height: 18px; float: left; padding: 0 5px 0 5px; }
#left .ht1 span { font-weight: bold; padding-right: 2px; }
#left .ht1 span.italic { padding-left: 13px; }
#left .ht1 tt { font: 12px Arial, Helvetica, sans-serif; font-style: italic; }
#left .ht2 { width: 60px; height: 18px; float: left; text-align: center; }
#left .ht3 { width: 60px; height: 18px; float: left; text-align: center; } 

#left .pr1 { width: 170px; height: 18px; float: left; padding: 0 5px 0 5px;}
#left .pr2 { width: 140px; height: 18px; float: left; text-align: center; }
#left .pr3 { width: 140px; height: 18px; float: left; text-align: center; } 

#left .thumb { width: 400px; margin: 15px 0 0 27px; text-align: center; }
#left .thumb img { height: 307px; border: 1px solid #d3c096; padding: 3px; }
#left .page { color: #CEC1A4; font-size: 11px; text-align: center; width: 410px; height: 15px; margin: 7px 0 0 30px; }
#left .page a { color: #9d8349; text-decoration: none; margin: 0 2px 0 2px; }
#left .page span { color: #9d8349; font-weight: bold; margin: 0 2px 0 2px; }