/* #22518A color*/

body{	
	margin: 0;	
	background-color: #EBE7E0;
}
 
 p.dline {
    text-align: justify; 
    line-height: 1.2;
    text-indent: 0; 
    padding-left: 10px;
   }

 p.razrab {
    text-indent: 0; 
    text-align: center; 
    font-size: 240%; 
    font-weight: 600; 
      }

/* ********************************************************************************************************************* */
#maket{	
	width: 79%;	
	margin:0 auto;	
	
}

#headerBox{	
	height: 200px;
	background-image: url(images/SHAPKA3_3.png);
	background-repeat:no-repeat;
	background-size: cover; 		
	
}

#idea{
    margin-top:3px;
    color: white;
}

a .Logo{
	width:50px;
	height:50px;
	float: right;	
	margin-right: 50px;	
	margin-top:18px;
}

img.Razrabotka{
	width:93%; 
	height:100%; 
	text-align: center;
	margin-left: 3%;
}

/* ********************************************************************************************************************* */
.menu-wrapper {   
 	width: 100%;    
 	display: table;    
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;    
	border-radius: 2px;	
 	margin-top: 3px;
 }
 
 .menu {    
 	display: table-row;
 }
 
 .menu li {    
 	display: table-cell;    
 	float: none;	
 	/*border-top-right-radius: 5px;*/
 }
 
 .menu li a {    
	display: block;    
	padding: 8px 15px;    
	background: #22518A;    
	font-family: Tahoma;    
	font-size: 12px;    
	color: #fff;   
	text-decoration: none;    
	text-align: center;    
	text-transform: uppercase;		
}

.menu li a:hover {   
 	background: #528CBF;    
	transition: all 0.3s ease;    
	-webkit-transition: all 0.3s ease;    
	-moz-transition: all 0.3s ease;    
	-o-transition: all 0.3s ease;
}

/* **************** задник вкладок меню при переходе на страницу **************************** */

.menu li a.back {
          background: #528CBF;
}

/* ******************************************** */

#content{	
	margin-top: 7px;	
	border: 1px solid #22518A;	
/*	height:600px;	*/
/*	overflow: auto;   */
	padding-bottom: 5px;
	min-height: 600px; 
}

#left_content{
	width:19%;	
	float:left;		
	margin-left: 5px;	
	margin-top: 5px;
	height:600px;
}

#Rolik{			/* �������� ������ �� �������� � ����������*/
	width:98%;	
	float:left;		 
	margin-top: 5px;
	
	border-width:2px;
	border-style:solid;
	border-color: #22518A;
}

#Rolik1{			/* �������� ������ �� �������� index*/
	width:30%;	
	float:left;
	margin-right: 15px; 		 
	
	border-width:2px;
	border-style:solid;
	border-color: #22518A;
}



#calendar{	
	background-color: white;
}



#Online{
	margin-top: 10px;   			
	background-color: white; 
        
/*        border: 1px solid #22518A;  */
	height: 40px;
	width: 0 auto;
	
/*	border-top-right-radius: 20px;  */
	border-top-left-radius: 20px;
	border-bottom-right-radius: 20px;
/*	border-bottom-left-radius: 20px;  */
/*	box-shadow: 0 0 5px 0.3px #22518A;*/
	text-align: center;

	
}


#OnlineA{
	margin-top: 5px;
	background-color: white;
	height: 40px;
	width: 0 auto;
	border-top-left-radius: 20px;
	border-bottom-right-radius: 20px;
	text-align: center;
	

}

p.nozakaz{
	margin-top: 0em;
	padding-top: 10px;


}

p.zakaz{
	color: #22518A;
	/*font-weight: bold;*/
	line-height: 0.3; 
	font-size: 17px;
	/* font-style: oblique; */    
	text-align: center;
	padding-top: 16px;
}



#News{	
	width:79%;	
	float:right;	
	background-color: white;		
	margin-right: 5px;	
	margin-top: 5px;	
	margin-bottom: 5px;	
	min-height: 593px;
	height:600px;
	overflow: auto;
}

#Fon{

 background-image: url(images/box.jpg);
	width:99%;
	height:100%;
	background-repeat: repeat;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
//margin-top: 60px;

}

.Tabname{
	background: #ffcc00;
	font-size: 20px;
	
}



   hr {
    color: #22518A; 
    background-color: #22518A; 
    margin-top: 20px;
   }
  
.data{			
    float: right;
    font-size: 13px;
/*  background-color: #22518A; */
/*    background: linear-gradient(to left, #22518A, white);*/
    color: #22518A;
}

H2.Nzagolovok{
	color: #22518A;
}

a.trebavtor{
		color: #22518A;
		text-decoration: none; 
}

a:hover
   {
   text-decoration: underline
   }

img.Shu{
    padding-right: 10px;
    width:130px;
    height:185px;
    float: left;
}

img.Doce{
    padding-right: 10px;
    width:130px;
    height:160px;
    float: left;
}


img.Elka{
    padding-right: 10px;
    width:170px;
    height:240px;
    float: left;
}

img.Polenok{
    padding-right: 10px;
    width:235px;
    height:190px;
    float: left;
}

img.Filippov{
    padding-right: 10px;
    width:190px;
    height:260px;
    float: left;
}


.Text{	
	margin:0px;	
	text-align: justify; 
	margin-right: 30px;
	margin-left: 20px;
}

#Twork{					
	margin:0 auto; 
	margin-top: 20px;
	border: 1px solid #22518A;	
	height:100%;
	width: 0 auto;	
	max-width: 390px; 
	border-top-right-radius: 20px;
	border-top-left-radius: 20px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
	/* text-align: center; */
	padding-bottom: 20px;
	box-shadow: 0 0 5px 0.3px #22518A;
}

#TworkY{					
	margin:0 auto; 
	margin-top: 20px;
	border: 1px solid #22518A;	
	height: 432px;
	width: 610px;	
	border-top-right-radius: 20px;
	border-top-left-radius: 20px;
/*	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;  */
	/* text-align: center; */
	margin-bottom: 10px;
	box-shadow: 0 0 5px 0.3px #22518A;
}


    p.twork{
	color: #22518A;
	font-weight: bold;	
	line-height: 0.3;		 
	font-size: 23px;
	font-style: oblique;
}

    p.adress{
	margin-left: 10px;
	margin-bottom: 0px;
}
    p.title{
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1; 
}

    p.name{
	text-indent: 0; 
	text-align: center;
	font-weight: bold;
    }
    
    p.punkt{
	text-indent: 30px; 
	font-weight: bold;
	    }

    p.unpunkt{
	text-indent: 30px; 
	margin-bottom: 0em;
    }
    p.str{
	text-indent: 30px; 
    	margin-top: 0em;  
    	margin-bottom: 0em;  	
        }

/* ********************************************************************************************************** */
.topbutton {
height: 21px;
width:22px;
border:2px solid #ccc;
/*background:#22518A;*/
background-color: rgba(82, 140, 191, 0.2);
text-align:center;
padding-top:3px;
position:fixed;
bottom:  30%;   /*310px;*/
right:   11.9%;      /* 165px;*/
cursor:pointer;
color:#333;
font-family:verdana;
font-size:11px;
border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
-khtml-border-radius: 30px;
}

#toTop {
width:100px;
border:1px solid #ccc;
background:#f7f7f7;
text-align:center;
padding:5px;
position:fixed;
bottom:10px; 
right:10px;
cursor:pointer;
display:none;
color:#333;
font-family:verdana;
font-size:11px;
}



#footer {     
	width: 79%;	
	margin:0 auto;	
	height: 70px;	
	margin-bottom: 5px;
	background-color: #22518A;	
	margin-top: 5px;	
	/* border-bottom-left-radius: 5px; */	
	/* border-bottom-right-radius: 5px;  */	
	font-family: Tahoma;    
	font-size: 12px;	
	float:both;
}

.CopyT {	
	color: white;	
	float: left;	
	margin-left: 1%;
	margin-top: 3px;
}

.CopyC{	
	color: white;	
	float: right;	
	margin-right: 10px;
	margin-top: 3px;
	vertical-align: middle;
	
}