body {
    background-color:#184368;
    background-image:url("bg.jpg");
    background-repeat:repeat;
    background-position:center top;
    background-attachment:fixed;
//margin-top: 0px;
//margin-right: auto;
//margin-bottom: 0px;
//margin-left: auto;
//background: #FBFAF9;
//display: block;


}

div {
display: block;
}
#podl1 {
margin-top: -50px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
width: 90%;
background: rgba(256,256,256,0.5);
height:120%;
padding-top: -50px;
position:fixed;
margin-left:5%;
transition-duration:1s;
}
#podl1:hover {
background: rgba(256,256,256,0.7);
}
#mdoy_site {

margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
max-width: 970px;
position:relative; 

    
 /*   padding: 5px; */

}
#mdoy_header {
background: url('601.jpg'); background-size: 970px;
//padding-top: 2em;
padding-right: 0px;
//padding-bottom: 1.5em;
padding-left: 0px;
  height: 206px;
-webkit-border-radius:26px; 
-webkit-box-shadow: 3px 3px 4px #969696;   
border-radius:26px;  
box-shadow: 3px 3px 4px #969696;  
}

.button_header {
    
  background-color: #8c9cbf;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8c9cbf), color-stop(50%, #546a9e), color-stop(50%, #36518f), color-stop(100%, #3d5691));
  background-image: -webkit-linear-gradient(top, #8c9cbf 0%, #546a9e 50%, #36518f 50%, #3d5691 100%);
  background-image: -moz-linear-gradient(top, #8c9cbf 0%, #546a9e 50%, #36518f 50%, #3d5691 100%);
  background-image: -ms-linear-gradient(top, #8c9cbf 0%, #546a9e 50%, #36518f 50%, #3d5691 100%);
  background-image: -o-linear-gradient(top, #8c9cbf 0%, #546a9e 50%, #36518f 50%, #3d5691 100%);
  background-image: linear-gradient(top, #8c9cbf 0%, #546a9e 50%, #36518f 50%, #3d5691 100%);
 
 
 //border: 1px solid #172d6e;
 // border-bottom: 1px solid #0e1d45;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: inset 0 1px 0 0 #b1b9cb;
  -moz-box-shadow: inset 0 1px 0 0 #b1b9cb;
  -ms-box-shadow: inset 0 1px 0 0 #b1b9cb;
  -o-box-shadow: inset 0 1px 0 0 #b1b9cb;
  box-shadow: inset 0 1px 0 0 #b1b9cb;
  color: #fff;
  font: bold 16px "helvetica neue", helvetica, arial, sans-serif;
  padding: 6px 0 7px 0;
  text-decoration: none;
  text-align: center;
  text-shadow: 0 -1px 1px #000f4d;
    padding: 6px 0 7px 0;
  text-align: center;
  width: 15%; 
  margin:2.5%;
  margin-top:3px;
  margin-bottom:0%;
  float: left; }
 
 .button_header:hover {
    background-color: #7f8dad;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7f8dad), color-stop(50%, #4a5e8c), color-stop(50%, #2f477d), color-stop(100%, #364c80));
    background-image: -webkit-linear-gradient(top, #7f8dad 0%, #4a5e8c 50%, #2f477d 50%, #364c80 100%);
    background-image: -moz-linear-gradient(top, #7f8dad 0%, #4a5e8c 50%, #2f477d 50%, #364c80 100%);
    background-image: -ms-linear-gradient(top, #7f8dad 0%, #4a5e8c 50%, #2f477d 50%, #364c80 100%);
    background-image: -o-linear-gradient(top, #7f8dad 0%, #4a5e8c 50%, #2f477d 50%, #364c80 100%);
    background-image: linear-gradient(top, #7f8dad 0%, #4a5e8c 50%, #2f477d 50%, #364c80 100%);
    cursor: pointer; }
  
  .button_header:active {
    -webkit-box-shadow: inset 0 0 20px 0 #1d2845, 0 1px 0 white;
    -moz-box-shadow: inset 0 0 20px 0 #1d2845, 0 1px 0 white;
    -ms-box-shadow: inset 0 0 20px 0 #1d2845, 0 1px 0 white;
    -o-box-shadow: inset 0 0 20px 0 #1d2845, 0 1px 0 white;
    box-shadow: inset 0 0 20px 0 #1d2845, 0 1px 0 white;
      }

.button_header:focus {
    outline: none; 
    }


#mdoy_stroka {
	margin: 10px 0px 0px 0px;

  height: 43px;
	background: #e7e7e7;
-webkit-border-radius:10px; 
-webkit-box-shadow: 3px 3px 4px #969696;   
box-shadow: 3px 3px 4px #969696;  
border-radius:10px; 
}

#left_side {
float: left;
width: 250px;
margin: 0px;
padding: 0px;	
}

#right_side {
float: left;
width: 720px;
margin: 0px;
padding: 0px;	
}
	
.bg {
	margin: 10px 10px 20px 0px;
	padding: 5px 5px 1px 5px; 
-webkit-border-radius:10px;
border-radius:10px;
-webkit-box-shadow: 3px 3px 4px #969696;   	
box-shadow: 3px 3px 4px #969696;
background: #e7e7e7;
}

#comments input {
    width: 240px;
    padding: 3px;
    margin-right: 5px;
}

#comments textarea {
    width: 500px;
    padding: 3px;
}

p.comment_info {
    width: 500px;
    padding: 3px;
}

span.comment_name {
    display: inline-block;
    width: 400px;
}

span.comment_date {
    width: 100px;
    text-align: right;
}

#comments hr {
    width: 500px;
}

.album_box {
	border:1px solid black;
    float: left;
    margin: 10px;
    padding: 0px;
    margin-right: 0px;
    background: #f3f3f3;
    height: 200px;
	width: 300px;
}
.album_box h3 {
color: white;
text-align:center;
text-decoration:none;
font-size:12pt;
font-weight:normal;
position: relative;
float:bottom;
width:300px;
bottom:60px;
height:40px;
background: rgba(54,54,54,0.7);
}
.album_box a{
text-decoration:none;
}
.photo_wrap {
    height: 120px;
    width: 120px;
    overflow: hidden;
}

.photo_box {
    float: left;
    margin: 5px;
    box-shadow: 3px 3px 4px #969696;
}

.fon {
	margin: 12px 7px 10px 5px;
	padding: 5px 0px 5px 5px; 
	-webkit-border-radius:10px; 
	border-radius:10px; 
	-webkit-box-shadow: 3px 3px 4px #969696;
	box-shadow: 3px 3px 4px #969696;
	 background: #8ed4ee	;
	#height: 30px;
}
#blok_mdoy_menu ul li {
	#padding: -5px 0px 0px 0px; 
#	-webkit-margin-start: 5px;
#	-webkit-margin-before: 2em;
#	padding-left: 0px;
#	margin-left: -15px;
	#list-style-type: none;
	#list-style-position: initial;
	#list-style-image: initial;
 }
 
#blok_mdoy_menu ul li ul {
#	padding-left: 30px;
	#margin-left: 30px;
}
#novosti {


}

#str {
margin: 10px;
   padding: 5px;
	padding-left: 15px;
margin-right: 0px;
-webkit-border-radius:10px; 
border-radius:10px; 
-webkit-box-shadow: 3px 3px 4px #969696;  	
box-shadow: 3px 3px 4px #969696;
#background: -webkit-linear-gradient(top, #8ed4ee, #f0f0f0 50px);
background: #f3f3f3;

}

.str_verh {
margin: 5px;
font-weight: bold;
padding: 3px 15px;
-webkit-border-radius:10px; 
border-radius:10px; 
-webkit-box-shadow: 3px 3px 4px #555555;
box-shadow: 3px 3px 4px #555555; 
background: linear-gradient(to left, #4169E0, #393083);
}

.blok-mdoy {
#float: left;
	height: 170px;
margin: 12px 7px 20px 5px;
-webkit-border-radius:10px;
border-radius:10px;
-webkit-box-shadow: 3px 3px 4px #969696;	
box-shadow: 3px 3px 4px #969696;
background: #8ed4ee;
position: relative;	
}

 
.tekst_mdoy {
    display: table;
    width: 690px;
	padding-top: 25px;
	
}
 div.perehod {

	 position:absolute;
	 bottom: 4px;
	 right:4px;
	 
display: table;
#vertical-align: bottom;
background: linear-gradient(to left, #4169E0, #393083);
font-weight: bold;
padding: 3px 15px;
border-radius:10px; 
box-shadow: 2px 2px 3px #555555;
-webkit-border-radius:10px; 
-webkit-box-shadow: 2px 2px 3px #555555;
	
}

.t_zag {
color: #ffffff;
} 

a.perehod {
color: #ffffff;
} 

a.tek_str {
color: #00ffff;
} 
a {
color: #393083;	
}

h3 {
#	padding-top: 7px; 
#margin: 5px;
}


p {
#font-size: 13px;
#font-family:Verdana, Geneva, sans-serif; 
#margin: 2px;
}

.blok_logo_mdoy {
float: left;
width: 125px;
height: 150px;
background: url('shar.png');
background-size: 110px; 
background-repeat: no-repeat;
margin: 5px;


}
#comments textarea {
    width: 500px;
}
.topbutton {
width:100px;
border:2px solid #ccc;
	background: linear-gradient(to left, white, lightgrey);
text-align:center;
padding:10px;
position:fixed;
bottom:50px;
right:15px;
cursor:pointer;
color:black;
font-family:verdana;
font-size:12px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}
.topbutton:hover{
	background: linear-gradient(to left, lightgrey, grey);
	}
.svd1{
margin:0px;
padding-top: 5px;
text-align:center;
font-size: 20px;
color: #393083;
}

.zag_hd1, .zag_hd, .zag_hd2{
opacity:0;
}

/*
.zag_hd {
//position:absolute;
text-align:left;
font-size:40px;
text-decoration:underline;
color:#FF0066;
font-family:arial;
padding-top:20px;
margin-left:40px;
padding-bottom:10px;
}
.zag_hd1 {
text-align:left;
padding-top:0px;
font-size:30px;
font-family:arial;
text-shadow: 4px 4px 1px #12437B;
color: #FFFF00;
margin-left:20px;
//position:relative;
//top:130px;
}
.zag_hd2 {
text-align:right;
padding-top:0px;
font-size:14px;

font-style:italic;
font-family:candara;
text-shadow: 1px 1px 2px white;
color: #12437B;

}
.hdinf{
position:absolute;
left:600px;
top:170px;
width:340px;
margin-right:40px;
}
*/
ul.hk li a{
    color: #ffffff; 
   }