/*
*	Reset
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{font-size:100%;margin:0px;padding:0px;outline:0;vertical-align:baseline;}body{line-height:1}blockquote,q{quotes:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
html { min-height:100%;}
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle;}
button, input { line-height: normal; *overflow: visible;}
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button;}
input[type="text"], input[type="password"], textarea, select { border:1px solid #b8c8d2; } 
.center { text-align:center!important;}
.left { text-align:left!important;}
.right { text-align:right!important;}
.nowrap { white-space:nowrap!important;}

body {width:100%; height:100%; background: #ffffff url(images/tmpl_based/bg-foot.png) 0 100% repeat-x; padding-bottom:250px;}
p, body, font, div, td, input, select, textarea, a { font: 16px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#333333;}
a { text-decoration: underline; color:#0080AA; transition:0.5s;}
a:hover { text-decoration:none;}
img { border:none; vertical-align:middle; max-width:100%!important; height:auto!important;}
td { vertical-align:top;}


p { margin-bottom:10px;}
.Name { display:block; margin-bottom:5px; position:relative; display:block; color:#3e8ee5; font-weight:bold; font-size:17px; text-decoration:none;}
.Name:hover {color:#ba0e53;}
h1 { font-size:30px; line-height:30px; margin:10px 0 20px;}
h2 { font-size:20px; font-weight:normal; margin:10px 0 10px; font-family:Tahoma, Geneva, sans-serif; margin-bottom:20px; text-decoration:underline;}/* названия разделов */
h3 { color:#000; font-size:15px; font-weight:bold; margin-bottom:10px; font-family:Tahoma, Geneva, sans-serif;}/* названия подразделов */
div.Price, div.PriceDet { color:#ba0e53; font-size:20px;}/* цена */
div.PriceDet { font-size:40px; display:inline-block; background:#FFF5CE; border-bottom:1px solid #FC0; border-top:1px solid #FC0; padding:20px 40px; margin:0 20px 20px 0; white-space:nowrap; float:left;}
.button-detailed { font-size:40px!important; padding:20px 40px!important; border-radius:7px!important; float:left; margin: 0 0 20px 0;}
div.PriceOld { text-decoration:line-through;}/* старая цена */
div.clear { height:20px; clear:both;}
div.greyline { border-bottom:1px solid #ccc; padding-bottom:1px solid #ccc; margin-bottom:10px;}
div.centernav { text-align:center; margin-bottom:20px;}
div.NavSort { display:inline-block; vertical-align:top; padding-right:10px; padding-top:5px;}
div.services { display:inline-block; vertical-align:top; margin-left:10px;}
div.services * { display:inline-block; margin:0 3px; border-radius: 100px; padding:10px 15px; font-size:20px; text-decoration:none; background:#f6d50e; color:#333; text-shadow:1px 1px 1px #fff;} 
div.services span { background:#1b75bb!important; text-shadow:1px 1px 1px #2E46F3!important; color:#fff;}
div.services a:hover { background:#e038b8!important; text-shadow:1px 1px 1px #AA041A!important; color:#fff;}

.Buy { display:inline-block; border:none; width:72px; height:30px; background:url(images/tmpl_based/buy.png) left top no-repeat;}
.Buy:hover { background-position: left center;}
.Buy:active { background-position: left bottom;}
a.edit { position:absolute; display:block; width:16px; height:16px; background:url(images/backend/edit.png); top:0; left:-16px;}

.img-detailed { max-width:50%!important; float: left; margin: 0 20px 20px 0;}
h1.DetName  {margin:20px 0; font-size:28px; line-height:35px; color:#3e8ee5;}
/*
*	Buttons
*/
.button-green,.button-blue,.button-gray {
	display: inline-block;
	padding: 8px 15px;border-radius:4px; box-shadow:inset 1px 1px 0 rgba(255,255,255,0.3);
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	outline: none !important;
	overflow: visible; white-space:nowrap;
	 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.button:hover, .button:focus {
	text-decoration:none;
}

.button-green {
	color: #fff;
	background: #a5bd24; /* Old browsers */
	background: -moz-linear-gradient(top, #a5bd24 0%, #7dac38 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5bd24), color-stop(100%,#7dac38)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #a5bd24 0%,#7dac38 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #a5bd24 0%,#7dac38 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #a5bd24 0%,#7dac38 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a5bd24', endColorstr='#7DAC38',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #a5bd24 0%,#7dac38 100%); /* W3C */
	text-shadow: 0 1px 1px rgba(0,0,0,0.25);
	border: 1px solid #781;
}

.button-green:hover,.button-green:focus {
	color: #fff;
	background: #5c8825; /* Old browsers */
	background: -moz-linear-gradient(top, #8fbb44 0%, #5c8825 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8fbb44), color-stop(100%,#5c8825)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #8fbb44 0%,#5c8825 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #8fbb44 0%,#5c8825 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #8fbb44 0%,#5c8825 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fbb44', endColorstr='#5c8825',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #8fbb44 0%,#5c8825 100%); /* W3C */
	border: 1px solid #670;
}

.button-gray {padding:8px 10px; white-space:nowrap;
	color: #fff;
	background: #b2b2b2; /* Old browsers */
	background: -moz-linear-gradient(top, #b2b2b2 0%, #9e9e9e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b2b2b2), color-stop(100%,#9e9e9e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #b2b2b2 0%,#9e9e9e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #b2b2b2 0%,#9e9e9e 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #b2b2b2 0%,#9e9e9e 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2b2b2', endColorstr='#9e9e9e',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #b2b2b2 0%,#9e9e9e 100%); /* W3C */
	text-shadow: 0 1px 1px rgba(0,0,0,0.25);
	border: 1px solid #333;
	font-size:14px;
}

.button-gray:hover,.button-gray:focus {
	color: #fff;
	background: #7c7c7c; /* Old browsers */
	background: -moz-linear-gradient(top, #aeaeae 0%, #7c7c7c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aeaeae), color-stop(100%,#7c7c7c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #aeaeae 0%,#7c7c7c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #aeaeae 0%,#7c7c7c 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #aeaeae 0%,#7c7c7c 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aeaeae', endColorstr='#7c7c7c',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #aeaeae 0%,#7c7c7c 100%); /* W3C */
	border: 1px solid #670;
}


.button-blue {
	color: #fff;
	background: #39aad4; /* Old browsers */
	background: -moz-linear-gradient(top, #41c4f4 0%, #39aad4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#41c4f4), color-stop(100%,#39aad4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #41c4f4 0%,#39aad4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #41c4f4 0%,#39aad4 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #41c4f4 0%,#39aad4 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41c4f4', endColorstr='#39aad4',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #41c4f4 0%,#3a8fb6 100%); /* W3C */
	text-shadow: 0 1px 1px rgba(0,0,0,0.25);
	border: 1px solid #3a8fb6;
}

.button-blue:hover,.button-blue:focus {
	color: #fff;
	background: #0189bc; /* Old browsers */
	background: -moz-linear-gradient(top, #14bcfb 0%, #0189bc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#14bcfb), color-stop(100%,#0189bc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #14bcfb 0%,#0189bc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #14bcfb 0%,#0189bc 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #14bcfb 0%,#0189bc 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#14bcfb', endColorstr='#0189bc',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #14bcfb 0%,#0189bc 100%); /* W3C */
	border: 1px solid #0370A2;
}

div.wrap { padding:0 10px; min-width:320px;}
div.header { position:relative;  background: #ffffff url(images/tmpl_based/bg.png) 0 0 repeat-x; padding: 30px 0 10px;}
div.line { background: url(images/tmpl_based/bg.png) 0 100% repeat-x; margin-bottom:10px; height:5px;}

.cont-left { width:300px; margin: 0 20px 0 0;}
.cont-right { }

div.kliaksa { float:left; width:25%;}
div.l_c_s { float:left; width:50%; text-align:center;}

.logo { display:block; white-space:nowrap;  font-size:50px; line-height:60px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color:#e038b8; text-shadow: 0 0 10px #f4da00; font-weight:normal; text-decoration:none; padding: 0 20px;}
.logo h1 { font-size:50px; line-height:60px; margin:0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color:#e038b8; text-shadow: 0 0 10px #f4da00; font-weight:normal;}

.wrap-orders {margin:10px 20% 10px;}

div.contacts { margin: 5px 0 5px;} 
div.contacts a { color:#e038b8; text-decoration:none; white-space:nowrap; font-size:25px; display:inline-block; vertical-align:top; margin:0 5px 5px;}
div.contacts i { font-style:normal; font-size:20px; color:#1b75bb;}

div.search { border:1px solid #ccc; padding:5px; background:#f5f5f5; height:30px; width:300px; margin: 0 auto;}
div.search .inputbox { background:none; border:none; width:250px; height:30px; padding:0 10px; float:left; font-size:12px;}
div.search .button { float:right; background:none; border:none; width:30px; height:30px; background: url(images/tmpl_based/search.png) 0 0 repeat-x;}
div.search .button:hover { background-position: 100% 0;}

div.cart { float:left; width:25%;}
div.cartlogo { float:left; height:41px; width:41px; margin-right:20px;}
div.cartcont { float:right; height:41px;}
div.cart p { font-family:Tahoma, Geneva, sans-serif; font-size:20px; color:#e038b8; margin-bottom:2px;}
div.cart div { display:inline-block;}
div#shpcrtca, div#shpcrtca2 { font-weight:bold; text-shadow:0 0 5px #f9ec31; font-size:18px;}
div.cart a { display:inline-block; background:#f5f5f5; border:1px dashed #ccc; padding:10px; height:41px; text-decoration:none;}
div.cart a:hover { background:#fff5ce; border:1px dashed #ffcc00;}
div.cart a:hover p { color:#1b75bb;}
div.cart-mobile { display:none;}

.inform { text-align:center; background:#e8e8e8; margin:-5px 0 5px;}
.inform a { display:inline-block; padding: 0 20px; height:35px; line-height:30px; font-size:120%;}
.pages ul { margin: 0 0 20px 30px;}
a.mobile-catalog { float:left; color:#000; font-size:30px; text-decoration:none; display:none;  border:1px solid #ccc; padding:5px; background:#f5f5f5; height:30px; line-height:30px; width:30px; margin: 0 5px;}
a.mobile-catalog-drop { display:none;}

.rekomended_offers li { display:inline-block; vertical-align:top; width:16.667%; list-style:none;}
.rekomended_offers img { max-width:100%; max-height:100px;}
.rekomended_offers > li > div { box-shadow: 0 0 5px #aaa; padding:10px 5px; margin:5px; text-align:center;}
.rekomended_offers_img { display:block; height:100px; line-height:100px; text-align:center; margin-bottom:10px;}
.rekomended_offers a.name { display:block; margin-bottom:10px; font-size:13px; line-height:14px; text-decoration:none;}
.rekomended_offers a.name:hover { color:brown;}
.rekomended_offers span.old { text-decoration:line-through;}
.rekomended_offers b.price { background:#FFDFFF; color:brown; border-radius:10px;}

@media screen and (max-width: 1600px) {

}

@media screen and (max-width: 1200px) {
	
	.rekomended_offers li { width:20%;}

}

@media screen and (max-width: 960px) {
    .logo, .logo h1 { font-size:40px; line-height:50px;}
	div.kliaksa { width:15%;}
	div.l_c_s { width:60%;}
	.cont-left { width:250px;}
	.rekomended_offers li { width:25%;}
}

@media screen and (max-width: 760px) {
	.logo, .logo h1 { font-size:35px; line-height:45px;}
	div.kliaksa { display:none;}
	div.l_c_s { width:100%;}
	a.mobile-catalog, a.mobile-catalog-drop { display:inline-block; vertical-align:top;}
	.cont-left { display:none;}
	div.cart { display:none;}
	div.cart-mobile { display: inline-block; float:none; vertical-align:top; width:auto;}
	div.contacts-mobile { display:inline-block; vertical-align:top;}
	div.contacts-mobile a { display:block; line-height:30px;}
	.wrap-orders {margin:10px 0;}
	.rekomended_offers li { width:33%;}
	
}

@media screen and (max-width: 480px) {
	.rekomended_offers li { width:50%;}
}

@media screen and (max-width: 320px) {
	.rekomended_offers li { width:100%;}
	
}
.nalozka-alarm { background:#FFDFFF; padding:10px; margin-bottom:10px; color:brown; line-height:18px!important; display:none;}

.description ul { margin: 0 0 10px 20px;}

/* ============ ВЕРХНЕЕ МЕНЮ ============ */
div.main-menu { margin-bottom:10px;}
div.main-menu a { font-size:18px; color:#fff; display:block;  text-decoration:none; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 0 0 5px 0; border-radius:100px 0 100px 100px; padding:10px 15px; transition:0.5s;}
div.mobile-main-menu { display:none; padding: 5px; background:#fff;}

div.main-menu a.menu1 { background:#e038b8}
div.main-menu a.menu2 { background:#1b75bb;}
div.main-menu a.menu3 { background:#f9ec31; color:#333;}
div.main-menu a.menu4 { background:#ddd; color:#333; margin-left:30px;}
div.main-menu a:hover { opacity:0.5}
/* ============ .ВЕРХНЕЕ МЕНЮ ============ */

/* ============ КАТАЛОГ ТОВАРА ============ */
ul.admincatalog { list-style:none;}
ul.admincatalog li { padding:5px 0; line-height:16px;}
ul.admincatalog li, ul.admincatalog li a { text-decoration:none;}
ul.admincatalog li.active { color:#F60;}
ul.admincatalog li.level1 { border-bottom:1px dotted #ccc;}
ul.admincatalog li.level1:last-child { border-bottom:none;}
ul.admincatalog li.level2 { padding: 3px 3px 3px 15px;}
ul.admincatalog li.level2 a, li.level3 a {}
ul.admincatalog li.level3 { padding: 3px 3px 3px 30px;}
ul.admincatalog li a:hover { text-decoration:none; color:#F60;}
/* ============ .КАТАЛОГ ТОВАРА ============ */

/* ============ PRODUCT BBRIEF ============ */

.product-list > li { list-style:none; float:left; width:16.6%;}

.product-list > li > div { padding:15px; border:1px solid #ccc; box-shadow: 0 0 10px #bbb; margin: 0 10px 10px 0;}
.product-img { display:block; position:relative; height:230px; margin-bottom:10px; text-align:center; line-height:200px;} .product-img img {max-height:230px!important;}

.sub-img  { display:inline-block; margin: 0 10px 20px 0; width:100px; height:100px; text-align:center; line-height:100px; vertical-align:top;}
.sub-img img { max-width:100px; max-height:100px;}

div.zoom { position: absolute; top:50%; left:50%; height:100px; width:100px; margin-left:-50px; margin-top:-50px; display:none; background:rgba(0,0,0,0.3); text-align:center; line-height:100px; color:#fff; font-size:40px; border-radius:100px;}
ul.product-list li:hover div.zoom  { display:block;}
.sale { display:block; position:absolute; background:#F60; color:yellow; font-weight:bold; padding:5px 10px;text-align:center; top:-20px; left:-20px; line-height: normal; border-radius:20px; white-space:nowrap;}
.sale i { font-style:normal; color:#fff; font-weight:normal;}

@media screen and (max-width: 1600px) {
	.product-list > li { width:20%;}

}

@media screen and (max-width: 1400px) {
	.product-list > li { width:25%;}
}

@media screen and (max-width: 1100px) {
	.product-list > li { width:33.333%;}
}

@media screen and (max-width: 950px) {
	.product-list > li { width:50%;}
}

@media screen and (max-width: 450px) {
	.product-list > li { width:100%;}
	
}

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




/* ============ .PRODUCT BBRIEF ============ */

div.footer { text-align:center;}
div.footer div.line { margin:20px 0 40px;}
div.footer ul { list-style:none;}
div.footer li { display:inline; list-style:none; margin:5px 15px;}
div.footer td { padding:10px; vertical-align:middle;}

table.extraparametrs { margin-bottom:10px;}
table.extraparametrs td, table.extraparametrs th { text-align:left; padding: 0 10px 0 0;}
table.extraparametrs th { font-weight:normal; font-size:90%; font-style:italic;}
table.extradet td, table.extradet th { padding: 0 10px 10px 0; text-align:left;}
table.extradet td { font-weight:bold;}
table.extraparametrs i, table.extraparametrs em { display:inline-block; background:#FF9; border-radius:10px 0 10px 10px; padding: 0 10px 2px; font-size:90%; font-weight:bold; font-style:normal;}
table.extraparametrs em { background:#eee;}
table.extraparametrs span { display:inline-block; background:#e5e5e5; padding:2px 10px; vertical-align:top; color:#000; cursor:pointer; transition:0.5s; margin-bottom:3px;}
table.extraparametrs span.active, table.extraparametrs span:hover { color:#fff; background:#000;}

div.tags { text-align:center; font-size:18px; padding:20px 0}
div.tags a { display:inline-block; vertical-align:top; margin:5px;}

div.LastView div.LastViewN { color:#ba0e53; font-size:40px; background:#FFF5CE; border-bottom:1px solid #FC0; border-top:1px solid #FC0; padding:20px 40px; margin:30px 0 20px 0;}

div.seo { padding:20px; background:#f5f5f5; border:1px dashed #ccc; margin:0 20px 20px 20px;}
div.text ul { margin-left:30px;}
div.text li { margin-bottom:10px;list-style: url(images/dot.png);}
.manual td { padding: 0 40px 20px 0;}

.pandora a { display:block; text-align:center; color:#639; text-decoration:none; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; transition:0.5s; margin-top:40px;}
.pandora img { transition:0.5s;}
.pandora a:hover { color:#000;}
.pandora a:hover img { opacity:0.6;}
.pandora i { display: block; margin:10px 0; font-weight:bold; font-size:20px;}

.AjaxOrder table { width:100%;}
.AjaxOrder th, .AjaxOrder td { padding: 0 10px 5px 0;}
.AjaxOrder th { text-align:right; font-weight:normal;}
.AjaxOrder td input, .AjaxOrder td select { padding: 0 5px; box-sizing:border-box; width:100%;}
.AjaxOrder table.cart_content { width:auto!important; margin: 10px 0;}
.AjaxOrder table.cart_content td, .AjaxOrder table.cart_content th { border:1px solid #ccc; padding: 5px 10px;}
.AjaxOrder table.cart_content th { text-align:center; background:#f5f5f5; white-space:nowrap;}
#orderTotal {color:#ba0e53; font-weight:bold;}
#delivery i {color:#ba0e53; font-style:normal;}

table.cartPopup td, table.cartPopup th { padding:5px; vertical-align:middle; text-align:center; border:1px solid #ccc;}
table.cartPopup th { text-align:center; background:#f5f5f5;}
table.cartPopup td td { padding:0 2px; border:none;}
table.cartPopup input { text-align:center;}
.action_easel { padding:10px; background:#FBE1F4; margin:5px 0; color:#000; line-height:25px;}
.action_easel img { width:100px; float:left; margin-right:10px;}
.action_easel b { font-size:110%;}

.karantin { background:linear-gradient( to bottom,#F9F,#FCF); border:1px solid #F6F; color:brown;text-shadow: 0 1px 1px rgba(255,255,255,0.25);}
.karantin:hover, .karantin:focus { background:linear-gradient( to bottom,#FCF,#F9F); border:1px solid #F6F; color:brown;}