/*	Layout CSS */
/*	Autor: joan@nucliweb.net */
body{ background: url(../images/bg.jpg) top center no-repeat #e6e6e6; margin-bottom: 30px;}
#wraper{
	width: 990px;
	margin: 0 auto;
}

#header{
	background: url(../images/header-bg.png) 0 0 no-repeat;
	height: 100px;
	width: 990px;
	text-align: right;
	
	-moz-box-shadow: 0px 0px 8px #222;
	-webkit-box-shadow: 0px 0px 8px #222;
	
}

#languages{margin-bottom: 25px; padding-right: 10px;}
#languages a{margin-left: 3px;}
#languages img{border: 0}

#submenu{ padding-right: 5px; margin-bottom: 5px;}
#menu{}

#banners{ background-color:#efefef; padding:10px;}

#book{
	background: url(../images/banner-llibre.jpg) 0 0 no-repeat;
	float: left;
	width: 205px; /*235px - padding */
	height: 55px; /* 145px - padding */
	padding-top: 90px;
	padding-left: 30px;
	margin-right: 10px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

#book-mini{
	background: url(../images/mini-banner-llibre.jpg) 0 0 no-repeat;
	width: 190px; /*235px - padding */
	height: 55px; /* 145px - padding */
	padding-top: 90px;
	padding-left: 30px;
	margin-right: 10px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin-bottom: 10px;
}

#offert{
	float: left;
	width: 485px;
	height: 145px;
	margin-right: 10px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

#offert .content{
	float: right;
	width: 195px;
	height: 125px;
	padding: 10px;
	background: url(../images/transparent-bg.png) 0 0;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
}


#gift .content{
	height: 125px;
	padding: 10px;
	background: url(../images/transparent-bg.png) 0 0;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	-moz-border-radius-botomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
}

#destacat{
	float: left;
	width: 210px; /*235px - padding */
	height: 80px; /* 145px - padding */
	/*padding-top: 65px;*/
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

#destacat .content{
	height: 125px;
	padding: 10px;
	background: url(../images/transparent-bg.png) 0 0;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	-moz-border-radius-botomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
}

#offert-mini{
	width: 220px;
	height: 145px;
	margin-bottom: 10px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.content-mini{
	width: 200px;
	height: 45px;
	padding: 5px 10px;
	background: url(../images/transparent-bg.png) 0 0;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	position: relative;
	top: 90px;
}


#gift{
	float: left;
	width: 210px; /*235px - padding */
	height: 80px; /* 145px - padding */
	padding-top: 65px;
	padding-left: 20px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

#gift-mini{
	float: left;
	width: 200px; /*235px - padding */
	height: 80px; /* 145px - padding */
	padding-top: 65px;
	padding-left: 20px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin-bottom: 20px;
}
#container{
	
	-moz-box-shadow: 0px 0px 8px #222;
	-webkit-box-shadow: 0px 0px 8px #222;
	
}
#content{
	background-color: #FFF;
	padding: 20px;
	width: 710px;
	float: left;
}

#column-right{
	background: url(../images/column-right-bg.jpg) 0 0 repeat-y #99abc1;
	padding: 10px 10px 0px 10px;
	width: 220px;
	float: right;
	border-bottom: 1px solid #7d93ac;
}
#column-right-content{ background:url(../images/boad-bg.gif) bottom center no-repeat; padding-bottom: 250px;}
#footer{
	background-color: #606060;
	padding: 0px 5px;
	margin-top: 5px;
	height: 20px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}


#footer .contact{ float: left; padding-top: 2px;}
#footer .social-home{ float: left; background-color: #000; padding: 2px 15px;}
#footer .legal{ float: right; padding-top: 2px;}

/* - Generic classes ---------------------------------------------------------------- */
.c{ clear:both; line-height: 0px; font-size: 0px;padding: 0;}
.block{ display: block;}
.fl{ float: left;}
.fr{ float: right;}

.m0{margin:0px}     .mt0{margin-top:0px}   .mr0{margin-right:0px}   .mb0{margin-bottom:0px}   .ml0{margin-left:0px}
.m5{margin:5px}     .mt5{margin-top:5px}   .mr5{margin-right:5px}   .mb5{margin-bottom:5px}   .ml5{margin-left:5px}
.m10{margin:10px}	.mt10{margin-top:10px} .mr10{margin-right:10px} .mb10{margin-bottom:10px} .ml10{margin-left:10px}
.m15{margin:15px}	.mt15{margin-top:15px} .mr15{margin-right:15px} .mb15{margin-bottom:15px} .ml15{margin-left:15px}
.m20{margin:20px}	.mt20{margin-top:20px} .mr20{margin-right:20px} .mb20{margin-bottom:20px} .ml20{margin-left:20px}
.m24{margin:24px}	.mt24{margin-top:24px} .mr24{margin-right:24px} .mb24{margin-bottom:24px} .ml24{margin-left:24px}
.m25{margin:25px}	.mt25{margin-top:25px} .mr25{margin-right:25px} .mb25{margin-bottom:25px} .ml25{margin-left:25px}
.m30{margin:30px}	.mt30{margin-top:30px} .mr30{margin-right:30px} .mb30{margin-bottom:30px} .ml30{margin-left:30px}

.p0{padding:0px}	.pt0{padding-top:0px}   .pr0{padding-right:0px}   .pb0{padding-bottom:0px}   .pl0{padding-left:0px}
.p5{padding:5px}	.pt5{padding-top:5px}   .pr5{padding-right:5px}   .pb5{padding-bottom:5px}   .pl5{padding-left:5px}
.p10{padding:10px}	.pt10{padding-top:10px} .pr10{padding-right:10px} .pb10{padding-bottom:10px} .pl10{padding-left:10px}
.p15{padding:15px}	.pt15{padding-top:15px} .pr15{padding-right:15px} .pb15{padding-bottom:15px} .pl15{padding-left:15px}
.p20{padding:20px}	.pt20{padding-top:20px} .pr20{padding-right:20px} .pb20{padding-bottom:20px} .pl20{padding-left:20px}
.p24{padding:24px}	.pt24{padding-top:24px} .pr24{padding-right:24px} .pb24{padding-bottom:24px} .pl24{padding-left:24px}
.p25{padding:25px}	.pt25{padding-top:25px} .pr25{padding-right:25px} .pb25{padding-bottom:25px} .pl25{padding-left:25px}
.p30{padding:30px}	.pt30{padding-top:30px} .pr30{padding-right:30px} .pb30{padding-bottom:30px} .pl30{padding-left:30px}