@CHARSET "UTF-8";

* {
	margin: 0;
	padding: 0;
}

body,html {
	height: 100%;
	min-height: 100%;
}

body {
	background: /* #D6CCC2 */ #F4F7F9 none repeat scroll 0 0;
	/* color: #717171; */
	font-family: verdana, sans-serif;
	font-size: 14px;
	line-height: 125%;
}

p,div,span,td,th,em,h1,h2,h3,h4,h5,h6,b,strong,i,li,a {
	font-family: verdana, sans-serif;
	font-size: 14px;
	line-height: 125%;
}

h1 {
	padding-bottom: 10px;
	font-size: 15px;
}

h2 {
	padding: 5px 0 5px 0;
}

a {
	text-decoration: underline;
	color: #3562B0;
}

ul {
	text-align: left;
}

li {
	list-style: disc;
}

table {
	border-collapse: collapse;
}

img {
	border: 0 none;
}

object,form {
	display: block;
}

h1,h2,h3,h4,h5,h6 {
	letter-spacing: normal;
}

.tar {
	text-align: right;
}

.tal {
	text-align: left;
}

.tac {
	text-align: center;
}

.clr {
	clear: both;
	height: 1px;
	margin: -1px 0 0;
	overflow: hidden;
}

.clear {
	clear: both;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.hide {
	display: none;
}

.block {
	display: block;
}

.inline {
	display: inline;
}

.ma {
	margin: 0 auto;
}

/***************************************************************************************/
.layout-outer {
	position: relative;
	height: 100%;
	min-height: 100%;
}

.layout-border {
	background: #FFF url(../img/border.jpg) repeat-y;
	width: 795px;
	margin: 0 auto;
}

.layout-border-1 {
	min-height: 100%;
}

.hasRightSide .layout-border {
	width: 975px;
	background: #FFF url(../img/border-wide.jpg) repeat-y;
}

.layout-wrapper {
	margin: 0 auto;
	min-height: 100%;
	height: 100%;
	text-align: justify;
	width: 780px;
}

.header-inner {
	height: 220px;
}

.header .logo img {
	margin: 60px 0 50px 80px;
}

.content {
	min-height: 465px;
}

.content-left {
	width: 150px;
	float: left;
	padding-left: 30px;
}

.content-right {
	width: 150px;
	float: left;
	padding-right: 30px;
	height: 450px;
	background: black;
	display: none;
}

.hasRightSide .content-right {
	display: block;
}

.content-center {
	float: left;
	width: 570px;
	padding-right: 30px;
}

.hasRightSide .content-center {
	padding-right: 0;
}

.main-menu {
	height: 465px;
}

.main-menu li a {
	text-decoration: none;
}

.main-menu li {
	height: 52px;
	width: 115px;
	list-style: none;
}

.main-menu li a {
	height: 52px;
	width: 115px;
	position: absolute;
	line-height: 52px;
	text-align: center;
	color: #7B797A;
	background: url(../img/menu-item.jpg) no-repeat scroll 0 0;
}

.main-menu li.active a {
	background: url(../img/menu-item-active.jpg) no-repeat scroll 0 0;
	color: #110D0C;
	font-weight: bold;
	font-size: 13px;
}

.main-menu li a:hover {
	line-height: 45px;
	margin-right: 10px;
	background: url(../img/menu-item-hover-2.jpg) no-repeat scroll 0 0;
	font-weight: bold;
	color: #000;
	font-size: 13px;
}

.footer {
	text-align: center;
	padding: 40px 0 20px 0;
	clear: both;
}

.footer-inner p { /* background: #BBE798; */
	width: 200px;
	line-height: 50px;
	height: 50px;
	margin: 0 auto;
}

.content-center li {
	margin-top: 10px;
}

p {
	margin-top: 15px;
}

div.spacer {
	height: 20px;
}

/* ********* */
.content-center .catalogue li {
	list-style: none;
	display: block;
	border: 1px solid #DDDDDD;
	padding: 7px 7px 0 7px;
	min-height: 115px;
}

.content-center .catalogue li div.thumb {
	float: left;
	padding: 3px;
	border: 1px solid #DDDDDD;
	margin: 0 7px 7px 0;
}

img.thumb {
	padding: 3px;
	border: 1px solid #DDDDDD;
}

.thumb-hover {
	border: 1px solid #656565;
	background: #BBE798;
}

.content-center .catalogue li.even div.thumb {
	float: right;
	margin: 0 0 7px 7px;
}

.content-center .catalogue li div.thumb a {
	line-height: 0;
}

.content-center .catalogue li div.text strong {
	display: block;
	padding: 10px 0;
}

#istorijaContent {
	border: 1px solid #000;
	margin: 10px 0 10px 0;
	padding: 0 10px 10px 10px;
}

.idea ul {
	padding-left: 25px;
}

.index {
	text-align: justify;
}

.index img {
	float: right;
	border: 1px solid #DDDDDD;
	padding: 3px;
	margin: 0 0 10px 10px;
}

.content-center .catalogue li {
	list-style: none;
	display: block;
	border: 1px solid #DDDDDD;
	padding: 7px 7px 0 7px;
	min-height: 115px;
}

.content-center .news li {
	list-style: none;
	display: block;
	border: 1px solid #DDDDDD;
	min-height: 115px;
}

.content-center .news li div.thumb {
	float: left;
	margin: 10px;
	background: #FFF;
}

.content-center .news li div.text {
	padding: 10px;
}

.content-center .news li strong {
	display: block;
	padding: 15px 0 10px 0;
	display: block;
	background: #BBE798;
}

.buy div.text {
	padding-top: 5px;
}

.buy p {
	margin-top: 2px;
}

.buy img {
	border: 1px solid #DDDDDD;
	padding: 3px;
	float: left;
	margin: 10px 10px 0 0;
}

.buy ul {
	padding-bottom: 7px;
}

.buy ul.left-space li {
	margin-left: 165px;
}

.buy ul.small-space li {
	margin-left: 20px;
}

.buy .text {
	margin-top: 15px;
}

.thumb-right {
	float: right;
	border: 1px solid #DDDDDD;
	padding: 3px;
	margin: 0 0 10px 10px;
}

.thumb-left {
	float: left;
	border: 1px solid #DDDDDD;
	padding: 3px;
	margin: 0 10px 10px 0;
}

.level-2 {
	padding: 0 0 15px 15px;
}

.hints ul {
	padding-left: 15px;
}

.hints h3 {
	display: inline;
	text-decoration: underline;
}

.contacts h3 {
	font-weight: normal;
}

.contacts h1 {
	padding-bottom: 0;
}

.contacts h2 {
	padding-top: 15px;
}

.contacts ul {
	padding-left: 15px;
}

.contacts ul li {
	margin-top: 5px;
}

.contacts ul.facebook {
	padding: 0;
}

.contacts ul.facebook li {
	list-style: none;
}

.idea strong {
	font-variant: small-caps;
}

.buy h3 {
	font-style: italic;
}

.addToCart {
	clear: left;
	margin: 7px 7px 7px 0;
	text-align: center;
	width: 140px;
}

.addToCartQuantity {
	clear: left;
	margin: 7px 7px 7px 0;
	text-align: center;
	width: 152px;
}

.addToCartQuantity label {
	float: left;
	padding-right: 10px;
}

.addToCartQuantity input.quantity {
	float: left;
	margin-right: 5px;
	width: 25px;
}

.quantityButtonWrapper {
	float: left;
	margin-top: 2px;
}

.quantityButton {
	width: 20px;
	height: 12px;
	border: 0;
	text-decoration: none;
	display: inline;
	float: left;
	border: 1px solid black;
	padding: 1px;
}

.quantityUp {
	margin-right: 1px;
}

.quantityDown {
}