﻿.shop-main	{min-height:265px; background:#5690CF url(/shop/shop-main.png) center no-repeat; background-size:auto 100%; color:#fff; text-align:center;}
.shop-main .p1	{display:inline-block; text-align:left; margin-right:54em;}
.shop-main .p1 .program {font-size:1.3em; padding:1.5em 0 0.5em; text-transform:uppercase;}
.shop-main .p1 .comment {font-size:1.1em; line-height:1.2; margin-bottom:1em;}
.shop-main .p1 .comment .line1 {font-size:2.2em; font-weight:bold; margin-bottom:0.2em;}
.shop-main .p1 .comment .percent
	{
	position:absolute;
	border:0px solid;
	margin-top:-1.5em;
	margin-left:4.2em;
	font-size:2.3em;
	font-weight:bold;
	padding:0.2em 0.5em 0.2em 0.3em;
	background:url(/shop/percent-bg.png) left 0.2em no-repeat;
	}
.shop-main input[type="button"]	{border:2px solid #fff; border-radius:1.3em; font-size:1.1em;}

.main3	{margin:0 auto;}

.category	{width:18em; padding:5px; border:1px solid #DCDCDC; border-radius:1em; float:left; margin-bottom:1em;}
.category .title1{padding:0.3em 0.5em 0.4em; font-size:1.6em; color:#fff; background-color:#8EB5E0; border-radius:0.5em;}

#category	{padding:0.5em;}
#category li	{padding:0.5em; list-style:none;}
#category li a	{color:#434343;	text-decoration:none;}
#category li a:hover	{color:#85B0E3; text-decoration:underline;}
#category li span	{color:#A8A8A8;}
#category ul 	{display:none; margin-top:0.5em}
#category li.active ul	{display:block; }
#category li.active ul li:first-child	{/*padding-top:1em;*/}
#category li.active 	{color:#85B0E3;}
#category li.active a	{color:#85B0E3;}
#category li.active span{color:#85B0E3;}
#category li.active ul li a {color:#434343;}
#category li.active ul li span {color:#A8A8A8;}
#category li.active ul li a:hover {color:#85B0E3;}

#category .arr	{position:relative; float:right;}
#category li.active .arr	{
    -moz-transform: rotate(90deg); /* Для Firefox */
    -ms-transform: rotate(90deg); /* Для IE */
    -webkit-transform: rotate(90deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate(90deg); /* Для Opera */
    transform: rotate(90deg);
}

.main3 h1	{text-align:left;}
.main3 .shops	{display:table-cell; padding:0.5em 1.5em;}
.main3 .shops .sort {margin:1em 1em 1.5em 0; font-size:0.9;}
.main3 .shops .sort li {display:inline-block; list-style:none; margin-right:0.7em;}
.main3 .shops .sort li a{color:#434343;}
.main3 .shops .sort li.act	{color:#85B0E3;}

.main3 .shops h2 {margin-bottom:0.5em;}


/* если < 1250px */
@media screen and (max-width:1250px)
{
 .shop-main	{width:100%; background-position:left;}
 .shop-main .p1	{position:absolute; left:1em; margin-right:0;}
 .breadcrumbs	{width:90%; margin:0;}

}

/* если < 1000px */
@media screen and (max-width:1000px)
{
 .category	{display:none;}
 .main3 .shops	{margin-left:1em;}
}

/* если < 750px */
@media screen and (max-width:750px)
{



}


/* если < 500px */
@media screen and (max-width:500px)
{
 .main3 h1	{font-size:1.8em;}

 .main3 .shops .sort li
	{
	display:block;
	background:#85B0E3;
	border:1px solid #85B0E3;
	border-radius:1em;
	margin:0.5em;
	text-align:center;
	}
 .main3 .shops .sort li a
	{
	display:block;
	padding:0.5em 1em;
	background:#fff;
	border-radius:1em;
	}

 .main3 .shops .sort li.act	{color:#fff; padding:0.5em 1em;}

}
