html { height: 100%; }
body { height: 100%; font-size: 13px; font-family: Arial; color: #333333; background: #eaedf1; margin: 0px; padding: 0px;}

p { margin: 10px; text-align: justify; }
p.right { text-align: right; }
h4 { margin: 0px; font-size: 15px; font-weight: normal; }

A:link, a:visited { color: #174688; text-decoration: underline; }
A:hover { color: #5ecbda; text-decoration: none; }
A.white:link, a.white:visited { color: white; }

A.icons { display: block; float: right; height: 27px; width: 27px; margin: 10px 10px 0px 0px; background-color: #5ecbda; }
A.icons:hover { background-position: bottom; background-color: white; }
#f { background-image: url('img/if.png'); }
#v { background-image: url('img/iv.png'); }
#t { background-image: url('img/it.png'); }

div.page { min-height: 100%; height: auto !important; height: 100%; }
div.container { display: block; width: 90%; max-width: 1350px; min-width: 1000px; margin: 0 auto; padding: 0px; padding-bottom: 160px;
                background: white; border-top: 10px solid #eaedf1; }
div.footer { height: 176px; margin-top: -176px; width: 100%; background: #eaedf1 url('img/fon.gif') repeat-x bottom; }
div.infooter { display: block; width: 90%; max-width: 1350px; min-width: 1000px; margin: 0 auto; padding-top: 10px; }
 
div.logo { float: left; margin-right: 1%; padding: 10px 1%; width: 15%; height: 142px; background: #174688; color: white; 
 font-size: 15px; text-align: center; }
div.logo a { color: #febf0f; font-weight: bold; font-size: 16px; text-decoration: none; }

.menu { width: 82%; background: #19b4ca; }
.menu td a { display: block; width: 99%; height: 20px; padding: 15px 0px; border-right: 1px solid #5ecbda; color: white; 
 text-decoration: none; text-align: center; font-size: 15px; }
.menu td a.yel { width: 100%; color: #333333; border: none; background: #febf0f url('img/plus.png') no-repeat center; }
.menu td a:hover { background: #174688; } 
.menu td a.yel:hover { color: white; background: #174688 url('img/plus_w.png') no-repeat center; } 

.banner { float: right; width: 55%; margin: 1% 0px; text-align: center; background: #eaedf1; }

.login { float: right; margin: 1% 0% 1% 1%; padding: 5px 1%; width: 24%; height: 90px; background: #174688; color: white; }
.login input[type="text"], .login input[type="password"] { width: 70%; margin: 4px 1%; }
.login input[type="submit"] { float: right; height: 56px; width: 19%; margin: 4px 0px; padding: 37px 1% 10px 1%;
                              color: white; background: #19b4ca url('img/login.png') no-repeat center; }
.login input[type="button"] { float: right; margin-top: 2px; }
.login a { display: block; width: 103px; padding: 8px 1%; }

a.lk { float: right; height: 30px; width: 19%; margin: 4px 0px; padding: 45px 0px 10px 0px; color: white; text-align: center; text-decoration: none; 
 background: #19b4ca url('img/login.png') no-repeat center 18px; font-size: 14px;}
a.lk:hover { outline: 1px solid #eaedf1; box-shadow: 0px 0px 5px #333333; }

@font-face { font-family: Arial Narrow; src: url('fonts/ARIALN.TTF'); }
@font-face { font-family: Arial Narrow Bold; src: url('fonts/ARIALNB.TTF'); }

.smart { width: 96%; padding: 11px 2%; margin: 3px 0px; font-size: 16px; }
.search { width: 100%; margin-bottom: 1%; }
.search table { width: 100%; color: white; background: #174688; }
.search b { display: inline-block; margin: 12px 0px; color: #febf0f; font-family: Arial Narrow; font-size: 25px; letter-spacing: -1pt; text-decoration: none; }
.search a { display: inline-block; float: right; margin: 3px; padding-left: 20px; color: white; background: url('img/plus_w.png') no-repeat left center; }
.search input[type="submit"] { display: block; height: 100%; min-height: 90px; width: 100%; margin: 0px; padding: 0px; color: white; font-size: 33px; background: transparent url('img/search.png') no-repeat center; }
.search input[type="submit"]:hover { outline: none; }
.tdfind { background: #19b4ca; }
.tdfind:hover { background-color: #174688; }
.search select { margin-right: 60px; padding: 2px 8px; }
#search_firma, #extsearch { display: none; float: left; }

.submenu { width: 100%; margin: 1% 0px; }
.submenu a { display: block; float: left; width: 10%; padding: 1% 0px; outline: 1px solid #5ecbda; color: white; background: #19b4ca;
 text-decoration: none; text-align: center; }
.submenu a:hover { background: #174688; }
.submenu img { margin: 7%; border: none; }

.leftblock { float: left; width: 74%; margin: 2% 0px; }
.rightblock { float: right; width: 24%; margin: 2% 1%; }

.news { width: 100%; margin: 0px; padding: 0px; text-align: center; }
.news a { display: block; float: left; width: 45%; margin: 0% 2% 4% 1%; padding: 1%; outline: 1px solid #eaedf1; color: #333333;
 text-decoration: none; text-align: left; }
.news a:hover { outline: 1px solid #5ecbda; text-decoration: none; }
.news a img { float: left; margin: 0px 3% 1% 0px; border: none; }
.news a b { display: block; height: 32px; overflow: hidden; margin: 3% 0px; color: #174688; font-weight: normal; text-decoration: underline; }
.news a p { display: block; height: 62px; overflow: hidden; margin: 3% 0px; text-align: left; }
.news a span { color: #febf0f; }
.news a:hover b { color: #5ecbda; text-decoration: none; }

.rightblock span { display: block; width: 100%; margin-bottom: 10%; background: #eaedf1; }
.rightblock span h4 { display: block; width: 90%; padding: 5%; color: white; background: #174688; }
a.rub { cursor: pointer; display: block; margin: 10px; padding-bottom: 3px; color: #333333; text-align: left; border-bottom: 1px solid #999999; text-decoration: none; }
a.rub:hover { color: #174688; }
.rightblock span a b { display: block; float: right; }
.subrub { display: none; padding-left: 20px; }
.subrub a { display: block; margin: 8px 5px; line-height: 12px; text-decoration: none; }

#gray { color: #999999 !important }

input, textarea, select, .btn { font-size: 15px; padding: 3px 8px; color: #333333; border: none; }
input[type="password"]:focus, input[type="text"]:focus, textarea:focus { outline: 1px solid white; background: #eaedf1; }
input[type="button"], input[type="reset"], .btn { background: #febf0f; }
input[type="submit"] { background: #19b4ca; }
input[type="submit"]:hover, input[type="button"]:hover, .btn:hover { cursor: pointer; outline: 1px solid #eaedf1;
    box-shadow: 0px 0px 5px #333333; }
input.btn-blue { background: #19b4ca; }
.btn, .btn:visited, .btn:hover { background: #19b4ca; color: white; text-decoration: none !important; }

/* Custom checkbox and radio styles */
input[type=radio], input[type=checkbox] { height: 15px; width: 15px; position: absolute; left: 0; opacity: 0; }
label { display: block; float: left; padding-left: 20px; margin: 3px 20px 3px 0px; }
input + label { background: url(img/gr_custom-inputs.png) 0 -1px no-repeat; height: 15px; }
input[type=radio] + label							{ background-position: 0 -161px; }
/* Checked styles */
input[type=radio]:checked + label 						{ background-position: 0 -241px;  }
input[type=checkbox]:checked + label 						{ background-position: 0 -81px; }
input[type=checkbox]:hover:checked + label				        { background-position: 0 -101px; }
input[type=radio]:hover:checked + label					        { background-position: 0 -261px; }
/* Hover & Focus styles */
input[type=checkbox]:hover + label					        { background-position: 0 -21px; }
input[type=radio]:hover + label						        { background-position: 0 -181px; }

h1 { margin: 0 0 1% 1%; text-align: left; font-size: 15px; font-weight: normal; color: #174688; }
h2 { color: #19b4ca; font-size: 15px; text-transform: uppercase; }
h2, h3 { margin-left: 1%; }

.table { margin: 2% 0% 1% 1%; border: 1px solid #eaedf1; }
.table a { color: #333333; }
.table a i { color: #999999; }
.table tr:nth-child(2n) { background-color: #f3f9fa; }
.table tr:hover { background-color: #febf0f; }
.table th { background-color: #174688; color: white; }

.search-result { width: 99%; }
.search-result td:last-child, .search-result td:nth-child(4) { text-align: center; }
.search-result img { width: 40px; height: 40px; border: none; margin-right: 5px; }
.search-result label { margin-right: 5px }
.search-rub { text-align: center; background-color: #eaedf1; }

.currency { margin: 2% 0% 1% 1%; width: 99%; text-align: center; }
.currency b { margin: -5px -13px;  padding: 5px 13px; background-color: #eaedf1; }
.currency tr { background-color: #f3f9fa; }
.currency td { border-bottom: 1px solid #999999; }
.currency td:nth-child(1) { text-align: left; }
.currency th { background-color: #174688; color: white; }
.currency th:nth-child(3), .currency td:nth-child(3) { background-color: #5ecbda; color: #333333; }
.currency th:nth-child(4), .currency td:nth-child(4) { background-color: #febf0f; color: #333333; }
.cbrf td { text-align: center !important; font-weight: bold; }

p.ki { margin: 10px; padding: 0px 5px 0px 110px; text-align: left; }
p.ki b  { display: block; float: left; margin-left: -110px; }

#YMapsID { width:290px; height:290px; border:1px solid grey; margin: 0 auto 10px; }

.new { width: 98%; margin-bottom: 2%; padding: 1%; }
.new img { float: left; margin: 0 2% 2% 0; border: none; }
.new b { display: block; margin: 0 0 1%; color: #174688; font-size: 15px; }
.new p { display: block; margin: 0; }

.gallery { width: 99%; height: 200px; margin-bottom: 20px; overflow: hidden; margin-left: 1%; }
.gallery h4 { display: block; padding: 1% 3%; color: white; background: #174688; }
.gallery img { margin: 10px 0 10px 10px; }
embed { margin: 10px 0 10px 10px }

ul { float: left; }

hr { height: 0px; border-top: 1px solid #999999; margin: 1%; }

.adviser { float: left; background-color: white; border: 1px solid #999999; width: 220px; margin: 0 1%; }
.adviser h4 { color: white; background: #174688; text-align: center; padding: 2% 0; }
.adviser img { margin: 6px; }
.adviser form { text-align: center; margin: 0 4%; }
.adviser textarea { border: 1px solid #999999; width: 90%; height: 60px; }
.adviser p.ki { padding-left: 80px; }
.adviser p.ki b { margin-left: -80px; }

.comment { margin: 10px 3%; padding: 1px 0; background-color: white; }
.comment p:nth-child(2) { color: #999999; margin-top: 0; }
.comment p:last-child { margin-top: 0; }
.comment b { margin-left: 3%; }

.modal { background-color: white; }
.modal p { margin-left: 1%; }
.modal tr { background-color: #f3f9fa !important; }
.modal input {  }
.modal textarea { width: 94%; }

.qwe { background: url(img/qwe.png) no-repeat; }
.basket { background: url(img/basket.png) no-repeat; }
.basket, .qwe { width: 20px; height: 18px; cursor: pointer; display: inline-block; }
.basket:hover, .qwe:hover { background-position: bottom; }

.zodiac { margin: 0 0 10px 1%; width: 235px; height: 150px; border: 1px solid #5ecbda; float: left;
          text-align: center; overflow: hidden; transition: height 0.2s linear 0.2s; }
.zodiac:hover { height: 310px; }
.zodiac img { margin: 5px; display: inline-block; }
.zodiac p { margin: 10px; text-align: left; }

.relax, .cinema { margin: 0 0 1% 1%; width: 99%; height: 170px; overflow: hidden; transition: height 0.2s linear 0.2s; }
.relax h4, .cinema h4, .films h4 { color: white; background: #174688; padding: 1% 3%; }
.relax img, .cinema img , .films img { float: left; margin: 10px; }
.relax .photo, .cinema .photo, .films .photo { float: right; margin-right: 10px; }
.relax:hover { height: 450px; }
.cinema:hover { height: 500px; }

.films { margin: 0 0 1% 1%; width: 99%; }
.films img { float: left; margin: 10px; }

.cinema-min { border: 1px solid #999999; width: 200px; height: 82px; padding: 5px; float: left; margin: 0 0 20px 10px;; }
.cinema-min b { margin-left: 5px; }
.cinema-min h5 { color: #174688; font-size: 14px; margin: 0 0 5px 5px; }
.cinema-min span { margin: 5px; }

.letters { text-align: center; font-size: 14px; }
.letters a { width: 20px; text-decoration: none; border: 1px solid #eaedf1 ; padding: 3px; margin-bottom: 10px; display: inline-block; }

.rubtab td { border: 1px solid #19b4ca;}

.firmgray { background-color: #999999 !important; }
.firmblue { background-color: #5ECBDA !important; }
.firmyellow { background-color: #febf0f !important; }

ul.rubriky { display: block; float: left; width: 40%; list-style-type: none; }
ul.rubriky li { min-height: 30px; margin: 10px 2%; padding: 5px 0px 5px 40px; }
ul.rubriky li > a { font-size: 16px; text-decoration: none; }
ul.rubriky li > a:hover { text-decoration: underline; }
ul.rubriky > li > div { margin: 10px 0px; }
ul.rubriky > li > div > a { line-height: 20px; font-size: 14px; text-decoration: underline; }