/* CSS Document */
  * {
   margin: 0;
   padding: 0;
   list-style: none;
   border: 0;
   outline: none;
  }
  
  body {
   background-color: #a3a59b;
   font-family: Arial;
   font-size: 11px;
   color: #656464;
  }
  
  .on {display: block;}
  .off {display: none;}
  
  
   html, body {height: 100%;
  width: 100%;
   text-align: center;
   }
  #center {width: 100%; height: 100%;}
  #inside_center {height: 100%; width: 100%; vertical-align: middle; }
 
  #container, #container_inner  {
    width: 1000px;
	height: 583px;
	padding-top: 17px;
	background-color: #034d44;
	margin: 0 auto;
	position: relative;
	top: 0;
	left: 0;
	 background-image: url(../images/trandafiri_bg.jpg); 
	background-repeat: no-repeat;
	background-position: left bottom;
	
	
  }
  
  #container_inner {
    background-image: none;
	height: 593px;
  }
  #content, #content_inner {
    background-color: #ebeee1;
	background-image: url(../images/content_bg.jpg); 
	background-position: left top;
	background-repeat: no-repeat; 
	
	height: 478px;
	width: 966px;
	margin: 0 auto;
	text-align: center;
	position: relative;
	top: 0;
	left: 0;
  }
  #content_inner,  #content_inner2, #content_inner3   {
  /* background-image: url(../images/content_inner_bg.jpg); */
   height: 564px;
   background-image: url(../images/cerculet.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	width: 966px;
	margin: 0 auto;
	text-align: center;
	position: relative;
	top: 0;
	left: 0;
  }
  #content_inner2 {
   background-image: url(../images/gradient.jpg);
   background-position: left top;
  }
  
  #content_inner3 {
   background-image: url(../images/chestii.jpg);
   background-repeat: no-repeat;
   background-position: right 391px;
  }
  
  .rezervari_online {
    width: 400px;
	height: 30px; 
	border-style: solid;
	border-width: 1px 0;
	border-color: #abaf9d;
	margin-top: 20px;
	float: right;
	font-size: 12px;
	
  }
  .rezervari_online_inner {
    border-style: solid;
	border-width: 1px 0;
	border-color: #abaf9d;
	font-size: 11px;
	position: absolute;
	bottom: 0;
	left: 0;
	height: 30px;
  }
  .rezervari_online td, .rezervari_online_inner td {vertical-align: middle; height: 30px;}
   td.a {padding-right: 15px; padding-left: 4px;}
   .rezervari_online_inner td.a {padding-right: 7px;}
   td.b,   td.d,   td.f {padding-right: 4px;}
    td.c,   td.e,   td.g {padding-right: 4px; }
    
   select {border: 1px solid #656464; font-size: 11px; background-color: #e2e3d9;  } 
   select option {padding-right: 5px; }
   
 
  #panoramic {
   width: 541px;
   height: 487px;
   border-style: solid;
   border-width: 0 6px 0 0;
   position: absolute;
   border-color: #034d44;
   top: 0;
   left: 0; 
  }
  
  #panoramic img, #flash_wrapper {display: block; position: absolute; top: 0; left: 0;}
  
  
  #footer {
   height: 25px;
   width: 966px;
   margin: 0 auto;
   position: relative;
   top: 0;
   left: 0;
   text-align: left;
   font-size: 11px;
   color: #979a8c;
   line-height: 25px;
  }
 
  #desero {
   display: block;
   position: absolute;
   top: 3px; right: 2px;
  }
   #desero:link img, #desero:visited img, #desero:active img, #desero:hover img {display: block; border: 0; }    
  
  
  
  #secondary_menu {
   background-color: #b26464;
   width: 966px;
   height: 20px;
   position: absolute;
   left: 0;
   bottom: 0;
   text-align: left;
   overflow: hidden;
  }
  #container_inner #secondary_menu {
   bottom: 57px;
  }
  
  /* start meniuri */ 
  
  #secondary_menu ul { height: 20px; width: 842px; margin: 0 auto;  overflow: hidden;   }
   #secondary_menu ul li {float: left; padding-right: 10px;  height: 20px;      }
   #secondary_menu ul li a:link,  #secondary_menu ul li a:visited,  #secondary_menu ul li a:active,  #secondary_menu ul li a:hover, #secondary_menu ul li span {display: block; height: 20px; background-repeat: no-repeat; background-position: 0 3px; text-indent: -3000px; overflow: hidden; float: left;}
   #secondary_menu ul li.last { padding: 0;}
   
   /* start butoane */
   .despre_noi:link,  .despre_noi:visited, .despre_noi:active, span.despre_noi   {width: 77px; background-image: url(../images/butoane/despre-noi.gif);}
   .despre_noi:hover, span.despre_noi {background-image: url(../images/butoane/despre-noi-on.gif);}
   .tipuri_camere:link, .tipuri_camere:visited, .tipuri_camere:active, span.tipuri_camere {width: 113px; background-image: url(../images/butoane/tipuri-camere.gif); }
   .tipuri_camere:hover, span.tipuri_camere {background-image: url(../images/butoane/tipuri-camere-on.gif);}
   .servicii:link,  .servicii:visited, .servicii:active, span.servicii {width: 53px; background-image: url(../images/butoane/servicii.gif); }
   .servicii:hover, span.servicii {background-image: url(../images/butoane/servicii-on.gif);}
   .facilitati:link, .facilitati:visited, .facilitati:active, span.facilitati { width: 61px; background-image: url(../images/butoane/facilitati.gif); }
   .facilitati:hover,  span.facilitati {background-image: url(../images/butoane/facilitati-on.gif);}
   .despre_timisoara:link, .despre_timisoara:visited, .despre_timisoara:active, span.despre_timisoara {width: 112px; background-image: url(../images/butoane/despre-timisoara.gif); }
   .despre_timisoara:hover, span.despre_timisoara {background-image: url(../images/butoane/despre-timisoara-on.gif); }
   .rezervari:link, .rezervari:visited, .rezervari:active, span.rezervari {width: 66px; background-image: url(../images/butoane/rezervari.gif); }
   .rezervari:hover, span.rezervari {background-image: url(../images/butoane/rezervari-on.gif);}
   .galerie_foto:link, .galerie_foto:visited, .galerie_foto:active, span.galerie_foto {width: 84px; background-image: url(../images/butoane/galerie-foto.gif); }
   .galerie_foto:hover, span.galerie_foto {background-image: url(../images/butoane/galerie-foto-on.gif);}
   .locatie:link, .locatie:visited, .locatie:active, span.locatie {width: 54px; background-image: url(../images/butoane/locatie.gif); }
   .locatie:hover, span.locatie { background-image: url(../images/butoane/locatie-on.gif);}
   .contact:link, .contact:visited, .contact:active, span.contact {width: 59px; background-image: url(../images/butoane/contact.gif); }
   .contact:hover, span.contact {background-image: url(../images/butoane/contact-on.gif);}
   .parteneri:link, .parteneri:visited, .parteneri:active, span.parteneri {width: 63px; background-image: url(../images/butoane/parteneri.gif); }
   .parteneri:hover, span.parteneri {background-image: url(../images/butoane/parteneri-on.gif);}
  /* end butoane */
  
   ul#languages {height: 15px; width: 136px; position: absolute; top: 8px; right: 0;}
   ul#languages li {float: left; padding-right:10px; } 
   ul#languages li.last {padding: 0;}
   ul#languages li a:link, ul#languages li a:visited, ul#languages li a:active, ul#languages li span  {font-size: 12px; text-decoration: none; color: #5e6057; display: block; float: left; font-weight: bold;}
   ul#languages li a:hover, ul#languages li span {color: #bf677b;} 
   ul#despre_tm {border-style: solid; border-width: 1px 0 0 0; border-color: #c7c9bc; margin-top: 7px; padding-top: 22px;}
   ul#despre_tm li {display: inline;}
   ul#despre_tm li a:link, ul#despre_tm li a:visited, ul#despre_tm li a:active {display: block; height: 16px; text-decoration: none; font-weight: bold; font-size: 11px; font-weight: bold; color: #656464; line-height: 15px; padding-left: 17px; background-repeat: no-repeat; background-position: 0 0; background-image: url(../images/despre_tm_bg_off.png);}
   ul#despre_tm li a:hover {color: #4f7a75; background-image: url(../images/despre_tm_bg_on.png);}
   * html ul#despre_tm li a:link, * html ul#despre_tm li a:visited, * html ul#despre_tm li a:active {background-color: #d0d2c3;
	back\ground-color: transparent;
	cursor: pointer;
	background-image: url(../images/pix.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/despre_tm_bg_off.png", sizingMethod="scale");}
	 * html ul#despre_tm li a:hover {
	 back\ground-color: transparent;
	 cursor: pointer;
	background-image: url(../images/pix.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/despre_tm_bg_on.png", sizingMethod="scale"); 
	 }
	 ul#menu_camere {width: 345px; position: absolute; top: 43px; right: 44px; text-align: left; height: 18px; overflow: hidden; } 
	 ul#menu_camere li {float: left; height: 18px; border-style: solid; border-width: 0  0 0 1px; border-color: #69817e; padding: 4px 8px 0;}
	 ul#menu_camere li.first {border: 0; padding-left: 0;}
	  ul#menu_camere li.last {padding-right: 0;}
	 ul#menu_camere li a:link, ul#menu_camere li a:visited, ul#menu_camere li a:active, ul#menu_camere li a:hover, ul#menu_camere li span {display: block; background-repeat: no-repeat; background-position: left top; height: 10px; text-indent: -3000px; overflow: hidden;} 
     .single:link, .single:visited, .single:active,  span.single {width: 86px; background-image: url(../images/single_off.gif);}
     .single:hover, span.single {background-image: url(../images/single_on.gif);}
	 .double:link, .double:visited, .double:active,  span.double {width: 91px; background-image: url(../images/double_off.gif);}
     .double:hover, span.double {background-image: url(../images/double_on.gif);}
	 .apartamente:link, .apartamente:visited, .apartamente:active,  span.apartamente {width: 78px; background-image: url(../images/apartamente_off.gif);}
     .apartamente:hover, span.apartamente {background-image: url(../images/apartamente_on.gif);}
	 
	 .receptie:link, .receptie:visited, .receptie:active,  span.receptie {width: 48px; background-image: url(../images/receptie_off.gif);}
     .receptie:hover, span.receptie {background-image: url(../images/receptie_on.gif);}
	 .sala-mese:link, .sala-mese:visited, .sala-mese:active,  span.sala-mese {width: 76px; background-image: url(../images/sala-mese_off.gif);}
     .sala-mese:hover, span.sala-mese {background-image: url(../images/sala-mese_on.gif);}
     .lounge:link, .lounge:visited, .lounge:active,  span.lounge {width: 71px; background-image: url(../images/living_room.gif);}
     .lounge:hover, span.lounge {background-image: url(../images/living_room_on.gif);}
     .exterior:link, .exterior:visited, .exterior:active,  span.exterior {width: 51px; background-image: url(../images/exterior_off.gif);}
     .exterior:hover, span.exterior {background-image: url(../images/exterior_on.gif);}
     
	 .gradina:link, .gradina:visited, .gradina:active,  span.gradina {width: 50px; background-image: url(../images/gradina_off.gif);}
     .gradina:hover, span.gradina {background-image: url(../images/gradina_on.gif);}
      
	  
	  ul#care_cam {border-style: solid; border-width: 1px 0 1px 0; border-color: #c4c6b9; float: left; width: 100%; }
	  ul#care_cam li {float: left; padding: 8px 10px 8px 0;}
	  ul#care_cam li img, ul#care_cam li a {cursor: pointer; display: block; width: 41px; height: 41px; float: left;}
	   ul#care_cam li a {background-color: #034d44; border-width: 4px; border-color: #98b2a8; border-style: solid;}
	  ul#care_cam li img {visibility: hidden;}
	  ul#care_cam li.first_thumb img {visibility: visible;}
	 /* ul#care_cam li img.cam_off, ul#care_cam li img { background-color: #034d44; border-width: 4px; border-color: #98b2a8; border-style: solid; } 
      ul#care_cam li img.cam_on {border-color: 034d44;} */
	 
  
  /*  end meniuri */
  
  
  /* start layout */
   h1.logo {width: 218px; height: 71px; background-image: url(../images/rosa_logo.jpg); text-indent: -3000px;  position: absolute; top: 16px; left: 19px;}
   h1.logo_inner {width: 160px; height: 46px; background-image: url(../images/rosa_logo_inner.png); text-indent: -3000px; overflow: hidden; position: absolute; top: 433px; right: 14px; }
   * html h1.logo_inner {
	background-color: #d0d2c3;
	back\ground-color: transparent;
	background-image: url(../images/pix.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/rosa_logo_inner.png", sizingMethod="scale");
	}
	h3.location_guide {color: #200b03; font-size: 15px; font-weight: normal; padding-top: 15px; padding-bottom: 10px; border-style: solid; border-width: 0 0 1px 0; border-color: #caccc0; }
   #homepage {width: 600px; height: 300px; position: absolute; top: 109px; left: 50px;  text-align: left;}
   #innerpage {width: 345px; height: 340px; border-style: solid; border-width: 1px 0 0 0; border-color: #caccc0; position: absolute; top: 68px; right: 44px; text-align: left;  }
   #innerpage #inside {height: 100%; position: relative; top: 0; left: 0; }
   #innerpage p {line-height: 14px; padding-top: 15px;}
   #innerpage p.first {padding-top: 0;}
   
    div.ico {width: 50px;  float: left;}
    div.ico img {display: block;}
	div.dot_orizontal {height: 10px; background-image: url(../images/dot_orizontal.gif); background-repeat: repeat-x; background-position: left center;}
   #homepage h2 { font-size: 15px; line-height: 17px; width: 168px; border-style: solid; border-width: 0 0  1px 0; border-color: #656464; font-weight: normal;}
   #homepage p { line-height: 16px; padding-top: 15px;}
   #back_inner {text-align: right;  width: 100%; position: absolute; top: 300px; right: 3px; }
   .back:link,  .back:visited,  .back:active,  .back:hover { color: #6b6c66; font-weight: bold;  } 
   .download:link, .download:visited, .download:active, .download:hover {font-weight: bold; text-decoration: underline; color: #d8d9d1; position: absolute; top: 15px; left: 15px;}
  #panoramic_viewer:link, #panoramic_viewer:visited, #panoramic_viewer:active {display: block; width: 226px; height: 28px; background-image: url(../images/panoramic_off.gif); text-indent: -3000px; overflow: hidden; margin: 0 0 3px;  }
  #panoramic_viewer:hover {background-image: url(../images/panoramic_on.gif);}
  
  
  /* end layout */
  
 
  /* strat scroll */
	#scro {position: absolute; top: 15px; left: 0;  width: 345px;  height: 273px; }
	#masca {width: 345px; height: 273px;  clip:rect(0,325px,273px,0); overflow:hidden; position: absolute; top: 0; left: 0;    }
	#continut {position: absolute; top: 0; left: 0; width: 325px; }
	#continut .lista {padding-left: 15px;}
	#track {width: 2px; height: 120px; background-color: #A76C55; position: absolute; top: 0; left: 7px;}
	#drag {position: absolute; top: 0; left: 0; height: 7px; width: 7px; cursor: pointer; background-image: url(../images/drag.jpg); }
	#up {
	width: 7px;
	height: 6px;
	background-image: url(../images/up_arrow.gif);
	cursor: pointer;
	position: absolute;
	top: 3px;
	right: 1px;
	
	}
	#down {
	width: 7px;
	height: 6px;
	background-image: url(../images/down_arrow.gif);
	cursor: pointer;
	position: absolute;
	top: 26px;
	right: 1px;
	
	}
/* end scroll */
/* scro 2 */
   #scro2 {position: absolute; top: 65px; left: 0;  width: 345px;  height: 223px; }
	#masca2 {width: 345px; height: 223px;  clip:rect(0,325px,223px,0); overflow:hidden; position: absolute; top: 0; left: 0;    }
	#continut2 {position: absolute; top: 0; left: 0; width: 325px; }
	#track2 {width: 2px; height: 120px; background-color: #A76C55; position: absolute; top: 0; left: 7px;}
	#drag2 {position: absolute; top: 0; left: 0; height: 7px; width: 7px; cursor: pointer; background-image: url(../images/drag.jpg); }
	#up2 {
	width: 7px;
	height: 6px;
	background-image: url(../images/up_arrow.gif);
	cursor: pointer;
	position: absolute;
	top: 3px;
	right: 1px;
	
	}
	#down2 {
	width: 7px;
	height: 6px;
	background-image: url(../images/down_arrow.gif);
	cursor: pointer;
	position: absolute;
	top: 26px;
	right: 1px;
	
	}
	
/* end scro 2 */
 #panorama {
	display: block;
	
	}
 .formular {
  padding: 15px 0;
  border-style: solid;
  border-width: 0 0 1px 0;
  border-color: #c0c3b4;
 }
  input.text , textarea.textarea {
   font-family: Arial;
   font-size: 11px;
   color: #656464;
   width: 170px;
   line-height: 13px;
   padding-left: 3px;
   border-style: solid;
   border-width: 1px;
   border-color: #6b6b6b #fff #fff #a4a4a3;
  }
  textarea.textarea {
   height: 60px;
  }
  #facilitati {padding: 4px 0 0; clear: both;}	
 
 .parteneri-list {
 	width: 100%;
	overflow: hidden;
	padding: 20px 0 0;
 }
 
  .parteneri-list li {
  	float: left;
	padding: 0 15px 15px 0; 
  }