@font-face {font-family: 'ExoLight';src: url('../fonts/ExoLight.ttf');}
@font-face {font-family: 'ExoMedium';src: url('../fonts/ExoMedium.ttf');}
@font-face {font-family: 'ExoBold';src: url('../fonts/ExoBold.ttf');}
html{height:100%;}
h1,h2,h3,h4,h5,h6{text-align:center;}
h2{padding:5px;margin:5px;}
h3{font-size: 20px;margin:10px;text-align:center;color: #666;}
p{text-indent:30px;text-align:justify;margin:2px 0px;padding:2px 0px;}
a{color: #557799;}
a:hover{color: #2B5b7b;text-decoration: none;}
button{cursor: pointer}
table{border-collapse:collapse;border: 1px solid #bbb;font-size: 16px;margin:0 auto;text-align:center;}
td{border: 1px solid #bbb;padding:0px 5px;}
select{background: transparent;padding: 5px;font-size: 16px;border: 1px solid #ccc;height: 32px;}
ul{margin:5px 0px}
input[type="text"], input[type="password"],textarea {
   border: 1px solid #ccc; 
   background: #fff !important;
   outline: none;
   min-height: 28px;
   color: #000;
   font-size: 14px;
   padding:0px 5px;
}
input[type="submit"]{
	cursor: pointer;
	margin:10px;
}

body{
	margin:0 auto;
	font-size:16px;
	font-family: 'ExoMedium';   
	display: block;
	height:100%;
	background:#efefef;
}
#first_tr{background: #ddd;font-weight:bold;text-align:center;font-size:20px;}
#clear:after {
content: " ";
display: block;
clear: both;
visibility: hidden;
height: 0;
line-height: 0;
}

.container { 
position:relative;
max-width: 1200px;
margin: 0 auto;
border:1px solid #e8e8e8;
border-top:0px;
min-height: calc(100% - 100px);
overflow:hidden;
background:#fff;
}
.container table{
width:1180px;
}
.err_message {
text-align:center;
 	background: #fecece;
    padding: 2px;
	border: 1px solid #f56665;
}
#path{margin:0px 5px;}
.edutitle{margin:10px 0px}
.edulist li{margin:5px}
.lozung{
background:#ccc;
border-bottom:1px solid #e8e8e8;
text-align:center;
margin: 10px 0px;
}
.list{
padding:0px;
overflow:hidden;
}
.header_block, .footer_block{
max-width: 1200px;
margin: 0 auto;
}
.header{
width: 100%;
margin: 0 auto;
min-height:100px;
background: rgba(4, 77, 140, 0.9);
}

.logo{
display: inline-block;
float: left;
margin-right: 20px;
}
.logo img{
width: 100px;
z-index:100;
}
.name{
padding-top:20px;
text-align: center;
}
.sf {
font-family: 'ExoBold';
color: rgb(255, 255, 255);
font-size: 32px;
text-shadow: rgb(3, 3, 3) 2px 2px 2px;
}
.user{
position:absolute;
}

.auth{
position:absolute;
height:calc(100% - 40px);
width:299px;
border-right:1px solid #e8e8e8;

}
.main{
position:absolute;
width:900px;
left:300px;
}
.admin_body{
width:100%;
margin-top:10px;
float:left;
margin-bottom:60px;
overflow:scroll;
}


.footer_block{
position:absolute;
bottom:0;
width:100%;
height:40px;
border-top:1px solid #e8e8e8;
left:0px;
color: #666;
}
.footer_block p{
font-size: 14px;
line-height:30px;
}






#tab{
text-align:left; 
font-weight:bold;
border: 1px solid white;
}



/*a{
   font-size: 20px;
   color: #557799;
   text-decoration: none;
   
}
a:hover{
   font-size: 20px;
   color: #2B587A;
   text-decoration: underline;
}*/


#t {
	background: #ddd;
	font-weight:bold;
	text-align:center;
	font-size:20px;
}
form {
    margin-bottom: 10px;

}

.menu{
	width:100%;
  float:left;
  border-bottom: 1px solid #bbb;
}	
.menuul{
	text-align:center;
	min-height:50px;
	margin: 0;
	padding: 0;
	font: bold 20px Arial;
	color: #666;
}
.menu li{
	float:left;
 display: inline-block;
}
.menu li a{
  float: left;
  text-decoration: none;
  border-right: 1px solid #e8e8e8;
  padding:12px 0px;
  height:26px;
  min-width:200px;
}
.menu li a:visited{color: #666;}
.menu li a:active{background: #cc181e;color: #fff;}
.menu li a:hover, .menu li .current{background: #444;color: #fff;}
.menu li.active a{background: #557799;color: #fff;}
.menu li.active a:hover{background: #2B587A;color: #fff;}



.ex{
	position:absolute;
	top:0px;
	right:0px;
	float:right;
	height:30px;
	padding:5px;
	margin:0px;	
}
	

#login{
margin:5px;
font-size:14px;
color: #ddd;
/*border-bottom: 1px solid #e8e8e8;*/
}
.ex_but{
	
height:24px;
color: #fff;
margin:0px;
background: #557799;
outline: none;
border:none;

}
.ex_but:hover { background: #2B587A; }
.ex_but:active { background: #2B5877; }





.sub_but{
font: 100%/1.4em "Helvetica Neue",Helvetica,Arial,sans-serif;
color: #fff;
text-decoration: none;
background: #557799;
outline: none;
border:none;
min-width:120px;
min-height:32px;
text-align:center;
margin-left:10px;
}
.sub_but:hover { background: #2B587A; text-decoration: none;}
.sub_but:active { background: #2B5877;}

.back_men{
padding:0px 0px 10px 0px;
margin-top:-10px;
}
a .back_but{
  background:#eee;
  color:#2B587A;
  text-decoration:none;
  display:block;
  width:100px;
  height:30px;
  text-align:center;
  padding:5px 20px;
  transition:all 0.3s;
  position: relative;
  display: inline-block;
  border:1px #e8e8e8 solid;
  }
 a .back_but:hover{
  box-shadow:0px -5px 0 #2B587A inset;
}
a #back_but1:after {
  content: "";
  position: absolute;
  top: calc(50%-5px);
  left: .6em;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  border: .37em solid;
  border-top: none;
  border-left: none;
  width: .6em;
  height: .6em;
  box-shadow: inset -2px 2px rgba(255,255,255,.3);
}
#link{
margin-left:10px;	
}

#small_icon{
width:20px;
}
.box{display:none;}
#boxes{
  border:2px solid #f22;
  background:#f88
}