@import "reset.css";
body { font-family:Arial;font-size:14px;line-height:22px;color:#160f08 ;text-align:left; background:#635343 url(../images/bg.jpg) 0% top repeat; margin:0; padding:0; min-width:1000px}


/*================= IE 7 =========================*/

*:first-child+html ul.menu > li a{ font-family: 'ArchangelskRegular';   text-decoration:none; line-height:23px; font-size:16px; color:#c9ad88; margin-top:1px; letter-spacing:3px}
*:first-child+html div.footer ul li a{font-family: 'ArchangelskRegular';  letter-spacing:3px; font-size:16px}
*:first-child+html .mail a, .mail, .pdf, h1, h2, h3, a.block p, div.top > p, .bg_frame p { font-family: 'ArchangelskRegular';}



a       { color:#0078e8; text-decoration:underline; outline:none}
a:hover { color:#0078e8; text-decoration:none;}

.left{ float:left} .right{ float:right} .clear  {clear:both;}  .left_20{ margin-left:18px} .text_table{ display:table} .right_20{ margin-right:22px} 
.grid_50{ width:50%;} .top_5{ margin-top:8px} .left_40{ margin-left:20px}

div.bg_top{ background:url(../images/bg_top.png) left top repeat-x; min-height:700px}
div.centr{ width:1000px; position:relative; margin:0 auto;}
div.header{ height:575px;}
div.footer{ height:220px; background:url(../images/bg_footer.gif) left top repeat-x; text-align:center;}

div.top{ height:107px}
div.top > a { display:block; position:absolute; left:50px; top:0; z-index:1000}
div.top > p { float:right; color:#85735f; font-size:18px;  font-family: 'NiameyRegular'; padding-right:10px; text-align:right; text-transform:uppercase; line-height:26px; padding-top:20px; letter-spacing:1px}
div.top > p > u { text-decoration:none; color:#0442cf;}
div.top > p > span { display:block; font-size:35px; line-height:35px; color:#db8e2a;}

ul.menu { background:url(../images/bg_menu.gif) left top repeat-x; height:50px; width:984px; border-radius:4px 4px 0 0 ; -moz-border-radius:4px 4px 0 0 ; -webkit-border-radius: 4px 4px 0 0 ;}
ul.menu > li { float:right}
ul.menu > li a { text-decoration:none; line-height:20px; font-size:20px; color:#f2a446; font-family: 'BankGothicLtBTLight'; text-transform:uppercase; padding:12px 20px; display:block; margin-top:1px}
ul.menu > li a.act, ul.menu > li a:hover{ color:#0049ef; background:url(../images/bg_opa.png) left top repeat; }


.bg_frame p { background:url(../images/bg_opa.png) left top repeat; position:absolute; left:4px; right:4px; bottom:0; color:#d3c7af; font-size:40px; line-height:40px; text-align:center; width:973px;  font-family: 'NiameyRegular'; text-transform:uppercase; text-shadow:1px 1px 3px #120f0a; padding:40px 0 0 0; letter-spacing:1px; height:84px}
.bg_frame p span {}

.bg_frame p.font_2{ font-size:28px; line-height:36px; padding-top:24px; height:100px}
.bg_frame p.font_3{ font-size:22px; line-height:29px; padding-top:20px; height:104px}



div.footer ul { text-align:center; padding-top:25px; padding-bottom:50px}
div.footer ul li { display:inline}
div.footer ul li a{ text-decoration:none; line-height:20px; font-size:20px; color:#f2a446; font-family: 'BankGothicLtBTLight'; text-transform:uppercase; padding:12px 20px;  margin-top:1px}
div.footer ul li a:hover{ color:#004eff; }


p.copy{ color:#797166; font-size:12px; }
p.copy span{ display:block; text-align:right; width:130px; position:relative; margin:0 auto; padding-right:180px; font-size:11px; line-height:16px; padding-top:20px}
p.copy span a{ color:#b7aa99;}


div.banners{ height:280px; padding:0px 6px}
a.block{ display:block; float:left; background:url(../images/bg_block.gif) left top repeat-x; height:209px; position:relative; padding:4px; text-decoration:none;
	-webkit-box-shadow: 1px 2px 5px #000;
	-moz-box-shadow: 1px 2px 5px #000;
	box-shadow: 1px 2px 5px #000;
}
a.block p { position:absolute; right:0; bottom:16px; color:#0078e8; font-size:18px; line-height:18px; text-align:right; padding-right:18px; font-family: 'NiameyRegular';; text-decoration:none; text-transform:uppercase; font-weight:normal; letter-spacing:1px}
a.block p span{ color:#f2a446}
a.block p.dublo{ bottom:8px}
a.block strong{ display:block; position:absolute; width:55px; height:55px; left:22px; bottom:-26px; background:url(../images/arrows.png) left top no-repeat}
a.block:hover strong{ background:url(../images/arrows.png) left bottom no-repeat}

div.left_column{ float:left; width:296px; margin-left:6px}
div.right_column{ float:right; width:632px; margin-right:25px}

.big_column {margin-left:6px;  margin-right:25px; width:972px;}
p.contacts{ width:600px; float:left;  padding-left:20px}

p.contacts b { display:block; margin-top:10px;}

div.box{ position:relative; border:4px #fff solid; background:url(../images/bg_content.gif) left top repeat; padding:16px; margin-bottom:40px; padding-bottom:30px}
img.arrows{ position:absolute; left:50%; margin-left:-25px; bottom:-26px}

h1{ color:#0d0905; font-size:18px; text-transform:uppercase; font-weight:normal; font-family: 'NiameyRegular'; padding-bottom:10px; margin-bottom:14px; border-bottom:1px #fff solid; margin-top:8px; letter-spacing:1px}
h2{ color:#0d0905; font-size:18px; text-transform:uppercase; font-weight:normal; font-family: 'NiameyRegular'; margin-bottom:14px; margin-top:8px; letter-spacing:1px}
h3{ color:#0d0905; font-size:14px; text-transform:uppercase; font-weight:normal;  margin-bottom:6px; margin-top:20px; letter-spacing:1px; font-family:Arial}



.mail{ font-family: 'NiameyRegular'; font-size:16px; color:#0e0a05; line-height:28px; text-transform:uppercase; letter-spacing:1px}
.mail a{ color:#0078e8; text-decoration:none; text-transform:uppercase; font-size:16px; font-family: 'NiameyRegular';}
.mail a:hover{ text-decoration: underline}

.photo{ border:3px #fff solid}

.box.no_arrows{ padding-bottom:16px}

.right_column p { padding-bottom:10px; font-size:14px; font-family:Arial}

ul.list { margin-top:12px}
ul.list li{ padding-left:24px; background:url(../images/bullet.png) left 4px no-repeat; margin-left:10px; margin-bottom:5px}


.pdf{ background:url(../images/pdf_icon.png) left top no-repeat; padding-left:60px; display:block; height:16px; line-height:16px;
font-family: 'NiameyRegular'; font-size:16px; color:#0e0a05; line-height:16px; text-transform:uppercase; letter-spacing:1px; text-decoration:none; padding-top:20px; padding-bottom:20px; margin-bottom:10px}

.grid_164{ height:164px}
/*================= Contacts =========================*/
.notification_error{ height: auto;width: 96%;padding: 2px; text-align: left; color:#f00; margin-bottom:12px; }
.notification_ok{ height: auto; width: 96%; padding: 8px;  text-align: center; color:#000} 
.button_2 { display:block; background: #847056; width:118px; height:32px; text-decoration:none; text-align:center; line-height:14px; font-size:15px; color:#000;  margin-top:5px; opacity:1; cursor:pointer; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border:1px #070604 solid; padding-top:0px; text-transform:uppercase; }
.button_2:hover{ text-decoration:none; opacity:1;  background:#554434 ; color:#F2DDBC}
/* Input, Textarea */

input.textbox{ margin: 0px; padding: 5px;  float: left; border: 1px solid #070604;  color: #000; background:#C8DCF4; font: 12px Arial, Helvetica, Arial, sans-serif; height:18px; margin-bottom:3px; width:420px;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-bottom:5px; line-height:18px}

select{ margin: 0px; padding: 5px;  float: left; border: 1px solid #070604;  color: #000; background:#C8DCF4; font: 12px Arial, Helvetica, Arial, sans-serif; height:30px; margin-bottom:3px; width:220px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-bottom:5px; line-height:18px}

label{ float:left; width:220px; color:#fff}

textarea{margin: 0px; padding: 5px;  float: left; background:#C8DCF4; border: 1px solid #070604;  color: #000;   font: 12px Arial, Helvetica, Arial, sans-serif; height:100px; margin-bottom:3px; width:420px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;margin-bottom:5px }

@font-face {
    font-family: 'BankGothicLtBTLight';
    src: url('bank-gothic-light-bt-7845-webfont.eot');
    src: url('bank-gothic-light-bt-7845-webfont.eot?#iefix') format('embedded-opentype'),
         url('bank-gothic-light-bt-7845-webfont.woff') format('woff'),
         url('bank-gothic-light-bt-7845-webfont.ttf') format('truetype'),
         url('bank-gothic-light-bt-7845-webfont.svg#BankGothicLtBTLight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'NiameyRegular';
    src: url('niamey_1-webfont.eot');
    src: url('niamey_1-webfont.eot?#iefix') format('embedded-opentype'),
         url('niamey_1-webfont.woff') format('woff'),
         url('niamey_1-webfont.ttf') format('truetype'),
         url('niamey_1-webfont.svg#NiameyRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'ArchangelskRegular';
    src: url('archangelsk-webfont.eot');
    src: url('archangelsk-webfont.eot?#iefix') format('embedded-opentype'),
         url('archangelsk-webfont.woff') format('woff'),
         url('archangelsk-webfont.ttf') format('truetype'),
         url('archangelsk-webfont.svg#ArchangelskRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*================= IE 8 =========================*/

@media \0screen
{
   ul.menu > li a{ font-family: 'ArchangelskRegular';   text-decoration:none; line-height:23px; font-size:16px; color:#c9ad88; margin-top:1px; letter-spacing:3px}
   div.footer ul li a{font-family: 'ArchangelskRegular';  letter-spacing:3px; font-size:16px}
   .mail a, .mail, .pdf, h1, h2, h3, a.block p, div.top > p, .bg_frame p  { font-family: 'ArchangelskRegular';}
}


div.footer a.link_1, div.footer a.link_2 { display:block; background-image:url(../images/footer_links.png); margin-left:15px; height:58px; position:absolute; }
div.footer a.link_1{ width:100px;  background-position:right top; right:0px; top:10px}
div.footer a.link_2{ width:50px;  background-position:left top; right:110px; top:10px}

div.footer a.link_1:hover{ width:100px;  background-position:right bottom}
div.footer a.link_2:hover{ width:50px;  background-position:left bottom}



.products{ margin-bottom:16px; padding:14px 16px; width:590px; margin-top:10px}
.products tr  {}
.products tr td { padding:2px; border-bottom:1px #fff solid; text-align:center}
.title{  font-family: 'NiameyRegular'; text-transform:uppercase; font-size:14px; text-align:center; }
.discription{ margin-bottom:15px; font-size:12px; line-height:18px}
