/* CSS Document */
* {
margin:0;
padding:0;
border:0;
}
a:link {
text-decoration:none;
color:#003399;
}
a:hover {
text-decoration:underline;
color:#0099CC;
}
a:visited {
text-decoration:none;
color:#999999;
}
a:active {
text-decoration:none;
color:#009900;
}
h1 {
font-family:"Times New Roman", Times, serif;
font-size:1.5em;
color:#0099FF;
margin-bottom:20px;
}
h2 {
font-size:1.1em;
color:#0099CC;
}
#conteiner {
width:100%;
min-width:1045px;
height:500px;
background-color:#CCFFFF;
height:auto;
margin:0 auto;
}
#shapka {
width:100%;
height:150px;
background:#FFFFFF url(gradient-d.png) repeat-x 0 -5px;
background-position:bottom;
}
#logo {
width:400px;
height:125px;
float:left;
background-image:url(images/logo.jpg);
}
#gorizont {
width:90%;
height:20px;
float:left;
clear:both;
background-color:##CCFFCC;
display:inline;
}
#nav {
font-size:.9em;
  width:auto;
  padding:0; 
  margin:0 auto; 
  list-style-type:none;
  }
#nav li {
  float:left;
  width:100px;
  border:1px dotted #99CCCC;  
  }
#nav a {
  display:block;
  width:100px;
  color:#000;
  background-color:#C2F6FB; 
  text-align:center; 
  padding:2px 0; 
  text-decoration:none; 
  float:left; 
  }
#nav a:hover {
  color:#fff; 
  background:#87C0E1;
  }
#nav a:visited {
color:grey;
background-color:#FFFFFF;
}
#gorizont ul {
list-style-type:none;
display:inline;
}
#gorizont li {
list-style-type:none;
display:inline;
}
#verhblock {
width: inherit;
height:10px;
background-color:#CCFFFF;
clear:both;
margin:0;
}
#lev {
width:49.5%;
height:auto;
background-color:#CCFFFF;
float:left;
}
#prav {
height:100%;
background-color:#CCFFFF;
float:right;
width:50.5%;
}
#privet {
vertical-align:top;
background-color:#FFFFCC;
border:1px solid #0099CC;
width:495px;
height:auto;
margin-bottom:5px;
margin-top:5px;
padding:5px;
color: #000000;
}
#privet p {
text-decoration:none;
font-size:1em;
}

#menu1 {
width:250px;
height:160px;
float:left;
margin-left:5px;
margin-bottom:10px;
background-color:#CCFFFF;
background:url(gradient-c.png) repeat-x 0 -5px;
border:1px solid white;
}
#menu2 {
width:250px;
height:160px;
background-color:#CCFFFF;
background:url(gradient-c.png) repeat-x 0 -5px;
float:left;
margin-left:5px;
margin-bottom:10px;
border:1px solid white;
}
#article {
width:95%;
height:auto;
background:#FFFFFF url(gradient-d.png) repeat-x 0 -5px;
background-position:bottom;
margin-top:10px;
margin-left:5px;
padding:10px;
clear:both;
border-right:1px solid #00CCFF;
}
#article p {
text-align:justify;
text-decoration:none;
font-size:1.0em;
text-indent:10px;
}
#article ul {
display:block;
list-style-position:inside;
padding-left:3px;
}
#menu3 {
width:250px;
height:180px;
float:left;
margin-right:5px;
background-color:#CCFFFF;
background:url(gradient-c.png) repeat-x 0 -5px;
border:1px solid white;
margin-bottom:10px;
}
#menu4 {
width:250px;
height:180px;
float:left;
margin-right:5px;
background-color:#CCFFFF;
background:url(gradient-c.png) repeat-x 0 -5px;
border:1px solid white;
margin-bottom:10px;
}
#menu5 {
width:250px;
height:180px;
float:left;
margin-right:5px;
background-color:#CCFFFF;
background:url(gradient-c.png) repeat-x 0 -5px;
border:1px solid white;
margin-bottom:10px;
}
#menu6 {
width:250px;
height:180px;
float:left;
margin-right:5px;
background-color:#CCFFFF;
background:url(gradient-c.png) repeat-x 0 -5px;
border:1px solid white;
margin-bottom:10px;
}
#menu7 {
width:250px;
height:180px;
float:left;
margin-right:5px;
background-color:#CCFFFF;
background:url(gradient-c.png) repeat-x 0 -5px;
border:1px solid white;
margin-bottom:10px;
}
#menu8 {
width:250px;
height:180px;
float:left;
margin-right:5px;
background-color:#CCFFFF;
background:url(gradient-c.png) repeat-x 0 -5px;
border:1px solid white;
margin-bottom:10px;
}
#menu9 {
width:300px;
height:180px;
float:left;
clear:right;
background-color:#CCFFFF;
background:url(gradient-c.png) repeat-x 0 -5px;
border:1px solid white;
margin-bottom:10px;
}
#menu10 {
width:245px;
height:180px;
float:left;
background-color:#CCFFFF;
background:url(gradient-c.png) repeat-x 0 -5px;
border:1px solid white;
margin-left:5px;
margin-bottom:10px;
}
#menu11 {
width:245px;
height:180px;
float:left;
background-color:#CCFFFF;
background:url(gradient-c.png) repeat-x 0 -5px;
border:1px solid white;
margin-left:5px;
margin-bottom:10px;
}
#menu12 {
width:245px;
height:180px;
float:left;
background-color:#CCFFFF;
background:url(gradient-c.png) repeat-x 0 -5px;
border:1px solid white;
margin-left:5px;
margin-bottom:10px;
}
#menu13 {
width:245px;
height:180px;
float:left;
background-color:#CCFFFF;
background:url(gradient-c.png) repeat-x 0 -5px;
border:1px solid white;
margin-left:5px;
margin-bottom:10px;
}
#menu14 {
width:245px;
height:180px;
float:left;
background-color:#CCFFFF;
background:url(gradient-c.png) repeat-x 0 -5px;
border:1px solid white;
margin-left:5px;
margin-bottom:10px;
visibility:hidden;
}
#dop {
width:495px;
height:auto;
margin-top:10px;
margin-bottom:10px;
padding:5px;
clear:both;
background-color:#FFFFCC;
border:1px solid white;
}
#dop img {
margin-right:5px;
margin-bottom:5px;
margin-left:5px;
}
#dop h3 {
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:18px;
color:#0099FF;
margin-bottom:5px;
}
#dop p {
margin-bottom:10px;
}
#dop a:hover {
text-decoration:underline;
color:#0099CC;
}

.zag {
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:13px;
color:#FFFFFF;
text-align:center;
margin-bottom:3px;
margin-top:5px;
}
.zag a:link {
text-decoration:none;
color:#FFFFFF;
}
.zag a:hover {
text-decoration:none;
color:#0099CC;
}
.zag a:visited {
text-decoration:none;
color:#FFFFFF;
}
.zag a:active {
text-decoration:none;
color:#009966;
}

.menu {
padding-left:5px;
}
ul.menu {
font-size:0.95em;
list-style-type:none;
text-align:left;
margin-top:4px;
margin-bottom:4px;
}
.menu a:link {
text-decoration:none;
color:#003399;
}
.menu a:hover {
text-decoration:none;
border-bottom:1px dotted #0099CC;
color:#0099CC;
}
.menu a:visited {
text-decoration:none;
color:#999999;
}
.menu a:active {
text-decoration:none;
color:#009900;
}

.pic {
border:1px solid white;
margin-left:2px;
margin-right:5px;
margin-top:11px;
}
#footer {
width:100%;
height:120px;
background:#CCFFFF url(gradient-c.png) repeat-x 0 -5px;
clear:both;
margin-top:20px;
}
/*внутренняя страница*/
#post {
width:49%;
height:auto;
float:left;
margin-left:15px;
padding:5px;
}
#glav {
width:99%;
height:auto;
float:left;
margin-left:5px;
padding:5px;
background:#FFFFFF url(gradient-d.png) repeat-x 0 -5px;
background-position:bottom;
border-right:1px solid #00CCFF;
}
#glav p {
font-size:1em;
line-height:110%;
padding-left:5px;
padding-right:5px;
text-align:justify;
text-indent:15px;
margin-top:10px;
}
#glav ul,ol {
display:block;
list-style-position:inside;
padding-left:3px;
}
.hleb {
font-size:15px;
margin-bottom:10px;
margin-left:10px;
}
.hleb a:hover {
text-decoration:underline;
}


#side-lev {
width:220px;
height:1250px;
float:left;
margin-left:10px;
border:1px solid white;
background-color:#CCFFFF;
background:url(gradient-c.png) repeat-x 0 -5px;
}
#side-lev-2 {
width:220px;
height:1000px;
float:left;
margin-left:30px;
border:1px solid white;
}
#side-prav {
width:180px;
height:900px;
float:left;
margin-left:10px;
padding-left:10px;
background-color:#8EC0E6;
}
.pic-menu {
border:1px solid white;
}
.white {
margin-bottom:5px;
}
#niz {
clear:both;
float:none;
padding-top:15px;
padding-bottom:10px;
}
#drugoe {
background-color:#FFFFCC;
width:100%;
height:auto;
margin-top:10px;
text-align:left;
padding-left:5px;
border:1px solid white;
} 
.frends {
font-size:12px;
font-family:"Times New Roman", Times, serif;
}
.frends a:link {
text-decoration:none;
color:#003399;
}
.frends a:hover {
text-decoration:underline;
color:#0099CC;
}