/* ::::: http://site166.tangram-studio.com/style.css ::::: */

* { border: medium none ; margin: 0pt; padding: 0pt; font-family: Arial,Helvetica,sans-serif; font-size: 12px; }
body { background-image: url('bg.png'); background-repeat: repeat-x; height: 100%; min-height: 100%;}
div.main { margin: 0pt auto; padding: 0pt 10px 10px; position: relative; width: 980px; background-color: rgb(255, 255, 255); height: 100%;}
div.headblock { margin: 10px 0pt 0pt; width: 980px; height: 5px; background-image: url('bg_head.png'); background-position: center top; background-repeat: no-repeat; }
div.bottomblock { width: 980px; height: 5px; background-image: url('bg_bottom.png'); background-position: center top; background-repeat: no-repeat; margin-bottom: 10px; }
div.content { padding: 10px 10px 0pt; background-image: url('bg_up.png'); background-position: center top; background-repeat: no-repeat; }
div.content table.corner { border: medium none ; margin: 0pt auto; position: relative; border-collapse: collapse; width: 350px; }
div.content table.corner td img { padding-top: 30px; }
div.content table.corner td h2 { font-size: 18px; }
div.content table.aks { border: medium none ; margin: 0pt auto; position: relative; border-collapse: collapse; }
div.content table.aks td { padding: 10px 10px 5px; vertical-align: middle; }
div.content table.aks td p { margin: 0px; padding: 0px; }
div.contentmain { background-image: url('bg_contentmain.png'); background-repeat: repeat-y; margin-top: 40px; }
div.header { position: relative; height: 170px; }

.header h1 {
position: absolute;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 18px;
color: #4947b0;
right: 80px;
top: 35px;
}

.logo { position: absolute; top: 20px; left: 0pt; }
.img { position: absolute; right: 0pt; top: 10px; }
.bord { border: 1px solid rgb(0, 0, 0); }
div.footer { position: relative; height: 30px; width: 980px; border-top: 2px solid #4947B0; }
div.c { position: absolute; top: 9px; left: 10px; font-size: 11px; font-weight: bold; color: rgb(0, 0, 0); }
div.tangram_logo { position: absolute; top: 5px; left: 5px; }
h1 { font-size: 24px; color: rgb(0, 0, 0); padding-top: 10px; }
h2 { margin-top: 10px; font-size: 14px; }
p { padding: 10px 0pt; text-indent: 0pt; color: rgb(0, 0, 0); }
ul.esp { list-style-type: none; list-style-image: none; list-style-position: outside; margin-top: 10px; margin-left: 20px; }
ul.esp li { margin-bottom: 5px; }
div.benefits { border: 2px dotted rgb(102, 153, 204); padding: 5px; margin-bottom: 10px; }
div.benefits h2 { margin: 0pt; }
div.benefits ul { margin-left: 20px; }
div.benefits ul li { padding: 5px 0pt; }
div.bllinks { padding: 0pt; }
div.bllinks p.h_2 { font-size: 14px; font-weight: bold; text-indent: 0pt; }
div.bllinks a { margin: 0pt; padding: 5px; text-decoration: underline; font-weight: bold; width: 170px; color: #0600ff; }
div.bllinks a:hover, div.bllinks a.active { padding: 5px; color: rgb(0, 0, 0); text-decoration: none; font-weight: bold; }
a.rlink { margin: 0pt; padding: 5px; text-decoration: underline; font-weight: bold; width: 170px; color: #0600ff; }
a.rlink:hover { padding: 5px; color: rgb(0, 0, 0); text-decoration: none; font-weight: bold; }
table.products { border: medium none ; width: 95%; margin-bottom: 20px; border-collapse: collapse; }
table.products td { padding: 5px; font-weight: bold; }
table.products td.bl { padding: 5px; background-color: rgb(0, 0, 255); color: rgb(255, 255, 255); font-weight: bold; }
table.products th { padding: 10px 5px; background-color: rgb(255, 0, 0); font-weight: bold; color: rgb(255, 255, 255); text-align: left; font-size: 14px; }
table.products1 { border: medium none ; width: 95%; margin-bottom: 20px; border-collapse: collapse; }
table.products1 td { padding: 5px; font-weight: bold; }
table.products1 td.bl { padding: 5px; background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); font-weight: bold; }
table.products1 th { padding: 10px 5px; background-color: rgb(0, 0, 0); font-weight: bold; color: rgb(255, 255, 255); text-align: left; font-size: 14px; }
table.products2 { border: medium none ; width: 95%; margin-bottom: 20px; border-collapse: collapse; }
table.products2 td { padding: 5px; font-weight: bold; }
table.products2 td.bl { padding: 5px; background-color: rgb(102, 153, 204); color: rgb(255, 255, 255); font-weight: bold; }
table.products2 th { padding: 10px 5px; background-color: rgb(0, 0, 0); font-weight: bold; color: rgb(255, 255, 255); text-align: left; font-size: 14px; }
table.tex { border: medium none ; width: 100%; margin-bottom: 20px; border-collapse: collapse; }
table.tex td { padding: 5px; text-align: center; }
table.products3 { border: medium none ; width: 100%; margin-bottom: 20px; border-collapse: collapse; }
table.products3 td { padding: 5px; font-weight: bold; text-align: left; }
table.products3 td.first { text-align: left; }
table.products3 th a { padding: 10px 0pt; font-weight: bold; color: rgb(0, 0, 0); text-decoration: underline; }
table.products3 th a:hover { padding: 10px 0pt; font-weight: bold; color: rgb(0, 0, 0); text-decoration: none; }
table.products3 td.bl { padding: 5px; background-color: rgb(254, 204, 204); color: rgb(0, 0, 0); font-weight: bold; }
table.products3 th { padding: 10px 5px; background-color: rgb(254, 204, 204); font-weight: bold; color: rgb(0, 0, 0); font-size: 12px; text-align: left; }
table.text { border: medium none ; width: 95%; margin-bottom: 20px; border-collapse: collapse; }
table.text td { padding: 5px; font-weight: normal; }
table.pr { border: medium none ; width: 100%; margin-bottom: 20px; border-collapse: collapse; }
table.pr td { padding: 0pt; width: 25%; }
.invertedshiftdown { border-top: 1px solid #4947b0; padding: 0pt; background: transparent none repeat scroll 0% 0%; width: 100%; voice-family: inherit; }
.invertedshiftdown ul { margin: 0pt 0pt 0pt 10px; padding: 0pt; list-style-type: none; list-style-image: none; list-style-position: outside; }
.invertedshiftdown li { margin: 0pt 2px 0pt 0pt; padding: 0pt; display: inline; text-transform: uppercase; }
.invertedshiftdown a { margin: 0pt 1px 0pt 0pt; padding: 9px 10px; float: left; display: block; font-family: Arial; font-style: normal; font-variant: normal; font-weight: bold; font-size: 12px; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; color: black; text-decoration: none; background-color: white; }
.invertedshiftdown a:hover { background-color: #4947b0; padding-top: 9px; padding-bottom: 5px; color: white; }
.invertedshiftdown .current a { background-color: #4947b0; padding-top: 9px; padding-bottom: 5px; color: white; }
#shadow { display: none; position: absolute; top: 0pt; left: 0pt; width: 100%; height: 100%; z-index: 100; background-image: url('thumb-trans.png'); text-align: center; }
* html #shadow { background-color: transparent; background-image: none; }
#shadow.on { display: block; }
#loading { margin: 0pt auto; background: transparent url('thumb-preload.gif') no-repeat scroll 0% 0%; position: absolute; left: 48%; top: 50px; width: 55px; height: 55px; cursor: pointer; }
#litebox { margin: 0pt auto; padding: 5px 0pt; background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
#litebox img { cursor: pointer; }
#litebox p { margin: 0pt; padding: 10px 0pt; color: rgb(51, 51, 51); }
#litebox em { color: rgb(0, 0, 0); display: block; font-size: 10px; }
#litebox a { border: medium none ; width: 21px; height: 21px; }
#litebox a.prev { background: transparent url('thumb-prev.gif') no-repeat scroll 0pt 50%; float: left; }
#litebox a.next { background: transparent url('thumb-next.gif') no-repeat scroll 0pt 50%; float: right; }
div.gallery { margin: 0pt auto; position: relative; width: 840px; height: auto; text-align: left; padding-top: 20px; padding-bottom: 10px; }
div.gallery a.margin { margin-left: 175px; }
div.gallery a { margin-right: 15px; }
div.gallery img { border: medium none ; width: 153px; height: 102px; margin-bottom: 15px; }
div.main table.main_part { border: 0px none ; margin: 0pt auto; position: relative; height: auto; border-collapse: collapse; }
div.main table.main_part td { padding: 0px 10px; vertical-align: top; }
div.main table.main_part td.bg_main_part { width: 420px; height: auto; position: relative; }
div.main table.main_part td.main_part_left { padding-left: 10px; width: 490px; }
div.main table.main_part td.bg_main_part div.three_part { position: relative; width: 420px; height: auto; margin-left: 10px; margin-top: 67px; }
div.main table.main_part td.bg_main_part div.three_part div.one { position: relative; width: 420px; height: 274px; background-image: url('part1.gif'); background-repeat: no-repeat; background-position: right center; }
div.main table.main_part td.bg_main_part div.three_part div.two { position: relative; width: 420px; height: 132px; background-image: url('part2.gif'); background-repeat: no-repeat; background-position: right center; }
div.main table.main_part td.bg_main_part div.three_part div.two p { position: absolute; top: 15px; left: 220px; font-size: 13px; color: rgb(0, 0, 0); font-weight: bold; font-style: italic; }
div.main table.main_part td.bg_main_part div.three_part div.three { position: relative; width: 420px; height: 308px; background-image: url('part3.gif'); background-repeat: no-repeat; background-position: right center; }
h2.pad_left { margin-left: 10px; }
h2.pad_left a { color: #0600ff; }
h2.pad_left a:hover { color: rgb(0, 0, 0); text-decoration: none; }
.invertedshiftdown1 { padding: 0pt; background: transparent none repeat scroll 0% 0%; width: 100%; voice-family: inherit; }
.invertedshiftdown1 ul { margin: 0pt 0pt 0pt 597px; padding: 1px 0pt 0pt; list-style-type: none; list-style-image: none; list-style-position: outside; }
.invertedshiftdown1 li { margin: 0pt 2px 0pt 0pt; padding: 0pt; display: inline; text-transform: uppercase; }
.invertedshiftdown1 a { margin: 0pt 1px 0pt 0pt; padding: 8px 10px 2px; float: left; display: block; font-family: Arial; font-style: normal; font-variant: normal; font-weight: bold; font-size: 12px; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; color: black; text-decoration: none; background-color: white; }
.invertedshiftdown1 a:hover { background-color: #4947b0; padding-top: 8px; padding-bottom: 5px; color: white; }
.invertedshiftdown1 .current a { background-color: #4947b0; padding-top: 8px; padding-bottom: 5px; color: white; }


.htext { color: #fff; font-weight: bold; font-size: 13px; font-family: "Arial"; text-align: center; background-color: #0600ff; }
.htext2 { color: #fff; font-weight: bold; font-size: 14px; font-family: "Arial"; text-align: center; background-color: #4947b0; height: 30px; text-transform: uppercase; }
.text { color: #000; font-size: 13px; font-family: "Arial"; text-align: center; background-color: #bcbbfc; }
table.new {
margin: 0 auto
}

table.contacts {
margin-top: 20px;
position: relative;
border-collapse: collapse;
border: 0px;
border: none;
width: 600px;
}

table.contacts td {
height: 25px;
}

table.contacts a {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
color: #0600ff;
}

table.contacts a:hover {
text-decoration: underline;
}

.language {
position: absolute;
top: 10px;
right: 10px;
}

.language a.current {
color: #4947b0;
text-decoration: none;
font-weight: normal;
}

.language a {
text-decoration: none;
font-weight: bold;
color: #4947b0;
}

.language span {
margin-left: 10px;
margin-right: 10px;
color: #4947b0;
}

.menu {
position: relative;
float: right;
margin-right: 10px;
}

.menu a {
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
color: #000;
font-weight: bold;
}

.menu a:hover {
color: #4947B0;
}

.menu a.current {
color: #4947B0;
}

.menu span {
margin-left: 5px;
margin-right: 5px;
font-size: 16px;
}

table.order {
margin: 0 auto;
background-color: #4947B0;
}

table.order select, input {
border: 1px solid #4947B0;
margin: 10px;
}

table.order tr.h {
height: 40px;
}