/* Stili kuri attiecas tikai uz katalogu */

.prece, .options {
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
}

.prece {
	width: 250px;
	height: 230px;
	max-width: 250px;
	max-height: 260px;
	margin-right: 6px;
	margin-top: 10px;
	margin-bottom: 15px;
	padding: 0;
	overflow: visible;
	float: left;
	position: relative;
	background: #fff;
	cursor: pointer;
	box-shadow: rgba(0,0,0,0.4) 0 0 4px 0;
}

.prece:nth-last-child(-n+4) div { z-index: 3; }
.prece:nth-last-child(-n+4) .bilde { background: #fff; width: 250px; left: 0; }
.prece:nth-last-child(-n+4) .options {
	top: 0;
	height: 230px;
	z-index: 1;
}
.prece:nth-last-child(-n+4):hover .options {
	top: -255px;
	height: 255px;
}

/*
.prece:nth-child(3n) div { z-index: 3; }
.prece:nth-child(3n) .bilde { background: #fff; width: 250px; left: 0; }
.prece:nth-child(3n) .options {
	left: 0;
	width: 250px;
	z-index: 1;
}
.prece:nth-child(3n):hover .options {
	left: -275px;
	width: 275px;
	z-index: 1;
}
*/


.prece .options {
	width: 250px;
	height: 0;
	background: #47b247;
	color: #f0fff0;
	top: 230px;
	left: 0;
	z-index: 101;
	overflow: hidden;
	line-height: 24px;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
}

.prece:nth-child(-n+3) .options {
	height: 0 !important;
	z-index: 101 !important;
	top: 230px !important;
}

.prece .options h1 {
	margin: 2px auto;
	text-transform: uppercase;
	text-align: left;
	border-bottom: 1px solid #30a030;
	width: 90%;
	font-size: 16px;
}
.prece .options p {
	font-size: 11px;
	text-align: left;
	margin: 0 auto;
	width: 90%;
	padding: 3px 0;
	border-bottom: 1px solid #40a040;
	max-height: 26px;
	overflow: hidden;
	text-overflow: ellipsis;
	position : relative;
}
.prece .options p:last-child { border: 0; }
.prece .options p em {
	position: absolute;
	top: 0;
	right: 0;
	font-style: normal;
	font-weight: bold;
	text-align: right;
	width: 50%;
	display: inline-block;
	font-size: 11px;
}
.prece:hover .options, .prece:nth-child(-n+3):hover .options { height: 255px !important; }

.prece:nth-child(3n) {
}

.prece div { position: absolute; }
.prece .cena, .prece .cena_old {
	bottom: 0;	width: 125px; text-align: center;
	line-height: 30px;
	height: 30px;
}
.prece .cena { left: 0; right: 0; margin: 0 auto; font-weight: bold; font-size: 20px; color: #33cc33; }
.prece .cena_old { left: 125px; color: #880021; }
.prece .bilde {
	width: 170px; height: 170px; left: 40px; top: 10px;
	text-align: center; vertical-align: middle; line-height: 170px;
}

.prece .bilde img {
	margin: 0 auto;
	vertical-align: middle;
	max-height: 120px;
	display: initial;
}
.prece .nosaukums {
	height: 30px;
	line-height: 30px;
	bottom: 0; text-align: center;
	width: 250px;
	background: #212121;
	color: #f7fff7;
	font-size: 14px;
	overflow: hidden;
	display: block;
	text-decoration: none;
}

.prece .akcija {
	width: 250px;
	height: 30px;
	top: 0;
	left: 0;
}

.apraksts { display: none; }

.prece .akcija span {
	letter-spacing: 1px;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	line-height: 30px;
	width: 250px;
	height: 30px;
	font-size: 14px;
	text-transform: uppercase;
	color: #fff7f7;
	background-color: #777;
	text-align: center;
	background-image:url('akcija.png');
	background-repeat: no-repeat;
	background-size: 28px;
	background-position: 1% 50%;
}

.prece .akcija span.popular {
	background-color: #777;
	background-image:url('good.png');
	background-repeat: no-repeat;
	background-size: 28px;
	background-position: 99% 50%;
}

.prece .onHover:hover { opacity: 1; }
.prece .onHover {
	width: 250px;
	height: 100%;
	background: rgba(0,0,0,0.7);
	top: 0; left: 0;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #222;
	display: block;
	vertical-align: middle;
	opacity: 0;
}

.prece .onHover span, .prece .onHover a { display: block; text-align: center; margin: 0 auto; line-height: 30px; height: 30px; text-shadow: rgba(0,0,0,0.2) 0 1px 5px; }
.prece .onHover span.old { color: #d0d0d0; margin-top: 55px; }
.prece .onHover span.new { color: #f7f7f7; font-size: 25px; }
.prece .onHover a {
	text-decoration: underline;
	text-transform: uppercase;
	color: #ffc;
}
.prece .onHover a:hover { text-decoration: none; }

.prece .poga-pirkt {
	bottom: 4px;
	width: 100%;
}

.prece .poga-pirkt a {
	display: block;
	width: 160px;
	height: 40px;
	line-height: 40px;
	text-decoration: none;
	background: #669900;
	color: #1a0000;
	text-align: center;
	border-radius: 2px;
	font-size: 12px;
	text-transform: uppercase;
	margin: 0 auto;
}

.abs_page_list {
	display: inline-block;
	width: 36%;
	height: 20px;
	line-height: 20px;
	padding: 5px;
}

.abs_page_list a.abs_pages {
	width: 20px;
	height: 20px;
	background: #555;
	color: #f0f0f0;
	text-decoration: none;
	display: inline-block;
	text-align: center;
	margin-right: 2px;
}

.abs_page_list a.abs_pages.active {
	background: #00A352;
}

#left-sidebar .prece {
	width: 200px;
	box-shadow: none;
	margin: 5px 0 0 0;
}
#left-sidebar .prece .nosaukums, #left-sidebar .prece .akcija, #left-sidebar .prece .bilde,
#left-sidebar .prece .akcija span, #left-sidebar .prece .onHover, #left-sidebar .prece .options {
	width: 200px;
}
#left-sidebar .prece .cena, #left-sidebar .prece .cena_old { width: 100px; }
#left-sidebar .prece .cena_old { left: 100px; }
#left-sidebar .prece .options { display: none; }

#left-sidebar ul.outer-filter {
	margin: 5px 0 0 0;
	padding: 0;
	list-style: none;
}

#left-sidebar br, #resources br { display: none; }

#left-sidebar ul.outer-filter h3 {
	padding: 2px 10px;
	margin: 0;
	font-size: 13px;
	line-height: 26px;
	text-transform: uppercase;
	background: #6ec06e;
	color: #f0fff0;
}

#left-sidebar ul.outer-filter li {
	cursor: pointer;
	border-bottom: 1px solid #60c060;
}
#left-sidebar ul.outer-filter li ul {
	margin: 3px auto;
	width: 90%;
	list-style: none;
	padding: 0;
	display: none;
}
#left-sidebar ul.outer-filter li.active ul { display: block; }
#left-sidebar ul.outer-filter li ul li { border-bottom: 1px solid #f0f0f0; }
#left-sidebar ul.outer-filter li ul li label { width: 100%; display: block; }
#left-sidebar input.hidden { display:none; }

#abs_preloader {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.5);
	z-index: 200;
}
@media screen and ( max-width: 1020px ) {

	.prece:nth-child(3n) { margin-right: 30px; }
	.prece:nth-child(2n) { margin-right: 0; }
	.prece {
	    margin-right: 30px;
		width: 285px;
		max-width: 285px;
	}
	.prece .akcija, .prece .akcija span, .prece .nosaukums, .prece .onHover, .prece .bilde, .prece .options { width: 285px; left: 0; }
	.prece:nth-last-child(-n+4) .bilde { width: 285px; }
	.prece:nth-last-child(-n+4) div { z-index: 0; }
	.prece:nth-last-child(-n+4) .options { height: 0 !important; top: 230px !important; z-index: 101; }
	.prece:nth-last-child(-n+4):hover .options { height: 255px !important; }
	.prece:nth-last-child(-n+3) div { z-index: 3; }
	.prece:nth-last-child(-n+3) .options { top: 0 !important; height: 230px !important; z-index: 1 !important; }
	.prece:nth-last-child(-n+3):hover .options { top: -255px !important; height: 255px !important; }

}

.page br { display: none; }
li.filter-parent h3 { margin: 0 0 4px 0; border-bottom: 1px solid #555; line-height: 26px !important; font-size: 14px !important; font-weight: normal; cursor: pointer; }
li.filter-parent ul { display: none; }
li.filter-parent.active ul { display: block; }
input.hidden { display: none; }

header#masthead { z-index: 102; }