@charset "utf-8";

html {height: 100%;}

body {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size:100.01%;margin:0;min-height:100%;height:auto !important; height:100%;padding:0;position:relative;width:100%;}

.wrapper { width: 1200px; margin: 0 auto; min-height: 100%; height: auto !important; height: 100%;background:url(../img/bg-content.jpg) 0 0 repeat-y; }

.obertka { width:950px; margin:0 auto; position:relative;}

/* Header
-----------------------------------------------------------------------------*/
.header { height: 260px;background:url(../img/bg-header.jpg) 0 0 no-repeat; position:relative;}

.logo { width:264px; height:241px; position:absolute; top:0px; left:0px;}
.logo a { display:block; width:264px; height:241px;}

.top-contacts { background:url(../img/bg-top-contacts.png) 0 0 no-repeat; width:466px; height:181px; position:absolute; top:31px; left:400px; text-align:center;}
.top-contacts h1 { font-size:25px; margin:0 0 6px 10px; line-height:98%;}
.top-contacts h1 strong { margin-left:10px;}
.top-contacts h2 { font-size:25px; font-style:italic; margin:0;}

.top-icons { position:absolute; top:112px; right:53px; overflow:hidden;}

.home { background:url(../img/icon-home.png) 0 0 no-repeat; width:28px; height:24px; float:left; margin-right:22px;}
.home a { display:block; height:24px; width:28px;}

.email { background:url(../img/icon-email.png) 0 0 no-repeat; width:34px; height:24px; float:left;}
.email a { display:block; height:24px; width:34px;}

/* Middle
-----------------------------------------------------------------------------*/
.middle {width: 100%; padding: 0 0 460px; height: 1%; position: relative;background:url(../img/bg-container.jpg) 0 0 no-repeat;}
.middle:after {content: '.';display: block;clear: both;visibility: hidden;height: 0;}

.container { width: 100%; float: left; overflow: hidden;}

.content {padding:0 0 0 370px;}

.bg-cont-top { background:url(../img/bg-cont-t.png) 0 0 no-repeat; width:528px; height:15px; overflow:hidden;}
.bg-cont-bottom { background:url(../img/bg-cont-b.png) 0 0 no-repeat; width:528px; height:15px; overflow:hidden;}

.bg-block { width:507px; background: url(../img/bg-block.png) 0 0 repeat; padding:12px 0 5px 21px; min-height:520px;}

.bg-block h1 { font-size:30px; font-style:italic; margin:0 0 12px;}
.bg-block p { font-size:14px;}

.contacts { width:506px;}
.contacts h2 { font-size:20px;font-style:italic; margin:0 0 10px ; color:#538fbb;}
.contacts h2 a { color:#538fbb;}

.map { width:488px; margin:20px 0;}

.catalog { width:490px; margin:0; font-size:14px;}
.catalog th:first-child, .catalog td:first-child { text-align:left; width:190px;}
.catalog th { border-bottom:2px solid #CCCCCC;}
.catalog td { text-align:center; border-bottom:1px solid #d9d9d9; padding:5px 0;}

.gallery img { margin:0 10px 20px 10px;}

/* Sidebar Left
-----------------------------------------------------------------------------*/
.sideLeft { float: left; width: 267px; margin-left: -100%; position: relative; padding-left:23px; }

.leftmenu { margin:23px 0 25px;}
.leftmenu ul { list-style:none; margin:0; padding:0;}
.leftmenu ul li { background:url(../img/bg-ul-li.png) 0 8px no-repeat; padding-left:18px; font-size:20px; font-style:italic; margin-bottom:10px;}
.leftmenu ul li.active { font-style:normal; background:url(../img/bg-ul-li-a.png) 0 8px no-repeat; }
.leftmenu ul li.active a, .leftmenu ul li.active li.active a { text-decoration:none; color:#91B9D7;}
.leftmenu ul li.active li a {color:#085e9e; text-decoration:underline;} 
.leftmenu ul li.active li a:hover { text-decoration:none;}
.leftmenu ul li ul { margin:10px 0 ;}
.leftmenu ul li ul li { font-size:18px;}

.daily-house {  min-height:88px; width:290px; margin:0;}
.daily-house a { font-size:20px; font-style:italic; color:#91b9d7; margin-left:16px;}

.ditto_introText { margin:20px 0 0 16px; width:250px; overflow:hidden; }
/* Footer
-----------------------------------------------------------------------------*/
.footer { width: 1200px; margin: -460px auto 0; height: 460px; background:url(../img/bg-footer.jpg) 0 0 no-repeat;}

/* other */
.float-left {float:left;}
.float-right {float:right;}
.clear {clear:both;}

.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.full { text-align: justify; }

.bold { font-weight: bold; }
.italic { font-style: italic; }
.underline { text-decoration: underline; }
.strike, del { text-decoration: line-through; }

h1 {font-size:24px; margin:12px 0 15px 0;font-weight:normal; color:#085e9e;}
h2 {font-size:22px; margin:17px 0 16px 0;font-weight:normal;  color:#085e9e;}
h3 {font-size:20px; font-weight:normal; margin:4px 0 18px; color:#085e9e;}
h4 {font-size:18px; font-weight:normal; margin:4px 0 13px;  color:#085e9e;}
h5 {margin:0 0 16px;font-weight:bold;  color:#085e9e; font-size:14px;}
h6 {font-size:12px; font-weight:bold; margin:23px 0 13px 0; color:#085e9e;}

a { color:#085e9e}
a:hover { text-decoration:none;}

p {color:#3e3a38; font-size:14px; margin:12px 12px 12px 0; line-height:120%;}

.xx-small {font-size:45% !important;}
.x-small {font-size:65% !important;}
.small {font-size:70% !important;}
.medium {font-size:80% !important;}
.large {font-size:90% !important;}
.x-large {font-size:120% !important;}
.xx-large {font-size:140% !important;}

img.left {float:left; margin:5px 10px 5px 0; }
img.right {float:right; margin:5px 0 5px 10px; }

ul, ol { margin:0 20px 0 17px; padding:0; list-style-position:outside;}

ul li {color:#3e3a38; font-size:14px; margin-bottom:2px;}
ol li {color:#3e3a38; font-size:14px;}


img.left, img.float-left { float: left; margin: 5px 10px 5px 0; }
img.right, img.float-right { float: right; margin: 5px 0 5px 10px; }

:focus { outline:none;}
textarea { resize:none;}

/*frame*/
iframe body { background:none; padding:0;}
#header, .navlinks, #footer{ display:none!important;}

#sberbank-banner {
clear: both;
border-top: 3px solid #A2A2A2;
margin-top: 30px;
padding-top: 10px;
}