* {margin: 0px; padding: 0px;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html {height: 100%;}
body
{
	font-size: 18px;
	line-height: 22px;
	margin: 0;
	padding: 0;
	text-align: left;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	position: relative;
    background-color: #f8f0ee;
    color: #1F1F1F;
    background:#f8f0ee url(/pics/bg.jpg) no-repeat;
    
    font-family: 'MuseoSansCyrl-300', Tahoma, sans-serif !important;
}

a, a:visited {color:#000000; outline: none; transition: all 0.1s ease-out 0s;}
a:hover {color:#333333!important; text-decoration: none;}
a img {border: none;}


h1 {font-weight: bold; font-size: 40px; color: #000000; padding: 10px 0 5px; line-height: 40px;}
h2 {font-weight: bold; font-size: 35px; color: #000000; padding: 15px 0 10px; line-height: 35px;}
h3 {font-weight: bold; font-size: 30px; color: #000000; padding: 10px 0 10px; line-height: 34px;}
h4 {font-weight: bold; font-size: 18px; padding: 5px 0 5px; line-height: 18px;}

.red {color: #dc2126;}

p {padding: 10px 0px;}
.overlay {width: 100%; height: 100%; display: block; z-index: 10;position: absolute; background-color: rgba(204, 204, 204, 0);}
table th {vertical-align: top;}
table td {vertical-align: top;}

.hr {border-top: 1px solid #D8D8D8; height: 1px; margin: 20px 0; clear: both;}
.hr hr {display:none;}
* html .hr {overflow: hidden;}


/*Контейнеры*/
.all_content {
    max-width: 1200px; margin: 0px auto; position: relative;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.3);
    -moz-box-shadow:    0px 0px 15px 0px rgba(50, 50, 50, 0.3);
    box-shadow:         0px 0px 15px 0px rgba(50, 50, 50, 0.3);
    background-color: #FFF;
}
.container {max-width: 1200px; margin: 0px auto; position: relative; padding: 0 40px;}
.content_container {padding-top: 20px; padding-bottom: 150px; }

/*Хидер*/
.header {width: 100%; position: relative; display: table; color: #000000;}

.header .logo img {padding: 15px 0;}
.header .slogan {margin: 45px 0 0 30px; line-height: 20px; font-size: 20px; color: #000000}

.header .logo, .header .slogan {display: inline-block; float: left;}

.header .call_order {position: absolute; top: 40px; right: 0px;}
.header .contacts {color: #262626; position: absolute; top: 48px; right: 230px; text-align: right;}
.header .contacts .phone, .mobile_content .phone {font-weight: 100; font-size: 26px; line-height: 26px; font-family: 'MuseoSansCyrl-100', Tahoma, sans-serif !important;}
.header .contacts .phone span, .mobile_content .phone span { font-family: 'MuseoSansCyrl-300', Tahoma, sans-serif !important;}
.header .contacts .phone a, .mobile_content .phone a {color: #000000; text-decoration: none;}
.header .contacts .address {padding-top: 2px; сolor: #262626;}
.header .contacts img {display: inline; line-height: 20px; vertical-align: middle; padding-right: 3px;}

/*Футер*/
.footer {
background-color: #312a37;
height: 150px;
position: absolute; bottom: 0; width: 100%;
-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.3);
-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.3);
box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.3);
color: #FFFFFF!important; 
}
.footer .container {background-color: inherit!important;}

.footer_menu { left: 0;
margin-left: -50px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 60px;
    
 }
.footer_menu a { font-size: 16px; color: #FFFFFF!important; display: block; float: left; margin-right: 25px; padding-top: 10px;}
.footer_menu li {list-style: none; display: inline-block; margin:0; padding:0; font-size: 18px;}
.footer_menu .sub a {font-size: 14px; text-decoration: underline;}

.footer .contacts {color: #FFFFFF; position: absolute; top: 30px; right: 0px; text-align: right;}
.footer .contacts .phone {font-size: 26px; line-height: 26px;}
.footer .contacts .phone span {color: #FFFFFF}
.footer .contacts .address {padding-top: 2px; font-size: 15px; color: #FFFFFF;}

.footer .dev {overflow: hidden; position: absolute; top: 90px; right: 0px;}
.dev .dev_text {position: absolute; top: 0px; right: 0px; color: #FFFFFF!important; }
.dev .dev_text a {white-space:nowrap; color: #FFFFFF!important; text-decoration: none;}
.dev .dev_text a, .dev .dev_text {font-family: Tahoma!important; font-weight: normal!important; font-size: 13px!important; line-height: 16px!important; font-weight: normal!important;}


/*Форма*/
.send_form {
	width: 100%; background-color: #612000; padding-bottom: 20px;
	background: url(/pics/bg_form.jpg) no-repeat center center;
	border-radius: 8px;
	border: 1px solid #999999;
	-webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 5px 5px 0px rgba(50, 50, 50, 0.5);
	box-shadow:         0px 5px 5px 0px rgba(50, 50, 50, 0.5);
}
.send_form h2 {margin-top: 50px; color: #FFFFFF!important; text-align: center; padding-top: 30px;}
.send_form .inputs {padding-top: 20px;}
.send_form input, .send_form textarea {
	width: 400px!important; display: block; margin: 5px auto!important;
	padding: 15px!important; border-radius: 4px; border: none!important;
    border: 1px solid #999999!important;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    1px 1px 5px 0px rgba(50, 50, 50, 0.5);
	box-shadow:         1px 1px 5px 0px rgba(50, 50, 50, 0.5);
}
.send_form .mybtn {margin-top: 10px!important;}
.send_form .send_form_content {width: 1000px; margin: 0 auto;}
.send_form .mybtn {background: none; margin-top: 10px!important; color: #FFFFFF!important; border: 2px solid #FFFFFF!important;}


/*Кнопка*/
.btn {
background-color: #009900;
border-bottom: 3px solid #006600;
color: #FFFFFF!important;
cursor: pointer;
font-size: 16px;
text-align: center;
text-decoration: none;
line-height: 20px;
display: inline-block;
padding: 5px 20px;
transition: all 0.2s ease 0s;
width: auto;

 -moz-user-select: none;
-o-user-select:none;
-khtml-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
 user-select: none;

-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.btn:hover, .mybtn.active {background-color: #4b0082;border-bottom: 3px solid #4b0082; color: #FFFFFF!important; }
.btn.big {padding: 12px 20px;}
.btn.verybig {padding: 25px 80px; font-size: 26px;}
.btn.w100 {width: 100%;}
.btn.red {background-color: #dc2126;border-bottom: 3px solid #97171b;}

.btn.red:hover {background-color: #79534a; border-bottom: 3px solid #4a312a;}
.btn.active {background-color: #3b8858; border-bottom: 3px solid #205435;}

/*Главное меню*/
.main_menu {
	display: table;
	box-sizing: border-box;
	width: 100%;
	height: 55px;
    box-shadow: 0 5px 5px 0 rgba(50, 50, 50, 0.3);
    -webkit-box-shadow: 0 5px 5px 0 rgba(50, 50, 50, 0.3);
	-moz-box-shadow: 0 5px 5px 0 rgba(50, 50, 50, 0.3);
    font-size: 12px;
    text-align: center;
    padding: 0;
    text-transform: uppercase;

    -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;

    font-family: 'MuseoSansCyrl-300', Tahoma, sans-serif !important;
}
.main_menu > li {
	display: table-cell;
	box-sizing: border-box;
	transition: all 0.2s ease 0s;
	background-color: #3366cc;
	border-bottom: 3px solid #002d87;
	list-style: none;
	height: 100%;
	position: relative;
}
.main_menu > li > a {
	text-decoration: none;
	line-height: 55px;
	color: #FFFFFF;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	display: block;
	padding: 0 15px;

}
.main_menu a:hover {
	color: #FFFFFF!important;
	//text-decoration: underline;

}
.main_menu a.active {text-decoration: underline;}


.main_menu .home .icon {
	background: rgba(0, 0, 0, 0) url("/pics/home.png") no-repeat scroll 0 0;
    height: 29px;
    vertical-align: middle;
    width: 31px;
    display: inline-block;
}
.main_menu .home {text-align: center;}

.main_menu li.item:hover {background-color: #4b0082; border-bottom: 3px solid #4b0082; }
.main_menu li.item:first-child {border-top-left-radius: 3px; border-bottom-left-radius: 3px;}
.main_menu li.item:last-child {border-top-right-radius: 3px; border-bottom-right-radius: 3px;}
.main_menu li.item.last{border-top-right-radius: 3px; border-bottom-right-radius: 3px;}/*$('.main_menu li').not(':hidden').last().addClass("last");*/

.main_menu ul.sub {background-color: #4a312a; box-shadow: 0 5px 5px 0 rgba(50, 50, 50, 0.5); position: absolute; z-index: 3;
padding: 0; top: 100%;
padding: 15px 10px;
display: none;
min-width: 100%;
}
.main_menu ul.sub li {text-align: left; list-style: none;  margin: 0!important;  color: #FFFFFF; white-space: nowrap}
.main_menu ul.sub li a {text-align: center; display: inline-block; width: 100%; padding: 0 25px; text-decoration: none; color: #FFFFFF; line-height: 40px;}
.main_menu ul.sub li a:hover {text-decoration: underline;}
.main_menu ul.sub li a.active {text-decoration: underline;}
.main_menu > li.item:hover ul {display: block;}
.main_menu .sub_arrow {display: inline-block; margin-left: 8px; width: 10px; height: 6px; background: url("/pics/sub_arrow.png") no-repeat scroll 0 0;}

.mobile_hr {background-color: #163D6E; height: 3px; margin: 5px 2px;}

.main_menu li.basket {width: 20%; border-left: 1px solid #2a54a6;}
.main_menu li.basket a.basket_name img {display: inline-block; vertical-align: middle; margin-top: -5px; padding-right: 5px;}
.main_menu li.basket .kol {
    color: #4a312a;
    margin: 0 0 0 7px;
    font-weight: 600;
    background-color: #FFFFFF;
    border-bottom: 2px solid #CCCCCC;
    font-size: 14px; padding:3px 9px; border-radius: 30px;
    min-width: 2rem;
}
.main_menu li.basket:hover .kol {
    background-color: #FFFFFF;
    border-bottom: 2px solid #CCCCCC;
}


/*Хлебные крошки*/
.mininav {padding: 20px 0 20px 0; height: 30px; color: #000000; line-height: 15px; font-size: 16px; width: 100%; display: table;}
.mininav a {display: block; float: left; color: #000000}
.mininav a:hover {text-decoration: underline;}
.mininav IMG {display: block; float: left; margin-top: -7px; padding: 2px 6px 0 8px;}
.mininav DIV {float: left; padding-top: 1px;}

/*Пейджинг*/
.paging {padding: 10px 0; margin: 10px 5px; text-align: left;}
.paging a, .paging span {display: inline-block; border-radius: 2px; color: #FFFFFF; padding: 7px 17px; margin: 0 5px 5px 0; text-decoration: none;}
.paging a {display: inline-block; background-color: #2c3236; border-bottom: 3px solid #000000;}
.paging a:hover, .paging span {border-bottom: 3px solid #b51217; background-color: #ed262e; color: #FFFFFF!important;}


/*Список*/
.styled ul {list-style: none;margin:0;}
.styled ul, ol {margin: 0px;}
.styled ul li {position: relative; padding: 2px 0;}
.styled ol li {margin: 10px 0px 0px 20px; background-image: none; padding: 0px;}
.styled ul li {padding-top: 5px; line-height: 25px; background: url(/pics/ul.png) 0px 17px no-repeat;  padding-left: 15px; margin-left: 0px;}
.styled ol ul, ol ol, ul ul, ul ol {margin: 0px 0px 0px 40px;}
.styled li a.active {text-decoration: none; font-weight: bold;}


/*Инпуты*/
input[type="text"],input[type="password"],textarea, select {
    background: none;
    border: 2px solid #b4c8d3;
    //border: 2px solid #999999;
    box-shadow: 1px 1px 3px 1px rgba(200, 200, 200, 0.2) inset;
    color: #000000;
    font-size: 15px;
    outline: medium none;
    padding: 10px 15px;
    transition: all 100ms cubic-bezier(0.42, 0, 0.58, 1) 0s;
    width: 100%;
    margin: 5px 0;
}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus {
    border: 2px solid #333333;
    box-shadow: 0 0 0 0 rgba(52, 152, 219, 1);
    transition: all 100ms cubic-bezier(0.42, 0, 0.58, 1) 0s;
}
input::-webkit-input-placeholder {color:#999999;opacity: 1; font-size: 15px;}
input::-moz-placeholder          {color:#999999;opacity: 1; font-size: 15px;}
input:-moz-placeholder           {color:#999999;opacity: 1; font-size: 15px;}
input:-ms-input-placeholder      {color:#999999;opacity: 1; font-size: 15px;}
textarea::-webkit-input-placeholder {color:#999999;opacity: 1; font-size: 17px;}
textarea::-moz-placeholder          {color:#999999;opacity: 1; font-size: 17px;}
textarea:-moz-placeholder           {color:#999999;opacity: 1; font-size: 17px;}
textarea:-ms-input-placeholder      {color:#999999;opacity: 1; font-size: 17px;}

/*Вверх*/
#toTop {
 position:fixed;
 z-index:9999;
 bottom:55px;
 right:20px;
 background: url('/pics/up.png') no-repeat;
 width: 48px;
 height: 48px;
 border: none;
 padding: 15px;
 cursor: pointer;
 color: transparent;
 text-decoration: none;
 opacity: 0.7;
}
#toTop:hover {opacity: 1;}


/*Галерея фото в редакторе страницы*/
/*.photogallery {border: 1px dashed #CCCCCC; padding: 10px;} - рамка для редактора tiny*/
/* Фото */
.photo_row {
	display: inline-block;
    height: 180px;
    padding: 3px;
    margin: 5px;
    width: 130px;
    border: 1px solid #CCCCCC;
    -webkit-box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    1px 1px 3px 0px rgba(50, 50, 50, 0.5);
	box-shadow:         1px 1px 3px 0px rgba(50, 50, 50, 0.5);
}
.photo_row a {
    background: none repeat scroll 0 0 #f1f1f1;
    display: block;
    height: 100%;
    line-height: 100%;
    overflow: hidden;
    text-align: center;
    width: 100%;
    position: relative;
}
.photo_row img {vertical-align: middle; border: 0 none; position: absolute; left:0; top:0;}