@charset "utf-8";
/* CSS Document */
* {margin:0; padding:0;}
html {overflow-x:hidden;}

body {background: url(../img/bg.jpg); font-family:Arial, Helvetica, sans-serif; font-size:14px;}
h1 { color:#fff; margin-bottom:20px; font-size:24px; padding-bottom:8px; font-weight:normal; 
border-bottom:#fff solid 1px;}
h3 {font-weight:normal;}
h5 {color:#fe0915; font-size:24px; margin-bottom:10px;}
p { margin-bottom:20px; line-height:1.4;}
img {border:none;}

#top_line {display:block; width:100%; height:8px; background:#fe0915; position:relative; z-index:3;}
#main {display:block; width:1020px; margin:0 auto; min-height:300px; position:relative;}

/*--------------МЕНЮ ВЕРХ------------*/
#top_menu {border:2px #8c92a2 solid; display:block; width:100%; z-index:1; text-align:center; 
background:url(../img/bg_top_menu.png) bottom repeat-x; height:73px; position:relative; top:-30px;
-moz-border-radius: 20px;
	 -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;  
	border-radius: 20px;
	behavior: url(PIE/PIE.php);
	-moz-box-shadow: 1px 4px 8px #d2d3d5; 
    -webkit-box-shadow: 1px 4px 8px #d2d3d5; 
    box-shadow: 1px 4px 8px #d2d3d5; 
}
#top_menu ul {list-style:none; display:inline-block; 
margin:28px auto 0 auto;}
#top_menu ul li {float:left; margin-right:0; border-left:2px solid #fe0915; height:46px; padding:0; display:block; overflow:hidden;}
#top_menu ul li a {color:#424040; text-decoration:none; padding:14px 30px; display:block; font-size:15px; font-weight:bold;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;}
#top_menu ul .last {border-right:2px solid #fe0915;}
#top_menu ul .active a {background:url(../img/bg_hover_top.png) repeat-x; color:#FFF;}
#top_menu ul li a:hover {background:url(../img/bg_hover_top.png) repeat-x; color:#FFF;}

.bolt, .bolt_2 {width:40px; height:41px; background:url(../img/bolt.png) no-repeat; position:absolute; top:30px;}
.bolt {left:8px;}
.bolt_2 {right:5px;}

/*---------------ХЕДЕР------------*/
#header {display:block; width:100%; height:220px; margin-top:-10px; position:relative; z-index:2;}
#logo {background:url(../img/logo.png) no-repeat; position:absolute; width:466px; height:56px; 
top:0px; left:10px;}
#logo_title {position:absolute; top:56px; font-size:16px; left:13px; color:#1e2e57;}
#slyde_img {width:948px; height:266px; position:absolute; left:60px; top:50px; z-index:0;}

#top_tel {display:block; position:absolute; right:10px; top:0px; color:#1e2e57; font-style:italic; font-size:24px; font-weight:bold; text-align:right;}
#top_tel span {color:#fe0915;}
#top_tel p {font-size:15px; font-weight:normal; padding-top:3px;}
#kluch {background:url(../img/kluchi.png) no-repeat; width:167px; height:138px; position:absolute;
top:167px; right:56px;}
.gayka_logo {width:292px; height:289px; background:url(../img/gayka_logo.png) no-repeat; 
position:absolute; top:-40px; left:-120px; z-index:0; opacity:0.6;}

.kluchi_ather {position:absolute; top:-10px; left:500px;}

/*----------------ПОИСК--------------*/
#search {background:url(../img/bg_cont.jpg); display:block; position:absolute; width:270px; 
height:70px; margin-top:-35px; z-index:10; padding:10px 12px;
-moz-border-radius: 12px;
	 -webkit-border-radius: 12px;
    -khtml-border-radius: 12px;  
	border-radius: 12px;
	behavior: url(PIE/PIE.php);
}
#search #quickquery { height:20px; border:none; width:206px; 
padding:2px 50px 2px 10px; font-size:14px; outline:none;
-moz-border-radius: 4px;
	 -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;  
	border-radius: 4px;
	behavior: url(PIE/PIE.php);
}
.serch-btn {position:absolute; right:12px; border:none; background:url(../img/hover_mini.png) repeat-x; color:#FFF; height:24px; width:44px; border-radius:0 4px 4px 0; font-size:16px; 
cursor:pointer; font-weight:bold; outline:none;}

.close {display:block; position:absolute; top:16px; right:14px;  width:22px; height:21px; background:url(../img/close_icon.png) no-repeat; cursor:pointer;}

/*----------------ХЛЕБНЫЕ КРОШКИ---------------*/
#hleb {display:block; position:absolute; top:116px; left:306px;}
.B_crumbBox {margin-bottom:30px; display:block; font-size:12px; color:#394974;}
.B_crumbBox a:hover { text-decoration:none;}
.B_firstCrumb {  margin-right:5px;}
.B_firstCrumb a {color: #394974; }
.B_crumbBox a.B_crumb  {color: #394974; margin-left:5px; margin-right:3px;}
.B_homeCrumb {}
.B_homeCrumb a {color: #394974; }
.B_lastCrumb  { margin-left:0px; }
.B_currentCrumb {margin-left:5px;}


/*----------------КУРС ВАЛЮТ--------------*/
#valuta {display:block; position:absolute; top:100px; right:0px;}
.select_price {padding:4px; margin-bottom:10px; font-size:14px; outline:none; 
background:url(../img/bg_top_menu.png) top repeat-x; cursor:pointer;
-moz-border-radius: 5px;
	 -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;  
	border-radius: 5px;
	behavior: url(PIE/PIE.php);
	-moz-box-shadow: 1px 2px 8px #d2d3d5; 
    -webkit-box-shadow: 1px 2px 8px #d2d3d5; 
    box-shadow: 1px 2px 8px #d2d3d5; 
}
#valuta select option {}

/*----------------КОНТЕНТ--------------*/
#content {display: inline-block; width:100%; height: auto; background:url(../img/bg_cont.jpg); margin-top:30px; position:relative; z-index:1; 
-moz-border-radius: 20px;
	 -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;  
	border-radius: 20px;
	behavior: url(PIE/PIE.php);
	-moz-box-shadow: 1px 3px 12px #a5a6a6; 
    -webkit-box-shadow: 1px 3px 12px #a5a6a6; 
    box-shadow: 1px 3px 12px #a5a6a6;
}
#left_col {display:block; float:left; width:250px; min-height:300px; z-index:12; position:relative; margin:30px 0 30px 30px;}
#right_col {display:block; float:right; width:678px; min-height:300px; position:relative;
margin:30px 30px 30px 0; color:#e6e6e7;}
.mini_gayka_2 {width:279px; height:193px; background: url(../img/gayka_cont_top.png) no-repeat; position:absolute; left:330px; top:0px; opacity:0.8;}
.mini_gayka_3 {width:279px; height:193px; background: url(../img/gayka_cont_bot.png) no-repeat; position:absolute; left:0px; bottom:0px; opacity:0.8;}
#right_col ol, #right_col ul {margin-left:20px;}

/*------------------ЛЕВОЕ МЕНЮ-----------------*/
.mini_gayka {width:63px; height:59px; background:url(../img/mini_gayka.png) no-repeat; position:absolute;
right:10px; top:-14px;}
.left_menu {background:#f0f0f0 url(../img/gayka_left_menu.png) no-repeat bottom right; 
border:2px #fd0915 solid; padding:10px 14px; position:relative; margin-bottom:20px;
-moz-border-radius: 10px;
	 -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;  
	border-radius: 10px;
	behavior: url(PIE/PIE.php);
}
.left_menu ul {list-style:none; margin:0 -14px;}
.left_menu ul li {margin-bottom:0px; border-bottom:1px solid #ccc;}
.left_menu ul li a {color:#000; text-decoration:none; display:block; padding:8px 14px;}
.left_menu ul li a:hover {color:#fff; background:#fe0915 url(../img/hover_mini.png) repeat-x bottom;}
.left_menu ul .active a {color:#fff; background:#fe0915 url(../img/hover_mini.png) repeat-x bottom;}
.left_menu ul .active ul li a {color:#000; background:none;}
.left_menu ul .last {border:none;}

.left_menu ul ul {margin:10px 10px 12px 36px; list-style:disc; color:#fe0915;}
.left_menu ul ul li {line-height:0.9; margin-bottom:9px; border:none;}
.left_menu ul ul li a {display: block; padding:0; font-size:13px;}
.left_menu ul ul li a:hover {color:#fe0915;}
.left_menu ul ul .active a {color:#fe0915 !important;}
.sprav {margin-bottom:3px;}
.sprav a {text-decoration:none; color:#fe0915; display:block;}
.sprav a:hover {color:#283863;}

/*----------------ТОВАРЫ----------------*/
.all_cont {display:block; width:103%;}
.cat_tovar {margin:0 20px 30px 0px; width:154px; *margin-right:15px; height: auto; display:-moz-inline-box; display:inline-block; *zoom:1; *display:inline; vertical-align:top;}
.cat_tovar img {width:154px; height:154px; margin-bottom:10px;
	-moz-border-radius: 6px;
	 -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;  
	border-radius: 6px;
	behavior: url(PIE/PIE.php);}


.tovar {display:block; width:100%; color:#FFF; border-bottom:1px solid #727c96; overflow:hidden; padding-bottom:6px; margin-bottom:20px;}
.tovar img {display:block; width:65px; height:65px; float:left; margin-right:20px; margin-bottom:10px;
-moz-border-radius: 6px;
	 -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;  
	border-radius: 6px;
	behavior: url(PIE/PIE.php);}
.tovar h3 {margin-bottom:6px; font-size:16px;}
.tovar h3 a, .cat_tovar h3 a {color:#fbbfc2; text-decoration:none;}
.tovar h3 a:hover, .cat_tovar h3 a:hover {color:#f8797f;}
.tovar span {font-size:13px; margin-right:50px; margin-bottom:6px; display:inline-block; color:#e6e6e7;}
.price {display:block; float:right; color:#f8797f; font-weight:bold; font-size:26px; text-align:right; margin-top:-4px;}
.price span {font-size:13px; color:#e6e6e7; margin:0; margin-top:13px; font-weight:normal;}
.tovar_into {display:block; float:left; width:530px;}

/*----------------СОРТИРОВКА---------------*/
.sort {display:block; margin-bottom:20px; border-bottom:1px dashed #727c96; padding-bottom:20px;}
.select_brand {padding:2px 4px; margin:0 30px 0 10px; width:160px;
background:#dfe2eb; cursor:pointer;
-moz-border-radius: 5px;
	 -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;  
	border-radius: 5px;
	behavior: url(PIE/PIE.php);
}

/*========================ПОСТРАНИЧНАЯ ПАГИНАЦИЯ=============*/
.pagination {display:block; margin:30px 0 10px 0; font-size:13px; color: #000;}
.pagination a {text-decoration:underline; color:#fff; background:#7C849B;} 
.pagination a:hover {text-decoration:none;} 
.pagination .ditto_previous_link, .pagination .ditto_next_link {margin:0 3px 0 0; text-decoration:none;}
.pagination .ditto_previous_link:hover, .pagination .ditto_next_link:hover {color:#000; 
background-color:#DFDFE5; border:1px solid #DFDFE5;}
.pagination .ditto_page{text-decoration:none; margin-right:3px;}
.pagination .ditto_page:hover {color:#000; background-color:#DFDFE5; border:1px solid #DFDFE5;}

.ditto_previous_link, .ditto_next_link, .ditto_currentpage, .ditto_page {
border:1px solid #7C849B; padding:2px 7px;	
-moz-border-radius: 4px;
	 -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;  
	border-radius: 4px;
	behavior: url(PIE/PIE.php);	
}
.pagination .ditto_currentpage {color:#000; background-color:#DFDFE5;  margin:0 3px 0 0px; border:1px solid #DFDFE5;} 

/*----------------СТАНИЦА ОДНОГО ТОВАРА---------------*/
.img_tovar {width:208px; height:208px; margin:0 20px 20px 0; float:left; border:2px solid #f8797f;
-moz-border-radius: 8px;
	 -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;  
	border-radius: 8px;
	behavior: url(PIE/PIE.php);}
.right_one_tov { display:block; float:right; width:444px;}
.one_price {color:#f8797f; font-weight:bold; font-size:30px; }


/*---------------Форма обратной связи---------------------*/
.form_cont {}
.form_cont h3 {color:#f8797f; margin-bottom:16px;}
#contFrm { font-size:14px; float:left; width:100%; display:block; margin-bottom:20px;}
#contFrm p { width:320px; color:#000; font-size:12px;}
#contFrm table {float:left; width:320px;}
#contFrm label { color:#e6e6e7; font-size:12px;}

#message, .box {border:1px solid #C4D1E3; background:#F0F0F0; position:relative; outline:none;
-moz-border-radius: 4px; font-size:14px; 
	 -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;  
	border-radius: 4px;
	behavior: url(PIE/PIE.php);
	}
#message:focus, .box:focus {border:1px solid #F00;}
#message {width:300px; margin-bottom:0px; padding:3px 5px; margin-top:4px; font-family:Tahoma, Geneva, sans-serif;}
.box {width:300px; height:22px;  margin-bottom:6px; padding:0 5px; margin-top:4px;}

.errors {color: #fff; width:290px; background:#CA0811; padding:10px; margin-bottom:14px; 
border:1px solid #e6e6e7;
-moz-border-radius: 6px; 
	 -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;  
	border-radius: 6px;
	behavior: url(PIE/PIE.php);	
}
#contFrm label.error {
color:#F00;
position:absolute;
margin-top:-16px; margin-left:-230px;
}

.button_form {padding:6px 14px; background: url(../img/hover_mini.png) bottom repeat-x; color:#FFF !important; border:none; cursor:pointer; font-size:14px; outline:none;
-moz-border-radius: 6px; 
	 -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;  
	border-radius: 6px;
	behavior: url(PIE/PIE.php);	 
  
  }
.button_form:hover {color: #fff; background:#CA0811 !important; text-decoration: none; }

#karta { display:block; float:left; margin-top:-2px; margin-bottom:20px; overflow:hidden;
border:1px solid #C4D1E3; width:670px; height:250px; 
-moz-border-radius: 4px; 
	 -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;  
	border-radius: 4px;
	behavior: url(PIE/PIE.php);
	
}

.phon {display:block; float:right; margin:-34px 100px 0 0; width:200px;}
.phon table { width:100%; margin-top:-5px;}
.phon table td {vertical-align:top; padding:17px 10px 10px 0; color:#e6e6e7; font-size:14px;}
.phon table tr {padding-bottom:20px !important; }


/*----------------ФУТЕР--------------*/
#footer {display:block; width:100%; height:90px; position:relative; z-index:10;}
#footer_car {width:243px; height:101px; background:url(../img/car.png) no-repeat; position:absolute; right:10px; top:-20px;}
#footer_car a {color:#fff; position:absolute; margin:43px 0 0 80px; font-size:13px; text-decoration:none;
 -moz-transform: rotate(15deg); /* Для Firefox */
    -ms-transform: rotate(15deg); /* Для IE */
    -webkit-transform: rotate(15deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate(15deg); /* Для Opera */
    transform: rotate(-3deg);}
#footer_left {position:absolute; top:22px; left:10px;}
#footer_left span {font-size:20px; color:#1b2b53;}
#footer_left span i {font-style:normal; color:#ea1c29;}

#footer_ul {position:absolute; top:26px; left:400px;}
#footer_ul ul li { list-style:none; height:31px; width:88px; background-color:#CCC; float:left; 
margin-right:3px;}


/*--------------AJAX поиск------------*/
#search_result{position: absolute; display:block; margin:6px 0 0 12px; width:240px;
/*counter-reset: myAwesomeCounter;*/}
#search_result h2 {font-size:18px; margin-bottom:16px; border-bottom: 1px #555 solid; padding-bottom:6px; font-weight:normal; color:#e6e6e7;} 

.res a {color:#e6e6e7; font-size:13px;}
#search_result.active{
position: absolute;
z-index: 13;
background: #333;
padding:16px 16px 20px 16px;
border: 1px #999 solid;
-moz-border-radius: 6px;
	 -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;  
	border-radius: 6px;
	behavior: url(PIE/PIE.php);
	-moz-box-shadow: 1px 4px 8px #d2d3d5; 
    -webkit-box-shadow: 1px 4px 8px #d2d3d5; 
    box-shadow: 1px 4px 8px #444; 	
}
.res>div{margin-bottom:16px; border-bottom: 1px #555 solid; padding-bottom:16px; color:#e6e6e7;
	/*counter-increment: myAwesomeCounter;*/
}
.res>div h3 {font-size:14px;}
.res>div h3 a {color:#fbbfc2; text-decoration:none; font-size:14px;}
.res>div h3 a:hover {color:#f8797f;}

#search_result>div h3:before{
	/*content: counter(myAwesomeCounter) '. ';*/
}
.no_result {border:none !important; padding-bottom:0px !important; margin-bottom:0px !important;}


.right_one_tov table {border-left:1px solid #999; border-top:1px solid #999; margin-bottom:20px;}
.right_one_tov table td {border-right:1px solid #999; border-bottom:1px solid #999; padding:4px 10px; text-align:center;}

.right_one_tov table tr td:first-child {text-align:left !important;}
.right_one_tov table tr td p {margin-bottom:0;}

.form_cont {display:block; overflow:hidden;}