body {
background: #EFF5FB;
}
br, h1, h2, h3, h4, h5, h6 {
padding-left: 20px;
padding-right: 20px;
color: #104e8b;
padding-top: 40px;
font:bold Arial, Helvetica, sans-serif;
}

h1 {
  font:bold 35px Arial, Helvetica, sans-serif;
}

h3 {
  font:bold 25px Arial, Helvetica, sans-serif;
}

#wrapper{
background: #EFF5FB;
width: 100%;
margin: 0 auto;
margin-top:5px;
height: auto !important;
}

#header0{
border: 0px solid #000;
background: #EFF5FB;
width:100%;
margin:0 auto;
margin-top:0px;
margin-bottom:0px;
padding-bottom:10px;
display:table;
}

#header{
border: 0px solid #000;
background: #EFF5FB;
background-image:url(img/cropped-newlogo102.jpg);
background-repeat:no-repeat;
background-size:100%;
min-heidth:260px;
width:100%;
margin:0 auto;
margin-top:0px;
margin-bottom:0px;
padding-bottom:130px;
display:table;
border-bottom: 1px solid #104e8b;
}

#header1{
border: 0px solid #000;
background: #F0DA0E;
width:100%;
margin:0 auto;
margin-top:0px;
margin-bottom:0px;
padding-bottom:10px;
}

#logo_menu{
border: 0px solid #000;
background: #104e8b;
width:100%;
margin:0 auto;
padding: 10px 0 10px 0;
margin-top:0px;
margin-bottom:10px;
float:none;
text-align:center;
}

#logo_menu a{
  text-decoration:none;
  color:#fff;
  font:bold 20px Arial, Helvetica, sans-serif;
  margin: 10px 20px 10px 20px;
}

#header_logo{
min-heidth:260px;
border: 0px solid #000;
margin:0 auto;
margin-top:0px;
margin-bottom:0px;
float:left;
}

#qwerd {
  transform:scale(3.3);
  opacity:3.9;
  cursor:pointer;
  }

#header_left{
border: 0px solid #000;
margin:0 auto;
margin-left:10px;
margin-top:0px;
margin-bottom:0px;
float:left;
}

#header_left a{
  text-decoration:none;
  color:#104e8b;
  font:bold 42px Arial, Helvetica, sans-serif;
}

#header_mid{
border: 0px solid #000;
width:25%;
margin:0 auto;
margin-left:60px;
margin-top:15px;
margin-bottom:0px;
float:left;
}

#header_right{
border: 0px solid #000;
margin:0 auto;
margin-left:10px;
margin-top:15px;
margin-bottom:0px;
float:left;
}

#header1_menu{
border: 0px solid #000;
width:100%;
margin:0 auto;
margin-top:0px;
margin-bottom:0px;
float:left;
white-space:nowrap;
}


#content #colRight{
float:left;
margin-left:0%;
margin-top:20px;
text-align:right;
border: 1px solid #000;
border: 1px solid #104e8b;
border-radius: 10px;
}

#content #colLeft{
width: 100%; 
float:left;
margin-right:0px;
text-align:center;
background: #EFF5FB;
min-height:200px;
}

#footer {
width: 100%;
height: 90px;
margin: 0 auto;
padding-top: 0.7em;
clear: both;
border-top: 1px solid #104e8b;
}

.ramka {
  display: inline-table;
  width:175px;
  height:200px;
  padding: 15px;
  margin:15px;
  margin-bottom:10px;
  border: 1px solid #104e8b;
  border-radius: 10px;
  background: #fff;
  font:normal 14px Arial, Helvetica, sans-serif;
  text-align: center;
}

.ramka2 {
  display: inline-table;
  width:175px;
  height:270px;
  padding: 15px;
  margin:15px;
  margin-bottom:10px;
  border: 1px solid #104e8b;
  border-radius: 10px;
  background: #fff;
  font:normal 14px Arial, Helvetica, sans-serif;
}

.ramka1 {
  display: table;
  padding: 35px;
  margin:25px;
  margin-bottom:10px;
  border: 2px solid #104e8b;
  border-radius: 10px;
  background: #fff;
  font:bold 16px Arial, Helvetica, sans-serif;
  color:#104e8b;
  line-height: 1.5;
}

.ramka3 {
  display: table;
  padding: 25px;
  margin:25px;
  margin-bottom:10px;
  border: 2px solid red;
  border-radius: 10px;
  background: #fff;
  font:bold 16px Arial, Helvetica, sans-serif;
  color:red;
  line-height: 1.5;
}

.ppp img{
  width:500px;
}

.pp {
  text-align: left;
  text-indent: 20px;
  font:normal 16px Arial, Helvetica, sans-serif;
  color:#104e8b;
  margin: 10px 30px 0px 30px;
  line-height: 1.5;
}

.ppp {
  text-align: center;
  font:normal 14px Arial, Helvetica, sans-serif;
  color:#104e8b;
}

ol{
  text-align: left;
  font:normal 16px Arial, Helvetica, sans-serif;
  color:#104e8b;
  margin-left:40px;
  line-height: 1.5;
}

ul{
  text-align: left;
  font:normal 16px Arial, Helvetica, sans-serif;
  color:#104e8b;
  margin-left:40px;
  line-height: 1.5;
}

.f
{
  display: block;
  float:left;
  width:450px;
}

.f1
{
  display: block;
  float:left;
  width:90%;
  font:bold 16px Arial, Helvetica, sans-serif;
}

.fo
{
  display: block;
  float:left;
  width:420px;
}

.fo1
{
  display: block;
  float:left;
  width:90%;
  padding-top:15px;
}

.lform
{
  display: inline-table;
  text-align:right;
  vertical-align:center;
  font:bold 18px Arial, Helvetica, sans-serif;
  color:#104e8b;
  padding:15px;
  float:left;
  width:120px;
}

.lform1
{
  display: inline-table;
  text-align:right;
  color:#104e8b;
  padding:15px;
  float:left;
  width:120px;
}

.rform {
  display: inline-table;
  text-align:left;
  vertical-align:center;
  font:bold 18px Arial, Helvetica, sans-serif;
  color:#104e8b;
  float:right;
}

.rform1 {
  display: inline-table;
  text-align:left;
  color:#104e8b;
  float:right;
}

.rform2 {
  display: inline-table;
  text-align:right;
  color:#104e8b;
  float:right;
  padding:15px;
}

.rform1 li {
  padding-top:15px;
}

.rform input {
  color:#104e8b;
  border: 1px solid #104e8b;
  height:30px;
  font:normal 16px Arial, Helvetica, sans-serif;
}

textarea {
  color:#104e8b;
  border: 1px solid #104e8b;
  font:normal 16px Arial, Helvetica, sans-serif;
}

@media screen and (min-width:240px) and (max-width:479px) {
#header {
font-size: 0.7em;
}

#header_logo{
border: 0px solid #000;
width:100%;
margin:0 auto;
margin-top:0px;
margin-bottom:0px;
float:none;
color: #EFF5FB;
text-align:center;
}

#header_left{
border: 0px solid #000;
width:100%;
margin:0 auto;
margin-top:0px;
margin-bottom:0px;
float:none;
color: #EFF5FB;
text-align:center;
}

#header_mid{
border: 0px solid #000;
width:100%;
margin:0 auto;
margin-top:0px;
margin-bottom:0px;
float:none;
color: red;
text-align:center;
}

#header_right{
border: 0px solid #000;
width:100%;
margin:0 auto;
margin-top:0px;
margin-bottom:0px;
float:none;
color: red;
text-align:center;
}

#wrapper #colLeft {
float:none;
width:100%;
margin-right:0px; 
background: #EFF5FB;
}
#wrapper #colRight {
display: inline-table;
margin-left:0px;
margin-top:35px;
margin-bottom:20px;
float:none;
width:100%;
font:bold 14px Arial, Helvetica, sans-serif;
}

#logo_menu a{
  text-decoration:none;
  color:#fff;
  font:bold 15px Arial, Helvetica, sans-serif;
  margin: 10px 5px 10px 5px;
}

.ramka {
  margin:0px;
  margin-bottom:10px;
  text-align: center;
}

.ramka2 {
  margin:0px;
  margin-bottom:10px;
}

.ramka1 {
  margin:20px 0px 20px 0px;
  padding:15px;
}

h1 {
  font:bold 22px Arial, Helvetica, sans-serif;
}

h3 {
  font:bold 18px Arial, Helvetica, sans-serif;
}

.ppp img{
  width:220px;
}

.pp {
  margin:0px;
  margin-top:10px;
  font:normal 14px Arial, Helvetica, sans-serif;
}

ol{
  margin-left:0px;
  font:normal 14px Arial, Helvetica, sans-serif;
}

.f
{
  display: inline-table;
  float:left;
  width:100%;
}

.fo
{
  display: block;
  float:left;
  width:220px;
}

.lform
{
  text-align:left;
  color:#104e8b;
  padding:5px;
  padding-top:10px;
  font:bold 14px Arial, Helvetica, sans-serif;
}

.rform {
  text-align:left;
  color:#104e8b;
}

.rform input {
  color:#104e8b;
  border: 1px solid #104e8b;
  font:normal 14px Arial, Helvetica, sans-serif;
}

textarea {
  color:#104e8b;
  border: 1px solid #104e8b;
  width: 90%;
}
}

@media screen and (min-width:480px) and (max-width:799px) {

#header_logo{
border: 0px solid #000;
margin:0 auto;
margin-top:0px;
margin-bottom:0px;
float:left;
color: red;

}

#header_left{
border: 0px solid #000;
width:49%;
margin:0 auto;
margin-left:10px;
margin-top:0px;
margin-bottom:0px;
float:left;
color: red;
}

#header_left a{
  text-decoration:none;
  color:#104e8b;
  font:bold 35px Arial, Helvetica, sans-serif;
}

#header_mid{
border: 0px solid #000;
width:49%;
margin:0 auto;
margin-left:10px;
margin-top:10px;
margin-bottom:0px;
float:left;
color: red;
}

#header_right{
border: 0px solid #000;
width:49%;
margin:0 auto;
margin-left:10px;
margin-top:0px;
margin-bottom:0px;
float:left;
color: red;
}

#wrapper #colLeft {
float:none;
width:100%;
margin-right:0px; 
}
#wrapper #colRight {
display: inline-table;
margin-left:0px;
margin-top:25px;
float:none;
width:100%;
margin-bottom:20px;
}

.ppp img{
  width:450px;
}
}

@media screen and (min-width:800px) and (max-width:1023px) {

#header_logo{
border: 0px solid #000;
margin:0 auto;
margin-top:0px;
margin-bottom:0px;
float:left;
color: red;

}

#header_left{
border: 0px solid #000;
width:35%;
margin:0 auto;
margin-left:10px;
margin-top:0px;
margin-bottom:0px;
float:left;
color: red;
}

#header_left a{
  text-decoration:none;
  color:#104e8b;
  font:bold 35px Arial, Helvetica, sans-serif;
}


#header_mid{
border: 0px solid #000;
width:35%;
margin:0 auto;
margin-left:10px;
margin-top:15px;
margin-bottom:0px;
float:left;
color: red;
}

#header_right{
border: 0px solid #000;
width:35%;
margin:0 auto;
margin-left:10px;
margin-top:15px;
margin-bottom:0px;
float:left;
color: red;
}

#wrapper #colLeft {
float:none;
width:100%;
margin-right:0px; 
}
#wrapper #colRight {
display: inline-table;
margin-left:0px;
margin-top:25px;
float:none;
width:100%;
margin-bottom:20px;
}
}

@media screen and (min-width:1024px) and (max-width:1920px) {
#wrapper { 
width: 90%;
margin: 0 auto;
}
#wrapper #content #colLeft { 
width: 100%; 
} 
#wrapper #content #colRight {
width:29%;
float:left;
} 

#header_left{
border: 0px solid #000;
width:74%;
margin:0 auto;
margin-left:10px;
margin-top:0px;
margin-bottom:0px;
float:left;
color: red;
}

#header_mid{
border: 0px solid #000;
width:25%;
margin:0 auto;
margin-left:10px;
margin-top:15px;
margin-bottom:0px;
float:left;
color: red;
}

#header_right{
border: 0px solid #000;
width:35%;
margin:0 auto;
margin-left:10px;
margin-top:15px;
margin-bottom:0px;
float:left;
color: red;
}
}

.logus{
    float: left;
    padding-left:0px;
    font-family: bauhaus93, sans-serif;
    font-size: 40px;
    font-weight: bold;
    color: #104E8B;
    vertical-align:middle;
}

.logus img{
    vertical-align:middle;
    padding-bottom: 1px;
}

.loguso{
    font-family: bauhaus93, sans-serif;
    font-size: 50px;
    font-weight: bold;
    color: #104E8B;
    padding: 5px;
    padding-bottom: 1px;
    margin-top: 5px;
    margin-bottom: 1px;
    text-align: center;
    float:left;
    vertical-align:middle;
}

.phone-top a{
  position:absolute;
  top:17px;
  right:60px;
  padding-left:5px;
  font:normal 22px/30px "Century Gothic", Arial, Helvetica, sans-serif;
  color:#104E8B;
  text-align:right;
  text-decoration:none;
  white-space: nowrap;
}

#menus a{
font-size: 3.5em;
text-shadow: none;
text-align: center;
padding-top: 0px;
text-decoration:none;
}

#header_logo a{
  text-decoration:none;
  color:#fff;
  font:normal 22px Arial, Helvetica, sans-serif;
}

#header_mid a{
  text-decoration:none;
  color:#104e8b;
  font:bold 22px Arial, Helvetica, sans-serif;
}

#header_right a{
  text-decoration:none;
  color:#104e8b;
  font:bold 22px Arial, Helvetica, sans-serif;
}

.ramka a {
color:#104e8b;
text-decoration:none;
font:bold 22px Arial, Helvetica, sans-serif;
text-align:center;
}

.ramka2 a {
color:#104e8b;
text-decoration:none;
font:bold 22px Arial, Helvetica, sans-serif;
}

.ramka p {
color:#104e8b;
font:normal 13px Arial, Helvetica, sans-serif;
}

.ramka2 p {
color:#104e8b;
font:normal 13px Arial, Helvetica, sans-serif;
}

.ramka img {
  vertical-align: middle;
  text-align: center;
}

}


#footer p {
color:#104e8b;
font:normal 14px Arial, Helvetica, sans-serif;
}

.ppn {
  font:bold 25px Arial, Helvetica, sans-serif;
  color:#104e8b;
}

.sub{
  display: inline-block;
  width: 15em;
  font-size: 80%;
  color: rgba(255,255,255,.9);
  text-shadow: #2e7ebd 0 1px 2px;
  text-decoration: none;
  text-align: center;
  line-height: 1.1;
  white-space: pre-line;
  padding: .7em 0;
  border: 1px solid;
  border-color: #60a3d8 #2970a9 #2970a9 #60a3d8;
  border-radius: 6px;
  outline: none;
  background: #60a3d8 linear-gradient(#89bbe2, #60a3d8 50%, #378bce);
  box-shadow: inset rgba(255,255,255,.5) 1px 1px;
} 

.sub:first-line{
  font-size: 170%;
  font-weight: 700;
}

.sub:hover {color: rgb(255,255,255);
  background-image: linear-gradient(#9dc7e7, #74afdd 50%, #378bce);
}

.sub:active { color: rgb(255,255,255);
  border-color: #2970a9;
  background-image: linear-gradient(#5796c8, #6aa2ce);
  box-shadow: none;
}

.sub1{
  display: inline-block;
  width: 15em;
  font-size: 80%;
  color: rgba(255,255,255,.9);
  text-shadow: #2e7ebd 0 1px 2px;
  text-decoration: none;
  text-align: center;
  line-height: 1.1;
  white-space: pre-line;
  padding: .7em 0;
  border: 1px solid;
  border-color: #DA6060 #A92828 #A92828 #DA6060;
  border-radius: 6px;
  outline: none;
  background: #DA6060 linear-gradient(#E48B8B, #DA6060 50%, #D03838);
  box-shadow: inset rgba(255,255,255,.5) 1px 1px;
} 

.sub1:first-line{
  font-size: 170%;
  font-weight: 700;
}

.sub1:hover {color: rgb(255,255,255);
  background-image: linear-gradient(#E99F9F, #DF7474 50%, #D03838);
}

.sub1:active { color: rgb(255,255,255);
  border-color: #A92828;
  background-image: linear-gradient(#C85858, #D06A6A);
  box-shadow: none;
}

.p5 p{
  color:red;
}

.more {
  color:green;
}

.less {
  color:red;
}

.min {
  color:#104e8b;
}

#content #colLeft tr, td {
border: 1px solid #104e8b;
}

.op {
  font:bold 20px Arial, Helvetica, sans-serif;
  margin: 10px 20px 10px 20px;
  color: #104e8b;
} .pps {
  text-align: left;
  font:normal 16px Arial, Helvetica, sans-serif;
  color:#104e8b;
  margin-left:40px;
  line-height: 1.5;
}

 .pps0 {
  text-align: center;
  font:normal 16px Arial, Helvetica, sans-serif;
  color:#ff0000;
  margin-left:40px;
  line-height: 1.5;
} 

.da {
  font:bold 20px Arial, Helvetica, sans-serif;
  margin: 10px 20px 10px 20px;
  color: #19ff19;
}

.net {
  font:bold 20px Arial, Helvetica, sans-serif;
  margin: 10px 20px 10px 20px;
  color: #ff0000;
} .logon {
 float:left; /* ???????????? ?? ?????? ???? */
 margin: 10px 5px 5px 10px; /* ??????? ?????? ???????? */
 }