* {
  margin: 0;
  padding: 0;
}

html, body {
  height: 100%; /* Required */
}

body {
	background-color: #FFFFFF;
	vertical-align:middle;
	margin: 0px;
	padding: 0px;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
#all-page {
/* ALL DIV*/
  margin: 0 auto;
  width: 100%;
  text-align: left;
  position: relative;
  min-height: 100%; /* For Modern Browsers */
  height: auto !important; /* For Modern Browsers */
  height: 100%; /* For IE */
}

/* Style for Fade-In Page script */
#fadeDiv {
display:none;
}
/* End Style for Fade-In Page script */

a:link {
	color: #333333;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #333333;
}
a:hover {
	text-decoration: underline;
	color: #333333;
}
a:active {
	text-decoration: none;
	color: #333333;
}
h1  { font: bold 1.3em "HelveticaNeueLT Std Thin",Helvetica,Arial,sans-serif; margin: 0 0 30px 0; padding: 0; color: #333; }
h2  { font: bold 1.2em "HelveticaNeueLT Std Thin",Helvetica,Arial,sans-serif; color: #000; margin: 1px 0 1px 10px; padding: 0;}
h3  { font: bold 1.3em "HelveticaNeueLT Std Thin",Helvetica,Arial,sans-serif; color: #000; margin: 0; padding: 0;}
h4  { font: bold 1.3em "HelveticaNeueLT Std Thin",Helvetica,Arial,sans-serif; color: #333;}
h5  { font: bold 1.0em Tahoma, Verdana, Arial, Helvetica, Sans-Serif; color: #333;}

.HeadDiv {
	background: url(/images/head-bg.png) repeat-x; background-position:top;	/*background-color:#4A555A;*/
	background-color:#373f42;
	height: 85px;
	color:#FFFFFF;
	}
.HeadDivCenter {
  width: 1000px;
  margin: 0 auto;
	}
.SpaceInline {	line-height: 1.6em; }
.HeadNaslov {font: bold 22px "Trebuchet MS", Helvetica, Sans-Serif; margin: 9px 0 0px 10px; padding: 20px 0px 0px 0px; color: #CCCCCC;}
.padding2 {padding: 3px;}
.padding10 {padding: 10px;}
.paddingLeft50 {padding-left: 50px;}
.paddingLeft30 {padding-left: 20px;}
.paddingLeft10 {padding-left: 10px;}
.paddingLeft05 {padding-left: 5px;}
.paddingLeft15 {padding-left: 15px;}
.paddingRight30 {padding-right: 20px;}
.paddingRight10 {padding-right: 10px;}
.paddingRight05 {padding-right: 5px;}
.paddingTop10 { padding-top: 10px;}
.paddingTop5 { padding-top: 5px;}
.paddingBot10 { padding-bottom: 10px;}
.marginTop10 { margin-top: 8px;}
.marginTop30 { margin-top: 30px;}
.marginLeft10 { margin-left: 10px;}
.marginLeft30 { margin-left: 30px;}
.marginRight30 { margin-right: 10px;}
.marginBot10 { margin-bottom: 10px;}
.maringLRAuto {margin: 0 auto;}
.margin2 {margin: 2px;}
.FloatLeft {float: left;}
.FloatRight {float: right;}
.ClearBoth {clear: both;}
.W180 {	width: 178px;}
.W200 {	width: 200px;}
.W230 {	width: 230px;}
.W250 {	width: 250px;}
.W280 {	width: 255px;}
.W500 {	width: 460px;}
.W640 {	width: 640px;}
.W660 {	width: 660px;}
.W680 {	width: 680px;}
.W650 {	width: 655px; line-height: 1.6em;}
.W110 {	width: 106px;}
.W140 {	width: 140px;}
.W170 {	width: 170px;}
.W1000 {width: 998px;}
.border {border-top: 1px solid #ccc;}
.borderA {border-left: 1px solid #E2E2E2; border-right: 1px solid #E2E2E2;}
#BRight {border-right: 1px solid #ccc;}
.HAuto {height:auto;}
.Bck { background-color:#f2f2f2;}
.BckS {background-color:#f2f2f2;  border-top: 1px solid #CACACA; padding-top: 8px;}
#main {
	width: 1000px;
	padding-bottom:175px;
  margin: 0 auto;
	/*margin: 0;
	height:auto;background-color:#e2e2e2;*/
	/*border-left: 1px solid #E9E9E9;
	border-right: 1px solid #E9E9E9;*/
	/*min-height:80px;
	height: expression( this.scrollHeight > 99 ? "100px" : "auto" );*/
}
#main:after {
/* MAIN DIV*/
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}


/*  MENU LEFT AND TOP NAVIGATION */

	#dhtmlgoodies_menu{	/* Menu object */
		margin:0px;
		padding:0px;
		width:250px;	/* Width of menu */
		/*border-right: 1px solid #CACACA;*/
			}
	#dhtmlgoodies_menu li{
		margin-top:1px;	/* Space between each menu item */
		float:left;
		width:250px;
		
		
		/* Don't change these four values */
		list-style-type:none;				
		clear:both;
		display:block;	
		overflow:auto;
	}
	
	#dhtmlgoodies_menu li a{	/* Text rules for the menu items */
		color:#000;	/* Black text color */
		text-decoration:none;	/* No underline */
		font-family: Arial, sans-serif;	/* Font to use */
		letter-spacing:1px;	/* Extra space between each letter of the menu items */
		font-size:11px;	/* Fixed font size */
		font-weight:bold;	/* Bold font */
		float:left;
		background-color:#F1F1F1;
		padding-left:3px;
		line-height:20px;	/* Height of menu links */

	}
	#dhtmlgoodies_menu li div{
		float:left;
	}
.HT {float:left; width:250px; background: url(../images/h-t.png) no-repeat top;}
.HB {clear:both; width:250px; background: url(../images/h-b.png) no-repeat bottom; margin-top:1px;}

	


/* Animated MiniTabs */
#miniflex {
	width: 100%;
	float: right;
	font-family: Tahoma, Arial, sans-serif;	/* Font to use */
	font-size: small; /* could be specified at a higher level */
	margin: 0;
	padding: 3px 0 0 0;
	position:relative;
	z-index:2;
	letter-spacing:1px;	/* Extra space between each letter of the menu items */
}
#miniflex li {
  float: right;
  margin: 0;
  padding: 0;
  display: inline;
  list-style: none;
  position:relative;
}
#miniflex a:link, #miniflex a:visited {
  float: left;
  font-size: 85%;
  line-height: 16px;
  font-weight: normal;
  margin: 0 0 0 15px;
  text-decoration: none;
  color: #9E9E9E;
}
#miniflex a.active:link, #miniflex a.active:visited, #miniflex a:hover {
  border-top: 5px solid #ccc;
  color: #FFF;
  z-index: 2;
}
#animated-tab {
  position: absolute;
  z-index: 1;
  font-size: 85%;
  line-height: 16px;
  border-top: 5px solid #ccc;
}
/*  END MENU LEFT AND TOP NAVIGATION */

.BT {float:left; width:250px; background: url(../images/b-t.png) no-repeat top;}
.BB {float:left; width:250px; background: url(../images/b-b.png) no-repeat bottom; border-top:#E2E2E2 1px solid;}
.AT {float:left; width:200px; background: url(../images/a-t.png) no-repeat top;}
.AB {float:left; width:200px; background: url(../images/a-b.png) no-repeat bottom;}
.A {float:left; width:170px; height: 24px; background: url(../images/a1.png) no-repeat top;}
.infobox {float:left; width:250px; height: 247px; background: url(../images/okna-vrata-info.jpg) no-repeat top left; color:#000000;}

/*  DETAIL NAV */
.GB {float:left; width:680px; background: #ed3422 url(../images/g-b.png) no-repeat bottom;}
.NavDet { font: bold 1.2em "Arial", Helvetica, Sans-Serif;}
.NavAct { text-decoration: underline; color:#FFF;}
.NavBorder { border-bottom: 2px solid #FF0000;
}
/*  FOOTER */
#footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	position: absolute; 
    bottom: 0 !important;
    bottom: -1px; /* For Certain IE widths */
    height: 175px;
	width:100%;
}
.footerColor {background-color:#ECECEC;}
.footerBck { background-color:#CACACA; width: 101px;}
.footerW105 {width: 100px; height: 120px; position:relative; background: url(../images/f-a.png) no-repeat left top;} 
.footerW100 {width: 100px; height: 120px; position:relative; } 
.footerW106 {
	width: 130px;
	background: url(../images/f-a.png) no-repeat left top;
} 
.FT {float:left; width:101px; background: url(../images/f-t.png) no-repeat top;}
.FB {float:left; width:101px; background: url(../images/f-b.png) no-repeat bottom;}
/* END FOOTER */
#small {font-size: 10px; text-decoration:none}
#small a:link, #small a:visited,#small a:active {font-size: 10px; text-decoration:none}
#small a:hover {font-size: 10px; text-decoration:underline}