/* This css file serves as a template for styling your kwicks.  Feel free to modify, but please make note of the comments - some of them are important. */

.kwicks {
	/* recommended styles for kwicks ul container */
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
}
.kwicks li{
	/* these are required, but the values are up to you (must be pixel) */
	width: 125px;
	height: 100px;

	/*do not change these */
	display: block;
	overflow: hidden;
	padding: 0;  /* if you need padding, do so with an inner div (or implement your own box-model hack) */
}
.kwicks.horizontal li {
	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	margin-right: 5px; /*Set to same as spacing option. */	
	float: left;
}
.kwicks.vertical  li{
	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	margin-bottom: 5px; /*Set to same as spacing option. */	
}



/*new*/

.kwicks {
    position: relative;
    z-index: 0;
}
.kwicks li {
    float: left;
    height: 640px;
    width: 307px;
}
.kwicks > li > div {
    background: url("../images/kwicks_div.png") repeat scroll 0 0 transparent;
    height: 433px;
    width: 100%;
}
.kwicks div.banner {
    background: url("../images/h2-case.png") repeat-y scroll -130px 0 transparent;
	font-size:36px;
	color:#fff;
    bottom: 0;
	height:120px;
    padding: 10px 0 0 22px;
    position: absolute;
    width: 280px;
}
.kwicks a {
	position:absolute;
	width:620px;
	height:434px;
	display:block;
	top:0;
	left:0;
}
.kwicks div.banner .title {
    color: #FFFFFF;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 7px;
}
.kwicks div.banner .text {
    color: #FFFFFF;
    font-size: 14px;
    margin-bottom: 11px;
}
.kwicks div.banner .button1 {
    background: none repeat scroll 0 0 #FE7F00;
    color: #FFFFFF;
    display: inline-block;
    font-weight: bold;
    padding: 4px 0 8px;
    text-align: center;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.16);
    width: 58px;
}
.kwicks div .banner .button1:hover {
    background: none repeat scroll 0 0 #666972;
}
.kwicks > li:hover > div {

}
.kwicks > li:hover .banner {
 
}
#kwick_1 {
    background: url("../images/products/casa-rustica.jpg") no-repeat scroll 0 0 transparent;
}
#kwick_2 {
    background: url("../images/products/case-economice.jpg") no-repeat scroll 0 0 transparent;
	border-left:1px solid #fff;
}
#kwick_3 {
    background: url("../images/products/case-unicat.jpg") no-repeat scroll 0 0 transparent;
	border-left:1px solid #fff;	
}

.kwicks #casa-18 {
    background: url("../images/case/casa-18mp.jpg") no-repeat scroll 0 0 transparent;
}

.kwicks #casa-30 {
    background: url("../images/products/18mp.jpg") no-repeat scroll 0 0 transparent;	
}
.kwicks #casa-50 {
    background: url("../images/products/36mp.jpg") no-repeat scroll 0 0 transparent;
	border-left:1px solid #fff;	
}
.kwicks #casa-70 {
    background: url("../images/products/48mp.jpg") no-repeat scroll 0 0 transparent;
	border-left:1px solid #fff;		
}

.kwicks #sectiune-30 {
    background: url("../images/products/plan-18.jpg") no-repeat scroll 0 0 transparent;	
}
.kwicks #sectiune-50 {
    background: url("../images/products/plan-36.jpg") no-repeat scroll 0 0 transparent;
	border-left:1px solid #fff;	
}
.kwicks #sectiune-70 {
    background: url("../images/products/plan-48.jpg") no-repeat scroll 0 0 transparent;
	border-left:1px solid #fff;		
}

.kwicks #pret-30 {
    background: url("../images/products/casa-30-pret.jpg") no-repeat scroll 0 0 transparent;	
}
.kwicks #pret-50 {
    background: url("../images/products/casa-50-pret.jpg") no-repeat scroll 0 0 transparent;
	border-left:1px solid #fff;	
}
.kwicks #pret-70 {
    background: url("../images/products/casa-70-pret.jpg") no-repeat scroll 0 0 transparent;
	border-left:1px solid #fff;		
}

.kwicks.horizontal #kwick_3 {
	margin-right: none; /* cancel margin on last kiwck (if you set a margin above) */
}
.kwicks.vertical #kwick_3 {
	margin-bottom: none; /* cancel margin on last kiwck (if you set a margin above) */
}