@import "./reset.css";


html {
 background: url(../img/html_bg.jpg) top center repeat-y #fff;

}
body {
 font: 0.8em tahoma, sans-serif;
 color: #000;
 background: url(../img/bg.jpg) top center no-repeat;

}
h1 {
  color: #007BDA;
  font-size: 1.3em;
  font-weight: bold;
}
h2 {
  color: #007BDA;
  font-size: 0.9em;
  font-weight: bold;
}
a {
  color: #0072C6;
}
a:hover {
  color: #005391;
}

/* ----------------------- top ----------------------- */




 ul.error {
background: #f0c8c8;
border: 1px solid #ff8181;
padding: 15px;

color: #b22626;
}

a#logo {
  width: 142px;
  height: 50px;
  background: url(../img/logo.png) top center no-repeat;
  position: absolute;
  top: 50px;
  left: 50%;
  margin-left: -505px;
  z-index: 10;
}
div#dnk {

}

div#top {



  margin: 0 auto;
  padding-top: 15px;
  width: 1100px;
  height: 185px;

  z-index: 5;
 /* border-left: 1px solid #0066FF;
  border-right: 1px solid #0066FF;*/

}
div#top div {
  height: 185px;
  float: left;
}

div#top div.top1 {
width: 250px;
background: url(../img/dnk.png) no-repeat;
background-position: 45px 110px;

}
div#top div.top2 {
  width: 600px;
  background: url(../img/top_menu.jpg)  no-repeat;

}

div#top div.top2 ul {
  display: block;
  float: left;
  margin: 120px 0 20px 0;
}
div#top div.top2 ul li{
  display: block;
  float: left;
  padding: 6px 14px;
  border-right: 2px solid #FFF;
  height: 17px;
}
div#top div.top2 ul li.sel{
  background: url(../img/menu_bg.jpg) repeat-x;
}
div#top div.top2 ul li a {
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
  font-size: 1em;
}
div#top div.top2 ul li a:hover {
  text-decoration: underline;
}
div#top div.top2 span {
  color: #007BDA;
  font-weight: bold;
  font-size: 1.1em;
}
div#top div.top3 {
  width: 220px;
  padding: 20px 0 0 30px;
}

a.a_mail {
  font-size: 1.3em;
  color: #007BDA;
}
div#top div.top3 span {
  display: block;
  float: left;
}

a.icon {
  display: block;
  float: left;
  margin: 25px 17px 0 0;
  width: 16px;
  height: 13px;
}
a.icon.fe {
  background: url(../img/flag_e.jpg) no-repeat;
}
a.icon.fr {
  background: url(../img/flag_r.gif) no-repeat;
}
a.icon.h {
  background: url(../img/i_home.gif) no-repeat;
}
a.icon.m {
  background: url(../img/i_mail.gif) no-repeat;
}
a.icon.s {
  background: url(../img/i_search.gif) no-repeat;
}


/* ----------------------- content ----------------------- */

div#frame {
/* border-left: 1px solid #0066FF;
  border-right: 1px solid #0066FF;*/
  top: 200px;

  margin: 0 auto;
  width: 1100px;
  padding-top: 20px;


  z-index: 5;




}

.main_ul {
  width: 170px; float: right;
  margin-left: -20px;
}
.main_ul ul li{
 margin-top: 12px;
 text-decoration: underline;
}
.main_ul ul li a {
 color: #000;
}


span.text_content p {
  margin: 15px 0;
}
span.text_content ul {
  list-style: disc;
  margin: 10px 0 10px 30px;
}
span.text_content ol {
  list-style: decimal;
  margin: 10px 0 10px 30px;
}


div#colums {
  width: 1100px;
  float: left;
}
#col1 {
  width: 215px;
  float: left;
  padding: 55px 0 0 35px;
  font-size: 1.1em;
}
#col2 {
  width: 600px;
  float: left;
  padding-top: 30px;

}

#blocks {
  float: left;
  margin-bottom: 40px;
  width: 200px;
}
#blocks a {
  display: block;
  width: 68px;
  height: 69px;
  float: left;
  margin: 0 10px 10px 10px;
}
#blocks a.bl1 {
  background: url(../img/q1.jpg) no-repeat;
}
#blocks a.bl2 {
  background: url(../img/q2.jpg) no-repeat;
}
#blocks a.bl3 {
  background: url(../img/q3.jpg) no-repeat;
}
#blocks a.bl4 {
  background: url(../img/q4.jpg) no-repeat;
}
#blocks a.bl5 {
  background: url(../img/q5.jpg) no-repeat;
}
#blocks a.bl6 {
  background: url(../img/q6.jpg) no-repeat;
}


#col3 {
  width: 225px;
  float: left;
  padding: 30px 0 0 25px;
}

#tab_right {
 width: 197px;
 height: 317px;
 float: left;
 margin-bottom: 20px;

}
ul.news {
}



ul.news li {
  margin-top: 15px;
  width: 197px;
  color: #6B6B6B;


}

ul.news.big li {
  width: 600px;
}


ul.news li strong{
  color: #007BDA;
  display: block;
}
ul.news li a {
  color: #000;
  font-weight: bold;
  text-decoration: underline;
}

ul.faq  li {
  margin-bottom: 15px;
  border-left: 3px solid #95D2FF;
  padding-left: 5px;
}

ul.faq  li.ans {
  margin-top:-15px;
  border-left: 3px solid #0072C6;
  background:  #CAE9FF;
}







/* ----------------------- tovar ----------------------- */

.tovar_info {
  float: left;
  width: 430px;
  font-size: 0.9em;
  text-align: justify;
}

.tovar_info strong {
  color: #2C76C6;
}

.letter {
  float: right; width: 150px;
}


.ex {
  margin-top: 20px;
  font-size: 0.8em;
}
.ex li {
  margin-bottom: 20px;
  text-align: justify;
  width: 210px;
}

.ex li strong {
  color: #DD0000;
}

#nav {
  font-size: 1.3em;
  font-weight: bold;
  color: #007BDA;
  margin-bottom: 15px;
}

#nav a {
  font-weight: normal;
  text-decoration: none;
  color: #007BDA;
}
#nav a:hover {
  text-decoration: underline;
}





/* ----------------------- forms ----------------------- */


.form_block {
  width: 600px;
  margin-top: 30px;
  float: left;
}
.form_block strong {
    color: #0D67AD;
}
.form_block ul.tt strong {
  display: block;
  width: 120px;
  float: left;
}
.form_block ul.tt li {
  margin-bottom: 20px;
}
.form_block ul.tt li input {
  width: 230px;
}
.form_block ul.tt.s li input {
  width: 200px;
}
.form_left {
  width: 370px;
  float: left;
}
.form_right {
  width: 200px;
  float: right;
}
.form_left textarea {
 height: 130px;
  width: 230px;
  overflow: auto;
}

.form_right textarea {
  width: 200px;
  height: 130px;
  overflow: auto;
}

.ttch {
  width: 160px;
}

.ttch ul li {
  margin-top: 10px;
}

.btn_send {
  width: 137px;
  height: 26px;
  border: none;
  background: url(../img/btn_send.jpg) no-repeat;
}


.form_tab_t {
  width: 598px;
  height: 7px;
  float: left;
  background: url(../img/buy_tab_t.gif) no-repeat;
}
.form_tab {
  width: 578px;

  float: left;
  padding: 15px 10px;
  background: url(../img/buy_tab.gif) repeat-y;
}
.form_tab_f {
  width: 598px;
  height: 7px;
  float: left;
  background: url(../img/buy_tab_f.gif) no-repeat;
}

.trans li {
  margin-bottom: 20px;
}
/* ----------------------- Products table ----------------------- */

.tovar_tb {
  float: left;
  width: 600px;
}

.tr_line {
   float: left;
   width: 600px;
   border-bottom: 1px solid #CBCBCB;
   padding: 15px 0;
}
.tr_line div {
  float: left;
  margin-right: 10px;
}
.tr_line div strong {
  color: #000;
}
.tr_line.hed1  div{
  text-align: center;
  color: #6E6E6E;


}
div.tr_line.hed1 div strong {
     color: #0D67AD;
}

.tr_line div.td_ch {
  width: 20px;
}


.tr_line div.td_inf {
  width: 330px;
}
div.tr_line.hed1 div.td_inf {
  width: 350px;
}
.tr_line div.td_pr {
  width: 50px;
  margin-right: 25px;
}
div.tr_line.hed1 div.td_pr {
  width: 60px;
}
.tr_line div.td_kol {
  width: 50px;
    margin-right: 50px;

}

div.tr_line.hed1 div.td_kol {
  margin-right: 35px;
}
.tr_line div.td_kol input {
   text-align: center;
}

.tr_line div.td_sum {
  width: 40px;
}

.skidka {
  width: 600px;
  float: left;
  padding: 10px 0;
  background: #01479F;
  color: #FFF;
  margin: 20px 0;
}

.sk_inf {
  width: 250px;
  margin-left: 20px;
  float: left;
}

.sk_itog {
  float: right;
  margin-right: 20px;
  font-size: 1.3em;
  padding-top: 4px;
}
.sk_itog strong {
  color: #FFF;
}






/* ----------------------- footer ----------------------- */
div#footer {
  width: 1100px;
  float: left;
  height: 235px;
  background: url(../img/footer_bg.jpg) bottom no-repeat;
}
div#footer div {
  float: right;
  margin-top: 120px;
  margin-right: 250px;
}