html, body, form
{
	margin: 0;
	padding: 0;
}

html
{
	height:100%;
}

body
{
	/*height:auto !important;*/
	/*height:101%;*/   /* эта пачка влияет на отступ футера для фф и хрома */
	/*min-height:101%;*/
	height:100%;
	min-width:1012px;
	text-align: center;/*по середине*/
/*	border-top: 1px solid #ff5600;*/
/*	background-color: #fff;*/
	/*background-image: url(images/gradientline.gif); */
/*	background-repeat:  repeat-x;*/
/*background-image: url(images/ny.jpg);*/
	/*background-image: url(images/_pellground2.jpg);*/ /*Обычный фон*/
/*background-image: url(images/pellecon8background.jpg);*/

    /*14-e*/
    /*background-image: url(/images/14-febrary.jpg);*/
    /*23-e*/
    /*background-image: url(/images/23-feb.jpg);*/
    /*8-e*/
    /*background-image: url(/images/8-march.jpg);*/

    /*Если криво background*/
/*background-position: -97px 0px;*/
	background-position: top; 
        background-repeat: no-repeat;
}

/*Font*/
body
{
	font-size: 12px;
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	color: #333;
}

/*Font in table*/
table
{
	font-size: 12px;
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	color: #333;
}

/*Font*/
input
{
	font-size: 12px;
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	color: #333;
}

div, ul, li
{
margin:0;
padding:0;
}

.errortext, .notetext, .perrortext
{
color:#ff6600;
}

div.clear
{
padding:0;
margin:0;
font-size:0;
clear:left;
}
.visa{max-width: 501px;width: 100%;}
p.redline
{
text-indent: 30px;
}

/*p.tm:first-letter{font-family:Tahoma,Arial;font-size:300%;color:#999;}*/

/*Links*/

a:link, a:visited {text-decoration:none;color:#ff6600;}
a:active {outline: none;text-decoration:none;color:#ff6600;}
a:hover {outline: none;text-decoration:underline;color:#ff6600;}

a.black:link, a.black:visited {text-decoration:underline;color:#333;}
a.black:active, a.black:hover{outline: none;text-decoration:underline;color:#333;}

a.blackunderline:link, a.blackunderline:visited {text-decoration:none;color:#333;}
a.blackunderline:active, a.blackunderline:hover{outline: none;text-decoration:underline;color:#333;}

a.blacknone:link, a.blacknone:visited {text-decoration:none;color:#1c1c1c;}
a.blacknone:active, a.blacknone:hover{outline: none;text-decoration:underline;color:#1c1c1c;}

a.boldblack:link, a.boldblack:visited {text-decoration:none;font-weight:bold;color:#333;}
a.boldblack:active, a.boldblack:hover{outline: none;text-decoration:none;font-weight:bold;color:#1c1c1c;}

a.pellgrey:link, a.pellgrey:visited {text-decoration:none;color:#949494;}
a.pellgrey:active, a.pellgrey:hover{outline: none;text-decoration:underline;color:#949494;}

#container
{
min-height:100%;
height:auto !important;
height:100%;
position:relative; /*для футера*/
bottom:10;
text-align: left; /*по середине*/
width:1015px;
    -webkit-max-logical-width: 1017px;
/*background-color: #fff;*/
/*background-image: url(images/pellecon8footer.jpg);*/
/*background-position: 4% 100%; */
/*background-repeat: no-repeat;*/
padding-top:2px;
margin-left: auto; /*по середине для лисы*/
margin-right: auto; /*по середине для лисы*/
/*background-image: url(images/gradientline.gif);*/
/*background-repeat: repeat-x;*/
}

/* + Не смогли дозвониться?*/

#container div.littleorangeblock
{
height:100%;
width:100%;
padding:0;
margin:0;
margin-top:-10px;
background-repeat: repeat-x;
background-image: url(images/orangeblock.gif);
background-position: left center;
}

#container div.orangeblock
{
height:100%;
width:100%;
padding:0;
margin:0;
margin-top:-14px;
background-repeat: repeat-x;
background-image: url(images/orangeblock.gif);
background-position: left center;
}

#container div.toporangeblock
{
font-size:0;
padding:0;
margin:0;
background-color: #ff8230;
height:49%;
width:100%;
}

#container div.bottomorangeblock
{
height:100%;
width:100%;
padding:0;
margin:0;
background-color: #ff5a00;
}

/* - Не смогли дозвониться?*/

/* + Войти*/

#container div.littlegreyblocktop
{
float:left;
height:21px;
margin:0;
border:0;
background:#b8b8b8 url(images/greybutton2top.gif) repeat-x left; 
padding:0;
}

#container input.littlegreyblocktop
{
cursor:pointer;
margin:1px;
background: #e7e7e7 url(images/greybutton1top.gif) repeat-x left;
height:19px;
text-align:center;
padding:0px 12px 0px 12px;
border:1px solid white;
overflow: visible;
text-decoration: none;
}

html:not([lang*=""]) #container input.littlegreyblocktop {
padding:0px 9px 3px 9px;
}

/* - Войти*/

/* + все остальное кроме Войти*/

#container div.littlegreyblock
{
float:left;
height:21px;
margin:0;
border:0;
background:#b8b8b8 url(images/greybutton2.gif) repeat-x left; 
padding:0;
}

#container input.littlegreyblock
{
cursor:pointer;
margin:1px;
background: #e7e7e7 url(images/greybutton1.gif) repeat-x left;
height:19px;
text-align:center;
padding:0px 12px 0px 12px;
border:1px solid white;
overflow: visible;
text-decoration: none;
}

html:not([lang*=""]) #container input.littlegreyblock {
padding:0px 9px 3px 9px;
}

/* - все остальное кроме Войти*/

#container #header
{
/*background-color:#e7e7e7;*/
width:100%;
height:118px;
padding:0;
margin:0;
/*position:relative; /*по середине, тк есть элементы абсолютного позиционирования*/*/
cursor:default;
}

#container #header #logo
{
	width:250px;
	height:118px;
	padding:0;
	margin:0;
	float: left;
}


#container #header #logo a
{
margin-left:26px;
}

#container #header #emptyseparator
{
	padding:0;
	margin-top:5px;
	margin-left:0;
	margin-right:0;
	margin-bottom:3px;
	height:106px;
	width:4px;
	float: left;
}

#container #header #firstseparator, #container #header #secondseparator
{
	padding:0;
	margin-top:5px;
	margin-left:0;
	margin-right:0;
	margin-bottom:3px;
	width:4px;
	height:106px;
	float: left;
	background-color: #ebebeb; 
	background-image: url(images/separator.gif); 
	background-repeat: repeat;
}

#container #header #contacts
{
	width:250px;
	padding:0;
	margin-top:5px;
	margin-left:0;
	margin-right:0;
	margin-bottom:3px;
	height:106px;
	float: left;
}

#container #header #contacts #phonenumber
{
padding: 3px 0px 2px 0px;
margin: 0px 0px 0px 53px;
}

#container #header #contacts #phonenumber .prefix
{
float:left;
font-size: 13px;
font-weight:bold;
font-family: Arial;
color:#444;
padding:7px 0px 0px 0px;
margin:0;
}

#container #header #contacts #phonenumber .number
{
float:left;
color:#444;
padding:0;
margin:0;
font-size: 23px;
line-height:19px;
}

#container #header #contacts #phonenumber #numbers
{
font-size: 18px;
line-height:17px;
font-family: Arial;
color:#e66208;
padding:0;
margin:0;
}

#container #header #contacts #phonenumber #freeofcharge
{
font-size: 9px;
line-height:5px;
letter-spacing: 1px;
color:#e66208;
padding:0px 0px 0px 1px;
margin:0;
}

#container #header #contacts #phonenumber #numbers a
{
text-decoration: none;
}

#container #header #contacts #phonenumber #numbers span
{
color:#c0c0c0;
/*margin:0 0 2px 0;*/
}

#container #header #contacts #phonenumber #numbers span span
{
color:#666;
}

#container #header #contacts #phonenumber #numbers span span span
{
color:#ff9966;
}


#container #header #contacts #feedback
{
height:21px;
width:151px;
padding:0;
margin: 0px 0px 0px 51px;
}

#container #header #contacts #feedback a
{
font-size:12px;
color:#fff;
display: block;
height:100%;
width:100%;
cursor:pointer;
text-decoration:none;
line-height:18px;
text-align:center;
}

#container #header #contacts #contactslinks
{
margin: 10px 0px 0px 55px;
padding:0;
}

#container #header #contacts #contactslinks span
{
margin-right:21px;
}

#container #header #auth
{
/*cursor:default;*/
width:250px;
	float: left;
	margin-top:5px;
	margin-left:0;
	margin-right:0;
	margin-bottom:3px;
padding:0;
	height:106px;
}

#container #header #basket
{
float: left;
margin-top:5px;
margin-bottom:3px;
height:106px;
cursor:default;
width:250px;
}

#container #navigation
{
width:100%;
height:79px;
/*background-color: RGB(12, 30, 220);*/
}

#container #navigation #search
{
float:left;
width:239px;
margin-top: 15px;
}

* html #container #navigation #search
{
margin-top: 14px;
}

#container #navigation #breadcrumb
{
float:left;
margin: 15px 0 0 16px;
}


#container #secondary-navigation
{
float: left;
width:254px;
/*background-color: RGB(120, 230, 220);*/
margin-bottom:150px;
}

#container #secondary-navigation-spacer
{
margin: 0;
padding: 0;
width:100%;
height:17px;
}

#container div.headlinemenu
{
height:28px;
padding:0;
margin:0;
cursor:default;
width:239px;
font-weight: bold;
color:#fff;
text-align:center;
border-bottom: 1px solid #cfcfcf;
}

#container div.headlinemenu span
{
line-height:26px;
}

#container #content
{
/*background-color: RGB(130, 232, 139);*/
float:left;
width:758px;
margin-bottom:30px;
}

#container #content #seo
{
color: #fff;
height:100px;
overflow: hidden;
width:758px;
position:relative;
/*top: -41px;*/
top: -40px;
}

#container #content #seo h1
{
font-size: 12px;
}

#container #content #banner
{
    /*для двух баннеров*/
    /*height:184px;*/
height:200px;
width:758px;
position:relative;
/*top: -141px;*/
top: -124px;
border-bottom: 1px solid #ff6600;
margin-bottom: 30px;

}
/*#banner_2{height: 216px;margin-bottom: 21px;}*/
/*#banner_2>.wrapper>.container>.name_section{margin-top: 38px;}*/
#banner_2>.wrapper>.container>.name_section>.name_section_text{ width: 96px;}
.banners_slide
{
    /*для двух баннеров*/
   /* height:184px;*/
    /*height:142px;*/
height: 216px;
    width:758px;
  position:relative;
    /*top: -141px;*/
    top: -121px;
    border-bottom: 1px solid #ff6600;
    padding-bottom: 14px;
}
.banners_slide a{color: #000000;}


#container #content #shopwindow
{
position:relative;
/*top: -130px;*/
/*top: -142px;*/
top: -122px;
}

#container #content #information
{
width:758px;
position:relative;
/*top: -115px;*/
top: -127px;
}

#container #content div.infoseparatorbox
{
float:left;
padding:0;
margin:0;
width:4px;
height:189px;
}

#container #content div.infoseparatormargin
{
padding:0;
margin:0;
height:7px;
width:100%;
font-size:0;
}

#container #content div.infoseparator
{
padding:0;
margin:0;
width:100%;
height:182px;
background-color: #ebebeb; 
background-image: url(images/separator.gif); 
background-repeat: repeat;
}

#container #content #information #news,
#container #content #information #articles,
#container #content #information #forum
{
width:250px;
float: left;
}

#container #footer
{
cursor:default;
line-height: 2;
color:#1c1c1c;
height:50px;
width:100%;
bottom:0;
}

#container #footer span
{
margin-right:18px;
margin-left:7px;
}

/*заголовок всех статей*/
#container #content h1.footertitle
{
font-size: 125%;
font-weight:bold;
color:black;
font-family: Arial, Tahoma, Verdana;
}

/*кнопка в кабинете*/
#container #buy-continue
{
margin-top: 15px;
margin-right: 65px;
height:21px;
width:174px;
float:left;
}

#container #buy-continue a
{
font-size:12px;
color:#fff;
display: block;
height:100%;
width:100%;
cursor:pointer;
font-weight:bold;
text-align:center;
line-height:18px;
}

/*кнопка в кабинете*/
#container #buy-continue1
{
margin-top: 15px;
margin-right: 65px;
height:21px;
width:100%;
//float:left;
}

#container #buy-continue1 a
{
font-size:12px;
color:#fff;
display: block;
height:100%;
width:100%;
cursor:pointer;
font-weight:bold;
text-align:center;
line-height:18px;
}


#lightbox
{
padding:0;
margin:0;
width:765px;
height:457px;
}
.carousel{float: left;width: 690px!important;margin-top: 8px;}
#container #nonavigationcontent
{
margin-bottom:250px;
float:left;
}

.container>.carousel_next{

   background: url(/images/slider_button_prev_next/arrow_right_unhover.png) no-repeat 100%;
    height: 50px;
    border:0px;
    margin-left: 40px;
    margin-top: 56px;
    width: 15px;
}
.container>.carousel_prev{position: absolute;
    background: url(/images/slider_button_prev_next/arrow_left_unhover.png) no-repeat 100%;
    z-index: 5;
    margin-top: 60px;height: 50px;
    border:0px;
    margin-right: 10px;
    width: 15px;
    display: flex;
}
.container>.carousel_next:hover{background: url(/images/slider_button_prev_next/arrow_right_hover.png) no-repeat 100%;}
.container>.carousel_prev:hover{background: url(/images/slider_button_prev_next/arrow_left_hover.png) no-repeat 100%;}

.container>.name_section{font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
    font-size: 17px;
    letter-spacing: 1px;
    /*color: #ff6600;*/
    width: 756px;
    border-bottom: 1px solid #ff6600;
    margin-top: -31px;
}
.clr {clear:both}
.container>.name_section>.name_section_text{margin-bottom: 0px;width: 120px;background-image: url('/bitrix/templates/my/images/orangeblock.gif');color:white; }
.filters a {
    text-decoration: underline;}
.padding_table{padding-bottom: 8px!important;margin-top: -11px!important;}
#fancybox-content {width:877px !important;}
#fancybox-wrap {width:877px !important;}
#lightbox{width:877px!important;}

.zoomWindow {left:430px !important;}
#catalog-element {width: 852px!important;}
#catalog-element tr:nth-child(2)>td:nth-child(2){padding-right: 14px;}
#catalog-element .elementborder img { width:auto !important;}


.soc-block {
        left: 5px;
        margin-top: -150px;
        position: fixed;
        top: 50%;
    }
    .soc-block a:hover {
        margin-left:5px;

    }
    .soc-block a {
        display: block;
        height: 41px;
        margin: 10px 0;
        transition-duration: 0.3s;
        transition-property: all;
        transition-timing-function: ease-out;
        width: 42px;
    }
    .soc-block .vk {
        background: url("/bitrix/templates/my/images/vk.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    }
    .soc-block .fb {
        background: url("/bitrix/templates/my/images/fb.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    }
    .soc-block .ok {
        background: url("/bitrix/templates/my/images/ok.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    }
    .soc-block .gp {
        background: url("/bitrix/templates/my/images/gp.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    }

   .soc-block .tw {
        background: url("/bitrix/templates/my/images/twitter.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    }

   .soc-block .ig {
        background: url("/bitrix/templates/my/images/instagram.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    }

    .tooltip {
        display: inline;
        position: relative;
    }

    .tooltip:hover::after{
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
        border-radius: 5px;
        bottom: 3px;
        color: #fff;
        content: attr(title);
        left: 55px;
        padding: 5px 15px;
        position: absolute;
        width: auto;
        z-index: 98;
    }