/* basic elements */

 * {
 margin: 0;
 padding: 0;
 list-style: none;
 border: 0;
 background-repeat: no-repeat;
 text-decoration: none;
 outline: none;
 }
 
 body {background-color: #C7B18B; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 21px; }

 a:link, a:visited, a:hover, a:active {color: #C8B18B;}
 a:hover {text-decoration:underline;}
 .link:hover {text-decoration: underline;}
 img {display: block;}
 input.text, textarea {background-color: #694f47; color: #f8f3ea; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;}
 em {font-style: normal; font-weight: bold;}

 .clearer { height: 0.1em; clear: both;}


/* structural elements */

 #container {width: 930px; height: 555px; margin: 0 auto;  position: absolute; top: 50%; left: 50%; margin-left: -465px; 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; }
 #real_page {background: #533d28; height: 494px; position: relative; overflow: hidden; border: 9px solid #CFBD9C; }
 
 h1 {width: 174px; height: 174px;  position: absolute; top: 218px; left:516px; z-index: 10000; }
 h1 a {text-indent: -3000px; overflow: hidden; background:url(../images/valledellenajadi.gif); display: block; height: 100%; width: 100%;}
 h2 {width: 284px; 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;}
 h4.noutati {margin-bottom: 5px;}
 
 #main_menu {width: 142px; position: absolute; top: 232px; left: 703px; 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;}
 #main_menu a:link, #main_menu a:visited, #main_menu a:active {display: block; height: 20px; background-position: -137px 6px; text-indent: -3000px; background-repeat: no-repeat;  }
 #main_menu a:hover, #main_menu a#hovered:link, #main_menu a#hovered:visited, #main_menu a#hovered:active {background-position: 5px 6px;}
 .valle {background:url(../images/valle.gif);}
 .sistemazioni {background:url(../images/sistemazioni.gif);}
 .dovesiamo {background:url(../images/dovesiamo.gif);}
  #main_menu .galerie {background:url(../images/galerie.gif); background-repeat: no-repeat; background-position: 5px 6px;}
 .vietri {background:url(../images/vietri.gif) 0 0;}
 .link {background:url(../images/link.gif);}
 .contact {background:url(../images/contact.gif);} 

 #offer {width: 180px; position: absolute; top: 20px; left: 620px; padding: 10px 0 0 80px; color:#cfbd9c; border-bottom:2px dotted #cfbd9c; background:url(../images/offerta.gif) no-repeat top left; height:67px;line-height:16px;font-weight:bold;}

 #contents_wrapper {width: 594px; height: 494px;  position: absolute; overflow: hidden;}
 #contents {width: 3952px; height: 100%; position: relative;}
 .content {width: 594px;  position: absolute; overflow: hidden; }
 #home {left: 0; top: 0;}
 
 #valle {left: 594px; top: 0; background-color: #866635; background-image:url(../images/valle_thumb.jpg); padding: 248px 0 0;}
 #valle h2 { background-image:url(../images/valle-h2.gif); background-position: center center;}
 #valle .description {background-color: #9b7b47; height: 170px; padding: 38px 125px 38px 40px; color: #c8b18b;}
 #valle h3 {background-image:url(../images/valle-h3.gif); height: 18px;}
 
 
 #sistemazioni {left: 1188px; top: 0; background-color: #a08d6f; background-image:url(../images/sistemazioni_thumb.jpg); padding: 248px 0 0;}
 #sistemazioni h2 { background-image:url(../images/sistemazioni-h2.gif); background-position: center center;}
 #sistemazioni .description {background-color: #aa9779; height: 170px; padding: 38px 125px 38px 40px; color: #533d28;}
 #sistemazioni h3 {background-image:url(../images/sistemazioni-h3.gif);}
 #sistemazioni a {color:#533d28;}
 
 
 #contact {left: 1782px; top: 0; background-color: #746152; background-image:url(../images/contact_thumb.jpg); padding: 248px 0 0;}
 #contact h2 {background-image:url(../images/contact-h2.gif); background-position: center center;}
 #contact .description {background-color: #876e59; height: 170px; padding: 38px 105px 38px 40px; color: #c8b18b;}
 #contact h3 { background-image:url(../images/contact-h3.gif);}

 
 #galerie {left: 2376px; top: 0; height: 594px; overflow: hidden;    }
 #fotos_nav {position: absolute; top: 218px; left: 0;  z-index: 20;}
  #fotos_nav li {width: 87px; height: 86px; margin-bottom: 1px; float: left; clear: left;}
 #fotos_nav  a {display: block; width: 87px; height: 86px; cursor: pointer; }
 #foto_inapoi { background-image:url(../images/up.png); visibility: hidden;}
 #foto_inainte { background-image:url(../images/down.png);}
 #fotos_wrapper {width: 594px; height: 494px; overflow: hidden; position: absolute; top: 0; left: 0;}
 #fotos {  width: 594px; position: absolute; top: 0; left: 0;  }
 #fotos li { position: relative; left: 0; top: 0; float: left; clear: left; }
 #fotos li img {display: block;}
 #fotos li span {height: 23px; width: 247px; background-color: #000; color: #fff; line-height: 23px; font-weight: normal;  text-indent: 8px; display: block; position: absolute; left: 0; bottom: 0;}

 
 #fotos_nav2 {position: fixed;  top: 50%; left: 50%; z-index: 200; width: 594px; height: 23px;  margin-left: -400px; margin-top: 225px; visibility: hidden; }
 #galerie:hover #fotos_nav2 {visibility: visible;} 
 
 #fotos_nav2 ul {float: right; padding: 5px;}
 #fotos_nav2 li {float: left; padding-right: 1px;}
 #fotos_nav2 li a:link, #fotos_nav2 li a:visited , #fotos_nav2 li a:active, #fotos_nav2 li a#selectat {color: #fff; display: block; width: 13px; height: 13px; text-align: center; line-height: 13px; font-family: 'Trebuchet Ms'; background-image:url(../images/nav_bg.png);}
  #fotos_nav2 li a:hover, #fotos_nav2 li a#selectat { background-color: #000 !important; background-image: none !important; }
 #fotos_nav2 h4 {height: 23px; width: 247px; background-color: #000; color: #fff; line-height: 23px; font-weight: normal; float: left; text-indent: 8px;} 
 
 
 #vietri {left: 2970px; top: 0; background-color: #8b7a5e; background-image:url(../images/vietri_thumb.jpg); padding: 248px 0 0;}
 #vietri h2 { background-image:url(../images/vietri-h2.gif); background-position: center center;}
 #vietri .description {background-color: #97866b; height: 170px; padding: 38px 125px 38px 40px; color: #c8b18b;}
 #vietri h3 {background-image:url(../images/vietri-h3.gif);}
 #vietri ul {line-height: 19px;}
 
 #link {left: 3564px; top: 0; background-color: #716151; background-image:url(../images/link_thumb.jpg); padding: 248px 0 0;}
 #link h2 { background-image:url(../images/link-h2.gif); background-position: center center;}
 #link .description {background-color: #816e5b; height: 170px; padding: 38px 105px 38px 40px; color: #c8b18b;}
 #link h3 {background-image:url(../images/link-h3.gif);}
 #link dt, #link dd {display: inline; }
 #link dt { color: #fff;}
 #link dl, #link p {line-height: 14px ; }
 #tipuri_link {padding: 7px 0;}
 
 #dovesiamo { left: 4158px;  top: 0; height: 494px; overflow: hidden; color:#684c3d;}
 #formular_contact {position: absolute; left: 0;  top: 0; background-color: #b79a6c; background-image:url(../images/dovesiamo_thumb.jpg); padding: 248px 0 0; height: 246px; overflow: hidden; width: 594px; }
 #formular_contact h2 { background-image:url(../images/dovesiamo-h2.gif); background-position: center center;}
 #formular_contact .description {background-color: #cdac79; height: 170px; padding: 38px 125px 38px 40px; color:#684c3d;}
 #formular_contact h3 {background-image:url(../images/contact-h3.gif); position: relative; top: 0; left: 0; display: block; width: 200px;}
 #contact_link { background-image:url(../images/locatie.gif); display: block; text-indent: -3000px; overflow: hidden; width: 140px; height: 57px; margin-top: 3px;   }
 #contact_link:hover {background-position: 0 -57px;}
 
 #locatie {position: absolute; left: 0; top: 494px; background-color: #585047; height: 494px; width: 594px;}
 #locatie img {cursor: pointer;}
 
  #footer {position: relative; top: 0; left: 0;  color: #978158; font-size: 9px;  padding: 8px 5px 0 0;  background: #C7B18B;}
  #footer #arix {text-indent: -3000px; overflow: hidden; width: 73px; height: 12px; background-image:url(../images/arix.gif); background-position: 0 0 ; position: absolute; right: 5px; top: 8px; display: block;}
  #footer #arix:hover {background-position: 0 -12px;}
  #footer p {float: right; margin: -1px 0 0 0; background-image:url(../images/footer_bg.gif); background-position: left center; padding: 0 100px 0 6px; line-height: 16px;}
  #lang {float: left; margin: 3px 0 0 5px; display: inline;}
  #lang span, #lang a {display: block; height: 12px; text-indent: -3000px; background-position: 0 -12px; overflow: hidden;}
  #lang span, #lang a:hover { background-position: 0 0;}
  #lang li {float: left; padding: 0 13px 0 0;}
  .ro {background-image:url(../images/romana.gif); width: 33px;}
  .en {background-image:url(../images/english.gif); width: 34px;}
  .footer:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
  
   .alert_wrapper { position: relative; top: 0; left: 0; z-index: 1000; width: 100%; float: left;}
  .confirmare, .eroare {width: 269px; height: 88px; border: 1px solid #9A835E; background-color: #2D331F; position: absolute; top: 0; left: 43px; padding: 15px; z-index: 1000;  }
  .eroare {background-color: #6B3030;}
  .confirmare h4, .eroare h4 {height: 18px; text-indent: -3000px; overflow: hidden;}
  .confirmare h4 { background-image:url(../images/confirmare.gif);}
  .eroare h4 { background-image:url(../images/eroare.gif);} 
  .confirmare p, .eroare p {line-height: 14px;}
  .confirmare .inchide, .eroare .inchide {display: block; text-indent: -3000px; width: 92px; height: 17px; overflow: hidden; position: absolute; top: 83px; left: 15px;  }
  .confirmare .inchide {background-image:url(../images/inchide_confirmare.gif);}
  .eroare .inchide {background-image:url(../images/inchide_eroare.gif);}

  .inchide_btn { position: absolute; top: 83px; left: 15px;}

 .loading {width:370px; display:block; height:120px; background-position:center;}
 #valle .loading {color:#5B423B; background-image:url(../images/loader_valle.gif); }
 #contact .loading {color:#ca603a; background-image:url(../images/loader_contact.gif);}
 .foto {background-image:url(../images/loader_contact.gif); background-position: center; background-color: #ca603a;}
 
 #contact_div {width: 370px;}
 #contact_info {padding-left: 15px; float: left; width: 150px; white-space:normal;  line-height: 18px;}
 
 /********* for highslide *********/ 


.highslide-html {
    background-color: #c5af89;
}
.highslide-html-blur {
}
.highslide-html-content {
	position: absolute;
    display: none;
	font:11px Arial, Helvetica, sans-serif;
	color:#333;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

.control {
	float: right;
    display: block;
    /*position: relative;*/
	margin: 0 5px;
	font-size: 9pt;
    font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}

a.control {color:#FFFFCC}

.control:hover {
	color: black !important;
}
.highslide-move {
    cursor: move;
}


img.left {float:left; margin-right:10px;}
img.right {float:right; margin-left:10px;}

p.smallest {font-size:11px;margin-top:20px;color:#fdffcd;}

p.smallest img {float:left;margin-right:6px;}