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

*{
	margin:0;
	padding:0;
}
img{
	border:none;
}
body{
	background:#343434;
}
.clear{
	clear:both;
	font-size:0;
}
#content{
	width:970px;
	margin:0 auto;
	font-family:Arial;
	font-size:12px;
}
#header{
	height:294px;
	background:url(../images/header.jpg) no-repeat bottom;
}
#header h1{
	padding-top:10px;
}
#nav{
	width:270px;
	float:left;
	padding-left:10px;
}
#nav ul{
	list-style:none;
}
#nav ul li{
	display:block;
	width:250px;
	border-top:1px solid #959595;
	background:#444343;
}
#nav ul li a{
	font-size:16px;
	color:#08D0EA;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	padding:20px 10px 20px 30px;
	display:block;
	
}
#nav ul li a:hover{
	color:#FFFFFF;
}

#nav ul#accordion li ul{
	position:relative;
}


#nav ul#accordion li ul li a{
	font-size:12px;
	padding:10px 2px 10px 50px;
}

#nav .active{
	background:#333333;
	color:#08D0EA
}
#nav .active a{
	color:#FFFFFF;
}
#nav li.active  ul li{
	background:#017292
}
#nav li.active  ul li a{
	color:#FFFFFF !important
}
#nav .exemplu{
	background:url(../images/ex-bg.gif) left repeat-y;
	width:257px;
	margin-left:12px;
	margin-top:40px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#nav .exemplu .cont{
	padding:0 25px;
}
#nav .exemplu .cont h2{
	font-size:16px;
	color:#484848;
	text-align:center;
	margin-bottom:14px;
}
#nav .exemplu .cont p{
	margin-bottom:12px;
	color:#6B6B6B;
	font-size:11px;
}
#nav .exemplu .top{
	background:url(../images/ex-bg.gif) right bottom no-repeat;
	height:8px;
}
#nav .exemplu .bottom{
	background:url(../images/ex-bg.gif) right top no-repeat;
	height:8px;	
}
#nav .exemplu a{
	background:url(../images/button.png) no-repeat;
	display:block;
	height:30px;
	width:192px;
	text-align:center;
	line-height:30px;
	font-size:17px;
	font-weight:bold;
	color:#1CCEE8;
	text-decoration:none;
	margin:0 auto;
}
#nav .exemplu a:hover{
	color:#FFFFFF;
}

#main{
	width:970px;
	background: url(../images/cont_bg.gif) repeat-y;
	padding-bottom:15px;
}
.main{
	float:left;
	width:668px;
	
}
#footer{
	background:url(../images/footer.gif) top left no-repeat transparent;
	width:970px;
	border:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#footer .links{
	margin:0 auto;
	width:470px;
	text-align:center;
	padding-top:15px;
	font-size:12px;
	color:#6E6E6E;
	line-height:18px
	
}
#footer .links a{
	color:#6E6E6E;
	text-decoration:none;
}
#footer .links a:hover{
	color:#000000;
}
#footer .copy{
	text-align:center;
	padding:30px 0;
	color:#DCDCDC;
}
#footer .copy a{
	color:#DCDCDC;
}
#footer .copy a:hover{
	text-decoration:none;
}
.info{
	height:15px;
	margin-bottom:30px;
	padding:5px;
	border:1px solid #666666;
	background:#EEEEEE;
}
#about{
	float:left;
	width:310px;
	font-weight:bold;
}
.control{
	float:right;
	width:120px;
}
.control a{
	color:#333333;
}
.control a:hover{
	text-decoration:none;
	color:#FF0000;
}
.wrap{
	width:500px;
	height:300px;
	margin-left:15px;
	margin-top:10px;
	border:1px solid #333333;
	padding:10px;
	position:relative;
	overflow:auto;
	background:url(../images/bg.gif) repeat;
	float:left;
}
.form{
	float:left;
	width:105px;
	margin-left:10px;
}
.form input{
	margin-bottom:5px;
}
.form #x, .form #y{
	width:94px;
}
#walls{
	display:none;
	height:0px;
	width:0;
	margin:10px auto;
	border:1px solid #333333;
	background:#FFFFFF;
	position:relative;
	margin-bottom:0;
	
}
.selected{
	border:2px dashed black !important;

}
.corp{
	text-align:center;
	cursor:pointer;
}
.elements div{
	margin-top:15px;
	margin-bottom:15px;
}
a.model{
	display:block;
	margin:5px 0;
	background:none;
	color:#000000;
	font-weight:bold;
	font-size:12px;
	width:auto;
	border:none;
}

.usa{
	background: #666666;
	border:1px solid #666666;

}

.fereastra{
	background:#009900;
	border:1px solid #009900;

}
.gaz{
	background:#FF0000;
	border:1px solid #FF0000;
}
.apa{
	background: #0000FF;
	border:1px solid #0000FF;
}
.main h1{
	padding-left:15px;
	padding-top:10px;
	font-size:16px;
}
.main h2{
	font-size:12px;
	padding-bottom:10px;
}
.corpuri{
	width:500px;
	padding:10px;
	margin-left:15px;
	float:left;
	margin-top:5px;
}
.mobilier{
	width:75px;
	float:left;
	margin-right:10px;
	cursor:pointer;
	margin-bottom:15px;
}
.mobilier div{
	height:110px;
}
.mobilier span{
	display:block;
	font-size:11px;
	text-align:center;
}
#moblist{
	list-style:none;
	
	display:block;
	
}
#scrolling{
	float:left;
	width:120px;
	position:relative;
	}
#moblist li{
	width:120px;
	display:block;
	
}
#moblist li span{
	display:block;
	float:left;
	width:100px;
	margin-left:2px;
	margin-bottom:10px;
	}
#moblist a{
	text-decoration:none;
	display:block;
	float:left;
	width:14px;
	height:10px;
	border:1px solid #333333;
	text-align:center;
	line-height:8px;
	color:#FFFFFF;
	background: #FF0000;
	font-weight:bold;
	margin-top:10px;
}
.formular{
	padding:10px;
	margin-left:15px;
}
.formular label{
	width:100px;
	display:block;
	float:left;
	margin-bottom:4px;
}
.formular input{
	float:left;
	margin-bottom:4px;
}
.formular textarea{
	float:left;
	margin-bottom:4px;
}

.message_error {
	background:#FEF5F6;
	padding:30px 20px;
	text-align:center;
	border:1px solid #8E0000;

}

.message_success {
	background:#F9F8F6;
	padding:30px 20px;
	text-align:center;
	border:1px solid #B3D900;

}
.main h1.title{
	font-size:16px;
	padding-top:28px;
}
.main h1.title span{
	display:inline-block;
	margin-left:310px;
	font-weight:normal;
	font-size:13px;
}
.main h1.title span a{
	color:#333333
}
.main .text {
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:28px 10px 24px 10px;
	color:#6D6D6D;
}
.main .text p{
	line-height:18px;
	margin-bottom:14px;
}
.main .text a{
	color:#1065AB;
	text-decoration:underline;
	font-weight:bold;
}
.main .text a:hover{
	text-decoration:none;
}
.main .text-box{
	width:320px;
	background:url(../images/box-bg.gif) left repeat-y;
	margin-left:10px;
	float:left;
}
.main .text ol, .main .text ul{
	padding-left:30px;
}
.main .text ol li, .main .text ul li{
	margin-bottom:10px;
}
.main .text-box .top{
	height:12px;
	background: url(../images/box-bg.gif) right bottom no-repeat;
}
.main .text-box .cont{
	padding:10px 6px 0 22px;
}
.main .text-box .bottom{
	height:14px;
	background: url(../images/box-bg.gif) right top no-repeat;
}

.main .text-box h3{
	color:#525252;
	font-size:16px;
	line-height:24px;
	width:240px;
}
.main .text-box p{
	font-size:16px;
	color:#6D6D6D;
	margin:20px 0;
}
.main .text-box a{
	background:url(../images/button.png) no-repeat;
	display:block;
	height:30px;
	width:192px;
	text-align:center;
	line-height:30px;
	font-size:17px;
	font-weight:bold;
	color:#1CCEE8;
	text-decoration:none;
}
.main .text-box a:hover{
	color:#FFFFFF;
}
.exemplu #links{
	padding-left:10px;
	display:none;
	background:#F2F2F2;
	width:182px;
	margin: 6px auto;
}
.exemplu #links a{
	display:inline;
	background:none;
	font-size:12px;
	font-weight:normal;
	text-align:left;	
}
.exemplu #links a:hover{
	color:#363636;
}
.gallery p{
	float:left;
	text-align:center;
	margin-right:20px;
	display:inline;
}