/* ----------------- MAIN ---------------------- */

html, body {
	font-weight:		normal;
	font-family:		"Arial", "Times New Roman", Serif;
	border:				none;
	margin:				0px;
	padding:			0px;
	background-color:	white;
	color:				#555577;
}


td {
	font-weight:		normal;
	font-family:		"Arial", Serif, "Times New Roman";
}

table, img, form {
	border:				none;
	margin:				0px;
	padding:			0px;
}

.umenutab tbody {
	/* display: table-row-group; */
        vertical-align: top;
        border-color: inherit;
}

.ucontenttab {
        padding: 1% 0 0 0;
}

div {
	margin:				0px;
	padding:			0px;
}

input {
        font-family: Tahoma, Arial, Helvetica, Sans-Serif;                      
        font-size: 14px;                                                        
}   
/* ----------------- CONTENT ---------------------- */

/*
a:link {
	text-decoration: underline;
        color: #0E47AF;
        font-weight: Bold;
}

a:visited {
	text-decoration: underline;
        color: #0E47AF;
        font-weight: Bold;
}
*/
a	{
	color: #0E47AF;
	font-weight: Bold;
}

.bottom-banner {
	margin: 0 auto;
        position: relative;
        background-image: url('../img/space-bottom.png');
        background-repeat: repeat-x;
        top: 15px;
        min-width: 924px;
        max-width: 1280px;
        height: 113px;
        margin-top: 10px;
        padding-top: 20px;
        vertical-align: center;
}

.art-Footer {
	position: relative;
        z-index: 0;
        overflow: hidden;
        /* width: 1279px; */
        min-width: 924px;
        margin: 5px auto 0px auto;
        text-align: center;
}

.art-Footer .art-Footer-text {
	display: inline-block;
        color: #1F1F1F;
        font-family: Tahoma, Arial, Helvetica, Sans-Serif;
        font-size: 11px;
}

.td-field {
        font: Verdana;
        font-weight: bold;
}

.td-field-login {
        font: Verdana;
        font-weight: bold;
        font-size: 130%;
        margin: 5% 0;
        color: #E41B17;
}

.form-field {
        margin: 8% 0;
        font-weight: bold;
        color: #0C090A;	                                
}

.form-field2 {
        margin: 0 0;
        font-size: 80%;
        color: #4863A0;
}
                
.info-field {
	padding: 1% 0 0 0;
}

.info-field2 {
        padding: 1% 0 0 0;
}

.info-add-service {
	padding: 1% 0 0 0;
	color: red;
	font-weight: bold;
}

.info-field3 {
	padding: 1% 0 0 0;
	font-size: 70%;
}

.info-dodatkovo {
	font-size: 80%;
}        
h1 {
        color: #00493e;
        font-size: 16pt;
        font-weight: normal;
}

h3 {
        color: red;
        font-size: 70%;
        font-weight: normal;
}
                        
.invalid-password {
        font: Verdana;
        color: Red;
        font-weight: Bold;
}

.block-title {
	background: url('/img/10.png') bottom left no-repeat;
        padding: 0px 0px 1px 42px;
        font-size: 12pt;
        text-align: left;
        margin-bottom: 0px;
        color: #44b4da;
        font-weight: bold;
}

.umenuitem {
	margin: 0;
        padding: 5px;
        margin-bottom: .2em;
        border-bottom: 1px dashed #c5e5f5;
        text-align: left;
        font-size: 11pt;
}

#contacts-wrapper {
	position: fixed;
	top: 0;
        width: 100%;
        z-index: 10;
        max-width: 1280px;
        min-width: 924px;
}

#support-wrapper {
        position: fixed;
	top: 5px;;
        right: 50px;
}                        
#contacts-content {
    	position: relative;
        top: 0;
        margin: 0 auto;
        width: 500px;
        background: rgba(210, 210, 200, 0.8);
        border: solid 1px #000;
        border-radius: 0 0 10px 10px;
        padding: 8px 8px 4px 8px;
        box-shadow: #000 5px 5px 10px;
        height: 25px;
        text-align: center;
        text-shadow: 1px 1px #fff;
        z-index: 10;
}

#connect-help {
	position: absolute;
        background: rgba(210, 210, 200, 0.8);
        border: solid 1px #000;
        border-radius: 10px;
        padding: 8px 8px 10px 8px;
        box-shadow: #000 5px 5px 10px;
        height: 53px;
        width: 115px;
        text-align: center;
}

#connect-help {
	left: 16px;
	top: 300px;
}

#connect-callback {
	left: 16px;
        top: 303px;
}

#connect-callback {
	position: absolute;
        background: rgba(210, 210, 200, 0.8);
        border: solid 1px #000;
        border-radius: 10px;
        padding: 8px 8px 10px 8px;
        box-shadow: #000 5px 5px 10px;
        height: 50px;
        width: 110px;
        font-family: Tahoma, Arial, Helvetica, Sans-Serif;
        text-align: center;
        font-size: 70%;
}

#top-contacts {                                                             
        right: 16px;                                                           
        top: 310px;                                                             
        position: absolute;                                                     
        background: rgba(210, 210, 200, 0.8);                                   
        border: solid 1px #000;                                                 
        border-radius: 10px;                                                    
        padding: 8px 8px 10px 8px;                                              
        box-shadow: #000 5px 5px 10px;                                          
        height: 45px;                                                           
        width: 120px;                                                           
        font-family: Tahoma, Arial, Helvetica, Sans-Serif;                      
        text-align: left;                                                     
        font-size: 75%;                                                         
}        

div.art-Header {
	margin: 0 auto;
        position: relative;
        z-index: 0;
        min-width: 924px;
        max-width: 1280px;
        height: 390px;
        background-repeat: no-repeat;
}

.art-component {
	margin: 0 auto;
        padding: 0;
        position: relative;
        top: 13px;
        min-width: 924px;
        max-width: 1280px;
}

.art-bottom-banner {
	margin: 0 auto;
        position: relative;
        background-image: url('../img/space-bottom.png');
        background-repeat: repeat-x;
        top: 15px;
        min-width: 924px;
        max-width: 1280px;
        height: 113px;
        margin-top: 10px;
        padding-top: 20px;
        vertical-align: center;
        text-align: center;
}

.bannergroup-bottom .banneritem {
	display: block;
        float: left;
        width: 25%;
        text-align: center;
}
.banneritem {
        position: relative;
}

.chpass {
	padding: 0 0 0 0;
}

.input-chpass {
	padding: 1% 0 0 0;
	width: 40%
}

.input-ss {
        padding: 1% 0 0 0;
        width: 60%
}

.td-mac {
	padding: 1% 0 0 0;
	width: 60%;
	font-family: Arial
}
        
.input-mac {
	text-align: center;
}
.tr-report-table {
        font-size: 90%;
        font-weight: bold;
}

.paytd {
	font-size: 70%;
	font-weight: bold;
}

.tariftd {
        font-weight: bold;
        color: #000000;
}
.recoverypass {
	font-size: 80%;
}
.linkalltarif {
	font-size: 50%;
	text-decoration: underline;
}
.hidden {
	display: none;
}
#sendform {
	padding: 50px 20px;
	background-color: #fff;
	max-width: 320px;
	margin: auto;
	position: relative;
}
#sendform input {
        width: 100%;
        margin-bottom: 10px;
}

.frb {
        color: red;
        font-weight: Bold;
}

.personal_m {
	color: blue;
	font-weight: Bold;
	font-size: 80%;
	padding: 5px 0px;
	text-align: center;
}
.personal_m_n {
	color: green;
	font-weight: Bold;
	font-size: 100%;
	padding: 5px 0px;
	text-align: center;
}
.submit_form {
	color: red;
}

a.button {
	-webkit-appearance: button;
        -moz-appearance: button;
        appearance: button;
	text-decoration: none;
        color: initial;
}

.edit-field {
        padding: 2% 0 0 0;
}

/* ----------------- Button ---------------------- */

.knobs, .layer
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.button
{
    position: relative;
    top: 20%;
    width: 74px;
    height: 36px;
    margin: -10px 0 0 0;
    overflow: hidden;
}

.button.r, .button.r .layer
{
    border-radius: 100px;
}

.checkbox
{
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 3;
}

.knobs
{
    z-index: 2;
}

.layer
{
    width: 100%;
    background-color: #ebf7fc;
    transition: 0.3s ease all;
    z-index: 1;
}

/* Button 1 */
#button-1 .knobs:before
{
    content: 'Ні';
    position: absolute;
    top: 4px;
    left: 4px;
    width: 20px;
    height: 10px;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    padding: 9px 4px;
    background-color: green;
    border-radius: 50%;
    transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;
}

#button-1 .checkbox:checked + .knobs:before
{
    content: 'Так';
    left: 42px;
    background-color: #f44336;
}

#button-1 .checkbox:checked ~ .layer
{
    background-color: #fcebeb;
}

#button-1 .knobs, #button-1 .knobs:before, #button-1 .layer
{
    transition: 0.3s ease all;
} 

.left-menu {
    margin: 15% 0;
}
                        

.d1, .d2, .d3 { 
    display: block; /* Блочный элемент */
    font-size: 0; /* Размер шрифта для IE6-7 */
    overflow: hidden; /* Для браузера IE6 */
    height: 1px; /* Высота блока в один пиксел */
}
.d2, .d3, .dialog-round div {
    border-left: 1px solid #666; /* Граница слева */
    border-right: 1px solid #666; /* Граница справа */
    background: #C9DFEC;
}
.d1 { margin: 0 4px; background: #666; }
.d2 { margin: 0 2px; border-width: 2px; }
.d3 { margin: 0 1px; height: 2px; }
.dialog-round div {
    padding: 5px 10px; /* Отступы по горизонтали и вертикали */
}