@font-face {
 font-family: Comfortaa;
 src: url("Comfortaa-Regular.eot"); /* EOT file for IE */
}
@font-face {
 font-family: Comfortaa;
 src: url("Comfortaa-Regular.ttf"); /* TTF file for CSS3 browsers */
}
body {
    min-width: 1000px;
	background:#E8DCCA;
}

  * { margin:0px; padding:0px;}

.gre_box_t1 {
	height: 200px;
	width: 200px;
	background: #B8DBAF;
	float:left;
	position: relative;
	border: 5px solid #FFF;
}
.gre_box_t1:hover {
	background:#94c587;
	cursor: pointer;
	}
.yal_box_t1 {
	height:200px;
	width:200px;
	background:#EFD081;
	float:left;
	position: relative;
	border: 5px solid #FFF;
}
.yal_box_t1:hover {
	background:#e4c167;
	cursor: pointer;
}
.yal_box_t2 {
	height:200px;
	width:410px;
	background:#EFD081;
	float:left;
	position: relative;
	border: 5px solid #FFF;
}
.yal_box_t2:hover {
	background:#e4c167;
	cursor: pointer;
}
.oran_box_t1 {
	height: 200px;
	width: 200px;
	background: #E09A69;
	float: left;
	position: relative;
	border: 5px solid #FFF;
}
.oran_box_t1:hover {
	background:#d58a55;
	cursor: pointer;
}
.oran_box_t2 {
	height:200px;
	width:410px;
	background:#E09A69;
	float:left;
	position: relative;
	border: 5px solid #FFF;
}
.oran_box_t2:hover {
	background:#d58a55;
	cursor: pointer;
}
.gray_box_t1 {
	height: 200px;
	width: 200px;
	background: #47423F;
	float: left;
	position: relative;
	border: 5px solid #FFF;
	
}
.gray_box_t1:hover {
	background:#38322f;
	cursor: pointer;
}
.ico {
	height:100px;
	width:100px;
	left:100px;
	top:50px;
	position:relative;
}
.pic_t1 {
	height:150px;
	width:150px;
	left:25px;
	top:25px;
	position:relative;
	float:left;
}
.name_box {
	left: 11px;
	top: 20px;
	width: 180px;
	position: relative;
	color: #000;
	font-family: Comfortaa;
	font-size: 20px;
	text-decoration: none;
	line-height: 25px;
}
.name_box2 {
	left: 210px; top: 15px;
	width: 180px;
	position: absolute;
	color: #000;
	font-family: Comfortaa;
	font-size: 20px;
	text-decoration: none;
	line-height: 25px;
}
.menu_box1 {
	width: 82px;
	position: absolute;
	color: #000;
	font-family: Comfortaa;
	font-size: 14px;
	text-decoration: none;
	line-height: 20px;
	
}
#main {
	height: 100%;
	width: 100%;
	}
#main_body {
	width:1260px;
	height:630px;
	border:20px solid #FFF;
	background:#FFF;
	margin: 0 auto;
	position:relative;
	}
    #bufer {
	height: 50px;
	width:100%;
	margin: 0 auto;
	}
#navanie_kafedri {
	height:370px;
	width:370px;
	background:#47423F;
	float:left;
	position: relative;
	border:5px solid #FFF;
	color:#ffffff;
	font-family:Comfortaa;
	font-size:30px;
	padding:20px;
	text-decoration:none;
	line-height:50px;
	}



.modal {
			position:absolute;
			top:20px;
			left:10px;
			width:640px;
	border:20px solid #FFF;
	background: #B8DBAF;
			padding:10px;
			display:none;
		}





div#rotator2 {position:relative; height:145px; width:300px; margin-left: 0px; z-index:5;}
div#rotator2 ul li {float:left; position:absolute; list-style: none;}
div#rotator2 ul li.show2 {z-index:500;}

div#rotator1 {position:relative; height:145px; width:300px; margin-left: 0px; z-index:5;}
div#rotator1 ul li {float:left; position:absolute; list-style: none;}
div#rotator1 ul li.show1 {z-index:500;}

	

	a {
    color: #000; /* Цвет обычной ссылки */ 
    text-decoration: none; /* Убираем подчеркивание у ссылок */
	line-height:100%;
   }
   a:visited {
    color: #000; /* Цвет посещённой ссылки */
   } 
   a:hover {
    color: #000; /* Цвет ссылки при наведении на нее курсора мыши */  
    text-decoration: underline; /* Добавляем подчеркивание */
	cursor:pointer;
	
   }
      p {
    margin-top: 10px;
   }
   h1 {
	   font-size:15px;
	   color:#2a5889;
	   display:inline;
	   }
	   
   
/*@media (max-width: 1100px) {
}



	<a href="#" class="myButton">facebook</a>

.myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #7a8eb9;
	-webkit-box-shadow:inset 0px 1px 0px 0px #7a8eb9;
	box-shadow:inset 0px 1px 0px 0px #7a8eb9;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #637aad), color-stop(1, #5972a7));
	background:-moz-linear-gradient(top, #637aad 5%, #5972a7 100%);
	background:-webkit-linear-gradient(top, #637aad 5%, #5972a7 100%);
	background:-o-linear-gradient(top, #637aad 5%, #5972a7 100%);
	background:-ms-linear-gradient(top, #637aad 5%, #5972a7 100%);
	background:linear-gradient(to bottom, #637aad 5%, #5972a7 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#637aad', endColorstr='#5972a7',GradientType=0);
	background-color:#637aad;
	border:1px solid #314179;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:13px;
	font-weight:bold;
	padding:6px 12px;
	text-decoration:none;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5972a7), color-stop(1, #637aad));
	background:-moz-linear-gradient(top, #5972a7 5%, #637aad 100%);
	background:-webkit-linear-gradient(top, #5972a7 5%, #637aad 100%);
	background:-o-linear-gradient(top, #5972a7 5%, #637aad 100%);
	background:-ms-linear-gradient(top, #5972a7 5%, #637aad 100%);
	background:linear-gradient(to bottom, #5972a7 5%, #637aad 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5972a7', endColorstr='#637aad',GradientType=0);
	background-color:#5972a7;
}
.myButton:active {
	position:relative;
	top:1px;
}
/*