@import url('/css/grid.css');

body {
 font: 100%/1.5 Arial, Helvetica, sans-serif;
 background-color: #f6f6f6;
 margin: 0;
 padding: 0;
 color: #000;
}


::-moz-selection {
 background: #ed1c24;
 color:#fff;
 text-shadow: none;
}

::selection {
 background: #ed1c24;
 color:#fff;
 text-shadow: none;
}
hr {
 display: block;
 height: 0;
 border: 0;
 border-top: 1px solid #ededed;
 margin: .4em 0;
 padding: 0;
}
textarea {
 resize: vertical;
}
.top-hr {width:100%; position: fixed; top:0px; left:0px; border-top: 7px solid #ed1c24; z-index:100}

ul, ol, dl {
 padding: 0;
 margin: 0;
}
h1, h2, h3, h4, h5, h6 {
 margin-top: 0;
 padding: 15px 0px 15px 0px;
 font: bold 100%/1.5 Arial, Helvetica, sans-serif;
}
h1 {font-size:26px}
h3 {font-size: 20px}
p {padding-top:10px;}
strong, b {
 font-weight: bold;
}
a img {
 border: none;
}

a, .content a span {
 color: #ed1c24 !important;
 font-weight: 300;
 text-decoration: none;
}
a:hover {
 text-decoration: underline;
}

.wrapper {background-color:#fff; margin-top:20px; margin-bottom:20px;}
main {padding-top:40px;}

.logo {
 width: 100%;
 padding:10px;
}

.top_contacts {
 text-align: right;
 font: bold 150%/1.5 Arial, Helvetica, sans-serif;
 color: #ed1c24;
 margin-top:32px;
 padding:0px;
}
.margin {margin: -40px 0px !important;}
#zakaz {
 float:right; margin-top:-45px; padding:0px 10px;
}
.padding {padding:0px;}

.sidebox {
 border-top: 1px solid #ed1c24;
 border-bottom: 1px solid #ededed;
 background-color: #fafafa;
 margin-bottom: 30px;
}

.sidebox-ttl {
 color: #151515 !important;
 font-family: Arial, Helvetica, sans-serif;
 line-height: 1.2;
 font-weight: 300;
 font-size: 1.8462em;
 padding-bottom: 30px;
 padding-top:30px;
}
.sidebox-bd {
 color: #6c6c6c !important;
 padding-bottom: 30px;
}
.clr:after {
 display: table;
 clear: both;
 content: '';
}

footer {
 margin-top:40px;
 height:80px;
}

#banners {text-align: right; padding:20px;}
#banners img {
 opacity:.3;
 filter:alpha(opacity=30);
}
.copy {padding:20px;text-align:left !important; display:block;}

/******************* buttons ************************/

.button {
 text-decoration: none;
 font: bold 110%/1.5 Arial, Helvetica, sans-serif;
 display: inline-block;
 text-align: center;
 color: #fff !important;
 border: none !important; /*1px solid #9c9c9c; /* Fallback style */
/* border: /*1px solid rgba(0, 0, 0, 0.3);*/
 text-shadow: 0 1px 0 rgba(0,0,0,0.4);
 box-shadow: 0 0 .05em rgba(0,0,0,0.4);
 -moz-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
 -webkit-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
 outline:none;
 border: outset 0px;
 button::-moz-focus-inner;
 cursor:pointer;
}
 
.button, .button span {
 -moz-border-radius: .3em;
 border-radius: .3em;
}
 
.button span {
 /*border-top: 1px solid #fff;
 border-top: 1px solid rgba(255, 255, 255, 0.5);*/
 display: block;
 padding: 0.5em 2.5em;
 -moz-background-size: 3px 3px;
 -webkit-background-size: 3px 3px;
 background-size: 3px 3px;
 color:#fff;
}

a.button {text-decoration:none;}
 
.button:hover {
 box-shadow: 0 0 .1em rgba(0,0,0,0.4);
 -moz-box-shadow: 0 0 .1em rgba(0,0,0,0.4);
 -webkit-box-shadow: 0 0 .1em rgba(0,0,0,0.4);
}
 
.button:active {
 position: relative;
 top: 1px;
}

.button-red {
 background: #ed1c24 !important;
 /*background: -webkit-gradient(linear, left top, left bottom, from(#c9060d), to(#ed1c24) );*/
 background: -moz-linear-gradient(-90deg, #c9060d, #ed1c24);
 /*filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
startColorstr='#c9060d', endColorstr='#ed1c24');*/
}
 
.button-red:hover {
 background: #c9060d !important;
 background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#c9060d) ) !important;
 background: -moz-linear-gradient(-90deg, #ed1c24, #c9060d) !important;
 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
startColorstr='#ed1c24', endColorstr='#c9060d') !important;
}
 
.button-red:active {
 background: #ed1c24;
}

/************* соц **************************************/

.b-share__handle {}
/******************* end buttons ************************/

/******************* top menu ************************/

#menu.default {
 width:100%;
 /*border-bottom: 1px solid #ed1c24;*/
 position: relative;
 
}
#menu.fixed {
 position:fixed;
 top:0; left:0;
 width:100%;
 background:#fff;
 padding:5px;
 z-index:26000;
 border-bottom: 1px solid #ed1c24; border-top: 7px solid #ed1c24;
}
.menu{display:block;margin:0px;padding:0px;}

.menu li{display: inline-block;
position: relative;
z-index:100;}

.menu li:first-child{margin-left:0;}

.menu li a {font-weight:600;
text-decoration:none;
padding:11px;
display:block;
color:#000 !important;
font: 16px Arial, sans-serif;
-webkit-transition: all 0.2s ease-in-out 0s;
 -moz-transition: all 0.2s ease-in-out 0s;
 -o-transition: all 0.2s ease-in-out 0s;
 -ms-transition: all 0.2s ease-in-out 0s;
 transition: all 0.2s ease-in-out 0s;
}

.menu li a:hover, .menu li:hover > a {
 color:#ffffff !important;
 background:#ed1c24;
 -moz-border-radius: .3em;
 border-radius: .3em;
}

.menu ul {display: none;
margin: 0;
padding: 0;
width: 300px;
position: absolute;
top: 40px;
left: 0px;
background: #ffffff;
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
 box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.menu ul li {display:block;
float: none;
background:none;
margin:0;
padding:0;
}
.menu ul li a {
font: 16px Arial, sans-serif;
font-weight:normal;
display:block;
color:#797979 !important;
border-left:3px solid #ffffff;
background:#ffffff;}

.menu ul li a:hover, .menu ul li:hover > a{
background:#f0f0f0;
border-left:3px solid #ed1c24;
color:#ed1c24 !important;
}

.menu li:hover > ul{ display: block;}
.menu ul ul {left: 149px;
 top: 0px;
}

.mobile-menu{
 display:none;
 padding:10px 0px 10px 10px;
 background:#3E4156;
 color:#ffffff !important;
 text-transform:uppercase;
 text-decoration:none !important;
 font-weight:600;
 width:100%;
}


@media (min-width: 768px) and (max-width: 979px) {

.mainWrap{width:768px;}
.menu ul {top:37px;}
.menu li a{font-size:13px;
padding:8px;}
}

@media (max-width: 767px) {

.mainWrap{width:auto;padding:50px 20px;}

.menu{display:none;}

.mobile-menu{display:block;
margin-top:50px;}

nav{margin:0;
background:none;}

.menu li{display:block;
margin:0;}

.menu li a {background:#ffffff;
color:#797979;
border-top:1px solid #e0e0e0;
border-left:3px solid #ffffff;}

.menu li a:hover, .menu li:hover > a{
background:#f0f0f0;
color:#797979;
border-left:3px solid #9CA3DA;}

.menu ul {display:block;
position:relative;
top:0;
left:0;
width:100%;}

.menu ul ul {left:0;}

}

@media (max-width: 480px) {

}


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

/******************* end top menu ************************/

.shadow {
 position:relative;
 -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
 -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
 box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
 
} 
 
.shadow:before,
.shadow:after {
 content:"";
 position:absolute;
 z-index:-2;
} 

.shadow2 {
 -webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
 -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
 box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
 
} 
 
.shadow2:before,
.shadow2:after {
 content:"";
 position:absolute;
 z-index:-2;
} 

/******************* moble style *************************/

@media (max-width: 990px) {
 #zakaz {
 margin: -35px 0px;
 }
img{
 max-width:100%;
 height:auto;
}
 #zakaz .button span {
 padding: 0.2em 0.4em;
 }
 
 .top_contacts {
 font: bold 110%/1.5 Arial, Helvetica, sans-serif;
 color: #ed1c24;
 margin:25px 0px;
 }
 
 .margin {margin: -30px 0px !important;}
}

@media (max-width: 768px) {
 .top_contacts {
 text-align: center;
 font: bold 110%/1.5 Arial, Helvetica, sans-serif;
 color: #ed1c24;
 margin:0px;
 }
 
 .mobile-menu {margin-top:0px;}
 
 #zakaz .button span {
 padding: 0.2em 0.4em;
 }
 
 #zakaz {
 margin:-37px 0px;;
 }
 #banners {padding-top:40px 0px !important; text-align:center !important;}
 .top-hr {display:none;}
 .img_news {width:100% !important;float:none}
}



@media (max-width: 520px) {
 .top_contacts {
 text-align: center;
 font: bold 110%/1.5 Arial, Helvetica, sans-serif;
 color: #ed1c24;
 margin:0px;
 }
 
 .mobile-menu {margin-top:0px;}
 
 #zakaz .button span {
 padding: 0.2em 0.4em;
 }
 
 .img_news {width:100%;float:none}
 
 #zakaz {
 margin:-37px 0px;;
 }
 
 

}


@media (max-width: 320px) {
 .img_news {width:100%;float:none}
}

/******************* end moble style **********************/

/*------ Popup style ------*/
.popup {
 padding: 30px;
}

.popup-bd input[type="submit"],
.popup-bd input[type="button"] {
 padding: 4px 5px;
}

.popup-ttl {
 color: #151515;
 font-family: 'Open Sans', sans-serif;
 line-height: 1.2;
 font-weight: 300;
 font-size: 1.8462em; /*24/13*/
 padding-bottom: 30px;
}

.popup-bd a {
 font-family: Arial,sans-serif;
 font-style: italic;
}

#block1 a,
#block7 a,
#block25 a {
 font-style: normal;
}

.#block22 a {
 display: inline-block;
 padding: 0 10px;
}

.user_avatar {
 display: inline-block;
 padding-bottom: 10px;
}

.udtlb {
 width: 185px;
 color: #151515;
}

.repHistory {
 font-weight: bold;
}
/*------ Popup style ------*/



/*************** news ********************************/

.img_news {width:100%; max-width:300px; float:left; padding-right:15px; padding-bottom:15px; margin-top:10px;}

/*----- Comments style -----*/

.cTop {
 font-style: italic;
}

.cTop span {
 font-size: 1em !important;
}

.pagesBlock1 {
 display: block;
 padding-bottom: 10px;
}

.cMessage {
 border-bottom: 1px solid #ededed;
}

.content .cMessage {
 padding: 15px 0 30px !important;
 margin-bottom: 10px;
}

.cMessage .user_avatar {
 display: block;
 float: left;
 margin-right: 2.7%; 
 margin-top: 5px;
}

.cMessage .user_avatar img {
 width: 42px;
 height: 42px;
 border-radius: 2px;
}
/*----- Comments style -----*/

input.inp, textarea.inp {
 width:96%;
 height:27px;
 background:#efefef;
 border-radius:5px;
 -moz-border-radius:5px;
 -webkit-border-radius:5px;
 border:1px solid #dedede;
 outline:0px;
 padding:2%;
 margin-top:5px;
 font-size:100%;
 color:#3a3a3a;
}

 input.inp:focus, textarea.inp:focus {
 border:1px solid #ed1c24;
 }

textarea.inp {
 height:213px;
 font-family:Arial, Helvetica, sans-serif;
 background:url(/images/textarea-bg.jpg) right no-repeat #efefef;
}
.content {
word-wrap:break-word; table-layout: fixed;
}
.cMessage img {width:100%;}
.gTable td {padding: 5px 0px 5px 0px !important}
.posttdMessage {vertical-align: top !important;}
.postTable td{padding:10px !important;}