body{
font-family:Tahoma;
color:#000000;
font-size:14px;
}
tr{
vertical-align:top;
}
a img{
border:none;
}
/* *** *** */
#header{
height:167px;
background:url(images/header-bg-vstavka.png) repeat-x #fff7eb;
}
#header-left{
background: url(images/header-bg-left.jpg) no-repeat;
height:167px;
position:relative;
}
#slogan{
position:absolute;
top:53px;
left:150px;
color:#0353d0;
}
#slogan a h1{
font-size:16px;
margin:10px 0 0 0;
color:#0353d0;
}
#slogan a{
color:#0353d0;
text-decoration:none;
}
#slogan a:hover{
text-decoration:underline;
}
a.logo-link{
display:block;
position:absolute;
width:110px;
height:85px;
top:53px;
left:25px;
text-decoration:none;
}
#header-right{
background:url(images/header-bg-right.jpg) no-repeat;
float: right;
width: 311px;
height:167px;
}
/* *** *** */
/* *** *** */
/* *** *** */
.body{
margin:30px 0;
}
.leftcol{
width:200px;
}
.midcol{
padding:0 10px;
}
.rightcol{
width:200px;
}
/* LEFT BLOCK */
.left-block{
margin-bottom:20px;
}
.left-title{
text-align:right;
border-bottom: 6px solid #fde4be;
color:#0353d0;
font-weight:bold;
font-size:12px;
}
.left-body{
padding:10px 0 0 15px;
font-size:12px;
}
.left-body p{
margin:2px 0 2px 0;
}
.left-body a{
display:block;
color:#000;
}
.left-body a:hover{
text-decoration:none;
}
.left-body a.active{
color:#0353d0;
font-weight:bold;
text-decoration:none;
}
.demo-block{
width:100%;
height:200px;
background-color:#999;
}
.demo-block-small{
width:100%;
height:50px;
background-color:#999;
}
/* /LEFT BLOCK */
/* RIGHT BLOCK */
.right-block{
margin-bottom:20px;
}
.right-title{
text-align:left;
border-bottom: 6px solid #fde4be;
color:#0353d0;
font-weight:bold;
font-size:12px;
}
.right-body{
padding:10px 15px 0 0 ;
font-size:12px;
}
.right-body p{
margin:2px 0;
}
/* /RIGHT BLOCK */
/* NEWS BLOCK */
.news-block{
margin-bottom:10px;
}
.news-left{
width:20px;
}
.news-date{
color:#5e5c5f;
}
.news-text a{
color:#000;
text-decoration:none;
}
.news-text a:hover{
text-decoration:underline;
}
/* /NEWS BLOCK */
/* ANONS BLOCK */
.anons-block{
margin-bottom:10px;
}
.anons-left{
width:75px;
}
.anons-title{
font-weight:bold;
padding-bottom:3px;
}
.anons-date{
color:#5e5c5f;
}
.anons-text{
padding-left:5px;
}
.anons-text a{
color:#0353d0;
text-decoration:underline;
}
.anons-text a:hover{
text-decoration:none;
}
/* /ANONS BLOCK */
/* ABOUT BLOCK */
.about-block{
margin-bottom:20px;
}
.about-title{
text-align:left;
border-bottom: 6px solid #0353d0;
color:#0353d0;
font-weight:bold;
font-size:12px;
}
.about-body{
padding:10px 0 0 0 ;
font-size:12px;
}
.about-item-block{
margin-bottom:10px;
}
.about-item-left{
width:115px;
}
.about-item-title{
font-weight:bold;
padding-bottom:3px;
}
.about-item-text{
/* */
}
.about-item-text a{
color:#0353d0;
text-decoration:underline;
}
.about-item-text a:hover{
text-decoration:none;
}
/* /ABOUT BLOCK */
.title{
color:#0353d0;
}
.title a{
color:#0353d0;
text-decoration:none;
}
.title a:hover{
text-decoration:underline;
}
.razdel-block{
background-color:#f8f6f2;
border-top: 4px solid #ede9df;
border-bottom: 4px solid #ede9df;
padding:10px;
margin:15px 0;
}
.razdel-block .title a:active, .razdel-block .title a:focus{
outline: none;
}
.razdel-block .title a img{
border: 4px solid #ede9df;
outline: none;
}
.razdel-block .title a:hover img{
border: 4px solid #fde4be;
}
.pad-top{
padding-top:10px;
}
.pad-bottom{
padding-bottom:10px;
}
.pad-left{
padding-left:10px;
}
.pad-right{
padding-right:10px;
}
.border-light-right{
border-right:1px solid #ffffff;
}
.border-light-left{
border-left:1px solid #ffffff;
}
.border-light-top{
border-top:1px solid #ffffff;
}
.border-light-bottom{
border-bottom:1px solid #ffffff;
}
.border-dark-right{
border-right:1px solid #ede9df;
}
.border-dark-left{
border-left:1px solid #ede9df;
}
.border-dark-top{
border-top:1px solid #ede9df;
}
.border-dark-bottom{
border-bottom:1px solid #ede9df;
}
.align-right{
text-align:right;
}
.float-left{
float:left;
margin:0 10px 10px 0;
}
#footer{
border-top:4px solid #ede9df;
background-color:#f8f6f2;
}
.footer-wrapper{
padding:10px 15px;
font-size:11px;
}
/* *** *** */
/* default */
body{
margin: 0;
padding: 0;
background: #fff;
}
/* min-width ------------------- */
#wrapper{
min-width: 1024px;
}
/* stick footer ------------------- */
html,
body {
height: 100%;
}
#wrapper {
position: relative;
min-height: 100%;
}
#content-wrapper {
margin-bottom: 65px;
}
#footer {
position: relative;
margin: -65px 0 0;
clear: both;
height: 65px;
}
/* clear floats ------------------- */
.hasFloat:after {
content: "";
display: block;
clear: both;
}