/* Reset css */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, audio, canvas, details, figcaption,
figure, footer, header, hgroup, mark, menu, meter, nav,
output, progress, section, summary, time, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
nav ul { list-style: none; }
ol { list-style: decimal; }
ul { list-style: disc; }
ul ul { list-style: circle; }
table { border-collapse: collapse; border-spacing: 0; }
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
.clear { clear: both; }
/* Main style */
html, body {
width: 100%;
min-height: 100%;
}
body {
width: 100%;
height: 100%;
background: #ffffff;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 21px;
background-image: url('/images/f1.jpg');
background-repeat: repeat-x;
}
p { margin: 12px 0; }
a:link, a:visited { color: #00619e; text-decoration: underline; }
a:hover, a:active { color: #A7A4A3; }
#main{
width: 100%;
height: 100%;
background-image: url('/images/top.png');
background-repeat:no-repeat;
background-position:center top;
}
h1 {
font-size:22px;
color:#00619e;
}
h2 {
font-size:18px;
color:#00619e;
}
#header{
height:248px;
position:relative;
width:1000px;
margin:0 auto;
}
#logo{
position:absolute;
width:147px;
height:167px;
top:7px;
left:426px;
overflow:hidden;
}
#logo h2{
margin-top:200px;
}
#phone {
position:absolute;
top:7px;
right:60px;
width:300px;
height:30px;
font-size:22px;
font-weight:bold;
color:#082ca1;
text-align:right;
text-shadow: 1px 1px 2px #eaecf1; }
#phone span {
font-size:14px;
}
#header #menu {
left: 80px; top: 195px; width: 800px; height: 30px; position:absolute;
overflow:hidden;
}
#header #menu a{
color:#ffffff;
font-size:14px;
text-transform:uppercase;
text-decoration:none;
font-weight:bold;
text-shadow: 1px 1px 2px #050f26;
}
#header #menu a:hover{
color:#A7A4A3;
}
#header #menu table{
width:auto;
margin:0 auto;
}
#header #menu table td.line{
width:15px;
background-image:url('/images/f2.png');
background-repeat:no-repeat;
background-position: 7px top;
}
#content {
min-height:440px;
position:relative;
width:1000px;
margin:0 auto;
}
#content #list{
width:980px;
margin:10px 10px;
}
#content #list .item {
width:300px;
height:250px;
float:left;
margin:0 10px 0 15px;
}
#content #list .item .title {
width:100%;
text-align:center;
}
#content #list .item .title a {
font-size:16px;
text-decoration:none;
font-weight:bold;
color:#2348A1;
}
#content #list .item .img {
width:110px;
margin:0 auto;
}
#content #list .item .f {
width:100%;
text-align:center;
}
#content #list .item .f ul {
list-style:none;
font-size:12px;
}
#content #list .item .f ul li a{
text-decoration:none;
border-bottom: 1px #00619e dotted;
}
#content #list .item .f ul li a:hover{
text-decoration:none;
border-bottom: 1px #A7A4A3 dotted;
}
#content .it {
margin:0 80px 0 10px;
font-size:18px;
font-weight:bold;
color:#2348A1;
float:left;
padding: 20px 0 0 75px;
height:50px;
width:125px;
}
#content .it.it1{
background-image:url('/images/ok.jpg');
background-repeat:no-repeat;
background-position:left top;
}
#content .it.it2{
background-image:url('/images/fee.jpg');
background-repeat:no-repeat;
background-position:left top;
}
#content .it.it3{
background-image:url('/images/24.jpg');
background-repeat:no-repeat;
background-position:left top;
margin:0 0 0 10px;
}
div.text{
width:800px;
margin-left:100px;
}
div.text2{
width:800px;
margin-left:100px;
min-height:440px;
}
div.text1{
width:800px;
margin-left:130px;
}
#footer {
height:100px;
position:relative;
width:1000px;
margin:0 auto;
font-size:12px;
color:#A7A4A3;
}
#footer a {
text-decoration:none;
color:#A7A4A3;
}
#content .tbl {
width: 800px;
border: 4px double #0F44F3; /* Рамка вокруг таблицы */
border-collapse: collapse;
padding:7px;
margin-top:15px;
}
#content .tbl td{
border: 1px solid #0F44F3; /* Рамка вокруг таблицы */
border-collapse: collapse;
padding:7px;
}
#content .tbl td.tt{
background-color:#082CA1;
color:#ffffff;
}
#content .tbl td.pr{
width: 150px;
}
ul.dop_menu li {
margin-left:15px;
}
@media screen and (max-width: 1023px) {
#header {
width:100%;
}
#content {
width:100%;
}
#footer {
width:100%;
}
#logo{
position:relative;
left: auto;
margin: 0 auto;
}
#header #menu {
left: 0;
top: 30px;
width: 100%;
height: 30px;
position: relative;
overflow: hidden;
}
#phone {
position: absolute;
top: 7px;
right: 60px;
width: 200px;
height: 60px;
font-size: 22px;
font-weight: bold;
color: #082ca1;
text-align: right;
text-shadow: 1px 1px 2px #eaecf1;
}
#content #list {
width: 90%;
text-align: center;
}
#content #list .item {
width: 300px;
height: 250px;
float: none;
margin: 0 10px 0 15px;
display: inline-block;
}
div.text {
width: 90%;
margin-left: 20px;
}
div.text1 {
width: 90%;
margin-left: 20px;
text-align: center;
}
#content .it {
margin: 0 80px 0 10px;
font-size: 18px;
font-weight: bold;
color: #2348A1;
float: none;
padding: 20px 0 0 75px;
height: 50px;
width: 125px;
display:inline-block;
}
div.text2 {
width: 90%;
margin-left: 20px;
min-height: 440px;
}
#content .tbl {
width: 100%;
border: 4px double #0F44F3;
border-collapse: collapse;
padding: 7px;
margin-top: 15px;
}
}
@media screen and (max-width: 600px) {
#phone {
background: #fff;
opacity: 0.7;
filter: alpha(Opacity=70);
}
#header #menu a {
font-size: 12px;
font-weight: normal;
}
#header #menu table td.line:last-child{
display:none;
}
#content .it.it3{
margin-left:-50px;
}
#phone {
right:0;
width: 100%;
}
.soz {
float: left;
margin-top: -10px;
}
#menu table{
background: #082ca1;
}
#menu table tr td{
display: inline-block;
margin: 0 0 0 5px;
}
#header #menu {
height: auto;
}
}