* {
margin: 0;
padding: 0;
}
html {
min-height: 100%;
}
header, nav, section, article, aside, footer {
display: block;
}
body {
font: 12px/18px Arial, Tahoma, Verdana, sans-serif;
width: 100%;
min-height: 100%;
background:#fff url(../images/head-bg.jpg) top center no-repeat fixed;
color:#030303;
}
a {
color: #29166f;
outline: none;
text-decoration: underline;
}
a:hover {
text-decoration: none;
}
h1{font:20px Arial, Helvetica, sans-serif; color:#1c71a5; margin-bottom:15px;}
h2{font:18px Arial, Helvetica, sans-serif; color:#1c71a5; margin-bottom:15px;}
h3{font:18px Arial, Helvetica, sans-serif; color:#1c71a5; margin-bottom:15px;}
h4{font:17px Arial, Helvetica, sans-serif; color:#1c71a5; margin-bottom:10px;}
h5{font:16px Arial, Helvetica, sans-serif; color:#1c71a5; margin-bottom:10px;}
h6{font:15px Arial, Helvetica, sans-serif; color:#1c71a5; margin-bottom:10px;}
p {
margin: 0 0 18px
}
img {
border: none;
}
input {
vertical-align: middle;
}
#wrapper {
width: 979px;
margin: 0 auto;
min-height: 100%;
height: auto !important;
height: 100%;
}
div{position:relative;}
/* Header
-----------------------------------------------------------------------------*/
#header {
height: 250px;
position:relative;
/*background: url(../images/heder.png) no-repeat;*/
}
.head-bg{width:100%; height:27px; position:absolute; top:0; left:0; background:#fe7701 url(../images/head-top-bg.png) center top no-repeat; font:15px/24px "Myriad pro", Tahoma, Geneva, sans-serif; color:#fff;}
.head-bg span{ display:block; margin-left:200px;}
.logo{font:26px Tahoma, Geneva, sans-serif; color:#29166f; text-decoration:none; position:absolute; top:74px; left:15px; display:block;background: url(../images/logo.png) left center no-repeat; /*padding:30px 0 0 119px; */height:92px; width:375px;}
.logo span{display:block; font:18px Arial, Helvetica, sans-serif; color:#d40e0f; text-indent:-100000px;}
.top-menu{list-style:none; position:absolute; bottom:0; left:16px; height:55px; overflow:hidden; padding:2px 2px 0; overflow:hidden;}
.top-menu li{/*display: inline-block;*/ float:left; margin-left:8px; /*width:158px; height:55px;*/ /*border-left:1px solid #444; border-top:1px solid #444; border-right:1px solid #444; border-radius:10px 10px 0 0; box-shadow:0 0 2px #888888;*/}
.top-menu li:first-child{margin-left:0;}
/*Если нужно выроовнять по серидине буквы то раскоментировать и использовать этот вариант*/
/*.top-menu li a{display:table-cell;width:182px; height:59px; vertical-align:middle; text-align:center; font: bold 16px/32px Arial, Helvetica, sans-serif; color:#452b01; text-decoration:none; background: url(../images/menu-bg.png) center top no-repeat;}
.top-menu li a.active{display:table-cell; width:182px; height:59px; vertical-align:middle; text-align:center; font: bold 16px Arial, Helvetica, sans-serif; color:#000; text-decoration:none; background: url(../images/menu-bg.png) center -60px no-repeat;}*/
/*
.top-menu li a{display:block; width:182px; height:59px; vertical-align:middle; text-align:center; font: bold 16px/32px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; background: url(../images/menu-bg.png) center top no-repeat;}
.top-menu li a.active{display:block; width:182px; height:59px; vertical-align:middle; text-align:center; font: bold 16px Arial, Helvetica, sans-serif; color:#000; text-decoration:none; background: url(../images/menu-bg.png) center -60px no-repeat;}*/
.top-menu li a:hover{background-position: center -60px; color:#222d80;}
/*Если нужно выроовнять по серидине буквы то раскоментировать и использовать этот вариант*/
.top-menu li a{display:block;width:182px; height:59px; vertical-align:middle; /*text-transform:uppercase;*/ text-align:center; font: 14px/16px Arial, Helvetica, sans-serif; color:#f8fbfd; text-decoration:none; background: url(../images/menu-bg.png) center top no-repeat;}
.top-menu li a.active{color:#0b6297; background: url(../images/menu-bg.png) center -60px no-repeat;}
.top-menu li a span{display: table-cell; vertical-align:middle;/*width:162px*/; height:55px; /*vertical-align:middle;*/ text-align:center; padding:0 5px; width:172px;}
/*
.top-menu li a{display:block; width:182px; height:59px; vertical-align:middle; text-align:center; font: bold 16px/32px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; background: url(../images/menu-bg.png) center top no-repeat;}
.top-menu li a.active{display:block; width:182px; height:59px; vertical-align:middle; text-align:center; font: bold 16px Arial, Helvetica, sans-serif; color:#000; text-decoration:none; background: url(../images/menu-bg.png) center -60px no-repeat;}*/
.top-menu li a:hover{background-position: center -60px; color:#0b6297;}
/* Middle
-----------------------------------------------------------------------------*/
#content {
padding: 0 0 71px;
}
.content{padding:20px; border-radius:10px; box-shadow:0 0 5px #888888; margin-bottom:20px; background:#fff; overflow:hidden;}
.text{display:table-cell; width:744px;}
.bar{width:175px; display:table-cell; padding-left:20px;}
p.phone{font:20px Arial, Helvetica, sans-serif; color:#010101; background: url(../images/tel.png) 0 5px no-repeat; padding-left:20px;}
p.phone a{font:13px Arial, Helvetica, sans-serif; color:#424242 !important;}
/****картинка телефона****/
/*
p.phone span{font-size:12px; background: url(../images/phone.png) left center no-repeat; padding-left:13px;}
*/
.address{font:13px Arial, Helvetica, sans-serif; color:#000; background: url(../images/address.png) 0 5px no-repeat; padding-left:20px;}
.send{display:block; width:172px; height:42px; background: url(../images/send.png) 0 0 no-repeat; margin:0;}
.send:hover{ background-position:1px 1px;}
.email a{font:13px Arial, Helvetica, sans-serif; color:#000;}
/* Footer
-----------------------------------------------------------------------------*/
#footer {
/*width: 840px;*/
margin: -71px auto 0;
height: 71px;
position: relative;
/*background:#666565;*/
}
.footer-center{width:979px; margin:0 auto; height:71px;}
.copy{position:absolute; top:30px; left:0px; font:11px Tahoma, Geneva, sans-serif; color:#fff;}
.head-img{width:564px; height:152px; position:absolute; top:27px; left:400px; background: url(../images/head-img.png) no-repeat;}
.site-path{position:absolute; top:5px; right:17px; font:11px Arial, Helvetica, sans-serif; color:#fff;}
.am{position:absolute; top:20px; right:36px; font:10px Tahoma, Geneva, sans-serif; color:#7ba4ba; width:77px; padding:7px 0 0 22px; background:url(../images/am.png) no-repeat; display:block; text-decoration:none;}
.am:hover{text-decoration:underline;}
.top-phone{
color: #1c71a5; /* text color */
font-family: "PT Sans", sans-serif;
font-size: 24px;
position:absolute;
top:82px;
left:730px;
padding-left:52px;
background:url(../images/top-phone.png) 0 50% no-repeat;
}
.top-phone2{
color: #1c71a5; /* text color */
font-family: "PT Sans", sans-serif;
font-size: 24px;
position:absolute;
top:114px;
left:730px;
padding-left:52px;
background:url(../images/top-phone.png) 0 50% no-repeat;
}
.TEXTCONTENT{display:none;}
.inp{width:143px;}
textarea{width:143px; resize:none;}
.counter{position:absolute; top:15px; left:570px;}
.content ul, .content ol{margin-left:15px;}
.rightadsress, .rightadsress a {font:13px Arial, Helvetica, sans-serif; color:#5b6089; display:block;}
.rightadsress{ margin-bottom:10px;}
.bar a{
color:#000;
}
.top-text{
color: #1b71a5; /* text color */
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
position:absolute;
top:10px;
left:15px;
}
/*
@media (min-width: 1px) and (max-width: 984px) {
body{height:auto;}
.head-img, .site-path{display:none;}
#wrapper {
width: 100%;
margin: 0 auto;
height:auto;
min-height: auto !important;
}
#header {
height: auto;
position:relative;
}
.head-bg{display:none;}
.top-address{display:block; position:absolute; top:-63px; left:10px; line-height:28px; color:#fff; width:170px;}
.top-phone{display:block; position:absolute; top:-63px; right:10px;line-height:28px;color:#fff; font-size:16px; font-weight:bold;}
.top-phone span{font-size:12px;}
.logo{display:block; position: relative; top:0; left:0; margin:35px 0 0 10px;}
.top-menu::before {
content: '+ Меню';
}
.top-menu{display:block; position: relative; top:0; left:0; background:#999; height: auto;cursor:pointer; overflow: visible; padding:0; margin-top:27px;}
.top-menu li{display:none; box-shadow:none; width:100%; height:auto; margin-left:0;}
.top-menu li a{display:block; width:100%; height:auto; padding:2px 0 0; background:#fff; font:14px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:left; color:#000}
.top-menu li a span{display:block; width:100%; text-align:left; height:auto; margin:0 10px;}
.top-menu li a.active{display:block; width:100%; height:auto; padding:2px 0 0; background:#fff; font:14px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:left; color:#000}
.top-menu li a:hover{background:#CCC;}
.openned li{display: block !important;}
#content{padding:0;}
.content {box-shadow:none; border-radius:0;}
#footer{width:auto; height:auto; margin:0;}
.footer-center{width:auto;position:relative; margin:0 10px;}
.text{display: block; width: auto;}
.bar{display:none;}
}*/