div {
 float: left; 
 position: relative; 
 height: auto; 
 width: auto; 
}

.flw100 {
 width: 100%; 
 
 float: left; 
 position: relative; 
 height: auto; 
}

.flw50 {
 width: 50%; 
}

.flw15 {
 width: 15%; 
}

.flw20 {
 width: 20%; 
}

.flw25 {
 width: 25%; 
}


.flw33 {
 width: 33%; 
}

.flw66 {
 width: 66%; 
}

.flw80 {
 width: 80%; 
}

.flw60 {
 width: 60%; 
}

.flw70 {
 width: 70%; 
}

.flw30 {
 width: 30%; 
}

.flw100, .flw50, .flw30, .flw33, .flw15, .flw25, .flw66, .flw60, .flw70, .flw20, .flw80 {
 float: left; 
 position: relative; 
 height: auto; 
}

@media screen and (max-width: 480px) {	
	.flw50, .flw66, .flw33 {
	 width: 100%; 
	 min-height: 1px; 
	}
}

.flw100center {
 text-align: center; 
 width: 100%; 
 float: left; 
 position: relative; 
}

.flwA {
 float: left; 
 position: relative; 
 width: auto; 
 height: auto; 
}

.posAbs {
 position: absolute; 
 top: 0px; 
 left: 0px; 
 width: auto; 
 height: auto; 
}

.divRighter, .divR {
 float: right; 
 position: relative; 
 width: auto; 
 height: auto; 
}

.floatR {
 float: right; 
}

.noDisplay {
 display: none; 
}

.flw100alert {
 width: 100%; 
 font: bold 14px arial; 
 color: red; 
 text-align: center; 
}

a img {
 border: 0px; 
}
 
img {
 border: 0;
}

.topRminOrMax {
 position: absolute; 
 top: 0px; 
 left: 100%; 
 width: 23px; 
 height: 15px; 
 z-index: 500; 
 cursor: pointer; 
 margin-left: -26px; 
 background: white; 
 border: 1px solid silver; 
 text-align: center; 
 font: normal 12px courier; 
 line-height: 14px; 
 color: rgb(30,30,30);
}

.warnDiv {
 font: bold 14px arial; 
 color: red; 
}

.docSheet {
 width: 100%; 
 border: 1px solid silver; 
 background: white; 
 color: black; 
 padding: 10px; 
 margin-top: 3px; 
 margin-bottom: 3px; 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.realContText {
 width: 100%; 
}

.bordRed {
 border: 1px solid red; 
}

.cursPoint { 
 cursor: pointer; 
}

.upcase { 
 text-transform: uppercase; 
}

.anycase { 
 text-transform: none; 
}

.text-center {
 text-align: center; 
}

.font-bold { font-weight: bold; }

.text-right {
 text-align: right; 
}

.text-left {
 text-align: left; 
}
/* COOKIES START */

.cookiesHint { 
 position: fixed; 
 top: 100%; 
 left: 0px; 
 margin-top: -45px; 
 width: 100%; 
 height: auto; 
 min-height: 45px; 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; 
 text-align: center; 
 padding-top: 15px; padding-bottom: 3px; 
 background: white; color: black; 
 font-size: 12px;
 font-family: arial;
 box-shadow: inset 0px 11px 8px -10px #BBB;
 z-index: 100; 
}

.cookiesHeight { 
 width: 100%; float: left; 
 position: relative; height: 45px; 
}
 
@media screen and (max-width: 600px) {	
	.cookiesHint, .cookiesHeight { height: 60px; }
	.cookiesHint { margin-top: -60px; }
}

@media screen and (max-width: 400px) {	
	.cookiesHint, .cookiesHeight { height: 75px; }
	.cookiesHint { margin-top: -75px; }
}

.cookiesGotLink, a.cookiesGotLink:visited, a.cookiesGotLink {
 display: inline-block; 
 color: white; 
 background: rgb(190,190,190); 
 margin-left: 5px; 
 margin-right: 5px; 
 border-radius: 3px; 
 padding: 3px; 
 color: white; 
 -webkit-transition:  0.2s; /* Safari */
 transition: 0.2s;
}

a.cookiesGotLink:hover {
 background: rgb(90,90,90); 
 color: white; 
}

/* COOKIES END */

.docCell {
 width: 12.5%; 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; 
 padding: 4px; 
 border: 1px solid white; 
 background: rgb(240,240,240);  
 min-height: 40px; 
}

.doc_user_head_row {  font-weight: bold; width: 100%; }
.doc_user_row { width: 100%; }

.doc_user_head_row .docCell { background: rgb(210,210,210); }

.doc_user_row:hover .docCell { background: rgb(230,230,230); }

.doc_user_row.doc_paid_row .docCell { background: rgba(100,255,100,0.4); }
.doc_user_row.doc_unpaid_row .docCell { background: rgba(255,100,100,0.4); }

@media screen and (max-width: 440px) {	
 .docCell { width: 100%; min-height: 10px; border-bottom: 2px solid white; }
 .doc_user_row { margin-top: 10px; }
 .doc_user_head_row { display: none; }
}

.overauto { overflow: auto; }

.bord-box { 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; 
}

/* select period control - START */

.selectPeriod {
 display: inline-block; 
 width: 16px; 
 height: 16px; 
}

.selectPeriodSubM {
 display: block!important; 
 top: -2px; 
 left: 0px; 
 margin: 0px; 
 border: 1px dotted silver;
 background: white; 
 z-index: 20; 
 background: white; 
 position: absolute!important; 
}

.selectPeriodLink {
 min-width: 180px; 
 padding: 5px; 
 border-bottom: 1px dotted silver;
 background: white; 
 z-index: 30;
 font-size: 11px; 
}

.selectPeriodLink:hover { background: rgb(235,235,235); }

/* select period control - END */

.padTop5 { padding-top: 5px; }
.padTop10 { padding-top: 10px; }
.padTop20 { padding-top: 20px; }
.padTop30 { padding-top: 30px; }
.padTop40 { padding-top: 40px; }
.padTop50 { padding-top: 50px; }
.padTop100 { padding-top: 100px; }

.margTop5 { margin-top: 5px; }
.margTop10 { margin-top: 10px; }
.margTop20 { margin-top: 20px; }
.margTop30 { margin-top: 30px; }
.margTop40 { margin-top: 40px; }
.margTop50 { margin-top: 50px; }
.margTop100 { margin-top: 100px; }

.padBot5 { padding-bottom: 5px; }
.padBot10 { padding-bottom: 10px; }
.padBot20 { padding-bottom: 20px; }
.padBot30 { padding-bottom: 30px; }
.padBot40 { padding-bottom: 40px; }
.padBot50 { padding-bottom: 50px; }
.padBot100 { padding-bottom: 100px; }

.margBot5 { margin-bottom: 5px; }
.margBot10 { margin-bottom: 10px; }
.margBot20 { margin-bottom: 20px; }
.margBot30 { margin-bottom: 30px; }
.margBot40 { margin-bottom: 40px; }
.margBot50 { margin-bottom: 50px; }
.margBot100 { margin-bottom: 100px; }

/* MULTY SELECT - START */

.multySelectValues {
 border: 1px solid silver; 
 min-height: 12px; 
 height: auto; 
 width: 100%; 
 background: white;
 color: rgb(30,30,30); 
 margin-bottom: 3px; 
 text-align: left!important; 
}

.multSelectIn { 
 width: 100%; font-size: 11px; color: black; min-height: 16px; float: left; position: relative; 
 background: white url('img/img-common/point-bot-blue.gif') no-repeat center right; 
 padding: 4px 20px 4px 5px; 
}

.multSelectSubs { 
 position: absolute; 
 top: 16px; 
 background: white; 
 color: rgb(30,30,30); 
 border-left: 1px solid silver; 
 border-right: 1px solid silver; 
 border-bottom: 1px solid silver; 
 width: 100%; 
 left: 0px; 
 max-height: 250px; 
 overflow: auto; 
 z-index: 999999; 
 padding: 5px; 
 text-align: left!important; 
}

.multSelectSubs input { width: auto!important; display:inline-block; height: auto!important; padding-right: 3px;  }

/* MULTY SELECT - END */

/* TRANSITIONS */
.trans02 {
 transition: 0.2s;
 -webkit-transition: 0.2s;
}
.trans05 {
 transition: 0.5s;
 -webkit-transition: 0.5s;
}

.noTrans {
 -webkit-transition:  0.0s; /* Safari */
 transition: 0.0s;
}

.loadIndicator { width: 100%; height: 14px; border: 1px solid black; background: white; margin-top: 5px; margin-bottom: 5px;  } 
.loadStatus { position: absolute; top: 0px; left: 0px; width: 0%;  height: 14px; 
 background: rgb(100,255,100) url('javascript/ajax-loader.gif') no-repeat center center;
 background-size: auto 100%; 
}

.streamFileName { width: 100%; color: green; margin-top: 2px; margin-bottom: 2px; }

.smallLoader { 
 background-color: rgb(240,240,240);
 background-image: url('javascript/ajax-loader.gif');
 background-size: 15px 15px;
 background-position: center center;
 background-repeat: no-repeat; 
 
}

.OKresult { 
 color: rgb(0,155,0); 
 background: white; 
 padding: 2px; 
 margin-bottom: 3px; 
}

.bord20prc { border: 1px solid rgba(155,155,155,0.3); 
 float: left; 
 position: relative; 
 width: 20%; 
 height: auto; 
 min-height: 3px; 
}

.bord80prc { border: 1px solid rgba(155,155,155,0.3); 
 float: left; 
 position: relative; 
 width: 80%; 
 height: auto; 
 min-height: 3px; 
}

.invalid, input.invalid, select.invalid, textarea.invalid {
 -webkit-box-shadow: 0px 0px 3px 3px rgb(255,0,0,0.6);
 -moz-box-shadow: 0px 0px 3px 3px rgb(255,0,0,0.6);
 box-shadow: 0px 0px 3px 3px rgb(255,0,0,0.6);
 -webkit-transition:  0.3s; /* Safari */
 transition: 0.3s;
}

.alertBlur {
 width: 100%; 
 height: 100%; 
 position: fixed; 
 top: 0px; 
 left: 0px; 
 display: none; 
 background: rgba(0,0,0,0.7); 
 z-index: 999999; 
}

.alertInBlur {
 left: 50%; 
 margin-left: -220px; 
 width: 400px; 
 top: 50%;
 margin-top: -100px; 
 position: fixed; 
 padding: 20px; 
 background: white; 
 color: red; 
 border: 1px solid rgb(51,51,51); 
 border-radius: 10px; 
 z-index: 1000000; 
}

.alertClose {
 position: absolute; 
 top: 0px; 
 left: 100%; 
 margin-left: -20px;
 margin-top: -10px; 
 width: 30px; 
 height: 30px; 
 border-radius: 15px; 
 font-weight: bold; 
 color: white; 
 background: rgb(51,51,51); 
 cursor: pointer; 
 text-align: center; 
 font-size: 18px; 
 line-height: 18px; 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
 padding-top: 6px; 
  -webkit-transition:  0.4s; /* Safari */
 -moz-transition: 0.4s; 
 transition: 0.4s;
}
.alertClose:hover { background: rgb(127,127,127); }

.posAbs100 { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; }

@media screen and (max-width: 440px) {	
 .alertInBlur { left: 5%; width: 80%; padding: 10px 5%; margin-left: 0px; margin-top: -130px; }
}

.mailValidity { position: absolute; top: 100%!important; left: 0px!important; font-size: 11px; margin-top: -12px; line-height: 11px; }

.loadAboveMain { 
 display: none; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; padding-top: 0px; padding-bottom: 0px; Z-INDEX: 9999999;
 background: rgba(0,0,0,0.4); 
 text-align: center; 
}

.loadAboveIn {
 display: inline-block; float: none; text-align: left; 
 overflow: hidden; width: calc(100% - 20px); height: calc(100% - 10px); margin-top: 5px; z-index: 99999;
 max-width: 1300px; 
 background: white url('javascript/ajax-loader.gif') no-repeat center center; 
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
 border-radius: 10px; 		  
 -webkit-box-shadow: 0px 0px 3px 3px rgb(0,0,0.6);
 -moz-box-shadow: 0px 0px 3px 3px rgb(0,0,0,0.6);
 box-shadow: 0px 0px 3px 3px rgb(0,0,0,0.6);	  
}

.loadAboveIn.loadAboveWhite {
 background-color: white; 
 background-image: none!important; 
 overflow-y: auto!important; 
 padding: 10px; 
}

.loadAboveClose {
 position: fixed; top: 3px; left: 100%; margin-left: -35px; width: 30px; 
 height: 30px; 
 border-radius: 15px; 
 font-weight: bold; 
 color: white; 
 background: rgb(51,51,51); 
 cursor: pointer; 
 text-align: center; 
 font-size: 18px; 
 line-height: 18px; 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
 padding-top: 6px; 
  -webkit-transition:  0.4s; /* Safari */
 -moz-transition: 0.4s; 
 transition: 0.4s;
 z-index: 999999; 
}

.loadAboveClose:hover { background: rgb(127,127,127); }

@media screen and (min-width: 1310px) {	
 .loadAboveClose {left: 50%; margin-left: 615px;}
}
body {
 margin: 0px;
 padding: 0px; 
 background: white; 
}

.flw100 {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
}

.flw50 {
 float: left; 
 position: relative; 
 width: 50%; 
 height: auto; 
}

.flw100center {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
 text-align: center; 
}

.flwA {
 float: left; 
 position: relative; 
 width: auto; 
 height: auto; 
}

.posAbs {
 position: absolute; 
 top: 0px; 
 left: 0px; 
 width: auto; 
 height: auto; 
}

.divRighter {
 float: right; 
 position: relative; 
 width: auto; 
 height: auto; 
}

.noDisplay {
 display: none; 
}

a img {
 border: 0px; 
}
 
img {
 border: 0;
}

a, a:link, a:visited {
 text-decoration: none;
 border:0; 
 color: rgb(209,63,143); 
}

a:visited  {
	text-decoration: none;
	border: 0; 
} 
a:hover { 
	text-decoration: none;
	border: 0; 
	color: rgb(133,189,222);
}
a:active { 
	text-decoration: none;
	border: 0; 
}

#ifMobile {
 width: 1060px; 
 height: 0px; 
 font: normal 0px arial; 
 float: left; 
 position: relative; 
}

.topSection { 
 float: left; 
 position: relative; 
 width: 100%;
 height: 186px; 
 background: url('img/top-section.jpg') repeat-x top left;
}

.IE6buggyH {
 float: left; 
 position: relative; 
 width: 1px; 
 height: 186px; 
 font: normal 1px arial; 
}

.fullWidth {
 float: left; 
 position: relative; 
 width: 1060px;
 left: 50%; 
 margin-left: -530px; 
 height: auto; 
}

#click2home {
 position: absolute; 
 top: 55px; 
 left: 10px; 
 width: 273px; 
 height: 106px; 
}

.regAngLangLink {
 float: left; 
 position: relative; 
 width: 1059px; 
 height: 26px; 
 padding-top: 8px; 
 left: 24px; 
}

.regButton {
 float: left; 
 position: relative; 
 width: auto; 
 height: 21px; 
 padding-top: 5px; 
 background: white url('img/reg-arrow.jpg') no-repeat center right; 
 padding-left: 18px; 
 padding-right: 50px; 
 cursor: pointer; 
 color: rgb(163,69,143);
 font: normal 12px arial; 
}

.regButton a, .regButton a:visited, .regButton a:active {
 color: rgb(163,69,143);
}

.langButton {
 float: left; 
 position: relative; 
 width: auto; 
 height: 21px; 
 padding-top: 5px; 
 background: rgb(236,143,65) url('img/lang-arrow.jpg') no-repeat center right; 
 padding-left: 18px; 
 padding-right: 50px; 
 cursor: pointer; 
 color: black;
 font: normal 12px arial; 
 margin-left: 13px; 
}
.langButton a, .langButton a:active, .langButton a:visited {
 color: black; 
}
.langButton a:hover {
 color: white;
}

.topMenus3sect {
 position: absolute; 
 top: 55px; 
 left: 365px; 
 width: 695px;
 height: 140px; 
 font: bold 13px arial; 
 line-height: 15px; 
 color: rgb(76,76,76); 
}
.topMenus3sect a, .topMenus3sect a:visited, .topMenus3sect a:active {
 color: rgb(76,76,76); 
}
.topMenus3sect a:hover {
 color: rgb(163,69,143);
}

.topMenu1i2 {
 float: left; 
 position: relative; 
 width: 232px; 
 height: 130px; 
 padding-left: 30px; 
 padding-top: 9px; 
 background: url('img/top-menu-skoba.gif') no-repeat top left;
}

.topMenuN3 {
 float: right; 
 position: relative; 
 width: 123px; 
 height: 130px; 
 padding-left: 30px; 
 padding-top: 9px; 
 background: url('img/top-menu-skoba.gif') no-repeat top left;
}

.colorLine {
 float: left; 
 position: relative; 
 width: 100%; 
 height: 6px; 
 font: normal 1px arial; 
 overflow: hidden; 
 background: url('img/color-line.jpg') no-repeat top center;
}

.colorLineLeft {
 position: absolute; 
 top: 0px; 
 margin-left: -1750px; 
 left: 50%; 
 width: 1000px; 
 height: 6px; 
 background: rgb(163,69,143); 
 font: normal 1px arial; 
}

.colorLineRight {
 position: absolute; 
 top: 0px; 
 margin-left: 750px; 
 left: 50%; 
 width: 1000px; 
 height: 6px; 
 background: rgb(43,169,225); 
 font: normal 1px arial; 
}

.shadowOnWhite {
 float: left; 
 position: relative; 
 width: 100%; 
 height: 15px; 
 font: normal 1px arial; 
 background: url('img/shad-on-white.jpg') repeat-x top left;
}

.mainPicLine {
 float: left; 
 position: relative; 
 width: 100%; 
 height: 389px; 
 overflow: hidden; 
}

.purple2left {
 position: absolute; 
 top: 0px; 
 left: 0px; 
 width: 1500px;
 margin-left: -1518px;  
 height: 390px;
 border-right: 18px solid white; 
 background: rgb(210,63,141) url('img/left-purple-texture.jpg');
}

.blue2right {
 position: absolute; 
 top: 0px; 
 left: 100%; 
 width: 1500px;
 height: 390px;
 border-left: 18px solid rgb(222,214,206); 
 background: rgb(133,189,222) url('img/right-blue-texture.jpg');
}

.purple2leftPage {
 position: absolute; 
 top: 0px; 
 left: 0px; 
 width: 1500px;
 margin-left: -1518px;  
 height: 255px;
 border-right: 18px solid white; 
 background: rgb(210,63,141) url('img/left-purple-texture.jpg');
}

.blue2rightPage {
 position: absolute; 
 top: 0px; 
 left: 100%; 
 width: 1500px;
 height: 255px;
 border-left: 18px solid rgb(222,214,206); 
 background: rgb(133,189,222) url('img/right-blue-texture.jpg');
}

.homeBeltContainer { 
 float: left; 
 position: relative; 
 width: 1060px;
 height: 389px; 
 overflow: hidden; 
 z-index: 2; 
}

.homeFramesBelt {
 position: absolute; 
 top: 0px; 
 left: 0px; 
 width: 10000px; 
 height: 389px; 
}

.homeBeltCellText { 
 float: left; 
 position: relative; 
 width: 328px;
 padding-left: 20px; 
 padding-top: 33px; 
 height: 356px;
 color: white; 
 background: rgb(154,71,139) url('img/home-frame-text.jpg') no-repeat top left; 
 font: normal 12px arial; 
 cursor: pointer; 
}

.homeCellBigPic {
 position: relative; 
 float: left; 
 width: 712px; 
 height: 389px; 
}

.topZakriv {
 position: absolute; 
 top: 0px; 
 left: 100%; 
 margin-left: -150px; 
 width: 140px; 
 height: 36px; 
 background: url('img/top-zakriv.gif') no-repeat top left;
}

.homeBeltCell {
 float: left; 
 position: relative; 
 width: 1060px; 
 height: 389px; 
}

.homeBeltCellText span {
 font: normal 28px arial; 
 line-height: 40px; 
}

.homeBeltCellText p {
 padding: 0px; 
 margin-top: 0px; 
 margin-bottom: 36px; 
}
.homeBeltCellText a, .homeBeltCellText a:visited, .homeBeltCellText a:active {
 color: white; 
 font: normal 42px arial; 
 line-height: 56px; 
}
.homeBeltCellText a:hover {
 color: rgb(245,245,245); 
}

.homeWelcome {
 float: left; 
 position: relative; 
 width: 1070px; 
 height: auto; 
 padding-top: 15px; 
 padding-bottom: 5px; 
 left: 0px; 
}

.welcomeAll {
 float: left; 
 position: relative; 
 width: 823px; 
 height: auto; 
}

.path2page {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
 padding-bottom: 8px; 
 font: normal 11px arial; 
 color: black; 
}

.path2page a, .path2page a:visited, .path2page a:active { 
 color: black; 
}
.path2page a:hover {
 color: rgb(209,63,140);
} 

.askQbanner {
 float: left; 
 position: relative; 
 width: 138px; 
 height: 96px; 
 padding-left: 60px; 
 padding-right: 48px; 
 padding-top: 88px; 
 background: url('img/askQ.jpg') no-repeat top left;
 cursor: pointer; 
 color: black;
 font: normal 13px arial; 
 text-align: center; 
}
.askQbanner a, .askQbanner a:active, .askQbanner a:visited {
  color: black;
}
.askQbanner strong {
 font: bold 18px arial; 
}
.askQbanner a:hover, .askQbanner:hover a, .askQbanner:hover a:visited, .askQbanner:hover a:active {
 color: rgb(209,63,140);
}

.welcomeHomeText {
 float: left; 
 position: relative; 
 width: 310px; 
 height: auto; 
 padding-right: 12px; 
 color: black; 
 font: normal 18px arial; 
 padding-top: 15px; 
}
.welcomeHomeText strong {
 font: normal 24px arial; 
}

.whoWeRhome {
 float: left; 
 position: relative; 
 margin-top: 10px; 
 width: 470px; 
 height: auto; 
 padding-top: 15px; 
 padding-bottom: 20px; 
 padding-left: 18px; 
 border-left: 12px solid rgb(222,213,206);
 font: normal 12px arial; 
 color: black; 
}
.whoWeRhome p {
 margin-top: 0px; 
 padding-top: 0px; 
 margin-bottom: 3px; 
 padding-bottom: 0px; 
}

.topSkobLeft {
 position: absolute; 
 top: 0px; 
 width: 44px; 
 height: 5px; 
 left: 0px; 
 background:  rgb(222,213,206);
 font: normal 1px arial; 
}

.botSkobLeft {
 position: absolute; 
 top: 100%; 
 margin-top: -5px; 
 width: 44px; 
 height: 5px; 
 left: 0px; 
 background:  rgb(222,213,206);
 font: normal 1px arial; 
}


.usefulInfoSignHome {
 float: left; 
 position: relative; 
 width: 880px;
 padding-left: 180px; 
 left: 50%; 
 margin-left: -530px; 
 padding-top: 11px; 
 padding-bottom: 12px; 
 background: url('img/home-shevica.jpg') no-repeat center left;
}
.usefulInfoSignHome h1, .usefulInfoSignHome h2 {
 margin: 0px;
 padding: 0px; 
 font: normal 18px arial; 
 color: rgb(51,51,51); 	
}

.homeKare {
 float: left; 
 position: relative; 
 width: 344px; 
 height: 320px; 
 margin-bottom: 39px; 
 padding-top: 12px; 
 background: url('img/home-kare-skobs.gif') no-repeat bottom center;
}

.homeKarePic {
 float: left; 
 position: relative; 
 width: 344px; 
 height: 170px; 
 cursor: pointer; 
}

.homeKareName {
 float: left; 
 position: relative; 
 width: 304px; 
 height: 37px; 
 padding-right: 40px; 
 cursor: pointer; 
}
.homeKareName h2 {
 padding: 0px; 
 margin: 0px; 
 font: normal 18px arial; 
 color: black; 
 line-height: 18px; 
 padding-top: 7px; 
}

.homeKareTxt {
 float: left; 
 position: relative; 
 width: 305px; 
 height: 77px; 
 overflow: hidden; 
 padding-top: 10px; 
 padding-left: 20px; 
 padding-right: 19px; 
 font: normal 11px arial; 
 color: black; 
}

.homeKareReadMore {
 position: absolute; 
 top: 322px; 
 left: 26px; 
 width: 100px; 
 padding-left: 10px; 
 padding-right: 23px; 
 font: normal 12px arial; 
 color: white; 
 text-transform: uppercase; 
 padding-top: 6px; 
 height: 19px; 
 background: rgb(163,69,143) url('img/button-arrow.jpg') no-repeat center right;
 cursor: pointer; 
}
.homeKareReadMore a, .homeKareReadMore a:visited, .homeKareReadMore a:active {
 color: white; 
}
.homeKareReadMore:hover a {
 color: black; 
}

.vertSep14pxW {
 float: left; 
 position: relative; 
 width: 14px; 
 font: normal 1px arial; 
 height: 50px; 
}

.hrPunktir {
 float: left; 
 position: relative; 
 width: 100%; 
 height: 6px; 
 background: url('img/hr-punktir.gif') repeat-x center left;
 font: normal 1px arial; 
}

.horSep5px {
 float: left; 
 position: relative; 
 width: 100%; 
 height: 5px; 
 font: normal 1px arial; 
}

.horSep10px {
 float: left; 
 position: relative; 
 width: 100%; 
 height: 10px; 
 font: normal 1px arial; 
}

.theFooter {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
 padding-bottom: 20px; 
 background: rgb(171,152,139) url('img/footer-textura.jpg'); 
 font: normal 12px arial; 
 color: black; 
}

.theFooter a, .theFooter a:visited, .theFooter a:active {
 color: black; 
 font: bold 12px arial; 
}
.theFooter a:hover {
 color: white; 
}

.footerShadowTop {
 float: left; 
 position: relative; 
 width: 100%; 
 height: 20px; 
 background: url('img/footer-shadow.jpg') repeat-x top left;
 font: normal 1px arial; 
}

.botBrownZakriv {
 position: absolute; 
 top: 10px; 
 left: 50%; 
 margin-top: -35px; 
 margin-left: 373px; 
 background: url('img/bot-zakriv.gif') no-repeat bottom center;
 width: 140px; 
 height: 35px;  
}

.footerContSection {
 float: left; 
 position: relative; 
 width: 250px; 
 padding-right: 40px; 
 padding-left: 10px; 
 padding-top: 5px; 
}

.footerMenu1sect {
 float: left; 
 position: relative; 
 width: 160px; 
 height: auto; 
 padding-left: 25px; 
 padding-right: 10px; 
 padding-top: 10px; 
}

.footerMenu2sect {
 float: left; 
 position: relative; 
 width: 177px; 
 height: auto; 
 padding-left: 25px; 
 padding-right: 10px; 
 padding-top: 10px; 
}

.footerMenu3sect {
 float: left; 
 position: relative; 
 width: 150px; 
 height: auto; 
 padding-left: 20px; 
 padding-right: 10px; 
 padding-top: 10px; 
}

.footerShare {
 float: right; 
 position: relative; 
 width: 125px; 
 height: auto; 
 text-align: right; 
 text-transform: uppercase; 
 font: normal 12px arial; 
 padding-top: 5px; 
}

.footerShare img {
 vertical-align: bottom; 
 margin-top: -5px; 
}

.footerShare a, .footerShare a:visited, .footerShare a:active {
 color: rgb(31,60,178);
}
.footerShare a:hover {
 color: white; 
}

.footVertHR {
 float: left; 
 position: relative; 
 width: 4px; 
 height: 100px; 
 background: url('img/vert-punktir.gif') repeat-y top left;
 font: normal 1px arial; 
}

.askQInFoot {
 float: left; 
 position: relative; 
 width: auto; 
 height: auto; 
 padding: 5px; 
 margin-top: 5px; 
 border: 1px solid white; 
}

.footerContSection img {
 vertical-align: top; 
 margin-right: 4px; 
}

.footerContSection .flwA {
 padding-top: 5px; 
 padding-bottom: 5px; 
}

.thanksDiv {
 float: left; 
 position: relative; 
 width: 800px; 
 left: 50%; 
 margin-left: -400px; 
 padding-top: 25px; 
}

.flwAddr {
 padding-top: 5px; 
 padding-bottom: 5px; 
 width: 215px; 
 height: auto; 
 float: left; 
 position: relative; 
}

.flwAddr p {
 margin: 0px; 
 padding: 0px; 
}

.creditsDiv {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
 padding-top: 10px; 
 padding-bottom: 10px; 
 font: normal 12px arial; 
 text-align: center; 
 color: rgb(76,76,76); 
}

.creditsDiv a, .creditsDiv a:visited, .creditsDiv a:active {
 color: rgb(76,76,76); 
}
.creditsDiv a:hover {
 color: black; 
}

.sponsorImg {
 float: left; 
 position: relative; 
 width: 180px; 
 height: auto; 
 padding-top: 40px; 
}

.grateFullTxt { 
 float: left; 
 position: relative; 
 width: 550px; 
 height: auto;
 height: 130px; 
 padding-left: 40px; 
 padding-right: 30px; 
 background: url('img/trust-explain.gif') no-repeat bottom left;
 overflow: auto; 
 font: normal 11px arial; 
}

.grateFullTxt span {
 font: normal 18px arial; 
 color: rgb(76,76,76); 
}

.grateFullTxt span strong {
 color: black; 
 font: normal 18px arial; 
}

.grateFullTxt p {
 margin-top: 0px; 
 padding: 0px; 
 margin-bottom: 3px; 
}

.pageLeftCol {
 float: left; 
 position: relative; 
 width: 275px; 
 height: auto; 
 padding-right: 15px; 
 padding-bottom: 40px; 
}

.pageMainCol {
 float: left; 
 position: relative; 
 width: 770px; 
 height: auto; 
 padding-bottom: 40px; 
}

.pageMainPic { 
 float: left; 
 position: relative; 
 width: 770px; 
 height: 255px; 
 overflow: hidden; 
}

.pageSubMenu {
 float: left; 
 position: relative; 
 width: 235px; 
 height: auto; 
 padding-left: 20px; 
 padding-right: 20px; 
 padding-top: 30px; 
 padding-bottom: 30px; 
 background: rgb(222,214,206);
 font: bold 13px arial; 
 color: white; 
 line-height: 20px; 
 min-height: 195px;
}

.pageSubMenu strong {
 font: normal 18px arial; 
 line-height: 30px; 
}

.pageSubMenu a, .pageSubMenu a:visited, .pageSubMenu a:active {
 color: black; 
}

.pageSubMenu a:hover {
 color: white; 
}

.inPagebanner {
 float: left; 
 position: relative; 
 width: 275px; 
 height: 155px; 
}

.signBotStick {
 position: absolute; 
 left: 12px; 
 width: 240px; 
 height: auto; 
 bottom: 0px; 
 margin-bottom: 48px; 
 color: black; 
 font: normal 24px arial; 
}

.signBotStick a, .signBotStick a:visited, .signBotStick a:active {
 color: black; 
}
.inPagebanner:hover .signBotStick a {
 color: white; 
}

.mainCont {
 position: relative; 
 float: left; 
 width: 530px; 
 height: auto; 
 font: normal 13px arial; 
 color: black; 
}

.mainContWide {
 position: relative; 
 float: left; 
 width: 760px; 
 height: auto; 
 font: normal 13px arial; 
 color: black; 
}

.mainContCMS {
 position: relative; 
 float: left; 
 width: 1040px; 
 padding-right: 20px; 
 padding-top: 10px; 
 padding-bottom: 10px; 
 height: auto; 
 min-height: 255px; 
 font: normal 12px arial; 
 color: black; 
}

.pageKareReadMore {
 position: absolute; 
 top: 118px; 
 left: 12px; 
 width: 100px; 
 padding-left: 10px; 
 padding-right: 23px; 
 font: normal 12px arial; 
 color: white; 
 text-transform: uppercase; 
 padding-top: 6px; 
 height: 19px; 
 background: rgb(163,69,143) url('img/button-arrow.jpg') no-repeat center right;
 cursor: pointer; 
}
.pageKareReadMore a, .pageKareReadMore a:visited, .pageKareReadMore a:active {
 color: white; 
}
.pageKareReadMore:hover a {
 color: black; 
}

.mainCont h1, .mainContWide  h1 {
 font: normal 26px arial; 
 color: rgb(76,76,76); 
 margin-top: 0px; 
 margin-bottom: 12px;
 padding: 0px; 
}

.mainCont p, .mainContCMS p, .mainContWide p {
 margin-top: 0px; 
 padding-top: 0px; 
 margin-bottom: 12px; 
 padding-bottom: 0px; 
}

.mainContWide  h2 {
 font: normal 18px arial; 
 color: rgb(76,76,76); 
 margin-top: 0px; 
 margin-bottom: 12px;
 padding: 0px; 
}

.askQpage {
 float: right; 
 position: relative; 
 width: 138px; 
 height: 300px; 
 background: url('img/askQpage.jpg') no-repeat top right;
 padding-left: 60px; 
 padding-right: 42px; 
 padding-top: 88px; 
 color: black;
 font: normal 13px arial; 
 text-align: center; 
}
.askQpage a, .askQpage a:active, .askQpage a:visited {
  color: black;
}
.askQpage strong {
 font: bold 18px arial; 
}
.askQpage a:hover {
 color: rgb(209,63,140);
}

.flw100withWings {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
 overflow: hidden; 
}

.mainSubMenuOff {
 display: none; 
}

.mainSubMenuOn {
 position: absolute; 
 top: 12px; 
 left: 0px; 
 z-index: 999; 
 width: auto; 
 min-width: 180px; 
 height: auto; 
 background: rgb(163,69,143);
 padding-left: 15px; 
 padding-right: 15px; 
 padding-top: 5px; 
 padding-bottom: 5px; 
 font: bold 13px arial; 
 line-height: 15px; 
 color: white; 
}

.mainSubMenuOn a, .mainSubMenuOn a:visited, .mainSubMenuOn a:active {
 color: white; 
}
.mainSubMenuOn a:hover {
 color: black; 
}

.arrowLeftHome {
 position: absolute; 
 left: -50px; 
 top: 50%; 
 margin-top: -15px; 
 font: normal 50px arial; 
 color: white; 
 cursor: pointer; 
 width: auto; 
 height: auto; 
}

.arrowRiteHome {
 position: absolute; 
 left: 1080px; 
 top: 50%; 
 margin-top: -15px; 
 font: normal 50px arial; 
 color: white; 
 cursor: pointer; 
 width: auto; 
 height: auto; 
}
.arrowRiteHome:hover, .arrowLeftHome:hover {
 color: black; 
}

.askQopened {
 position: fixed; 
 z-Index: 1000; 
 top: 50px; 
 left: 50%; 
 margin-left: -520px; 
 width: 730px; 
 padding-top: 45px; 
 height: 420px; 
 padding-left: 40px; 
 padding-right: 270px; 
 background: rgb(171,152,138) url('img/askQback.jpg') no-repeat top left;
}

.askQformCaption {
 float: left; 
 position: relative; 
 width: 100%; 
 height: 85px; 
 color: black; 
 font: normal 24px arial; 
}
.askQformCaption strong {
 font: bold 32px arial; 
}

.askQleftHalf {
 float: left; 
 position: relative; 
 width: 325px; 
 height: auto; 
 font: bold 12px arial; 
}

.askQrightHalf {
 float: left; 
 position: relative; 
 width: 405px; 
 height: auto; 
 font: bold 12px arial; 
}

.alertshere {
 float: left; 
 position: relative; 
 width: 100%; 
 min-height: 25px; 
 height: auto; 
 color: white; 
 font: bold 13px arial; 
}

.askQleftHalf input {
 width: 267px; 
 height: 24px; 
 border: 1px solid rgb(171,152,138);
 background: white url('img/form-fld-back.jpg') repeat-x top left; 
 margin-top: 5px; 
 margin-bottom: 15px; 
}

.askQleftHalf img {
 vertical-align: bottom; 
}

.askQrightHalf textarea {
 width: 400px; 
 height: 155px; 
 overflow: auto; 
 border: 1px solid rgb(171,152,138);
 background: white url('img/form-fld-back.jpg') repeat-x top left; 
 margin-top: 5px; 
 margin-bottom: 15px; 
}

.askQrightHalf input {
 width: 100px; 
 height: 24px; 
 border: 1px solid rgb(171,152,138);
 background: white url('img/form-fld-back.jpg') repeat-x top left; 
 margin-top: 5px; 
 margin-bottom: 15px; 
}

.askQSend {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
}

.askQSend input {
 margin-left: 325px; 
 width: 190px; 
 padding-left: 10px; 
 padding-right: 23px; 
 font: normal 14px arial; 
 border: transparent; 
 color: white; 
 text-transform: uppercase; 
 padding-top: 6px; 
 height: 32px; 
 background: rgb(163,69,143) url('img/button-arrow.jpg') no-repeat center right;
 cursor: pointer; 
}

.closeQ {
 position: absolute; 
 top: 5px; 
 left: 100%; 
 margin-left: -20px; 
 width: 15px; 
 height: 15px; 
 font: bold 14px arial; 
 cursor: pointer; 
 color: white; 
 border: 1px solid white;
 text-align: center; 
}
.closeQ a, .closeQ a:visited, .closeQ a:active {
 color: white; 
}

.contFormBack {
 float: left; 
 position: relative; 
 width: 730px; 
 height: auto;
 background: rgb(222,214,206);  
 padding-left: 30px; 
 padding-top: 15px; 
 padding-bottom: 25px; 
}

.contFormBack .askQleftHalf {
 width: 310px; 
}

.contFormBack .askQleftHalf input {
 width: 250px; 
}

.contFormBack textarea {
 width: 370px; 
}

.contFormCaption {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto;
 font: normal 24px arial; 
 color: rgb(51,51,51); 
}

.userRegLeft, #userSignInUser, #userSignInPass {
 float: left; 
 position: relative; 
 width: 40%; 
 height: auto; 
 text-align: right; 
}

.userRegRight, #userSignInUserInput, #userSignInPassInput {
 float: left; 
 position: relative; 
 width: 57%; 
 padding-left: 3%; 
 margin-top: 3px; 
 margin-bottom: 5px; 
 height: auto; 
}

.userRegRight input, #userSignInPassInput input , #userSignInUserInput input  {
 width: 150px; 
 height: 24px; 
 border: 1px solid rgb(171,152,138);
 background: white url('img/form-fld-back.jpg') repeat-x top left; 
} 

.userRegRight span input {
 width: 24px; 
 height: 24px; 
 border: 1px solid rgb(171,152,138);
 background: white url('img/form-fld-back.jpg') repeat-x top left; 
} 

.secureCodeSignUp input {
 width: 90px; 
 height: 24px; 
 border: 1px solid rgb(171,152,138);
 background: white url('img/form-fld-back.jpg') repeat-x top left; 
} 

#profileCreateLink {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
 padding-top: 10px; 
 padding-bottom: 5px; 
}

#profileCreateLink a, #profileCreateLink a:visited, #profileCreateLink a:active {
 width: auto; 
 margin-left: 43%; 
 margin-top: 20px; 
 padding-left: 10px; 
 padding-right: 23px; 
 font: normal 12px arial; 
 color: white; 
 text-transform: uppercase; 
 padding-top: 6px; 
 height: 24px; 
 background: rgb(163,69,143) url('img/button-arrow.jpg') no-repeat center right;
}

#userSignInButton {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto;
 padding-top: 5px; 
 padding-bottom: 5px; 
}

#userSignInButton input {
 width: auto; 
 min-width: 120px; 
 margin-left: 40%; 
 margin-top: 20px; 
 padding-left: 10px; 
 padding-right: 23px; 
 font: normal 12px arial; 
 color: white; 
 text-transform: uppercase; 
 padding-top: 6px; 
 height: 25px; 
 border: transparent; 
 background: rgb(163,69,143) url('img/button-arrow.jpg') no-repeat center right;
}

#forgPassHomeLink {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto;
 padding-top: 5px; 
 padding-bottom: 5px; 
 text-align: center; 
}

#signUpWhy {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
 padding-bottom: 5px; 
}
.calendarDivInPage {
 width: 250px; 
 background: white; 
 z-index: 1000; 
 display: none; 
 font: normal 12px arial; 
 color: black; 
 height: auto; 
 position: absolute; 
 margin-top: -10px; 
 border: 1px solid silver;
}

.calendarprevNext, .calendarYear {
 width: 100%; 
 float: left; 
 text-align: center;
 padding-top: 2px; 
 padding-bottom: 2px; 
 font: bold 14px arial; 
 color: rgb(79,191,237);
 height: auto; 
}

.calendarprevNext a, .calendarprevNext a:visited, .calendarprevNext a:active {
 color: rgb(79,191,237);
}

.ajCalDay {
 width: 13%; 
 height: auto; 
 margin-left: 1%; 
 padding-top: 1px; 
 padding-bottom: 1px; 
 margin-top: 1px; 
 float: left; 
 text-align: right; 
 position: relative; 
 font: normal 12px arial; 
}

.ajCalDayLink {
 width: 13%; 
 height: auto; 
 margin-left: 1%; 
 padding-top: 1px; 
 padding-bottom: 1px; 
 float: left; 
 text-align: right; 
 margin-top: 1px; 
 position: relative; 
 background: rgb(79,191,237); 
 font: normal 12px arial; 
 cursor: pointer; 
 color: white; 
}
.ajCalDayLink a, .ajCalDayLink a:active, .ajCalDayLink a:visited {
 color: white; 
}

.ajCalDayLinkSlctd {
 width: 13%; 
 height: auto; 
 margin-left: 1%; 
 padding-top: 1px; 
 padding-bottom: 1px; 
 margin: 1px; 
 float: left; 
 text-align: right; 
 position: relative; 
 margin-top: 1px; 
 background: gold; 
 font: normal 12px arial; 
}

.calendarDivDirect {
 width: 160px; 
 background: white; 
 display: block; 
 font: normal 12px arial; 
 color: black; 
 height: auto; 
 float: left; 
 position: relative; 
}

.ajcalRow {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
}

.calendarPrevMonLink {
 position: absolute; 
 top: 0px; 
 left: 0px; 
 width: 25%; 
 height: auto; 
 font: bold 14px arial; 
 text-align: center; 
 text-align: center; 
 border: 1px solid silver; 
 cursor: pointer;
 background: rgb(230,230,230); 
 color: rgb(79,191,237);
}

.calendarNextMonLink {
 position: absolute; 
 top: 0px; 
 left: 75%; 
 width: 25%; 
 height: auto; 
 font: bold 14px arial; 
 text-align: center; 
 text-align: center; 
 border: 1px solid silver; 
 cursor: pointer;
 background: rgb(230,230,230); 
 color: rgb(79,191,237);
}
.realContText, .realContText td
{
 font: normal 12px arial; 
 color: black;
 line-height: 14px; 
}

a, a:visited,  a:active {
 text-decoration: none;
 color: rgb(209,63,143); 
}

a:hover {
 text-decoration: none; 
 color: rgb(133,189,222);
}

a img {
 border: 0; 
}

.realContText p, .realContText td p  {
 margin-top: 0px; 
 padding-top: 0px; 
 margin-bottom: 12px; 
 padding-bottom: 0px; 
}

.realContText h1, .realContText td h1 {
 font: normal 26px arial; 
 color: rgb(76,76,76); 
 margin-top: 0px; 
 margin-bottom: 12px;
 padding: 0px; 
}

.realContText h2, .realContText td h2 {
 font: normal 18px arial; 
 color: rgb(76,76,76); 
 margin-top: 0px; 
 margin-bottom: 12px;
 padding: 0px; 
}

.realContText h3, .realContText td h3 {
 font: normal 18px arial; 
 color: rgb(76,76,76); 
 margin-top: 0px; 
 margin-bottom: 12px;
 padding: 0px; 
}

.realContText h4, .realContText td h4 {
font: normal 16px arial; 
 color: rgb(76,76,76); 
 margin-top: 0px; 
 margin-bottom: 12px;
 padding: 0px; 
}

.realContText h5, .realContText td h5 {
 font: normal 16px arial; 
 color: rgb(76,76,76); 
 margin-top: 0px; 
 margin-bottom: 12px;
 padding: 0px; 
}


.realContText h6, .realContText td h6 {
font: normal 14px arial; 
 color: rgb(76,76,76); 
 margin-top: 0px; 
 margin-bottom: 12px;
 padding: 0px; 
}

.realContText ul {
 margin-left: 5px; 
}

.realContText li {
 font: normal 12px arial;
}

.realContText a, .realContText a:visited, .realContText a:active {
 text-decoration: none; 
}