@import url(https://fonts.googleapis.com/css?family=Roboto:400,700italic&subset=latin,cyrillic);
* {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
    box-sizing: border-box !important;
    outline: none;
    outline-width: 0;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ul, ol { list-style-type: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
p { overflow: hidden; }

@font-color-default: #333;
@link-color-default: #FFF;
@link-color-hover: #006294;
@font-color-bright: #1e8ecf;

/** Максимальная ширина сайта **/
@site-width: 1240px;

/** Минимальная ширина сайта **/
@min-site-width: 320px;

/** Задать ширину левого сайдбара **/
@left-sidebar-width: 270px;

/** Задать ширину правого сайдбара **/
@right-sidebar-width: 0px;

/** Ширина области контента - вычисляеться автоматически (не используеться) **/
@content-width: @site-width - @left-sidebar-width - @right-sidebar-width;

/********************************************************************************* FONTS ***/

// @font-face {
//   font-family: "Century751";
//   src: local("Century751"),
//       url("../fonts/century751-sebd-bt-semi-bold.ttf");
// }
// .Century751 {
//  font-family: "Century751";
//  font-weight: normal;
// }

/*********************************************************************************** CSS ***/
h1, h2, h3, h4, h5, h6 { font-size: inherit; }

.hide { display: none; }
.clear { clear: both; }

// a { color: @link-color-default; }
// a:hover { color: @link-color-hover; }

strong, b { font-weight: bold; }
em { font-style: italic; }

/********************************************************************************** BODY ***/
body {
    color: @font-color-default;
	font-family: Roboto, Trebuchet MS, Arial, sans-serif;
    font-size: 16px;
}
/** 
  * Верстка сайта разбита на горизонтальные уровни (например: #header, #main, #footer)
  * Идентификатор (id) уровня может быть любым, его название не влияет на верстку
  * Внутри уровня обязательный вложенный блок .wrapper
  * Стили далее отражают сказанное выше...
**/
body > * > .wrapper {
    width: @site-width;
    max-width: 100%;
    min-width: @min-site-width;
    margin: 0px auto;
    overflow: hidden;
    clear: both;
    
    /** Отступ от границ блоков **/
    > * {
        padding: 5px;
        background: none;
    }
    
    /** Временное выделение границ блоков **/
    * {
        //border: 1px solid #666;
    }
}
/** 
 * Уровень #main делиться на колонки: #left-col, #center-col, #right-col
**/
#right-col, #center-col {
    padding: 5px;
    vertical-align: top;
}
#left-col {
    float: left;    
}
#right-col {
    float: right;    
}
#center-col {
    // width: @content-width + @left-sidebar-width + @right-sidebar-width;
    padding: 20px;
    max-width: 100%;
    min-width: @min-site-width;
    vertical-align: top;
    overflow: hidden;
    min-height: 500px;
    background-color: #FFF;
    box-shadow: 0px 0px 5px 0px #333; 
	// border-radius: 8px;
    text-align: justify;

    img.content-img {
            width: 100%;
            // height: auto;
            min-width: 240px;
            max-width: 760px;  
        }
}
/**
  * В зависимости от количества колонок на сайте, 
  * необходимо раскомментировать или закомментировать
  * соответствующий код ниже
  *
/************************************************************** только центральная колонка ***/
// #right-col {
//     display: none;
// }
// #left-col {
//     display: none;
// }
// #center-col {
//   width: @content-width + @right-sidebar-width + @left-sidebar-width; 
// }
/************************************************************* левая и центральная колонки ***/
#left-col {
    width: @left-sidebar-width;
    padding-right: 15px;
}
#center-col {
  //max-width: @content-width + @right-sidebar-width; 
}
#right-col {
    display: none;
}
/************************************************************ правая и центральная колонки ***/
// #right-col {
//     width: @right-sidebar-width;
// }
// #center-col {
//   width: @content-width + @left-sidebar-width; 
// }
// #left-col {
//     display: none;
// }
/***************************************************** правая, левая и центральная колонки ***/
// #right-col {
//     width: @right-sidebar-width;
// }
// #center-col {
//     width: @content-width;
// } 
// #left-col {
//     width: @left-sidebar-width;
// }
/*********************************************************************************************/

/* * * SIDEBAERS * * */


#left-col, #right-col {
    margin: 0px auto;
    
    .widget {
        // padding: 0px 10px 30px 10px;
        
        h3 {
            text-align: left;
            font-size: 16px;
            font-weight: bold;
            // margin: 8px 0px;
            display: inline-block;
            width: 100%;
        }
        a {
            // padding: 8px 0px;
            display: inline-block;
        }
    }
}


/**************************************** for new site ********************/


body {/*j*/
    background: url('../img/top-bg.jpg') top no-repeat;
    height: 500px;
    margin-bottom: -500px;/*j*/
}

#top-line {

	#top-menu { // ul
		
		li {
			margin-left: 16px;
			display: inline-block;

			a {
				display: inline-block;
				line-height: 35px;
				width: 140px;
				text-align: center; 
				margin: 5px 0px;
				text-decoration: none;
				color: #FFF;
			}

			a.active {
				background: url('../img/menu-button-bg.png');
			}
			a:hover {
				text-decoration: underline;
			}
			
			> ul {
				display: none;
			}
		}
    }     
}

#header {

    > div {
             
        div#logo {
            float: left;
            margin: 20px 0px 0px 24px;
        } 

        div.banner{
            float: left;
            padding-left: 95px;
            margin-bottom: -25px;
			img {
				width: 450px;
				display: block;
			}

        }

       @media (max-width: 1100px) {
        div.banner {
           display: none;
                }
       }

        div.contacts {
            float: right;
            padding: 5px 50px 5px 5px;
            color: @link-color-default;

            div.phones{
                 font-size: 20px;
            }
                            
            div.socials_networks{
                a {
                    display: inline-block;
                    background: url('../img/social-icons.png') no-repeat top left;
                    width: 32px;
                    height: 32px;
                    text-decoration: none;
                    margin: 10px 0px; 
                }

                .icon-google-plus {
                    background-position: 0px 0px;
                }
                .icon-vkontakte {
                    background-position: -35px 0px;
                }
                .icon-facebook {
                    background-position: -70px 0px;
                }
            } 
            
        }

        
        div.top_search {
            /* float: right; */
            background-color: #FFF;
            padding: 3px;
        }
        .submit_button{
            display: none;
        }
        .search_window{
            background: url('../img/search.png') no-repeat 168px -4px;
            padding-right:30px;
        }


    }
}
#left-col {

	ul.menu {
		width: 100%;
		padding: 0px;
		list-style-type: none;
		display: block;
		margin: 0px auto; 

		a {
			color: @font-color-default;
	
			margin: 3px 0px 5px;
			font-size: 14px;
			line-height: 20px;
			text-decoration: none;
			display: inline-block;
			width: 85%;
		}
		a:hover {
			text-decoration: underline;
		}
		
		> li {
			.toggler {
				display: hide;
				
			}

			> a {
				display: inline-block;
				line-height: 20px;
				width: 100%;
				padding: 5px 15px;
				margin: 5px 0px;
				text-transform: uppercase;
				text-decoration: none;
				font-size: 16px;
				
				background: #8B8B8B;
				background: linear-gradient(top,  #F6FAFC,  #D6E3EC);
				background: -ms-linear-gradient(top,  #F6FAFC,  #D6E3EC);
				background: -o-linear-gradient(top,  #F6FAFC,  #D6E3EC);
				background: -webkit-gradient(linear, left top, left bottom, from(#F6FAFC), to(#D6E3EC));
				background: -moz-linear-gradient(top,  #F6FAFC,  #D6E3EC);
				border: solid 1px #d6e3ec;
				
				border-radius: 8px;
				-webkit-border-radius: 14px;
				-moz-border-radius: 14px;
				
				box-shadow: 2px 2px 3px #666666;
				-webkit-box-shadow: 2px 2px 3px #666666;
				-moz-box-shadow: 2px 2px 3px #666666;
				-o-box-shadow: 2px 2px 3px #666666;
			} 
			a:active {
				color: #1E8ECF;
			} 

			 ul {
				list-style-type: none;
				padding: 0px 15px;

				li {
					line-height: 18px;
					padding: 3px 0px;
					
					span.toggler {
						cursor: pointer;
						vertical-align: middle;
						width: 20px;
						height: 20px;
						background: url('../img/icons_mini.png') no-repeat scroll;
						display: inline-block;
						float: left;
						margin: 4px 6px 10px 0px;
					}

					span.opened{
						background-position: 0px 0px;
						}

					span.opened:hover{
						background-position: -40px 0px;
					}

					span.closed{
						background-position: 0px -20px;
						}

					span.closed:hover{
						background-position: -40px -20px;
					}

					ul{
						padding-left: 45px; 

						li.parent{
							margin-left: -27px;
						}
					} 
				}
			}           
		}  
	}

	div.left-banners >* {
		width: 100%;
		margin-top: 30px;
	}
	div.bs_block {
		margin: 0px 0px 20px 0px;
	}
	div.news_block {
		border: 1px solid #c4c9e8;
		background: #f6f6f6;
		padding: 8px;
		margin: 30px 0px 0px 0px;
		font-size: 14px;
		height: 400px;
		overflow-y: scroll;
		overflow-x: hidden;
		margin-bottom: 20px;
		
		.block_header {
			color: #049ded;
			text-transform: uppercase;
			font-size: 20px;
			text-align: center;
			padding: 10px 0px;
		}
		
		.news_date {
			font-size: 12px;
			color: #ccc;
		}
		div.news.block-row {
			background: #FFF;
			padding: 10px;
			border-bottom: 2px solid #f6f6f6;

			.block-text {
				h4 {
					a {
						color: #17394e;
						// font-size: 18px;
						font-weight: bold;
					}
					a:hover {
						color: #049ded;
					}
				}
			}
		}

	}
}
@blue: #595083;

#center-col {
	a {
		color: @blue;
	}
	h1 {
		text-align: left;
		font-size: 24px;
		padding: 0px 0px 10px 0px;
	}
	
	/** DEFAULT **/
	p {
		margin: 0px 0px 10px 0px;
	}
	ul {
		margin: 0px 0px 10px 0px;
		padding: 0px 0px 0px 30px;
		
		li {
			list-style-type: disc;
		}
	}
	ol {
		margin: 0px 0px 10px 0px;
		padding: 0px 0px 0px 30px;
		
		li {
			list-style-type: number;
		}
	}
	table {
		margin: 0px 0px 10px 0px;
	}
	/** END DEFAULT **/
	
	.breadcrumb {
		margin: 0px;
		padding: 0px 0px 10px 0px;
		font-size: 14px;
		a {
			text-decoration: underline dotted;
			color: inherit;
		}
		a:hover {
			text-decoration: underline none;
		}
	}
	.js_shop_list.shop_list { // быстрая навигация м/у категориями, описание категорий
		// display: none;
		.shop_cat_link,
		.previous_next_links		{
			//display: none;
		}
		.shop_cat_link {
			
			.shop_cat_anons {
				display: none;				
			}
		}
	}

}
#main{
    div.content{
        padding: 15px;
        margin-top: -14px;
    }

    

     table.main-table{

            width: 100%;
            margin: 10px 0px;
			font-size: 12px;

            th{
                background-color: #00a1e5;
                color: #FFF;
                padding: 8px 3px;
            }

            td{
                padding: 8px 3px; 
            }

            tr:nth-child(2n+1){
                background-color: #C5DCEC;
            }

            tr:nth-child(2n){
                background-color: #ccecf9;
            }

            td, th{
                vertical-align: middle;
                text-align: center;
                border-style: solid;
                border-width: 0 1px 1px 0;
                border-color: white;

                a{
                    color: rgb(64, 146, 188);
                }

                a:hover{
                    text-decoration: none;
                }
            }
        }
}
/************* breadcrumbs *************/
 
/** FOOTER **/
#footer{
    background: url('../img/bottom-bg.jpg') bottom no-repeat;
    
	> .wrapper {

		.footer-banner {
			overflow: auto;
			width: 190px;
			height: 220px;
			margin-right: 50px;
			float: left;
		}

		div.about {
        	overflow: auto;
        	.company-inf {
        		float: left;
        		max-width: 500px;
        		padding: 20px 30px 20px 20px;
        	}
			
			.contacts {
            	
            	padding: 20px 30px 20px 20px;
            	.footer-phones {
					color: @font-color-bright;
            		font-size: 18px;
            	}
          	}   

      	}

		.counters {
			width: 100%;
			clear: both;
			overflow: auto;

			.counter {
				display: block;
				width: 88px;
				height: 31px;
				margin: 5px;
				float: left;
			}
		}
		
  
      @media (max-width: 1100px) {
              div.footer-banner {
                  img{
                      display: none;
                  }
              }
          }
  
      
  }
} 
    
/**************************************** woocommerce *********************/
table {
	td {
		border: 1px solid #ccc;
	}
}
.shop-item  {
	overflow: auto;
	padding: 10px;
	> * {
		//width: 100% / 4;
		//float: left;
		//border: 1px solid #ccc;
		padding: 5px;
	}
	
}
.sub_cat_list {
	a {
		color: rgb(18, 151, 204) !important;
		text-decoration: none;
		border-bottom: 1px dashed;
		padding-bottom: 1px;
		margin-bottom: 2px;
		display: inline-block;
	}
	a:hover {
		border-bottom: 1px dashed #FFF;
	}
}
.previous_next_links {
	margin-top: 30px;
	
	.previous_link {
		display: inline-block;
		float: left;
	}
	
	.next_link {
		display: inline-block;
		float: right;
	}
	
}
.sort-by {
	padding: 5px 0px 0px 0px;
	border-top: 1px dashed #CCC;

	a {
		font-size: 13px;
		color: #929292 !important;
		text-decoration: none;
		padding: 5px;
	}

}
.shop_all_img {
	width: 300px;
	height: 300px;
	padding: 10px;
	text-align: center;
	border: 1px solid #ccc;
	overflow: hidden;
	vertical-align: center;
	
	
	img {
		max-width: 100%;
		// max-height: 278px;
		display: inline-block;
	}
}
.control-prev, .control-next {
	display: none;
}
.items-scroller {
	a {
		width: 50px;
		height: 50px;
		display: inline-block;
		text-decoration: none;
		border: 1px solid #ccc;
		margin: 10px 0px 10px;
	}
}
.view_all_news {
	text-align: center;
	a {
		color: #1297cc;
		display: inline-block;
		padding: 5px 0px;
	}
}