/* Website styles */

body {
	color: #000;
	font-family: Tahoma, Verdana;
	font-size: 11px;
}

div#header {
	background: #ff7d00 url('header-bg.gif') top left repeat-x;
	height: 100px;
	width: 100%;
}
#header div.content {
	background: url('headercontent-bg.gif') top left no-repeat;
	height: 100px;
	margin: 0 auto;
	padding: 27px 0 0 0;
	width: 800px;
}
#header .content a.logo {
	float: left;
	height: 39px;
	width: 142px;
}
ul#nav {
	float: right;
	height: 70px;
}
#nav li {
	float: left;
}
#nav li.sep {
	background: url('nav-sep.gif') bottom center no-repeat;
	font-size: 1px;
	height: 70px;
	width: 2px;
}
#nav li a {
	color: #fff;
	display: block;
	height: 48px;
	padding: 22px 13px 0 13px;
}
#nav li a.last {
	padding: 22px 0 0 13px;
}
#nav li a:hover {
	background-image: url('nav-hover.gif');
	background-repeat: no-repeat;
	background-position: center 40px;
	padding: 24px 13px 0 13px;
}
#nav li a.last:hover {
	padding: 24px 0 0 13px;
}
#nav li a.active {
	background-image: url('nav-hover.gif');
	background-repeat: no-repeat;
	background-position: center 40px;
}
div#indexblock {
	background: #efeef6 url('indexblock-bg.gif') top left repeat-x;
	height: 200px;
	width: 100%;
}
#indexblock div.content {
	height: 200px;
	margin: 0 auto;
	width: 800px;
}
#indexblock .content img.chairs {
	float: left;
	margin: 10px 0 0 0;
}
#indexblock .content img.text {
	float: right;
	margin: 40px 0 0 0;
}
div#subheader {
	background: #efeef6 url('indexblock-bg.gif') bottom left repeat-x;
	height: 25px;
	width: 100%;
}
#subheader div.content {
	color: #909090;
	font-size: 11px;
	height: 25px;
	line-height: 23px;
	margin: 0 auto;
	width: 800px;
}
#subheader .content a {
	color: #ff6100;
	text-decoration: none;
}
#subheader .content a:hover {
	color: #000;
}
div#content1 {
	margin: 0 auto;
	padding: 15px 0;
	width: 800px;
}
#content1 a.plastmasovi {
	background: url('plastmasovi-bg.jpg') center right no-repeat;
	color: #929ca1;
	display: block;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 58px;
	line-height: 14px;
	margin: 0 6px 15px 5px;
	padding: 30px 8px 0 0;
	text-align: right;
	text-decoration: none;
	text-transform: uppercase;
	width: 180px;
}
#content1 a.plastmasovi:hover {
	background: #ccdae1;
	color: #71787c;
}
div.plastmasovi p {
	float: left;
	text-align: center;
}
div.plastmasovi a {
	color: #929ca1;
	text-decoration: none;
}
div.plastmasovi a:hover {
	color: #000;
}
#content1 a.pvc {
	background: url('pvc-bg.jpg') center right no-repeat;
	color: #d09230;
	display: block;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 58px;
	line-height: 14px;
	margin: 0 6px 15px 5px;
	padding: 30px 8px 0 0;
	text-align: right;
	text-decoration: none;
	text-transform: uppercase;
	width: 180px;
}
#content1 a.pvc:hover {
	background: #eda635;
	color: #7c581e;
}
div.pvc p {
	float: left;
	text-align: center;
}
div.pvc a {
	color: #d09230;
	text-decoration: none;
}
div.pvc a:hover {
	color: #000;
}
#content1 a.metal {
	background: url('metal-bg.jpg') center right no-repeat;
	color: #9ca97c;
	display: block;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 58px;
	line-height: 14px;
	margin: 0 6px 15px 5px;
	padding: 30px 8px 0 0;
	text-align: right;
	text-decoration: none;
	text-transform: uppercase;
	width: 180px;
}
#content1 a.metal:hover {
	background: #bece96;
	color: #60684d;
}
div.metal p {
	float: left;
	text-align: center;
}
div.metal a {
	color: #9ca97c;
	text-decoration: none;
}
div.metal a:hover {
	color: #000;
}
#content1 a.plotove {
	background: url('plotove-bg.jpg') center right no-repeat;
	color: #c96d92;
	display: block;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 68px;
	line-height: 14px;
	margin: 0 6px 15px 5px;
	padding: 20px 8px 0 0;
	text-align: right;
	text-decoration: none;
	text-transform: uppercase;
	width: 180px;
}
#content1 a.plotove:hover {
	background: #c96d92;
	color: #67394b;
}
div.plotove p {
	float: left;
	text-align: center;
}
div.plotove a {
	color: #c96d92;
	text-decoration: none;
}
div.plotove a:hover {
	color: #000;
}
#content1 a.osnovi {
	background: url('osnovi-bg.jpg') center right no-repeat;
	color: #7990a4;
	display: block;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 58px;
	line-height: 14px;
	margin: 0 6px 15px 5px;
	padding: 30px 8px 0 0;
	text-align: right;
	text-decoration: none;
	text-transform: uppercase;
	width: 180px;
}
#content1 a.osnovi:hover {
	background: #94b1c9;
	color: #475560;
}
div.osnovi p {
	float: left;
	text-align: center;
}
div.osnovi a {
	color: #7990a4;
	text-decoration: none;
}
div.osnovi a:hover {
	color: #000;
}
#content1 a.chadari {
	background: url('chadari-bg.jpg') center right no-repeat;
	color: #b0583f;
	display: block;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 53px;
	line-height: 14px;
	margin: 0 6px 15px 5px;
	padding: 35px 8px 0 0;
	text-align: right;
	text-decoration: none;
	text-transform: uppercase;
	width: 180px;
}
#content1 a.chadari:hover {
	background: #b0583f;
	color: #4e261b;
}
div.chadari p {
	float: left;
	text-align: center;
}
div.chadari a {
	color: #b0583f;
	text-decoration: none;
}
div.chadari a:hover {
	color: #000;
}
#content1 a.lulki {
	background: url('lulki-bg.jpg') center right no-repeat;
	color: #3b5b4f;
	display: block;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 58px;
	line-height: 14px;
	margin: 0 6px 15px 5px;
	padding: 30px 8px 0 0;
	text-align: right;
	text-decoration: none;
	text-transform: uppercase;
	width: 180px;
}
#content1 a.lulki:hover {
	background: #3b5b4f;
	color: #7fbca5;
}
div.lulki p {
	float: left;
	text-align: center;
}
div.lulki a {
	color: #3b5b4f;
	text-decoration: none;
}
div.lulki a:hover {
	color: #000;
}
#content1 a.vrati {
	background: url('vrati-bg.jpg') center right no-repeat;
	color: #967a57;
	display: block;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 53px;
	line-height: 14px;
	margin: 0 6px 15px 5px;
	padding: 35px 8px 0 0;
	text-align: right;
	text-decoration: none;
	text-transform: uppercase;
	width: 180px;
}
#content1 a.vrati:hover {
	background: #967a57;
	color: #483a29;
}
div.vrati p {
	float: left;
	text-align: center;
}
div.vrati a {
	color: #967a57;
	text-decoration: none;
}
div.vrati a:hover {
	color: #000;
}
/* #content a.plastmasovi:hover, #content a.pvc:hover, #content a.metal:hover, #content a.plotove:hover, #content a.osnovi:hover, #content a.chadari:hover, #content a.lulki:hover, #content a.vrati:hover {
	background: #eee;
	color: #000;
} */
div#container {
	margin: 0 auto;
	width: 800px;
}
div#sidebar {
	float: left;
	padding: 20px 0;
	width: 180px;
}
#sidebar ul {
	width: 180px;
}
#sidebar ul li {
	background: url('menu-bg.gif') bottom left repeat-x;
	line-height: 18px;
	width: 180px;
}
#sidebar ul li.levelzero a {
	padding: 3px 0 5px 0;
	text-transform: uppercase;
}
#sidebar ul li.levelone a {
	padding: 3px 0 5px 5px;
}
#sidebar ul li.leveltwo a {
	padding: 3px 0 5px 15px;
}
#sidebar ul li a {
	color: #777;
	display: block;
	text-decoration: none;
}
#sidebar ul li a.active {
	background: #84C871 url('menu-active.gif') bottom left repeat-x;
	color: #fff;
}
#sidebar ul li a:hover {
	color: #81c975;
}
#sidebar ul li a.active:hover {
	color: #000;
}
div#content2 {
	float: right;
	padding: 25px 0;
	width: 580px;
}
#content2 a {
	color: #ff6100;
	text-decoration: none;
}
#content2 a:hover {
	color: #000;
}
#content2 p {
	color: #555;
	font-size: 12px;
	line-height: 18px;
	margin: 0 0 10px 0;
}
#content2 strong {
	font-weight: bold;
}
#content2 div.desc {
	float: left;
	width: 300px;
}
h2 {
	font-size: 24px;
	margin: 0 0 20px 0;
}
#content2 div.pics {
	float: right;
	width: 250px;
}
#content2 .pics p {
	margin: 0 0 10px 0;
	text-align: center;
	width: 250px;
}
#content2 div.aboutflash {
	float: right;
	margin: 0 0 10px 10px;
}
div#footer {
	color: #9a99a7;
	clear: both;
	font-family: 'Trebuchet MS', Arial;
	font-size: 11px;
	line-height: 14px;
	margin: 0 auto;
	padding: 20px 0 0 0;
	text-align: center;
	width: 800px;
}
#footer a {
	color: #9a99a7;
}
#footer a:hover {
	text-decoration: none;
}
td.alignright {
	padding: 0 5px 0 0;
	text-align: right;
}
td.valigntop {
	vertical-align: top;
}
.valigntop input.inputForms {
	margin: 0 0 1px 0;
	width: 275px;
}
.valigntop textarea {
	widows: 280px;
}
td.valignmiddle {
	vertical-align: middle;
}
.borderorange {
	border:1px solid #EF7D00;
}