/* ---------------------------------------------
RESET.CSS
-----------------------------------------------*/
*{ margin:0;padding:0 }

html { margin-bottom:1px; }

:focus { outline: 0; }

* a:hover, * a:active { outline:none; }

a, a:hover, a:visited,a:link { text-decoration:none; color:inherit; }

a:hover { text-decoration:underline; }

a img { border:none; }

ol, ul { list-style:none;}

.clear { clear: both; }

.clearfix:after { content: ".";	display: block; height: 0; clear: both; visibility: hidden; }

table { border-collapse:separate; border-spacing:0;}

* html>body .clearfix { display: inline-block; width: 100%;}

* html .clearfix { /* Hides from IE-mac \*/height: 1%; /* End hide from IE-mac */ min-height: 100%; margin-bottom: 1px; }

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

.clearfix { display: inline-block; }

html[xmlns] .clearfix { display: block; }

textarea { resize:none;}

/* ---------------------------------------------
SITE.CSS
-----------------------------------------------*/
html {
overflow:auto;
} 
body {background:#fff;color:#666;font-family: Arial,sans-serif;font-size:12px;}

a:hover {text-decoration:none;color:#999;}

.left { float:left; }
.right { float:right;}

.relative { position:relative;z-index:1;}
.absolute { position:absolute;z-index:5;}

.hidden {display:none;}

h1 {color:#164068;font-size:30px;font-weight:normal;}
h2,h2 a{color:#1a1a1a;font-size:12px;font-weight:bold;}

img#resize {position:absolute;z-index:1;}  
#bg_wrap {overflow:hidden;position:fixed;} 

#footer {height:15px;position:absolute;bottom:0px;left:0px;z-index:2;background:white;opacity:0.3;filter:alpha(opacity=30);width:100%;padding:3px 10px;font-size:11px;} 
#contact{position:absolute;bottom:21px;left:0px;z-index:2;height:25px;width:100%;}
#header{position:absolute;bottom:69px;left:0px;z-index:2;width:100%;padding:3px 0px;}
#content {position:absolute;bottom:166px;left:0px;z-index:2;margin-left:10px;color:#333;}

.ac_contact {width:100%;padding:3px 10px;top:0;z-index:3;}
.bg_contact {background:white;opacity:0.7;filter:alpha(opacity=70);width:100%;top:0;z-index:3;height:25px;}

#footer p {color:#999;}
#footer p a {color:#999;}
#footer p.right {margin-right:20px;}

#contact p , #contact h2{color:#1a1a1a;margin-top:3px;margin-right:10px;}
#contact h2{margin-right:20px;font-size:11px;}

#logo a {display:block;text-indent:-9999px;background:url(../images/logo.jpg) no-repeat top left;width:141px;height:87px;}
#logo {width:141px;}


.nav {margin-left:8px;height:73px;background:white;opacity:0.9;filter:alpha(opacity=90);}
h1.right {margin-right:5px;}

.nav .left a {display:block;padding:5px 8px;color:#1a1a1a;font-size:11px;font-weight:bold;}
.nav .left a.activ {color:#999;}
.nav {padding:7px;}
.nav .left {margin-right:40px;}
.nav .left a:hover, #footer p a:hover {color:#999;} 
/*background:white;font-size:11px;padding:2px;*/
#contact form input#nume, #contact form input#email, #contact form input#telefon {border:1px solid #9b9a9a;background:white;font-size:11px;padding:2px;opacity:0.35;filter: alpha(opacity = 35);}
#contact input#contact_submit {background:#808080;border:none;color:white;padding:0px 8px;cursor:pointer;}

.sectiune {width:223px;margin-right:10px;height:230px;}
.apartamente_container .sectiune{height:183px;}

.sectiune_top {padding:4px;z-index:4;position:absolute;top:0;}
.bg_sectiune_top {background:white;opacity:0.6;filter:alpha(opacity=60);height:205px;z-index:3;width:100%;top:0;}
.apartamente_container .bg_sectiune_top{height:150px;}
.bg_sectiune_bottom {background:white;opacity:0.6;filter:alpha(opacity=60);height:20px;z-index:3;width:100%;top:207px;}
.apartamente_container .bg_sectiune_bottom{top:160px;}
.sectiune_top p {font-size:11px;}
.sectiune_bottom {padding:1px 1px;z-index:4;position:absolute;top:205px;width:100%;}
.apartamente_container .sectiune_bottom {top:158px;}
.sectiune_bottom {margin-top:3px;}
.sectiune_bottom a {color:#000;margin:0 4px;}
.sectiune_bottom a:hover {color:#999;}
.sectiune_top img {opacity:1.8;}

a.detalii {background-color:#808080;color:white;padding:0 4px;font-size:10px;float:right;display:block;margin-top:1px;}
a.detalii:hover{color:white;}

#footer p a:hover {color:#333;}

.scr {width:685px;height:100px;}
.bg_scr {background:white;opacity:0.6;filter:alpha(opacity=60);width:100%;height:100%;z-index:1;}
/* 
	root element for the scrollable. 
	when scrolling occurs this element stays still. 
*/
div.scrollable {	
	/* required settings */
	position:relative;
	overflow:hidden;	 	
	width: 637px;	
	height:88px;	
	float:left;
	/* custom decorations */
	margin-top:7px;
}

/* 
	root element for scrollable items. Must be absolutely positioned
	and it should have a super large width to accomodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
div.scrollable div.items {	
	/* this cannot be too large */
	width:20000em;	
	position:absolute;
	clear:both;		
	
	/* decoration */
	
}

/* single scrollable item */
div.scrollable div.items div.item {
	float:left;	
	/* custom decoration */
	display:block;
	height:86px;	
	
	width:86px;
	margin-right: 5px;	
}
div.scrollable div.items div.item .bg_item{background:white;opacity:0.3;filter:alpha(opacity=30);height:100%;z-index:3;width:100%;margin-top:1px;margin-left:1px;}
 a.thumb, a.thumbAp{display:block;position:absolute;float:left;height:100%;z-index:3;width:100%;border:1px solid white;}
a.prev, a.next {float:left;cursor:pointer;display:block;width:7px;height:13px;text-indent:-9999px;margin:39px 8px;_display:inline;}
a.thumb img, a.thumbAp img {display:block;margin:0 auto;}
a.prev{background:url(../images/prev.gif) no-repeat top left;}
a.next{background:url(../images/next.gif) no-repeat top left;}
a.prev:hover, a.next:hover {background-position:bottom left;}
a.disabled {visibility:hidden;}


.container_img_name {width:685px;height:20px;margin-top:3px;}
.bg_img_name {background:white;opacity:0.6;filter:alpha(opacity=60);height:100%;z-index:3;width:100%;}
.img_name p {padding:3px 8px;color:#000;font-size:12px;}


a.next_photo, a.prev_photo {position:absolute;z-index:2;top:40%;background:url(../images/next_photo.gif) no-repeat top left;width:32px;height:32px;right:50px;text-indent:-9999px;}
 a.prev_photo {background:url(../images/prev_photo.gif) no-repeat top left;left:30px;}
 a:hover.next_photo, a:hover.prev_photo {background-position:bottom left;}
 
 
 a.thumb.thumb_activ, a.thumbAp.thumb_activ {border:1px solid #888;}
 
 
 /**** pagina locatie *****/
.containter_harta {height:122px;width:681px;}
.bg_harta {background:white;opacity:0.6;filter:alpha(opacity=60);height:100px;z-index:3;width:100%;top:0;}
.harta {padding:4px;}
.harta p {font-size:11px;}
.bg_harta_bottom {background:white;opacity:0.6;filter:alpha(opacity=60);height:19px;z-index:3;width:100%;top:103px;}
.harta_bottom {height:19px;z-index:3;width:100%;top:103px;}
.harta_bottom a {padding:2px 8px;display:block;float:left;color:#000;}
.harta_bottom a:hover {color:#999;}

 /**** pagina locatie *****/
.containter_harta2 {height:301px;width:681px;}
.bg_harta2 {background:white;opacity:0.6;filter:alpha(opacity=60);height:301px;z-index:3;width:100%;top:0;}
.harta2 {padding:4px;}
.harta2 p {font-size:11px;}


#accesabilitate a.lightbox, #atractie a.lightbox, #suprafata a.lightbox, #subteran a.lightbox {margin-top:4px;left:217px;width:14px;_left:0px; _margin-left:-21px;}

.containter_panorama {height:450px;width:681px;}
.bg_panorama {background:white;opacity:0.6;filter:alpha(opacity=60);height:405px;z-index:3;width:100%;top:0;} 
.panorama {padding:4px;height:405px;}
.bg_submeniu_panorama{background:white;opacity:0.6;filter:alpha(opacity=60);height:19px;z-index:3;width:100%;top:408px;}
.bg_meniu_panorama{background:white;opacity:0.6;filter:alpha(opacity=60);height:19px;z-index:3;width:100%;top:430px;}
.submeniu_panorama{height:19px;z-index:3;width:100%;top:408px;}
.meniu_panorama{height:19px;z-index:3;width:100%;top:430px;}

.submeniu_panorama a , .meniu_panorama a {padding:2px 8px;display:block;float:left;color:#000;}
.submeniu_panorama a:hover , .meniu_panorama a:hover{color:#999;}

.harta_bottom a.activ{color:#777;}

.containter_panorama360 {height:125px;width:681px;}
.bg_submeniu_panorama360{background:white;opacity:0.6;filter:alpha(opacity=60);height:100px;z-index:3;width:100%;top:0px;}
.bg_meniu_panorama360{background:white;opacity:0.6;filter:alpha(opacity=60);height:19px;z-index:3;width:100%;top:103px;}
.submeniu_panorama360{height:100px;z-index:3;width:100%;top:0px;}
.meniu_panorama360{height:19px;z-index:3;width:100%;top:103px;}

.submeniu_panorama360 a , .meniu_panorama360 a {padding:2px 8px;display:block;float:left;color:#000;}
.submeniu_panorama360 a:hover , .meniu_panorama360 a:hover{color:#999;}
.meniu_panorama360 a.activ {color:#999;}
.submeniu_panorama360 a {margin-top:6px;}

/**** pagina unui produs ****/
.container_produs {height:400px;width:685px;height:297px;margin-bottom:5px;}
.bg_produs {background:white;opacity:0.6;filter:alpha(opacity=60);height:100%;z-index:3;width:100%;top:0;}
.produs {top:0;z-index:3;height:100%;width:100%;padding:6px;}
.produs .plan {background:white;padding:5px 15px;border:1px solid #ddd;width:341px;margin-right:10px;}
.produs .plan img {display:block;}
.container_produs div.bg_produs.absolute{_height:297px}

a.lightbox{top:3px;right:3px;display:block;width:15px;height:14px;text-indent:-9999px;background:url(../images/lightbox_red.jpg) no-repeat left top;}
a.lightbox:hover {background-position:bottom left;}

.produs .detalii {height:150px;}

/****pagina termeni si conditii****/
.container_text{width:685px;height:85px;}
.container_text.termeni{height:105px;}
.bg_text {background:white;opacity:0.6;filter:alpha(opacity=60);height:100%;_height:85px;z-index:3;width:100%;top:0;}
.text{height:100%;z-index:3;width:675px;top:0;padding:5px;}


/***pagina contact****/
.container_contact{width:695px;height:340px;}
.bg_contact2{background:white;opacity:0.6;filter:alpha(opacity=60);height:340px;z-index:3;width:100%;top:0;}
.contact label {display:block;margin-top:6px;}
.contact{padding:10px;}
.contact fieldset{width:230px;border:none;margin-right:10px;display:inline;}
.contact input, .contact textarea, .contact select {width:215px;opacity:0.45;filter:alpha(opacity=45);background:white;font-size:11px;padding:2px;border:none;border:1px solid #9B9A9A;}
.adresa {width:180px;text-align:center;}
.contact select {width:221px;}
.contact textarea{font-family:Arial, sans-serif;}

#trimite, #ok{display:block;float:right;background:#808080 none repeat scroll 0 0;border:medium none;color:white;cursor:pointer;padding:2px 8px;font-size:12px;width:70px;opacity:0.8;margin-right:12px;margin-top:20px;}
#AllowReceiveOffer {width:12px;margin-top:10px;opacity:1;}
label.left{width:195px;margin-top:10px;margin-left:5px;}
#sursa{background:#eee;padding:6px;top:16px;left:0px;opacity:0.9;width:215px;}
#banner, #promovare, #rezi, #prieteni, #consultanti,#sursa input.check{width:12px;opacity:1;margin-top:3px;}
#sursa label.left {margin-top:3px;font-size:11px;width:155px;}
#sursa input {margin-top:3px;height:11px;}
#sursa #ok{margin-top:3px;width:17px;margin-right:0px;}
#sursa .clear{ font-size:0px; line-height:0px; height:0px} /*comportament ciudat in ie6*/



#error {font-size:11px;}
span.red{color:#f00;}
span.green{color:#257E60; margin-left:5px;}

.meniu_panorama a.activ, .submeniu_panorama a.activ {color:#999;}

.succes_container {width:100%;height:100%;z-index:4;}
#succes {background:#555;width:250px;height:130px;opacity:0.8;display:none;top:60px;left:200px;z-index:5;color:white;padding:15px;text-align:center;font-size:14px;}

.hide {display:block;right:6px;top:6px;z-index:7;text-indent:-9999px;background:url(../images/hide.jpg) no-repeat top left;width:14px;height:14px;}
.show {display:block;right:6px;top:6px;z-index:7;text-indent:-9999px;background:url(../images/show.jpg) no-repeat top left;width:14px;height:14px;}
.hide:hover, .show:hover {background-position:bottom left;}


/****pagina spatii comerciale****/
.container_spatii{width:685px;height:235px;}
.bg_spatii {background:white;opacity:0.6;filter:alpha(opacity=60);height:100%;z-index:3;width:100%;top:0;}
.spatii{height:100%;z-index:3;width:675px;top:0;padding:5px;}

.harta div a img {margin: 5px;}
.harta div h2 {padding-top:25px;}

#bula_mesaj{position:absolute;background:#555;width:250px;height:130px;opacity:0.8;display:block;top:-150px;left:640px;z-index:5;color:white;padding:15px;text-align:center;font-size:14px;}