.screenWide{width: 100%; clear: both; overflow: auto;}
.pageWide{max-width: 360px; margin: 0 auto; clear: both; padding: 1px 0; }

.cols1_1, .cols3_1, .cols3_2, .cols3_3, .cols3_12, .cols3_23, .cols2_1, .cols2_2, .cols4_1, .cols4_2, .cols4_3, .cols4_4, .cols4_23,.cols4_34, .cols4_123, .cols4_234, .cols5_1, .cols5_2, .cols5_3, .cols5_4, .cols5_5, .cols5_12, .cols5_23, .cols5_34, .cols5_45, .cols5_123, .cols5_234, .cols5_345, .cols5_456, .cols6_1, .cols6_2, .cols6_3, .cols6_4, .cols6_5, .cols6_6, .cols6_123, .cols6_234, .cols6_345, .cols6_456, .cols6_1234, .cols6_2345, .cols6_3456 {
  box-sizing: border-box;
  padding: 10px;
}




#stage{
  max-width: 360px;
  min-height: 100%;
  margin: 0 auto;
}


#header{
  width: 100%;
  padding: 0;
  position: relative;
  background-color: var(--headerBg);
}

#header #elementsContainer{
  height: 90px;
}

#header #headerLogo{
  height: 50px;
  position: relative;
  top: 25px;
  left: 10px;
}

#header #buttons{
  position: absolute;
  top: 40px;
  right: 5px;
  text-align: right;
}


#header #menuButton a{
  color: var(--button);
}

#header #menuButton{
  text-align: center;
  font-size: 20px;
  position: absolute;
  bottom: 5px;
  right: 8px;
  font-family: helvetica, arial;
}

#header #menuPhone{
  font-weight: bold;
}

#header a, #header a:hover{
  text-decoration: none;
}
#header div.headerMenu{
  background-color: var(--headerBg);
  padding: 4px 8px;
  border-bottom: 1px solid #FFF;
}

#header div.headerMenu a{
  color: var(--navItem);
}


#buttonHeader1{
  background-color: var(--buttonBg);
  position: absolute;
  right: 5px;
  top: 10px;
  padding: 5px 10px;
  font-size: 16px;
}
#buttonHeader1:hover{
  color: var(--buttonHover);
  background-color: var(--buttonHoverBg);
}


#navigation{
  width: 100%;
  background-color: var(--navSubitemBg);
  z-index: 5000;
  display: none;
  padding: 5px 0;
  font-size: 17px;
}

#navigation ul{
  margin: 0;
}

#navigation li{
  list-style: none;
  border-bottom: solid 1px #ccc;
  line-height: 1.8em;
  margin: 0;
  padding: .5em 0;
}

#navigation li a{
  padding-left: 20px;
	color: var(--navSubitem);
  background-color: var(--navSubitemBg);
  font-weight: normal;
  text-align: left;
}

#navigation li ul li{
  list-style: none;
}

#navigation li ul li a{
  padding-left: 60px;
}

#navigation li ul li, #navigation ul li:last-child{
  border-bottom: solid 0px #ccc;
}

#navigation li a{
  display: block;
}


#navigation li a:active{
  text-decoration: none;
  color: var(--navSubitemHover);
  background-color: var(--navSubitemHoverBg);
}

#navigation li a:hover{
  color: var(--navSubitemHover);
  background-color: var(--navSubitemHoverBg);
}




#contents{
  padding: 0px;
  margin: 0 auto;
  background-color: var(-bgMain);
}



#footer{
  min-height: 20px;
  overflow: auto;
  color: #fff;
  padding: 0 0;
  background-color: var(--footerBg);
  text-align: center;
}

#footer a{
  color: #fff;
}


#footer #logo{
  max-width: 80% !important;
  margin: 20px auto 20px auto;
  display: block;
}

#footer ul{
  list-style-type: none;
  font-size: 18px;
  text-align: center;
}

#footer li{
  margin: 0;
  padding: 8px;
  text-align: center;
}

#footer #socialBlock{
  display: block;
  text-align: center;
  width: 100%;
  margin: 20px auto 0 auto;
}

#footer .socialIcon{
  width: 40px;
  margin: 10px;
}

#footer .footer_address{
  width: 50%;
  float: left;
  padding: 5px 10px 5px 20px;
}
#footer .footer_address *{
  text-align: left;
}

#footer .footerLogos{
  padding: 10px;
}
#footer .footerLogos img{
  height: 32px;
  margin: 10px;

}

#footer #footerSocials{
  text-align: center;
}
#footer #footerSocials img{
  width: 100px;
  margin: auto 20px;
}

#footer #copyright{
  font-size: 12px;
  padding: 20px 10px 10px;
  text-align: center;
}