body {
    background: #654308 url(../images/notranja-oprema-habitare.gif) 0 0;
    margin: 0px;
    padding: 0px;
    font-family: Tahoma, "Trebuchet MS", Arial, Verdana, sans-serif;
    color: #ffffff;
    font-size: 10px;
}
h1 {
    display: block;
    margin: 6px;
    padding: 0px;
    font-weight: bold;
    font-size: 11px;
    color: #ffffff;
}
h2 {
    display: block;
    margin: 6px;
    padding: 0px;
    font-weight: bold;
    font-size: 10px;
    color: #ffff00;
}
h3 {
    display: block;
    margin: 6px;
    padding: 0px;
    font-weight: bold;
    font-size: 10px;
    color: #ffff00;
}
.content120 {
    display: block;
    margin: 6px;
    padding: 0px;
    font-weight: normal;
    font-size: 10px;
    text-align: justify;
    line-height: 120%;
    color: #ffffff;
}
.content170 {
    display: block;
    margin: 6px;
    padding: 0px;
    font-weight: normal;
    font-size: 10px;
    text-align: justify;
    line-height: 170%;
    color: #ffffff;
}
.footer {
    display: block;
    margin: 9px 9px 0px 29px;
    padding: 0px;
    font-weight: normal;
    font-size: 9px;
    color: #ccbbaa;
}
.pl15 {
    padding-left: 15px;
    vertical-align: bottom;
}
.pl5 {
    padding-left: 5px;
}
.pl6 {
    padding-left: 6px;
}
.dotMargin {
    display: inline;
    margin: 10px 3px 0px 5px;
    padding: 0px;
    float: left;
}
.lh-170p {
    line-height: 170%;
}

/************ Positioning Classes ************/
.clear {
    clear: both;
    line-height: 0px;
    margin: 0px;
    padding: 0px;
    height: 0px;
    font-size: 0px;
}
.clearLeft {
    clear: left;
    line-height: 0px;
}
.clearRight {
    clear: right;
    line-height: 0px;
}
.textLeft {
    text-align: left;
}
.textCenter {
    text-align: center;
}
.textRight {
    text-align: right;
}
.posCenter {
    margin: 0px auto;
    padding: 0px;
}
.VAtop {
    vertical-align: top;
}
.VAmiddle {
    vertical-align: middle;
}
.VAbottom {
    vertical-align: bottom;
}
.floatLeft{
    display: inline;
    margin: 0px;
    padding: 0px;
    float: left;
}
.floatRight{
    display: inline;
    margin: 0px;
    padding: 0px;
    float: right;
}
.block{
    display: block;
}
.wrapper {
    overflow: hidden;
}
.line_through {
    text-decoration: line-through;
}
ul.orange {
    list-style: square inside;
    margin: 0px;
    padding: 0px 0px 2px 0px;
    color: #e97e22;
}
ul.orange li {
    padding: 2px 0px;
}
.lh120 {
	line-height: 120%;
}

a.scroll_arrow {
	display: block;
	width: 33%;
	margin: 5px 33%;
	height: 10px;
	text-align: center;
}

ul.dot {
	list-style: none outside;
	padding: 0px;
	margin: 0px 5px 5px 5px;
}

	ul.dot li a:link,
	ul.dot li a:visited {
		display: block;
		background: url(../images/dot-habitare.jpg) left no-repeat;
		color: #ffffff;
		text-decoration: underline;
		font-weight: normal;
		padding: 4px 0px 4px 15px;
		margin: 0px;
	}
	
	ul.dot li a:hover{
		background: url(../images/dot-habitare.jpg) no-repeat left;
		color: #171717;
		text-decoration: underline;
	}

#reference_container {
	overflow: hidden;
	position: relative;
	height: 230px;
	display: block;
}
	#reference_container #flow {
		position: relative;
	}
		#reference_container #flow ul.dot {
			list-style: none outside;
			padding: 0px;
			margin: 0px 5px 5px 5px;
		}
		
			#reference_container #flow ul.dot li a:link,
			#reference_container #flow ul.dot li a:visited {
				display: block;
				background: url(../images/dot-habitare.jpg) left no-repeat;
				color: #ffffff;
				text-decoration: underline;
				font-weight: normal;
				padding: 4px 0px 4px 15px;
				margin: 0px;
			}
			
			#reference_container #flow ul.dot li a:hover{
				background: url(../images/dot-habitare.jpg) no-repeat left;
				color: #171717;
				text-decoration: underline;
			}

.pika { display:block; background:url(../images/dot-habitare.jpg) left no-repeat ; color:#ffffff; text-decoration:none; font-weight: normal; padding:0px 0px 0px 15px; margin:0px;}


/************ Color Styles ************/
.yellow {
	color: #ffff00;
}
/************ Font Styles ************/

/************ Link Styles ************/
a:link, a:visited {
    color: #ffffff;
    text-decoration: none;
    font-weight: inherit;
}
a:hover {
    color: #ffffff;
    text-decoration: underline;
    font-weight: inherit;
}
a.menulink:link, a.menulink:visited {
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
    font-size: 10px;
	margin: 0px;
}
a.menulink:hover {
    color: #ffffff;
    text-decoration: underline;
    font-weight: bold;
	font-size: 10px;
	margin: 0px;
}
a.yellow:link, a.yellow:visited {
    color: #ffffff;
    text-decoration: underline;
    font-weight: normal;
    color: #ffff00;
    font-size: 10px;
	margin: 0px;
}
a.yellow:hover {
    color: #ffffff;
    text-decoration: underline;
    font-weight: normal;
    color: #ffff00;
	font-size: 10px;
	margin: 0px;
}
a.white_noeff:link, a.white_noeff:visited {
    color: #ffffff;
    text-decoration: none;
    font-weight: inherit;
}
a.white_noeff:hover {
    color: #ffffff;
    text-decoration: none;
    font-weight: inherit;
}
a.nooutline:link, a.nooutline:visited, a.nooutline:visited {
    outline: 0px;
}
a img {
border: 0;
}

/************ Color Styles ************/
img {
    border: 0px;
    margin: 0px;
    padding: 0px;
    vertical-align: bottom;
}
img.IEvalign {
    vertical-align: bottom;
}
.img_main {
    border: 1px solid #eeeeee;
    margin: 13px;
}

/************ Table Styles ************/

/************ Layout ************/
.fauxwraper {
    display: inline;
    float: left;
    overflow: hidden;
}
#container {
	display: block;
    width: 988px;
    margin: 0px auto;
    padding: 0px;
    /*background-color: blue;*/
    }


/*-----------HEADER-----------*/
#header {
    display: block;
    width: 100%;
    height: 140px;
    margin: 0px auto;
    padding: 0px;
    text-align: center;
  	/*background-color: blue;*/ 	
}
		.menu {
		position: absolute;
		top: 20px;
		left: 0px;
		float: left;
		display: inline;
		width: 119px;
		margin: 0px;
		padding: 0px;
		z-index: 2;
		/*background-color: #ff0000;*/
		}
			.menu_shadow {
				display: inline;
				float: left;
				width: 126px;
				height: 14px;
				margin: 2px 0px 0px 0px;
    			padding: 4px 4px 4px 0px;
				background: url(../images/shadow-menu.png) no-repeat;
			}			
				.menu_orange {
					display: block;
					width: 119px;
					height: 14px;
					margin: 0px;
					padding: 0px 5px 0px 0px;
					border-top: 1px solid #ffffff;
					border-bottom: 1px solid #ffffff;
					border-right: 2px solid #ffffff;
					text-align: right;
					/*background-color: #ffa210;*/
				}
				.menu_green {
					display: block;
					width: 119px;
					height: 14px;
					margin: 0px;
					padding: 0px 5px 0px 0px;
					border-top: 1px solid #ffffff;
					border-bottom: 1px solid #ffffff;
					border-right: 2px solid #ffffff;
					text-align: right;
					/*background-color: #9bca0f;*/
				}

				.menu_pink {
					display: block;
					width: 119px;
					height: 14px;
					margin: 0px;
					padding: 0px 5px 0px 0px;
					border-top: 1px solid #ffffff;
					border-bottom: 1px solid #ffffff;
					border-right: 2px solid #ffffff;
					text-align: right;
					/*background-color: #ff379b;*/
				}
				.menu_violet {
					display: block;
					width: 119px;
					height: 14px;
					margin: 0px;
					padding: 0px 5px 0px 0px;
					border-top: 1px solid #ffffff;
					border-bottom: 1px solid #ffffff;
					border-right: 2px solid #ffffff;
					text-align: right;
					/*background-color: #8d008d;*/
				}
				.menu_red {
					display: block;
					width: 119px;
					height: 14px;
					margin: 0px;
					padding: 0px 5px 0px 0px;
					border-top: 1px solid #ffffff;
					border-bottom: 1px solid #ffffff;
					border-right: 2px solid #ffffff;
					text-align: right;
					/*background-color: #dc0100;*/
				}
.logo {
	float: left;
	display: inline;
	width: 966px;
	padding: 96px 0px 0px 0px;
	margin: 0px auto;
	text-align: center;
}
.language {
	float: right;
	position: relative;
	top: -9px;
	left: -30px;
	display: inline;
	padding: 0px;
	margin: 0px;
	font-size: 9px;
	text-align: right;
	color: #ccbbaa;
}			
/*-----------MAIN-----------*/
#main {
	display: inline;
	float: left;	
	position: relative;
	left: 0px;
	top: 0px;
	width: 1012px;
	padding: 0px;
	margin: 0px auto;
	/*border: 1px solid #ffffff;*/
	/*background-color: #00ffff;*/
	}
		#levo {
		display: inline;
		float: left;
		position: relative;
		left: 12px;
		top: 132px;
		width: 35px;
		height: 76px;
		margin: 0px;
		margin-right: 0px;
   		padding: 0px;
		background: url(../images/levo.png) no-repeat left;
		cursor: pointer;
		z-index: 1;
		/*background-color: #00ff00;*/
		}			
			.main_shadow {
				display: inline;
				float: left;
				width: 324px;
				height: 324px;
				margin: 0px;
    			padding: 9px;
				background: url(../images/shadow-levo-desno.png) no-repeat;
				position: relative;
				z-index: 10;
			}			
					.main_box_left {
						display: inline;
						float: left;
						width: 322px;
						height: 322px;
						margin: 0px;
		    			padding: 0px;
		    			vertical-align: middle;
						background-color: #ffffff;
						border: 1px solid #d2d2d2;
					}	
			.main_shadow_middle {
				display: inline;
				float: left;
				width: 222px;
				height: 324px;
				margin: 0px;
    			padding: 9px;
				background: url(../images/shadow-sredina.png) no-repeat;
			}			
					.main_box_middle {
						display: inline;
						float: left;
						width: 220px;
						height: 322px;
						margin: 0px;
		    			padding: 0px;
						background-color: #ffffff;
						border: 1px solid #d2d2d2;
					}
							.main_box_middle_inner_shadow {
								display: inline;
								float: left;
								width: 192px;
								height: 294px;
								margin: 13px;
				    			padding: 0px;
								background: #86ae0d url(../images/shadow-inside-sredina.png) no-repeat;
								border: 1px solid #d5dcc1;
							}
								.main_box_middle_content {
									display: inline;
									float: left;
									width: 192px;
									height: 294px;
									margin: 0px;
					    			padding: 0px;
					    			border: 0px;
					    			/*background-color: #ff0fff;*/
								}
								.main_box_middle_content_image {
									display: inline;
									float: left;
									width: 192px;
									height: 294px;
									margin: 0px;
					    			padding: 0px;
					    			border: 0px;
									background: url(../images/notranja-oprema.jpg) no-repeat;
								}
								.main_box_middle_content_top {
									display: inline;
									float: left;
									width: 192px;
									height: 264px;
									margin: 0px;
					    			padding: 0px;
					    			border: 0px;
					    			/*background-color: #ff0fff;*/
								}
								.main_box_middle_navigation {
									display: inline;
									float: left;
									width: 170px;
									height: 10px;
									margin: 0px;
					    			padding: 0px 11px;
					    			border: 0px;
					    			/*background-color: #ff000f;*/
								}
									.arrowNext {
										display: inline;
										float: right;
										color: #ffff00;
									}
									.arrowBack {
										display: inline;
										float: left;
										color: #ffff00;
									}
								.root {
									display: block;
									text-align: right;
									width: 172px;
									height: 20px;
									padding: 0px 10px;
									margin: 0px;
									color: #ffff00;
									/*background-color: #333333;*/
								}
								.main_box_middle_menu {
										display: inline;
										float: left;
										margin: 5px 5px 5px 5px;
						    			padding: 0px;
									}
					.main_box_right {
						display: inline;
						float: left;
						width: 322px;
						height: 322px;
						margin: 0px;
		    			padding: 0px;
		    			vertical-align: middle;
						background-color: #ffffff;
						border: 1px solid #d2d2d2;
					}
		#desno {
			display: inline;
			float: left;
			position: relative;
			left: -12px;
			top: 132px;
			width: 35px;
			height: 76px;
			margin: 0px;
	   		padding: 0px;
			background: url(../images/desno.png) no-repeat right;
			cursor: pointer;
			/*background-color: #00ff00;*/
			z-index: 1;
			}	
.content_box_left {
	display: inline;
	float: left;
	width: 60px;
	height: 85px;
	margin: 5px 0px 10px 20px;	
	padding: 0px;
	vertical-align: middle;
	background-color: #ffffff;
	border: 1px solid #d2d2d2;
}
.content_box2_left {
	display: inline;
	float: left;
	width: 78px;
	height: 56px;
	margin: 10px 0px 0px 10px;	
	padding: 0px;
	vertical-align: middle;
	background-color: #ffffff;
	border: 1px solid #d2d2d2;
}
/*-----------FOOTER -----------*/
/*-----------TRACKER -----------*/
#tracker {
    display: block;
    width: 0px;
    height: 0px;
    margin: 0px;
    padding: 0px;
    border: 0px;
    /*background-color: #eeeeee;*/
}
/************ Forms ************/
form {
    display: inline;
    margin: 0px;
    padding: 0px;
}
label {
    margin: 0px;
    padding: 0px;
    vertical-align: middle;
    padding-left: 2px;
}
textarea {
    font-family: Tahoma, "Trebuchet MS", Arial, Verdana, sans-serif;
    background-color: #ffffff;
    border: #8d8d8d 1px solid;
    font-size: 10px;
    color: #333333;
    margin: 0px;
    padding: 0px 2px;
    text-align: left;
}
input {
    font-family: Tahoma, "Trebuchet MS", Arial, Verdana, sans-serif;
    display: inline;
    background-color: #ffffff;
    border: #8d8d8d 1px solid;
    color: #333333;
    font-size: 10px;
    margin: 0px;
    padding: 1px 2px;
    text-align: left;
}
input.hidden {
    display: none;
    border: none;
    background-color: #ffffff;
    width: 0px;
    height: 0px;
}
input.type_1 {
    width: 170px;
}
textarea.type_1 {
	width: 170px;
}
a.Submit:link, a.Submit:visited {
    color: #ffff00;
    font-size: 10px;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
    text-align: right;
    cursor: pointer;
    border: 0px;
    text-decoration: underline;
}
a.Submit:hover {
    color: #ffffff;
    font-size: 10px;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
    text-align: right;
    cursor: pointer;
    border: 0px;
    text-decoration: underline;
}
table.actionForm td {
	margin: 0px;
	padding: 3px 5px;
	vertical-align: top;
}
.field_req {
	color: #ffff00;
}
.error_normal {
	color: #ffff00;
}