/* @license
 * MyFonts Webfont Build ID 2157236, 2012-03-19T11:48:51-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: PT New Letter Gothic by ParaType
 * URL: http://www.myfonts.com/fonts/paratype/new-letter-gothic/pt-new-letter-gothic/
 * Copyright: Copyright 1990-1992 Bitstream Inc. All rights reserved Copyright (c) ParaType, Inc., 2000. All rights reserved.
 * Licensed pageviews: 10,000
 * 
 * Webfont: Propisi Light by ParaType
 * URL: http://www.myfonts.com/fonts/paratype/propisi/light/
 * Copyright: Copyright © 2009, ParaType, Inc. All rights reserved.
 * Licensed pageviews: unspecified
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2157236
 * 
 * � 2012 Bitstream Inc
*/

 @font-face {font-family: 'NewLetterGothicTT';src: url('/webfonts/20204C_0_0.eot');src: url('/webfonts/20204C_0_0.eot?#iefix') format('embedded-opentype'),url('/webfonts/20204C_0_0.woff') format('woff'),url('/webfonts/20204C_0_0.ttf') format('truetype');}
 @font-face {font-family: 'Propisi-Light';src: url('/webfonts/20204C_1_0.eot');src: url('/webfonts/20204C_1_0.eot?#iefix') format('embedded-opentype'),url('/webfonts/20204C_1_0.woff') format('woff'),url('/webfonts/20204C_1_0.ttf') format('truetype');}

body {
  font: 15px/1.4 'NewLetterGothicTT', Arial, sans-serif;
  margin: 28px 0 0 0;
}

pre,
code {
  font-family: 'DejaVu Sans Mono', Menlo, Consolas, monospace;
}

hr {
  border: 0 #ccc solid;
  border-top-width: 1px;
  clear: both;
  height: 0;
}

a {
color: #4a83fb;
}

a:hover {
  color:#3c5cff;
}

a:active {
  color:#ed1f24;
}

/* `Headings
----------------------------------------------------------------------------------------------------*/

h1 {
  font-size: 35px;
  text-align:center;
  font-family:'NewLetterGothicTT';
  font-weight:normal;
  line-height:0.8;
  color:#3c5cff;
}

input#product-subtotal, .row-total-input{
  font-size: 35px;
  font-family:'NewLetterGothicTT';
  font-weight:normal;
  line-height:0.8;
  color:#3c5cff;
  color:black;
  border:0;
  background-color:white;
  text-align:center;
  max-width:120px;
  overflow:visible;
}

.num-pallets-input{
  margin: 0 5px;
  background-color: #fff8a3;
  border:0;
  text-align:center  
}

h2 {
  font-size: 21px;
  text-align:left;
  font-family: Helvetica, Arial;
  color:black;
  line-height:0.8;
  margin-bottom:5px;
}

h2.item-price {
  font-size: 25px;
  line-height:1;
  display:inline;
}

h3, .small_head {
  font-size: 18px;
  text-align:left;
  font-family: Helvetica, Arial;
  line-height:0.8;
  margin-bottom:5px;
}
.small_head{
	margin-bottom:15px;
}

h3.item-price {
  font-size: 14px;
  line-height:1;
}

h3.centr {
  font-size: 16px;
  line-height:1;
  text-align:center;
}

h4 {
  font-size: 19px;
}

h5 {
  font-size: 17px;
}

h6 {
  font-size: 15px;
}

td {vertical-align:top; padding:0;}
table {border-collapse: collapse;}
td.table-left {width:540px; padding-right:30px;}
td.table-right {width:380px; padding-left:10px}

/* Classes
----------------------------------------------------------------------------------------------------*/

.yellow {
background-color: #c9c9c9;
width: 100%;
margin: 0 auto;
}

.gray_back {
background-color: #f2f3f3;
width: 100%;
margin: 0 auto;
}

.violet_back {
background-color: #6577ff;
width: 100%;
margin: 0 auto;
}
.violet_back h1{
color:white;
}

.footer {
background-color: #bbbcbe;
width: 100%;
margin: 40px auto 0 auto;
padding: 30px 0;
font-size:9pt;
line-height:1.3;
}

.footer .columns, .columns {
-moz-column-count: 2;
-moz-column-gap: 5px;
-webkit-column-count: 2;
-webkit-column-gap: 5px;
column-count: 2;
column-gap: 5px;
}

.footer .columns4, .columns4 {
-moz-column-count: 4;
-moz-column-gap: 5px;
-webkit-column-count: 4;
-webkit-column-gap: 5px;
column-count: 4;
column-gap: 5px;
}

.footer h3{
font-size:10pt;
margin-bottom:5px;
}

.footer a{
color:black;
}

.footer a:hover{
color:white;
}

.menu {
padding: 20px 15px 20px 16px;
font-family: Helvetica, Arial;
color:black;
font-size:16px;
font-weight:bold;
text-decoration:none;
}

.menu:hover{
background-color:#e5e5e5;
color:black;
}

.submenu {
padding: 1px 17px 1px 0;
text-decoration:none;
color:#d1d2d4;
display:inline-block;
}

.submenu:hover {
color:white;
}

.menu_experience {
  padding: 19px 25px 19px 25px;
font-family: Helvetica, Arial;
color:black;
font-size:16px;
font-weight:bold;
text-decoration:none;
  float:right;
}

.dashed {
    background: -moz-linear-gradient(left, black, black 60%, transparent 60%);
    background: -ms-linear-gradient(left, black, black 60%, transparent 60%);
    background: -o-linear-gradient(left, black, black 60%, transparent 60%);
    background: -webkit-gradient(linear, 0 0, 100% 0, from(black), color-stop(0.6, black), color-stop(0.6, transparent));
    background: -webkit-linear-gradient(left, black, black 60%, transparent 60%);
    background: linear-gradient(left, black, black 60%, transparent 60%);
    background-size: 5px 1px;
    background-repeat: repeat-x;
    background-position: 0px 90%;
}

.dashed_white {
    background: -moz-linear-gradient(left, black, white 60%, transparent 60%);
    background: -ms-linear-gradient(left, black, white 60%, transparent 60%);
    background: -o-linear-gradient(left, black, white 60%, transparent 60%);
    background: -webkit-gradient(linear, 0 0, 100% 0, from(black), color-stop(0.6, black), color-stop(0.6, transparent));
    background: -webkit-linear-gradient(left, white, white 60%, transparent 60%);
    background: linear-gradient(left, white, white 60%, transparent 60%);
    background-size: 5px 1px;
    background-repeat: repeat-x;
    background-position: 0px 90%;
}

.black {
color: black;
}

.phone {
font-size: 16pt;
margin-top: 0;
}

.gray {
color: gray;
text-decoration: none;
}

.red{
color: red;
}

.green{
}

.corner{
    position: relative;
}

.item{
height:160px;
width:140px;
background-color:white;
vertical-align: bottom;
text-align:center;
display:table-cell
}
.item-text-cover{
height:135px;
width:140px !important;
background-color:white;
vertical-align: bottom;
display:table-cell
}
.item-text-cover-inner{
height:120px;
width:140px;
background-color:white;
vertical-align: bottom;
display:table-cell;
padding-bottom:35px
}


.item-descr{
min-height:110px;
width:160px;
margin-left: -10px;
margin-right:10px;
background-color:white;
}

.item-descr a{
color:black;
text-decoration:none;
}

.item-image{
position:absolute; bottom:7px; height:auto; width:140px;
}

.item-text {
font-size:10pt;
margin-top:20px;
line-height:1.3;
}
.item-text-price {
font-size:10pt;
line-height:1.3;
}

.button{
width:230px;
margin:0 auto;
background-color:#bbbcbe;
color:white;
text-align:center;
padding:15px 0;
}

.button:hover{
background-color:#3c5cff;
color:#white;
}

.button_small {
margin:2px auto 2px auto;
background-color:#bbbcbe;
color:white;
text-align:center;
padding:2px 5px;
border:0px;
cursor:pointer;
font-size:15px;
font-family:'NewLetterGothicTT'
}

.button_small:hover{
background-color: #fff8a3;
color:black;
}

div.button1:hover{
background-color: #fff8a3;
}

.violet {
color: #6577ff;
}

.white {
color: #ffffff;
}
a.white:hover{
	color: #ffffff;
}

a.addtoorder {
font-size:17px;
text-decoration:none;
color:black;
line-height:1;
}

a.social {
text-decoration:none;
color:black;
margin-left:35px;
}

a.social:hover {
text-decoration:underline;
color:#3c5cff;
}

a.back {
color: #white;
}

a.back:hover {
color: black;
}

#buy, .buy {
width: 140px;
text-align:center;
background-color:#f2f3f3;
margin-top:10px;
margin-right:10px;
text-decoration:none !important;
color:black;
}

#buy:hover, .buy:hover, .cart {
background-color:#3c5cff !important;
color:white !important;
}

.exclusive{color:red}

.buy_main {
width: 140px;
text-align:center;
background-color:#3c5cff;
margin-top:10px;
margin-right:10px;
text-decoration:none !important;
color:white;
}

.buy_main:hover, .maincart {
background-color:white !important;
color:#3c5cff !important;
}

/* Corners
----------------------------------------------------------------------------------------------------*/

.arrow-left-top {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 0;
    height: 0;
    border-top: 7px solid #fff8a6;
    border-left: 7px solid #fff8a6;
    border-bottom: 7px solid transparent;
    border-right: 7px solid transparent;
    z-index:10;
}

.arrow-right-top {
    content: '';
    position: absolute;
    top: 0px;
    right: 0px;
    width: 0;
    height: 0;
    border-top: 7px solid #fff8a6;
    border-left: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 7px solid #fff8a6;
    z-index:10;
}

.arrow-left-bottom {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-left: 7px solid #fff8a6;
    border-bottom: 7px solid #fff8a6;
    border-right: 7px solid transparent;
    z-index:10;
}

.arrow-right-bottom {
    content: '';
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-left: 7px solid transparent;
    border-bottom: 7px solid #fff8a6;
    border-right: 7px solid #fff8a6;
    z-index:10;
}

.arrow-left-top-tiny {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 0;
    height: 0;
    border-top: 4px solid #fff8a6;
    border-left: 4px solid #fff8a6;
    border-bottom: 4px solid transparent;
    border-right: 4px solid transparent;
}

.arrow-right-top-tiny {
    content: '';
    position: absolute;
    top: 0px;
    right: 0px;
    width: 0;
    height: 0;
    border-top: 4px solid #fff8a6;
    border-left: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-right: 4px solid #fff8a6;
}

.arrow-left-bottom-tiny {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-left: 4px solid #fff8a6;
    border-bottom: 4px solid #fff8a6;
    border-right: 4px solid transparent;
}

.arrow-right-bottom-tiny {
    content: '';
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-left: 4px solid transparent;
    border-bottom: 4px solid #fff8a6;
    border-right: 4px solid #fff8a6;
}

.arrow-right-top-violet {
    content: '';
    position: absolute;
    top: 0px;
    right: 0px;
    width: 0;
    height: 0;
    border-top: 7px solid #3c5cff;
    border-left: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 7px solid #3c5cff;
}

.arrow-right-top-big {
    content: '';
    position: absolute;
    top: 0px;
    right: 0px;
    width: 0;
    height: 0;
    border-top: 10px solid #fff8a6;
    border-left: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #fff8a6;
}

.arrow-left-top-white {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 0;
    height: 0;
    border-top: 4px solid white;
    border-left: 4px solid white;
    border-bottom: 4px solid transparent;
    border-right: 4px solid transparent;
}

.arrow-right-top-white {
    content: '';
    position: absolute;
    top: 0px;
    right: 0px;
    width: 0;
    height: 0;
    border-top: 4px solid white;
    border-left: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-right: 4px solid white;
}

.arrow-left-bottom-white {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-left: 4px solid white;
    border-bottom: 4px solid white;
    border-right: 4px solid transparent;
}

.arrow-right-bottom-white {
    content: '';
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-left: 4px solid transparent;
    border-bottom: 4px solid white;
    border-right: 4px solid white;
}

.video {
    content: '';
    position: absolute;
    top: 5px;
    right: 5px;
}

form .zakaz {
  font-size: 18px;
  text-align:left;
  font-family: Helvetica, Arial;
  line-height:0.8;
  margin-top:5px;
  border:1px solid black;
  width:300px;
  padding:3px;
}

/* `Spacing
----------------------------------------------------------------------------------------------------*/

ol {
  list-style: decimal;
}

ul {
  list-style: disc;
}

li {
  margin-left: 30px;
}

h1 {
  margin-top: 30px;
  margin-bottom: 30px !important; 
}

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset,
figure {
  margin-bottom: 20px;
}

/* `Spacing
----------------------------------------------------------------------------------------------------*/

.tips span {
	display: block;
	border-radius: 100%;
	border: 3px solid #5d6365;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	width: 1.5em;
	height: 1.5em;
	font-size: 1em;
	line-height: 1em;
	font-weight: 700;
	padding: 0.15em 0 0 0;
	background: #fff;
	color: #5d6365;
	text-align: center;
	float: left;
}
.tips span:hover {
	background: #ff5e3c;
	color: #fff;
	border: 3px solid #ff5e3c;
	cursor: pointer;
}

.tips_cover{
	width:940px;
	height:624px;
	position:relative;
	background: url('/pics/image_map.jpg');
	background-size: 940px 624px;
	background-repeat: no-repeat;
}
.tips{
	position:absolute;
}