/* Start:/local/templates/coffeeteatrade_gn/components/bitrix/breadcrumb/nav/style.css?1602792449707*/

.bx-breadcrumb {
	margin: 10px 0 0 0;
}
.bx-breadcrumb i {
	//color: #b5bdc2;
	color: #fff;
	line-height: 19px;
	font-size: 10px;
	vertical-align: middle;
	margin-right: 5px;
}
.bx-breadcrumb .bx-breadcrumb-item {
	float: left;
	margin-bottom: 10px;
	white-space: nowrap;
	line-height: 13px;
	vertical-align: middle;
	margin-right: 10px;
}
.bx-breadcrumb .bx-breadcrumb-item span {
	font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 10px;
	white-space: normal;
	color:#fff;
	//border-bottom: none;
}
.breadcrumb .bx-breadcrumb .bx-breadcrumb-item a:hover span{
	font-size: 10.01px;
	text-decoration: none;
}
//.bx-breadcrumb .bx-breadcrumb-item a {border-bottom: none;}

/* End */


/* Start:/local/templates/coffeeteatrade_gn/components/bitrix/menu/animate_menu/style.css?16027924495350*/
#menu, #menu ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	#menu {
		min-width:995px; max-width:1140px;
		margin: 0px auto;		
	}
	
	#menu:before,
	#menu:after {
		content: "";
		display: table;
	}
	
	#menu:after {
		clear: both;
	}
	
	#menu {
		zoom:1;
	}
	
	#menu li {
		float: left;
		border-right: 1px solid #222;
        border-bottom:1px solid #222; 		
		position: relative;
	}
	#menu li.root-item-last{
		float: left;
		border-right: none;
        border-bottom:1px solid #222; 		
		position: relative;
	}
	
	#menu a {
		float: left;
		padding: 12px 23px;
		color: #ddd;
		font: 14px 'trebuchet MS', Arial, Helvetica;
		text-decoration: none;
		text-shadow: 0 1px 0 #000;
	}
	
	#menu li:hover > a {
		color: #fafafa; 
		//background:url("/local/templates/coffeeteatrade_gn/components/bitrix/menu/animate_menu/images/hover.jpg") repeat;
			background-color: #598d81;
	}
#menu li:hover > a:hover {
			background-color: #0d8d81;
		text-decoration: underline;
	}	
	
	*html #menu li a:hover { /* Только для IE6 */
		color: #fafafa;
	}
	
	#menu ul {
		margin: 20px 0 0 0;
		_margin: 0; /*Только для IE6*/
		opacity: 0;
		//opacity: 0.5;
		visibility: hidden;
		//visibility: visible;
		//position: absolute;
		top: 45px; 
		left: 0;
		z-index: 9999; 		
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;  
	}
.first{
	float:left;
	position:absolute;
	 overflow: auto; 
	 opacity: 0;
	visibility: hidden;
	z-index: 9999;
	top: 37px; 
	left: 0;
	//border-radius:20px 0 0 20px;
	width:110px;
}
.first-ext{
		float:left;
		position:absolute;
		 overflow: auto; 
		 opacity: 0;
		visibility: hidden;
		z-index: 9999;
		top: 37px; 
		left:-110px;
		//border-radius:20px 0 0 20px;
		width:110px;
}	
.second{
	float:right;
	//width:180px;
	top:37px;
	left:110px;
	//color: green;
	//border: 2px solid green;
	position:absolute;
	 overflow: auto;
	 opacity: 0;
	visibility: hidden;
	z-index: 9999;
	//border-radius: 20px;
	width:110px;
}
.second-ext{
	float:right;
	//width:180px;
	top:37px;
	left:0;
	//color: green;
	//border: 2px solid green;
	position:absolute;
	 overflow: auto;
	 opacity: 0;
	visibility: hidden;
	z-index: 9999;
	//border-radius: 20px;
	width:110px;
}

.third{
	float:right;
	top:37px;
	left:220px;
	position:absolute;
	 overflow: auto;
	 opacity: 0;
	visibility: hidden;
	z-index: 9999;
	//border-radius: 20px;
	width:110px;
}
.third-ext{
	float:right;
	top:37px;
	left:110;
	position:absolute;
	 overflow: auto;
	 opacity: 0;
	visibility: hidden;
	z-index: 9999;
	//border-radius: 20px;
	width:110px;
}
.four{
		float:right;
		top:37px;
		left:330px;
		position:absolute;
		 overflow: auto;
		 opacity: 0;
		visibility: hidden;
		z-index: 9999;
		//border-radius: 20px;
		width:110px;
}
.strelka{
	//border-bottom: 3px solid #3b3b3b;
	//border-top: 3px solid #3b3b3b;
	//border-right: 3px solid #3b3b3b;
	//border-left: 3px solid #3b3b3b;
	//background-color: blue;
	//width:20px;
	//height:10px;
	overflow:auto;
	position:absolute;
	top:30px;
	left:35px;
	opacity: 0;
	visibility: hidden;
}
.strelka img{
		border: 0;
		width: 25px;
		height: 17px;
}

	#menu li:hover > div ul{
		opacity: 1;
		visibility: visible;
		margin: 0;
	}
	#menu li:hover > div{
		opacity: 1;
		visibility: visible;
		margin: 0;
		border:1px solid #444;
	}
	#menu li:hover > div.strelka{
		opacity: 1;
		visibility: visible;
		margin: 0;
		border:0;
	}
	#menu ul ul {
		top: 0;
		left: 150px;
		margin: 0 0 0 20px;
		_margin: 0; /*Только для IE6*/
		-moz-box-shadow: -1px 0 0 rgba(255,255,255,.3);
		-webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3);
		box-shadow: -1px 0 0 rgba(255,255,255,.3);		
	}
	
	#menu  ul li {
		float: none;
		display: block;
		border: 0;
		_line-height: 0; /*Только для IE6*/
		-moz-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
		-webkit-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
		box-shadow: 0 1px 0 #111, 0 2px 0 #666;
	}
	
	#menu ul li:last-child {   
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;    
	}
	
	#menu ul a {    
		padding: 10px 5px;
		background:#598d81;
		font-size:12px;
		border-bottom:1px solid #444;
		_height: 10px; /*Только для IE6*/
		display: block;
		//white-space: nowrap;
		white-space: normal;
		float: none;
		text-transform: none;
		//z-index:10000;
	}
	
	#menu ul a:hover {
		//background-color: #000;
		background-color: #0d8d81;
		text-decoration: underline;
	}
	
	#menu div ul li:first-child > a {
		-moz-border-radius: 3px 3px 0 0;
		-webkit-border-radius: 3px 3px 0 0;
		border-radius: 3px 3px 0 0;
	}
	
	#menu ul li:first-child > a:after {
	content: '';
		position: absolute;
		left: 40px;
		//top: -6px;
		top: -15px;
		//border-left: 6px solid transparent;
		//border-right: 6px solid transparent;
	}
	
	#menu ul ul li:first-child a:after {
		left: -6px;
		top: 50%;
		margin-top: -6px;
		border-left: 0;	
		border-bottom: 6px solid transparent;
		border-top: 6px solid transparent;
		border-right: 6px solid #3b3b3b;
	}
	
	#menu ul li:first-child a:hover:after {
		border-bottom-color: #444; 
		//border-bottom-color: red; 
	}
	
	#menu ul ul li:first-child a:hover:after {
		border-right-color: #0299d3; 
		border-bottom-color: transparent; 	
	}
	
	#menu ul li:last-child > a {
		-moz-border-radius: 0 0 3px 3px;
		-webkit-border-radius: 0 0 3px 3px;
		border-radius: 0 0 3px 3px;
	}

/* End */


/* Start:/bitrix/components/bitrix/system.pagenavigation/templates/round/style.css?16027924322917*/
.bx-pagination {
	margin: 10px 0;
}
.bx-pagination .bx-pagination-container {
	text-align: center;
	position: relative;
}
.bx-pagination .bx-pagination-container ul {
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline-block;
}
.bx-pagination .bx-pagination-container ul li {
	display: inline-block;
	margin: 0 2px 15px 2px;
}
.bx-pagination .bx-pagination-container ul li span{
    -webkit-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
       -moz-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
    	-ms-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
    	 -o-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
    		transition: color .3s ease, background-color .3s ease, border-color .3s ease;
	background: #eff0f1;
	padding: 0 8px;
	display: block;
	height: 32px;
	min-width: 32px;
	line-height: 32px;
	color: #444;
	font-size: 14px;
	border-radius: 16px;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.bx-pagination .bx-pagination-container ul li a {
	text-decoration: none;
	display: block;
	border-radius: 16px;
	height: 32px;
	min-width: 32px;
	line-height: 32px;
	color: #444;
	vertical-align: middle;
}
.bx-pagination .bx-pagination-container ul li a:hover span{
	background: #DADADA;
}
.bx-pagination .bx-pagination-container ul li.bx-active span{
	background: #0083d1;
	color: #fff;
}
.bx-pagination .bx-pagination-container ul li.bx-pag-all a span,
.bx-pagination .bx-pagination-container ul li.bx-pag-prev a span,
.bx-pagination .bx-pagination-container ul li.bx-pag-next a span {
	background: #fff;
	border: 2px solid #eff0f1;
	line-height: 28px;
	padding: 0 18px;
	color: #444;
}
.bx-pagination .bx-pagination-container ul li.bx-pag-all span,
.bx-pagination .bx-pagination-container ul li.bx-pag-prev span,
.bx-pagination .bx-pagination-container ul li.bx-pag-next span{
	color: #aab1b4;
	background: #fff;
	border: 2px solid #eff0f1;
	line-height: 28px;
	padding: 0 18px;
}
.bx-pagination .bx-pagination-container ul li.bx-pag-all a:hover span,
.bx-pagination .bx-pagination-container ul li.bx-pag-prev a:hover span,
.bx-pagination .bx-pagination-container ul li.bx-pag-next a:hover span {
	background: #fff;
	border-color: #DADADA;
	color: #000;
}

/*color schemes*/
.bx-pagination.bx-green  .bx-pagination-container ul li.bx-active span{
	background: #3bc915;
	color: #fff;
}
.bx-pagination.bx-yellow  .bx-pagination-container ul li.bx-active span{
	background: #F9A91D;
	color: #fff;
}
.bx-pagination.bx-red  .bx-pagination-container ul li.bx-active span{
	background: #E22B2B;
	color: #fff;
}
.bx-pagination.bx-blue .bx-pagination-container ul li.bx-active span{
	background: #0083d1;
	color: #fff;
}

/* End */


/* Start:/local/templates/coffeeteatrade_gn/components/bitrix/catalog.section/.default/style.css?16027924499208*/
h3{
	font-family: 'Conv_HypatiaSansPro-Bold_0';
	color: #fff;
}
.header_item{
    width: 100%;
}
.pic_item{
	width: 120px;
	float: left;
	padding:10px;
	text-align: center;
	//border: 1px solid green;
}
.pic_item span{
	
}
.code_item{
	//border: 1px solid green;
	width: 30px;
	float: left;
	padding-top:10px;
	text-align: left;
}
.text_item{
	width: 330px;
	float: left;
	padding-top:10px;
	text-align: center;
	//border: 1px solid green;
}
.text_item a{
	padding: 0px;
}	
.pr_item{
	width: 30px;
	float: left;
	padding:10px;
	text-align: center;
	//overflow: hidden;
	//border: 1px solid green;
}
.pr_sam_item{
	width: 50px;
	float: left;
	padding:10px;
	text-align: center;
	//overflow: hidden;
	//border: 1px solid green;
}
.quan_item{
	width: 20px;
	float: left;
	padding:10px;
	text-align: center;
	//overflow: hidden;
	//border: 1px solid green;
}
.rem_item{
	width: 20px;
	padding:10px;
	text-align: center;
	float: right;
	//border: 1px solid green;
}
div.one_item{
	color: #fff;
	//border: 1px solid black;
	padding: 5px 15px 5px 5px;
	width: 100%;
	font-family: 'Conv_HypatiaSansPro-Light_0';
	font-size:16px;
	display:table;
	//line-height: 30px;
	margin:0;
}
div.item_img{
	//float: left;
	//border:1px solid black;
	margin: 5px;
	display:table-cell;
	padding:5px;
	vertical-align: top;
	width: 10%;
}
.item_img img{
	border-radius: 5px;
	/*border:1px solid black;*/
}	
.item_text{
	//float: left;
	//text-indent: 20px;
	display:table-cell;
	margin-top:0;
	vertical-align: top;
	width: 54%;
	//border:1px solid black;
}
.spec{
	//border:1px solid black;
	display:table-cell;
	width: 2%;
	vertical-align: middle;
}
.codeNom{
	font-weight:bold;
	font-style: italic;
	padding:5px;
	//border:1px solid black;
}
.item_text{
	line-height:1;
} 
.item_text a{
	//color: #fff;
	text-decoration: none;
	font-size: 19px;
	//padding: 10px;
	//color: #9de287;
}
.item_text a:hover{
	text-decoration: underline;
	
}
.item_text p{
	font-family: 'Conv_HypatiaSansPro-ExtraLight_0';
	font-style: italic;
	line-height:1;
	padding-top:5px;
}

.catalog_price{
	//float: right;
	//border: 1px solid black;
	overflow: hidden;
	display:table-cell;
	vertical-align: top;
}
.cat_price{
	//float: left;
	display:table-cell;
	/*vertical-align: middle;*/
	width: 10%;
	text-align:center;
	color: #d1e9f9;
	font-size: 18px;
	//border:1px solid black;
	
}
.cat_price p:not(.val_disc){
	display:none;
}
.cat_price_one{
	//float: left;
	display:table-cell;
	/*vertical-align: middle;*/
	
	width: 20%;
	text-align:center;
	color: #d1e9f9;
	font-size: 30px;
	//border:1px solid black;
	
}
.cat_price_one p:not(.val_disc){
	display:none;
}
.sec_ost{
	//float: left;
	//padding: 0px 0px 0px 5px;
	display:table-cell;
	height: 50px;
	vertical-align: middle;
	width:1%;
	//border:1px solid black;
}
.sec_ost img{
	width: 15px;
	height: 15px;
	display:block;
	//margin-right:15px;
	margin:5px;
}	
.sec_addbsk_el{
	display:table-cell;
	float: none;
	//height: 100px;
	vertical-align: top;
	//width:86px;
	text-align:center;
	//border:1px solid black;
}
.sec_addbsk_el span a{
	color: #fff;
	font-size:16px;
	display:block;
	//width:86px;
}
.sec_addbsk_el span a:hover{
	text-decoration:underline;
	color: #fff;
}
.sec_addbsk_el form{
	color: black;
}
.sec_addbsk_el form a{
	text-decoration:none;
}
.sec_addbsk_el form input{
	text-align: center;
}	
.sec_ost_n{
	//float: left;
	padding: 10px 0px 0px 30px;
	width:3%;
	display:table-cell;
	//border:1px solid black;
}
.sec_ost_n img{
	width: 15px;
	height: 15px;
	margin-right:15px;
}	
.sec_addbsk_el_n{
	//border: 1px solid green;
	//padding:7px 0px 0px 15px;
	overflow: hidden;
	//float: right;
	display:table-cell;
	text-align:center;
	width:86px;
}
.sec_addbsk_el_n a{
	color: #fff;
}
.sec_addbsk_el{
	//float: right;
	//padding:7px 0px 0px 15px;
	overflow: hidden;
	display:table-cell;
	width:11%;
	//border:1px solid black;
}
.sec_addbsk_el a{
	color: #fff;
	text-decoration: none;
	font-size:25px;
}
.sec_addbsk_el a:hover{
	//color: #fff;
	text-decoration: none;
	//font-size:35px;
}
.one_item_head{
	display:table;
	//border:1px solid black;
	border-bottom: 1px dashed #fff;
	width:100%;
	text-align:center;
	color: #fafafa;
	padding: 0 15px 10px 0;
	margin:0 0 20px 0;
}
.photo_head{
	//border:1px solid black;
	display:table-cell;
	width:10%;
}
.photo_head span{
	//border:1px solid black;
	vertical-align:center;
}	
.code_head{
	//border:1px solid black;
	display:table-cell;
	width:8%;
}
.name_head{
	//border:1px solid black;
	display:table-cell;
	width:44.5%;
}
.spec_head{
	//border:1px solid black;
	display:table-cell;
	width:2%;
}
.price_deliv_head{
	//border:1px solid black;
	display:table-cell;
	width:10%;
}
.price_pickup_head{
	//border:1px solid black;
	display:table-cell;
	width:10%;
}
.is_head{
	//border:1px solid black;
	display:table-cell;
	width:15%;
	text-align:left;
}
.buy_head{
	//border:1px solid black;
	display:table-cell;
}
.sec_addbsk_el form .button_add{
	width:100%;
	border:none;
	height: 25px;
	background-color: #1485CE;
	border-color: #1485CE;
	color: #FFF
}
.sec_addbsk_el form .button_add:hover{
	background-color: #53A4D8;
	border-color: #53A4D8;
	color: #FFF
}
/*Всплывающий скриншот*/
.thumbnail_d{  
position: relative;  
z-index: 0;
 float: left;
 //padding-right: 45px;
 padding:0;
 margin:0 0 0 33%;
//background-color: #62412b;
border:none;
//text-align:center; 
}  

.thumbnail_d span{ /*CSS for enlarged image*/  
position: absolute;
width:210px;
//opacity: 0.6;  
opacity: 1;  
//background-color: #3d3d3d; 
background-color: #598d81; 
padding: 5px;  
left: -1000px;  
border: 1px solid white;  
//visibility: hidden;  
visibility: visible;  
color: Yellow; 
text-decoration: none;  
border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
font-size: 10pt;
font-family: 'Conv_HypatiaSansPro-ExtraLight_0';
}  

.thumbnail_d:hover span{ /*CSS for enlarged image on hover*/  
//visibility: visible; 
//visibility: hidden;   
top: -170px;  
left: -220px; /*position where enlarged image should offset horizontally */
color: #fff; 
}  

.thumbnail_d font{
	//text-decoration:underline;	
	font:  10pt "Arial Unicode MS"; color:#3c5690;
	text-decoration:underline;
	//font-size:10pt;
	//color:#00e944;
	color:#fff;
	padding: 0;
	//font-family: 'Conv_HypatiaSansPro-Regular_0';
	font-style: italic;
	/*margin-left:10px;*/
}
.thumbnail_d_net font{
	//text-decoration:underline;	
	font:  10pt "Arial Unicode MS"; color:#3c5690;
	text-decoration:none;
	//font-size:10pt;
	//color:#00e944;
	color:#fff;
	padding: 0;
	//font-family: 'Conv_HypatiaSansPro-Regular_0';
	font-style: italic;
	/*margin-left:10px;*/
}

.thumbnaill{  
position: relative;  
z-index: 0;
 float: left;
 //padding-right: 45px;
 padding:0;
 margin:0 0 0 33%;
 //background-color: #62412b;
border:none;
//text-align:center; 
}  

.thumbnaill span{ /*CSS for enlarged image*/ 
position: absolute;
width:210px;
//opacity: 0.6;  
opacity: 1;  
//background-color: #3d3d3d; 
background-color: #598d81; 
padding: 5px;  
left: -1200px; 
border: 1px solid white;  
//visibility: hidden;  
visibility: visible;  
color: Yellow; 
text-decoration: none;  
border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
font-size: 10pt;
font-family: 'Conv_HypatiaSansPro-ExtraLight_0';
line-height: 0.9;
}  

.thumbnaill:hover span{ /*CSS for enlarged image on hover*/  
//visibility: visible; 
//visibility: hidden;   
top: -95px;  
left: -10px; /*position where enlarged image should offset horizontally */
color: #fff; 
}  

.thumbnaill font{
	//text-decoration:underline;	
	font:  10pt "Arial Unicode MS"; color:#3c5690;
	text-decoration:underline;
	//font-size:10pt;
	//color:#00e944;
	color:#fff;
	padding: 0;
	//font-family: 'Conv_HypatiaSansPro-Regular_0';
	font-style: italic;
}

/*одна цена внимание*/

.thumbnaill_one{  
position: relative;  
z-index: 0;
 //padding-right: 45px;
 padding:0;
 //background-color: #62412b;
border:none;
//text-align:center; 
}  

.thumbnaill_one span{ /*CSS for enlarged image*/ 
position: absolute;
width:210px;
//opacity: 0.6;  
opacity: 1;  
//background-color: #3d3d3d; 
background-color: #598d81; 
padding: 5px;  
left: -1000px;  
border: 1px solid white;  
//visibility: hidden;  
visibility: visible;  
color: Yellow; 
text-decoration: none;  
border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
font-size: 10pt;
font-family: 'Conv_HypatiaSansPro-ExtraLight_0';
line-height: 0.9;
}  

.thumbnaill_one:hover span{ /*CSS for enlarged image on hover*/  
//visibility: visible; 
//visibility: hidden;   
top: -70px;  
left: 70px; /*position where enlarged image should offset horizontally */
color: #fff; 
}  

.thumbnaill_one font{	
	font:  10pt "Arial Unicode MS"; color:#3c5690;
	text-decoration:underline;
	color:#fff;
	padding: 0;
	//font-family: 'Conv_HypatiaSansPro-Regular_0';
	font-style: italic;
	position:absolute;
	bottom: -12px;
    right: 30%;
}

.head_table{
	border-bottom:1px solid #fff;
}
.val_disc{
	/*font-weight: bold;
	display: block;*/
}
.minus-png,.plus-png{
	height:14px;
}
/*adaptive*/
@media (max-width:320px){
	
}
/* End */
/* /local/templates/coffeeteatrade_gn/components/bitrix/breadcrumb/nav/style.css?1602792449707 */
/* /local/templates/coffeeteatrade_gn/components/bitrix/menu/animate_menu/style.css?16027924495350 */
/* /bitrix/components/bitrix/system.pagenavigation/templates/round/style.css?16027924322917 */
/* /local/templates/coffeeteatrade_gn/components/bitrix/catalog.section/.default/style.css?16027924499208 */