html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
/*    _height: 66%;*/
    min-width: 1000px;
    color: #fff;
    background: #1d1d1d;
    letter-spacing: normal;
    line-height: 1.4em;
}

img, div {
    behavior: url( iepngfix.htc )
}

html, body, div, p, th, td, li, dd {
    font: 98% / 1.4 Verdana, Arial, sans-serif;
    text-shadow: none;
}

a {
    color: #fff;
    text-decoration: underline;
}

a:hover {
    color: #fff;
    text-decoration: none;
}

h1 {
    font-size: 24px;
    margin: 0px 0px 0px 10px;
    padding: 0px;
    font-weight: normal;
    color: #fff;
}

h2 {
    font-size: 18px;
    margin: 0px 0px 0px 10px;
    padding: 0px;
    font-weight: normal;
    color: #fff;
}

.button-pay {
    margin-left: 25px;
    margin-top: 15px;
    margin-bottom: 44px;
    display: block;
}

#content {

    position: relative;
    min-height: 100%;
}

#box {

    background-color: #1d1d1d;
    height: 100%;
    background: url( images/rodina.jpg ) no-repeat;
    width: 99.9%;
 /*padding-right : 1 px;*/
 /*overflow-x : hidden;*/

}

/* @@@@@@@@@@@@@@@@   */
/*        menu      */
/* @@@@@@@@@@@@@@@@ */
.menu {
    width: 100%;
    min-width: 1000px;
    color: #c20d57;

}

.menu a {
    color: #e2e3e4;
}

.menu a:hover {
    text-decoration: none;
}

.menu ul {
    margin: 0px 15px 0px 0px;
    padding: 0px;
    float: right;

}

.menu ul li {

    margin: 0px;
    padding: 21px 0px 0px 23px;
    float: left;
    list-style: none;
}

/* @@@@@@@@@@@@@@@@   */
/* head      */
/* @@@@@@@@@@@@@@@@ */

.head {

    width: 100%;
    height: 300px;
    color: #fff;
    clear: both;
}

.full-text {
    font-size: 12px;

}

#da {
    padding-top: 98px;
}

.my-head {
    float: left;
    width: 38%;
    margin-top: 150px;
}

#da a {
    color: #fff;
    font-size: 18px;
    text-decoration: underline;
}

#da a:hover {
    text-decoration: none;
}

.one {
    float: left;
    margin-right: 3%;
}

.two {
    float: left;
    margin-right: 3%;
}

.tre {
    float: left;
}

/* @@@@@@@@@@@@@@@@   */
/* content      */
/* @@@@@@@@@@@@@@@@ */

* html #content {
    height: 100%;
    color: #fff;
}

.argumenti {
    width: 65%;
    float: left;
    color: #fff;
    margin: 0px;
}

.argumenti p {
    margin: 20px 0px 0px 25px;
    padding: 0px;
}

.packets {
    width: 34%;
    float: left;
    margin-top: -31px;
    color: #fff;
}

.packets ul {
    margin: 0px 5px 5px 30px;
    padding: 0px;
    list-style: none;
}

.packets ul li {
    margin: 15px 0px 0px 0px;
    padding: 0px;
}

.pack-style {
    margin: 20px 0px 0px 0px;
}

.pack-style-q {
    margin: 20px 0px 0px 0px;
    float: left;
}

.b-b {

    margin-right: 10px;
}

.pack-style-name {

    font-family: Georgia;
    font-size: 24px;
    font-style: italic;
}

.packets a {
    color: #fff;
    z-index: 10;

}

.packets a:hover {
    color: #fff;
    text-decoration: none;
    position: relative;
    z-index: 100;
}

.packets a span {
    display: none;
    font-size: 13px;
    font-family: Verdana;
    font-style: normal;
}

.packets a:hover span {
    text-align: left;
    display: block;
    position: absolute;
    float: left;
    white-space: nowrap;
    top: 30px;
    left: 0px;
    background: #eee;

    color: #444;
    padding: 1px 5px;
    z-index: 10;
}

.info {
    width: 25%;
    float: left;
    background: transparent;
    color: #fff;
/*    position: relative;*/
    z-index: 5000;
}

.block-info {
    background: #fff;
    margin: 0px 25px 0px 0px;
    padding: 21px 0px 21px 13px;
    color: #000;
}

.block-info a {
    color: #0c4ea8;
}

.block-info a:hover {
    color: #0c4ea8;
    text-decoration: none;
}

.block-info h1 {
    margin: 0px;
    color: #94cbe4;
    font-family: Verdana, serif;
    font-size: 18px;
    font-weight: normal;
}

.block-info h2 {
    margin: 0px;
    color: #7ddf70;
    font-family: Verdana, serif;
    font-size: 18px;
    font-weight: normal;
}

.block-info p {
    font-size: 12px;
    color: #4a4a4a;
    padding: 0px 15px 0px 0px;
}

.blue-button {
    float: right;
}

.blue-angle {
    margin: 0px;
    padding: 0px;
    background: url( images/b-angle.png ) no-repeat;
    width: 9px;
    height: 35px;
    float: left;
}

.blue-text {

    margin: 0px;
    padding: 0px;
    width: 168px;
    background: #edf6fa;
    height: 35px;
    float: left;
}

.blue-text a {
    color: #37aee4;
    text-decoration: underline;
    font-size: 12px;

}

.blue-text a:hover {
    text-decoration: none;
}

.img-play-blue {
    float: left;
    margin: 7px 0px 0px 0px;
}

.text-play-blue {
    float: left;
    margin: 10px 0px 0px 9px;
}

.green-button {
    float: right;
}

.green-angle {
    margin: 0px;
    padding: 0px;
    background: url( images/g-angle.png ) no-repeat;
    width: 9px;
    height: 35px;
    float: left;
}

.green-text {

    margin: 0px;
    padding: 0px;
    width: 168px;
    background: #f2faed;
    height: 35px;
    float: left;
}

.green-text a {
    color: #24b82f;
    text-decoration: underline;
    font-size: 12px;

}

.green-text a:hover {
    text-decoration: none;
}

.green-green-position {
    margin: 13px 0px 0px 33px;
}

.img-play-green {
    float: left;
    margin: 7px 0px 0px 0px;
}

.text-play-green {
    float: left;
    margin: 10px 0px 0px 9px;
}

.content-text {
    width: 75%;
    float: left;
    margin: 0px;
    padding: 0px
}

.full-text-content {
    margin: 0px 15px 15px 15px;
    color: #dbdbdb;
}

.full-text-content p {
    color: #fff;
    padding-left: 15px;
}

.table-content img {
    border: 0;
}

.snoski {
    display: inline-block;
    font-size: 11px;
    margin-top: 15px;
}

/* @@@@@@@@@@@@@@@@   */
/* footer style      */
/* @@@@@@@@@@@@@@@@ */

#footer {
    background: #1d1d1d;
    clear: both;
    width: 99.9%;

    position: relative;
    height: 220px;
    color: #8e8e8e;
/* padding-right : 1 px;*/
/* overflow-x : hidden;*/

}

.footer-contacts {

    width: 50%;
    height: 100%;
    float: left;
    background: transparent;

    margin: 0px;
    padding: 0px;
    font-size: 13px;
    color: #8e8e8e;
}

.footer-text {
    width: 280px;
    margin: 0px 0px 0px 30px;
}

.footer-text-sity {
    width: 280px;
    margin: 26px 0px 0px 30px;
    font-size: 11px;
}

.footer-tell {
    font-weight: normal;
    font-size: 26px;
    color: #fff;
    margin: 2px 0px 0px 30px;
}

.footer-mail {
    font-weight: normal;
    font-size: 20px;
    color: #fff;
    margin: 5px 0px 0px 30px;
}

.footer-mail a {
    font-size: 20px;
    color: #fff;
    text-decoration: underline;

}

.footer-mail a:hover {
    text-decoration: none;
}

.dog {
    background: url( 'images/dog.png' ) 0.2em 0.3em no-repeat;
    display: inline-block;
    width: 22px;

}

.footer-copyright {
    color: #fff;
    width: 50%;
    height: 100%;
    float: left;
    background: transparent;
    text-align: right;
}

.footer-text-copy {
    font-size: 11px;
    margin: 172px 40px 0px 0px;
}

.footer-text-copy  a {
    color: #0c4ea8;
}

.footer-text-copy  a:hover {
    color: #910d10;
    text-decoration: none;
}

.domains {
    width: 100%;
    font-size: 13px;
}

.domains-host {
    width: 830px;
}

.domains  td {
    padding: 2px 5px 2px 5px;
    border-bottom: 1px #1d1d1d solid;
}

.test-hovers {
    background: #527727;
}

.test-hovers-yes:hover {
    background: #527727;
}

.test-hovers-two {
    background: #a61e03;
}

.test-hovers-yes-two:hover {
    background: #a61e03;
}

.test-hovers-tre {
    background: #054262;
}

.test-hovers-yes-tre:hover {
    background: #054262;
}

.test-hovers-vour {
    background: #8f0687;
}

.test-hovers-yes-vour:hover {
    background: #8f0687;
}

.test-hovers-five {
    background: #8f063a;
}

.test-hovers-yes-five:hover {
    background: #8f063a;
}

.domains-options {
    width: 50%;
}

.pay {
    display: block;
    margin-top: 9px;
    margin-bottom: 36px;
    _margin-bottom: 0;
}

.pay-two {
    margin: 11px 0px 0px 2px
}

.table {
    width: 45%;
    float: left;
    margin: 0px 0px 0px 15px;
}

.black {
    background: #292929;

}

.white {
    background: #343434;
}

.price {
    color: #898c8d;
    font-size: 13px;
}

.mozilla-fix {
    height: 50px;
    _height: 0px;
}

.tooltip {
    position: absolute;
    top: 0px;
    left: 0px;
    color: #000;
    border: solid 1px #e1e1e1;
    background-color: #eee;
    font-size: 11px;
    line-height: 16px;
    margin: 22px 0px 0px 6px;
    padding: 3px;
    overflow: hidden;
    visibility: hidden;
}

/*accordion style*/

.toggler {
    color: #fff;
    margin: 0;
    padding: 3px 8px;
    font-weight: normal;
    font-size: 13px;
    font-family: Tahoma;
    border-bottom: 1px #1d1d1d solid;
}

.element p {
    font-size: 13px;
    margin: 0;
    padding: 8px 0px 20px 0px;
}

.float-right {
    padding: 10px 20px;
    float: right;
}

.servers {
    background: url( 'images/server.png' ) top right no-repeat;
    height: 86px;
    width: 273px;
    margin-left: 58px;
}

.servers-table {
    padding-right: 68px;
    padding-bottom: 31px;
}

.br {
    border-right: 1px #343434 solid;
}

.bb {
    border-bottom: 1px #343434 solid;
}

.pl {
    padding-left: 6%
}

.pt {
    padding-top: 6%;
}

.pay {
    font-size: 24px;
    float: right; 
   
/*  margin-top: -33px; 
    margin-right: 46px; */
}

.theoffer {
    border: thin inset;
    padding: 6px;
    overflow: auto;
    height: 375px;
    width: 80%;
    background: #fff;
    color: #333;
}

.theoffer ul li {
    margin-top: 18px;
}

.theoffer a {
    color: #333;
}