* { border: 0px; margin: 0px; padding: 0px; }
ul { list-style-type: none; }
div { zoom: 1; }

html, body {
	height: 100%;
}

body { 
	background: #311e09;
	color: #fee7c7;
	font-family: Georgia;
	font-size: 14px;
}
a { 
	color: #86b50f;
	cursor: pointer; 
	outline: 0;
	text-decoration: none;
} 
h1 { font-size: 60px; font-weight: normal; }
h2 { font-size: 30px; font-weight: normal; color: #86B50F; }
h2.has-picture {
	text-align: center;
}
h3 {
	color: #86b50f;
	font-size: 30px;
	text-align: center;
}
h4 {
	color: #86b50f;
	font-size: 20px;
	text-align: center;
}
h7 {
	color: #86b50f;
	font-size: 14px;
	text-align: left;
}

h8 {
	color: #CE633C;
	font-size: 14px;
	text-align: left;
}

#page {
	background: url('../images/bkg-page.jpg') left top repeat-y;
	margin: 0px auto 0px auto;
	position: relative;
	width: 966px;
}
#decorator {
	border-top: 7px solid #143b18; 
}
.short {
	background: url('../images/bkg-header.png') left top no-repeat;
	height: 91px;
}
.long {
	background: url('../images/bkg-header-long.png') left top no-repeat;
	height: 175px;
}
.l-en { background: url('../images/bkg-header-long-en.png') left top no-repeat; }
#header .content {
	overflow: hidden;
	padding: 0px 50px;
}
.long .content { margin-bottom: 96px; }
#header .content .logo {
	display: block;
	float: left;
	height: 44px;
}
#header .content .lang { float: right; }
#header .lang li {
	float: right;
	margin-right: 8px;
	width: 38px;
}
#banner {
	overflow: hidden;
	margin-bottom: 40px;
	padding: 15px 30px;
}
#banner .house {
	float: left;
}
#banner .title {
	display: block;
	float: right;
	margin-top: 35px;
	width: 470px;
}
#banner .title .first {
	display: block;
	color: #78af3f;
	overflow: hidden;
}
#banner .first .desc {
	display: block;
	float: left;
	width: 295px;
}
#banner .second { color: #f9d379; }
#navigation {
	background: url(../images/bkg-navigation.png) left top no-repeat;
	height: 313px;
	overflow: hidden;
	padding-top: 4px;
	padding-left: 9px; 
	width: 946px; 
	margin-left: 8px;
}
#navigation li { float: left; margin-right: 15px; }
#navigation a { 
	color: #063e0d;
	display: block;
	font-size: 24px;
	height: 91px;
	padding-top: 200px;
	text-align: center;
	width: 174px;
}
#navigation-bar {
	background: url(../images/bkg-navigation-top.png) left top no-repeat;
	margin-left: 60px;
	overflow: hidden;	
}
#navigation-bar li {
	float: left;
	margin-right: 5px;
}
#navigation-bar a {
	color: #063e0d;
	font-size: 18px;
	display: block;
	text-align: center;
	line-height: 35px;
	height: 35px;
	width: 161px;
	text-decoration: none;
}
#navigation-bar a.about-us { color: #b0d180; }
#navigation-bar .models { background: url(../images/modele.png) left top no-repeat; }
#navigation-bar .portofolio { background: url(../images/cartierul-de-case.png) left top no-repeat; }

.main {
	padding: 0px 20px; 
	position: relative; 
}
.main .big-decorator {
	position: absolute;
	left: 0px;
	top: 0px;
}
.main .content {
	background: #311e09;
	font-style: italic;
	line-height: 24px;
	padding: 268px 15px 30px;
}
.main .contente {
	background: #311e09;
	font-style: italic;
	line-height: 24px;
	padding: 30px 15px 30px;
}

.magic-area {
	
}
.magic-area .expl {
	font-style: italic;
	text-align: center;
}
.magic-area .proper {
	background: #dcc59e;
	margin: 0px auto 15px;
	padding: 7px 0px;
	position: relative;
	text-align: center;
	width: 830px;
}
.extra-info {
	background: #dacb97;
	color: #311e09;
	line-height: 20px;
	font-style: italic;
	margin: 0px auto;
	padding: 0px 5px;
	width: 800px;
}

#footer {
	background: url('../images/bkg-footer.png') center bottom no-repeat;
	height: 80px;
	margin-top: 70px;
}

.footer-box {
	background: url('../images/bkg-footer-box.png') left top no-repeat;
	position: relative;
	margin: 40px 10px 0px auto;
	padding: 16px 0px 0px 28px;
	height: 226px;
	width: 889px;
}
.reasons7 {
	display: block;
	position: absolute;
	left: 390px;
	top: 10px;
	height: 180px;
	width: 430px;
}
.footer-eng {
	background: url('../images/bkg-footer-box-en.png') left top no-repeat;
}

.footer-fr {
	background: url('../images/bkg-footer-box-fr.png') left top no-repeat;
}
#footer-box .pdfs { margin-bottom: 40px; }
#footer-box .pdfs li {
	background: url('../images/bkg-pdfs.png') left top no-repeat;
	font-weight: bold;
	font-style: italic;
	line-height: 24px;
	padding-left: 25px;
}
#footer-box .pdfs a { color: #f9d379; text-decoration: none; }


#footer-box .csvd { margin-bottom: 2px; }
#footer-box .csvd li {
	background: url('../images/casa-verde-mica-2.png') left top no-repeat;
	font-weight: bold;
	font-style: italic;
	line-height: 24px;
	padding-left: 25px;
}
#footer-box .csvd a { color: #f9d379; text-decoration: none; }


#footer-box .social {
	overflow: hidden;
}
#footer-box .social li {
	float: left;
	margin-right: 20px;
}

/****************  MAGIC ZONE  *****************/

.magic-area img { cursor: pointer; }
.magic-area area { border: 1px solid red; }
.zone a { position: absolute; display: block; }
.zone:hover .info { display: block; }

.magic-area .info {
	background: #fcf0bc;
	border: 3px solid #86b50f;
	display: none;
	height: 60px;
	left: 12px;
	padding: 10px 0px;
	position: absolute;
	top: 10px;
	width: 350px;
}
.magic-area .info h2 {
	line-height: 30px;
	height: 30px;
	margin-bottom: 10px;
	text-align: center;
}
.magic-area .info p {
	color: #311e09;
	font-style: italic;
}

.back-to-top {
	background: url('../images/title-[back-to-top].jpg') left top no-repeat;
	display: block;
	height: 187px;
	position: absolute;
	right: -34px;
	top: 200px;	
	width: 34px;
}

.popup {
	background: #fcf0bc;
	border: 5px solid #86b50f;
	color: #311e09;
	display: none;
	font-style: italic;
	font-size: 14px;
	height: 600px;
	left: 65px;
	position: absolute;
	top: 10px;
	width: 700px;
	z-index: 150;
}
.popup .close-bar {
	margin: 10px 10px 0px auto;
	text-align: right;
}
.popup .close-bar a {
	border: 2px solid #311e09; 
	color: #311e09;
	display: block;
	font-family: Arial;
	font-size: 20px;
	font-style: normal;
	font-weight: bold;
	margin: 0px 0px 0px auto;
	text-align: center;
	width: 22px;
}

.popup h3 { text-align: center; }
.popup h4 {
	font-size: 18px;
	font-weight: normal;
	text-align: left;
}
.popup ul li {
	line-height: 24px;
	text-align: left;
}
.popup .holder-for-two {
	overflow: hidden;
	margin: 0px auto;
}
.popup .same-row { margin-right: 20px; }

#popup-acoperis h3 { margin-bottom: 5px; }
#popup-acoperis h4 { margin: 20px auto; width: 476px; }
#popup-acoperis .holder-for-two { width: 476px; }
#popup-acoperis .column-1 { float: left; }
#popup-acoperis .column-2 { float: right; }
#popup-gard .close-bar { margin-bottom: 40px; }
#popup-gard h3 { margin-bottom: 60px; }
#popup-balustrada .close-bar { margin-bottom: 30px; }
#popup-balustrada h3 { margin-bottom: 40px; }
#popup-termosistem .close-bar { margin-bottom: 20px; }
#popup-termosistem h3 { margin-bottom: 30px; }
#popup-termosistem .holder-for-two { width: 510px; }
#popup-termosistem .image { float: left; }
#popup-termosistem .column-2 { float: right; padding-top: 140px; }
#popup-termosistem h4 { margin-bottom: 30px; }
#popup-fereastra .close-bar { margin-bottom: 30px; }
#popup-fereastra h3 { margin-bottom: 50px; }
#popup-fereastra .holder-for-two { width: 540px; }
#popup-fereastra .image { float: left; }
#popup-fereastra .column-2 { float: right; padding-top: 140px; }
#popup-fereastra h4 { margin-bottom: 30px; }
#popup-pardoseala h3 { margin-bottom: 10px; }
#popup-pardoseala h4 { margin-bottom: 20px; }
#popup-pardoseala .image { margin-bottom: 20px; }
#popup-pardoseala ul, #popup-pardoseala h4 { margin: 0px auto; width: 544px; }
#popup-pardoseala h4 { margin-bottom: 20px; }
#popup-scara h3 { margin: 20px 0px; }
#popup-planseu h4 { margin: 10px auto; width: 620px; }
#popup-planseu ul { width: 620px; margin: 0px auto; }
#popup-fundatie h4 { margin: 10px auto; width: 580px; }
#popup-fundatie ul { margin: 0px auto; width: 580px;  }
#popup-interior .close-bar { margin-bottom: 20px; }
#popup-interior h3 { margin-bottom: 30px; }
#popup-interior .holder-for-two { padding: 0px 40px 0px 20px; }
#popup-interior .image { float: left; }
#popup-interior .column-2 { float: right; width: 300px; padding-top: 40px; }
#popup-interior h4 { margin-bottom: 50px; }
#popup-exterior .close-bar { margin-bottom: 20px; }
#popup-exterior h3 { margin-bottom: 30px; }
#popup-exterior .holder-for-two { padding: 0px 40px 0px 20px; }
#popup-exterior .image { float: left; }
#popup-exterior .column-2 { float: right; width: 300px; padding-top: 20px; }
#popup-exterior h4 { margin-bottom: 20px; }

#mask {
	background: #000;
	display: none;
	filter: alpha(opacity=80); /* for IE */
	opacity: 0.8; /* CSS3 standard */
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 100;
}
/***********************************************/

.port-dec { border: 10px solid #dcc59e;}

.margin-bottom-10 { margin-bottom: 10px; }
.margin-bottom-15 { margin-bottom: 15px; }
.margin-bottom-30 { margin-bottom: 30px; }

.picture-gallery { 
	overflow: hidden;
	width: 824px;
	padding-left: 10px;
	margin: 0px auto; 
}

.picture-gallerie { 
	overflow: hidden;
	width: 824px;
	padding-left: 150px;
	margin: 0px auto; 
}

.picture-gallerie li {
	background: #dcc59e;
	padding: 4px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.picture-gallery li {
	background: #dcc59e;
	padding: 4px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.picture-gallery a {
	display: block;
	height: 126px;
	width: 188px;
}

.house-row {
	overflow: hidden;
	width: 878px;
	margin: 10px auto;
}
.house-row .big-left img, .house-row .tiny-center img { border: 4px solid #d5be98; }
.house-row .big-left {
	float: left;
	margin-right: 12px;
}
.house-row .tiny-center {
	float: left;
	width: 108px;
}
.house-row .tiny-center a { display: block; }
.house-row .tiny-center a.first { margin-bottom: 13px; }
.house-row .big-right {
	background: #311e09;
	color: #86b50f;
	font-size: 15px;
	line-height: 18px;
	padding: 15px;
	float: right;
	width: 343px;
	height: 196px;
	font-family: Georgia;
}
.house-row .big-right h4 { margin-bottom: 10px; font-size: 18px; }
.house-row .big-right a { color: #86b50f; text-decoration: underline; }
#oferta {
	background: url(../images/oferta.png) left top no-repeat;
	position: absolute;
	left: -49px;
	top: 175px;
	height: 270px;
	width: 75px;
}
#oferta-en{
	background: url(../images/offer.png) left top no-repeat;
	position: absolute;
	left: -49px;
	top: 175px;
	height: 270px;
	width: 75px;
}
#oferta-fr{
	background: url(../images/offre.png) left top no-repeat;
	position: absolute;
	left: -49px;
	top: 175px;
	height: 270px;
	width: 75px;
}
#oferta a, #oferta-en a {
	display: block;
	height: 243px;
	width: 49px;
}

div.col1 { float: left; width: 650px; }
div.col2 { float: right; width: 200px; }
div.col2 h4, div.col2 a { color: #86b50f; }
div.col2 h4 { font-size: 18px; }


div.col11 { float: left; width: 575px; }
div.col12 { float: right; width: 275px; }
div.col12 h4, div.col2 a { color: #86b50f; }
div.col12 h4 { font-size: 18px; }


.dwn-offer
{
	background: url(../images/dwn-offer.jpg) left top no-repeat;
	display: block;
	width: 220px;
	height: 27px;
	line-height: 27px;
	color: #fff;
	font-size: 16px;
	text-align: center;
	margin: 0px auto;
}