@charset "utf-8";
/* CSS Document */

body{
	background:url(images/pgbg.gif) repeat-x 0 0  #615642; color:#ccc;
	font: 70%/1.5em "Lucida Grande","Myriad Pro",Arial,Verdana,sans-serif;
	margin:0; padding:0;}

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;}
	
#wrapper {
	width: 710px;
	margin: 10px auto;
	position:relative;
}
h1 {
	font-family: "Lucida Grande", Tahoma;
	font-size: 12px;
	font-weight: lighter;
	font-variant: normal;
	text-transform: uppercase;
	color: #aaa;
	position:relative;
	top:10px;
	left:-30px;
	text-align: left;
	letter-spacing: 0.3em;
	
}
 em {font-style: normal; font-weight: bold;}
 
#preview{
	position:absolute;
	background:#BB9;
	padding:3px;
	display:none;
	color:#fff;
	}

h2 {
	background:url(images/class-hotel-oradea-galerie-foto.jpg) top left no-repeat;
	position:relative;
	left:8px;
	height:169px;
	width:521px;
	text-indent: -3000px;
	margin:0; 
}
a{
border:none;
}

div { behavior: url(iepngfix.htc) }
img {display: block; behavior: url(iepngfix.htc); border:0}


#header{
	width:711px; height:261px;
	background:url(images/class-hotel-oradea-header.jpg) no-repeat 0 0; color:#000000;}
#nav{
	position:relative; 
	width:696px; 
	height:45px; 
	top:214px; 
	left:8px;
	color:#000000; 
	list-style: none;
	margin: 0;
 	padding: 0;
	}
#nav li {
	margin:0 1px 0 0; 
	background-position: top left; 
	width:92px; 
	height:45px; 
	float:left;
	}	
#nav a:link, 
#nav a:visited, 
#nav a:active {
	display: block; 
	height: 45px; 
	width:92px; 
	background-position: 0px -90px; 
	text-indent: -3000px; 
	background-repeat: no-repeat;  
	}
#nav a:hover, 
#nav a#hovered:link, 
#nav a#hovered:visited, 
#nav a#hovered:active {
	background-position: 0px 0px;
	}
 
.rezervari {background:url(images/class-hotel-oradea-meniu-rezervari.jpg);}
.facilitati {background:url(images/class-hotel-oradea-meniu-facilitati.jpg);}
.despre {background:url(images/class-hotel-oradea-meniu-despre.jpg);}
.contact {background:url(images/class-hotel-oradea-meniu-contact.jpg);} 

#contents_wrapper {background:url(images/class-hotel-oradea-cazare-t-bg.png) no-repeat; width: 711px;  overflow: hidden; padding:5px 10px}
#contents {width: 1600px; height: 100%; position: relative}

.content {width: 690px;  position: absolute; overflow: hidden; }
#content{
	width:580px;
	padding-left:100px;
	background:url(images/class-hotel-oradea-cazare-t-bg-flower.png) no-repeat top left;
	
	}
#rezervari{
	width:580px;
	padding-left:100px;
	background:url(images/class-hotel-oradea-cazare-t-bg-flower.png) no-repeat top left;
	border:0;
	
	}
#rezervari input,fieldset{
	border: 0;
 	background-repeat: no-repeat;
 	text-decoration: none;
 	outline: none;
}

#contact input,fieldset,textarea,ul,li{
 margin: 0;
 padding: 0;
 list-style: none;
 border: 0;
 background-repeat: no-repeat;
 text-decoration: none;
 outline: none
}
#contact a:link, a:visited, a:hover, a:active {color: #C8B18B; text-decoration:none}
#contact a:hover {
text-decoration:none;
border-bottom:thin dotted;
}
	
#imagine {
	border: 1px solid #BB9;
	padding:2px 2px;
	margin:3px 0px 0px 10px;	
	width:150px;
	float:right;
	clear:right;
}
#imagine a{
	border:0;
}
p {
	margin: 0;
	padding: 0.8em 0px 0.8em 0px;
	color:#ccccbf;
	line-height:1.4em;
}



.main_b{
	width:711px; background:url(images/class-hotel-oradea-cazare-b-bg.png) no-repeat; height:12px; position:relative;
}
#main_f{
	width:711px; background:url(images/class-hotel-oradea-cazare-f-bg.png) no-repeat; position:absolute; height:169px
}
#main_f h2 {
	background:url(images/class-hotel-oradea-galerie-foto.jpg) top left no-repeat;
	position:absolute;
	left:8px;
	height:169px;
	width:521px;
	text-indent:-9999px;
}
#main_f h3 {
	background:url(images/class-hotel-oradea-sala-nunti.jpg) top left no-repeat;
	position:absolute;
	left:534px;
	height:169px;
	width:170px;
	text-indent:-9999px;
	margin:0;
	padding:0;
	top:-1px;
}
#main_f .buton_galerie
{
	background:url(images/class-hotel-oradea-galerie-foto-buton.png) no-repeat top left;
	height:50px;
	width:200px;
	position:absolute;
	top:10px;
	left:8px;
	padding:13px 60px;
	color:#333333;
	font:Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
	text-decoration:none;

}
#main_f .buton_galerie:hover
{
	color:#660033;
}
#main_f .buton_nunti
{
 
 	background:url(images/class-hotel-oradea-sala-nunti-buton.png) no-repeat top left;
	height:41px;
	width:170px;
	position:absolute;
	top:127px;
	left:534px;
	padding:13px 45px;
	color:#222;
	font:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;

}

	

.main_fb{
	width:711px; background:url(images/class-hotel-oradea-cazare-fb-bg.png) no-repeat; height:9px; position:relative; top:168px;
}

 
 #contact { height: 260px; 
 			overflow: hidden;
			background:url(images/class-hotel-oradea-cazare-t-bg-flower.png) no-repeat left center;  
			}
 #formular_contact {position: absolute; left: 150px;top:0px; height: 260px; overflow: hidden; width: 500px}
 #formular_contact .description {float:left; width:500px; height:260px}

 #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: 265px; background-color: #585047; height: 260px; width: 494px;}
 #locatie img {cursor: pointer;}
 
 .formular {width: 333px}
 .formular label {display: block; float: left; clear: both;  white-space: nowrap;}
 .formular span {display: block; float: right;  background-color: #694f47;; padding: 3px; margin: 0 0 4px; }
 .formular input.text, .formular textarea {width: 243px; background-color: #694f47; display: block; color: #fff; }
  .formular2 {width: 270px; float: left}
 .formular2 input.text,  .formular2 textarea {width: 200px;}
 #contact_div {width: 500px}
 #contact_info {padding-left: 15px; float: left; width: 150px; white-space:normal;  line-height: 18px}
 input.button 
 {
 float: right;
 background-image:url(images/trimite.gif);
 width:90px;
 height:17px;
 }
 .formular textarea {height: 120px; overflow: auto;}
 
 #rezervari .formular  input.text {width: 240px;}
 #rezervari .nr {width: 100%; float: left; margin-top:5px}
 #rezervari .formular .nr input.text {width: 73px;}
 #rezervari .nr_1 {float: left; width: 166px;  }
 #rezervari .nr_2 {float: right; width: 159px;  }
 #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: 87px; 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; } 
  .clearer { height: 0.1em; clear: both;}

#galerie {left: 2920px; width:686px; height: 400px; 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: 400px; 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;} 
  .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;}