body,h1,h2,h3,p,quote,small,form,input,ul,li,ol,label{
	margin:0px;
	padding:0px;
}

body{
	color:#555555;
	font-size:13px;
    background: url(http://udmurt-map.ru/img/backform/15.jpg) #282828;
	background-size: cover;
	font-family:Arial, Helvetica, sans-serif;
	-webkit-user-select: none;
	cursor: url(http://udmurt-map.ru/img/arrow.cur),default;

}

.clear{
	clear:both;
}

#main-container{
	width:400px;
	margin:30px auto;
}

#form-container{
	background-color:#f5f5f5;
	padding:15px;
	
	-moz-border-radius:12px;
	-khtml-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius:12px;
}

a, a:visited {
    color: #00BBFF;
    text-decoration: none;
    outline: none;
}

a:hover{
	text-decoration:underline;
}

h1{
	color:#777777;
	font-size:22px;
	font-weight:normal;
	text-transform:uppercase;
	margin-bottom:5px;
}

h2{
	
	font-size:13px;
	
	text-transform:uppercase;
	
	color: #2657FF;
	margin-bottom:15px;
	
	border-bottom:1px solid #eeeeee;
	margin-bottom:15px;
	padding-bottom:10px;
}

h3{

color: black;

}


h3:hover{

color: black;

}

    

td > button{
	text-indent:8px;
}


.tutorial-info{
	color:white;
	text-align:center;
	padding:10px;
	margin-top:10px;
}


#block {
    text-align: left;
    font-family: sans-serif;
    width: 80%;
    color: black;
    padding: 30px;
    border: 2px solid black;
    background-color: #FFFFFF;
    margin: auto;
    margin-top: 45px;
    position: static;
}


.h1na4{
text-align: center; 
padding: 10px; 
border: 1px solid black;
font-family: sans-serif;
font-style: italic;
background-color: #FFFFFF;
}

.tutor{

    background: rgba(0, 0, 0, 0.6);
    color: white;
    border: 2px solid white;
    padding-left: 100px;
    padding-right: 100px;
    padding-top: 10px;
    padding-bottom: 10px;

}

#main-container {
    width: 900px;
    text-align: center;
    margin: 30px auto;
}

.abz{

text-align: center;

}

.formm {
    border: 1px solid #6DD1FF;
    padding: 3px;
    border-radius: 20px;
}

.bet {
    width: 35px;
    vertical-align: middle;
}


.adm1:hover{color: red;}
.adm2:hover{color: orange;}


/*td{
border: 4px solid #4682B4;
padding: 2px;
}
table{
margin: 0 auto;
width: 500px;
max-width: 900px;
min-width: 50px;
height: 300px;
max-height: 1200px;
min-height: 100px;}

*/

table{

border-collapse: collapse;

}

td{

border: 1px solid black;
padding: 30px;


}

.table{

    position: relative;
    display: table;
    margin: auto;
    font-size: larger;
    word-wrap: break-word;

}


.dogg{

text-align: center;

}

.text{

    font-size: 17px;

}

.divtext{

border: 2px solid #1E9CFF;
    padding: 30px;

}



.pbk img { -webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;transition: all 0.4s ease;
padding: 4px;
background: #ffffff;
border: 1px solid #d0d0d0;
-moz-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
box-shadow: 0 0 20px rgba(0, 0, 0, .2);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
width: 20%;
text-align: center;
}
.pbk img:hover {-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);
background: #ffffff;
border: 1px solid #cccccc;
text-decoration: none;
text-shadow: none;
-moz-box-shadow: 1em 1em 1em -0.5em rgba(0,0,6,0.5);
-webkid-box-shadow: 1em 1em 1em -0.5em rgba(0,0,6,0.5);
box-shadow: 1em 1em 1em -0.5em rgba(0,0,6,0.5);
}

.pbk{text-align: center;}

}


.image {
 overflow:hidden;
 width: 380px;
 height:250px;
 float: left;
 padding-right: 20px;
 }

.image img {
 -moz-transition: all 1s ease-out;
 -o-transition: all 1s ease-out;
 -webkit-transition: all 1s ease-out;
 }
 
.image img:hover{
 -webkit-transform: scale(1.1);
 -moz-transform: scale(1.1);
 -o-transform: scale(1.1);
 }

 img[tabindex="0"] {
  cursor: zoom-in;
}
img[tabindex="0"]:focus {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: auto;
  height: auto;
  max-width: 99%;
  max-height: 99%;
  margin: auto;
  box-shadow: 0 0 20px #000, 0 0 0 1000px rgba(210,210,210,.4); 
}
img[tabindex="0"]:focus,
img[tabindex="0"]:focus ~ * {
  pointer-events: none;
  cursor: zoom-out;
}