img {border:0;}

body {
	padding: 0;
	margin: 0;
	font-family: arial;
	background: url(../images/sub_top_back.png) top center no-repeat;
}

table {font-size:12px;}
table td {vertical-align:top;}

a {color:#662A97;}

h1 {
	font-size: 20px;
	font-weight: bold;
	padding: 0;
	margin: 25px 0 10px 0;
}

h2 {
	font-size: 20px;
	font-weight: bold;
	color: #a0a0a0;
	padding: 0;
	margin: 0 0 12px 0;
}

p {
	font-size: 12px;
}

hr {
	height: 1px;
	background: #e6e6e6;
	border: none;
	margin: 0;
	margin-top: 20px;
	padding: 0;
}


#page_wrap {
	width: 996px;
	margin: 0 auto;
}

header {
	height: 119px;
	float: left;
	padding: 0 32px;
}

#logo {
	width: 173px;
	height: 94px;
	padding: 0;
	margin: 14px 30px 15px 0;
	float: left;
}

nav {
	height: 119px;
	width: 729px;
	float: left;
}

nav p {
	margin: 0;
	padding: 0;
	float: left;
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	
}

.top_menu {
	list-style: none;
	float: right;
	padding: 0;
}

.top_menu p {
	font-weight: normal;
	font-size: 12px;
}

.top_menu li {
	float: left;
	margin: 0 7px;
	display: inline;
}

.top_menu li a {
	color: #fff;
	text-decoration: none;
	font-weight: normal;
	font-size: 12px;
}

.top_menu li a:hover {
	color: #fff;
}

nav ul {
	list-style: none;
	float: right;
	margin-right: -10px;
}

nav ul li {
	float: left;
	margin: 0 10px;
	display: inline;
}

nav ul li a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	float: left;
	font-size: 13px;
}

nav ul li a:hover, nav ul li.active a  {
	color: #ffd200;
}

#main {
	width: 932px;
	margin: 0 32px;
}

#sidebar {
	width: 188px;
	padding-right:30px;
	float: left;
	margin-top: 30px;
}

#side_header {
	padding-bottom: 8px;
	border-bottom: 3px solid #e6e6e6;
	width: 188px;
}


#side_header p {
	padding: 0;
	margin: 0;
	font-size: 12px;
	color: #a0a0a0;
}

.category {
	border-bottom: 1px solid #e6e6e6;
	float: left;
}

.category a {
	font-size: 12px;
	font-weight: bold;
	color: #662a97;
	padding: 9px 10px;
	text-decoration: none;
	float: left;
	width: 168px;
	background: url(../images/list_purple.png) left no-repeat;
}

.category a:hover {
	background: #662a97;
	color: #fff;
}

.category a.active {
	background: #662a97 url(../images/list_white.png) left no-repeat;
	color: #fff;
}

#category_list {
	float: left;
	background: #662a97;
	margin-top: -1px;
	width: 188px;
}

#category_list ul {
	list-style-image: url(../images/list_white.png);
	margin: 0;
	padding: 0 20px;
	margin: 1px 0 15px 0;
	width: 148px;
	float: left;
}

#category_list ul li a {
	font-size: 11px;
	color: #fff;
}

#category_list ul li.active a {
	font-weight: bold;
	text-decoration: none;
}

#side_contact {
	width: 190px;
	height: 340px;
	float: left;
	margin-top: 25px;
}

#side_contact p {
	margin: 0;
	line-height: 20px;
}

#side_contact a {
	color: #662a97;
}

#side_contact span {
	font-size: 15px;
	font-weight: bold;
	color: #662a97;
}

#side_contact img {
	margin: 10px 0;
}

#content {
	width: 694px;
	float: left;
}

#content span {
	font-size: 15px;
	font-weight: bold;
	color: #662a97;
	padding: 0;
	margin: 0;
}

#content p {
	line-height: 20px;
	margin-top: 2px;
}

#content ul {
	list-style: none;
	color: #000;
	font-size: 12px;
	font-weight: normal;
	padding:0;
	margin: 0 0 10px 0;
}

#content ul ul {margin: 0;}

#content ul li { padding-left:12px; background:url(../images/bullet.jpg) no-repeat 3px 7px; line-height:18px; }

#content ol {
	font-size: 12px;
	font-weight: bold;
	display: block;
	padding: 0;
	margin: 0;
	line-height: 21px;
	list-style-position: inside;
}

#left {
	width: 433px;
	float: left;
}

#left p {
	line-height: 20px;
}

#right {
	width: 224px;
	padding-left: 36px;
	float: left;
}

#right span {
	font-size: 19px;
	font-weight: bold;
	color: #662a97;
	float: left;
	margin-bottom: 7px;
}

#right img {
	float: left;
	margin: -10px 0 0 -1px;
}

#right p {
	font-size: 19px;
	font-weight: bold;
	float: left;
}

#gray_box {
	float: left;
	background: #f3f3f3 url(../images/gray_box_top.png) top no-repeat;
	width: 658px;
	padding: 18px 18px 13px 18px;
	margin-top: 10px;
}

#gray_box p {
	margin: 15px 0 2px 0;
	padding: 0;
}

#gray_box_bottom {
	width: 694px;
	height: 5px;
	background: url(../images/gray_box_bottom.png) top no-repeat;
	float: left;
}

#vsebina {
	float: left;
	width: 694px;
	margin-top: 5px;
}

#vsebina p {
	margin: 15px 0 2px 0;
	padding: 0;
}

#site_nav {
	float: left;
	margin-top: 20px;
	font-size:12px;
	color: #a0a0a0;
}

#site_nav a {
	color: #a0a0a0;
	margin: 0;
	padding: 0;
	text-decoration:none;
}
#site_nav a:hover {text-decoration:underline;}

#site_nav span {
	color: #000;
	font-size: 12px;
	font-weight: normal;
}

#top_banner {
	width: 695px;
	height: 123px;
	float: left;
	margin-top: 18px;
}

#priporocilo {
	float: left;
	padding: 18px 0 7px 0;
	width: 694px;
	border-bottom: 1px solid #e6e6e6;
}

#priporocilo img {
	float: left;
	margin-top: 30px;
}

#priporocilo span {
	font-size: 12px;
	font-weight: bold;
	color: #662a97;
}


article {
	width: 570px;
	padding-right: 30px;
	float: left;
	margin: 0;
}

#boxes_wrap {
	width: 932px;
	height: 128px;
	float: left;
	padding: 0 32px;
	margin: 35px 0 -30px 0;
	background: url(../images/sub_box_back.png) no-repeat;
}

#boxes_wrap p {
	padding: 0;
	margin: 0;
	float: left;
}

#boxes_wrap a {
	text-decoration: none;
}

#banner1 {
	width: 269px;
	height: 68px;
	float: left;
	margin: 15px 32px 0 10px;
	background: url(../images/banner1.png) no-repeat;
	padding-left: 13px;
	padding-top: 32px;
}

#banner1 span {
	font-size: 19px;
	font-weight: bold;
	color: #662a97;
}

#banner1 p {
	font-size: 19px;
	font-weight: bold;
	color: #000;
}

#banner2 {
	width: 269px;
	height: 67px;
	float: left;
	margin: 29px 31px 0 0;
	background: url(../images/banner2.png) no-repeat;
	padding-left: 13px;
	padding-top: 20px;
}

#banner2 span {
	font-size: 19px;
	font-weight: bold;
	color: #662a97;
}

#banner2 p {
	font-size: 12px;
	color: #9f90ac;
}

#banner3 {
	width: 282px;
	height: 79px;
	float: left;
	margin-top: 34px;
	background: url(../images/banner3.png) no-repeat;
	padding-left: 13px;
	padding-top: 13px;
}

#banner3 span {
	font-size: 19px;
	font-weight: bold;
	color: #fff;
}

#banner3 p {
	font-size: 12px;
	color: #fff;
}

footer {
	background: #ebe4f1 url(../images/footer_back.png) top center no-repeat;
	clear: both;
	overflow: hidden;
}

#footer_content {
	width: 932px;
	height:165px;
	float: left;
	padding: 0 32px;
}

#fbox1 {
	width: 336px;
	height: 93px;
	float: left;
	margin-top: 68px;
}

#fbox1 img {
	width: 143px;
	height: 91px;
	float: left;
	margin-right: 15px;
}

#fbox1 p {
	padding: 0;
	margin: 0;
}

#fbox1 span {
	font-size: 15px;
	font-weight: bold;
	color: #662a97;
}

#fbox1 a {
	font-size: 12px;
	color: #662a97;
}

#fbox2 {
	width: 195px;
	height: 93px;
	float: left;
	margin: 68px 40px 0 50px;
}

#fbox2 p {
	margin: 0 0 10px 10px;
}

#fbox2 a {
	color: #662a97;
}

#button {
	width: 191px;
	height: 39px;
	margin-left: 1px;
}

#fbox3 {
	width: 280px;
	height: 93px;
	float: left;
	margin-top: 68px;
	padding-left: 30px;
	background: url(../images/fbox3_border.png) left no-repeat;
}

#fbox3 p {
	padding: 0;
	margin: 0;
}

#fbox3 span {
	font-weight: bold;
}

#brands {
	height: 60px;
	width: 280px;
	margin-top: 5px;
}

#prev {
	width: 21px;
	height: 60px;
	float: left;
	background: url(../images/brands_left_white.png);
}

#prev:hover {
	background: url(../images/brands_left.png);
}

#next {
	width: 21px;
	height: 60px;
	float: left;
	background: url(../images/brands_right_white.png);
}

#next:hover {background: url(../images/brands_right.png);}

#brand_logo {
	width: 208px;
	height: 60px;
	margin: 0 15px;
	float: left;
}

#brand_logo div { width: 208px; height: 40px; text-align:center; padding-top:20px; }

#footer_bottom {
	width: 932px;
	float: left;
	margin: 20px 32px 60px 32px;
	color: #848484;
	background: url(../images/footer_bottom_border.png) top no-repeat;
	font-size: 11px;
}

#copy {
	float: left;
	padding-top: 10px;
}

#podpis {
	float: right;
	padding-top: 22px;
}

#podpis p {
	margin: 0;
	float: left;
	padding-right: 5px;
}

#podpis a {
	color: #848484;
	text-decoration: none;
}

#reference {
	margin: 18px 0;
}

#seznam_referenc {
	width: 231px;
	float: left;
}

#seznam_referenc li {
	font-weight: bold;
	line-height:18px;
}

#kontakt {
	width: 694px;
	float: left;
	border-top: 1px solid #e6e6e6;
	margin-top: 10px;
}

#kontakt h3 {
	margin: 15px 0 25px 0;
}

#seznam_oseb {
	width: 310px;
	float: left;
}

#oseba {
	width: 280px;
	height: 120px;
	float: left;
	margin-bottom: 30px;
}

#oseba a {
	color: #662a97;
}

#oseba p {
	float: left;
	margin: 0;
	line-height: 17px;
}

#oseba_slika {
	width: 100px;
	height: 120px;
	background: #a683c3;
	margin-right: 10px;
	float: left;
}

#kontaktni_obrazec {
	width: 384px;
	height:	431px;
	background: #f4f4f4;
	float: left;
	margin-bottom: 30px;
}

#kontaktni_obrazec input {
	width: 314px;
	height: 22px;
	border: 1px solid #c7c7c7;
	background: #fff;
}

#kontaktni_obrazec input[type='submit'] {
	width: 63px;
	height: 19px;
	border: none;
	background: #662a97;
	color: #fff;
}

#kontaktni_obrazec p {
	margin: 8px 0 0 0;
	padding: 0;
	font-weight: bold;
}

#kontaktni_obrazec span {
	font-weight: normal;
	margin-bottom: 12px;
	font-size: 18px;
}

#kontaktni_obrazec form {
	margin-left: 40px;
}

#kontaktni_obrazec textarea {
	width: 312px;
	height: 123px;
	border: 1px solid: #c7c7c7;
	background: #fff;
	font-family: arial;
}

#zemljevid {
	width: 694px;
	height: 395px;
	float: left;
	background: purple;
}