/*  стиль для карточек, размерность колонок, внутренние страницы карточек*/
#cardmenu {
display: inline-block;
text-align:center; 
margin: 0 0 1.5% 0;
width: 100%;
}

#cardmenu h1 {
	margin: 0;
	padding: 0;
}

#cardmenu_justify { /*растянуть блоки на всю ширину*/
text-align:justify;
-moz-text-align-last: justify; 
text-align-last: justify;
}
#cardmenu_left { /**/
text-align:left;
-moz-text-align-last: left; 
text-align-last: left;
}

#subcardmenu_main { 		/*стиль карточек меню на главной*/
text-align: center; -moz-text-align-last: center; text-align-last:center; 
display: inline-block;
margin: 10px 0;
background: white;
vertical-align: top;
height:100%;
width: 23%;
}

#subcardmenu_main :hover h2{
background: #fed022;	
}

#subcardmenu_main h2 {
padding: 5px 0;
background: #fff29d;
}

#subcardmenu_main img {
width: 95%;
padding: 2% 0;
}

#subcardmenu { 		/*общий стиль карточек товара*/
text-align: center; -moz-text-align-last: center; text-align-last:center; 
display: inline-block;
margin: 10px 0;
background: white;
vertical-align: top;
height:100%;
border: 1px solid #ccc;
box-shadow: 0 0 7px #ccc;
-webkit-box-shadow: 0 0 7px #ccc;
-moz-box-shadow: 0 0 7px #ccc;
}

#subcardmenu img {
display: block;
margin: 0px 0px;
}

#subcardmenu span { /* цена товара*/
color: white; background:#9c2e15; padding: 3px 10px;  margin: 0 10px 0 10px; border-radius: 5px;  font-weight: bold; font-size: 1.125em;
}

#subcardmenu h2 {
text-align: center;
padding: 0 0 1% 0;
}

#subcardmenu h3 {
font-size: 1.125em;
line-height: 1.25 em;
text-align: center;
color: #ссс;
padding: 1% 0 1% 0;
}

.subcardmenu:hover { /* тень при наведении на картинку */
box-shadow: 0 0 10px #777 !important;
-webkit-box-shadow: 0 0 10px #777 !important;
-moz-box-shadow: 0 0 10px #777 !important;	
}

.subcardmenu_col1 {
	width: 100%;
}

.subcardmenu_col1 img {
	width: 100%;
}

.subcardmenu_col2 {
width: 47%;	
}

.sub_subcardmenu_col2 { /*вторая вложенность в col2*/
width: 46%;	
}

.subcardmenu_col3 {
width: 32%;	
}
.subcardmenu_col4  {
width: 21%; 
}

.subcardmenu_col6  {
width: 14%; 
}
.divclear {
clear: both;
}

/*навигация по материалам*/
.subcardmenu_nav2 {
vertical-align: top;
float: left;
margin: 1% 2% ;
text-align: center;
display: inline-block;
height: auto;
font-size: 1.125em !important;
}

.subcardmenu_nav2 p{padding:5px 10px;}
.subcardmenu_nav2 p:hover {background-color: #a6ce39;}
.subcardmenu_nav2:hover a  {color: #fff;}
.pactive_2  {background-color: #a6ce39; color: #fff; }
/*end*/

/*для внутренних страниц каталога прихожие и т.д. */
.cardleft { /*левая часть в страницах каталога */
float: left;
width: 55%;
Padding: 5px 0 0;	
} 

.cardright {
	margin: 0 0 0 57%;
}

.cardright p {
	margin-bottom: 10px;
}
/*end*/

.cardtextr {			/* текст с отступом сверху и снизу*/
text-align: left; text-align-last: left !important; -moz-text-align-last: left !important;
margin: 5px 0;
}

.cardtextr_mini {			/* текст описания под картинками уменьшенный*/
font-size: 0.875em;
margin: 5px 0 5px 10px;
font-weight: bold;
text-align: left; text-align-last: left !important; -moz-text-align-last: left !important;
}

.textgray {                 /* текст описания под картинками уменьшенный серый*/
	font-size: 0.875em;
	color: #777;
}

.ram_h { /*заголовки с зеленым подчеркиванием в proekti*/
padding: 5px; margin: 0 0 5px 0; font-size: 1.125em; font-style: normal; color: #555; border-bottom: 3px solid #a6ce39;	text-align: left !important; -moz-text-align-last: left; text-align-last:left; 
}

.tablegreen {			/*выделение подзаголовков желтая полоса kitchenmodul*/
display: inline-block;
width: 100%; 
font-weight: 600;
text-align: center;
padding: 7px 0px;
margin: 5px 0;
background-color: #fcdc41;
background: linear-gradient(to top, #fcdc41, #f3bd05);
background: -webkit-linear-gradient(top, #fcdc41, #f3bd05);
background: -o-linear-gradient(top, #fcdc41, #f3bd05);
background: -moz-linear-gradient(top, #fcdc41, #f3bd05);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcdc41', endColorstr='#f3bd05'); 
}

.tablegreen p {color:#111; text-shadow: 0px 1px 0px #faf0c2;}

.tablegreen span {color: #3e5a14; text-shadow: 0px 1px 0px #ffe876; font-weight: bold;}

/* ---end--- */

.cost_main {					/* стиль ценников*/
	font-size: 1.625em;
	color: #83a526;
	font-weight: bold
}

.cost_main img {
display: inline !important;
}

 /*Табы в прихожих (модульные элементы внизу)*/
 .tabs_block {
    width: 100%;
    margin: 10px 0 0;
}
.tabs_block:after {
    content:"";
    display:block;
    clear:both;
}
/* панель навигации вкладок */
.tabs {
    margin: 0;
    padding: 0;
    list-style: none;
    float:left;
	border-left: 2px solid #ccc;
}
/* список вкладок */
.tabs li {
    text-align:center;
    float:left;
    padding:8px 15px;
    background:#f1f1f1;
    margin-right:1px;
    cursor:pointer;
    -webkit-transition:all .2s linear 0s;
    -webkit-transition-delay:.2s 0s;
    transition:all .2s linear 0s;
	border: 1px solid #ccc;
}
/* активная вкладка */
.tabs li.active {
    background:#fdfdfd;
    color:#4F5559; 
	border-top: 2px solid #ccc;
	border-right: 2px solid #ccc;
	border-bottom: none;
	border-left: none;
}
/* блоки вкладок с содержанием */
.box {
    background:#fdfdfd;
    width:100%;
    padding: 0;
    display:none;
    text-align: left;
    float: left;
	padding: 0 1%;
	border-left: 2px solid #ccc;
}
/* параграф внутри вкладок */
.box p {
    margin-bottom: 5px;
}
/* активный блок при загрузке */
.visible, .open_tab {
    display: block;
}

/*картинки мини в готовых кухнях в карточках */
.imgnavtitle {
font-size: 1.25em;
padding: 0 25px;
}

.imgnavtitle  img {
vertical-align: top;
text-align: center;
padding: 0 15px 0 0;
width:120px; 
height:100px;
}

.imgnavtitle img:hover {
width: 130px;
height: 110px;
padding: 0 10px 0 0;
margin: 0 0 -10px -5px;
}
/* ---end--- */



.imggalery {               /*  стиль панели с фотопечатью*/
float: left;
display: inline-block;
margin: 10px 10px;
}

/*КНОПКИ*/
/*Зеленая кнопка стиль*/
.nextlink {
text-align: justify;
padding: 6px 10px; 
text-shadow: 1px 1px 2px black;
background: -webkit-linear-gradient(top, #98cc53, #76a835);
background: -o-linear-gradient(top, #98cc53, #76a835);
background: -moz-linear-gradient(top, #98cc53, #76a835);
background: -ms-linear-gradient(top, #98cc53, #76a835);
background-color: #76a835;
color: white;
font-weight: bold;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcdc41', endColorstr='#f3bd05');
}

.nextlink:hover
{
background: -webkit-linear-gradient(top, #b1de75, #76a835);
background: -o-linear-gradient(top, #b1de75, #76a835);
background: -moz-linear-gradient(top, #b1de75, #76a835);
background: -ms-linear-gradient(top, #b1de75, #76a835);
background-color: #98cc53;
}
/*КНОПКИ конец*/

.resize1 {
width: 100px;
height: 100px;
}

/* плавнове раскрытие */
.opis{display:none; text-align: justify;}

.resize_thumb {
width: 170px; /* Вводим нужный размер миниатюры здесь */
height : auto;
}
/* Код увеличителя закончен */

/* Всплывающая подсказка  */
#tooltip
{
    text-align: center;
    background: #fff29d;
    position: absolute;
    z-index: 100;
    padding: 15px;
}
  
#tooltip:after /* triangle decoration */
    {
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #fff29d;
        content: '';
        position: absolute;
        left: 50%;
        bottom: -10px;
        margin-left: 0px;
    }
  
 #tooltip.top:after
        {
            border-top-color: transparent;
            border-bottom: 10px solid #fff29d;
            top: -20px;
            bottom: auto;
        }
  
 #tooltip.left:after
        {
            left: 10px;
            margin: 0;
        }
  
#tooltip.right:after
        {
            right: 10px;
            left: auto;
            margin: 0;
        }
/* ---end--- */



/* стили для расчетной формы */
.size_r {
	padding: 5px 0px;
	display: inline-block;
	vertical-align: top;
}
.size .line-label {
    color: #000;
    float: left;
    font-weight: 700;
    padding: 15px 10px 0 0;
}

.size input.text {
    float: left;
    height: 25px;
    margin: 0 24px 0 0;
    text-align: center;
    width: 65px;
	border: 2px solid #777;
}

.size  label#sizet {
    display: block;
}

.size label {
display: none;
}

.plan_kitchen {
margin: 10px 20px;
width: 20%;
display: inline-block;
text-align: center;
vertical-align: top;
}

.raschet_param {
width: 96%; float: left; text-align: left; font-weight:bold; padding: 5px
}

.raschet_param select,  textarea{
border: 2px solid #777;
padding: 3px 5px;
}

/*Стиль окна для отправки сообщения */
.area {
box-shadow: 0 0 7px #ccc;
-webkit-box-shadow: 0 0 7px #ccc;
-moz-box-shadow: 0 0 7px #ccc;
}

/* jssor slider arrow navigator skin 05 css */
        /*
        .jssora05l                  (normal)
        .jssora05r                  (normal)
        .jssora05l:hover            (normal mouseover)
        .jssora05r:hover            (normal mouseover)
        .jssora05l.jssora05ldn      (mousedown)
        .jssora05r.jssora05rdn      (mousedown)
        .jssora05l.jssora05lds      (disabled)
        .jssora05r.jssora05rds      (disabled)
        */
        .jssora05l, .jssora05r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 40px;
            height: 40px;
            cursor: pointer;
            background: url('/images/a17.png') no-repeat;
            overflow: hidden;
        }
        .jssora05l { background-position: -10px -40px; }
        .jssora05r { background-position: -70px -40px; }
        .jssora05l:hover { background-position: -130px -40px; }
        .jssora05r:hover { background-position: -190px -40px; }
        .jssora05l.jssora05ldn { background-position: -250px -40px; }
        .jssora05r.jssora05rdn { background-position: -310px -40px; }
        .jssora05l.jssora05lds { background-position: -10px -40px; opacity: .3; pointer-events: none; }
        .jssora05r.jssora05rds { background-position: -70px -40px; opacity: .3; pointer-events: none; }
        /* jssor slider thumbnail navigator skin 01 css *//*.jssort01 .p            (normal).jssort01 .p:hover      (normal mouseover).jssort01 .p.pav        (active).jssort01 .p.pdn        (mousedown)*/.jssort01 .p {    position: absolute;    top: 0;    left: 0;    width: 72px;    height: 72px;}.jssort01 .t {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    border: none;}.jssort01 .w {    position: absolute;    top: 0px;    left: 0px;    width: 100%;    height: 100%;}.jssort01 .c {    position: absolute;    top: 0px;    left: 0px;    width: 68px;    height: 68px;    border: #000 2px solid;    box-sizing: content-box;    background: url('/images/t01.png') -800px -800px no-repeat;    _background: none;}.jssort01 .pav .c {    top: 2px;    _top: 0px;    left: 2px;    _left: 0px;    width: 68px;    height: 68px;    border: #000 0px solid;    _border: #fff 2px solid;    background-position: 50% 50%;}.jssort01 .p:hover .c {    top: 0px;    left: 0px;    width: 70px;    height: 70px;    border: #fff 1px solid;    background-position: 50% 50%;}.jssort01 .p.pdn .c {    background-position: 50% 50%;    width: 68px;    height: 68px;    border: #000 2px solid;}* html .jssort01 .c, * html .jssort01 .pdn .c, * html .jssort01 .pav .c {    /* ie quirks mode adjust */    width /**/: 72px;    height /**/: 72px;}
    
/*стиль коментариев отзывы*/

.name_otzv {
font-size: 1.375em;
color: #9C2E15;
}

/* Переопределение стилей в медиазапросах */
@media only screen and (max-width:1000px){

#cardmenu {
margin: 5px 0;	
}

.subcardmenu_col2 {
width: 95.5%;
}

.subcardmenu_col1 {
width: 95.5%;
}

.katmenu_text {
	float: left;
	width: 100%;
	padding: 10px;
}

.katmenu_block {
	width: 44%;
}

}
@media only screen and (max-width:850px){

#subcardmenu_main {
width: 46%
}

.subcardmenu_nav  {
width: 44.5%;
margin: 1% 0;
}

.subcardmenu_nav  img {
width: 50%;
margin: 0px;
}
.subcardmenu_col4 {
width: 46%;
}		

.subcardmenu_col3 {
	width: 44.5%;
}

.subcardmenu_col6  {
width: 21%; 
}

.cost_main {
	font-size: 1.125em;
}

.cardright {
	float: left;
	margin: 0;
}

.cardtextr {
margin: 5px 0 0 0;
float: left;
}

.katmenu_block img {
	width: 100%;
}

@media only screen and (max-width:480px){
#subcardmenu_main {
width: 44%
}

.subcardmenu_col4 {
width: 44%;
}		
	
}