*{margin:0;padding:0;}

@font-face {font-family:PNDinDisplayPro; src:url(/css/fonts/pfdindisplaypro-regular.ttf);}
body	{
	font-family:PNDinDisplayPro, sans-serif;
	font-size:1em;
	color:#434343;
	line-height:1;
	background-color:#fff;
	}


nav	{margin:auto; width:1250px;}

#mb	{
	width:30px;
	height:30px;
	background-image:url('/pics/menu.gif');
	cursor:pointer;
	margin:1em;
	display:none;
	position:absolute;
	top:1em;
	right:0;
	margin-top:0.2em;
	}

.logo 	{margin:1.4em 1em; float:left;}
.logo div:first-child 	{font-size:1.5em; font-weight:bold; color:#5690CF;}
.logo a	{text-decoration:none;}

#menu li div:first-child {font-size:1.3em;}

#menu li{
	list-style:none;
	float:left;
	position:relative;
	padding:1.5em 1em;
	}
#menu li.shop {padding:0; z-index:2;}
#menu li.shop a {color:#434343;}

#menu li.ext	{padding:0; background-color:#A4E267; color:#fff;}
#menu li.ext a	{color:#fff;}
#menu li.ext a:hover	{background-color:#A4E267;}

#menu li.etc div {float:left;}

#menu li.about {padding:0;}
#menu li.about a {color:#434343;}

#menu li a{
	display:block;
	text-decoration:none;
	padding:1.5em 1em;
	}

#menu li a:hover{
	color:#fff;
	text-decoration:none;
	}

/* выпадающее меню */
#menu ul{
	list-style:none;
	position:absolute;
	left:-9999px; /* Скрываем за экраном, когда не нужно (данный метод лучше, чем display:none;) */
	opacity:0; /* Устнавливаем начальное состояние прозрачности */

	-webkit-transition:0.25s linear opacity; /* В Webkit выпадающие пункты будут проявляться */

	white-space:nowrap; /* Останавливаем перенос текста и создаем многострочный выпадающий пункт */
	background-color:#85B0E3;

	padding:1em;
	min-width:15em;
	}

/* пункты выпадающего меню */
#menu ul li{
	float:none;
	color:#fff;
	padding:0;
	}

#menu ul li a{padding:0.3em 1em 0.3em 0;}

#menu li:hover ul
	{
	left:0;
	opacity:1;
	}
#menu li:hover a {
	text-decoration:none;
	background-color:#85B0E3;
	color:#fff;
	}
#menu li:hover ul a{
	color:#fff;
	padding:0.3em 1em 0.3em 0;
	background-image: none; 
/*
	-webkit-transition:-webkit-transform 0.075s linear;
*/
	}
#menu li:hover ul li a:hover {text-decoration:underline;}

/* выпадающее меню 2 уровня*/
#menu ul li ul {
	display:none;
	min-width:5em;
	}

#menu ul li:hover ul { /* Выводим выпадающий пункт при наведении курсора */
	display:block;
	left:15.5em;
	margin-top:-2.2em;
	padding-top:0em;
	padding-right:0;
	}

#menu ul li ul li:nth-child(2) {padding-top:0.6em;}


#menu .bluewave-top,
#menu .bluewave-bottom	{
	width:100%;
	height:1em;
	position:absolute;
	background-repeat:repeat-x;
	}
#menu .bluewave-top	{
	background-image:url(/pics/bg/wave-blue-top.png);
	margin-top:-0.4em;
	margin-left:-1em;
	padding-bottom:0.5em;
	}
#menu .bluewave-bottom	{
	background-image:url(/pics/bg/wave-blue-bottom.png);
	margin-top:1em;
	margin-left:-1em;
	}

#menu .wave01	{
	margin-top:-1.4em;
	margin-left:-1em;
	width:100%;
	position:absolute;
	background-image:url(/pics/bg/wave0.png);
	background-repeat:repeat-x;
	height:1em;
	z-index:3;
	}
/* стрелки в выпадающем меню */
#menu .arr	{position:absolute; z-index:2; margin-top:-1.3em; right:-0.5em;}


.search	{float:left; margin:1em 0 0 1em; width:360px;}
.search .input	{display:inline;}
.search .input input[type="text"]	{width:300px; margin:0.5em 0; height:20px; padding:0.5em 30px 0.5em 1em; border:1px solid #5690CF; border-radius:2em; font-size:0.9em; }
.search .img	{margin-top:11px; display:inline; position:absolute; margin-left:-33px;}
.search .img img {cursor:pointer; border:0;}

.enter-reg div {float:left; margin:2em 0.5em 1em 0;}
.enter-reg img {margin-left:1em; cursor:pointer;}

.enter-reg div:nth-child(2), .enter-reg div:nth-child(4) {cursor:pointer;}


.topline	{background-color:#5690CF; height:2.5em;}

/* волны */
.wave0,
.wave1	{
	position:absolute;
	width:100%;
	background-repeat:repeat-x;
	height:14px;
	margin-top:-8px;
	background-image:url(/pics/bg/wave0.png); 
	}
.wave1	{background-position:11px;}

/* общие стили */
h1	{font-size:2.2em; text-align:center; text-transform:uppercase; margin-bottom:0.3em; text-align:left;}
p	{line-height:1.3; margin-bottom:1em;}
a	{color:#434343;}

/* контент */
.content	{margin:2em auto; width:1200px;}
.content h2	{font-size:1.4em; margin-bottom:0.3em;}
.content .img_l	{float:left;}
.content .img_r	{float:right;}

.ol, .ul{line-height:1.2; margin-bottom:1em;}
.ol li	{margin-left:1em;}
.ul li	{margin-left:1.5em;}

ul.breadcrumbs1	{font-size:0.9em; color:#76A8D9; margin:1em; line-height:1.3;}
ul.breadcrumbs1 li	{list-style:none; display:inline-block;}
ul.breadcrumbs1 li.arr	{margin:0 0.2em; height:9px; width:9px; background-image:url(/pics/bc-arr.gif);}

.content .breadcrumbs1	{margin:0 0 1em 0;}
.content .breadcrumbs1 li {margin-left:0;}


footer	{color:#8D9EB2; background:#0C1B38 url(/pics/bg/footer.jpg) center top;}
footer > div	{margin:auto; width:1200px; padding:2em 0 1em;}
footer .title	{font-size:1.3em; color:#fff; margin-bottom:0.8em;}
footer .links	{float:left; margin-right:14em; margin-bottom:1em;}
footer .links	ul	{list-style-type:none; line-height:1.5; font-size:0.9em;}
footer .links	a	{text-decoration:none; color:#8D9EB2;}
footer .links	a:hover {text-decoration:underline; color:#B6C6D6;}

footer .about	{float:left; width:400px; margin-bottom:1em;}
footer .about	ol	{list-style-type:none; counter-reset:li; line-height:1.4; font-size:0.9em;}
footer .about	ol li	{position:relative; padding: 0.2em 0 0.2em 3em; margin-bottom:0.5em;}
footer .about	ol li:before
	{
	color:#fff;
	content:counter(li);
	counter-increment:li;
	position:absolute; 
	left:0.2em;
	top:50%;
	margin-top:-1.1em;
	height:1.8em;
	width:1.8em;
	line-height:1.8em;
	text-align: center;
	font-size:1.1em;
	border:2px solid #8D9EB2;
	border-radius:1.8em;
	}
footer .about	ol li:last-child:before{display:none;}
footer .contact	{float:right; font-size:0.9em;}
footer .phone	{font-size:1.2em; line-height:1.3; margin-bottom:1em;}
footer .schedule{margin-bottom:2em;}
footer .email	{margin-bottom:1em;}
footer .email a	{color:#8D9EB2;}
footer .line	{margin:1em 0; border-top:1px dashed #3E5066;}
footer .copy	{color:#fff; text-align:center;}

input[type="button"],
input[type="submit"]
	{
	background-color:#5690CF;
	color:#fff;
	border-radius:1.1em;
	font-size:1.3em;
	cursor:pointer;
	padding: 0.5em 1em;
	border:0;
	}

textarea
	{
	width:95%;
	border-radius:0.5em;
	border:1px solid #DCDCDC;
	min-height:10em;
	margin-bottom:1em;
	font-family:PNDinDisplayPro, sans-serif;
	font-size:1em;
	color:#434343;
	padding:0.5em;
	}

input[type="text"]
	{
	width:16em;
	margin:0.5em 0;
	padding:0.4em;
	border:1px solid #98BFEA;
	border-radius:0.5em;
	font-size:1em;
	font-family:PNDinDisplayPro, sans-serif;
	color:#8B8B8B;
	}

.clear	{clear:both;}

/* Сообщения об ошибке */
.warning{color:#ff0000;}

/* Оценка */
.rating div	{position:absolute;}
.rating ul	{margin-left:3.7em;}
.rating li	{display:inline-block; margin:0 1px;}

/* отзывы */
.main5 .item	{margin:1em auto; width:98%; padding:1em; border:1px solid #DCDCDC; border-radius:0.5em;}
.main5 .review1	{background-color:#fff;}
.main5 .review2	{width:90%; background-color:#F7F7F7;}
.main5 .reviews	{display:table-cell;}
.main5 .r1 {border-right:1px dashed #C1C1C1;}
.main5 .r2 {padding:1em 1em 0 2em;}
.main5 .r1 img {width:100px; height:100px; border-radius:50%; float:left;}
.main5 .r1 .name {margin-left:120px; font-size:1.2em; padding:1em 2em 0.3em 0; white-space:nowrap;}
.main5 .r1 .data {margin-left:120px;}
.main5 .r1 .rating	{margin-left:120px; margin-top:1em; min-width:10em;}
.main5 .r1 .rating li	{width:13px; height:13px; background:url(/pics/ico/star13.png);}
.main5 .r1 .rating div	{margin-top:-1px;}

/* Кэшбэк в популярных магазинах */
.main3	{margin:2em auto; width:1250px;}
.main3 h1,
.main3 h2,
.main3 h3 {font-size:2.2em; text-align:center; text-transform:uppercase; margin-bottom:0.3em;}
.main3 h2 {font-size:1.8em; text-align:left; margin-bottom:1em;}
.main3 .shops	{margin:1.5em 0;}
.main3 .item	{float:left; margin:0 1.5em 2.5em 0.5em; color:#666; font-size:0.9em; cursor:pointer;}
.main3 .shop,
.main3 .cashback{border:1px solid #DCDCDC; width:190px;	height:90px; border-radius:0.5em;}
.main3 .shop {background-position:center center; background-repeat:no-repeat;}
.main3 .top1 {position:absolute; z-index:1; background:url(/pics/top.png) no-repeat; background-position:1px 1px; width:67px; height:43px;}
.main3 .cashback {background-color:#F7F7F7; text-align:center; font-size:1.2em;}
.main3 .cashback > div {font-size:1.2em; margin:0.8em 0 0.7em;}
.main3 .cashback .small {font-size:1em;}
.main3 .cashback span {background-color:#8EB5E0; color:#fff; padding:0.5em 0.4em; border-radius:50%;}
.main3 .cashback span.top {background-color:#FFBB2C; background:linear-gradient(to bottom, #FFD640 5%, #FF9A0E 100%);}
/*
.main3 .cashback a {text-decoration:none; box-shadow: 0 0.3em 1em rgba(0,0,0,0.75);}
*/
.main3 .cashback p a {text-decoration:none;}


/* чёрно-белое */
.b_w {    
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: url(/css/grayscale.svg#greyscale); /* Firefox 4+ */
  filter: gray; /* IE 6-9 */
}    

/* Страницы */
.pages	{margin-bottom:2em;}
.pages li {display:inline-block; width:2.5em; height:2.5em; text-align:center; line-height:2.6;}
.pages li a	{color:#434343;}
.pages li.active {border:1px solid #85B0E3; border-radius:50%; padding-left:1px;}
.pages li.next	{margin:0 1em; width:6em;}

.rub	{display:inline-block; border-bottom:0.1em solid; line-height:0.3em; width:0.5em;}



/* Модальное окно с полями */
#modal_window {
	width:280px; 
	height:295px;
	border-radius:5px;
/*
	border:1px #ccc solid;
*/
	background-color:#5690CF;
	position:fixed;
	top:45%;
	left:50%;
	margin-top:-130px;
	margin-left:-160px;
	display:none;
	opacity:0;
	z-index:3;
	padding:50px 1em 1em 1em;
}

#modal_window h1 {font-size:1.5em; color:#fff; text-align:center;}
#modal_window .forms {background-color:#fff; padding:1em; border-radius:0.5em; font-size:0.9em;}
#modal_window .finput input[type="text"],
#modal_window .finput input[type="password"]	{width:16em; margin:0.5em 0; padding:0.4em; border:1px solid #98BFEA; border-radius:0.5em; font-size:1em; font-family:PNDinDisplayPro, sans-serif; color:#8B8B8B;}
#modal_window input[type="submit"] {background-color:#FDBB29; font-size:1em;}
#modal_window .submit	{text-align:center; margin:0.5em;}
#modal_window .password	{margin-top:0.3em; text-align: center;}

#modal_window input[type="text"].error,
#modal_window input[type="password"].error	{border:1px solid #ff0000;}

/* Кнoпкa "Зaкрыть" */
#modal_close {position:absolute; top:1em; right:1em; cursor:pointer; display:block;}
#modal_close img {width:27px; height:27px; border:0;}

/* Пoдлoжкa */
#overlay {
	z-index:2;
	position:fixed;
	background-color:#fff;
	opacity:0.5;
	-moz-opacity:0.6;
	filter:alpha(opacity=60);
	width:100%; 
	height:100%;
	top:0;
	left:0;
	display:none;
}

/* Модаельное сообщение об ошибке или уведомление */
#modal_window_message{
	width:300px; 
	height:60px;
	border-radius:5px;
	background-color:#A4E267;
	position:fixed;
	top:45%;
	left:50%;
	margin-top:-40px;
	margin-left:-170px;
	display:none;
	opacity:0;
	z-index:5;
	text-align:center;
	color:#fff;
	font-size:1em;
	line-height:1.2;
	padding:1em;
}


/* Результаты поиска - выпадающий список */
#search_shops
{
 display:none;
 width:15em;
 background-color:#fff;
/* font-weight:bold;	*/
 position: absolute;
 border:1px solid #DCDCDC;
/*
 overflow-y:scroll;
 max-height:10em;
*/
 z-index:2;
 text-align:left;
}
#search_shops .advice {cursor:pointer; padding:.5em;}
#search_shops .advice:hover {color:#fff; background-color:#5690CF;}


/*******************************************************************/

/* если < 1250px */
@media screen and (max-width:1250px)
{
 nav	{width:100%;}

 .search	{width:160px;}
 .search .input input[type="text"]	{width:100px;}

 .content	{width:90%;}

 footer > div	{width:90%;}
 footer .links	{margin-right:7em;}

 .main3	{width:100%;}

}

/* если < 1000px */
@media screen and (max-width:1000px)
{

 #menu li.ext	{display:none;}
 #menu li.about	{display:none;}

 footer .about	{width:350px; margin-right:5em;}
 footer .contact{float:left;}
}

/* если < 750px */
@media screen and (max-width:750px)
{
 nav	{width:100%;}
 #mb	{display:block;}
 .logo	{float:none;}
 #menu	{display:none;}
 #menu li div:first-child {font-size:1.1em;}
 #menu ul{min-width:13em;  opacity:1;}
 #menu ul li ul {position:relative;}
 #menu ul li:hover ul {left:0; display:none; margin-top:1em;}
 #menu li.shop ul li .active	{
	-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);
	}

 .search	{display:none; float:none; width:65%; text-align:center; margin-left:7em; margin-top:2.3em;}
 .search .input input[type="text"]	{width:60%;}
 .enter-reg	{display:none; float:left;}
 /* скрываем раздел 2 и 3 */
 #menu li.ext	{display:none;}
 #menu li.about	{display:none;}

 footer > div	{width:80%; padding:2em 2em 1em;}
 footer .links	{float:none; margin-right:0;}
 footer .about	{float:none; width:100%;}
 footer .contact{float:none;}

 /* отзывы */
 .main5	{padding: 2em 1em;}
 .main5 .reviews{display:block;}
 .main5 .r1 {border-right:0; border-bottom:1px dashed #C1C1C1; padding-bottom:1em;}

 #search_shops {margin-left:8%;}

}

/* если < 500px */
@media screen and (max-width:500px)
{
 h1 {font-size:1.8em;}

 #search_shops {margin-left:6%;}

}