html, body {
height:100%;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing: border-box;
background-color:white;
color: black;
margin:0;}

body {width:100%; padding:0 10px;}

header {width:100%;}

.top {
width:100%;
height:90px;
margin:10px;
background-color:rgb(102, 102, 102);
color:rgb(204, 204, 204);
font-family:Arial Black,sans-serif;
font-size:32px;
text-align:center;
text-decoration:none;
text-shadow: -1px -1px white, 1px 1px #333;
word-spacing:0.7em;
}

.top ul {list-style:none; line-height:0;}
.top ul li {display:inline; line-height:0;}
.top ul li::after {content:" | ";}
.top ul li:last-child::after {content:"";}
.top a {color:rgb(204, 204, 204);}
.top a:hover {color:white; text-decoration:underline; text-underline:single;}
.top a:visited {color:rgb(204, 204, 204); text-decoration:none;}

.logo {
width:310px;
height:100px;
margin:10px;
background-color:#;
background:url(images/Gran_1.jpg);
float:left;
}

nav {}

article {}

	article ol, article ul, article li{color: black; font-family:Arial, Verdana, Helvetica, sans-serif; text-align:justify;}

section {}

aside {}

footer {}

figure {}

table {/* Таблицы */
padding:2px;
border-collapse:collapse;
text-align:center;
align:center;
}

h1, h2, h3, h4, h5, h6 {
margin:0em 5em;
padding:0,5em;
text-align:center;
font-weight:900;
font-family:Arial,sans-serif;
color:#000080;
page-break-after:avoid;
}

h1 {font-size:24px;}

h2 {font-size:20px;}

h3 {font-size:18px;}

h4 {font-size:16px;}

h5 {font-size:14px;}

h6 {font-size:12px;}

img {border:0;}

img.button {width:114px; height:70px;}
img.2ar {width:23px; height:22px;}
img.ban8831 {width:88px; height:31px;}
img.ban3131 {width:31px; height:31px;}
img.ban8831b {border:1px gray solid; width:88px; height:31px;}

.menuL {
height:30px;
border:2px solid white;
padding:2px;
background-color:rgb(204, 255, 255);
color:rgb(153, 153, 255);
font-family:Helvetica,Arial,sans-serif;
font-size:16px;
font-weight:900;
text-indent:5px; 
text-align:left;
}

	.menuL a{text-decoration:none; color:rgb(153, 153, 255);}

.top1 {
vertical-align:top;
text-align:center;
color:rgb(102, 0, 204);
font-family:Arial Black,sans-serif;
text-transform:uppercase;
word-spacing:0.5em;
}

.top2 {
text-align:center;
background-color:rgb(102, 0, 204);
color:rgb(255, 255, 255);
font-family:Arial Black,sans-serif;
font-style:italic;
word-spacing:0.5em;
}

.top3 {
background-color:rgb(204, 255, 255);
color:rgb(102, 0, 204);
text-align:right;
text-transform:uppercase;
font-family:Helvetica,Arial,sans-serif;
font-weight:900;
padding-right:0.5em;
}

.top4 {
border-top:6px solid white;
border-bottom:2px solid white;
background-color:rgb(153, 153, 153);
color:rgb(255, 255, 255);
text-align:right;
text-transform:uppercase;
font-family:Arial Black,sans-serif;
word-spacing:0.4em;
padding-right:0.5em;
}

.ann {font-size:11px; padding:15px 0 0 30px;}

.content {font-size:16px; padding:20px 10px 20px 30px;}

.list {list-style:none; margin:0.5em 0; padding:0;text-indent:1.5em;}

	.list li {display:inline; margin-right:4px;}

.gran {font-family:Times,serif; font-weight:900; font-style:italic;}

.search {
border-top:10px solid white;
padding:2px 2px 10px 2px;
/* background-color:rgb(204, 255, 255); */
vertical-align:bottom;
}

.bottom {
background-color:rgb(102, 0, 204);
color:white;
text-align:right;
text-decoration:none;
text-transform:uppercase;
font-size:14px;
font-family:Arial,sans-serif;
padding-right:0.5em;
word-spacing:1em;
}

.bottom ul {list-style:none;}
.bottom ul li {display:inline;}
.bottom a {color:white;}
.bottom a:hover {color:white; text-decoration:underline; text-underline:single;}
.bottom a:visited {color:white; text-decoration:none;}

.copy {
background-color:rgb(204, 255, 255);
color:rgb(153, 153, 255);
font-family:Arial Black,sans-serif;
font-size:16px;
font-weight:900;
text-align:center;
word-spacing:1em;
}

	.copy a {text-decoration:none; color:rgb(153, 153, 255);}

.tel {
color:rgb(102, 0, 204);
text-align:right;
font-family:Arial Black,sans-serif;
font-size:16px;
vertical-align:top;
word-spacing:1em;
}

.telN {font-size:24px;}

.ArB24i {
font-family:Arial Black,sans-serif;
font-size:24px;
font-style:italic;
}

.Arial {font-family:Arial, Verdana, Helvetica, sans-serif;}

.Caption {/* Заголовок таблицы */
text-align:center;
font-size:16px;
font-weight:900;
letter-spacing:3px;
margin-bottom:12px;
}

p {/* Параграф */
margin:0.5em 0;
font-size:12 px; 
color:black; 
font-family:Arial, Verdana, Helvetica, sans-serif;
text-align:justify;
text-indent:1.5em;
align:justify;
}

td {
font-size:12 px; 
color:black; 
font-family:Arial, Verdana, Helvetica, sans-serif;
}

tr.h2 {height:2px;}

tr.h6 {height:6px;}

tr.h10 {height:10px;}

ol {/* Нумерованный список */
list-style:decimal inside;
}

ul {/* Ненумерованный список */
list-style:square inside;
}