@import 'main.css';
@import 'section.css';
@import 'header.css';
@import 'home-section-gallery.css';
@import 'footer.css';
@import 'font-aaargh.css';
@import 'image-viewer.css';

body {
	font-family: Arial;
	/*font-family: aaargh;*/ }

.pos-top {
	width: 100%; 
	z-index: 1bu
	position: absolute; 
	top: 420px; }
.grid-stage {
	width: 900px;
	margin: 0 auto;
}
.crop_stage {
	width: 400px;
	height: 400px;
	position: relative;
	overflow: hidden;
}

.gallery-pos { 
	margin: 0 auto; }

.grid-piece-wrapper {
	padding: 7px;
	float: left;
	text-decoration: none;
}

.grid-piece-wrapper .remove {
	position: absolute;
	top: 5px;
	right: 5px;
	padding: 5px;
	width: 25px;
	height: 25px;
	background: #555 url('/session/session/auth/?f=images/close.png') center no-repeat;
}

.grid-piece-wrapper .remove:hover{
	background-color: #777;
}

.grid-piece-link-wrapper {
	
}

.grid-stage .handle {
	height: 35px;
	background: #777;
}

.grid-piece {
	position: relative;
	width: 286px;
	height: 200px;
	background: #000;
	overflow: hidden;
}
.grid-piece_double {
	width: 586px;
	height: 414px;
	background: #000;
	overflow: hidden; }

@media (max-width: 613px){
	.grid-piece_double {
		max-width: 286px;
		height: 414px;
		background: #000;
		overflow: hidden;		
	}
}


.grid-piece-wrapper  a:hover img {
	opacity: .8 }
.grid-piece-wrapper a:hover .title {
	color: #1795ff; }
.grid-piece-wrapper .title-wrap {
	width: 286px; }
	
.grid-piece-wrapper .title {
	color: #fff;
	background: rgba(0,0,0,.33);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 20px;
	padding: 10px; }

.info-wrapper {
	background: rgba(0,0,0,.33);
	padding: 7px 7px 33px 7px;
}	

.info-wrapper .price {
	padding: 0; }
	.info-wrapper .price span.label {
		font-weight: 500;
		padding: 0 12px 0 0;
		position: relative;
		top: 0.045em;
	}
	.info-wrapper .price span.cost {
		color: #ffa616;
		font-weight: 1000;
		font-size: 19px;
		position: relative;
		top: 0.045em;
	}

.button.white.remove {
	line-height: normal; }
.button.white.click, .button.white.click:hover {
	background: #efefef; }
.button.white {
	font-size: 10px;
	display: inline-block;
	cursor: pointer;
	color: #000;
	background: #fff;
	border: 1px solid #b3b3b3;
	padding: 4px 7px; }
	.button.white:hover {
		color: #000;
		background: #f8f8f8;
		border: 1px solid #258bf4; }
	.button.white.remove:hover {
		border: 1px solid #b58989; }
	.button.white span {
		position: relative;
		top: 0.095em; }
	
.button.blue.click, .button.blue.click:hover {
	background: #3e96c8; }
.button.blue {
	display: inline-block;
	cursor: pointer;
	color: #fff;
	background-color: #0e7fbf;
	background: linear-gradient(#359fdc, #0e7fbf);
	border: 1px solid #26a4ed;
	padding: 12px; }
	.button.blue:hover {
		color: #fff;
		background-color: #359fdc;
		background: linear-gradient(#6eb7e0, #108bd2);
		border: 1px solid #acdefb; }
	.button.blue span {
		position: relative;
		top: 0.095em; }
.button.update {
	padding: 6px; }

.button.green.click, .button.green.click:hover { 
	background: #3c933a; }
.button.green {
	display: inline-block;
	cursor: pointer;
	color: #fff;
	background-color: #20701e;
	background: linear-gradient(#3c933a, #20701e);
	border: 1px solid #077100;
	padding: 12px; }
	.button.green:hover {
		color: #fff;
		background-color: #44ab41;
		background: linear-gradient(#3c933a, #1f681d);
		border: 1px solid #55d420;
	}
		.button.green span {
			position: relative;
			top: 0.095em;
		}

.button.red.click, .button.red.click:hover { 
	background: #3c933a; }
.button.red {
	display: inline-block;
	cursor: pointer;
	color: #fff;
	background-color: #931313;
	background: linear-gradient(#931818, #821414);
	border: 1px solid #000;
	padding: 12px; }
	.button.red:hover {
		color: #fff;
		background-color: #931818;
		background: linear-gradient(#a01a1a, #931818);
		border: 1px solid #ff0000;
	}
		.button.red span {
			position: relative;
			top: 0.095em;
		}

.info-wrapper .details {
	padding: 12px 12px 0 12px;
}
	.info-wrapper .title { 
		border-bottom: 1px solid black;
		color: #54ff5e;}
	.info-wrapper .title span { 
		padding: 0 0 0 7px;
		font-size: 35px; }
	.info-wrapper .details p { }

.piece_info {
	font-family: aaargh;
	overflow: hidden;
	position: relative;
	width: 586px;
	height: 414px;
	padding: 14px 0 0 0;
}

.piece_info .title {
	height: 40px;
	width: 570px;
	white-space: nowrap;
	overflow: hidden;
	color: #765d4b;
	padding: 7px;
	font-size: 40px;
}

.piece_info .description {
	height: 330px;
	width: 570px;
	overflow: hidden;
	overflow-y: auto;
	color: #887d75;
	padding: 7px;
	font-size: 20px;
	font-weight: thin;
}

.piece_info .description p {
	text-indent: 5em;
}

.piece_info .inquiry {
	position: absolute;
	bottom: 0;
	right: 0;
}

.piece_info .inquiry .price, .piece_info .inquiry .inquire {
	float: left;
	padding: 15px;
	font-size: 20px;
}
.piece_info .inquiry .price {
	background: #5d764b;
}
.piece_info .inquiry .inquire {
	color: #8f7530;
	cursor: pointer;
	background: #ece357;
	transition: 100ms ease-out 200ms;
}
.piece_info .inquiry .inquire:hover {
	color: #765e1d;
	background: #f8f28a;
}

/*html, body, .content, .section, .site-footer, .site-header { min-width: 614px; }*/
.content, .site-footer .wrapper, .site-header .wrapper { max-width: 1280px; }