html,body{

    height:99.5%; /* Задаём 100% высоту для html и body */
    padding-right: 3px;
    background-image:url(../img/stone4.jpg) ;
    background-repeat: repeat;
}

.wrap{

    height:auto !important;
    height:99.5%;
    min-height:99.5%;
    position:relative;
}

.empty {
    height:50px; /* равняется высоте футера */
}
.footer {

    border-top: 1px solid rgba(253, 253, 255, 0.60);
    height:50px;
    margin-top:-50px;
    position:relative;
}

.footerinner {
    padding: 10px 0 0 40px;
    font-size: 1.1em;
    float: right;

}
.bottommenu {
    float: left;
    padding: 0 0 0 40px;

}

.links{

    color: #000000;
    font-weight: bold;
    font-style: italic;

}

c {
    color: #ededf2;
    font-family: arial, sans-serif;
    font-size: 9pt;
}


a {
    color: #000000;
    text-decoration: none;
    font-family: arial, sans-serif;
    font-size: 11pt;
}

a:hover {
    color: #b5b5b5;
}

a:active {
    text-decoration: underline;
}


.greytext {
    font-size: 12pt;
    color: #808080;
}

textarea {
    text-indent: 2px;
    border: solid 1px silver;
    border-radius: 5px;
    font-size: 12pt;
    color: #444444;
    resize: none;
    margin-left: auto;
    margin-right: auto;
}


input[type="button"] {
    border-radius: 5px;
    font-family: arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
}

input[type='submit'] {
    border-radius: 5px;
    font-family: arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
}

#container   {
     margin: 0 auto;
     width: 410px;
 }

.container   {
    margin: 0 auto;
    width: 410px;
}

#awesome-graph{
     width: auto;
     height: 200px;
     margin-left: auto;
     margin-right: auto;
 }

.awesome-graph{
    width: 410px;
    height: 200px;
    margin-left: auto;
    margin-right: auto;
}

h3 {
    font-size: 15pt;
    color: #444444;
    text-indent: 10px;
    width: 85%;
    padding-left: 5px;
}
h4 {
    font-size: 12pt;
    color: #444444;
    text-indent: 10px;
    width: 85%;
    padding-left: 5px;
}



/*Header part*/
#header {

    background-color: rgba(253, 253, 255, 0.60);
    border: 1px solid rgba(253, 253, 255, 0.60);
    border-radius: 10px;



}



#guest_body {

    background-color: rgba(253, 253, 255, 0.60);
    border: 1px solid rgba(253, 253, 255, 0.60);
    border-radius: 10px;
    margin-left: 230px;
    margin-top: 5px;


}

#guest_solving {

    background-color: rgba(253, 253, 255, 0.60);
    border: 1px solid rgba(253, 253, 255, 0.60) ;
    border-radius: 10px;
    margin-left: 230px;
    margin-top: 5px;
    padding-right: 3px;



}
#anonym_sidebar {
    /*background-color: white;*/
    background-color: rgba(253, 253, 255, 0.60);
    border-radius: 10px;
    border: 1px solid rgba(253, 253, 255, 0.60);
    margin-left: 1px;
    margin-top: 5px;
    float: left;
    padding-left: 6px;
    padding-right: 10px;
    padding-bottom: 14px;

}
#guest_sidebar {
    /*background-color: white;*/
    background-color: rgba(253, 253, 255, 0.60);
    border-radius: 10px;
    border: 1px solid rgba(253, 253, 255, 0.60);
    margin-left: 1px;
    margin-top: 5px;
    float: left;
    padding-left: 6px;
    padding-right: 80px;
    padding-bottom: 50px;
}
#frame {
    padding-top: 0;
    padding-bottom: 3px;
    padding-left: 3px;
    padding-right: 3px;
    border-radius: 0;
    width: 530px;
    text-align: center;
    border: 1px solid silver;
    margin-left: auto;
    margin-right: auto;

}

.contalleft {
    text-align: left;
    text-indent: 0;
}

.contalcenter {
    text-align: center;
    text-indent: 0;
}

.margcenter {
    margin-left: auto;
    margin-right: auto;
}

.nprTabAlt {
    float: left;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
}

.frame {
    padding-top: 0;
    padding-bottom: 3px;
    padding-left: 3px;
    padding-right: 3px;
    border-radius: 0;
    width: 530px;
    text-align: center;
    border: 1px solid silver;
    margin-left: auto;
    margin-right: auto;

}

.framecheckboxes {
    padding-top: 0;
    padding-bottom: 3px;
    padding-left: 3px;
    padding-right: 3px;
    border-radius: 0;
    width: 530px;
    border: 1px solid silver;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
}

#frametitle {
    text-align: left;
    margin-left: auto;
    margin-right: auto;
}

.frametitle {
    text-align: left;
    margin-left: auto;
    margin-right: auto;
}

#navigate {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.navigate {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#method {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font: 2.5em Georgia, Times, serif;
    text-transform: none;
    /*text-shadow: 5px 5px 1px #BBBBBB;*/
}

.method {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font: 2.5em Georgia, Times, serif;
    text-transform: none;
}

#slogan_h1 {
    padding-top: 20px;
    padding-bottom: 10px;
    text-align: center;
    font: 2.5em Georgia, Times, serif;
    text-transform: none;
    /*text-shadow: 5px 5px 1px;*/
}

#logo {
    float: left;
    border: 0;
}

.checkboxes {
    padding-top: 10px;
    padding-bottom: 5px;
    padding-left: 5px;
    margin-left: 20px;
    padding-right: 5px;
    text-align: left;
}



.label {
    /*Login and password*/
    padding-top: 5px;
    font: 11pt sans-serif;
    color: #666;
}

.regf a {
    /*Registration and forgot password*/
    padding-top: 5px;
    font: 11pt sans-serif;
    color: #999999;
}

#enter {
    border-radius: 5px;
    font-family: arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
}

#exit {
    border-radius: 5px;
    font-family: arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
}

#h1_guest {
    padding-left: 1px;
    font-size: 1.17em;
}

.guest_actions {
    padding-top: 5px;
    font: 11pt sans-serif;
    color: #5dbe58;

}

/*Content part*/
#content {
    padding-left: 10px;
    padding-right: 40px;

}

#content h1 {
    font-size: 15pt;
    color: #444444;
    text-indent: 10px;
    width: 85%;
    padding-left: 5px;
}

#content h2 {
    font-size: 13pt;
    color: #444444;
    text-indent: 10px;
    width: 85%;
    padding-left: 5px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
}

#content h3 {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

#content h4 {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

#content p {
    text-indent: 10pt;
    font: 12pt Georgia, Times, serif;
    color: #444444;
    padding-left: 5px;

}

#content ul {
    text-indent: 1pt;
    font: 12pt Georgia, Times, serif;
    color: #444444;
    list-style-type: circle;
}

#next {
    border-radius: 5px;
    font-family: arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
}

#previous {
    border-radius: 5px;
    font-family: arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
}

.tbl {
    border-spacing: 10px;
    border: 1px solid silver;
    background: #ccc;
    padding-top: 15px;
    border-collapse: collapse;
}

.tbl td {
    border: 1px solid silver;
    background: #ffffff;
    padding: 5px 10px;
}

.tbl th {
    border: 1px solid silver;
    background: #ccc;
}

.tbl input {
    text-indent: 2px;
    border: solid 1px silver;
    border-radius: 5px;
    font-size: 11pt;
    color: #444444;
}

img {
    border: 0;
}

.previous {
    border-radius: 5px;
    font-family: arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
}