﻿body { 
background-color: #b8e1f5;
color:#555; 
font-family:Arial, Tahoma, sans-serif; 
font-size:small; 
min-width: 240px; 
max-width: 480px; 
padding-top: 1%; 
margin:0 auto; } 

a:active { 
color:#660; 
text-decoration:underline; } 

a:hover { 
color:red; 
text-decoration:underline;}  

a:link,a:visited { 
color:#444; 
text-decoration:none;}

img {
vertical-align: middle;}

.telo { 
background: url(images/telo.gif) #70c3e9;
font-weight:400; 
padding-top: 3%;
padding-left: 2%;
padding-right: 2%;
padding-bottom: 3%; }

.logo { 
background: url(images/logo.gif) #3693d1 repeat-x top;
border-radius: 6px 6px 0px 0px; 
border-bottom: 1px solid #5394d0 ;
  }


/* menu */


.mmenu { 
list-style-type:none; 
position:relative; 
background:#fff; 
padding:0;} 

.mmenu li { 
border-left: 1px solid #9adae5;
border-right: 1px solid #9adae5;} 

 .mmenu li a { 
 -webkit-transition: all 0.3s ease; 
 -moz-transition: all 0.3s ease; 
 -o-transition: all 0.3s ease; 
 -ms-transition: all 0.3s ease; 
 transition: all 0.3s ease;
text-shadow:0px 1px #fff; 
border-bottom:1px solid #e8e9e6; 
display:block; 
border-left:1px solid #e8e9e6; 
border-right:1px solid #e8e9e6; 
color:#51524e; 
text-decoration:none; 
background-color: #fff;
padding-left:10px; 
padding-top:10px;
padding-bottom:10px;
padding-right:10px;} 


.mmenu li a:hover { 
padding-left: 11px;
color:#85c7d8;
background:  #f1fcfd;} 

.mli { 
background: url(images/menu.gif) #f8f2bd repeat-x top;
border-radius: 4px 4px 4px 4px; 
border: 1px solid #9adae5;
margin-left:5px; 
font-size:12px; 
margin-top:-6px; 
float:right; 
color: #d6cb6a; 
text-shadow:0px 1px #fff; 
padding:5px 10px;} 

.mli1 { 
background: url(images/menu.gif) #f8f2bd repeat-x top;
border-radius: 4px 4px 4px 4px; 
border: 1px solid #eae08b;
margin-left:5px; 
font-size:12px; 
margin-top:-6px; 
float:right; 
color: #d6cb6a; 
text-shadow:0px 1px #fff; 
padding:5px 10px;} 

.mmenu span.mli1 a { 
background:none; 
border:none; 
display:inline!important; 
color:#ff5400; 
padding:1px;}

.mli2 { 
background: url(images/menu.gif) #fcd8f5 repeat-x top;
border-radius: 4px 4px 4px 4px; 
border: 1px solid #e4a6d8;
margin-left:5px; 
font-size:12px; 
margin-top:-6px; 
float:right; 
color: #e4a6d8; 
text-shadow:0px 1px #fff; 
padding:5px 5px;} 

.mmenu span.mli2 a { 
background:none; 
border:none; 
display:inline!important; 
color:#ff5400; 
padding:1px;}

.mmenu span.mli a { 
background:none; 
border:none; 
display:inline!important; 
color:#ff5400; 
padding:1px;} 
  
ul { 
padding-left:20px; 
list-style:none; 
margin:0;} 

.menu { 
background: url(images/menu.gif) #d2effb repeat-x top;
text-shadow:0px 1px #fff; 
color: #6cc8d9;
border-radius: 4px 4px 0px 0px; 
padding: 10px;  
font-weight: bold; 
border: 1px solid #9adae5;  } 

.menu a:link ,.phdr a:visited { 
text-shadow:0px 1px #3f0a41; 
font-weight: bold; 
color: #ffffff; } 

.menuniz { 
border-radius:  0px 0px 4px 4px; 
background: url(images/menu.gif) #d2effb repeat-x top;
padding: 10px; 
color: #6cc8d9; 
font-weight: bold; 
border-left:1px solid #9adae5; 
border-right:1px solid #9adae5;
text-shadow:0px 1px #fff; }

/* menu2 */

.menu2 { 
background: url(images/menu2.gif) #daeba7 repeat-x top;
text-shadow:0px 1px #fff; 
color: #9ab253; 
border: 1px solid #c0d18d; 
border-radius: 4px 4px 0px 0px; 
padding: 10px; 
font-weight: bold; 
margin-top: 4px; } 

.menu2 a:link  { 
text-shadow:0px 1px #3f0a41; 
font-weight: bold; 
color: #ffffff; } 

.menu2niz { 
border-radius:  0px 0px 4px 4px; 
background: url(images/menu2.gif) #daeba7 repeat-x top;
padding: 10px; 
color: #9ab253; 
font-weight: bold; 
border: 1px solid #c0d18d; 
text-shadow:0px 1px #fff; }

.forlink {
border-left:1px solid #c0d18d; 
border-right:1px solid #c0d18d; 
color: #7b94b7;
background: #fff url() no-repeat right;
border-bottom: 1px solid #e1e7ed;}

.forlink a {color: #7b94b7;
text-decoration: none;}

.forlink:hover {
color: #7b94b7;
background: #f5f7f9 url() no-repeat right;}

a.links {
display: block;
padding: 8px;
color: #7b94b7;
text-decoration: none;}

/* niz */

.niz {
border-radius:  0px 0px 6px 6px; 
background: url(images/niz.gif) #009fff repeat-x ;
color: #ffffff;   
font: 12px Tahoma; 
text-align:center; 
text-decoration: none;
padding: 10px;   }

.niz a{ 
background: url(images/menu.gif) #d2effb repeat-x top; 
color:#0099ff; 
text-align:center; 
display: inline-block; 
border-radius:  6px 6px 6px 6px;
padding: 6px;
font-weight: bold;
 } 
 
 
/* vhod */

.info {
	background: url('images/info.gif') repeat-x top #70c3e9;
	color: #627b95;
	padding: 10px 4px 0px 4px;
	text-align: center;
	
	 }
 
a.topr {
	background: url(images/menuv.gif) #d2effb repeat-x top;
        text-shadow:0px 1px #fff; 
        color: #4aa3b4;
	padding: 10px;
	display: inline-block;
	border-radius: 9px;
	font-size: 15px;
	border: 1px solid #9adae5; 
        width: 43%; }

.topr:hover {
	background: url(images/menu.gif) #d2effb repeat-x top;
        text-shadow:0px 1px #fff; 
        color: #6cc8d9;
	padding: 10px;
	display: inline-block;
	border-radius: 9px;
	font-size: 15px;
	border: 1px solid #9adae5; 
        width: 43%; }
 
.topr img , .katr img {
	vertical-align: middle;
	margin-right: 3px; }
 
a.katr {
	padding: 10px;
	display: inline-block;
	border-radius: 9px;
	background: url(images/menuh2.gif) #daeba7 repeat-x top;
        text-shadow: 0px  1px  #fff; 
        color: #7b9333; 
        border: 1px solid #c0d18d;
	font-size: 15px;
	width: 43%; }

.katr:hover {
	padding: 10px;
	display: inline-block;
	border-radius: 9px;
	background: url(images/menu2.gif) #daeba7 repeat-x top;
        text-shadow:0px 1px #fff; 
        color: #9ab253; 
        border: 1px solid #c0d18d;
	font-size: 15px;
	width: 43%; }

/* Edit by MefiS
http://dizmo.lark.ru */