/* стили для cosmi
*/

/* цветовые решения */


a:active{
    color: #000;
} 
a:visited , 
a:link {
    color: #333;
}
 


body {
	color: #ffd700;
	background-color: #301e1a;
}

.back {
	color: #ffd700;
	background: url(../../img/background/torech.jpg) center center repeat  #301e1a; 
}

.back_grd {
	background-color: #aaa;
	background: -moz-linear-gradient(top,  #fff 0%, #000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fff 0%,#000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fff 0%,#000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fff 0%,#000 100%); /* IE10+ */
	background: linear-gradient(top,  #fff 0%,#00 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#000',GradientType=0 ); /* IE6-9 */
}

#home {
	display: block;
	position: absolute;
	top: 1em;
	left: 3em;
	height: 12em;
	width: 24em;
	text-align: center;
}

#crsl,
.bbt,
#mmain ,
#content {
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    border-radius: 1em;	
}

#content {
	color: rgb(80, 58, 17);
	background-color: rgb(252, 247, 238);
}

#crsl.shadow , 
#content {
	box-shadow: 
		inset 0.2em 0.2em 0.2em 0.2em rgba(0,0,0,0.5)
/*		,inset 0em -1em 2em 1em #ccc */
	;
}

#home .b_logo,
#crsl {
	color: #ffd700;
	background-color: #000;
}

#crsl {
	background: url(../../img/logo/logo_cosmi_gld_700.png) center center no-repeat;
	background-size: 70%;
}

footer {
    color: #ffd700;
    text-shadow: -0.05em -0.05em 0.1em #aaa,
				0.1em 0.1em 0.1em #000;
}


#home .b_logo{
	background: url(../../img/logo/logo_cosmi_gld_200.png) center center no-repeat;
	background-size: 89%;
}

#home .name{
	color: #ffd700;
	font-size: 1.5em;
    letter-spacing: 0.2em;
    word-spacing: 0.42em;	
    text-align: center;	
}


#content  img{
	border: 0.2em solid #555;
}

#content img.show {
	cursor: pointer;
}
#content {
	color: rgb(55, 33, 11);
}


#mmain {
	background-color: #999;
	border: 0.0em solid #753;
	border-top: 0.2em solid #edb;
	border-bottom: 0.2em solid #642;
	box-shadow:
		inset 0.1em 0.1em 0.1em 0.1em #fff8f0,
		inset -0.1em -0.1em 0.1em 0.1em #753,
		0 0.2em #531,
		0 0.3em #321,
		1.0em 1.7em 1.5em rgba(0,0,0,0.5)
	;
/**/	

}

.bbt,
#mmain {
	background-color: #ffd700;
	background-image: url(../../img/background/fon_gold.jpg);
	background-position: center center;
	background-repeat: repeat;
}



.bbt{
	color: #fff;
}

/* ---------------------------------------------- */
.bbt {
	/* text-shadow: 0.05em 0.05em #eee;  */
	border: 0.2em solid #753;
	border-top: 0.2em solid #fed;
	border-left: 0.2em solid #fed;
	box-shadow:
		inset 0.051em 0.051em 0.051em 0.051em #555,
	/*	inset -0.1em -0.1em 0.1em 0.1em #555, 
		0 0.2em #4f4f4f,
		0 0.3em #444444,
		0.3em 0.7em 0.5em rgba(0,0,0,0.5)
	*/	0 0.05em #222,
		0 0.1em #000,
		0.02em 0.2em 0.3em 0.2em rgba(0,0,0,0.7)
	;
	background-color: #ffd700;

}
.bbt::-moz-focus-inner{border:0}
.bbt:hover {
	color: #850;
}
.bbt.active,
.bbt:active {
	color: #520;
}

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

.grav_txt {
    color: #555;
    text-shadow: 0.2em 0.2em 0.2em #bbb;
}