/* brown: #4F4138
green: #739C4A
dark green: #444E29
tannish: #9C948C
*/

 * {
 margin: 0;
 padding: 0;
 list-style: none;
 border: 0;
 background-repeat: no-repeat;
 text-decoration: none;
 outline: none;
 }
 a:link, a:visited, a:hover, a:active {color: #c8b18b; color: #9C948C; color: #4F4138;}
 .link:hover {text-decoration: underline;}
 img {display: block;}
 input.text, textarea {background-color: #694f47; background-color: #c0c0c0; color: #f8f3ea; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;}
 em {font-style: normal; font-weight: bold;}
 
 body {background-color: #C7B18B; background-color: #ADADAD; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 21px; }

 .clearer { height: 0.1em; clear: both;}

 #container {width: 830px; height: 555px; margin: 0 auto;  position: absolute; top: 50%; left: 50%; margin-left: -415px; margin-top: -261px;  }
 #wrapper { background:url(../images/bg_middle.gif); }
 #page { background-image:url(../images/bg_top.gif);   }
 #page_top {background-image:url(../images/bg_bottom.gif); background-position: left bottom; padding: 5px 5px 4px;  }
 #page_bottom {border: 1px solid #DED1B8; }
 #page_bottom {border: 1px solid #fff; }
 #real_page {background: #f8f3ea; background: #fff; height: 494px; position: relative; overflow: hidden; border: 9px solid #CFBD9C; border: 9px solid #E2E2E2;}
 

 h1 {width: 215px; height: 215px;  position: absolute; top: 218px; left:416px; z-index: 10000; }
 h1 {width: 174px; height: 174px;  position: absolute; top: 180px; left:416px; z-index: 10000; }
 h1 a {text-indent: -3000px; overflow: hidden; background:url(../images/logo.gif); display: block; height: 100%; width: 100%;}
 h1 a {text-indent: -3000px; overflow: hidden; background:url(../images/logo-174-color.gif); display: block; height: 100%; width: 100%;}
 h1 a {text-indent: -3000px; overflow: hidden; background:url(../images/logoblue.gif); display: block; height: 100%; width: 100%;}
 h2 {width: 246px; height: 248px; position: absolute; top: 0; right: 0; text-indent: -3000px; overflow: hidden; }
 h3 {height: 14px; text-indent: -3000px; overflow: hidden; margin-bottom: 12px;}
 h4 {font-size: 10px;}
 
 #main_menu {width: 142px; position: absolute; top: 262px; left: 603px; padding: 1px 0 0; background:url(../images/dot_hor.gif); background-repeat: repeat-x;}
 
 #main_menu li {padding: 0 0 1px; background:url(../images/dot_hor.gif); background-repeat:repeat-x; background-position: left bottom; width: 100%; float: left;}
 
 #contents_wrapper {width: 494px; height: 494px;  position: absolute; overflow: hidden;}
 #contents {width: 3952px; height: 100%; position: relative;}
 .content {width: 494px;  position: absolute; overflow: hidden; }
 #home {left: 0; top: 0;}
 

 #about {left: 0; top: 0; background-color: #2c1e16; background-image:url(../images/despre_thumb.jpg); padding: 248px 0 0;}
 #about h2 {background-image:url(../images/text_statement.gif); background-position: center center;}
 #about .description {background-color: #4f4138; height: 170px; padding: 38px 105px 38px 40px; color: #c8b18b; color: #9C948C; color: #9C948C;}
 #about h3 { background-image:url(../images/about-h3.gif);}
 #about {left: 0; top: 0; background-color: #24201d; background-image:url(../images/about_thumb.jpg); padding: 248px 0 0;}
 
 #contact { left: 3458px;  top: 0; height: 494px; overflow: hidden;}
 
 #contact {left: 0; top: 0;}
 #formular_contact {position: absolute; left: 0;  top: 0; background-color: #2b3e44; background-image:url(../images/mark.jpg); padding: 248px 0 0; height: 246px; overflow: hidden; width: 494px; }
 #formular_contact .description {background-color: #4C413F;  height: 170px; padding: 38px 125px 38px 40px; color: #c8b18b; color: #9C948C;}
 #formular_contact h3 {background-image:url(../images/contact-h3.gif); position: relative; top: 0; left: 0; display: block; width: 200px;}
 
 
 .formular {width: 333px;}
 .formular label {display: block; float: left; clear: both;  white-space: nowrap;}
 .formular span {display: block; float: right;  background-color: #694f47; background-color: #c0c0c0; padding: 3px; margin: 0 0 4px; }
 .formular input.text, .formular textarea {width: 243px; background-color: #694f47; background-color: #c0c0c0; display: block; color: #2b3e44;}
  .formular2 {width: 193px; float: left;}
 .formular2 input.text,  .formular2 textarea {width: 147px;}
 input.button {float: right;}
 .formular textarea {height: 50px; overflow: auto;}
 
  #footer {position: relative; top: 0; left: 0;  color: #000; font-size: 9px;  padding: 8px 5px 0 0;  background: #C7B18B; background: #ADADAD;}
  #footer p {float: right; margin: -1px 0 0 0; background-position: left center; padding: 0 100px 0 6px; line-height: 16px;}
  .footer:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
  
 
 #contact_div {width: 370px;}
 #contact_info {padding-left: 15px; float: left; width: 150px; white-space:normal;  line-height: 18px;}


.rezervari {background:url(../images/rezervari-en.gif);}
 .oferte {background:url(../images/oferte-speciale-en.gif);}
 .contact {background:url(../images/contact-en.gif);} 
 
 .formular {  width: 348px;}
 ul.selectReplacement {width: 261px;}
 .formular2 {width: 193px;}
 .formular2 input.text, .formular2 textarea { width:127px; }
 #formular_contact h3 {background-image:url(../images/contact-h3.gif);}
 
 #rezervari h2 {background-image:url(../images/rezervari-h2-en.gif);}
 #oferte h2 {background-image:url(../images/arhitectura-en.gif);}
 #about h2 {background-image:url(../images/text_balance.gif);}
 #servicii h2 {background-image:url(../images/servicii-h2-en.gif);}
 #camere h2 {background-image:url(../images/camere-h2-en.gif);}
/* #formular_contact h2 {background-image:url(../images/contact-h2-en.gif);}
 #formular_contact h2 {background-image:url(../images/text_photo.gif);}*/
 #contact_link { background-image:url(../images/locatie-en.gif);  width: 77px;   }

 .confirmare h4 { background-image:url(../images/confirmare-en.gif);}
 .eroare h4 { background-image:url(../images/eroare-en.gif);} 
 
 .confirmare .inchide {background-image:url(../images/inchide_confirmare-en.gif);}
 .eroare .inchide {background-image:url(../images/inchide_eroare-en.gif);}
