* {
 margin: 0;
 padding: 0;
 list-style: none;
 border: 0;
 background-repeat: no-repeat;
 text-decoration: none;
 outline: none;
 }
 
 p{
 padding:0px 0px 5px 0px
 }
 
 /*div { behavior: url(iepngfix.htc) }*/
 a:link, a:visited, a:hover, a:active {color: #333;}
 .link:hover {text-decoration: underline;}
 /*img {display: block; behavior: url(iepngfix.htc)}*/ 
 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;}
 
 body {background-color: #2D150A; background-image:url(images/pensiune-Ana-&-Irina-fundal.gif); background-repeat: repeat; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 21px;}

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

#wrapper {width: 970px; height: 500px; position: absolute; top: 50%; left: 50%; margin-top: -240px; margin-left: -485px; background-image:url(images/pensiune-Ana-&-Irina-bk.png);  }
#container {width: 960px; height: 420px; position: absolute; top: 5px; left: 5px  }
#container_oferta {width: 330px;  position: absolute; top: 5px; left: 5px }
#flags{ width:160px; height:24px; position:absolute; top:87%; left:630px; vertical-align:top; font-family:Arial, Helvetica, sans-serif;}
#flags ul { list-style:none; overflow:hidden; line-height:24px}
#flags li {float: left;
	margin-left: 8px;
	height: 24px;
	display: inline;
	overflow: hidden;}
#flags li img{
	margin:0 0 0 3px;
}
	
#flags span{
	font-size: 12px;
	font-weight: bold;
	display:block;
	padding: 0 0;
}
#flags p{
	margin: 0;
	margin-right: 4px;
	font-size: 12px;
	line-height: 24px;
	color:#555;
}
#flags li a, #flags li a:hover {
	text-decoration:none;
	line-height:20px;
	}

#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 {height: 411px; position: relative; overflow: hidden;}
 
 h1 {width: 221px; height: 143px;  position: absolute; top: 0px; left:739px; z-index: 10000; }
 h1 a {text-indent: -3000px; overflow: hidden; display: block; height: 100%; width: 100%;}
 h2 { text-indent: -3000px; overflow: hidden; }
 h3 {text-indent: -3000px; overflow: hidden}
 h4 {font-size: 10px;}
 h4.noutati {margin-bottom: 5px;}
 
 #main_menu {width: 100px; position: absolute; top: 144px; left: 755px; padding: 1px 0 0; }
 #main_menu li {padding: 0 0 1px; background-position: left bottom; width: 100%; float: left;}
 #main_menu a:link, #main_menu a:visited, #main_menu a:active {display: block; height: 18px; 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;}
 .rezervari {background:url(images/rezervari-ro.gif);}
 .oferte {background:url(images/oferte-speciale-ro.gif);}
 .despre {background:url(images/despre-noi-ro.gif);}
  #main_menu .galerie {background:url(images/galerie-foto-ro.gif); background-repeat: no-repeat; background-position: 5px 6px;}
 .servicii {background:url(images/servicii-ro.gif);}
 .camere {background:url(images/tipuri-de-camere-ro.gif);}
 .contact {background:url(images/contact-ro.gif);} 
 
 #contents_wrapper {width: 730px; height: 402px;  position: absolute; top:9px; left:8px; overflow: hidden;}
 #contents {width: 5840px; height: 100%; position: relative;}
 .content {width: 730px;  position: absolute; overflow: hidden; }
 #home {left: 0; top: 0;}
 
 #rezervari {left:730px; width:730px; top: 0; }
 #rezervari h2 { float:left; background-image:url(images/pensiune-Ana-&-Irina-rezervari-fundal.jpg); width:372px; height:402px; background-position: center center;}
 #rezervari .description { float:left; width:355px; color: #725046; height:402px }
 #rezervari h3 { background-position:top right; background-repeat:no-repeat; height:134px}
 
 
 #oferte {left: 1460px; width:730px; top: 0; }
 #oferte h2 { float:left; background-image:url(images/pensiunea-Ana-&-Irina-oferte-speciale-fundal.jpg); width:372px; height:402px; background-position: center center;}
 #oferte .description { float:left; width:355px; color: #891204; height:402px}
 #oferte h3 {background-image:url(images/pensiunea-Ana-&-Irina-oferte-speciale.jpg); background-position:top right; background-repeat:no-repeat; height:134px}
 
 #despre {left: 2190px; width:730px; top: 0;  }
 #despre h2 {float:left; background-image:url(images/pensiunea-Ana-&-Irina-despre-noi-fundal.jpg); background-position: center center; width:372px; height:402px;}
 #despre .description { float:left; width:350px; color: #255c52; height:402px; line-height:16px }
 #despre h3 { background-image:url(images/pensiunea-Ana-&-Irina-despre-noi.jpg); background-position:top right; background-repeat:no-repeat; height:134px}
 
 #galerie {left: 2920px; width:730px; top: 0; height: 402px; overflow: hidden}
 #fotos_nav {position: absolute; top: 120px; 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: 730px; height: 402px; overflow: hidden; position: absolute; top: 0; left: 0;}
 #fotos {  width: 730px; 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: 730px; height: 23px;  margin-left: -400px; margin-top: 100px; visibility: hidden; }
 #galerie:hover #fotos_nav2 {visibility: visible;} 
 
 #fotos_nav2 ul {float: right; padding: 3px;}
 #fotos_nav2 li {float: left; padding-right: 3px;}
 #fotos_nav2 li a:link, #fotos_nav2 li a:visited , #fotos_nav2 li a:active, #fotos_nav2 li a#selectat {border: 1px #aaa solid; 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: #333 !important; background-image: none !important; }
 #fotos_nav2 h4 {height: 23px; width: 340px; background-color: #222; color:#CC9900; line-height: 23px; font-weight: normal; float: left; text-indent: 8px;} 
 
 
 #servicii {left: 3650px; width:730px; top: 0; }
 #servicii h2 {float:left; background-image:url(images/pensiunea-Ana-&-Irina-servicii-fundal.jpg); background-position: center center; width:372px; height:402px;}
 #servicii .description {float:left; width:350px; color: #5e3b4f; height:402px; line-height:16px}
 #servicii h3 {background-image:url(images/pensiunea-Ana-&-Irina-servicii.jpg); background-position:top right; background-repeat:no-repeat; height:134px}
 #servicii ul {line-height: 19px;}
 
 #camere {left: 4380px; width:730px; top: 0; }
 #camere h2 {float:left; background-image:url(images/pensiunea-Ana-&-Irina-tipuri-de-camere-fundal.jpg); background-position: center center; width:372px; height:402px;}
 #camere .description {float:left; width:350px; color: #725046; height:402px; line-height:16px}
 #camere h3 {background-image:url(images/pensiunea-Ana-&-Irina-tipuri-de-camere.jpg); background-position:top right; background-repeat:no-repeat; height:134px}
 #camere dt, #camere dd {display: inline; color:#464058 }
 #camere dt { color: #000; font-weight:bold}
 #camere dl, #camere p {line-height: 17px; color:#464058; padding-bottom:5px; }
 #tipuri_camere {padding: 7px 0;}
 
 #contact { left: 5110px; top: 0; height: 402px; overflow: hidden;}
 #formular_contact {position: absolute; left: 0;  top: 0;  height: 402px; overflow: hidden; width: 730px;}
 #formular_contact h2 {float:left; background-image:url(images/pensiunea-Ana-&-Irina-contact-fundal.jpg); background-position: center center;width:372px; height:402px;}
 #formular_contact .description {float:left; width:350px; color: #000; height:402px}
 #formular_contact h3 {background-image:url(images/pensiunea-Ana-&-Irina-contact.jpg); background-position:top right; background-repeat:no-repeat; height:134px}
 #contact_link { background-image:url(images/harta_mica.gif); display: block; text-indent: -3000px; overflow: hidden; width: 116px; height: 69px; margin-top: 3px;   }
 #contact_link:hover {background-position: 0 -83px;}
 
 #locatie {position: absolute; left: 0; top: 494px; background-color: #585047; height: 494px; width: 494px;}
 #locatie img {cursor: pointer;}
 
 .formular {width: 343px;}
 .formular label {display: block; float: left; clear: both;  white-space: nowrap;}
 .formular span {display: block; float: right;  background-color: #694f47;; padding: 2px; margin: 0 0 4px; }
 .formular input.text, .formular textarea {width: 243px; background-color: #694f47; display: block; color: #fff;}
  .formular2 {width: 193px; float: left;}
 .formular2 input.text,  .formular2 textarea {width: 147px;}
 input.button 
 {
 float: right;
 
 width:90px;
 height:17px;
 }
 .formular textarea {height: 120px; overflow: auto;}
 #rezervari .formular  input.text {width: 253px;}
 #rezervari .nr {width: 100%; float: left;}
 #rezervari .formular .nr input.text {width: 73px;}
 #rezervari .nr_1 {float: left; width: 163px;  }
 #rezervari .nr_2 {float: right; width: 173px;  }
 #rezervari .nr span { position: relative; top: 0; left: 0;}
 #rezervari .nr_1 iframe {top: 10px; left: 10px;}
  .rezervari_select {width: 100%; float: left; position: relative; left: 0; top: 0; padding-bottom: 4px; z-index: 100;}
  iframe {visibility: visible; z-index: 999; position: absolute; top: -5000px; left: -5000px;  width: 205px; height: 194px; overflow: hidden;}
  select { display: block; width: 246px; position: absolute; top: 0; left: 87px; }
  select.replaced { display: none; }
  ul.selectReplacement { overflow: visible; width: 246px; float: right;  position: absolute; top: 0; left: 86px; z-index: 100;}
  ul.selectReplacement li { background: #432C26; color: #fff; cursor: pointer; display: none; font-size: 10px; padding-left: 5px;}
  ul.selectOpen li {display: block;}
  ul.selectReplacement li.selected { background-color: #6A4F48; background-image:url(images/select_arrow.gif); background-position: center right; background-repeat: no-repeat; color: #fff; display: block; }
  ul.selectOpen li.selected { background: #301D17; display: block;}
  ul.selectOpen li:hover, ul.selectOpen li.hover, ul.selectOpen li.selected:hover { background: #301D17; color: #fff; }
  
  #footer {position: relative; top: 0; left: 0;  color: #978158; font-size: 9px;  padding: 8px 5px 0 0;  background: #C7B18B;}
  #footer #desero {text-indent: -3000px; overflow: hidden; width: 73px; height: 10px; background-image:url(../images/desero.gif); background-position: 0 0 ; position: absolute; right: 5px; top: 8px; display: block;}
  #footer #desero:hover {background-position: 0 -10px;}
  #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: 9px; text-indent: -3000px; background-position: 0 -9px; 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: 28px;}
  .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;}
 #rezervari .loading {color:#5B423B; background-image:url(../images/loader_rezervari.gif); }
 #contact .loading {color:#4C413F; background-image:url(../images/loader_contact.gif);}
 .foto {background-image:url(../images/loader_contact.gif); background-position: center; background-color: #4C413F;}
 
 #contact_div {width: 370px;}
 #contact_info {padding-left: 15px; float: left; width: 150px; white-space:normal;  line-height: 18px;}