/*
 * Custom Style Sheet - Use this file to style your content
 */

html {
margin: 0px;
padding: 0px;
}

body {
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
}

img {
max-width: 100%;
height: auto;
}

.container {
  width: 100%;
  max-width: 1000px;
  padding: 0 0px;
  margin: 0 auto;

	min-width: 320px;


	#background: url("http://stroy-angar.com.ua/images/1__highfon.jpg") no-repeat top left;

}

.container_color {
	border-radius: 20px;


    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #DE9A11 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#DE9A11));
    background: -webkit-linear-gradient(top, #ffffff 0%,#DE9A11 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#DE9A11 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#DE9A11 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#DE9A11 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#DE9A11',GradientType=0 );
}

.container_my {
 background: #ffffff; border:0px solid #ccc; border-radius: 20px; padding: 0px 20px 0px 20px;


 #background: #f2d69f;


}


.production {
  border-radius: 50%;
  border: 2px solid #bbb;
  margin: 10px 10px 20px 10px;
  width: 146px;
  height: 146px;
  float: left;

vertical-align: top;
text-align: center;
}
.production img {border-radius: 50%; width: 146px;  height: 146px;}

.production .prodtext {
  position: relative;
  top: -30px;
	 left: 0px;
  border-radius: 4px;
  border: #555 1px solid;
  font-size: 13px;
  color: #555;
  text-align: center;
  padding: 4px 10px;
  background-color: #eee;
  display: inline-block;
}



@media screen and (min-width: 376px) and (max-width: 450px) {

.container {
  width: 100%;
  max-width: 1000px;
  padding: 0 0px;
  margin: 0 auto;

	min-width: 375px;


}
.production {
  border-radius: 50%;
  border: 2px solid #bbb;
  margin: 10px 10px 20px 10px;
  width: 160px;
  height: 160px;
  float: left;

vertical-align: top;
text-align: center;
}
.production img {border-radius: 50%; width: 160px;  height: 160px;}
}



.menu li  { list-style-type: none; padding: 13px;}
ul li a {
    border: 1px solid #b3881d;
    padding: 8px;
    border-radius: 8px;
text-decoration: none;
	text-transform: uppercase;

color: #111;


    background: #f7e060;
    background: -webkit-gradient(linear, left top, left bottom, from(#f7e060), to(#de9a11));
    background: -moz-linear-gradient(top, #f7e060, #de9a11);
    background: linear-gradient(to bottom, #f7e060, #de9a11);


}


article  {
padding: 5px;
}

header h1 a {

font-size: 12px;
height: 60px;
}


#display_my {display:none;}




.button {
	#width: 90px;
	float: right;
	margin-right: 10px;

    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 12px 24px;
    border: 1px solid #b3881d;
    border-radius: 8px;
    background: #f7e060;
    background: -webkit-gradient(linear, left top, left bottom, from(#f7e060), to(#de9a11));
    background: -moz-linear-gradient(top, #f7e060, #de9a11);
    background: linear-gradient(to bottom, #f7e060, #de9a11);
    -webkit-box-shadow: #de9a11 0px 0px 40px 0px;
    -moz-box-shadow: #de9a11 0px 0px 40px 0px;
    box-shadow: #de9a11 0px 0px 40px 0px;
    text-shadow: #806115 1px 1px 1px;
    font: normal normal bold 20px arial;
    color: #ffffff;
    text-decoration: none;
}
.button:hover,
.button:focus {
    border: 1px solid #ffc229;
    background: #ffff73;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffff73), to(#ffb914));
    background: -moz-linear-gradient(top, #ffff73, #ffb914);
    background: linear-gradient(to bottom, #ffff73, #ffb914);
    color: #ffffff;
    text-decoration: none;
}
.button:active {
    background: #94863a;
    background: -webkit-gradient(linear, left top, left bottom, from(#94863a), to(#de9a11));
    background: -moz-linear-gradient(top, #94863a, #de9a11);
    background: linear-gradient(to bottom, #94863a, #de9a11);
}
.button:before{
    content:  "\0000a0";
    display: inline-block;
    height: 24px;
    width: 24px;
    line-height: 24px;
    margin: 0 4px -6px -4px;
    position: relative;
    top: 0px;
    left: 0px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAxklEQVRIie3WQWoCUQwG4G9eFxXX4nXcuxCRXqNLT1I8VxHPMBV0L4LUdlFmmA7DOOhLV/0hJOE9/oTAHwIvOOIrsx2xgl0AeWXbhJE4jFIgOUg4BfKfCszxhmlm8gNeHyW5OeJiyKc7cW1yp5YfGg/CEiUuma3Egn+h3UC40J7wgRme8ZnR9lhHdV6PvktolUCurbdm3o515J0Vm75PaH3/f8XVsttg0lX5AdTLbitOaO8J48ydNzH+E6GdA/nP/JwWYWfLN5n2sJtt+ji5AAAAAElFTkSuQmCC") no-repeat left center transparent;
    background-size: 100% 100%;
}










.button1 {
#width: 90px;
	float: right;
	margin-right: 10px;
margin-bottom: 3px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 8px 13px;
       border: 1px solid #318f22;
    border-radius: 8px;
      background: #99c34e;
    background: -webkit-gradient(linear, left top, left bottom, from(#99c34e), to(#5d970e));
    background: -moz-linear-gradient(top, #99c34e, #5d970e);
    background: linear-gradient(to bottom, #99c34e, #5d970e);




    text-shadow: #1f5a16 1px 1px 1px;
    font: normal normal bold 13px arial;
    color: #ffffff;
    text-decoration: none;
}
.button1:hover,
.button1:focus {
    border: 1px solid #ffffff;
    background: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d7d7d7));
    background: -moz-linear-gradient(top, #ffffff, #d7d7d7);
    background: linear-gradient(to bottom, #ffffff, #d7d7d7);
    color: #111111;
    text-decoration: none;
}
.button1:active {
    background: #b3b3b3;
    background: -webkit-gradient(linear, left top, left bottom, from(#b3b3b3), to(#b3b3b3));
    background: -moz-linear-gradient(top, #b3b3b3, #b3b3b3);
    background: linear-gradient(to bottom, #b3b3b3, #b3b3b3);
}
.button1:before{
    content:  "\0000a0";
    display: inline-block;
    height: 24px;
    width: 24px;
    line-height: 24px;
    margin: 0 4px -6px -4px;
    position: relative;
    top: 0px;
    left: 0px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAA7EAAAOxAGVKw4bAAACXklEQVRIiZXWP0hXURQH8E8vK4gIiRBxlJAIiYiGaLCQkmgKaWxqcGhuDiKkJKShIRqkoSGcGiJCzCEcHCMiGhoaJCJCIqShzH4N99x+9/e6WB04cN/5c88933PuuW87GmwL3oXd2IGdoftZ6Et+hjs4gz14i+8VOw36cBUfsYGvwWu4Fxtk28wL2EQn+CMuFfpsr8GVwrDG84VTeahBTOJxYXs/dE1p/DKU51sbDWE9shrSS30BY6ZxvC+C9AR4E4rDLRgarIRuogLRKm5jIGQHiiAZLg2ehPBCBYrZ0M205EsFLKvF4cZ1a9Kfja+H8JY/aSx0r/QWr8EoHhVBBkKfa3I5G58OwYsKRMOhe1fR5WLnILMhm4zvpRxgt9SSmzhYnH4wTt7BXAuicj1aZLEz/DalBvltPNeCqcFyAc+ALrUD5JosREZ9eIrF0uBYbLaG/SHLWM6rw/Mv3FO4xVYWI5FmB1NbZLDluhQeky7VBo6E7GIE2JCK16ZyNFSp3Xp3YsOX0gxqcK0IMhWyAalu76QazeCsdOOrEGXai9e62Oe5koNk+aviu+SN0OcBWU3vED6Hw70IQoIr1yR317B0GWelsfKl8KtClPmUNLI7eFjANSJ117LU722/ofBZl+7XHxmU3+PFiV5I86Y8TNs+rzv4JsG9dQdIcOVp+w03sO8vPh0p+z1lgK0uSz/u6r5gnzAt4V+zrwZop1lbH8dzvR2zIk3jc9J7MBG6D+JB+htEbWpwAg9061PjadKr30h/Dv8biATBGE7iaGTwPYLfxI9aBv81Zyrrnu76BZtYtFbKYbTWAAAAAElFTkSuQmCC") no-repeat left center transparent;
    background-size: 100% 100%;
}




.button2 {
	float: right;

    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 7px 18px;
    border: 1px solid #b3b3b3;
    border-radius: 47px;
    background: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#b3b3b3));
    background: -moz-linear-gradient(top, #ffffff, #b3b3b3);
    background: linear-gradient(to bottom, #ffffff, #b3b3b3);
    -webkit-box-shadow: #ffffff 0px 0px 40px 0px;
    -moz-box-shadow: #ffffff 0px 0px 40px 0px;
    box-shadow: #ffffff 0px 0px 40px 0px;
    text-shadow: #ffffff 1px 1px 1px;
    font: normal normal bold 12px arial;
    color: #811ba3;
    text-decoration: none;
}
.button2:hover,
.button2:focus {
    border: 1px solid #ffffff;
    background: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d7d7d7));
    background: -moz-linear-gradient(top, #ffffff, #d7d7d7);
    background: linear-gradient(to bottom, #ffffff, #d7d7d7);
    color: #811ba3;
    text-decoration: none;
}
.button2:active {
    background: #b3b3b3;
    background: -webkit-gradient(linear, left top, left bottom, from(#b3b3b3), to(#b3b3b3));
    background: -moz-linear-gradient(top, #b3b3b3, #b3b3b3);
    background: linear-gradient(to bottom, #b3b3b3, #b3b3b3);
}
.button2:before{
    content:  "\0000a0";
    display: inline-block;
    height: 24px;
    width: 24px;
    line-height: 24px;
    margin: 0 4px -6px -4px;
    position: relative;
    top: 0px;
    left: 0px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAE9UlEQVRIiXWWQWxc1RmFv3PnMbacaWyDmcRxnATTECfYNCHQgluqLtKmLaKKiuykC6QuWrqsaTcVXVXdtIuK0EUlVl3WIWmrBgmhUiKiIhANpFFNYxLRBJxgYgOOY+zxG8+be7p4MxMbKe/p6p6rd9/973/uOf97AgKfu54dmyDWC4EQ27HTQAgRMlEPJrRLBohGabAChYx6tT2GGBg/eWjdWmoEiM89+VyoXO8sY20F9wgF4DHLU1jtwtOGIrAPaY/MPOLPNpsl94Eyw2Xhk+PHj8wDEQgCwvOjz/MhsQf0c8GPsJcsuoRK4GgrAFGQWRTVzNosWQ4yxXyvnEWeMfz4qUaQAPAh7pI5IPuHxl2WtmFtNARbCRAQiaEdO9hgwLiE1WEpMU4MXwYeEhp75vCfigDh2bFjCG9B+iVSWRCEEZD3n8Mib7fAwGbsx6mrDISQpm0YNtve2DwWAz07uthx/xZQPgaxfV8vIz+4j50j/SRtCc4fYLMOI31R4idHRyfaC48Of79N4lfASDPAA4d28+jPHmbX17aRtCVcmZzFhsrCCvVapKe/k4fGhohZ5NPpGw2tNDUjJDYApwyvBiDYngRSSSTFwIOHBpGEJPZ/bxcDD25BgnoWGf7W3WwdKvOfv/+P27d2sve7Oxv0qEWTcQC6ZRVDSLJViXdBFRscTb0WcTNn4JEn9qIg6nVz9oULvPOPS/Rs76S6VKU80E15oBs3iLSNoAL6CLManCUJsB9RAlPPzPnT77cmAyx+vNwiOv2sytahMiuLVfr2lLnw2jT3P7YLWucgbEqYbxIoBRuwoiA00zz34kWyah1J3Jhd5uRv/olNa3z6j/+mb/BOLp+dob1UpHNTaR1FEvOI3wqWghqOaynAsDS/wpm/TgGQFAs4NtLPtY+jefHoG0xPzjJ/dZHKwkpTonnWpsN2JjkWDg49vgH0JPIgQg0hMPvePP3DZW7v20gtzZi58Mm6GuNoqsurLC+kfHDuGrXV+k0hQZS4bvRWEE4lvyyUynkEWdRrkZd+/ybL11MePjLM7q/vyKNbhBAY2N9Hd+8XAJEu1cCNneV9wFwWLBQO3jvaJjMCHHTjHHJFiNVKjSuTc9wz0s+ur27jjm2dVG6kPHBoN4888SWGDtwNwEcXP83VIwEmL5T6F/B64dv3jkroK5YOoEYRW+Obyo2US2dm2L53E1sG72TPN+5i00A3ACGI/qEyvTvv4OLrV3L+c0+kFhMFdC4AJePdMslailq3xcLMZ0w8/QpTp98H0zJhs/Xft4m2Dbe1KDIE2ZsjsRQMi4IlRGyZpWWbm3i1UuPlP5zhL79+lWvv5ZQ029t/e5eVxWojcYOpgKaDtJjYRGAKOyKCydPEjSBrMXDlv3Mce/oV+ofKbN/Xy8zUx1x6aybffPNdjK3UiKQACWIBmJdVzhdcq8f1OPclTE/OMT05x835amHBecSpnx4fI4yfOJxhvQN6BvnqrShqYhrfB26FxRziFPIqEAuAXjp/YvbgntFLktrAdUGH0G1Wo7pINaCupg3VUlomKUNYaBH5E+AFOfxi/PjhFYCkmX1Vutbm+DuhY8iDNt/BuoroMr6M6ZUoAhsxHUIdwGnMVdCwYVnoNdnT4yfGMhrlp/VXsYbpcHR0oggEQ5SFUQyKwVZiHBCZrITg1CbKFA3ZUyeOZGvWCkD8P38HdRqwNbFyAAAAAElFTkSuQmCC") no-repeat left center transparent;
    background-size: 100% 100%;
}