/* Природные источники              */
/* css style sheet (style.css) v1.1 */

/* main: html, body, etc */
html, body {
    padding: 0; margin: 0;
    font-family: Arial; font-size: 12px;
    min-height:100%; height: 100%;
    background: white;
    color: #0071b3;
}
html * { position: relative; }
html div { padding: 0; margin: 0 }
div { position: relative; display: block;}
form { margin: 0; padding: 0;}
a img { border: 0 }
a { color: #0071b3; text-decoration: underline; }
a:hover { text-decoration: none; }
table { position: relative; }
table td { padding: 0 }
*html img.png { z-index: expression(runtimeStyle.zIndex = 1,this.style.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="' + this.src + '", sizingMethod="image")',this.src='/i/e.gif'); }

.main_wrap {
    position: relative; width: 1000px; height: 100%;
    text-align: left;
    margin: 0px auto;
    background: url(../i/bg.jpg) top left no-repeat;
}

html body>.main_wrap {
    height: auto; min-height: 100%;
}
.c__table { border-collapse: collapse; display: table; width: 100%;}
.c__table .c__td { width: 100%; vertical-align: top; }
.break { clear:both; font-size: .1em; height: 0px; max-height: 0px;}

/* auth_form */
.auth_form { position: absolute; left: 10px; top: 165px; width: 130px; font-size: 10px; }
.auth_form table { width: 100%; border-collapse: collapse; }
.auth_form input { font-size: 9px; width: 80px; height: 12px; border: 1px solid #d8e8ed; margin: 0; padding: 0px 2px; color: #0071b3; }
.auth_form td { padding-bottom: 1px; }
.auth_form td.s, .auth_form td.input { text-align: right; }
.auth_form .submit { background: transparent; height: auto; color: #0071b3; width: auto; text-align: center; padding: 0; margin: 0; font-size: 9px;}
.auth_form .btn { padding: 1px 0px; }
.auth_form .btn a { text-decoration: none; }
.auth_form .btn a:hover { text-decoration: underline; }

/* logo */
.logo { position: relative; width: 116px; height: 113px; left: 567px; top: 140px; background: url(../i/logo.jpg) top left no-repeat; text-decoration: none; cursor: pointer; display: block;}

/* right part of header */
.menu_n_small_txt { float: right; width: 265px; height: 270px;}

.menu { padding-top: 20px; padding-left: 45px; }
.menu div {
    display: block; border-left: 2px solid #00b3eb;
    color: #40ACFF; font-size: 13px; text-transform: lowercase;
    padding-top: 6px; /*line-height: 15px;*/
}
.menu div.null { padding: 0px; line-height: 10px; }
.menu div.wo_border { border-left: 0px; padding-left: 2px;}
.menu div a { color: #40ACFF; text-decoration: none; padding-left: 8px;}
.menu div a:hover { font-weight: bold; }
.menu div.active a { font-weight: bold; border-left: 2px solid #00b3eb;  padding-left: 6px;}

.phones {
    margin: 13px 20px 0px 55px; line-height: 15px;
    color: #ed1c24; font-weight: bold; font-size: 12px; font-family: Tahoma, arial;
}

.small_text {
    position: absolute; bottom: -10px; left: 45px; width: 130px;
    border-left: 2px solid #c9e6e9; padding-left: 8px;
    font-family: Tahoma, Arial; font-size: 12px; font-weight: bold; color: #c9e6e9;
}

h1 {
    margin: 0px; padding: 0px;
    font-family: Tahoma, Arial; font-size: 16px; font-weight: bold; color: #17518f;
    background: url(../i/h_bg.jpg) left 7px no-repeat;
    padding-left: 15px; margin-bottom: 25px;
}

.left_bar { width: 210px; float: left; }
.right_bar { width: 260px; float: right; z-index: 200;}
.pplace {
    padding: 0px; height: 1%;
    margin-left: 215px; margin-right: 265px; padding-top: 15px;
}
.pplace .c__table { width: 510px; }
.pplace>.c__table { width: 100%; }

/* water_cat */
.water_cat { top: -30px; margin-left: 25px; }
.water_cat .title {
    font-size: 13px; font-weight: bold; font-family: Tahoma, Arial;
    padding-top:1px 0px; padding-right: 5px; color: #40ACFF; margin-bottom: 10px;
}
.water_cat .water_group {
    margin: 20px 0 5px 0;
    font: bold 16px arial;
    text-transform:uppercase;
}
/*.water_cat .water { margin-bottom: 15px; margin-left: 70px; }*/
.water_cat .water { margin-bottom: 10px; overflow: hidden; padding-bottom: 5px;}
* html .water_cat .water{ zoom: 1; }
.water_cat .water .water_discount { float: right; width: 90px; }
.water_cat .water a { display: block; position: relative; width: 88px; }
.water_cat .water img.i_active { position: absolute; z-index: 10; visibility: visible; }
.water_cat .water img.i_normal { position: absolute; z-index: 10; visibility: hidden; }
.water_cat .hover a .i_normal { position: absolute; z-index: 10; visibility: visible; }
.water_cat .water .ins{ display: none; position: absolute; }
.water_cat .hover .ins{
    display: block;
    top: 0;
    left: 95px;
    background-color: #ffffff;
    z-index: 100;
    border: 1px solid #0071b3;
    padding: 3px;
    font-size: .8em;}
.water_cat .hover .ins p{ margin: 0; padding: 0;}
/*shop */
.shop { margin-top: 58px; padding-left: 20px; background: url(../i/order_btn.jpg) 20px bottom no-repeat; }
.loader_logo_s { position: absolute; top: 65px; left: 37px; width: 16px; height: 16px; overflow: hidden; display: none; opacity: 0.7; }
.loader_logo_s img { width: 16px; height: 16px }
.shop .attr { font-weight: bold; margin-left: 50px; margin-bottom: 3px; font-size: 11px;}
.shop .order_btn {
    display: block; padding: 3px 0px; margin-left: 50px; margin-right: 80px;
    text-transform: uppercase; color:  #ed1c24; font-size: 10px; font-weight: bold;
    text-decoration: none;
}
.shop .order_btn:hover { text-decoration: none; }

.alt_content { padding: 25px 10px 0px 30px; text-align: justify; font-size: 11px;}

/* map */

.map {
    margin-top: 90px;
    display: block; float: right; width: 228px; height: 202px;
    background: url(../i/map.jpg) top left no-repeat;
}
.map a {
    position: absolute; width: 15px; height: 15px;
    background: url(./i/pimpa.gif) left bottom no-repeat;
    text-decoration: none;
}
.map a .txt {
    color: #0071b3; white-space: nowrap;
    font-weight: bold; font-size: 11px; font-family: Tahoma, Arial;
    top: -12px; left: 12px;
    text-decoration: none;
    display: none;
}
.map a:hover, .map a.active { background: url(./i/pimpa_act.gif) left center no-repeat; }
.map a:hover .txt, .map a.active .txt { display: block; }

/* interfaces */

.page { text-align: justify; }

.page_links { margin: 10px; text-align: right; font-size: 11px; font-weight: bold; }
.page_links a { color: #0071b3; text-decoration: none; }
.page_links a:hover { text-decoration: underline;  }

.pages { margin: 5px 0px; font-size: 11px;}
.pages span { font-weight: bold; margin: 1px 2px; cursor: default;}
.pages a span { font-weight: normal; margin: 0; cursor: pointer;}
.pages a { text-decoration: none; padding: 1px 2px; border: 1px solid white;}
.pages a:hover { border: 1px solid #40acff; }

/* articles */
.article  { padding-bottom: 8px; margin-bottom: 5px; background: url(../i/line.jpg) left bottom no-repeat; }
.article_with_picture { margin-right: 130px }
.article .name { font-size: 13px; font-weight: bold; margin-bottom: 15px; text-align: left;}
.article .name a { text-decoration: none; }
.article .name a:hover{ text-decoration: underline; }
.article .txt { text-align: justify; }
.article .page_links { margin: 0; margin-top: 3px; }
.article_picture { float: right; width: 120px; overflow: hidden; }

/* water */
.water_page { margin-right: 180px; text-align: justify;}
.order_form { float: right; width: 160px;  }
.order_form .sun {  background: url(../i/sun.jpg) top left no-repeat; position: absolute; lefT: 60px; top: 65px; width: 155px; height: 152px;}
.order_form .title { font-size: 10px; font-family: Tahoma, Arial; font-weight: bold; }
.order_form .title span { padding: 1px 3px; background: #ed1c24; color: white; font-size: 10px;}

.order_form .bottles { border-collapse: collapse; width: 100%; margin-top: 6px; }
.order_form .bottles td { padding-bottom: 5px; font-size: 11px; font-weight: bold; vertical-align: top; }
.order_form .bottles .name { width: 40px; }
.order_form .bottles .name div { background: #008ac9; color: white; padding: 0px 3px 1px 3px ; }
.order_form .bottles .price div { background: url(../i/l_bg.jpg) left repeat-y; padding: 0px 3px 1px 3px; }
.order_form .bottles .input { width: 35px; }
.order_form .bottles .input div { }
.order_form .bottles .input input { border: 1px solid #9bd5ed; font-family: Arial; font-size: 10px; height: 12px; padding: 0px 2px; width: 31px; color: #0071B3; }
.order_form .submit { text-align: right; padding-top: 5px; }
.order_form .submit input { margin:0; padding: 0; width: 130px; border: 0; background: white url(../i/l_bg.jpg) left repeat-y; color: #ed1c24; font-family: Arial; font-weight: bold; padding: 1px 5px; cursor: pointer; font-size: 11px; }
.order_form .image { width: 160px; /*height: 210px;*/ margin: 0px auto; margin-top: 5px; overflow: hidden; cursor: pointer; }


/* order_cat (shopping_cart) */

.sh_c_bg { position: absolute; width: 528px; height: 20px; background: #d8e8ed url(../i/lb_bg.jpg) left repeat-y; }
.shopping_cart { width: 100%; border-collapse: collapse; font-size: 11px; margin-bottom: 20px; }
.shopping_cart td { padding: 4px 8px; border-right: 3px solid #d8e8ed; }
.shopping_cart .h { }
.shopping_cart .h td { border-right: 3px solid white; padding: 3px 8px; font-weight: bold;}
.shopping_cart td.delete { border-right: 0; text-align: center;}
.shopping_cart td.delete input.submit { width: 15px; height: 15px; border: 0; background: #ed1c24 url(../i/del_btn.jpg) center center no-repeat; cursor: pointer}
.shopping_cart td.price, .shopping_cart td.count, .shopping_cart td.sum { text-align: center; }
.shopping_cart td.count input { width: 30px; height: 15px; border: 1px solid #17518f; padding: 1px 2px 0px 2px; color: #0071b3; font-family: Arial; font-size: 11px;}
.shopping_cart td.empty_cart { text-align: center; padding: 4px 8px; border-right: 0;}
.shopping_cart td.summary {
    padding: 3px 70px 3px 8px; font-weight: bold; border-right: 0;
    background: #d8e8ed url(../i/lb_bg.jpg) left repeat-y;
}
.shopping_cart td.summary .sd { text-align: right; }
.loader_logo_2 { position: absolute; margin-top: -1px; width: 16px; height: 16px; overflow: hidden; display: none; opacity: 0.7; }
.loader_logo_2 img { width: 16px; height: 16px }

/* products */
.prod_groups { position: absolute; top: -25px; width: 390px; }
.prod_groups div { font-size: 11px; padding: 1px 2px; font-weight: bold;}
.prod_groups .active { background: #d8e8ed url(../i/h_bg.jpg) left top repeat-y; font-weight: bold; font-family: Tahoma, Arial;}
.prod_groups a { text-decoration: none; }
.prod_groups a:hover { text-decoration: underline; }

.products { margin-top: 65px; }
.products .prod_page { margin-right: 180px; text-align: justify;}

.prod_page .product { padding: 7px 0px; background: url(../i/line.jpg) left bottom no-repeat; }

.prod_page .product .title { font-size: 12px; font-weight: bold; }
.prod_page .product .title a { text-decoration: none; }
.prod_page .product .title a:hover { text-decoration: underline; }
.prod_page .product .title span { font-family: Tahoma, Arial; font-size: 12px; }
.prod_page .active .title span { font-size: 14px; }

.prod_page .product .ann { margin-top: 2px; margin-bottom: 7px; display: none; font-size: 11px; padding-left: 15px; }
.prod_page .product .ann .h { font-weight: bold; margin-left: -15px; }
.prod_page .active .ann { display: block; }


/* send_order_form */
.o_form { text-align: center; }
.o_form table { border-collapse: collapse; margin: 0px auto; }
.o_form .error { color: #ed1c24; font-weight: bold; text-align: center; padding-bottom: 10px}
.o_form table td { padding-bottom: 3px}
.o_form table td.options { padding: 0px 80px; text-align: left; }
.o_form .label, .o_form .label_error { text-align: left; padding-right: 10px; font-size: 11px; }
.o_form .label_error { color: #ed1c24; }
.o_form .st { text-align: left; }
.o_form .input_s { text-align: left; }
.o_form .input_s input { width: 120px; height: 15px; border: 1px solid #17518f; padding: 1px 2px 0px 2px; color: #0071b3; font-family: Arial; font-size: 11px;}
.o_form #delivery_date_id { width: 132px; }
.o_form button { margin-top: 1px;
    width: auto; height: 18px; font-weight: bold; font-family: Tahoma, Arial; font-size: 10px;
    color: #0071B3; border: 1px solid #17518F; background: #c9e6e9; cursor: pointer; display: block; float: right;
}
html>body .o_form button { margin-top: 0px; }
.o_form .input_l { text-align: left; }
.o_form select { height: 15px; border: 1px solid #17518f; padding: 1px 0px 0px 0px; color: #0071b3; font-family: Arial; font-size: 11px; }
.o_form .input_l input { width: 200px; height: 15px; border: 1px solid #17518f; padding: 1px 2px 0px 2px; color: #0071b3; font-family: Arial; font-size: 11px;}
.o_form .input_l textarea { width: 200px; height: 80px; border: 1px solid #17518f; padding: 1px 2px 0px 2px; color: #0071b3; font-family: Arial; font-size: 11px;}
.o_form .submit {
    margin-top: 10px; width: auto; height: auto; font-weight: bold; font-family: Tahoma, Arial;
    color: #0071B3; border: 1px solid #17518F; background: #c9e6e9; cursor: pointer;
}

/* reg_page */
.reg_page {}
.reg_page .step {
    color: #c9e6e9; font-size: 32px; font-family: Arial Black, Arial; font-weight: bold;
    margin: -10px 10px 10px 10px; float: left;
}
.reg_page .txt { margin-left: 60px; text-align: justify; }
.reg_page .reg_form { padding-top: 20px; text-align: center; }
.reg_page .reg_form .error { color: #ed1c24; font-weight: bold; text-align: center; padding-bottom: 10px}
.reg_page .reg_form table { border-collapse: collapse; margin: 0px auto; }
.reg_page .reg_form table td { padding-bottom: 3px}
.reg_page .reg_form table td.options { padding: 0px 80px; text-align: left; }
.reg_page .reg_form .label, .reg_page .reg_form .label_error { text-align: left; padding-right: 10px; font-size: 11px; }
.reg_page .reg_form .label_error { color: #ed1c24; }
.reg_page .reg_form .st { text-align: left; }
.reg_page .reg_form .input_s { text-align: left; }
.reg_page .reg_form .input_s input { width: 120px; height: 15px; border: 1px solid #17518f; padding: 1px 2px 0px 2px; color: #0071b3; font-family: Arial; font-size: 11px;}
.reg_page .reg_form .input_l { text-align: left; }
.reg_page .reg_form select { height: 15px; border: 1px solid #17518f; padding: 1px 0px 0px 0px; color: #0071b3; font-family: Arial; font-size: 11px; }
.reg_page .reg_form .input_l input { width: 200px; height: 15px; border: 1px solid #17518f; padding: 1px 2px 0px 2px; color: #0071b3; font-family: Arial; font-size: 11px;}
.reg_page .reg_form .input_l textarea { width: 200px; height: 80px; border: 1px solid #17518f; padding: 1px 2px 0px 2px; color: #0071b3; font-family: Arial; font-size: 11px;}

.reg_page .reg_form .submit {
    margin-top: 10px; width: auto; height: auto; font-weight: bold; font-family: Tahoma, Arial;
    color: #0071B3; border: 1px solid #17518F; background: #c9e6e9; cursor: pointer;
}


/* footer */
.footer_null { font-size: 1px; padding-top: 150px; }

.counters {
    position: absolute; bottom: 0px; left: 10px; width: 190px;
    text-align: center;
}
.counters div { padding: 10px; }

.footer {
    position: absolute; bottom: 0px; left: 215px; width: 500px;
    top: expression(document.body.clientHeight-36+'px');
    border-top: 1px solid #40acff; padding: 5px 10px;
    font-size: 10px; font-weight: bold;
}
html>body .footer { top: auto; }
.footer a { text-decoration: none; }
.footer a:hover { text-decoration: underline; }
.footer .address { float: left; }
.footer .flex { float: right; line-height: 25px;}
/* ---- */
.loader_logo_div { padding: 20px 0px; text-align: center; font-size: 10px; font-weight: bold; color: #0071B3; font-style: italic; }
.loader_logo_div img { margin-bottom: 5px;  opacity: 0.7; }

/* popup_banner */
.popup_banner { position: absolute; z-index: 1000; display: none; }
.popup_banner a.btn {
    display: block; float: right; width: 16px; height: 16px;
    border: 1px solid #0071B3; background: white;
    font-size: 14px; font-weight: bold; font-family: Tahoma, Arial;
    text-align: center; line-height: 13px;
    margin-bottom: 2px; text-decoration: none;
}
.popup_banner a.btn:hover { background: #0071B3; color: white; }
.popup_banner .inner { border: 1px solid #0071B3; }

.under{
 position: absolute;
 top: 10px;
 left: 0px;

 }

/* colors             */
/* menu:   #40ACFF;   */
/* slogan: #c9e6e9;   */
/* header: #17518F;   */
/* text:   #0071B3;   */