/* Style File for Main Content */

* {margin:0px; padding:0px;}
img, a img {border: none;}
a {text-decoration: underline; color: #000002; outline:none;}
a:hover {text-decoration: none;}
p {padding: 6px 0;}

h1 {font-size: 1.7em; line-height: 2.5em; padding-bottom:18px; font-weight: normal; color:#535353}
h2 {font-size: 1.1em; line-height: 1.5em; padding:0.5em 0 1em 0; font-weight: bold; color: #000;}
h3 {font-size: 1.1em; margin-bottom: 1em;}
h4 {font-size: 1em; margin-bottom: 1em;}

/* TABLES 
table {border-collapse: collapse; margin: 1em 0; width: 100%;}
td, .desc th {border: 1px solid #000; padding: 1px 3px; vertical-align: top;}
th {text-align: center; vertical-align: top;}
*/

/* list default settings */
ul {margin:2px 0 2px 30px;}
ul li {margin:0;}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

html, body {width:100%;}
body {text-align:center; background: #2b3a37 url(../images/body-fon.gif) repeat-y center top;}
#page {width:1000px; color:#000; font-family: Arial; font-size:14px; text-align:left; background: #FFF; margin:0 auto;}

#header_ru {position:relative; height:199px; background: #36453E url(../images/ru/header.jpg) no-repeat left top;}
#header_ru:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
#header_ru div {position: absolute; top: 0px; right: 20px;}
#header_ru div img {width: 26px; height: 23px;}
#header_en {position:relative; height:199px; background: #36453E url(../images/en/header.jpg) no-repeat left top;}
#header_en:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
#header_en div {position: absolute; top: 0px; right: 43px;}
#header_en div img {width: 26px; height: 23px;}

#container {padding-left:255px; position:relative;}
#container:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
#container .buttons {padding:4px;border:#959595 solid 1px;margin:20px;background-color:#dfdfdf;margin-bottom:0;}
#container .center {margin-left:auto;margin-right:auto;}

#container.full {padding-left:0px;}

#content {margin-left:0; width:100%; background-color: #FCFEBF;}
#content:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
#primary {float:none; min-height:17em;}
.dual  #primary {float:left; width:66%;}
.dual  #secondary {float:left; width:34%;}

#sidebar {left:-255px; width:255px; position:relative; float:left; margin-left:-100%;}

#footer {padding:35px 40px; font-size: 11px; background-color: #47544B; color: #F7FFF9;}
#footer a {color: #F7FFF9;}
#footer .right {float: right;}

/* STATIC PAGES */
#container .static:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
#container .static {line-height:1.4em; padding:25px 50px;}
#container .static h1 {padding: 0px;}
#container .static p {font-size: 13px; text-align: justify; text-indent: 25px;}

/* MAIN MENU */
#main_menu {margin: 0; padding: 0 0 0 14px; margin:0 auto; background-color: #47544B; height: 45px;}
#main_menu li {float:left; height:36px; list-style-type: none; font-size: 0px; vertical-align: bottom; margin-top:-4px;}
#main_menu a {font-size: 0px;}

/* MENU with pictures */
#content .pict_menu {margin-left:-30px;}
#content .pict_menu li {list-style-type: none; width:25%; text-align:center; float:left;}
#content .pict_menu li a {display:block; color: #ED0000; font-weight: bold; font-size: 14px; text-transform: uppercase; text-decoration: none;}
#content .context {float:right; width:600px; margin:30px 30px 30px 0; display:inline;}
#content .context h4 {font-size: 13px; margin: 6px 0;}
#content .context p {font-size: 13px; text-align: justify; text-indent: 25px; line-height:1.4em;}
#content .context p span {font-size:12px;}

#content .contimgusl {width:344px; height:247px; background:url(../images/uslugi.jpg) bottom right no-repeat; padding:12px 0 0 12px; margin-bottom:12px;}
#content .contimgusl h1 {text-align:right; margin:12px 39px; color:#000000;}
#content .contimgusl div {color:#000000; font-size:12px; text-align:right; margin:-27px 38px 0 0;}

#content .contimgstat {width:344px; height:247px; background:url(../images/stat.jpg) bottom right no-repeat; padding:12px 0 0 12px; margin-bottom:12px;}
#content .contimgstat h1 {text-align:right; margin:12px 39px; color:#000000;}
#content .contimgstat div {color:#000000; font-size:12px; text-align:right; margin:10px 38px 0 0;}

#content .contimginv {width:344px; height:247px; background:url(../images/invest.jpg) bottom right no-repeat; padding:12px 0 0 12px; margin-bottom:12px;}
#content .contimginv h1 {text-align:right; margin:12px 39px; color:#000000;}
#content .contimginv div {color:#000000; font-size:12px; text-align:right; margin:-40px 38px 0 0;}

#content .contimgman {width:344px; height:247px; background:url(../images/zayvka.jpg) bottom right no-repeat; padding:12px 0 0 12px; margin-bottom:12px; position: relative;}
#content .contimgman h1 {text-align:right; margin:27px 39px 12px; line-height: normal; color:#000000;}
#content .contimgman div {color:#000000; font-size:12px; text-align:right; position: absolute; right: 38px; bottom: 23px;}

#content .contimgabo {width:344px; height:247px; background:url(../images/about.jpg) bottom right no-repeat; padding:12px 0 0 12px; margin-bottom:12px;}
#content .contimgabo h1 {text-align:right; margin:12px 39px; color:#000000;}
#content .contimgabo div {color:#000000; font-size:12px; text-align:right; margin:-15px 38px 0 0;}

#content .ttitle {width:100%; text-align:right; background:#cc3300; color:#ffffff; margin-top:5px; cursor:hand; cursor:pointer;}
#content .ttitle td {padding:7px 30px;}
#content .ttext {width:100%; text-align:right; font-size:11px;}
#content .ttext td {padding:7px 30px; border-bottom:#000000 solid 1px;}

/* STATIC PAGE DETAIL */
#container .static .detail {line-height:1.6em;}
#container .static .detail table {border-collapse: collapse; margin: 1em 0; width: 100%;}
#container .static .detail td {padding: 0px; vertical-align: top;}
#container .static .detail th {text-align: center; vertical-align: top;}
#container .static .detail td img {margin-right:50px;}

#container .static .detail table .doxod tr th {text-align:center; vertical-align: bottom;}
#container .static .detail table .doxod tr td {text-align:center;}

/* CALC */
#container .downtext {border:#999999 solid 1px;padding:10px;margin:20px;}
#container .downtext img {float:left;}
#container .downtext .desc {float:left; width: 635px; padding: 20px 0 0 25px; font-size:12px;}
#container .downtext .desc h3 {margin-bottom: 0.8em;}
#page #calc {width:938px; margin:0 auto; border:none; display:none; clear:both; padding-top:20px; /* margin:0 auto 20px; border:#999999 solid 1px; border-top:none; padding:10px; */}
#page #calc .calcf {background:url(../images/fon.jpg) top left repeat-x; height:106px; position:relative;}
#page #calc .calcf .lfon {float:left; background:url(../images/lfon.jpg) top left no-repeat; height:106px; width:6px;}
#page #calc .calcf .rfon {float:right; background:url(../images/rfon.jpg) top right no-repeat; height:106px; width:6px;}
#page #calc .calcf .calct {text-align:center; position:absolute; top:25px; left:25px; font-weight:bold; width: 804px;}
#page #calc .calcf .button {width:60px; height:20px; position:absolute; top:26px; right:25px;}
#page #calc .calcf .button input {width:60px; height:20px; background:url(../images/button.jpg) top no-repeat; border:none; cursor:hand; cursor:pointer;}
#page #calc .calcf #result {position:absolute; bottom:25px; right:25px; color:#ffffff; font-weight:bold; text-align:right;}
#page #calc .calcf #result span {font-size:18px; color:#000000;}

/* Likvidnost Garantii... */
#container #content .more_main {background: #FCFEBF url(../images/more_main.jpg) no-repeat left top; width: 970px; height:147px; margin:0 auto; padding-bottom:10px; font-size:12px; position:relative;}
#container #content .more_main li {float:left; text-align: left; margin: 25px 0 0 0; padding:0px; list-style-type: none; display: inline;}
#container #content .more_main li a {text-decoration: none;}
#container #content .more_main li a:hover {text-decoration: underline;}
#container #content .more_main li h3 {text-transform: uppercase; margin-bottom:0.5em;}
#container #content .more_main li.l1 {width: 190px; margin-left: 125px;}
#container #content .more_main li.l2 {width: 205px; margin-left: 130px;}
#container #content .more_main li.l3 {width: 205px; margin-left: 110px;}
#container #content .more_main li p {padding:4px 0;}

/* FORMs STYLES */
#content .form {padding:7px 5px 15px 5px; margin: 0 0 20px 0; background-color:#F2F5B9;}
#content .form div {display:inline-block; font-size:13px;}
#content .form div:after {clear:both; content:"."; display:block; height:0; visibility:hidden;}
#content .form label {width:210px; float:left;}
#content .form input {float:left;}
#content .form .field {padding:5px; width:98%; clear:both;}
#content .form .field input {border:1px solid #999999; width:322px; margin-right:5px;}
#content .form .field select {border:1px solid #999999; float:left; margin-right:5px;}
#content .form .field textarea {border:1px solid #999999; width:322px; float:left;}
#content .form .field img {margin:10px 10px 0px 10px;} /* captcha */
#content .form .field_check {padding:5px; width:98%; clear:both;}
#content .form .field_check input {margin-left:30px;}
#content .form_submit {background-color:#F2F5B9; padding: 2px 10px; border:1px solid #999999; cursor:pointer;}

#content p.show_form {background-color:#F2F5B9; font-weight: bold; margin-top:5px; text-transform:uppercase; font-size:12px;}
#content p.show_form a {color: #FF0000;}

/* news line on calc */
#container .downtext .desc h3 {font-weight:bold; font-size: 14px;}
#container .downtext .desc p {padding: 4px 0;}
#container .downtext .desc p a {font-weight:bold; color:#555555; text-decoration: none;}
#container .downtext .desc p a:hover {text-decoration: underline;}
#container .downtext .desc p span {color:#666666;}

.color1 td {background-color: #ffd1d1;}
.color2 td {background-color: #daffd1;}
.color3 td {background-color: #d1daff;}
#content .ttitle2 {background-color: #BF816C; cursor:default;}