body {font-family: Calibri, Arial, serif; font-size: 16px; color:#000;}
html, body, p, ul, ol, h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}
a {color:#388DC5;}
a:hover {text-decoration: none;}
td {padding: 3px;}
p {margin-bottom: 15px; line-height: 20px;}
h1, h2, h3, h4, h5, h6 {margin-bottom: 15px; line-height: 28px;}

img {max-width: 100%; border: 0;}

h1 {font-size: 28px;text-align: left; font-family: 'Open Sans', sans-serif;font-weight: normal;text-transform: uppercase;}
h2 {font-size: 24px; text-align: left; font-family: 'Open Sans', sans-serif;font-weight: normal;text-transform: uppercase;}
h3 {font-size: 22px; text-align: left; font-family: 'Open Sans', sans-serif;font-weight: normal;text-transform: uppercase;}
h4 {font-size: 18px;}
h5 {font-size: 16px;}
h6 {font-size: 14px;}

ol, ul{margin: 10px 0px 10px 20px;}
li {line-height: 24px;}
.searchimg {max-width: 150px;}
.form {
	padding: 5px 10px; border: 1px solid #999; width: 100%; max-width: 300px; color: #333; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}
.form:focus{
	border-color: #000; outline:none;
}

.search {
	padding: 5px 10px; border: 1px solid #999; width: 100%; max-width: 90%; color: #333; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding-right: 30px; margin-top: 8px;margin-bottom: 8px;
}

.search:focus{
	border-color: #000; outline:none;
}
.searchbtn {padding: 4px 3px; border: 1px solid #999; color: #333; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;position: absolute;
	right: 23px;top: 8px;}
.button:focus {outline:none;}
.button {
   border: 0px solid #99b8cc;
   background: #8f8f8f;
   background: -webkit-gradient(linear, left top, left bottom, from(#e0e0e0), to(#000000));
   background: -webkit-linear-gradient(top, #e0e0e0, #8f8f8f);
   background: -moz-linear-gradient(top, #e0e0e0, #8f8f8f);
   background: -ms-linear-gradient(top, #e0e0e0, #8f8f8f);
   background: -o-linear-gradient(top, #e0e0e0, #8f8f8f);
   background-image: -ms-linear-gradient(top, #e0e0e0 0%, #8f8f8f 100%);
   padding: 7px 15px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;
   box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;
   text-shadow: #ffffff 0 1px 0;
   color: #000000;
   font-size: 17px;
   font-family: helvetica, serif;
   text-decoration: none;
   vertical-align: middle;
   cursor: pointer;   
}
.button:hover {
   border: 0px solid #000000;
   text-shadow: #000000 0 1px 0;
   background: #000000;
   background: -webkit-gradient(linear, left top, left bottom, from(#707070), to(#000000));
   background: -webkit-linear-gradient(top, #707070, #000000);
   background: -moz-linear-gradient(top, #707070, #000000);
   background: -ms-linear-gradient(top, #707070, #000000);
   background: -o-linear-gradient(top, #707070, #000000);
   background-image: -ms-linear-gradient(top, #707070 0%, #000000 100%);
   color: #fff;
}
.button:active {
   text-shadow: #bdbdbd 0 1px 0;
   border: 0px solid #0a3c59;
   background: #8f8f8f;
   background: -webkit-gradient(linear, left top, left bottom, from(#e0e0e0), to(#000000));
   background: -webkit-linear-gradient(top, #e0e0e0, #8f8f8f);
   background: -moz-linear-gradient(top, #e0e0e0, #8f8f8f);
   background: -ms-linear-gradient(top, #e0e0e0, #8f8f8f);
   background: -o-linear-gradient(top, #e0e0e0, #8f8f8f);
   background-image: -ms-linear-gradient(top, #e0e0e0 0%, #8f8f8f 100%);
   color: #000000;
}
.clear{clear: both;}
.left { float:left;}
.right { float:right;}
.align-j {text-align: justify;}
.align-c {text-align: center;}
.align-r {text-align: right;}
.align-l {text-align: left;}

.nav_cmts, .nav_opts{
	width:100%;
	color:#000;
	margin:10px auto;
	font-size:16px;
	clear:both;
	display: inline-block;
}
.nav_cmts{
	text-align:center !important;
}
.nav_opts{
	text-align:left !important;
}
.nav_cmts b, .nav_opts b{
	font-size:25px !important; 
}
.nav_cmts a:link,
.nav_cmts a:visited,
.nav_cmts a:active,
.nav_opts a:link,
.nav_opts a:visited,
.nav_opts a:active {
	line-height:25px !important;
	text-decoration:none;
	padding:8px 15px;
	color:#000;
	font-size:16px;
	background:#eee;
	display:inline-block;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	transition: all 0.17s ease-in-out;
	-moz-transition: all 0.17s ease-in-out;
	-webkit-transition: all 0.17s ease-in-out;
	-o-transition: all 0.17s ease-in-out;
}
.nav_cmts a:hover, .nav_opts a:hover{
	text-decoration:none;
	color:#fff;
	background:#e4012e;
	transition: all 0.17s ease-in-out;
	-moz-transition: all 0.17s ease-in-out;
	-webkit-transition: all 0.17s ease-in-out;
	-o-transition: all 0.17s ease-in-out;
}
.nav_cmts span, .nav_opts span {
	line-height:25px !important;
	text-decoration:none;
	padding:8px 15px;
	font-size:16px;
	background:#fff;
	box-shadow:inset 0 0 15px rgba(0,0,0,0.1); 
	display:inline-block;
	background:#e4012e;
	color:#fff;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.container1 {
	padding: 0 15px;    
	margin: 0 auto;
	display: table;
}


.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
	position: relative;
	min-height: 1px;
	padding: 0 15px;	
	float: left;
	box-sizing: border-box;
}

.col-12 {
  width: 100%;
}

.col-11 {
  width: 91.66666666666666%;
}

.col-10 {
  width: 83.33333333333334%;
}

.col-9 {
  width: 75%;
}

.col-8 {
  width: 66.66666666666666%;
}

.col-7 {
  width: 58.333333333333336%;
}

.col-6 {
  width: 50%;
}

.col-5 {
  width: 41.66666666666667%;
}

.col-4 {
  width: 33.33333333333333%;
}

.col-3 {
  width: 25%;
}

.col-2 {
  width: 16.666666666666664%;
}

.col-1 {
  width: 8.333333333333332%;
}
 .container1 {
    width: 1100px;
  } 
/*задаем максимальную ширину тело сайта*/
@media (min-width: 1200px) {

}