body {
    width:100%;
    height:100%;
    font-size:small;
    background: #ff9f45;
}
h1{color:#060678;font-size:1.2em;}
  h2 { color:#060678; font-size:0.9em; }
  h3 { color:#060678; font-size:1.1em; }

#page_content {
    margin-left:250px;
    height:100%;
    padding:50px 10px 5px 10px;

}
#footer {
bottom:0px;
text-align:right;
width:100%;
}

#Label_top {
font-size:24px;
color:#000099;
}
#MainPictureSize{
    height: 50px;
    width: 100px;
}

.whiteheader{
    color:white;
    font-weight:bold;
    font-size:120%;
}
   .gradient {
    background: #fefcea; /* Для старых браузров */
    background: linear-gradient(to top, #fefcea, #ff9f45);
    padding: 10px;
    border: 1px solid #333;
   }
  .pict img {
       max-width: 100%;
       max-height: 100%;
   }
 .pict img:hover {
       max-width: 200%;
       max-height: 200%;
       margin-left:10px;
     }
#banner {
       position:static;
       padding:20px 0 0 0;
       border:0;
   }

#banner_r {
       position:static;
       padding:50px 0 0 400px;
       border:0;
   }

#leftpanel {
    position:relative;
    float: left;
    z-index:3;
   }
.strike {
     text-decoration: line-through; 
   }
.red {
     color:red;
   }

#header{  width:94%; height:5%; border-style:none;display: block; border-radius:5%;
    background: #fefcea; /* Для старых браузров */
    background: linear-gradient(to top, #fefcea, #ff9f45);
    padding: 2%;
}
#header1{width:34%; display:inline-block;}
#header2{width:65%; display: inline-block;text-align:center;}
.formtitle{display:block;width:95%;text-align:center;}
.formelement{display:inline-block;width:30%;text-align:center;}

.contentblock{ display:inline-block;width:95%;margin-left:1%;margin-top:5%;}
.leftblock{ display:inline-block;width:60%;vertical-align:top;position:relative;z-index:1;}
.rightblock{ display:inline-block;width:35%;padding: 1%;text-align:center;font-weight:bold;position:relative;z-index:2;}

.clear {clear: left; /* Отмена обтекания */   }
.center {display:block; margin:0 auto;text-align:center;}
#mob_index{display:none;}

@media screen and (max-width:480px) {
    body {
    width:100%;
    height:100%;
    font-size:large;
}
h1{color:#060678;font-size:1.2em;}
  h2 { color:#060678; font-size:0.9em; }
  h3 { color:#060678; font-size:1.1em; }

#page_content {
    margin-left:1px;
    height:100%;
    padding:1px;
    float:none;
}
#footer {
bottom:0px;
text-align:right;
width:100%;
}

#Label_top {
font-size:24px;
color:#000099;
}
#MainPictureSize{
    height: 50px;
    width: 100px;
}

.whiteheader{
    color:white;
    font-weight:bold;
    font-size:120%;
}
   .gradient {
    background: #fefcea; /* Для старых браузров */
    background: linear-gradient(to top, #fefcea, #ff9f45);
    padding: 10px;
    border: 1px solid #333;
   }
  .pict img {
       max-width: 200px;
       max-height: 200px;
   }
 .pict img:hover {
       max-width: 600px;
       max-height: 600px;
   }
#banner {
       position:static;
       padding:20px 0 0 0;
       border:0;
   }

#banner_r {display:none;}

#leftpanel { display:none;}

.strike {
     text-decoration: line-through; 
   }
.red {
     color:red;
   }

#header{  width:94%; height:10%; border-style:none;display: block; border-radius:5%; border: 2px solid #F35E1D;
    background: #fefcea; /* Для старых браузров */
    background: linear-gradient(to top, #fefcea, #ff9f45);
    padding: 2%;
    border: 1px solid #333;
}
#header1{width:95%; display:block;}
#header2{width:95%; display:block;text-align:center;}
.formtitle{display:block;width:95%;text-align:center;font-size:x-large;}
.formelement{display:block;width:95%;text-align:center;font-size:x-large;}
.formelement input{font-size: 100%;}
#DropDownList1{font-size: 80%;}
#Button1{font-size: 70%;}

.contentblock{ display:block;width:95%;margin-left:1%;margin-top:5%;}
.leftblock{ display:block;width:95%;vertical-align:top;}
.rightblock{ display:block;width:95%;padding: 1%;}
.clear {clear: left; /* Отмена обтекания */   }
.center {display:block; margin:0 auto;text-align:center;}

#mob_index{display:block;width:95%;padding: 1%;}
}