body {
	background:linear-gradient(to bottom left, #FF0, #FFF);
	font-family:Verdana, Geneva, sans-serif;
}

h1 {
	color:#C00;
	font-size:26px;
	font-weight:normal;
}

h3 {
	font-weight:normal;
	font-size:20px;
	color:#C00;
}

div.container {

	width: 1000px;

	margin-right: auto;

	margin-left: auto;

}

div.top {	

	width: 1000px;

	height:208px;

	background:url(../images/top.jpg) center no-repeat;

}

div.menu {

	margin: 10px 0px;

}



/*---banner------*/

div.banner {
  width:1000px;
  height:100px;
  color:#009999;
  /*background:#9FEE00;*/
  margin:25px 0px 10px 0px;
}
/*******************/



div.left {

	background:#FFF;

	width:300px;

	margin:0px 10px 0px 0px;

	float:left;

}

div.main {

	background:#FFF;

	width:681px;

	margin-left:316px;

}

div.footer {

	width: 1000px;

	height:111px;

	background:url(../images/footer.png);

	margin: 10px auto;

	clear:left;

}

img.footer {

  padding: 0px 0px 5px 0px;

  }

div.i {

	color: #060; 

	font-size:16px; 

	text-align:justify;

	text-indent:25px;

	line-height:20px; 

	margin-right:10px;

	padding:15px;

}

/***zagolovki.main***/

h2.main {

  color: #060; 

	font-size:16px;

  display:inline;

}

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

div.i>img {

	padding:15px;

}

div.txt_cntr {

	color: #006;

	font-size:16px; 

	text-align:center;

	margin:20px 0px 0px 0px;

	}



/**otziv*********************/

div.area {

	margin:20px;

	padding:15px;

	border:solid #0F0 3px;

}



/**contact*********************/

div.adress {

	margin:20px;

	padding:15px;

	background:#CFC;

}



/**tetradi/...****************/

div.imgcover {

	padding:10px;

	margin:0px 10px 15px 22px;

	float:left;

	background:#FFF;	

}

td.catheader {

	color: #FFF;

	font-size:16px;

	background:#e4c016;

	padding:10px;

	}

  

/**scrCatalog*******/

div.googleicon {

  position:absolute;

  bottom:5px;

  right:5px;

  color:#0033FF;

  border:#0033FF solid 1px;

  padding:3px; 

  font-size:10px;

}



/**zakaz************/

.keyopt,.keyfiz{

  border:#219e0b solid 4px;

  background:#219e0b;

  width:280px;

  height:80px;

  float:left;

  color:#FFF;

  font-size:24px;

  padding:20px 0px 0px 0px;

}

.noteopt,.notefiz{

  border-left:#219e0b solid 4px;

  border-right:#219e0b solid 4px;

  border-bottom:#219e0b solid 4px;

  width:280px;

  height:100px;

  float:left;

  color:#FF6600;

  font-size:14px;

  padding:20px 0px 0px 0px;

} 

.keyopt{

  margin:25px 15px 0px 35px;

} 

.keyfiz{

  margin:25px 0px 0px 15px;

}

.noteopt{

  margin:0px 15px 10px 35px;

} 

.notefiz {

  margin:0px 0px 10px 15px;

}

.keyopt:hover,.keyfiz:hover{

  color:#219e0b!important;

  background:#FFF!important;

  font-weight:normal;

  cursor:pointer;

}



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

div.index {

	height:2000px;

	border:#c40d0b solid 3px;

}

div.tetradi {

	height:1900px;

  border:#f26522 solid 3px;

}

div.android {

	height:1100px;

	border:#f26522 solid 3px;

}

div.zakaz {

	height:5000px;

	border:#219e0b solid 3px;

}

div.otziv {

	height:1100px;

	border:#2c88ce solid 3px;

}

div.contact {

	height:1100px;

	border:#90F solid 3px;

}

div.portfel {

	height:5480px;

	border:#e4c016 solid 3px;

}

div.sunduk {

	height:3960px;

	border:#e4c016 solid 3px;

}

div.logic {

	height:2380px;

	border:#e4c016 solid 3px;

}

div.math {

	height:2700px;

	border:#e4c016 solid 3px;

}

div.logoped {

	height:1435px;

	border:#e4c016 solid 3px;

}

div.speech {

	height:1760px;

	border:#e4c016 solid 3px;

}

div.graph {

	height:1760px;

	border:#e4c016 solid 3px;

}

div.rabtetr {

	height:4500px;

	border:#e4c016 solid 3px;

}

div.papki {

	height:3850px;

	border:#e4c016 solid 3px;

}

div.test {

	height:1810px;

	border:#e4c016 solid 3px;

}

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



div.tetradi_menu {

	width:320px;

	background:#CFC;

	border:#FFF solid 1px;

	padding:15px 0px 15px 0px;

	margin:0px 0px 10px 10px;

	float:left

}

div.tetradi_menu:hover {

	border:#f26522 solid 1px;

	background:#CF9;

	cursor:pointer;

}

div.tetradi_menu>img {

	border:#FFF solid 5px;

}

div.tetradi_menu>h2 {

	font-size:18px;

	font-weight:normal;

}

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

div.tetradi_poznavat {

	width:650px;

	background:#FFFF00;

	border:#f26522 solid 1px;

	padding:15px 0px 15px 0px;

	margin:0px 0px 10px 10px;

	float:left

}

div.tetradi_poznavat:hover {

	border:#f26522 solid 1px;

	background:#CF9;

	cursor:pointer;

}

div.tetradi_poznavat>img {

	border:#FFF solid 5px;

}

div.tetradi_poznavat>h2 {

	font-size:18px;

	font-weight:normal;

}

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


h2.q {

	color:#FFF;

	padding-left:30px;

}

ul.q {

line-height:25px;

}

div.q {

	color:#FFF;

	font-size:14px; 

	text-align:justify; 

	line-height:20px; 

	margin-right:10px;

	padding-bottom:15px

}

div.desc {

	color:#030;

	font-size:14px; 

	text-align:justify; 

	line-height:20px; 

	margin: 20px;

	text-indent:25px;

}

div.desc h2,h3{

	color: #C00;

	line-height:20px; 

	margin: 20px;

	text-indent:25px;

}



table.w {

	position:absolute;

	top:660px;

}

td.q {

	color:#FFF;

	font-size:14px;

	text-align:left;

	line-height:20px;

}





td.catalog {

	color: #030;

	font-size:14px;

	padding:10px;

	border: 1px solid #CCC;

	}

td.tetradi {

	color:#030;

	font-size:16px;

	padding-bottom:15px;

	padding-top:15px;

	border: 2px solid #FFF;

	}

td.youtube {

	padding:10px;

	color: #FF4500;

	font-size:12px;

	border:solid #FFF 1px;}

#base ul.q {

	color:#FFF;

	font-size:14px; 

	line-height:20px;

}

td.cont {

	color: #00F;

	font-size:10px;

	text-align:center;

	font-weight:bold;

	line-height:20px;

}

input.zakaz {

height:30px;

font-size:18px;

background-color:#FFF;

border:none;

padding-left:20px;

}

input.zakazdis {

height:30px;

font-size:20px;

background-color:#FFC;

border:none;

padding-left:10px;

}

textarea.zakazrowname {

  font-family:Verdana, Geneva, sans-serif;

	font-size:14px;

	border:0px;

	padding-left:5px;

	background-color:#FFC;

	resize:none;

}

.zakazhead,.zakazitog,.zakazgroup,.zakazrow,.zakazrowname,.zakazrekvizit {

  border:#CCC solid 1px;

}   

td.zakazhead {

	color:#C00;

	font-size:10px;

	font-weight:bold;

	text-transform:uppercase;

}

td.zakazitog {

	color:#FFF;

	font-size:12px;

	font-weight:bold;

	text-transform:uppercase;

	background-color: #219e0b;

}

td.zakazgroup {

	color:#FFF;

	font-size:14px;

	font-weight:bold;

	text-transform:uppercase;

	background-color: #FF4500;

}

td.zakazrow {

	color: #0F0;

	font-size:14px;

}

td.zakazrekvizit {

	color: #219e0b;

	font-size:14px;

	font-weight:bolder;

	padding-left:10px;

}



/*-----menu-----*/

div.menu_container {

  width:1000px;

  height:50px;

  padding:10px 0px;  

}

div.menu {

	color:#FFF;

	text-align:center;

	width:187px;

  height:100%;

	font-size:26px;

  margin:0 8px 0 0;

  padding:18px 0 0 0;

	}

div.red {

	background:#c40d0b;

	border: solid #c40d0b 3px;

  float:left;	

	}

div.red:hover{

	color:#c40d0b;

	background:#FFF;

  cursor:pointer;

	}

div.orange {

	background:#f26522;

	border: solid #f26522 3px;

  float:left;	

	}

div.orange:hover {

	color:#f26522;

	background:#FFF;

  cursor:pointer;

	}

div.yellow {

	background:#e4c016;

	border: solid #e4c016 3px;

  float:left;

	}

div.yellow:hover {

	color:#e4c016;

	background:#FFF;
border: solid #e4c016 3px;

  cursor:pointer;

}

div.green {

	background:#219e0b;

	border: solid #219e0b 3px;

  float:left;	

	}

div.green:hover {

	color:#219e0b;

	background:#FFF;

  cursor:pointer;

}

div.blue {

	background:#2c88ce;

	border: solid #2c88ce 3px;

  float:left;	

	}

div.blue:hover {

	color:#2c88ce;

	background:#FFF;

  cursor:pointer;

}

div.magent {

	background:#90F;

	border: solid #90F 3px;

  float:left;

  margin:0px;

	}

div.magent:hover {

	color:#90F;

	background:#FFF;

  cursor:pointer;

}

/*---------------------*/	

			

a img { border:none}

.loupe { 

     background-color:#555;

     background:rgba(0, 0, 0, 0.25);

     border:5px solid rgba(0, 0, 0, 0);

     }

a.buttonbuy {
  position: relative;
  z-index: 1;
  color: black;
  font-size: 135%;
  font-weight: 700;
  text-decoration: none;
  padding: .25em .5em;
}
a.buttonbuy:after {
  content: "Купить";  /* здесь 6 букв */
  position: absolute;
  z-index: -1;
  top: -2px;
  bottom: -2px;
  left: -2px;
  width: calc(100% + 6*(1em*90/135) - 2px*2*2);  /* где 6*(1em*90/135), где 6 - это 6 букв, 90 - это font-size after, а 135 - это font-size родителя */
  text-align: right;
  color: #fff;
  font-size: 90%;
  padding: .25em .5em;
  border-radius: 5px;
  border: 2px solid #c61e40;
  -webkit-transform: skewX(-10deg);
  transform: skewX(-10deg);
  background: linear-gradient(#d4536d, #c61e40) no-repeat 100% 0;
  background-size: calc(6*(1em*90/135) + .5em) 100%;
  box-shadow: inset calc(-6*(1em*90/135) - .5em) 0 rgba(255,255,255,0);
  transition: .3s;
}
a.buttonbuy:hover:after {
  box-shadow: inset calc(-6*(1em*90/135) - .5em) 0 rgba(255,255,255,.2);
}
a.buttonbuy:active:after {
  background-image: linear-gradient(#c61e40, #d4536d);
}