html {height:100%;}
body {position:relative; height:auto !important; height:100%; min-height:100%; font-size:14px !important; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif;}
select {width:100px !important;}
a.button {text-decoration:none; color:#027f8d !important; font-size:1.6ex; width:50px; background:url(../images/button.png); padding:6px 10px; border-radius:1px; text-align:center; display:block; margin:15px 0 0 0 !important; box-shadow: 0 1px 5px 0 #333;}
a.button:hover {cursor:pointer; -moz-box-shadow:0 0 4px 0 #027f8d; -webkit-box-shadow:0 0 4px 0 #027f8d; box-shadow:0 0 4px 0 #027f8d;}
a.button:active,a.button-current {cursor:default; background:#31ebff; -moz-box-shadow:inset 0 2px 4px 1px #027f8d; -webkit-box-shadow:inset 0 2px 4px 1px #027f8d; box-shadow:inset 0 2px 4px 1px #09beff; border:1px solid #027f8d;}
	.long {width:70px !important;}
	
.inp-button {text-decoration:none; color:#027f8d !important; font-size:1.6ex; width:130px; background:url(../images/button.png); border:0 !important; -moz-border-radius:2px; -webkit-border-radius:2px; -khtml-border-radius:2px; border-radius:2px; text-align:center; -moz-box-shadow:0 1px 5px 0 #333; -webkit-box-shadow:0 1px 5px 0 #333; padding:7px; box-shadow:0 1px 5px 0 #333; display:block; margin:0 0 10px 0;}
.inp-button:hover {cursor:pointer; -moz-box-shadow:0 0 4px 0 #027f8d; -webkit-box-shadow:0 0 4px 0 #027f8d; box-shadow:0 0 4px 0 #027f8d;}
.inp-button:active {cursor:default; background:#31ebff; -moz-box-shadow:inset 0 2px 4px 1px #027f8d; -webkit-box-shadow:inset 0 2px 4px 1px #027f8d; box-shadow:inset 0 2px 4px 1px #09beff; border:0 !important;}

	a.inout {text-decoration:none; color:#027f8d !important; font-size:1.8ex; width:150px; background:url(../images/button.png); border:0; padding:7px 10px; -moz-border-radius:2px; -webkit-border-radius:2px; -khtml-border-radius:2px; border-radius:2px; text-align:center; display:block; box-shadow:0 1px 5px 0 #333; font-size:1.6ex;}
	a.inout:hover {cursor:pointer; -moz-box-shadow:0 0 4px 0 #027f8d; -webkit-box-shadow:0 0 4px 0 #027f8d; box-shadow:0 0 4px 0 #027f8d;}
	a.inout-current,a.inout-current:hover,a.inout-current:active {cursor:default; background:#31ebff; -moz-box-shadow:inset 0 2px 4px 1px #027f8d; -webkit-box-shadow:inset 0 2px 4px 1px #027f8d; box-shadow:inset 0 2px 7px 0 #0096ff; border:0;}

#rules input {float:right; position:relative; top:-1px;}

img {border:0;}
select {border-radius:3px; height:30px; width:60px; padding:5px; color:#666;}

.top-blue-line {width:100%; height:5px; background:#00ccff;}
.top-part {margin:20px 50px;}	
	.top-part-left {float:left;display: block;margin-top: 25px;}
	.top-part-right {float:right; text-align:right;}
		.phone {color:#fff; font-size:3.2ex; margin:0 10px 0 0;}
		.labor-hour {margin:10px 10px 0 0; color:#333;}
		.access input[type=text], .access input[type=password] {border:0; background:#666; padding:7px; margin:15px 10px 0 0; border-radius:3px; color:#ccc;}
		.access-links {margin:15px 10px 0 0;}
		.access-links a {margin:0 10px 0 0; color:#777;}
			.simple {position:relative; top:5px;}
			.simple:hover {color:#00ccff;}
	 	.user-cab {margin:10px 12px; background:#e8e8e8; padding:10px; border-radius:3px; color:#333;}
		.user-cab a {color:#333;}
		.user-cab a:hover {color:#666}

.float-none {clear:both; float:none; height:1px;}

.navigation {
    float:left; 
    width:100%; 
    margin:137px 0 0 0;
    position: fixed;
    background-color: #f9f9f9;
    z-index: 100;
	box-shadow:0 0 1px 1px #777;
}
	.navigation ul {padding:0 0 0 26px; margin:0; list-style:none;}
	.navigation ul li {float:left; padding:10px 20px;}
	    .navigation ul li a {font-size:1.9ex; color:#666; text-decoration:none; padding:3px 5px; }
		.navigation ul li a:hover {text-decoration:underline;}
		.navigation ul li a.current {color:#fff; background:#666; text-decoration:none;}
		.navigation ul li a.current:hover {cursor:default;}

.main-content {
    float:left; background:url(../images/background-grey.png); width:100%; margin:0 0 0 0; padding:10px 0 10px 0;
    margin-top: 170px;
}
.main-content td {vertical-align:top;}
	.main-content a {color:#2b7fb5;}	
	.main-content p {margin:7px 0; color:#333;}
		.p-left {float:left;}
		.p-links {padding:0 0 0 15px;}
	 hr {border:0; background:#aaa; height:1px; box-shadow: 0 1px 0 #fff; margin:10px 0; clear:both;}
	.main-content a:hover {color:#666;}		
		ul.content li{padding:0 !important; margin:0 !important;}
		.exchange-area {float:left; background:url(../images/background-black.png); width:480px; text-align:center; margin:0 0 0 25px;}
			.exchange-area table.table-middle {margin:20px auto; padding:0 0 0 10px;}
			.exchange-area table td {vertical-align:top; text-align:left; padding:0 10px 0 0;}
			.trust-img {box-shadow:0 0 5px #888;}			
			.in-out-option {padding:15px 10px; width:100%; float:none; text-align:center;}
			.in-out-option a {float:left; margin:0 5px 0 30px;}
			.simple-title {clear:both; color:#fff; font-size:1.9ex; background:url(../images/background-black.png); margin:0 50px; padding:10px 20px; border-radius:2px 2px 0 0;}
			.simple-text {margin:0 50px; background:#fff; padding:5px 20px;}
			.simple-text p {padding:5px 0;}
				.subject {font-weight:bold; color:#333;}
				.postdate {color:#666; font-size:1.4ex; padding:0; margin:5px 0 10px 0;}
				.content {color:#333; font-size:1.7ex;}
				.empty {height:20px;}
			.simple-text fieldset {margin:5px 0;}
			.simple-text table td {padding:0 10px 10px 0;}
			.simple-text input[type=text], .simple-text textarea, .simple-text input[type=password] {padding:5px; font-family:Arial, Helvetica, sans-serif;}
				.img-captcha {position:relative; top:5px; left:10px;}
			.simple-text ul li {color:#333; padding:10px 0;}
				.table-text {color:#ccc; font-size:13px;  margin:0 0 2px 0;}
				.under-input-text {color:#ccc !important; margin:15px 0 0 0 !important; width:270px;}
				.input-big {padding:0 10px; width:250px; font-size:5.0ex; border:1px solid #ccc; border-radius:3px;color:#666; font-family:Tahoma, Geneva, sans-serif; margin:12px 0 0 0;}
				.input-not-big {padding:7px 10px; height:15px; width:150px; border:1px solid #ccc; border-radius:3px;color:#666; font-family:Tahoma, Geneva, sans-serif; margin:12px 10px 15px 0;}
				.clear {height:10px;}
		.text-area {float:left; padding:0 20px 0 20px; color:#333;}	
			.currency-reserve {margin:0 40px 7px 0;}
				.currency-reserve span {margin:0 0 0 5px;}
				.currency-reserve div {text-align:left; margin:0 0 0 7px; font-weight:bold; font-size:1.5ex;}
					.privat24-name {margin:0 0 0 -10px !important;}
			
.bottom-part {margin:0 80px; clear:both; float:none; padding:30px 0 20px 0;}
	.bottom-part div.title {text-transform:uppercase; font-size:2.1ex; padding:0 0 7px 0;}	
	.news-area {width:60%; border-left:4px solid #00ccff; padding:10px 0 0 15px; color:#333; float:left; margin:20px 0 30px 0;}
	.webmoney-text-area {border-left:4px solid #00ccff; padding:10px 0 10px 15px; color:#333; float:left; margin:20px 0 30px 0;}
	.webmoney-text-area a {color:#39F;}
	.webmoney-text-area h3 {font-size:12px;}
	.webmoney-text-area a:hover {color:#333;}
		.nopadding-bottom {margin:10px 0 0 0;}
	.webmoney-area {float:left; margin:10px 0 80px 60px;}
	.webmoney-area img.money {margin:0 0 20px 0;}
.contact-area {width:100%; background:url(../images/background-grey.png); margin:0 auto; text-align:center; padding:7px 0;}
	.contact-area span {color:#333; margin:0 0 0 5px;}

.cellar {background:url(../images/background-black.png); width:100%; padding:5px 0; font-size:1.7ex;}
	.lots-links {margin:15px 0 15px 60px; color:#00ccff;}
		.lots-links a {color:#00ccff; padding:0 4px; text-decoration:none;}
		.lots-links a:hover {text-decoration:underline;}
	.rights-reserved {margin:30px 0 10px 64px; color:#ccc;}	
.big_feature_list {list-style:none;}


#ios textarea, #ios input {border:1px solid #999 !important;}

.guarantee {width:80%; margin:20px auto;}
	.guarantee tr:nth-child(1) td {text-align:left; padding:0 0 20px 0;}
	.guarantee td a {color:#39F;}
	.guarantee td a:hover {color:#333;}
	.guarantee td {text-align:center; width:33%; vertical-align:top;}
	.guarantee-title img {margin:-10px 0 0 0;}
	.guarantee-explain {font-size:12px; margin:5px 0;}
	
	h1 {font-family: 'Open Sans', 'PT Sans', Georgia, 'Times New Roman', Times, serif; font-size:20px; font-weight:normal;}
	
.table-coursers {background:url(../images/background-grey.png); margin:-20px 0 0 0; padding:10px 0 0 0;}

.table-coursers table tr:nth-child(1) td {background:#fff;}
.table-coursers table td {background:#f9f9f9; color:#333; padding:3px 5px !important;}

.news-button a {text-decoration: none; padding:10px 15px; border-radius:3px; color:#fff !important; font-size:13px; border:1px solid #3889c5; box-shadow: 0 1px 1px #fff; margin:10px 0; display:block; width:90px; text-align:center;	
	background: rgb(136,190,228); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(136,190,228,1) 0%, rgba(21,133,214,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(136,190,228,1)), color-stop(100%,rgba(21,133,214,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(136,190,228,1) 0%,rgba(21,133,214,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(136,190,228,1) 0%,rgba(21,133,214,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(136,190,228,1) 0%,rgba(21,133,214,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(136,190,228,1) 0%,rgba(21,133,214,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88bee4', endColorstr='#1585d6',GradientType=0 ); /* IE6-9 */}
.news-button a:hover, .button-main:hover {box-shadow: inset 0 2px 2px #3790d2;}

.button-main {text-decoration: none; padding:10px 15px; border-radius:3px; color:#fff !important; font-size:13px; border:1px solid #3889c5; box-shadow: 0 1px 1px #fff; margin:10px 0; width:130px; text-align:center; display:inline-block;	
	background: rgb(136,190,228); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(136,190,228,1) 0%, rgba(21,133,214,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(136,190,228,1)), color-stop(100%,rgba(21,133,214,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(136,190,228,1) 0%,rgba(21,133,214,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(136,190,228,1) 0%,rgba(21,133,214,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(136,190,228,1) 0%,rgba(21,133,214,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(136,190,228,1) 0%,rgba(21,133,214,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88bee4', endColorstr='#1585d6',GradientType=0 ); /* IE6-9 */}

.news-header a {text-decoration:none; font-size:20px; font-family: 'Open Sans', 'PT Sans', Georgia, 'Times New Roman', Times, serif;}
.news-header a:hover {text-decoration:underline;}


.support {
  display: inline-block;
  position: relative;
  text-decoration: none;
  cursor: pointer;
}

.support em {
/*  background: #FF6600;
  border-radius: 20px;
  border: 1px solid #999;*/
  text-align: center;
  color: #000;
  font: normal bold 14px Arial;
  padding: 0 4px;
  text-decoration: underline;
}

.tip { 
   display: none;
   position: absolute;
   z-index: 9998; 
   top: -50px;
   left: 100%;
   background: #EDEDED;
   text-align: left;
   color: #000;
   cursor: default;
   padding: 5px;
   margin: -15px 0 0 10px; /*регулирует положение, значения зависят от применяемой конструкции*/
   width: 300px;
   min-height: 50px; 
   height: auto;
}

.tip-block {
  display: inline-block;
  position: relative; /*обязательно*/
  background: transparent;
  margin: 0;
  padding: 0;
  border: 0;
  height: 0;
  width: 1px;
}

a.support:focus .tip {
  display:block;
}

.h2_style {
font-family: 'Open Sans', 'PT Sans', Georgia, 'Times New Roman', Times, serif;
font-size: 20px;
font-weight: normal;
}


	table.alg {border-spacing:5px; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; font-size:13px; margin:-10px 0 0 0; width:97%;margin:  5px auto;}
	table.alg tr td {width:20%; color:#999; vertical-align:top; cursor:default;}
	table.alg tr td div {height: 68px;display:table-cell; vertical-align:middle; padding:0 5px;}
	table.alg tr td div img {width:60px; -webkit-filter: grayscale(1); display:inline-block; vertical-align:top;}
	table.alg tr td:hover {color:#333 !important; background:#FFFCE1;}
	table.alg tr td:hover div img {-webkit-filter: grayscale(0) !important;}
	table.alg tr td p>img {width:16px; vertical-align:text-bottom;}


@media (max-width: 1108px){
	.main-content{
		margin-top: 205px;
	}
	.top-part-left{
		width: 80px;
		min-height: 100px;
		background: url("https://obmeno.kiev.ua/templates/office/images/logo.png");
	}
	.top-part-left a{
		display: none !important;
	}
	.topmenu{
		margin-left: 150px !important;
	}
	.top-part-right-new{
		float:left !important;
	}
}

@media (min-width:1109px) and (max-width: 1139px){
	.top-part-left{
		width: 80px;
		min-height: 100px;
		background: url("https://obmeno.kiev.ua/templates/office/images/logo.png");
	}
	.top-part-left a{
		display: none !important;
	}
	.topmenu{
		margin-left: 150px !important;
	}
	.top-part-right-new{
		float:left !important;
	}
}

@media (min-width: 1140px) and (max-width: 1220px){
	.topmenu{
		margin-left: 360px !important;
	}
	.top-part-right-new{
		float:left !important;
		margin-left: -25px !important;
	}
}

@media (min-width: 1221px) and (max-width: 1323px){
	.top-part-right-new{
		float:left !important;
		margin-left: -25px !important;
	}
}

@media (min-width: 1324px){
	.top-part-right-new{
		float:right !important;
	}
}

.skypeadd {color:#333 !important; margin:0 0 0 5px;}