/*************-----reset-------*/
html, body, div, span, applet, object, iframe,
 blockquote, pre,
 a, abbr, acronym, address, big, cite, code,
 del, dfn, em, font, img, ins, kbd, q, s, samp,
 small, strike, strong, sub, sup, tt, var,
 b, u, i, center,
 dl, dt, dd, ol, ul, li,
 fieldset, form, legend,
 table, tbody, tfoot, thead, tr, th {
 margin: 0;
 padding: 0;
 border: 0;
 outline: 0;
 font-size: 100%;
 vertical-align: baseline;
 background: transparent;
 }
 body {
 line-height: 1;
-webkit-user-select: none; 
 }
#block-body{ overflow:  hidden; }
#text1{ overflow:  hidden; }

 
 ol, ul {
 list-style: none;
 }
 blockquote, q {
 quotes: none;
 }
 :focus {
 outline: 0;
 }
 ins {
 text-decoration: none;
 }
 del {
 text-decoration: line-through;
 }
 table {
 border-collapse: collapse;
 border-spacing: 0;
 }

/*--------------end reset----------------*/
/*---------------header1---------------*/ 
 #block-header{
    width: auto;
    height: 255px;
	border: 1px solid black;
	position: relative;
	background: url(../images/header12.jpg); 
	}
/*-------------------------------*/
#header-top-block{
	position: relative;
}
#header-top-menu li{
    font: 15px sans-serif;
    float: left; /* выравниваем список в ряд */
    margin-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 5px;
    border-right: 1px solid #E3E3E3;
	background-color: white;
	border-radius: 8px;
} 
#header-top-menu a{
    font: 15px sans-serif;
    color: #00678C;
    text-decoration: none; 
}
#header-top-menu a:hover{
    color: #EF662B;
    border-bottom: 1px dashed #EF662B;
}
#header-top-menu span{
    color: #EF662B;
    border-bottom: 1px dashed #EF662B;
}

#reg{
    margin-top: 10px;
    margin-right: 10px;
	position: absolute;
	right: 0;
  /*  float: right; */
	} 
#reg li{
    font: 15px sans-serif;
    float: left; /* выравниваем список в ряд */
	background-color: white;
	border-radius: 8px;
	padding: 5px;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 5px;
    color: #00678C;
	}
#reg a{
	text-decoration: none; 
	}
#reg a:hover{
    color: #EF662B;
    border-bottom: 1px dashed #EF662B;
}
.reg {
	color: #EF662B;
	} 
#fotoV {
	width: 100%;
	position: absolute;
}
#personal-info {
	position: absolute;
	right: 10px;
	bottom: 5px;
	padding: 4px;
	background-color: white;
	border-radius: 8px;
	}
#personal-info p, h3{
	background-color: white;
	margin-bottom:0px;
	margin-top: 0px;
	font: 15px sans-serif;
	color: #00678C;
}
.text1 {
	color: red;
	font: 20px bold sans-serif;
	
}
/*--------------------*/

#wrapper{
	top: 10px;
 /*   margin-right: 30px;*/
	position: absolute;
	right: 10px;
	z-index: 2;
	width: 160px;
/*	margin: 0 auto;*/
}
canvas{
/*	cursor: none;*/
}
#pp{
	position: absolute;
/*	color: white;*/
}
#ship{
	position: absolute;
	right: 0;
	margin-right: 200px;
}
#showrr{
	border-radius: 8px;
}

/*******--------end header1----------------*/

#block1{
    width: calc(20% - 2px);
    height: auto;
	border: 1px solid black;
	float: left;
	}
#block-body{
    width: calc(80% - 0px);
    border: 4px solid black; 
	margin-left: 20%;
/*	margin-top: -2px;
/*	margin-bottom: 10px;*/

	box-sizing: border-box; 
	overflow: hidden;
	position: absolute;
	top: 257px;
	}

#block2{
    width: calc(100% - 0px);

	overflow: hidden;
/*	border: 1px solid red;
/*	float: left;*/
/*	position: relative; */
/*	padding-bottom: 15px; */
/*	position: absolute; */
  /* margin-bottom: 120px; */
	}
	
/*-----------------*/	
.header-title{
	background-color: #85C059;
	color: white;
	 margin-top: 0px;
	padding-left: 10px;
    padding-top: 7px;
    padding-bottom: 7px;
    border-radius: 0 0 5px 5px;
}
#block-input-price li{
    float: left;
    margin-left: 3px;
	}
#block-input-price input{
    width: 45px;
    height: 20px;
    font: 14px sans-serif;
    border: 1px solid #DCDCDC;
    padding-left: 2px;
}
#block-input-price p{
    font: 14px sans-serif;
    float: left;
    margin-top: 0px;
    padding-top: 3px;

}
.title-filter{
	font: bold 14px sans-serif;
	text-align: center; 
}
#button-param-search{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	background-color: #DBDADA;
	margin-top: -30px;
	margin-left: 220px;
/*	margin-bottom: 8px; */
	border-radius: 5px;
	box-shadow: 4px 4px #ccc;
}
#button-param-search:hover{
	background-color:#F1EEEE;
	cursor: pointer;
}
.checkbox-brand li{
    font: 14px sans-serif;
    margin-left: 5px;
    margin-top: 3px;
	margin-bottom: 3px;
}
.checkbox-brand input{
    margin-right: 8px;
}
.checkbox-brand{
	position: relative;
}
.checkbox-brand label{
	position: absolute;
	left: 25px;	
	padding-top: 2px;
}
/*----------------------*/

#block-news{
	height: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
}
.newsticker{
	border-top: 1px solid #DDDDDD;
}
.newsticker p{
    font: 14px sans-serif;
    margin-top: 5px;
    margin-bottom: 5px;
}
.newsticker li{
  border-bottom: 1px solid #DDDDDD;
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: center;
}
.newsticker a{
  color: #EF662B;
  font: bold 14px sans-serif;
  text-decoration: none;
}
.newsticker a:hover{
  text-decoration: underline;
}
.newsticker span{
  font: 13px sans-serif;
  padding-bottom: 5px;
  color: #636363;
  display: block; /* делает из даты блок рамером в всю ширину блока*/
}
#news-prev{
    margin-top: 5px;
    margin-bottom: 5px;
    cursor: pointer;
}
#news-next{
    margin-top: 5px;
    margin-bottom: 5px;
    cursor: pointer;  
}
#news-prev1 { width: 60px; border: none; } 

/*-- footer --*/

#block-footer{
    width: calc(100% + 3px); 
/*	margin-top: 10px;*/
/* width: calc(80% - 1px); */
    height: 120px;
/*	border: 1px solid black; */
	background-color: #ACC8E3;
	float: left;
	margin-top: 75px;	
/*	position: absolute; */
/*	margin-top: 15px; */
	margin-bottom: -10px;
/*	padding: 10px; */
	padding-right: 10px;
	box-sizing: border-box; /* не дает паддингу раширить рамки блока*/
	
			}

#block-footer li{
	float: left;
	font: 16px sans-serif;
	color: black;
	margin-top:15px;
	margin-left: 25px;
}
#vk{
	float: right;
	font: 13px sans-serif;
	margin-top: 10px;
	margin-right: 15px;
}
#vk p{
	margin-bottom: 2px;
}
#block-footer a:hover{
	/*text-decoration: underline; */
	color: #7B7B7B;
}
#block-footer a{
	color: black;
	text-decoration:none;
	}
/*-- sortirovka --*/

#block-sorting{
	position: relative;
    height: 60px;
    border-bottom: 2px solid black;
	margin-bottom: 15px;
	padding-top: 10px;
	padding-bottom: 30px;
}

#sort1{
	float: left;
	margin-left: 15px;
/*	border: 1px solid black;*/
}
#sort2{
	float: left;
	margin-left: 80px;
	padding-top: 15px;
}

/*---------настройка sort1-----------*/
#select1{
/*width: 120px;*/
 /*     height: 25px; */
      border: 1px solid #999;
  /*    font-size: 18px;*/
      color: #1c87c9;
      background-color: #eee;
      border-radius: 5px;
      box-shadow: 4px 4px #ccc;
}

#nav-breadcrumbs{
	margin-bottom: 30px;
}

#options-list > li{
   float: left;
   margin-left: 10px;
   font: 14px sans-serif;
}
#options-list img{
   margin-top: -4px;
   cursor: pointer;
}
#options-list{
   margin-left: -10px;
}
#choose{
	margin-left: 108px;
	margin-bottom: -20px;
/*	margin-top: 15px;
/*	border: 3px solid black;*/
}
/*------- настройка sort2  -----*/
#title-filter{
    font: bold 14px sans-serif;
    margin-top: 0px;
}
#block-input-price{
	display: inline-block;
}

#block-input-price li{
    margin-left: 6px;	
}
#block-input-price input{
    width: 45px;
    height: 20px;
    font: 14px sans-serif;
    border: 1px solid #DCDCDC;
    padding-left: 3px;
}
#block-input-price p{
    font: 14px sans-serif;
 /*   float: left; */
    margin-top: 0px;
    padding-top: 3px;

}
#blocktrackbar{
    width: 220px;
    height: 35px;
    margin-top: 0px;
    padding-top: 5px;
 /*   clear: both; */
	margin-left: -15px;
}
/*--------- конец настройки sort2  -----------*/

#select-sort{
	margin-left: 10px;
    color: #748996;
    text-decoration: underline;
    cursor: pointer;
}
#sorting-list{
    border: 1px solid #A3C0D2;
    position: absolute;
    width: 200px;
    height: 128px;
    background-color: white;
    padding-top: 5px;
    display: none; 
}
#sorting-list li{
    margin-top: 3px;
    margin-left: 10px;
}
#sorting-list a{
    font: 15px sans-serif;
    text-decoration: none;
    color: black;
}
#sorting-list a:hover{
    text-decoration: underline;
}

/* --  вывод товаров в осн блок--*/
#block-cloth{
	float: left;
	text-align: left;
	height: auto;
}


#block-bags{
/*	border: 3px solid black; */
/*	height: auto;
	overflow: hidden;
	width: 25%; *//**/
	float: left;
	text-align: left;
	height: auto;
}

#block-bags > ul > li{
 /* width: 380px;*/
  height: 230px;
  float: left;
  margin-left: 10px;
 /* margin-top: 15px; */
  overflow: hidden;
}
/*.style-title-grid{
    margin-top: 0;
    margin-bottom: 0;
	 height: 20px;
  text-align: center;
  overflow: hidden;
}*/

/*
.style-title-grid a{
    font: bold 15px sans-serif;
    color: #0A83AB;
    text-decoration: underline;
	}
	
.style-title-grid a:hover{
    color: #E26666;
} */

.total-cloth{
	margin-bottom: 0px;
	margin-top: 15px; 
	float: left;
	margin-left: 20px; 
/*	padding-left: 15px; 
	padding-right: 15px;*/
	width: 181px;
	background-color: #CADEFF;
	border: 2px solid black; /**/
	border-radius: 5px;
	overflow: hidden;
	
}
.block-images-grid{
  width: 181px;
  height: 181px; 
  float: left; 
 /* margin-top:2px;
margin-bottom: 2px;  */
  margin-left: 0px;
/*  margin-right: 15px; */
  margin-top: 10px;
   text-align: center;
/*   padding-bottom: 5px;
   padding-top: 5px;
 /*  margin-bottom: -50px; */
/*	border: 1px solid black; */
	overflow: hidden;
 display: block;	
/*	vertical-align	: middle;*/
/*	 background-size: cover;*/
/*display: none;*/
} 
/*
.block-images-grid{
  width: 110px;
 /* height: 230px; */
/*  float: left; 
margin-right: 15px;
} */
#img11{
	 width: 181px;
  height: 181px;
  padding-top: 4px;
  padding-bottom: 4px;
  background-color: white;
 /* position: absolute;*/
/*  padding: 2px 2px 4px 2px; */
}

.style-title-grid1{
	 font: bold 15px sans-serif;
    color: #0A83AB;
    text-decoration: underline;
	 height: 35px;
	 float: left;
	 min-width: 131px;
	 max-width: 155px;
  text-align: center;
  overflow: hidden;
  margin-top: 5px;
  margin-bottom: 0px;
  padding-left: 15px;
  padding-right: 15px;
}
.style-title-grid1 a:hover{
    color: #E26666;
}


.reviews-and-counts-grid{
    height: 20px;
    margin-top: 5px;
}
.reviews-and-counts-grid > li{
    float: left;
    margin-left: 10px;
    margin-top: 3px;
}
.reviews-and-counts-grid > li > p{
    margin-left: 25px;
    font: 13px sans-serif;
    margin-top: -1px;
    margin-bottom: 0;
}
.reviews-and-counts-grid > li > img{
    position: absolute;
}
.style-price-grid{
  font: 16px sans-serif;  
  margin-top: 0px;
   text-align: center;
}
.style-price-grid strong{
  font: 23px sans-serif;  
  color: #6B6D73;
  }
.add-cart-style-grid{
    width: 48px;
    height: 25px;
    display: block;
    cursor: pointer;
    float: left;
    margin-top: 8px;
    margin-right: 10px;
    background: url(/images/add-cart-norm.png);
}
.add-cart-style-grid:hover{
    background: url(/images/add-cart-hover.png);
}
.add-cart-style-grid:active{
    background: url(/images/add-cart-active.png);
}
.mini-features{
    font: 12px sans-serif;
    margin-top:-10px;
	margin-bottom: 5px;
	height: 40px;
	overflow: hidden;
	padding-left: 15px;
}
.block-images-list{
    float: left;
    margin-right: 15px;
    min-height: 160px;
    height: auto;
}
#selector{
	position: absolute;
	top: 0;
	right: 20px;
}
#selector > li{
   float: left;
   font: 18px sans-serif;
   margin-top: 30px;
}
#bags{
	background-color: green;
	padding: 5px;
	border-radius: 5px 0 0 5px;
}
#cloth{
	background-color: yellow;
	padding: 5px;
	border-radius: 0 5px 5px 0;
	margin-left: 0px;
}
#bags:hover{
	background-color:#F1EEEE;
	cursor: pointer;
}
#cloth:hover{
	background-color:#F1EEEE;
	cursor: pointer;
}

/* листание страниц */
.pstrnav{
	margin-left: 30px;
    height: 30px;
	
	position: absolute;
	bottom: 140px;
/*	clear: both; */ 
 /*   margin-top: 40px;
	margin-bottom: 20px;*/
    
}
.pstrnav li{
    width: 26px;
    height: 26px;
    margin-left: 7px;
    float: left;
    margin-top: 3px;
}
.pstrnav a{
    display: block; 
    text-decoration: none;
    font: bold 14px sans-serif;
    text-align: center;
    color: black;
    background: url(/images/nav-block-norm.png);
    padding-top: 5px;
    padding-bottom: 5px;
}
.pstrnav a:hover{
    background: url(/images/nav-block-hover.png);
}
.pstrnav a:active{
    background: url(/images/nav-block-active.png);
    color: white; 
}
.pstrnav a.pstr-active{
    background: url(/images/nav-block-active.png);
    color: white; 
}
.pstrnav p.nav-point{
    text-align: center;
    font: bold 14px sans-serif;
    margin-top: 8px;
    margin-bottom: 0px; 
}

/*---*/
.pstrnav1{
	margin-left: 30px;
    height: 30px;
	
	position: absolute;
	bottom: 140px;
/*	clear: both; */ 
 /*   margin-top: 40px;
	margin-bottom: 20px;*/
    
}
.pstrnav1 li{
    width: 26px;
    height: 26px;
    margin-left: 7px;
    float: left;
    margin-top: 3px;
}
.pstrnav1 a{
    display: block; 
    text-decoration: none;
    font: bold 14px sans-serif;
    text-align: center;
    color: black;
    background: url(/images/nav-block-norm.png);
    padding-top: 5px;
    padding-bottom: 5px;
}
.pstrnav1 a:hover{
    background: url(/images/nav-block-hover.png);
}
.pstrnav1 a:active{
    background: url(/images/nav-block-active.png);
    color: white; 
}
.pstrnav1 a.pstr-active{
    background: url(/images/nav-block-active.png);
    color: white; 
}
.pstrnav1 p.nav-point{
    text-align: center;
    font: bold 14px sans-serif;
    margin-top: 8px;
    margin-bottom: 0px; 
}
/*------ стили view_content -----*/
#block-breadcrumbs-and-rating{
    height: 40px;
    margin-top: 25px;
	padding-left: 30px;
    border-bottom: 1px solid #EEEEEE;
}
#nav-breadcrumbs2{
    margin-top: -5px;
}
#nav-breadcrumbs2 > a{
    font: 13px sans-serif;
    color: #4268B1;
}
#nav-breadcrumbs2 > a:hover{
    color: #FFA1A1;
}
#nav-breadcrumbs2 > span{
    font: 14px sans-serif;
    color: #7F868E;
}
#block-content-info{
    height: 320px;
    margin-top: 30px;
	margin-left: 30px;
}
#block-content-info img{
    float: left;
    margin-top: 0px;
    margin-right: 15px;
}
#block-mini-description{
    width: 600px;
    float: left;
}
#content-title{
    font: 19px sans-serif;
    margin: 0;
}
#content-text{
    font: 15px sans-serif;
    margin-top: 10px;
}

.reviews-and-counts-content{
    height: 20px;
    margin-top: 10px;
}
.reviews-and-counts-content > li{
    float: left;
    margin-left: 10px;    
    margin-top: 3px;
}
.reviews-and-counts-content > li > p{
    margin-left: 25px;
    margin-top: -1px;
    font: 13px sans-serif;
    margin-bottom: 0px;
}
.reviews-and-counts-content img{
    position: absolute;
}
#style-price{
    font: 23px sans-serif;
    color: black;
    margin-top: 10px;
    margin-bottom: 10px;
}
/*----------------------------*/
#sortirovka{
	margin-top: 3px;
	display: none;
	position: absolute;
	border: 1px solid black;
}
#sortirovka:active{
	display: list-item;
	}
/* отображаем выпадающий список при наведении */
			nav ul li:hover > ul {
			    display:inherit;
			}
/* первый уровень выпадающего списка */
			nav ul ul li {
			    min-width:170px;
			    float:none;
			    display:list-item;
				padding: 5px;
				margin-left: 0px;
				background-color: white;
			    position: relative; /*Относительное позиционирование сдвигает элемент относительно его обычного положения.  */
			}
			
#options-list ul li:hover > ul {
			    display:inherit;
			}
nav ul li{
	float:left;
	margin-left: 5px;
}
nav {
margin-left: 5px;
background-color: #E64A19;
}
#yyy{
	border: 1px solid #999;
  /*    font-size: 18px;*/
      color: #1c87c9;
      background-color: #eee;
      border-radius: 5px;
      box-shadow: 4px 4px #ccc;
	  padding-left: 3px;
	  padding-right: 3px;
	  cursor: pointer;
}
/*------------------*/
#select1{
/*width: 120px;*/
 /*     height: 25px; */
      border: 1px solid #999;
  /*    font-size: 18px;*/
      color: #1c87c9;
      background-color: #eee;
      border-radius: 5px;
      box-shadow: 4px 4px #ccc;
}

#nav-breadcrumbs{
	margin-bottom: 30px;
}

#options-list > li{
   float: left;
   margin-left: 10px;
   font: 14px sans-serif;
}
#sortirovka li a{
	text-decoration: none;
}
#sortirovka li a:hover{
	color: red;
}

#akcia{

/*	margin-left: 20%;
	margin-top: -100px;
	z-index: 20;*/
}
#akciadiv{
	display: none;
	position: fixed;
	width: 100%;
/*	margin-left: 20%;*/
	margin-top: -20%;
	z-index: 2000;
}
/*------------------zakaz // o nas // kontacts----------------*/
#text1{
	width: 80%;
	height: auto;
	margin-left: 10%;
	margin-top: 30px;
	font: 19px sans-serif;
	line-height : 1.5;
}
#text1 a{ /*--knopka--*/
	font: 20px sans-serif;
	color: #EF662B;
	text-decoration:none;
	padding: 8px;
	padding-top: 5px;
	 border: 2px solid black;
	 border-radius: 6px;
	 margin-bottom: 10px;
	 margin-top: 10px;
	 background-color: #ACC8E3;
}
#ppp1, #ppp2 {
	float: left;
}
#ppp2{
	margin-left: 10px;
}
.ppp3{
	clear: both; /* отменить обтекание с обеих строн */
}
#input11 > p > label {
	position: absolute;
}
/*---------------*/
#form-registration li{
    margin-top: 10px;
}
#form-registration > li > input{
    height: 30px;
    width: 350px;
    font: 17px sans-serif;
    margin-left: 140px;
    padding-left: 5px;
    color: black;
    border-left:1px solid #ABABAB ;
    border-top:1px solid #ABABAB ;
    
    border-right:1px solid #DDDDDD ;
    border-bottom:1px solid #DDDDDD ;
}
#form-registration > li > label{
    position: absolute;
    font: 15px sans-serif;
    margin-top: 7px;
}
#mess21{
	font: 17px sans-serif;
    margin-left: 140px;
    padding-left: 5px;
    color: black;
    border-left:1px solid #ABABAB ;
    border-top:1px solid #ABABAB ;
    
    border-right:1px solid #DDDDDD ;
    border-bottom:1px solid #DDDDDD ;
}
.er1{
     font: 15px sans-serif;
}