/**
 * Grid container
 */
#tiles {
	list-style-type: none;
	position: relative; /** Needed to ensure items are laid out relative to this container **/
	margin: 0;
}

.anunt{
	
}

#main {
	position:relative;
	margin:0px;
	top:0px;
	left:-2px;
/*	display:bloc !important;
	height:auto !important;*/
}

/**
 * Grid items
 */







.adpanel {
	margin: 0 auto;
	width:100%;
	height:100%;  
	position: relative;
	-webkit-perspective: 600px;
	-moz-perspective: 600px;
}
/* -- make sure to declare a default for every property that you want animated -- */
/* -- general styles, including Y axis rotation -- */
.adpanel .showfront {
	position: absolute;
	top: 0;
	z-index: 9;
	width: inherit;
	height: inherit;
	-webkit-transform: rotateX(0deg) rotateY(0deg);
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	-moz-transform: rotateX(0deg) rotateY(0deg);
	-moz-transform-style: preserve-3d;
	-moz-backface-visibility: hidden;
	/* -- transition is the magic sauce for animation -- */
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.adpanel.adflip .showfront {
	z-index: 9;
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
}
.adpanel .adback {
	position: absolute;
	top: 0;
	z-index: 8;
	width: inherit;
	height: inherit;
	-webkit-transform: rotateY(-180deg);
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;

	-moz-transform: rotateY(-180deg);
	-moz-transform-style: preserve-3d;
	-moz-backface-visibility: hidden;
	/* -- transition is the magic sauce for animation -- */
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.adpanel.adflip .adback {
	z-index: 10;
	-webkit-transform: rotateX(0deg) rotateY(0deg);
	-moz-transform: rotateX(0deg) rotateY(0deg);
}







#tiles li {
	width: 200px;
	height:350px;
	overflow: hidden;
	background-color: #ffffff;
	border: 1px solid #dedede;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
	padding: 0px;
	-webkit-box-shadow: 0px 1px 2px 1px #d1d1d1;
	box-shadow: 0px 1px 2px 1px #d1d1d1; 
}

.bigtiles {
	width: 370px!important;
	height:472px!important;
	overflow: hidden;
	background-color: #ffffff;
	border: 1px solid #dedede;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
	padding: 0px;
	-webkit-box-shadow: 0px 1px 2px 1px #d1d1d1;
	box-shadow: 0px 1px 2px 1px #d1d1d1; 
}

.bigtiles .showfront{
	width: 370px!important;
	height:472px!important;
	overflow: hidden;
	background-color: #ffffff;
	border: 1px solid #dedede;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
	padding: 0px;
	-webkit-box-shadow: 0px 1px 2px 1px #d1d1d1;
	box-shadow: 0px 1px 2px 1px #d1d1d1; 
}

.bigtiles .adback{
	width: 370px!important;
	height:472px!important;
	overflow: hidden;
	background-color: #ffffff;
	border: 1px solid #dedede;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
	padding: 0px;
	-webkit-box-shadow: 0px 1px 2px 1px #d1d1d1;
	box-shadow: 0px 1px 2px 1px #d1d1d1; 
}

.bigtiles img{
	width:370px!important;
	height:385px !important;
}

#tiles li img {
	display: block;
	border-top-left-radius: 3px;
	border-top-right-radius:3px;
}

/**
 * Grid item text
 */

#tiles li h3 {
	padding-left:8px !important;
	padding-right:8px !important;
	font-weight: normal;
	color: #be1113;
}

#tiles li label {
	display:block;
	padding-left:5px;
	padding-top:5px;
}

#tiles li label:last-child {
	padding-bottom:5px;
}

#tiles li span {
	float:right;
	padding-right: 7px;
	padding-top: 5px; 
	font-weight: bold;
	color: #be1113;
}

#tiles li p {
	display:block;
	padding:0px;
	margin:0px;
	background:#e74c4c;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius:3px;
}

#tiles li p label, #tiles li p span {
	color:#fff !important; 
}

/**
 * Grid items with div class
 */
.inAdvertContainer {
	width:180px;
	height:240px;
	margin:0px 5px; 
	padding:0px !important;
	position:relative;  
}


.box {
/* 	display:inline-block; */
	width: 180px;
	height:230px;
	overflow: hidden !important;
	background-color: #ffffff;
	border: 1px solid #929191;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	padding: 0px;
	-webkit-box-shadow: 0px 1px 2px 1px #929191;
	box-shadow: 0px 1px 2px 1px #929191; 
	transition: .5s all;
}

.box a {
  color:#555;
  text-decoration:none; 
}

.box img {
	display: block;
	border-top-left-radius: 3px;
	border-top-right-radius:3px;
	width:180px;
	height:144px;
}

.box h4 {
	padding-left:8px !important;
	padding-right:8px !important;
	font-weight: normal; 
	color: #be1113;
}

.box label {
	display:block;
	padding-left:5px;
	padding-top:5px;
}

.box label:last-child {
	padding-bottom:5px;
}

.box span {
	float:right;
	padding-right: 7px;
	padding-top: 0px; 
	padding-left: 2px; 
	padding-bottom: 2px; 
	font-weight: bold;
	color: #be1113;
	background: #fff;
	border-bottom-left-radius: 3px;
	border-top-left-radius:3px;
	margin-top: -13px;
}

.adAnulf {
	position:absolute; 
	top:140px; 
	right:10px; 
}

.adTime {
	position:absolute; 
	bottom:9px; 
	left:1px; 
	right:0px; 
	font-size:8pt; 
	text-align:center; 
	width:175px; 
	color:#fff; 
	padding-bottom:5px;
	background: #aaa;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius:3px; 
}
.adJudet {
	display:none!important;
}

.box p {
	display:block;
	padding:0px;
	margin:0px;
	background:#e74c4c;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius:3px;
}
.adRulaj {
	margin-top: -16px;
	font-size: 12px;
}

.box p label, #tiles li p span {
	color:#fff !important; 
}

.admake {
	font-weight: 700;
	margin-top: -13px;
}
.admake, .admodel {
	display:block;
	clear:both;
}

.admexp, .pretext {
	display:none; 
}



/**
 * Some extra styles to randomize heights of grid items.
 */
#tiles ali:nth-child(3n) {
	height: 175px;
}

#tiles ali:nth-child(4n-3) {
	padding-bottom: 30px;
}

#tiles ali:nth-child(5n) {
	height: 250px;
}