/* 
отступы в "em"
:link :visited :hover :active
border: solid 1px #000;
margin: 0 auto; // горизонтальное выравнивание по центру
position:absolute; top:50%; left:50%; width:(X)px; height:(Y)px; margin-left:-(X/2 + Z + N)px; margin-top:-(Y/2 + Z + N)px; border:(Z)px solid black; padding:(N)px; background:white; // горизонтальное выравнивание по центру
*/

* {margin:0; padding:0;}

html, body {height:100%; font: normal 12px Arial, Helvetica, sans-serif; text-align:center; background: #ccc url(/images/bg/bg.gif);}

#body {width:780px; /*min-height:100%;*/ margin: 0 auto; padding-bottom:4px; text-align:left; display:block;}

/* * html #body {height:100%;}*/

a {color:#900; text-decoration:none;}
a:hover {color:#c00; text-decoration:underline;}
p, dd {margin-bottom:10px;}
caption {padding: 10px 0;}
.i {font-style:italic;}
.b {font-weight:bold;}
.u {text-decoration:underline;}
.bb {font-weight:bolder;}
.n {font-weight:400;}
.no {text-decoration:none; color:#000; font-weight:400; text-transform:none;}
/*.hr {width:90%; height:1px; margin:10px; background-image:url(/images/dot_green.gif); background-position:center; background-repeat:repeat-x;}*/

div.hr {width:95%; height:20px; background: #fff url(/images/dot_green.gif) repeat-x scroll center; margin-left:15px; clear:both;}
div.hr hr {display:none;}

.up {text-transform:uppercase;}
.space_hor {padding: 0 14px;}
.img_r {margin-left:10px;} 
.img_l {margin-right:10px; margin-top:5px;}

.imgLeft, .imgRight {vertical-align:text-top;}
.imgLeft {float:left; margin:0 15px 10px 0;}
.imgRight {float:right; margin:0 0 10px 15px;}

li, td, input, textarea, select, caption {font: normal 12px sans-serif;}
th {font-size:12px;}
.f9 {font-size:9px;}
.small {font-size:11px;}
.f12 {font-size:12px;}
.f13 {font-size:13px;}
.f14 {font-size:14px;}
.f16 {font-size:16px;}
.f18 {font-size:18px;}
.medium {font-size:17px;}
.large {font-size:19px;}
.red {color:#a00000;}
.blue {color:#0000A0;}
.grey {color:grey;}
.pink {color:#B057B0;}
.alph {color:#0000a0; font-size:14px; font-weight:bold;}
ul.list, ol.list {margin-left:25px;}
ul.list li, ol.list li {margin-bottom:5px;}
.header {background:#c0c0a0; margin-bottom:4px;}

.doc-link, 
.pdf-link, 
.iexp-link,
.ppt-link,
.eps-link, 
.wma-link, 
.txt-link
{vertical-align:top; padding: 0 5px 10px 30px; text-decoration:none;}
.pdf-link {background: url(/images/icon/pdf.gif) top left no-repeat;}
.iexp-link {background: url(/images/icon/iexp.gif) top left no-repeat;}
.doc-link {background: url(/images/icon/doc.gif) top left no-repeat;}
.ppt-link {background: url(/images/icon/ppt.gif) top left no-repeat;}
.wma-link {background: url(/images/icon/wma.gif) top left no-repeat;}
.txt-link {background: url(/images/icon/txt.gif) top left no-repeat;}
.eps-link {background: url(/images/icon/eps.gif) top left no-repeat;}

.pdf-link {text-transform:uppercase;}
a.pdf-link {text-decoration:none;}
a.pdf-link:hover {text-decoration:underline;}
a.main {text-decoration:none;}
a.main:hover {text-decoration:underline;}

.submit {margin: 12px 12px 12px 0; padding: 2px 10px; font-weight:bold; letter-spacing:1px;}

/* HEAD */
#head {float:left; width:780px; height:60px; margin: 4px auto; background: url(/images/head.gif) no-repeat top right;}

/* BOXLEFT */
#BoxLeft {float:left; width:200px; margin-bottom:10px; /*background:#f2f2d3;*/}
#BoxLeft h3 {margin-bottom:5px; padding: 3px 0; font-size:12px; background:#c0c0a0; text-align:center; color:#900;}
#BoxLeft h3 a {font-size:12px; text-decoration:none;}
.block {width:100%; margin-bottom:4px; padding-bottom:5px; background:#f2f2d3; border: 1px solid #c0c0a0;}
.block img {border:1px solid #c0c0a0; margin:15px 0 0 0;}
.block #text1, .block #text2, .block #text3, .block #text4, .block #text5, .block #text6 {display:none; margin-bottom:15px;}
.block small {padding: 3px 5px; font-size:12px; /*line-height:18px;*/ display:block;}
.block small a {color:#000; text-decoration:none;}
.block small a:hover {color:#000; text-decoration:underline;}

.tHeader {background-color:#E6E6C8;}
.rowOdd {background-color:#f8f8e9;}
.rowEven {background-color:#f3f3d3;}

/* BOXRIGHT */
#BoxRight {position:absolute; top:68px; left:50%; width:200px; height:auto; margin-left:406px; padding:0; /*border: 1px solid #C0C0A0;*/}
#BoxRight h3 {margin-bottom:5px; padding: 5px 6px; font-size:13px; background:#900/*#B6B6B6*/; text-align:left; color:#fff;}


/* CONTENT */
#content {float:right; width:560px; margin-bottom:10px; border:1px solid #c0c0a0; font: normal 13px arial; background-color:#fff;}
p, li {font-size:12px; line-height:18px; margin:10px;}
/*#content p, li {font-size:12px; line-height:18px; margin: 5px 10px;}*/
/*#content p {text-indent:20px;}*/
#content table {width:540px; margin: auto 10px;}
#content table th {text-align:center;}
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {margin:10px;}
/* #content h1 {font-size:14px;} */
#content ul {margin: 10px 10px 10px 20px;}
.nav {padding: 0 10px 15px 10px; text-align:right;}

.title {padding: 5px 10px; background:#f2f2d3; border:1px solid #c0c0a0; color:#0000A0; font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-align:right; text-transform:uppercase;}
.title td {font-size:12px;}
p.title {margin: 10px 0 10px 10px;}
h1, h1.title {font-size:14px;}
h2.title {font-size:13px;}
h3.title {font-size:12px;}
h4.title {background:#f3f3d3; font-size:100%;}
.title a {color:#0000A0;}
div.container {font-size:11px; padding: 10px 0 0 0;}
img.preview {border:1px solid black;}
.price {padding-bottom:10px; font-size: Georgia, Tahoma; color:#c30; /*font-size:16px;*/ font-weight:bold;}
.letter {float:left; padding: 5px 3px 0 0; font-family: Geneva, sans-serif; font-size:36px; color:#666/*#8F8F5F*/; line-height:30px; font-weight:bolder;}

#getKeywords {padding-left:30px;}
#arrow_home_top {width:100%; height:28px; clear:both;}
.arrow_home {float:left; width:auto; padding: 10px 20px;}
.arrow_top {float:right; width:auto; padding: 10px 20px;}

/* MARKER */
ul.marker {width:auto; height:26px; margin:0; padding:0; list-style:none; /*background: #fff url(/i/border_h.gif) repeat-x bottom left;*/ text-align:center; font: bold 11px Arial, Helvetica, sans-serif; border-bottom: 1px solid #f2f2d3;}
.marker li {float:left; margin: 0 1px 0 0; padding:0; text-decoration:none; border: solid 1px #dcdcdc; border-bottom:none;}

a.marker, a.marker:visited {float:left; padding: 3px 10px 4px 10px; color:#999; border-top: solid 4px #f2f2d3; text-decoration:none; font: bold 11px Arial, Helvetica, sans-serif;}
a.marker:hover {color:#333; padding-bottom:4px; border-top: solid 4px #c0c0a0; background-color:#fff;}

/* FORM ORDER */
#form_order {margin:10px 5px; padding:0; text-align:left;}
#form_order legend {padding: 0 5px; text-transform:uppercase; font-size:12px;}
#form_order .captcha {float:left; width:300px; padding-left:5px;}
.inv-links {padding-top:15px; padding-right:30px; font-size:13px; text-align:right; float:right; width:200px;}
.inv-links input {width:80px;}

/* CONSULT */
div.consult p {padding-left:25px;}
div.consult span {color:#666;}
div.consult a {text-transform:capitalize; color:#000; text-decoration:none; font-weight:bold;}
body#consult #form_order {margin:10px 0; font-size:13px;}
body#consult #form_order input {font-size:13px;}
body#consult #form_order textarea {width:535px;}


/* FOOTER */
#foot {width:780px; margin:auto; clear:both;}
.footer {width:100%; background: #c0c0a0; margin:auto; text-align:center; padding:3px 0;}
.footer a {font:bold 11px sans-serif; text-decoration:none;}

#address {width:780px; height:60px;}
.left {float:left; width:200px;}
.center {float:left; width:560px;}
.right {float:right; width:200px; margin:auto; padding:3px 0; text-align:right;}

#counters {width:780px; margin:auto; clear:both;}

a.medium {color:#a00000; font-size:12px; font-weight:400; text-decoration:underline;}
a.medium:hover {color:#f00;}
a.small {font-weight:bold; color:#a00000; font-size:8pt; text-decoration:none;}
a.small:hover {color:#f00;}

/*
α
β
γ
ω
*/

/* clear float */
div.cl {clear:both; line-height:1px; margin:0; padding:0;}
p.cl {clear:both; font-size:1px; line-height:1px;}