* {
margin:0;
padding:0;
}

body {
padding:0;
margin:0; font-size: 90%;
font-family: 'Helvetica Neue',  Helvetica, Arial, Verdana, sans-serif;
color: #222;
}
/* background: #ddd url(/appdata/images/back.png) repeat; by ds */

.spacer{clear:both;}

html, body, #wrapper {height: 100%; //text-align:center; }
body > #wrapper  {height: auto; min-height: 100%; }
/* CLEAR FIX*/

#main {padding-bottom: 231px;}  /* этот размер должен быть такой же высоты как и footer */

#footer {
position: relative;
margin-top: -231px; /* а здесь нужно указать отрицательное значение высоты подвала*/
height: 231px;
clear:both;

}

.clearfix:after {content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}
.clearfix {display: inline-block;}

/* Это блок для IE \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* Конец блока для IE */
 *---------------------------------*/

 #wrapper {
    width: 100%;

 }

#header {
  width:100%;
  float: left;

    }

#header-wrapper {
max-width: 480px;
min-width: 320px;
margin: 0 auto;
}

#header-tree{
  width: auto;
  float: none;

   height: 30px;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#f1f8ff), to(#d3e4f5)) !important;
   background: url(/appdata/images/back_firefox.png) repeat-x ;
/*    background-image: -webkit-gradient(linear, left top, left bottom, from(#999), to(#ccc));*/
    border-top: 1px solid #999999;
    padding: 10px 10px 0 10px;
    color: #918dd1;
    font-family:   Lucida Grande, sans-serif;
    font-weight: normal;
    margin: 0 0 -1px 0;
    box-shadow: 0 0 0;
}


ul#header-tree  {
    margin: 0px 0;
    list-style: none;


}
#header-tree ul li {
float:left;
display: inline;

}

#header-tree ul li a {
background: none;
font-size: 80%;
padding: 0;
}
#header-tree ul li a:hover{
display: block;
 background: none;
    padding: 0;
    text-decoration: underline;

}


#header-tree ul li.back a{
    display: block;
    margin-left: 1px;
    font-weight: bold;
    color: #fff !important;
    text-shadow: rgba(0,0,0,0.6) 0px -1px 0px;
    line-height: 28px;
    border-width: 0 8px 0 14px;
    -webkit-border-image: url(/appdata/images/back_button.png) 0 8 0 14 !important;

}

@-moz-document url-prefix() {
#header-tree ul li.back a{
padding: 0px 15px 2px;
background: url(/appdata/images/back_button_br.png) no-repeat;}
}              /*FFox*/

@media all and (-webkit-min-device-pixel-ratio:10000),
 not all and (-webkit-min-device-pixel-ratio:0) {
   #header-tree ul li.back a{
   padding: 0px 15px 2px;
   background: url(/appdata/images/back_button_br.png) no-repeat;}
}                   /*Opera*/

#header-tree ul li.back a:hover{

 -webkit-border-image: url(/appdata/images/back_button_clicked.png) 0 8 0 14 !important;
     text-decoration: underline;
  }
@-moz-document url-prefix() {
#header-tree ul li.back a:hover{
padding: 0px 15px 2px;
background: url(/appdata/images/back_button_br_clicked.png) no-repeat;}
}              /*FFox*/

@media all and (-webkit-min-device-pixel-ratio:10000),
 not all and (-webkit-min-device-pixel-ratio:0) {
   #header-tree ul li.back a:hover{
   padding: 0px 15px 2px;
   background: url(/appdata/images/back_button_br_clicked.png) no-repeat;}
}                   /*Opera*/


#header-tree li.last a {
     background: none;
    display: block;
    font-weight: bold;
    text-align: center;
    text-shadow: 1px 0px 3px #e6f1fd;
    color: #283f58;
    line-height: 28px;
    border-width: 0 8px 0 8px;
     margin-left: 10px;
     text-decoration: underline;
     font-size: 80%;
     padding: 0;

}

#header-tree li.last a:hover {
 text-decoration: underline;
 padding: 0;
 font-size: 80%;
 padding: 0;
 text-shadow:none;
 color: #283f58;
 line-height: 28px;
}




/* footer */
#footer-wrapper{width:100%; margin:0 auto; }
#footer-inner{

     max-width: 480px;
    min-width: 320px;
     margin:0 auto;
     padding: 0;
     text-align: left;
}
#footer-inner p{
    color:#6d63b7;font-size:0.7em; font-weight: normal; text-align: center; padding: 5px 0 0 20px;
}

#footer-nav { font-size: 0.8em;float: none; width: auto;  }
#footer-nav  .column { width: auto !important; padding: 0; }

#bt-print {
   display: none;
 }

#mobile   {
  display: none;
}

.column {
float: none;
}

.column.first, .column.last {
margin-left: 0 !important;
}

#footer-nav h3 {
display: none;
}

#footer ul {
    list-style: none;
    margin: 10px;
    padding: 0;

}
#footer ul li a {
    background-color: #d7e5f6;
    border: 1px solid #999999;
    color: #546578;
    display: block;
    font-weight: bold;
    margin-bottom: -1px;
    padding: 5px 10px;
    text-decoration: none;
}



#footer ul li:first-child a {
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}
#footer ul li:last-child a {
    -webkit-border-bottom-left-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

#footer-nav ul {
margin-bottom: 0;
padding-bottom: 9px;
list-style: none outside;
}

#footer-nav ul {
display: block;
}

html>body #footer-nav ul li a{
      height:1%;

      }

#footer-nav #dn-cola { width: auto; }
#footer-nav #dn-colb { width: auto; }
#footer-nav #dn-cold { width: auto; }
#footer-nav #dn-colg { width: auto; }

.copyright {
    border-top: 0px solid #999999;
    width: auto;
    float: left;
    margin-top: 10px;
    padding: 5px;
    }



/* END footer */
#wrap {
margin:0 auto;

max-width: 480px;
 min-width: 320px;


}

#page{padding:0;}
#content{width:100%;}
.inner{width:100%;margin:0 auto;}
.layout-1col #content{float:none;}


a {
color:#8260ce;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}









/*landing-page.css*/

 #inline-search {
  display: none;

}

#content-page{
width:100%;
max-width: 480px;
min-width: 320px;
margin: 0 auto;
}


/*download*/
#center-content-landing h1 {
    color: #283f58;
    font-size: 1.5em;
    font-weight: 600;
     text-shadow: 1px 0px 3px #e6f1fd;
    /*font-family: Lucida Grande, sans-serif;    */

}

#center-content-landing h2, .free-download-center h2, .text-left-header h2, .buy-now-center h2 {

    font-size: 1em;
    /*font-family: Lucida Grande, sans-serif;       */
    color: #1e3043;
    /*white-space: nowrap;*/
    word-wrap: break-word;
    text-shadow: 1px 0px 3px #e6f1fd;
    }



#center-content-landing h3 {
    color: #222;
    font-size: 1.1em;
 font-weight: normal;
line-height: 2;
}

#center-content-landing p {
    color: #222;
        font-weight: normal;
    line-height: 1.5;
}


#center-content-landing a {
color:#6e6ad3;
text-decoration:underline;
}

#center-content-landing a:hover {
text-decoration:underline;
 color:#5b5b9f;
}





#center-content-landing {
    width: 100%;
    margin: 0 0 10px 0;
    float: left;

}

.text-box {
    margin: 0 auto;
    width:95%;
    background: #fff;
    border: 1px solid #999999;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    padding: 0;
    clear: both;
}
.text-left-header {
   text-align: center;
  float: none;
  width: auto;
  border-bottom:  1px solid #999999;
  padding: 10px 0;
}

.text-right {
  float: none;
  width: auto;
  padding-bottom: 10px;
  font-size: 0.9em;
   padding:20px 20px; \

}



.img-box {
    float: left;
    width: auto;

    text-align: center;

}

.inter-text-right {

   line-height: 1.5;
   padding-right: 0px;
   word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

.manuals a.free30  {
  font-size: 1.2em;
  font-weight: bold;
  line-height: 2;
  letter-spacing: 1px;
}

.manuals h3.ben {
  font-weight: bold;
  font-size: 1.2em;
 color: #4e487c;
 line-height: 1.5;
}

.sing {
  clear: both;
  margin: 0;
  border-bottom: 2px solid #dbdaec;
  padding: 40px 20px;

}

img.sing {
 display: none;
}

p.sign-txt {
  display: block;
}

.history-text-right p {
  padding-bottom: 5px;
  color: #cec9f0;
}

.manuals {
  float: left;
  width: 100%;
  margin: 10px 0;
}


.content-manuals {
    margin:  0  auto;
    width: 95%;
    background: #fff;
    border: 1px solid #999999;
    -webkit-border-radius: 8px;
    overflow:hidden;
    border-radius: 8px;
    float: none;
    padding: 0;
    }



/* --> */
.reg {
    margin: 10px 0 10px 10px;
}






/* Landing page */
.header-content {
 padding: 3px 10px 5px 20px;
 background: #f1f8ff url(/appdata/images/back_firefox_1.png) repeat-x ;
 margin: 0 0 10px 0;
 border-bottom: 1px solid #999999;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#d3e4f5), to(#fff)) !important;
 width: auto;
 float: none;
 clear: both;
  overflow: hidden;
 border-bottom-left-radius: 0x;
 border-bottom-right-radius: 0px;
}




.text-header-right {
  padding-bottom:0px ;
  float: none;
width: auto;

}
.img-header-left {
  /*float: left;
  width: auto;
  margin-right: 0px;  */
  display: none;
}


.text-header-files {
  float: left;
  width: auto;
  padding-bottom:0px ;
}
.coll-left  {
  float:none;
  width: 40%;
}

.coll-right  {
  float:none;
  width: 45%;
  margin-righ: 20px;
}

.box-files {
 clear: both;
  float: none;
   padding: 20px 0;
}


.content-dowload {
  float: left;
  width:100%;
  margin:0;
  text-align: left;
   position: relative;
  }


.free-download-center {
margin-left: 0;
width: auto;
}


.free-download-center a{
   text-decoration: none;

}
.free-download-center ul {
list-style: none;
margin: 0;
padding: 0;
}
.free-download-center ul li a {
 background-image: -webkit-gradient(linear, left top, left bottom, from(#d3e4f5), to(#f1f8ff)) !important;
 background: url(/appdata/images/back_free_firefox.png) repeat-x ;

 color: #222;
  padding:10px 0 0 20px;
 text-decoration: none;
  height: 30px;

 display:block;
 background-position: right top;
line-height: 1;

}
.free-download-center ul li a:hover {
  color: #222;
  text-shadow: 0px 0px 0px;
 text-decoration: underline;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#d3e4f5), to(#fff)) !important;
  background: url(/appdata/images/back_free_firefox_hover.png) repeat-x ;

}

/* buy-now-center */
.buy-now-center{
    margin-left: 0;
    width: auto;
    float: none;
}


.buy-now-center a{
   text-decoration: none;

}
.buy-now-center ul {
list-style: none;
margin: 0;
padding: 0;
}
.buy-now-center ul li a {
 background-image: -webkit-gradient(linear, left top, left bottom, from(#d3e4f5), to(#f1f8ff)) !important;
 background: url(/appdata/images/back_free_firefox.png) repeat-x ;
  color: #222;
  padding:10px 0 0 20px;
 text-decoration: none;
  height: 30px;

 display:block;
 background-position: right top;
line-height: 1;

}
.buy-now-center ul li a:hover {
  color: #222;
  text-shadow: 0px 0px 0px;
 text-decoration: underline;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#d3e4f5), to(#fff)) !important;
  background: url(/appdata/images/back_free_firefox_hover.png) repeat-x ;

}


.button-buy {
   display: block;
}


.content-dowload div.button-buy a{
position: absolute;
    top: 7px !important;
    left: 50%;
    height: 30px;
    font-weight: bold;
    text-align: center;
    color: white !important;
    text-shadow: rgba(0,0,0,0.6) 0px -1px 0px;
    line-height: 28px !important;
    border-width: 0 8px 0 8px;
    -webkit-border-image: url(/appdata/images/button.png) 0 8 0 8 !important;
    -webkit-tap-highlight-color: rgba(0,0,0,0);

}




@-moz-document url-prefix() {
.content-dowload div.button-buy a { background: url(/appdata/images/button-download.png) no-repeat ;
padding: 2px 35px;}
}              /*FFox*/

@media all and (-webkit-min-device-pixel-ratio:10000),
 not all and (-webkit-min-device-pixel-ratio:0) {
   .content-dowload div.button-buy a{
   background: url(/appdata/images/button-download.png) no-repeat ;
   padding: 2px 35px;
   }
}                   /*Opera*/


.content-dowload div.button-buy a:hover{
    -webkit-border-image: url(/appdata/images/button_clicked.png) 0 8 0 8 !important;

}


@-moz-document url-prefix() {
.content-dowload div.button-buy a:hover { background: url(/appdata/images/button-download_clicked.png) no-repeat ;
padding: 2px 35px;}
}              /*FFox*/

@media all and (-webkit-min-device-pixel-ratio:10000),
 not all and (-webkit-min-device-pixel-ratio:0) {
   .content-dowload div.button-buy a:hover{
   background: url(/appdata/images/button-download_clicked.png) no-repeat ;
   padding: 2px 35px;
   }
}                   /*Opera*/
 /*end buy*/

.button-download {
   display: block;
}


.content-dowload div.button-download a{
position: absolute;
    top: 7px !important;
    left: 50%;
    height: 30px;
    font-weight: bold;
    text-align: center;
    color: white !important;
    text-shadow: rgba(0,0,0,0.6) 0px -1px 0px;
    line-height: 28px !important;
    border-width: 0 8px 0 8px;
    -webkit-border-image: url(/appdata/images/button.png) 0 8 0 8 !important;
    -webkit-tap-highlight-color: rgba(0,0,0,0);

}




@-moz-document url-prefix() {
.content-dowload div.button-download a { background: url(/appdata/images/button-download.png) no-repeat ;
padding: 2px 15px;}
}              /*FFox*/

@media all and (-webkit-min-device-pixel-ratio:10000),
 not all and (-webkit-min-device-pixel-ratio:0) {
   .content-dowload div.button-download a{
   background: url(/appdata/images/button-download.png) no-repeat ;
   padding: 2px 15px;
   }
}                   /*Opera*/


.content-dowload div.button-download a:hover{
    -webkit-border-image: url(/appdata/images/button_clicked.png) 0 8 0 8 !important;

}


@-moz-document url-prefix() {
.content-dowload div.button-download a:hover { background: url(/appdata/images/button-download_clicked.png) no-repeat ;
padding: 2px 15px;}
}              /*FFox*/

@media all and (-webkit-min-device-pixel-ratio:10000),
 not all and (-webkit-min-device-pixel-ratio:0) {
   .content-dowload div.button-download a:hover{
   background: url(/appdata/images/button-download_clicked.png) no-repeat ;
   padding: 2px 15px;
   }
}                   /*Opera*/


.top-shadow {
  display: none; }

.comments-box {
  float: left;
  width:  100%;
  margin: 0 auto;

}

.comments-box-center {
  margin: 0 auto;
  width: 95%;
}


/* Added by DS Nov 20 2017 */
.appitem { 
/* Nov 16 2017 by DS */
  background-color: #C3C0E9; /* ffc107 */
  padding:8px 8px 8px 8px;
  color: #4f4947;
}

#center-content-landing .appitem a { 
 color: #000000;
 text-decoration:underline;

}

#center-content-landing .appitem a:hover {
 text-decoration:underline;
 color:#4d4d85;
}

.text-full {
  float: left;
  width: 96%;
  padding: 10px;
  font-size: 0.9em;
}

.spacer{
  padding:8px 8px 8px 8px;

}