.tsveta_gl {
margin: 0px;
padding: 0px;
margin-left: 15px;
   padding-left: 15px;
display: block;
}
 
.black_border {
 border: 1px solid #000000;
 } 
   
   .white_border {
 border: 1px solid #ffffff;
 }
   
   .gbeliy {
   float: left;
margin: 5px;
padding: 5px;
width: 30;
height: 15px;
display: block;
background-color: #ffffff;
text-align: left;
}

.gseriy {
float: left;
margin: 5px;
padding: 5px;
width: 30;
height: 15px;
display: block;
background-color: #aaaaaa;
text-align: left;
}

.gbejeviy {
float: left;
margin: 5px;
padding: 5px;
width: 30;
height: 15px;
display: block;
background-color: #fceed2;
text-align: left;
}

.gjeltiy {
float: left;
margin: 5px;
padding: 5px;
width: 30;
height: 15px;
display: block;
background-color: #fbe868;
text-align: left;
}

.goranjeviy {
float: left;
margin: 5px;
padding: 5px;
width: 30;
height: 15px;
display: block;
background-color: #fca75b;
text-align: left;
}

.gkrasniy {
float: left;
margin: 5px;
padding: 5px;
width: 30;
height: 15px;
display: block;
background-color: #fd1402;
text-align: left;
}

.gbordoviy {
float: left;
margin: 5px;
padding: 5px;
width: 30;
height: 15px;
display: block;
background-color: #810c03;
text-align: left;
}

.grozoviy {
float: left;
margin: 5px;
padding: 5px;
width: 30;
height: 15px;
display: block;
background-color: #fdb4da;
text-align: left;
}

.ggoluboy {
float: left;
margin: 5px;
padding: 5px;
width: 30;
height: 15px;
display: block;
background-color: #9bcef9;
text-align: left;
}

.gsiniy {
float: left;
margin: 5px;
padding: 5px;
width: 30;
height: 15px;
display: block;
background-color: #3c519e;
text-align: left;
}

.gfioletoviy {
float: left;
margin: 5px;
padding: 5px;
width: 30;
height: 15px;
display: block;
background-color: #875da5;
text-align: left;
}

.gzeleniy {
float: left;
margin: 5px;
padding: 5px;
width: 30;
height: 15px;
display: block;
background-color: #8ea86d;
text-align: left;
}

.gkorichneviy {
float: left;
margin: 5px;
padding: 5px;
width: 30;
height: 15px;
display: block;
background-color: #5c2402;
text-align: left;
}

.gcherniy {
float: left;
margin: 5px;
padding: 5px;
width: 30;
height: 15px;
display: block;
background-color: #000000;
text-align: left;
box-shadow: 1px 1px 1px #999999;
}

.blok1 {position: relative; cursor:pointer; display: inline-block; border: 1px solid #000000;
   border-collapse: collapse;}
.blok1 img + img {position:absolute; left: 0; top:0; z-index:100; display: none;}
.blok1:hover img + img {display: block;}

.blok2 {position: relative; margin: 15px; cursor:pointer; display: inline-block; border: 1px solid #000000;
   border-collapse: collapse; border-radius: 5px; box-shadow: 5px 5px 7px #c0c0c0;}
.blok2 img + img {position:absolute; left: 0; top:0; z-index:100; display: none;}
.blok2:hover img + img {display: block;}
.blok2 h4 {
	font-size: 80%;
   font-weight: 100;
   color: #000000;
   text-align: center;
}

   .blok_main {
   float: left;
 width: 800px;
 display: block;
 text-align: left;
 vertical-align: top;
 margin: 0px;
 padding: 0px;
 border: 0px;
 border-collapse: collapse;
 border-top: 2px solid #975100;
 border-bottom: 2px solid #975100;
  }
  
   .back1 {
margin: 3px;
	border:0;
	font-size:100%;
	padding: 0px 5px 3px 5px;
	cursor:pointer;
	border-radius:3px;'
	font-weight:bold;
	color:#fff;
	background: #1b1b1b; /* Old browsers */
background: -moz-linear-gradient(top, #1b1b1b 0%, #616161 40%, #1b1b1b 60%, #000000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #1b1b1b 0%,#616161 40%,#1b1b1b 60%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #1b1b1b 0%,#616161 40%,#1b1b1b 60%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b1b1b', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
   }
   
   .back1:hover{
	   color:#000000;
		background: #94f967; /* Old browsers */
background: -moz-linear-gradient(top, #94f967 0%, #167b13 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #94f967 0%,#167b13 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #94f967 0%,#167b13 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94f967', endColorstr='#167b13',GradientType=0 ); /* IE6-9 */
   }
   
.ccrystal_blanc {
float: left;
margin: 15px;
 width: 100px;
 height: 40px;
 display: block;
 text-align: left;
 vertical-align: center;
background-color: #ffffff;
border: 1px solid #000000;
 border-radius: 5px;
 box-shadow: 5px 5px 7px #c0c0c0;
}

.ccrystal {
float: left;
margin: 15px;
 width: 100px;
 height: 40px;
 display: block;
 text-align: left;
 vertical-align: center;
background-color: #f6dece;
border: 1px solid #000000;
 border-radius: 5px;
 box-shadow: 5px 5px 7px #c0c0c0;
}