/* сброс браузерных стилей */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote { padding: 0; margin: 0; }
fieldset, img, abbr, acronym { border: 0; }
ol, ul { }
address, caption, cite, code, dfn, th, var { font-weight: normal; font-style: normal; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
q:before, q:after { content: ''; }

/* общие стили */
html, body { font-size: 16px; color: #000; height: 100%; font-family: "Montserrat", "Verdana", "Tahoma"; min-height: 100%; background: #fff;}
h1, h2, h3, h4 {margin-bottom: 15px; color: #000000; }
h1 {font-size: 33px; color: #971220; font-weight: bold;} 
h2 {font-size: 25px;} 
h3 {font-size: 20px;}
.likeh2 {color: #971220; }
input {font-family: "Arial", "Verdana", "Tahoma"; font-size: 14px;}
a {color: #000;}
.small {font-size: 12px; color: #888;}
.non {margin:0; padding: 0; width: 100%; border: 0; border-collapse: collapse;}
.non tr, .non td {margin: 0; padding: 0; border: 0;}
.clearer {clear: both;}
.pie { behavior: url(PIE.htc); background: #fff; position: relative; zoom: 1;}

/* поисковая форма */
.search_form, .search_form2 { display: inline-block; background: #fff; border-radius: 13px; padding: 3px 8px 0px 8px; position: relative; top: -2px; left: -3px;}
.search_form { float: right; }
.search_form2 {border: 1px solid #ccc; margin: 15px 0 0 3px;}
.search_input {width: 200px; height: 20px;border: none;}
.search_ok {width: 24px; height: 20px;border: none; font-size: 0; display: inline-block; background: url(images/lupa.png) center center no-repeat; position: relative; top: -5px;}
.page_searchform {}
.page_searchform form input#search {}
.page_searchform form input#submit {}

/* Карусель */
.karli {height: 525px; width: 700px; margin: 0; position: relative;}
.karusel {position: relative; top: 0; left: 50%; margin-left: 350px; padding: 40px 0;}
.carr {padding: 0; overflow: hidden; height: 525px; width: 900px; background-color: rgba(0,0,0,0.1);}
.carousel_sub {position: absolute; bottom: 0; width: 100%; padding: 15px 15px 20px 15px; background-color: rgba(0,0,0,0.5); }
.carousel_sub, .carousel_sub * { color: #fff; }
.prev, .next {width: 50px; height: 120px; background: none; border: none; position: relative;}
.next {left: -20px;}
.prev {left: 25px;}

/* баллун авторизация */ 
.balloon { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display:none; z-index: 2000;  background: rgba(0,0,0,0.7);     
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#9c000000,endColorstr=#9c000000); zoom: 1;}
.balloon_in { display: none; position:absolute; z-index: 2001; left:50%; top:50%; margin-top: -100px; margin-left: -175px; width:320px; height:auto;  
	background-color: #eacc00; background: rgba(234,204,0,0.9);  padding: 15px;	color: #000;
	behavior: url(tpl/PIE.htc); }
.balloon>.arrow { position:absolute; top:-10px; left: 50px; display:block; width: 0px; height: 0px; border-right: 10px solid transparent; border-left: 10px solid transparent; 
	border-bottom: 10px solid #FFFFFF; }
.nodec {text-decoration: none; color: #777; position: relative; top: -9px; right: -6px;}
.lf, .submitreg_active { padding: 10px; width: 298px; border: 1px solid #ccc; font-size: 16px; margin-bottom: 15px; }
.lf_lb, .submitreg_active {border-radius: 3px; width: 320px; margin-bottom: 0; font-size: 18px; text-align: center; background-color: #ccc;
	background: linear-gradient(to top, #bbb, #eee); cursor: pointer; }
.submitreg {margin-top: 30px;}

/* PassEye */
.showpass, .showpass2 {display:inline-block; height: 10px; width: 18px; background:url('images/passEye.png') no-repeat left 2px; position: relative; top: 7px;
	cursor: pointer; text-decoration: none;}
.pass1 {position: relative;}
.showpass2 {background-position: left bottom; display: none;}

/* интернет магазин */
/* список товаров */
.shop_item_name a {font-size: 18px; display: block; text-align: center; text-decoration: none; font-weight: bold; margin-top: 10px; margin-bottom: 8px;} /* вид названия товара в списке товаров */
.shop_item_descr {color: #777; display: block; text-align: center; margin: 8px 0; font-size: 13px; } /* вид описания товара в списке товаров */
.tovar_cell {position: relative; display: inline-block; width: 250px; background: #eee; border-radius: 10px; padding: 15px; margin: 15px 15px 0 0; vertical-align: top;}
.shop_item_image {width: 200px; height: 200px; margin: 0 auto; border: 1px solid #eee; border-radius: 10px; background: #fff url(images/no_photo.png) center center no-repeat;} /* вид фото товара в списке товаров и в подробном описании товара */
.smallimg_tovar {width: 70px; height: 70px; margin: 0 auto; border: 1px solid #eee; border-radius: 5px; background: #fff url(images/no_photo_sm.png) center center no-repeat;}
.shop_item_price {font-size: 22px; color: #e00;} /* вид цены товара в списке товаров и в подробном описании товара */
.shop_item_td {} /* вид ячейки в списке товаров */
.shop_item_subcatt a {font-size:12px; color: #0ff;} /* вид списка подкатегорий в списке товаров и в подробном описании товара*/
.shop_start_cat {border: 1px solid #ccc; padding: 40px;} /* ячейка категории на стартовой странице магазина */
.breadcrumbs {color: #999; font-size: 13px; margin-bottom: 10px;} /* хлебные крошки */
.breadcrumbs a {color: #999; text-decoration: underline;} /* хлебные крошки - ссылки */
.sortby {font-size: 12px; color: #555; margin: 5px 0;} /* строка сортировки */
.sortby a {text-decoration: none; color: #333;} /* ссылки в строке сортировки */
.sort_sel {color: #900 !important; font-size: 16px;} /* выделенная ссылка (сейчас сортировано по... )*/
.tabb tr td {border: 1px solid #955; padding: 5px;} /*табличка в корзине */
.recount {background: none; border: 1px solid #955;} /*кнопка пересчитать в корзине*/
.cart_d { text-align: center;}
.number {margin-top: 8px;text-align: center;}
.minus, .plus {display: inline-block; width: 16px; height: 16px; background: url(images/minus.png) center center no-repeat; cursor: pointer;
	position: relative; top: 2px; }
.plus {background-image: url(images/plus.png);}
.buybutton {width: 120px; display: inline-block; text-align: center; margin-left: 10px; background: #090; padding: 3px; height: 26px; color: #fff; cursor: pointer;
	border: none; }
.buybutton_in_tovar {width: 150px; font-size: 20px; }
.tovar_count {width: 40px; padding: 5px;}
.cartmr {margin: 0 20px 0 0;}
.cart_table {}
.cart_table tr td {padding: 5px;}
.deltovar {height: 20px; width: 20px; display: block; background: url(images/drop.png) center center no-repeat; cursor: pointer;}

/* прайс */
.price_table {margin: 0 auto; border-collapse: collapse; border: 1px solid #ccc;}
.price_table tr td {border: 1px solid #ccc; background: #f2f2f2; padding: 4px; }
.price_table tr td a {text-decoration: none;}
.price_table tr td a:hover {text-decoration: underline;}
td.price_tovar {background: #fff !important; padding-left: 50px !important;}
td.price_price {background: #fff !important; width: 150px; font-weight: bold; color: #c00; text-align: right;}
.price_link {margin: 10px 0 0 2px;}

/* футер к низу страницы */
.page { min-height: 100%; position: relative;}
.header { padding-bottom: 10px; }
.content { padding-bottom: 220px; }
.footer {position: absolute; bottom: 0; width: 100%; height: 220px;  padding-top: 30px; box-sizing: border-box;}

/* уникальные стили для проекта */
body {overflow-x: hidden;}
.footer {background: url(images/bottom.jpg) bottom center no-repeat;}
.page {background: #eaeaea url(images/top.jpg) top center no-repeat;}
.whitebox {background: #fff;}
.padbox {padding: 20px; box-sizing: border-box;}
.w1200 {width: 1200px; margin: 0 auto; position: relative; }
.w1200 p, .w1200 * p {line-height: 150%;}
.logo {padding-top: 10px; float: left;} 
/*тел и адрес вверху*/
.topwhite {background: #fff; position: absolute; top: 0; left: 47%; width: 10000px; padding: 15px; z-index: 12;}
#top_phone {font-size: 32px; font-weight: bold; padding-right: 40px;}
.twicon {position: relative; top: 4px; margin-right: 7px; }
#twlink {position: relative; top: -3px;}
/*менюшка*/
#showmnu, #mobmnu {display: none;}
.hor_menu {width: 53%; float: right; z-index: 20; padding-top: 95px;}
#nav{position: relative; float:left; width:100%; list-style:none; font-weight:bold; font-size: 16px; margin-bottom:10px; z-index: 10;}
#nav li{float:left; margin-right:15px; position:relative; display:block;}
#nav li a{ display:block; padding:5px 8px; color:#000; text-decoration:none;}
#nav li a:hover{color:#971220; text-decoration:underline; }
#nav ul{list-style:none; position:absolute; left:-9999px; opacity:0; -webkit-transition:0.25s linear opacity; font-size: 15px; }
#nav ul li{	padding-top:1px; float:none; width: 200px;}
#nav ul a{display:block;}
#nav li:hover ul{ left:0; opacity:1; z-index: 11;}
#nav li:hover a{ background:#fff; background:rgba(245,245,245,0.7); text-decoration:underline;}
#nav li:hover ul a{ text-decoration:none; -webkit-transition:-webkit-transform 0.075s linear;}
#nav li:hover ul li a:hover{ background:#fcfcfc; text-decoration:underline;}
/* нижняя менюшка и подвал */
#bottom_nav {list-style: none; padding: 7px 0 0 0; margin: 0;}
#bottom_nav li {padding: 5px; margin: 0;}
.bname {font-size: 13px; padding: 12px 50px 0 0;}
/* модальное окно */
.modale_overlay {top: 0; right: 0; bottom: 0; left: 0; z-index: 9998; visibility: hidden; background-color: rgba(255,255,255,0.7); opacity: 0;
	position: fixed; cursor: default; -webkit-transition: opacity .5s; -moz-transition: opacity .5s; -ms-transition: opacity .5s; 
	-o-transition: opacity .5s; transition: opacity .5s; }
.modale_overlay:target { visibility: visible; opacity: 1; }
.modale_popup { top: 0; left: 50%;  width: 600px; margin-left: -300px; z-index: 9999; display: block; box-sizing: border-box; padding: 35px; text-align: center;
	visibility: hidden; position: fixed; background-color: #ededed; box-shadow: 0px 0px 26px rgba(100, 100, 100, 0.4);	opacity: 0; transition: all ease .5s;}
.modale_overlay:target+.modale_popup { top: 20%;  visibility: visible; opacity: 1; }
.modale_close { position: absolute; top: -10px; right: -10px; padding: 0; width: 20px; height: 20px; border: 2px solid #ccc; border-radius: 15px;
	background-color: rgba(61,61,61,0.8); box-shadow: 0px 0px 10px #000; text-align: center; text-decoration: none; font-weight: bold; line-height: 20px;
	color: #fff; transition: all ease .3s; }
.modale_close:hover { background-color: rgba(252, 20, 0, 0.8); }
.modale_field { width: 100%; background: #fff; padding: 10px; font-size: 16px; font-family: "Montserrat", sans-serif; border: none; margin-bottom: 10px; 
	box-sizing: border-box;}
#form_data_text {height: 100px;}
#qform_form {padding-top: 20px;}
.greenbutton { font-size: 15px; color: #fff; display: inline-block; padding: 10px 30px; border-radius: 25px; font-weight: bold; letter-spacing: 3px; 
	cursor: pointer; text-decoration: none;
	background: #b7666d; /* Old browsers */
	background: -moz-linear-gradient(top,  #b7666d 22%, #9c1b29 78%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #b7666d 22%,#9c1b29 78%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #b7666d 22%,#9c1b29 78%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7666d', endColorstr='#9c1b29',GradientType=0 ); /* IE6-9 */
}
/* лента новостей */
.redline {float: left; background: #971220; width: 59%; border-radius: 0 17px 17px 0; min-height: 34px; box-sizing: border-box; padding-top: 5px; margin-bottom: 1px;}
.redline h1 {color: #fff;}
.redline a {color: #f2bec3;}
.redline h1 {text-transform: uppercase; font-size: 20px; letter-spacing: 2px; display: inline-block; padding:0 30px 0 20px; margin:0; }
#cal, #cal2, #searchcall { background: #fff; border-radius: 13px; padding: 4px 8px 3px 8px; height: 20px; position: relative; top: 0px; left: -3px; border: none; }
#searchcall {height: 27px; cursor: pointer;}
#search_cal {/*display: inline-block;*/ padding: 10px 0 4px 20px; color: #fff; }
.news_bar, .news_bar_inactive, .news_bar:hover {text-decoration: none; border-radius: 15px; background: #ffc882; display: inline-block; text-align: center; width: 30px; height: 30px; 
	box-sizing: border-box; margin: 3px 0; color: #000; padding-top: 6px;}
.news_bar {background: none;}
.news_list_date {display: inline-block; font-weight: bold; width: 120px;}
.news_readmore {color: #971220; font-style: italic;}
.news_div {padding: 15px 0; border-top: 1px solid #eaeaea; position: relative; top: -1px; }
.notoppad {padding-top: 0; }
.news_shrt {font-size: 15px; padding-top: 10px;}
.news_text {}
.news_link_brown {color: #971220;}
.news_top_pagebar {text-align: right;}

/* фотоальбом */
.photos_list_s {text-align: center;}
.photo_thumb {display: inline-block; width: 200px; margin: 0 10px; vertical-align: top; margin-bottom: 20px;}
.photo_thumb_in {display: inline-block; height: 120px; width: 200px; border: 1px solid #777; margin-bottom: 10px;}
/* показ альбомов в новостной ленте */
.afullim .news_text {margin-bottom: 20px; }
.afullim .news_photos {white-space: nowrap; overflow-x: hidden; position: relative;}
.afullim * .photo_newslist {display: inline-block; width: 250px; margin: 0 15px 0 0; vertical-align: top;}
.afullim *.photo_thumb_in_newslist {display: inline-block; height: 160px; width: 250px; }
.ahalfim .news_text {margin-bottom: 20px; width: 55%; float: left;}
.ahalfim .news_photos { width: 43%; float: right; white-space: nowrap; overflow-x: hidden; position: relative;}
.ahalfim * .photo_newslist {display: inline-block; width: 180px; margin: 0 10px 0 0; vertical-align: top;}
.ahalfim *.photo_thumb_in_newslist {display: inline-block; height: 120px; width: 180px;  }
.fade_to_white { position: absolute; to: 0; right: 0; height: 120px; width: 100px; background: url(images/fade_to_white.png);}
.afullim * .fade_to_white {height: 160px;}

/* адаптив 1200-800 пиксел */
@media screen and (max-width: 1200px) {
	.w1200 {width: 100%; padding: 10px; box-sizing: border-box;}
	.logo {float: none; width: 100%;}
	.news_top_pagebar {text-align: center; padding: 5px; background: #fff; }
	.redline {float: none; width: 100%; }
	.header {padding-bottom: 0;}
	.topwhite {position: relative; top: 0; left: 0; width: 100%; padding: 5px; text-align: center;}
	.hor_menu {width: 100%; float: none; top: 0;  padding-top: 10px; }
}

@media screen and (max-width: 799px) {
	.hor_menu {display: none;}
	.ahalfim .news_text {width: 100%; float: none;}
	.ahalfim .news_photos { width: 100%; float: none; }
	#full_logo {width: 100%; max-width: 535px;}
	.likeblock {display: block; text-align: center;}
	.lbleft {text-align: left; padding-left: 5px;}
	h1.likeblock {padding: 0 0 10px 20px; margin: 0;}
	#top_phone {padding-right: 0;}
	#calink {text-align: left;}
	#datesr {display: block; margin-left: 20px;}
	#cal {margin: 4px 0 0 3px; }
	.redline {height: auto; text-align: left;}
	#nav ul {display: none;}
	/* меню */
	#showmnu, #hidemnu {display: block; position: fixed; top: 10px;  right: 10px; background: #971220; color: #fff; width: 35px; height: 35px; z-index: 20;
		box-sizing: border-box; font-size: 25px; font-weight: bold; font-family: sans-serif; text-decoration:none; text-align: center;}
	#mobmnu {position: fixed; top:0; right:0; width: 70%; max-width: 400px; background: #971220; color: #fff; z-index: 30; padding: 10px 20px 20px 40px;
		box-shadow: -4px 6px 15px 0px rgba(50, 50, 50, 0.64); line-height: 120%;}
	#mobmnu * {color: #eee;text-decoration: none;}
	#mobmnu * li {margin-bottom: 10px;}
	#mobmnu ul, #mobmnu * ul {margin-top: 10px;}
	#mobmnu ul li ul {margin-left: 20px; font-size: 14px;}
	#mobmnu* a:hover, #mobmnu * a:active {text-decoration: underline;}
	.content { padding-bottom: 0; }
	.footer {position: relative; height: auto;  padding-top: 0px; box-sizing: border-box; border-top: 1px solid #ccc;}
	.footer * table, .footer * tr, .footer * td {display: block; padding: 0; margin: 0; width: 100%; box-sizing: border-box; }
	.footer * td {margin-bottom: 20px;}
	.bname {padding: 0;}
	#bottmenutd {display: none;}
	/* формочка посика по дате */
	.blockdaten {display: block; margin-bottom: 6px;}
	.bpad8 {padding-bottom: 8px;}
}
@media screen and (max-width: 599px) {
	.search_form {float: none; margin: 8px 0 5px 23px;}
}