/*page*/
  html, body {width:100%;height:100%;}
  body {padding:0; margin:0;background-color: #dedede;}

/*design*/
  a img{border:0;}

/*navigation*/
  a {color:#002ba5}
  a.left{text-align:left}
  a:hover {text-decoration:none;}
  :focus, a:active { outline: none; }
  form :focus, form a:active { outline:1px dotted;}

/*TAGS*/
  h1 {margin:0 0 15px 0;padding: 0;font:bold 15px  "Tahoma";color:#002bbe;}
  h2 {margin: 0;padding: 0;font:bold 14px  "Tahoma";color:#002bbe;}
  h3 {margin: 0;padding:0;font:1.8em "Tahoma";color:#000;}
  h4 {margin:0;padding: 0;font:bold 1.2em "Tahoma";color:#ed3100;}
  dl, dt, dd, form {margin:0;padding: 0;}
  input {margin:0;vertical-align:middle;}
  p {margin: 0;padding:5px 0;text-align:justify;font-size:1.2em}
  select {vertical-align:middle;}
  table {border-spacing: 0;border-collapse: collapse;}
  table td {padding:3;}

  ul {margin: 0;padding: 10px 20px;list-style-type:none}
  dd{font-family:arial}

  hr{color:#000;height:1px;margin:10px 0 10px 0;}



/*FONT*/
  html {font-size:100%;}
  body {font:62.5%/1.5 Tahoma, sans; color:#000000}
  ul, ol, textarea, input, select {font: 1em/1.5 Tahoma;}
  table, td, th {font-size: 12px;}
  b {font: bold 12px Tahoma;}

/*Misc*/
  .clearing {clear: both;height:0;font-size:0;overflow:hidden;}
  .clearFix:after {content: '.';display: block;clear:both;visibility: hidden;height:0;font-size:0;}

/*layout*/

  /*=HEADER*/
    #header {background:#dedede url(/img/bgr/balls.png) no-repeat right top;}
     #header_inner {height:475px;position:relative;overflow:hidden;}
     #header_inner_fon{background:url(/img/bgr/header.png) no-repeat left top;left:0px;top:0px;position:absolute;width:796px;height:471px}

     #logo{margin:41px 0 0 0px;position:relative}
     .lozung{position:absolute;left:405px;top:70px;}
     .main_menu{list-style-type:none;margin:4px 0 0 73px;padding:0;position:relative;z-index:100}
      .main_menu li{padding:0 0 0 20px;margin:0 0 6px 0;background: url(/img/marker/main_menu.png) no-repeat left 8px;}
      .main_menu a{font:1.5em tahoma;color:#ca1c1c;text-decoration:none}
      .main_menu a:hover{text-decoration:underline}



     .contact_info{position:absolute;margin:0;padding:0;top:193px;left:401px}
     .contact_info li{padding:0 0 0 19px;background: url(/img/marker/contact_menu.png) no-repeat left 4px;margin:0;font:bold 1.4em tahoma;color:#000000}
     .contact_info li.current {color:#ca1c1c}
     .contact_info li.current .number{color:#ca1c1c}
     .contact_info .separator{color:#000}
     .contact_info .number{font-family:arial;color:#002ba5;letter-spacing:0.11em;font-size:15px}

     .phraze{position:absolute;left:422px;bottom:125px;width:300px;font:bold 1.4em arial;color:#ca1c1c;font-style:italic;position:relative;padding-bottom:30px;}
      .phraze span{position:absolute;bottom:0px;right:0;}

      .external_menu{position:absolute;top:0px;right:25px;padding:0;margin:0}
      .external_menu li{padding:0;margin:0 15px 0 0;float:left}
      .home{width:29px;height:52px;display:block;background: url(/img/menu/external.png) no-repeat left top;}
      .home:hover{width:29px;height:52px;display:block;background: url(/img/menu/external.png) no-repeat left bottom;}
      .map{width:29px;height:52px;display:block;background: url(/img/menu/external.png) no-repeat -40px top;}
      .map:hover{width:29px;height:52px;display:block;background: url(/img/menu/external.png) no-repeat -40px bottom;}
      .mail{width:29px;height:52px;display:block;background: url(/img/menu/external.png) no-repeat -74px top;}
      .mail:hover{width:29px;height:52px;display:block;background: url(/img/menu/external.png) no-repeat -74px bottom;}
      .eng{width:29px;height:52px;display:block;background: url(/img/menu/external.png) no-repeat -110px top;}
      .eng:hover{width:29px;height:52px;display:block;background: url(/img/menu/external.png) no-repeat -110px bottom;}
      .deu{width:29px;height:52px;display:block;background: url(/img/menu/external.png) no-repeat -150px top;}
      .deu:hover{width:29px;height:52px;display:block;background: url(/img/menu/external.png) no-repeat -150px bottom;}
  /*=MENU*/
    #menu {background: silver;}

  /*=CONTENT*/
    #wrapper {position:relative;min-height:100%;height:100%;background:#dbdbdb url(/img/bgr/sidebar.gif) repeat-y left top;min-width:1003px}
      html>body #wrapper {height:auto;}
      #main_col {float: right;width:100%;}
      #main_col_content {margin: 0 0 235px 347px;background-color:#dcdcdc;padding-bottom:20px}
      .catalog_menu{background:#ecedef url(/img/title/new1.png) no-repeat right top;padding:7px 50px 7px 38px;margin-bottom:11px}
      .catalog_menu li{display:inline;padding:0 20px 10px 0;line-height:3}
      .catalog_menu a{font:1.6em verdana;color:#4563b9}
      .catalog_menu small{font-size:0.875em}

      .main_content{padding:23px 80px 45px 38px;background:#e6e6e6;overflow:hidden}
      	.main_content ul {list-style-type:disc;margin-left:10px;padding-left:10px;}
      	.main_content li {padding: 0 0 12px 0px;margin-left:10px;font-size: 12px;}
      	.main_content li {font-size: 12px;}
       .main_content h2{font:bold 14px arial;color:#002ba5;margin-bottom:25px}
       .float_img{float:left;border:1px solid #515151;border-left:2px solid #002ba5;margin-right:16px;margin-top:3px}
       .main_content h3{color:#000;font:bold 1.2em tahoma;margin-bottom:15px}
       .main_content p {margin:0;padding: 0 0 10px 0;font-size: 12px;}
       .main_content h2{margin:30px 0 15px 0;padding:0;}
       .main_content div {font: 12px Tahoma;}

       .fifty_img{border:1px solid #515151;border-left:2px solid #002ba5;}
       .wrap_img{width:48%;float:left}

  /*=SIDEBAR*/
    #sidebar {float: left;width: 347px;margin: 0 -347px 235px 0; overflow:hidden}
     #sidebar_inside{margin-left:13px}
      .special{background: url(/img/bgr/special.png) no-repeat left top;padding:43px 0 20px 78px;font:1.2em arial;margin-bottom:15px;text-align:left}
      .special a{color:#4563ca}
      .shadows  p{font-size:1em}
      .shadows b{color:#ff0000;display:block;font-size:14px;margin-bottom:3px}
      .shadows p span{color:#ca1c1c;font-weight:bold}

      .shadows{background: url(/img/bgr/shadows.png) repeat-y left top;font-size:1.2em;margin-bottom:12px;padding:8px 75px 13px 17px;}

      .blue_block {background:#d3d9e6;padding:8px 25px 14px 17px;margin-right:50px;margin-bottom:0px;margin-top:-15px;font-size:1.2em;}

      .shadows dt,.blue_block dt{color:#666666;font-size:0.916em}

      .shadows2  p{font-size:1em}
      .shadows2 b{color:#ff0000;display:block;font-size:14px;margin-bottom:3px}
      .shadows2 p span{color:#ca1c1c;font-weight:bold}
      .shadows2{background: url(/img/bgr/shadows2.png) repeat-y left top;font:1.2em arial;margin-bottom:12px;padding:8px 75px 13px 17px;text-align:left;background-repeat:no-repeat;}

      .podpiska{margin:40px 50px 0 13px}
      .podpiska h3{margin:0 0 13px 0;padding: 0;font:bold 1.2em "Tahoma";color:#ed3100;}
      .podpiska ul{list-style-type:none;padding:0;margin:0 0 33px 0}
      .podpiska li{margin:0 0 12px 0;padding:0}
      .podpiska a{font:1.1em arial;color:#4563b9}

      .links{background: url(/img/marker/links.png) no-repeat left top;padding:0 0 0 18px;font-size:1.2em}

  /*=FOOTER*/
    #footer {width:100%;padding-bottom:20px;position:absolute; bottom:0px;background-image:url('/img/footer_bg.jpg');background-repeat:repeat-y;}


/*form*/
  .field {clear:both;padding:0;margin:0 0 20px;padding:0 0 0 215px;}
    .field:after {content: '.';display: block;clear:both;visibility: hidden;height:0;font-size:0;}
    .field dt {position:relative;left:-215px;float:left;width:200px;text-align:right;margin:0 -200px 0 0;}
      .field dt label {margin:0;}
    .field dd {float:left;}
  label {margin:0 15px 0 0;}
  select{border:solid 1px #A5ACB2;height:1.8em;}
  textarea {width:248px;height:100px;border:solid 1px #A5ACB2;}
  .form_buttons {margin:0 0 0 215px;}
  input[type="text"] {width:200px;height:1.5em;border:solid 1px #A5ACB2;}
  .input_text {width:200px;height:1.5em;border:solid 1px #A5ACB2;}


.forms TD {
	BORDER-RIGHT: #cfdbff 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #cfdbff 1px solid; PADDING-LEFT: 3px; PADDING-BOTTOM: 2px; FONT: 11px Tahoma; BORDER-LEFT: #cfdbff 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #cfdbff 1px solid; BORDER-COLLAPSE: collapse
}
.forms TH {
	BORDER-RIGHT: #cfdbff 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #cfdbff 1px solid; PADDING-LEFT: 3px; PADDING-BOTTOM: 1px; FONT: 11px Tahoma; BORDER-LEFT: #cfdbff 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #cfdbff 1px solid; BORDER-COLLAPSE: collapse; TEXT-ALIGN: left
}
.forms INPUT {
	PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; FONT: 11px Tahoma; PADDING-TOP: 1px
}


/* PRICES */

.price {background-color:#000;}
.price tr {background-color:#efefef;}
.price tr td {padding:5px;}
.price tr.head {background-color:#b1b4bc;}
.price tr.blue {background-color:#d3d9e6;}
div.opros{position:absolute;width:150px;height:25px;margin-right:25px;margin-top:55px; right:0px;text-align:right;font-size:14px;}
div.opros a{text-decoration:none !important;}

/* ADAPTATION */

.mp__overlay{
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:100;
	background-color:rgba(0,0,0,0.5);
	display:none;
}
.mp__panel{
	position:fixed;
	top:0;
	left:0;
	right:0;
	z-index:101;
	padding:0 5px 0 5px;
	text-align:center;
	background:#ca1c1c;
	display:none;
}
.mp__panel:after{
	content:'';
	display: table;
	clear: both;
}

.mp__button-main{
	width:34px;
	height:34px;
	margin:3px;
	background:none;
	border:none;
	padding:4px;
	border-radius:3px;
	cursor:pointer;
	outline:none;
	float:right;
}
.mp__line{position:relative;display:block;padding: 0}
.mp__line:after,
.mp__line:before{content:"";position:absolute;left:0;top:-9px;}
.mp__line:after{top:9px;}
.mp__line,
.mp__line:after,
.mp__line:before{
	width:100%;
	height:2px;
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	border-radius:2px;
	background-color:#fff;
}

.mp__button-main.mp--on .mp__line{background-color:transparent;}
.mp__button-main.mp--on .mp__line:before{-webkit-transform:rotate(45deg) translate(6px, 7px);transform:rotate(45deg) translate(6px, 7px);}
.mp__button-main.mp--on .mp__line:after{-webkit-transform:rotate(-45deg) translate(6px, -7px);transform:rotate(-45deg) translate(6px, -7px);}



.mp__button-text{
	margin:6px 6px 3px 3px;
	background:none;
	border:solid 1px #fff;
	padding:6px 4px;
	border-radius:3px;
	cursor:pointer;
	outline:none;
	font-size:14px;
	float:left;
	color:#fff;
}

.mp__button-text--center{
	float: none;

}

.mp--hide{
	display: none;
}

.mp__button{
	position: relative;
}

.mp__notification{
	position: absolute;
    top: -5px;
    right: -11px;
    background-color: #dd0000;
    color: #fff;
    padding: 1px 3px;
    border-radius: 10px;
    min-width: 12px;
}

@media(max-width:1224px) {
    #header {
        
        background-position: right 140px;
    }
    .main_content table {
        text-align: center;
    }
    .main_content table img,
    .main_content img {
        display: inline-block;
        vertical-align: top;       
        margin: 10px
    }
    .main_content .full_photo_a{
        display: inline-block;
        vertical-align: top;       
        margin: 10px
    }
    #footer >div:last-child {
        display: none;
    }
    #footer {
        text-align: center;
    }
    #footer >div {
        float: none!important;
        width: auto!important;
        display: inline-block;
        vertical-align: top;
    }
    img {
        max-width: 100%;
        height: auto
    }
    .main_content table {
        width: 100%!important;
        max-width: 100%;
        
    }
    iframe,
    embed,
    object {
        max-width: 100%;
    }
    .main_content table td {
        padding: 5px;
        width: auto!important;
    }
    .prod-price a {
        padding: 20px
    }
    .price td:nth-child(2) img {
        max-width: none
    }
    span,
    a,
    strong {
        padding: 0 5px
    }
    li span span {
      padding: 0
    }
    #main_col_content ul {
        margin-left: 0!important
    }
    .phraze {
      position: absolute;
      top: 300px;
      bottom:auto;
    }
    #header_inner {
      height: 581px;
    }  
}

@media(max-width:1024px) {
    #wrapper {
        min-width: 230px;
    }
    .lozung {
        top: 115px;
    }
    
}
@media(max-width:880px) {
    #sidebar {
        float: none;
        width: auto;
        margin: 0 0 290px;
        overflow: visible
    }
    #main_col_content {
        margin: 0;
    }
    .main_content {
        padding: 23px 10px 45px 10px;
        overflow:visible
    }
    
}
@media (max-width : 767px) {

    .mp__overlay.mp--on {
		display: block;
	}
	.mp__panel {display: block;} 

	body{
		padding-top: 40px;
	}


	.mp__nav-panel{
		display: block;
		position: fixed;
		top:0;
		bottom: 0;
		width: 80%;
		max-width: 260px;
		overflow-y: auto;
		background: #fff;
		-webkit-box-shadow: 0px 0 3px 0px rgba(0,0,0,0.8);
		        box-shadow: 0px 0 3px 0px rgba(0,0,0,0.8);
		-webkit-transition:all 0.3s linear;
		-webkit-transition: left,right 0.3s linear;

		z-index: 102;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		background-color: #ca1c1c;
		margin:0;
		padding: 45px 20px 20px 20px !important;;
		height: auto!important;
	}

	.mp__nav-panel_main{
		left:-125%;
		transition: left 0.3s linear;
	}

	
	.mp__nav-panel_second{
		right:-125%;
		transition: right 0.3s linear;
	}

	.mp__nav-panel_main.mp--on {
		left:0;
	}

	
	.mp__nav-panel_second.mp--on{
		right:0;
    }
    .external_menu {
        right: auto;
        left: 25px;
        top: -15px;
    }
    div.opros {
        margin-top: 10px;
    }
    .phraze,
    #header_inner_fon {
        display: none;
    }
    #header_inner>a[href='/'] img {
        display: none
    }
    #header_inner>a[href='/'] {
        margin: 40px 10px 0;
        display: block;
        float: left;
        width: 226px;
        height: 127px;
        background: url(http://www.antey-group.ru/img/m-logo.png) center no-repeat;
    }
    .lozung {        
        left: 265px;
        right: 10px;
        top: 48px;
    }
    .contact_info {
        left: 265px;
        right: 10px;
        top: 99px;
    }
    #header_inner {
      height: 333px;
    }
    #footer div {
        width: auto!important
    }
    .main_menu a {
        color: #fff;
    }
    .main_menu li {
        padding: 0;
        margin: 0 0 10px 0;
        background: none;
    }
    .main_content p {
        word-break: break-word;
    }
    #header {
      background-position: center 106px;
      background-size: 300px;
    }
}
@media (max-width : 690px) { 
    #header_inner>a[href='/'] {
        margin: 40px 0 10px;
        float: none;
    }  
    #header {
      background-position: right 0px;
      background-size: 254px;
    }  
    .lozung,
    .contact_info {
        position: static;
        margin: 20px auto;
        max-width: 411px;
    }
    table td img {
        float: none!important
    }
    table:not(.prod-option) td,
    table td p {
        display: block;
        text-align: left!important;
        width: auto!important
    }
    .prod-option {
        width: 100%;
        display: block;
        overflow-x: scroll
    }
    .prod-option tbody{
        display: table;
        width: 480px;
    }
    .price tr:first-child {
        display:  none
    }
    .forms TH,
    .forms td[colspan='2'] {
        display: block;
        font-size: 16px;
        padding: 5px ;
        text-align: center!important
    }
}
@media (max-width : 480px) { 
    .lozung {
        display: none;
    }
    .contact_info { 
        padding: 0 10px
    }
    #sidebar {
        margin: 0 0 320px;
    }
    .blue_block {
        margin-right:0
    }
    .shadows2,
    .shadows {
        padding: 8px 17px 13px 17px;
    }
    #footer>div>div {
        padding: 10px !important
    }
    .external_menu {
        right: 10px;
        left: 10px;;
        text-align: center;
    }
    .external_menu li {
        display: inline-block;
        float: none
    }
    div.opros {
        margin-top: 40px;
        right: 10px;
        left: 10px;;
        text-align: center;
        width: auto;
    }
    #header_inner>a[href='/'] {
        margin: 78px auto 0;
    }    
    .main_content img {
        float: none!important;
        margin: 5px 0!important
    }
    .catalog_menu {
        word-break:break-word;
    }
    #maps ul{
        padding-left: 0px;  
        padding: 10px 0;
        margin: 0
    }
    input[type="text"],
    textarea,
    select {
        max-width: 100%;
        box-sizing: border-box;
        width: 100%!important;
    }
    input[type="text"] {
        height: 2em
    }
    #header_inner {
      height: 473px;
  }
    #header {
      background-position: center 250px;
      background-size: 280px;
    }  
}

@media (max-width : 319px) {
    .external_menu li {
        margin: 0 8px 0 0;
    }
    #sidebar {
        margin: 0 0 380px;
    }
    .catalog_menu {
        padding: 7px 15px 7px 15px;
        word-break: break-word;
    }
    nobr {
        white-space: normal
    }
    .prod-price a {
        display: block;
        padding: 10px 0;
    }
    table span {
      word-break: break-word;
    }
    #header_inner {
      height: 530px;
  }
    #header {
      background-position: center 315px;
      background-size: 280px;
    } 
}