html{
	background: url(../images/body-bg-2.jpg) 50% 0;
	height: 100%;
}
body {
	margin: 0;
	background: url(../images/body-bg-1.jpg) no-repeat 50% 0;
	min-height:100%;
	min-width: 810px;
}
* html body {height:100%;}
img {
	padding: 0;
	margin: 0;
	border: none;
}
form {
	padding: 0;
	margin: 0;
}
.form select, .form input, .form textarea {vertical-align:middle;}
/*start main*/
#main {
	margin: 0 auto;
	width: 810px;
	background: url(../images/main-bg.jpg) no-repeat;
	overflow: hidden;
}
/*start header*/
#header {
	float: left; 
	position: relative;
	width: 780px;
	height: 198px;
	margin: 39px 0 0 15px;
	display: inline;
	background: url(../images/header-bg.jpg) no-repeat;
}
#header .logo {
	position: absolute;
	top: 50px;
	left: 29px;
	background: url(../images/logo-bg.jpg) no-repeat;
	width: 213px;
	height: 107px;
	text-indent: -9999px;
	overflow: hidden;
}
#header .header-image {
	position: absolute;
	top: 0;
	right: 48px;
}
/*start top navigation*/
#header #top-nav {
	position: absolute;
	width: 768px;
	height: 30px;
	padding: 2px 0 0 12px;
	margin: 0;
	top: 168px;
	list-style: none;
	background: url(../images/top-nav-bg.jpg) no-repeat;
}
#header #top-nav li {
	float: left;
	height: 29px;
}
#header #top-nav li a {
	float: left;
	height: 29px;
	text-indent: -9999px;
	overflow: hidden;
}

/* ---Descarregar PDF home ----- */

#pdf_home {position:relative; top: 0px; left:630px; z-index:10;}
#pdf_home a { display:block; width:151px; height:140px; background-image: url('../images/img_home_pdf.png');}

/* ----------------------------- */
#header #top-nav .inicio { width: 50px; background: url(../images/top-link1-bg.gif) no-repeat; }
#header #top-nav .inicio:hover { width: 50px; background: url(../images/top-link1-bg.gif) no-repeat 0 -29px; }
#header #top-nav .inicio_se { width: 50px; background: url(../images/top-link1-bg.gif) no-repeat 0 -58px; }

#header #top-nav .tienda {width: 55px; background: url(../images/top-link2-bg.gif) no-repeat; }
#header #top-nav .tienda:hover {width: 55px; background: url(../images/top-link2-bg.gif) no-repeat 0 -29px; }
#header #top-nav .tienda_se {width: 55px; background: url(../images/top-link2-bg.gif) no-repeat 0 -58px; }

#header #top-nav .videoclub {width: 74px; background: url(../images/top-link8-bg.gif) no-repeat; }
#header #top-nav .videoclub:hover {width: 74px; background: url(../images/top-link8-bg.gif) no-repeat 0 -29px; }
#header #top-nav .videoclub_se {width: 74px; background: url(../images/top-link8-bg.gif) no-repeat 0 -58px; }


#header #top-nav .novedades_alquiler { width: 166px; background: url(../images/top-link3-bg.gif) no-repeat; }
#header #top-nav .novedades_alquiler:hover { width: 166px; background: url(../images/top-link3-bg.gif) no-repeat 0 -29px; }
#header #top-nav .novedades_alquiler_se { width: 166px; background: url(../images/top-link3-bg.gif) no-repeat 0 -58px; }

#header #top-nav .agenda { width: 60px; background: url(../images/top-link4-bg.gif) no-repeat; }
#header #top-nav .agenda:hover { width: 60px; background: url(../images/top-link4-bg.gif) no-repeat 0 -29px; }
#header #top-nav .agenda_se { width: 60px; background: url(../images/top-link4-bg.gif) no-repeat 0 -58px; }

#header #top-nav .noticias { width: 66px; background: url(../images/top-link5-bg.gif) no-repeat; }
#header #top-nav .noticias:hover { width: 66px; background: url(../images/top-link5-bg.gif) no-repeat 0 -29px; }
#header #top-nav .noticias_se { width: 66px; background: url(../images/top-link5-bg.gif) no-repeat 0 -58px; }

#header #top-nav .facebook { width: 101px; background: url(../images/top-linkfacebook-bg.gif) no-repeat; }
#header #top-nav .facebook:hover { width: 101px; background: url(../images/top-linkfacebook-bg.gif) no-repeat }
#header #top-nav .facebook_se { width: 101px; background: url(../images/top-linkfacebook-bg.gif) no-repeat }

#header #top-nav .contacto { width: 73px; background: url(../images/top-link7-bg.gif) no-repeat; }
#header #top-nav .contacto:hover { width: 73px; background: url(../images/top-link7-bg.gif) no-repeat 0 -29px; }
#header #top-nav .contacto_se { width: 73px; background: url(../images/top-link7-bg.gif) no-repeat 0 -58px; }

/*start content*/
#content {
	float: left;
	width: 810px;
	background: url(../images/content-bg.png) repeat-y;
}
/*start box 1*/
#content .box-1 {
	float: left;
	width: 780px;
	margin: 0 0 0 15px;
	display: inline;
	background: #f0f4fb url(../images/box-1-bg.jpg) no-repeat;
	position: relative;
}
#content .box-1 ul {
	float: left;
	list-style: none;
	padding: 14px 0 0 14px;
	margin: 0 0 0 5px;
}
#content .box-1 ul li {
	float: left;
	padding: 0 10px 0 0;
	margin: 0;
}
#content .box-1 ul a {
	float: left;
	background: url(../images/box-1-item.gif) no-repeat;
	width: 139px;
	height: 199px;
	padding: 2px 0 0 2px;
}
#content .box-1 ul .top10 {
	float: left;
	background: url(../images/bg_top10home.jpg) no-repeat;
	width: 139px;
	height: 199px;
	padding: 2px 0 0 2px;
	margin: 0 10px 0 0;
}
/*  ///// TOP 10 HOME  ////// */

.top10txt{
	color: #000;
	width: 100px;
	margin: 30px 0 0 20px;
	position: absolute;
	text-align: center;
	font-family: "Trebuchet MS", arial, verdana, sans-serif;
	font-weight: bold;
}
.top10txt strong{
	display: block;
	text-align: center;
	font-size: 38px;
	margin: 0 0 5px 0;
	font-weight: bold;
}
.top10txt span{
	margin: 10px 0  0 0;
	display: block;
	text-align: center;
	font-size: 11px;
}
.top10{
	padding: 0 30px 0 0;
}
/*  ///// FI TOP 10 HOME  ////// */
#content .box-1 ul a:hover {
	background: url(../images/box-1-item-active.gif) no-repeat;
}
#content .box-1 ul .last {padding: 0;}
#content .box-1 ul img {float: left;}
/*start box 2*/
#content .box-2 {
	float: left;
	background: url(../images/box-2-bg.jpg) no-repeat;
	width: 780px;
	height: 43px;
	margin: 0 0 0 15px;
	display: inline;
	position: relative;
}
#content .box-2 .links {
	float: left;
	list-style: none;
	padding: 12px 0 0 12px;
	margin: 0;
	height: 31px;
}
#content .box-2 .links li {
	float: left;
	padding: 0 12px 0 0;
}
#content .box-2 .links li a {
	text-indent: -9999px;
	overflow: hidden;
	float: left;
	height: 31px;
}
#content .box-2 .links .novetats {
	background: url(../images/links-1.jpg) no-repeat;
	width: 166px;
}
#content .box-2 .links .novetats:hover {
	background-position: 0 -31px;
}
#content .box-2 .links .top10_1 {
	background: url(../images/links-2.jpg) no-repeat;
	width: 104px;
}
#content .box-2 .links .top10_1:hover {
	background-position: 0 -31px;
}
#content .box-2 .links .top10_2 {
	background: url(../images/links-3.jpg) no-repeat;
	width: 88px;
}
#content .box-2 .links .top10_2:hover {
	background-position: 0 -31px;
}

/* ------ INICI JQUERY --------- */
.novetats_select {
	background: url(../images/links-1.jpg) no-repeat;
	width: 166px;
	background-position: 0 -62px;
}
.top10_1_select {
	background: url(../images/links-2.jpg) no-repeat;
	width: 104px;
	background-position: 0 -62px;
}
.top10_2_select {
	background: url(../images/links-3.jpg) no-repeat;
	width: 88px;
	background-position: 0 -62px;
}
/* ------ FI JQUERY --------- */


/*#content .box-2 .links a:visited {background-position: 0 -62px;}*/
#content .box-2 .right-links {
	float: right;
	list-style: none;
	padding: 12px 0 0;
	margin: 0;
}
#content .box-2 .right-links li {
	float: left;
	background: url(../images/rigth-links-sep.jpg) no-repeat;
	padding: 0 1px 0 0;
}
#content .box-2 .right-links .last {
	padding: 0;
	background: none;
}
#content .box-2 .right-links a {
	float: left;
	height: 31px;
	text-indent: -9999px;
	overflow: hidden;
}
#content .box-2 .right-links .link1 {
	width: 65px;
	background: url(../images/rigth-links-link1.jpg) no-repeat;
}
#content .box-2 .right-links .link2 {
	width: 72px;
	background: url(../images/rigth-links-link2.jpg) no-repeat;
}
#content .box-2 .right-links a:hover {background-position: 0 100%;}
/*start left column*/
#content #column {
	float: left;
	width: 423px;
	background: url(../images/column-bg.jpg) no-repeat;
	padding: 30px 24px 0 20px;
	margin: 0 0 0 15px;
	display: inline;
	position: relative;
}
#content #column h1 {margin: 0;}
#content #column p {
	margin: 4px 0 7px 0;
	font: bold 11px/20px Tahoma, Arial, Helvetica, sans-serif;
	color: #453d3d;
	text-align: justify;
}
#content #column .image-holder {
	float: left;
	width: 419px;
	margin: 20px 0 10px 4px;
	display: inline;
	background: url(../images/image-holder-bg.gif) no-repeat 0 100%;
}
#content #column .image-holder img.img01 {float: left; margin-bottom: 15px;}
#content #column .image-holder img.img02 {float: left; border: 1px solid #000;}
#content #column .image-holder ul {
	float: left;
	list-style: none;
	padding: 1px 0 0 143px;
	margin: 0;
}
#content #column .image-holder ul li {
	float: left;
	background: url(../images/rigth-links-sep.jpg) no-repeat;
	padding: 0 1px 0 0;
}
#content #column .image-holder ul a {
	float: left;
	height: 25px;
	text-indent: -9999px;
	overflow: hidden;
}
#content #column .image-holder ul .link1 {
	width: 65px;
	background: url(../images/rigth-links-link1-1.jpg) no-repeat;
}
#content #column .image-holder ul .link2 {
	width: 72px;
	background: url(../images/rigth-links-link2-2.jpg) no-repeat;
}
#content #column .image-holder ul a:hover {background-position: 0 100%;}
/*start right column*/
#content #column2 {
	float: left;
	width: 313px;
	position: relative;
}
/*start box 3*/
#content #column2 .box-3 {
	float: left;
	background: url(../images/box-3-bg.jpg) no-repeat;
	width: 295px;
	height: 94px;
	padding: 14px 0 0 18px;
}
#content #column2 .box-3 .box-3-inner {
	float: left;
	width: 295px;
	height: 67px;
}
#content #column2 .box-3 h3 {float: left;width: 100%;margin: 0;}
#content #column2 .box-3 h3 img {float: left;}
#content #column2 .box-3 p {
	margin: 0;
	font: bold 11px/16px Tahoma, Arial, Helvetica, sans-serif;
	color: #8d4900;
}
#content #column2 .box-3 p a {color: #8d4900;}
#content #column2 .box-3 p a:hover {text-decoration: none;}
#content #column2 .box-3 .link {
	float: right;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/box-3-link.jpg) no-repeat;
	width: 200px;
	height: 27px;
}
#content #column2 .box-3 .link:hover {background-position: 0 100%;}


/*start box como*/
#content #column2 .box-como {
	float: left;
	background: url(../images/box-como-bg.jpg) no-repeat;
	width: 311px;
	height: 119px;
	padding: 13px 0 0 19px;
}
#content #column2 .box-como .box-como-inner {
	float: left;
	width: 200px;
	height: 92px;
}
#content #column2 .box-como h3 {float: left;width: 100%;margin: 0;}
#content #column2 .box-como h3 img {float: left;}
#content #column2 .box-como p {
	margin: 0;
	font: bold 11px/16px Tahoma, Arial, Helvetica, sans-serif;
	color: #036;
}
#content #column2 .box-como p a {color: #8d4900;}
#content #column2 .box-como p a:hover {text-decoration: none;}
#content #column2 .box-como .link {
	float: right;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/box-como-link.jpg) no-repeat;
	width: 204px;
	height: 26px;
}

/*start box 4*/
#content #column2 .box-4 {
	float: left;
	width: 295px;
	height: 98px;
	padding: 11px 0 0 18px;
	background: url(../images/box-4-bg.jpg) no-repeat;
}
#content #column2 .box-4 h3 {margin: 0 0 7px 0;float: left;width: 100%;}
* html #content #column2 .box-4 h3 {margin: 0;float: left;width: 100%;}
#content #column2 .box-4 img {float: left;}
#content #column2 .box-4 p {
	margin: 0;
	font: bold 11px/16px Tahoma, Arial, Helvetica, sans-serif;
	color: #0e3b63;
}
#content #column2 .box-4 .box-4-inner {
	float: left;
	width: 295px;
	height: 72px;
}
#content #column2 .box-4 .link {
	float: right;
	background: url(../images/box-4-link.jpg) no-repeat;
	height: 26px;
	width: 200px;
	text-indent: -9999px;
	overflow: hidden;
}
#content #column2 .box-4 .link:hover {background-position: 0 100%;}
/*start box 5*/
#content #column2 .box-5 {
	float: left;
	background: url(../images/box-5-bg.jpg) no-repeat;
	width: 295px;
	height: 98px;
	padding: 11px 0 0 18px;
}
#content #column2 .box-5 .box-5-inner {
	float: left;
	width: 295px;
	height: 72px;
}
#content #column2 .box-5 h3 {
	margin: 0;
	float: left;
	width: 100%;
}
#content #column2 .box-5 h3  img {float: left;}
#content #column2 .box-5 p {
	margin: 0;
	font: bold 11px/16px Tahoma, Arial, Helvetica, sans-serif;
	color: #0e3b63;
}
* html #content #column2 .box-5 p {margin: -10px 0 0;}
#content #column2 .box-5 .link {
	float: right;
	width: 200px;
	height: 26px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/box-5-link.jpg) no-repeat;
}
#content #column2 .box-5 .link:hover {background-position: 0 100%;}
/*start box 6*/
#content #column2 .box-6 {
	float: left;
	background: url(../images/box-6-bg.jpg) no-repeat;
	width: 295px;
	height: 186px;
	padding: 17px 0 0 18px;
}
#content #column2 .box-6 .box-6-inner {
	float: left;
	width: 295px;
	height: 161px;
}
#content #column2 .box-6 h3 {margin: 0;}
#content #column2 .box-6 ul {
	float: left;
	width: 283px;
	list-style: none;
	padding: 10px 0 0 6px;
	margin: 0;
	font: bold 11px/26px Tahoma, Arial, Helvetica, sans-serif;
}
#content #column2 .box-6 ul li {
	float: left;
	width: 283px;
}
#content #column2 .box-6 ul a {
	color: #360;
	text-decoration: none;
}
#content #column2 .box-6 ul a:hover {text-decoration: underline;}
#content #column2 .box-6 .link {
	float: right;
	width: 200px;
	height: 25px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../images/box-6-link.jpg) no-repeat;
}
#content #column2 .box-6 .link:hover {background-position: 0 100%;}
/*start footer*/
#footer {
	float: left;
	background: url(../images/footer-bg.png) no-repeat;
	width: 810px;
	height: 86px;
	padding: 45px 0 0;
	margin: 0 0 20px 0;
	text-align: center;
	font: bold 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #fbe295;
}
#footer p {margin: 0;}
#footer a {
	color: #fbe295;
	text-decoration: none;
	position: relative;
}
#footer a:hover {text-decoration: underline;}
#footer ul {
	margin: 0;
	list-style: none;
	padding: 0;
}
#footer ul li {
	display: inline;
	padding: 0 9px 0 0;
}

/* PERSONALITZATS */



/* --- HOME ---  */

#content #column .link3{
	font: bold 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #666;
	text-align: center;
	display: block;
}



.clear{clear: both;}

#content #tienda,
#content #videoclub,
#content #contacto,
#content #noticias,
#content #novedades_alquiler,
#content #agenda,
#content #accesos {
	width: 748px;
	padding: 15px;
	margin: 0 auto;
	background: url(../images/bg_degradat.jpg) repeat-x top;
	font-family: tahoma, arial, verdana;
	font-size: 12px;
	font-weight: normal;
	color: #333;
	line-height: 18px;
 }

#content #tienda img { border: 1px solid #000; }
#content #tienda .box_tienda { float: left; margin: 20px 50px 0 40px }

#content #tienda h1.titol { height:25px; background: url("../images/tit_tienda.gif") no-repeat;}
#content #tienda h1.titol_1 { background: url("../images/tit_slot.gif") no-repeat;}
#content #tienda h1.titol_2 { margin-top: 30px; background: url("../images/tit_warhammer.gif") no-repeat;}
#content #tienda h1.titol_3 { margin-top: 30px; background: url("../images/tit_juguetes.gif") no-repeat;}
#content #tienda h1.titol_4 { margin-top: 30px; background: url("../images/tit_puericultura.gif") no-repeat;}

#content #tienda h1.titol span,
#content #tienda h1.titol_1 span,
#content #tienda h1.titol_2 span,
#content #tienda h1.titol_3 span,
#content #tienda h1.titol_4 span {visibility: hidden;}

#content #tienda .seccio_1 img,
#content #tienda .seccio_2 img,
#content #tienda .seccio_3 img,
#content #tienda .seccio_4 img { float: left; margin-right: 20px;}

#content #tienda .seccio_1 p,
#content #tienda .seccio_2 p,
#content #tienda .seccio_3 p { padding-top: 45px;}
#content #tienda .seccio_4 p { padding-top: 5px;}
#content #tienda .seccio_4 ul { margin-left: 365px;}



#content #videoclub h1.titol { background: url("../images/tit_videoclub_video.gif") no-repeat;}
#content #videoclub h1.titol span {visibility: hidden;}
#content #videoclub h1.precios { background: url("../images/tit_videoclub_precios.gif") no-repeat;}
#content #videoclub h1.precios span {visibility: hidden;}
#content #videoclub p { width: 355px; float: left; text-align: justify; margin: 0 20px 12px 0;}
#content #videoclub img{ border: 2px solid #fff; }

#content #novedades_alquiler h1.titol { background: url("../images/tit_proximos_estrenos.gif") no-repeat;}
#content #novedades_alquiler h1.titol span { visibility: hidden; }

#content #noticias .itemModul,
#content #novedades_alquiler .itemModul {margin: 30px 0 5px 0; border-bottom: 1px solid #d8d8d8; padding: 0 0 10px 0;}

#content #novedades_alquiler .itemModul img {border: 1px solid #fff; margin: 0 20px 0 0; float: left;}

#content #noticias h1.titol { background: url("../images/tit_noticias.gif") no-repeat;}
#content #noticias h1.titol span { visibility: hidden; }
#content #noticias .itemModul img {border: 1px solid #fff; margin-right: 20px; float: left;}

#content #noticias .itemModul p.itemInfo,
#content #novedades_alquiler .itemModul p.itemInfo { display: block; background-color: #D7E5FF; padding: 2px;}

#content #noticias p,
#content #novedades_alquiler p{ text-align: justify; font-weight: normal; line-height: 22px;}



table{width: 700px; margin: 20px auto;}
th{ text-align: center; line-height: 12px; padding: 7px 12px; }
td{
	border: 1px solid #D8D8D8;
	text-align: center;
	font-size: 12px;
	padding: 7px 0;
	background-color: #EAEAEA;
	color: #666;
}
.tdBuit { background-color: #fff; }



.taulaDvd caption,
.taulaJocs caption,
.taulaBonificacions caption{
	text-align: left;
	border-bottom: 1px solid #ccc;
	padding: 0 0 5px 0;
	margin: 0 0 20px 0;
	font-weight: bold;
}

.taulaDvd .tdTipus,
.taulaJocs .tdTipus,
.taulaBonificacions .tdTipus{
	color: #000;
	border: none;
	font-size: 11px;
	font-weight: bold;
}

.taulaDvd .tdTipus,
.taulaDvd .thTemps{	background-color: #7DB0F7; color: #0A3EA4; }


.taulaJocs .tdTipus,
.taulaJocs .thTemps{ background-color: #FFC875; color: #BC540F; }
.taulaJocs .tdTipus {width: 226px;}

.taulaBonificacions .tdTipus,
.taulaBonificacions .thTemps{ background-color: #C3E841; color: #548514; }
.taulaBonificacions .tdTipus { width: 226px;}


/* AGENDA */
#content #agenda h1.titol { height: 24px; ;background: url("../images/tit_agenda.gif") no-repeat;}
#content #agenda h1.titol span {visibility: hidden;}
#content #agenda .textAgenda { float: left; width: 380px; margin: 0 10px 0 0; }

#content #videoclub h1.titol { background: url("../images/tit_videoclub_video.gif") no-repeat;}


#content #agenda .taulaAgenda th { font-size: 16px; color: #0066cc; background-color: #d2eaff;}
#content #agenda .taulaAgenda th p { display: block; float:left; margin: 0; padding: 4px 15px 0 0;}
#content #agenda .pdf { padding: 4px 0 0 0; display: block; float:left; font-size: 11px; color: #666;}
#content #agenda .pdf a:link,
#content #agenda .pdf a:visited { color: #666;}
#content #agenda .pdf a:hover { color: #0066cc;}




#content #agenda .taulaAgenda .tdTitol { width: 160px; }
#content #agenda .taulaAgenda .tdDescripcio { padding: 15px; text-align: left; }
#content #agenda .taulaAgenda .tdLink { width: 120px; }



/* CONTACTO */
#content #contacto h1.titol { background: url("../images/tit_contacto.gif") no-repeat;}
#content #contacto h1.titol span { visibility: hidden; }

#contacto form{ width: 280px; border-right: 1px solid #ccc; float: left; margin: 0 20px 0 25px; }
#contacto fieldset { border: none; }
#contacto label{color: #000; display: block; width: 70px; float: left; text-align: right; padding: 0 13px 0 0; font-size: 12px; font-family: arial;}
#contacto input{width: 160px;}
#contacto textarea { height: 80px; }
#contacto .enviarBtn { margin: 0 0 0 95px; }
#contacto address { border-right: 1px solid #ccc; margin: 0 30px 0 180px; padding: 20px 30px 20px 0; float: left; line-height: 10px; font-weight: normal; font-style: normal; }

#contacto .horario{
	line-height: 16px;
	font-weight: normal;
	padding: 3px 0 0 0;
}

#contacto .msgForm { border: 1px solid #ccc; width: 240px; margin: 0 auto 15px auto; padding: 10px;}
#contacto img { border: 1px solid #fff; margin: 15px 0 0 0; }


/* ACCESOS */
#content #accesos h1.titol { height: 24px;background: url("../images/tit_comollegar.jpg") no-repeat;}
#content #accesos h1.titol span { visibility: hidden; }
#content #accesos iframe {
	width: 700px;
	border: 2px solid #666;
	margin: 0 auto;
}