/* Global */
* {margin:0; padding:0; font-family:arial}
html, body {width:100%;height:100%;}
body { background:#FFF; font-size:13px; color:#464646;}
input, button, textarea, select {font: normal 12px "arial", sans-serif; vertical-align: middle; outline:none; }
legend { display: none; }
fieldset { border: none; }
ul, ol { list-style: none; }
ol { list-style-type: decimal;}
table { border-collapse: collapse; border:0; font-family:arial; }
hr { display: none; }
img {border: none;}

/*---------------------------------
	HEADINGS
-----------------------------------*/
h1,h2,h3,h4,h5,h6{
line-height:140%;
margin:0 0 15px 0;
color:#333;
}

h1{
font-size:1.5em;
}

h2{
font-size:1.35em;
}

h3{
font-size:1.3em;
line-height:130%;
}

h4{
font-size:1.1em;
font-weight:bold;
}

h5{
font-size:1.1em;
font-weight:bold;
}

h6{
font-size:1em;
font-weight:bold;
}

p, ol, blockquote, pre{ margin:0 0 15px 0; line-height:19px;}
a {color:#0E91C9;}
a:hover { text-decoration:none;}
div.clear {clear: both !important;visibility: hidden !important;margin:0 !important;overflow: hidden;font-size:1px;}



/* CSS Document */
#container {min-height:100%; position:relative;}
#header { overflow:hidden; position:relative; height:142px; background:url(../images/headbg1.png) bottom repeat-x;}
#body {padding:20px 0 120px 0;}
#footer {position:absolute; bottom:0; width:100%; height:100px;}

/* header */
.h {padding:0 30px; position:relative;}
.logo { width:224px; height:51px; display:block; position:absolute; top:30px;}

.top_cart {

}

.phone {
    padding-top:30px;
    width: 220px;
    position: relative;
    left: 50%;
    margin-left: -270px;
    float: left;
}
.phone span {
    height:48px;
    width:220px;
    display:block;
    background:url(../images/phone.jpg) 0 0 no-repeat;
    font-size:22px;
    color:#0E91C9;
    font-weight:bold;
    line-height:48px;
    padding-left:58px;
    margin:0 auto;
}

.top_cart {
    width: 190px;
    margin-top: 5px;
    top: 15px;

    height: 40px;
    border: 1px solid #c5c5c5;
    background: url(../images/cart.png) 10px 50% no-repeat;
    border-radius: 5px;
    padding: 10px 15px 10px 50px;
    box-shadow: 0 0 20px -10px #0E91C9 inset;
    position:absolute;
    right:30px;
}

.top_cart > p{
    text-align: left !important;
}

.searchbox {
    width: 190px;
    position: relative;
    margin-left: 10px;
    float: left;
    display:block;
    top:40px;
    left: 50%;
    background:url(../images/searchbg.gif) 0 0 no-repeat;
}



.searchbox .inpu { float:left; padding-left:10px;}
.searchbox .inpu input { width:154px; border:0; padding-top:6px; background:none;}
.searchbox .but { width:16px; height:26px; float:right; padding-right:6px;}

.topmenu { height:40px;}
.leftbord { height:40px; background:url(../images/menuleftbord.png) 0 0 no-repeat; padding-left:5px;}
.rightbord {height:40px; background:url(../images/menurightbord.png) top right no-repeat; padding-right:5px;}
.m { height:40px; background:url(../images/menubg.png) repeat-x top;}

ul#menu {}
ul#menu li { font-size:14px; color:#fff; font-weight:bold; float:left; height:40px; background:url(../images/razd.png) top right no-repeat;line-height:40px; padding:0 35px;}
ul#menu li a {color:#fff; text-shadow:0 1px 0 #005EA9; text-decoration:none; }
ul#menu li a:hover { color:#FFCB4F;}


/* body */
.b { padding:0 30px;}
table.main { width:100%;}

#sidebar { width:220px;}
#sidebar ul {}
#sidebar ul li { padding:13px;}
#sidebar ul li.side1 { background:url(../images/side1.png) top no-repeat;}
#sidebar ul li.side2 { background:url(../images/side2.png) bottom repeat-x;}
#sidebar ul li.side3 { background:url(../images/side3.png) bottom no-repeat;}

#sidebar ul li a { font-size:14px; font-weight:bold; color:#FFF; text-shadow:0 1px 0 #1B97CC;}
#sidebar ul li a:hover { text-decoration:none; color:#FFCB4F;}
#sidebar ul li a.current {color:#FFCB4F; text-decoration:none}

#sidebar ul li ul { padding: 4px 10px;}
#sidebar ul li ul li {padding:2px 0;}
#sidebar ul li ul li a { font-size:13px; font-weight:normal;}
#sidebar ul li ul li a:hover {}

.side_shadow { width:220px; height:19px; background:url(../images/side_shadow.png) 0 0 no-repeat;}


/* slider */
#slider {}

#slides {background:#C0C0C0; width:890px; height:370px; padding:5px; position:relative;}
#slides .slides_container { width:890px; height:370px; display:none; }
#slides .slides_container div {width:890px; height:370px; display:block;}
.pagination { display:none;}
#slides a.prev, #slides a.next { position:absolute; display:block; width:31px; height:42px; text-indent:-9999px; z-index:10;}
#slides a.prev { background:url(../images/prevnext.png) 0 0 no-repeat; top:163px; left:5px;}
#slides a.next {background:url(../images/prevnext.png) -31px 0 no-repeat; top:163px; right:5px;}

.slide_shadow { width:900px; height:20px; background:url(../images/slide_shadow.jpg) 0 0 no-repeat; margin-bottom:10px;}


.three {margin-bottom:30px;}
.th1, .th2, .th3 { display:block; float:left; width:290px; height:185px; text-indent:-9999px;}
.three .th1 { background:url(../images/stroymat.jpg) 0 0 no-repeat;}
.three .th2 { background:url(../images/ximiya.jpg) 0 0 no-repeat; margin:0 15px;}
.three .th3 { background:url(../images/texizol.jpg) 0 0 no-repeat;}

.three a:first-child > div {
    margin-left: 0;
}

/* carousel */
.carouselbox { height:40px; width:898px; height:88px; border:1px solid #D2D2D2}
.carouselbox ul li { float:left; margin:0 15px; }
.carouselbox table { width:100%;}
.carouselbox table td.tdleft {width:20px;}
.carouselbox table td.tdcent {width:858px; padding:21px 0px;}
.carouselbox table td.tdright {width:20px;}
button.prev2, button.next2 {display:block; width:20px; height:20px; text-indent:-8000px; cursor:pointer;}
button.prev2 { background:url(../images/leftar.png) 4px 0 no-repeat; border:none;}
button.next2 { background:url(../images/rightar.png) 4px 0 no-repeat; border:none;}
.carousel_shadow { width:900px; height:20px; background:url(../images/carousel_shadow.jpg) 0 0 no-repeat; margin-bottom:20px;}


/* page */
#page { width:99%}
#page.mainbox { width:900px;}
#page.mainbox h1 { font-size:16px;}

/* content */
#page ul { list-style-type:disc; margin-left:30px; margin-bottom:15px; padding-top:8px;}
#page ul li { margin-bottom:5px;}
#page ol {margin-left:40px; margin-bottom:10px;}
#page ol li { margin-bottom:5px;}



/* news */
.news_box { margin-bottom:30px;}
.news_img { float:left; padding:6px; background:#E1E1E1;}
.news_text {padding-left:182px;}
.news_text p { padding:8px 0;}
.news_date { background:#E0E0E0; font-size:11px; padding:2px 6px;}
.news_head { font-size:14px; font-weight:bold;}


/* catalog */
.catalog {}
.cat {
background:url(../images/catboxshadow.jpg) center bottom no-repeat; padding-bottom:20px; width:210px; float:left; margin-right:20px; margin-bottom:10px;
max-height: 230px;
}
.cat2 { width:190px; min-height:194px; padding:10px; background:#EDEDED; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:5px; -khtml-border-radius:10px;}
.cat2 p {margin:0 0 10px 0; line-height:0;}
.mright { margin-right:0 !important;}
.centered{
min-height:40px; width:190px; text-align:center; font-size:14px; font-weight:bold; display:table-cell; vertical-align:middle; }



/* tovar */
.tovar {}
.tovar2 { margin-bottom:40px;}
.tovar_img { width:374px; float:left;}
.tovar_txt { padding-left:404px;}

div.tovar_table table {}
.grey { background:#DADADA; font-weight:bold; text-shadow:0 1px 0 #fff;}
.grey2 { background:#eee;}
div.tovar_table table td {padding:10px;}


/* form */
.form {width:740px; background:#EBEBEB; margin:0 auto; box-shadow: 0 10px 20px #CBCBCB; padding:50px 0;
border-radius:12px; -webkit-border-radius:12px; -moz-border-radius:12px; -khtml-border-radius:12px;}
.form2 {width:530px; margin:0 auto;}
.form2 span { font-weight:bold; font-size:14px; float:left; line-height:24px; width:130px;}
.form2 span i { font-style:normal; color:#C00;}
.form2 p {margin:0;}
.inp, .inp2 { width:380px; padding:4px 8px; border:1px solid #999999; background:#F5F5F5; font-size:14px;}
.inp:hover, .inp2:hover { background:#FFF; border:1px solid #737373;}
.bottom { margin-bottom:12px;}
.inp2 {resize: none;}
a.otprav {border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -khtml-border-radius:5px; text-decoration:none; font-size:17px; font-weight:bold;
text-transform:uppercase; color:#FFF; text-shadow:0 1px 0 #00599F; background:#0096F6; padding:8px 0 5px 0; display:block; width:138px; text-align:center; border-bottom:2px solid #0059AA;}
a.otprav:hover { background:#006FD6;}

input.otprav {border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -khtml-border-radius:5px; text-decoration:none; font-size:17px; font-weight:bold;
    text-transform:uppercase; color:#FFF; text-shadow:0 1px 0 #00599F; background:#0096F6; padding:8px 0 5px 0; display:block; width:138px; text-align:center; border-bottom:2px solid #0059AA; border: none}
input.otprav:hover { background:#006FD6;}


/* crumbs */
.crumbs {color:#777; margin-bottom:15px; font-size:11px; padding-top:14px;}
.crumbs a, .crumbs a:visited {color:#777 !important; font-size:11px;}
.crumbs a:hover {color:#333; font-size:11px;}


/* page navigation */
.paginav { }
.navig { color:#666; display:block; margin-bottom:8px;}
.navig a {color:#4F4F4F}
#dk {margin:0;}
#dk a {padding:3px 6px; color:#4F4F4F}
#dk a:hover { color:#fff; background:#9F9F9F;text-shadow:0 -1px 0px #606060;}
.dm, a.dm:hover {background:none repeat scroll 0 0 #9F9F9F; color:#fff !important;cursor:default;font-weight:400;padding:3px 6px; text-decoration:none; text-shadow:0 -1px 0px #606060;}



/* footer */
.f { padding:0 30px;}
.f2 { background:url(../images/fbg.gif) top repeat-x; padding-top:25px;}
.fleft { float:left;}
.fright {}
.copy { color:#828282;}

.fleft ul { padding-bottom:40px;}
.fleft ul li { float:left; color:#535353; margin-right:20px;}
.fleft ul li a { color:#535353;}
.fleft ul li a:hover {}


.antarion { display:block; width:185px; float:right; padding-left:35px;  background:url(../images/antarion.png) 0 0 no-repeat; color:#535353;}
.antarion a {color:#535353;}



.center_menu_item {
    width: 290px;
    height: 184px;
    float: left;
    margin-left: 15px;
    overflow: hidden;
    border-radius: 4px 4px 0 0;

    background: #0086e9;

    background-image: -moz-linear-gradient(top, #0197f6, #0373d7);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0197f6), to(#0373d7));
    background-image: -webkit-linear-gradient(top, #0197f6, #0373d7);
    background-image: -o-linear-gradient(top, #0197f6, #0373d7);
    background-image: linear-gradient(to bottom, #0197f6, #0373d7);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#0197f6', endColorstr='#0373d7', GradientType=0);

}

.center_menu_item:hover {
    background-image: -moz-linear-gradient(top, #ffca4e, #fba02b);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffca4e), to(#fba02b));
    background-image: -webkit-linear-gradient(top, #ffca4e, #fba02b);
    background-image: -o-linear-gradient(top, #ffca4e, #fba02b);
    background-image: linear-gradient(to bottom, #ffca4e, #fba02b);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffca4e', endColorstr='#fba02b', GradientType=0);
}

.center_menu_item:first-child {
    /*margin-left: 0;*/
}


.center_menu_item_image {
    width: 270px;
    height: 127px;
    overflow: hidden;
    border-radius: 4px;
    margin: 10px;
}

.center_menu_item_name {
    width: 250px;
    height: 20px;
    padding: 10px 20px;
    font-size: 16px;
    color: #ffffff;

    background-image: -moz-linear-gradient(top, #0260a8, #004a7b);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0260a8), to(#004a7b));
    background-image: -webkit-linear-gradient(top, #0260a8, #004a7b);
    background-image: -o-linear-gradient(top, #0260a8, #004a7b);
    background-image: linear-gradient(to bottom, #0260a8, #004a7b);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#0260a8', endColorstr='#004a7b', GradientType=0);

}

.center_menu_item:hover .center_menu_item_name {
    background-image: -moz-linear-gradient(top, #da8b12, #bc691b);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#da8b12), to(#bc691b));
    background-image: -webkit-linear-gradient(top, #da8b12, #bc691b);
    background-image: -o-linear-gradient(top, #da8b12, #bc691b);
    background-image: linear-gradient(to bottom, #da8b12, #bc691b);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#da8b12', endColorstr='#bc691b', GradientType=0);
}

.anta {
	text-align:justify;
}
.anta table, .anta table td{
	border: 1px solid #000;
	padding: 5px 5px;
	border-collapse: collapse;
	margin: 10px;
}

.cart_block {
	width: 100%;
	clear: both;
	position: relative;
}

.cart_block tr:NTH-CHILD(2n) {
	background: #f5f5f5;
}

.cart_block caption {
    padding: 5px;
    text-align: center;
    background: #1ea8e3;
    color: #ffffff;
    text-shadow: 0 1px 1px #000000;
    font-weight: bold;
    font-size: 16px;
}

.cart_block .cart_img {width: 150px;}
.cart_block .cart_price, .cart_block .cart_cost {
    width: 100px;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
}

.cart_block .cart_number {
    width: 100px;
    text-align: center;
}

.cart_block .cart_number input {
    width: 50px;
    padding: 3px 5px;
    text-align: center;
}

.cart_block .cart_del {width: 30px;}

.cart_block .cart_del a {
    display: block;
    width: 20px;
    height: 20px;
    text-align: center;
    background: url("../images/card.gif") no-repeat center center;

}

.strike {text-decoration: line-through;}

.cart_block tr td, .cart_block tr th {
    border: 1px solid #e0e0e0;
	padding: 5px 10px;
}

.cart_block .space {
    width: 100%;
    clear: both;
    height: 5px;
}

.item_price_block {
    position: relative;
}

.item_price {
    float: left;
    font-weight: bold;
    font-size: 16px;
}

.add_to_cart_button {
    float: left;
    margin-left: 20px;
}

.add_to_cart_button > a {
    display: block;
    padding: 5px 15px;
    text-decoration: none;
    color: #ffffff;
    border-radius: 5px;
    margin-top: -5px;

    background-image: -moz-linear-gradient(top, #33b4ea, #1ea8e3);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#33b4ea), to(#1ea8e3));
    background-image: -webkit-linear-gradient(top, #33b4ea, #1ea8e3);
    background-image: -o-linear-gradient(top, #33b4ea, #1ea8e3);
    background-image: linear-gradient(to bottom, #33b4ea, #1ea8e3);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#33b4ea', endColorstr='#1ea8e3', GradientType=0);
}


.add_to_cart_button > a:hover {
    background-image: -moz-linear-gradient(top, #33b4ea, #33b4ea);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#33b4ea), to(#33b4ea));
    background-image: -webkit-linear-gradient(top, #33b4ea, #33b4ea);
    background-image: -o-linear-gradient(top, #33b4ea, #33b4ea);
    background-image: linear-gradient(to bottom, #33b4ea, #33b4ea);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#33b4ea', endColorstr='#33b4ea', GradientType=0);
}

.add_to_cart_button > a:active {
    background-image: -moz-linear-gradient(top, #1ea8e3, #33b4ea);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1ea8e3), to(#33b4ea));
    background-image: -webkit-linear-gradient(top, #1ea8e3, #33b4ea);
    background-image: -o-linear-gradient(top, #1ea8e3, #33b4ea);
    background-image: linear-gradient(to bottom, #1ea8e3, #33b4ea);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#1ea8e3', endColorstr='#33b4ea', GradientType=0);
}

.backform {
    width: 400px;
    position: relative;
    clear: both;
    padding: 10px;
}

.backform input[type="text"], .backform textarea {
    width: 380px;
    padding: 3px 10px;
}

.space {
    width: 100%;
    clear: both;
}
.item_cost table {
    width: 100%;
    border-radius: 4px 4px 0 0;
    clear: both
}
.item_cost th {
    background: linear-gradient(to bottom, #33B4EA, #1EA8E3);
    height: 38px;
    font-size: 14px;
    color: #ffffff;
    text-shadow: 0 1px 1px #000000;
}
.item_cost td {
    background: #f5f5f5;border: 1px solid #e2e2e2;
    padding: 10px;text-align: center;
}
.item_cost input {
    border: 0;width: 140px;height: 28px;font-family: georgia;color: #fff;font-size: 14px;padding: 0 10px 4px 0;text-shadow: 0 1px 1px #103977;cursor: pointer;
}

/*.item_cost input:hover {background: url(../img/order_h.jpg) 0 0 no-repeat;}*/



.item_cost .th_l {border-radius: 0 4px 0 0;}
