﻿* {
	margin: 0;
	padding: 0;
}
html {height: 100%}
body { width: 100%;	height: 100%; font-size: .9em; font-family:  Tahoma;  background-color:#e8e8e8;}
a {	outline: none;	text-decoration: underline;}
a:hover { text-decoration: none;}
p {margin: 0 0 10px;}

h1 { color:#3caaff; font-size:1.6em; font-variant: normal; font-weight:normal;}
h2 { color:#3caaff; font-size:1.6em; font-variant: normal; font-weight:normal;}
h3 { color:#3caaff; font-size:1.4em; font-variant: normal; font-weight:normal;}
h4 { color:#3caaff; font-size:1.2em; font-variant:small-caps; font-weight:normal;}

img {
	border: none;
}
input {vertical-align: middle}
#wrapper {	width: 962px; margin: 0 auto; min-height: 100%; height: auto !important;
	height: 100%; background-color:#fff;}


/* Header
-----------------------------------------------------------------------------*/
#header { width:960px; height: 220px;}

#hed_menu { width:auto; height:100px; padding-top:40px; margin-left:35px; margin-right:30px;
             background-image: url('../style/img/expressiya3.jpg'); background-repeat:no-repeat;
              background-position:left bottom;}
#hed_menu ul { float:right; outline:none; line-height:100px; font-size:100%; word-spacing:.15em;}
#hed_menu li {float: right; padding-right: 5px; list-style: none; }
.li_menu { padding:0; color:#727272;}
#hed_menu a {text-decoration: none; color:#3caaff;}
#hed_menu a:hover { text-decoration: none; color:#727272; }
#hed_menu a:visited { text-decoration: none; color:#727272;}
#hed_menu img { padding-right:2px;}

#n_kl_100 {width:auto; height:67px; margin-top:10px; margin-right:35px; margin-bottom:10px;
            background-image:url('../style/img/nasha_prod100.gif'); background-repeat:no-repeat;
             background-position: right bottom;}

/* Middle padding: 0 0 330px 0;
-----------------------------------------------------------------------------*/
#content {  margin-left:35px; margin-right:35px; height:100%; height: auto !important;
             min-height:350px;}


/* Default
-----------------------------------------------------------------------------*/
#shcool { width:890px; height:420px; background-image: url('../style/img/shcool_default.jpg');
           background-repeat:no-repeat; background-position:left;}
#news { float:left; margin-top:30px; width:440px; height:auto; margin-bottom:80px;}
#news div { width:auto; height:auto; margin-top:20px; margin-right:45px;}
#news span { padding-bottom:8px; font-size:90%; }
#news a { color:#727272; font-size:90%;}
.ssilka_news {padding-bottom:15px !important; color:#3caaff !important; font-size:110% !important;}

#company {float: right; margin-top:30px; margin-bottom:80px; width:443px; height:auto;
           background-image:url('../style/img/razdel_def.gif'); background-repeat:repeat-y;
            background-position:left bottom;}
            
#company div {width:auto; height:auto; margin-top:20px; margin-left:45px;}           
#company span { padding-bottom:8px; font-size:90%; }
#company h1 { padding-left:45px;}

.box_1 { float:left; width:237px; height:220px; margin-right:85px; 
          background-image:url('../style/img/box_top.gif'); background-repeat:no-repeat;
           background-position:top; background-color:#3caaff;}
           
.box_1 div {width:237px; height:220px; 
          background-image:url('../style/img/box_bot.gif'); background-repeat:no-repeat;
           background-position: bottom;}
           
.box_2 { float:left; width:237px; height:220px; 
          background-image:url('../style/img/box_top.gif'); background-repeat:no-repeat;
           background-position:top; background-color:#3caaff;}
           
.box_2 div {width:237px; height:220px;  
          background-image:url('../style/img/box_bot.gif'); background-repeat:no-repeat;
           background-position: bottom;}
           
#box { float:left; width:100%;}
#box ul { margin-top:10px; margin-left:15px; margin-right:15px; font-size:90%; color:White; list-style:none;}
#box li { display:block; margin-bottom:10px; }
#box img { margin-right:10px;}
.span_box_zag { font-size: 130%; color:White; }


/* Kartochka tovara
-----------------------------------------------------------------------------*/
#opisanie { float:left; width:500px; height:auto; margin-top:50px;}
#opisanie h1{ margin-bottom:20px; font-variant:normal;}

#opisanie ul { margin-left:17px; list-style-position:outside; list-style-type: square; }
.p_blok {width:400px; height:auto; margin-top:15px; margin-bottom:40px; font-size:90%;}
.ob_opis { font-size:120%; color:#3caaff;}
.p_blok img { margin-right:10px;}
.home_cat {color:#db210a;}
.home_cat a:hover {color:#db210a; text-decoration:none;}

#forma_zak_cat {width:500px; height:auto;}
#forma_zak_cat h2 {  margin-bottom:20px; border-bottom: dashed 2px;  display: inline-block; }
#forma_zak_cat div.table_form { width:460px; height:auto; margin-top:15px; padding:20px 20px 30px 20px;
                      background-color:#ebf6ff; font-size:80%;}
#forma_zak_cat p { margin-bottom:5px;}
#forma_zak_cat table {color:#666;}

.color_r { font-size:90%; color:#db210a;}
.zag_tabl { height:30px; vertical-align:text-top; text-align: left;}
.td_zak { width:200px; height:auto;}
.td_zak2 { width:210px; height:auto;}
.td_zak3 { width:10px; height:auto;}
.tr_razdel { height:20px; font-size:80%; text-align:left;}
.razdelit_zakaz { width:460px; height:2px; margin-bottom:25px; margin-top:20px;
                   border:none; background-color:#ced8e0;
                  background-position:center;}
.tr_knopki { width:215px; }
.tr_knopki2 {text-align: left; font-size:90%; vertical-align:middle;}
.tr_knopki3 {width:211px;}

#foto { float:right; width:380px; height:auto; margin-top:50px;}

/* Catalog list
----------------------------------------------------------------------------*/
.td_left_list 
{width:25%; height:auto; vertical-align:text-top; }
.td_left_list2 
{ width:75%; padding-top:20px; text-align:center; }
 .menu_ul
{ list-style:none; }
.menu_cat 
{ height:40px; margin-bottom:5px; margin-top:15px; color:#3caaff;
    font-size:140%; list-style:none; }
.menu_cat2
 {margin:5px 0 5px 0;}
 .menu_cat2_a  {color:#727272 !important; font-size:100% !important;}
 .menu_cat2 a:visited { color:#727272 !important; text-decoration:none !important;}
 .link_right { margin-top:20px; color:#3caaff !important; font-size:110% !important;}

/* Catalog
-----------------------------------------------------------------------------*/
#catalog h1 { margin-bottom:25px;}

#catalog a { color:#3caaff; font-size:90%;}
#catalog p {color:#727272; font-size:90%; padding-bottom:0px; padding-top:6px;}


.td_left_list3 {width:25%; height:auto; padding-top:20px; vertical-align:text-top; }
.td_catalog1 { width:230px; height:270px; text-align: left;}
.td_catalog2 { width:230px; height:270px; text-align: center;}
.td_catalog3 { width:230px; height:270px; text-align: right;}
.td_left_cat { padding-left:15px;}
.td_left_cat2 { text-align:center;}
.td_left_cat3 { padding-right:15px; text-align:right;}
.td_hr { width:auto; height:1px; margin-bottom:10px; margin-top:25px; background-color:#d6edff; border:none;}
.td_vertical { width:230px; height:270px; padding-top:35px; text-align: left; vertical-align:text-top; }
.cat_ssilka {color:#000;}
.cat_ssilka a:hover { text-decoration: none; color:#727272;}
 .cat_ssilka a:visited { text-decoration: none; color:#727272;}
 .td_left_cat span { color:#727272;}
.td_left_cat2 span { color:#727272;}
.td_left_cat3 span {color:#727272;}

/*Результат при отправке запроса на цены*/
.result-cancel { color:Red; font-size:14px;}
.result-ok { color:#006600; font-size:18px;}

/* Contacts
-----------------------------------------------------------------------------*/
#cont_hed { width:100%; height:154px;}
#cont_hed h1 { vertical-align:middle;}
.hed_img_cont { float: right; margin-right:260px;}
#cont_hed a { color:#3caaff; font-size:80%;}
#cont_hed p { font-size:80%;}
#cont_hed table { margin-bottom:20px;}
#left_cont { clear:both; float:left; width:420px; height:auto;}

#right_cont
{   float: right; width: 430px; height: auto; margin-bottom:30px; padding-left: 30px; padding-top:20px; 
    text-align:left; border-left-style: solid; border-left-width: 1px; border-left-color: #e3e3e3;}
#right_cont ul { margin-left:15px; list-style-type: square;}
.zag_contact { display:block; margin-bottom:10px; color:#3caaff; font-size:100%;}
.text_cont { display:block; margin-bottom:25px; font-size:130%;}


#obrat_svyaz {float:left; width:500px; height:auto;}
.tabl_form_cont {width:460px; height:auto; margin-top:15px; margin-bottom:0px; padding:20px 20px 30px 20px;
                      background-color:#ebf6ff; font-size:80%;}
.table_cont { width:460px; margin-top:20px; color:#666;}
.tr_verh { text-align:left; vertical-align: top;}
.otst_cont { width:100%; margin-top:10px; text-align:center;}

.maps { border: 1px solid gray;}
.cont_small { font-size:80%; color:#727272;}
 
/* Интернет магазинам
-----------------------------------------------------------------------------*/ 
 #head_stores { width:890px; height:238px; }
 #head_stores a { color:#3caaff; font-size:80%;}
 #head_stores h2 { display:block; margin-top:65px; margin-bottom:15px; color:#dc0303;}
 .content_stores h1 { margin-bottom:15px; margin-top:5px; color:#dc0303;}
 
 .hed_st_left { float:left; width:500px; height:100%;}
 .hed_st_right { float: right; width:350px; height:auto;}
 .img_right_st { float: right; margin-right:115px;}
 .sp_st_pdf { padding-left:20px;}
 .sp_st_pdf a { color:#3caaff; font-size:90%;} 
 .ul_text {margin-left:14px;}
 .ul_text li {padding-bottom:8px;}
 
 .content_stores { width:100%; height:auto; margin-top:25px; margin-bottom:60px; font-size:90%;}
 .content_stores a { color:#3caaff;}
 
.box_stores img {margin-right:10px; vertical-align:middle;}
.box_stores { float:left; width:100%;}
.box_stores ul { margin-top:10px; margin-left:15px; margin-right:15px; font-size:90%; color:White; list-style:none;}
.box_stores li { margin-bottom:10px; }
.span_box_zag { font-size: 130%; color:White; }


.box_stores1 { float:left; width:237px; height:200px; margin-right:85px; 
          background-image:url('../image/red_verh.jpg'); background-repeat:no-repeat;
           background-position:top; background-color:#ec3723;}
           
.box_stores1 div {width:237px; height:200px; 
          background-image:url('../image/red_bottom.jpg'); background-repeat:no-repeat;
           background-position: bottom;}
           
.box_stores2 { float:left; width:237px; height:200px; 
          background-image:url('../image/red_verh.jpg'); background-repeat:no-repeat;
           background-position:top; background-color:#ec3723;}
           
.box_stores2 div {width:237px; height:200px;  
          background-image:url('../image/red_bottom.jpg'); background-repeat:no-repeat;
           background-position: bottom;}
.color_text { color:#3caaff;}


/* Оптовикам
-----------------------------------------------------------------------------*/ 
#head_bayers { width:890px; height:160px; }
 #head_bayers a { color:#3caaff; font-size:80%;}
 #head_bayers h2 { display:block; margin-top:0px; margin-bottom:15px; color:#00c976;}
.img_bay_head { float: right; margin-right:40px; margin-bottom:0px;}
.content_stores1 { width:100%; height:auto; margin-top:25px; margin-bottom:60px; font-size:90%;}
.content_stores1 a { color:#3caaff;}
.content_stores1 h1 { margin-bottom:15px; margin-top:5px; color:#00c976;}

.box_bayers img {margin-right:10px; margin-bottom:5px; }
.box_bayers { float:left; width:100%;}
.box_bayers ul { margin-top:10px; margin-left:15px; margin-right:15px; font-size:90%; color:White; list-style:none;}
.box_bayers li { margin-bottom:5px; }
.span_box_zag { font-size: 130%; color:White; }


.box_bayers1 { float:left; width:237px; height:220px; margin-right:85px; 
          background-image:url('../image/green_top.gif'); background-repeat:no-repeat;
           background-position:top; background-color:#00df83;}
           
.box_bayers1 div {width:237px; height:220px; 
          background-image:url('../image/green_bot.gif'); background-repeat:no-repeat;
           background-position: bottom;}
           
.box_bayers2 { float:left; width:237px; height:220px; 
          background-image:url('../image/green_top.gif'); background-repeat:no-repeat;
           background-position:top; background-color:#00df83;}
           
.box_bayers2 div {width:237px; height:220px;  
          background-image:url('../image/green_bot.gif'); background-repeat:no-repeat;
           background-position: bottom;}
.color_text_opt { color:#00df83; font-weight:bolder;}
.color_text_opt1 { padding-bottom:2px; color:#00df83; font-weight:bolder; text-decoration: underline;}

         
/* Представители
-----------------------------------------------------------------------------*/
#maps_right { float:right; width:455px; height:246px; margin-top:30px; background-image:url('../image/maps_terit.gif');
               background-repeat:no-repeat; background-position:right;}

#predst_left { float:left; width:350px; height:auto;}
#predst_left div { margin-top:40px;}
#predst_left h2 { margin-bottom:15px;}
#predst_left a { color:#3caaff;}
.predst_red_h2 {color:#dc0303;}
.predst_zag {  margin-bottom:10px; margin-top:15px; color:#3caaff;
    font-size:120%; list-style:none; }


/* Новости
-----------------------------------------------------------------------------*/
#news_page h1 { margin-bottom:15px;} 
#news_page ul { clear: both; width:70%; margin-bottom:10px; list-style:none; margin-top:10px;}
#news_page li { padding-bottom:5px; font-size:90%;}
.news_page_date { width:100%; color:#3caaff; font-size:100% !important;}
#news_page a  {color:#3caaff;}
.news_li_l { width:12%; float:left;}
.news_li_r { width:86%; float: right; }

/* Отзывы
-----------------------------------------------------------------------------*/
#reviews_page h1 { margin-bottom:15px;}
#reviews_page h3 {margin-bottom:10px; padding-bottom:2px; font-size:1em; color:#727272; font-weight:bold;}
#reviews_page span { padding-bottom:5px; font-size:90%;}
.reviews_page_date {color:#3caaff;}
.reviews_td { padding-left:20px; padding-right:20px; text-align:left; vertical-align:text-top;}
.reviews_img { padding: 5px; background-color: #666666; vertical-align:text-top;}
.reviews_hr { height:30px; text-align:center;}
         
/* Footer margin: -330px auto 0;
-----------------------------------------------------------------------------*/
#footer { clear:both; width: 960px;  height: 330px; }
	
#fot_l { float:left; width:444px; height:330px; margin-left:35px;
          background-image:url('../style/img/tel.jpg'); background-repeat:no-repeat; 
           background-position:left bottom;}
#fot_l div { float:right; width:155px; padding-top:200px; text-align: left;}
#fot_l li { list-style:none;}
#fot_l h3 { padding-bottom:10px; color: Black;}
.fot_sp_sot { padding-top:0px; padding-bottom:5px; font-size:75%; font-weight:bold; 
               }
.fot_email {padding-top:0px; padding-bottom:5px; font-size:75%;  color:#727272;}              
.fot_sp_tel { padding-top:0px; padding-bottom:5px; font-size:1.2em; color:#3caaff;}

#fot_r  { float: right; width:444px; height:300px; margin-right:35px; margin-top:30px;
          background-image:url('../style/img/nitki.jpg'); background-repeat:no-repeat; 
           background-position: right top;}
           
#fot_r ul { float:right; margin-top:260px; list-style:none; text-align:right;}
#fot_r li { font-size:75%; color:#666;}
#fot_r a {  text-decoration:none; color:#666;}