html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; }

body { margin:0 auto; padding:0; font-family: 'Outfit', Arial, serif; font-weight: 300; }

/* HOMEPAGE - BEGIN */

#htop { border-bottom: 1px solid #000; background-color:#D2FA63; width:100%;}
#htop #conta { width:1280px; margin:0 auto; height:110px;}

/*Style 'compact-menu' label button and hide it by default*/
#menuic {
	border: none;
	text-decoration: none;
	color: #2f2f2f;
	background: #D2FA63;
	text-align: center;
	padding: 0 0;
	cursor: pointer;
	float:left;
	display: none;
}


#logo {padding-top:50px; width:178px; height:60px; display:block; float:left;}
#logo a { width:150px; height:30px; display:block; background: url(../img/LogoNombre.png) no-repeat; background-size: 100%;}

/* Social header */
#social {padding-top:55px; width:120px; height:60px; float:left; padding-left:875px; padding-right:10px; display:block;}

#social a#instagram { display: block; height:24px; width:24px; float:left; background: url(../img/instagram-icon.png) no-repeat 0 0; background-size: 100%; text-decoration:none}
#social a#facebook { display: block; height:24px; width:24px; float:left; background: url(../img/facebook-icon.png) no-repeat 0 0; background-size: 100%; text-decoration:none}
#social a#tiktok { display: block; height:24px; width:24px; float:left; background: url(../img/tiktok-icon.png) no-repeat 0 0; background-size: 100%; text-decoration:none;}

#social a {
margin-right:10px;
/*transition: 0.05s;*/
}

/* Cart */
#cart { padding-top:55px; width:80px; height:60px; float:right; clear:right; display: block;}
#cart a { font-family: 'Outfit', Arial, serif; font-weight:400;  text-decoration:none; color:#000;display: block;}
#cart a:hover { font-weight:bold;   }


/* Navigation */
#nav { height:50px; margin:0 auto; padding-bottom:40px; padding-top:20px; background-color:#D2FA63; text-align:center;}

/*Strip the ul of list styling*/
#nav ul { list-style-type:none;  min-width:800px }
/*Create a horizontal list with spacing*/
#nav li {
	display:inline-block;
	margin-right: 1px;
	margin-bottom: 1px;
}

/*Style for menu links*/
#nav li a {
	display:block;
	/*min-width:140px;*/
	min-width:180px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	color:#000;
	text-decoration: none;
	font-weight:700;
	font-size:19px;
	padding:0 5px 0px 5px;
}

#nav li a.long { min-width:117px; }

/*Hover state for top level links*/
#nav a:hover { color:#cacaca;   }

/*Style 'show menu' label button and hide it by default*/
#nav .show-menu {

	border: 1px solid #2f2f2f;
	/*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
	text-decoration: none;
	color: #2f2f2f;
	background: #fff;
	text-align: center;
	padding: 10px 0;
	cursor: pointer;
	display: none;
}

/*Hide checkbox*/
#nav input[type=checkbox]{
	display: none;
	-webkit-appearance: none;
}

/*Show menu when invisible checkbox is checked*/
#nav input[type=checkbox]:checked ~ #menu{
	display: block;
}
	
/* Main Body Home */

#main-homepage { background-image: url(../img/MainBackground.png); background-repeat:no-repeat; background-position:center; background-size:cover; display:block  }

#container-homepage-generalinfo { text-align:center; display:block; padding-top:80px; padding-bottom:80px }
.juega-padel { font-size:64px; font-weight:800; color:#D2FA63;}
.club-experience { font-size:25px; font-weight:800; color:#fff; }
#location { font-size:28px; font-weight:600; color:#D2FA63; margin-top:30px; text-decoration:none}
#location:hover { color:#fff; font-weight:400;}
#location-image { width:28px; height:28px; padding-left:10px }
#telephone { font-size:28px; font-weight:600; color:#D2FA63; margin-top:30px; text-decoration:none;}
/* Ayuda Whatsapp */
#whatsapp { text-decoration:none; }
#whatsapp:hover { color:#fff; font-weight:400;}
#whatsapp-image { width:48px; height:48px; padding-top:10px; }


#container-homepage-membresias-packs {display:block; height:525px; overflow: hidden;}

#container-homepage-membresias-packs-image { background-color:#D2FA63; display:block; float:left;height:525px; width:50%}
#container-homepage-membresias-packs-image a#container-homepage-packs-image-img { display: block; height:336px; width:281px; float:right; margin-top:80px; margin-right:70px; 
background: url(../img/PacksMembersias.png) no-repeat 0 0; background-size: 100%; text-decoration:none;}
#container-homepage-membresias-packs-text {background-color:#D2FA63; display:block; float:left;height:525px; width:50%}
.container-homepage-packs-title {  font-size:42px; font-weight:800; color:#000; padding-top:50px}
.container-homepage-packs-text {  font-size:22px; font-weight:300; text-align:justify; color:#000; padding-top:20px} 
#container-homepage-membresias-packs-text a#container-homepage-packs-options { display:block; float:left; height:193px; width:300px; background: url(../img/PacksImage.png) no-repeat 0 0; background-size: 100%; text-decoration:none;
margin-top:30px;}


#container-homepage-tienda  { width:100%; height:902px; background-image: url(../img/TiendaNox.png); background-size: cover; background-repeat: no-repeat;background-position: center; padding-top:300px; overflow: hidden;}

#footer { border-top: 1px solid #000; background-color:#D2FA63; width:100%; display:none}
#footer #conta-footer { width:1280px; margin:0 auto; height:100px;}
/* Social header */
#social-footer {padding-top:30px; width:120px; height:50px; float:left; padding-left:50%;display:block;}

#social-footer a#instagram { display: block; height:24px; width:24px; float:left; background: url(../img/instagram-icon.png) no-repeat 0 0; background-size: 100%; text-decoration:none}
#social-footer a#facebook { display: block; height:24px; width:24px; float:left; background: url(../img/facebook-icon.png) no-repeat 0 0; background-size: 100%; text-decoration:none}
#social-footer a#tiktok { display: block; height:24px; width:24px; float:left; background: url(../img/tiktok-icon.png) no-repeat 0 0; background-size: 100%; text-decoration:none;}

#social-footer a { margin-right:10px; }
/* HOMEPAGE - END */

/* MEMBRESIAS - BEGIN */
/*#main-membresias { background-color:#000; width:100%;}*/
#main-membresias { background-image: url(../img/MainBackground.png); background-repeat:no-repeat; background-position:center; background-size:cover; display:block  }

#container-packs { width:1280px; margin:0 auto; height:800px; padding-left:200px; padding-top:25px;}
/*#membresias {padding-top:20px; width:1280px; height:800px; float:left; padding-left: 35px; display:block;}*/
#container-packs a#PackMensualIndividual { display: block; height:350px; width:350px; float:left; background: url(../img/PackMensualIndividual.png) no-repeat 0 0;background-size: 100%; text-decoration:none;}
#container-packs a#PackAnualIndividual { display: block; height:350px; width:350px; float:left; background: url(../img/PackAnualIndividual.png) no-repeat 0 0;background-size: 100%; text-decoration:none;}
#container-packs a#PackMensualParejas { display: block; height:350px; width:350px; float:left; background: url(../img/PackMensualParejas.png) no-repeat 0 0;background-size: 100%; text-decoration:none;}
#container-packs a#PackAnualParejas { display: block; height:350px; width:350px; float:left; background: url(../img/PackAnualParejas.png) no-repeat 0 0;background-size: 100%; text-decoration:none;}
#container-packs a#PackMensualFamiliar { display: block; height:350px; width:350px; float:left; background: url(../img/PackMensualFamiliar.png) no-repeat 0 0;background-size: 100%; text-decoration:none;}
#container-packs a#PackAnualFamiliar { display: block; height:350px; width:350px; float:left; background: url(../img/PackAnualFamiliar.png) no-repeat 0 0;background-size: 100%; text-decoration:none;}

#container-packs a { margin-right:25px; margin-bottom:25px;}

#container-membresias { width:1280px; margin:0 auto; height:800px; padding-left:200px; padding-top:75px; border-top: 1px solid #fff;}
#container-membresias a#MembresiaPersonal { display: block; height:350px; width:350px; float:left; background: url(../img/MembresiaPersonal.png) no-repeat 0 0;background-size: 100%; text-decoration:none;}
#container-membresias a#MembresiaPersonalVIP { display: block; height:350px; width:350px; float:left; background: url(../img/MembresiaPersonalVIP.png) no-repeat 0 0;background-size: 100%; text-decoration:none;}
#container-membresias a#MembresiaFamiliaAmigos { display: block; height:350px; width:350px; float:left; background: url(../img/MembresiaFamiliaAmigos.png) no-repeat 0 0;background-size: 100%; text-decoration:none;}
#container-membresias a#MembresiaFamiliaAmigosVIP { display: block; height:350px; width:350px; float:left; background: url(../img/MembresiaFamiliaAmigosVIP.png) no-repeat 0 0;background-size: 100%; text-decoration:none;}
#container-membresias a#MembresiaPersonalAllStars { display: block; height:350px; width:350px; float:left; background: url(../img/MembresiaPersonalAllStars.png) no-repeat 0 0;background-size: 100%; text-decoration:none;}
#container-membresias a#MembresiaFamiliaAmigosAllStars { display: block; height:350px; width:350px; float:left; background: url(../img/MembresiaFamiliaAmigosAllStars.png) no-repeat 0 0;background-size: 100%; text-decoration:none;}

#container-membresias a { margin-right:25px; margin-bottom:25px;}

/* MEMBRESIAS - END */

/* CLUB - BEGIN */
#main-club { background-color:#000; width:99%;}
.main-club-instal-images {margin-left:auto; margin-right:auto; display: block; padding-top:25px}

/* CLUB - END */

/* RESERVAS - BEGIN */
#main-reservas { background-color:#000; width:99%;}
.main-reservas-images {margin-left:auto; margin-right:auto; display: block; padding-top:100px; padding-bottom:100px }
.main-reservas-images-secondary {margin-left:auto; margin-right:auto; padding-top:25px}

.scheduler-cell-label { padding-bottom:3px; padding-top:3px; font-weight:bold}

.scheduler-cell { padding-bottom:3px; padding-top:3px; font-weight:bold; cursor:pointer}

.app_calendar_days_letter { font-size:14px }
.app_calendar_days_number { font-size:20px; text-align:center; cursor:pointer ;padding-bottom:2px; padding-top:2px}
.app_calendar_months { font-size:12px; text-align:center }

.slots-cell { padding-bottom:5px; padding-top:5px; cursor:pointer; font-weight:bold}

.court-rates-price { padding-bottom:5px; padding-top:5px; cursor:pointer; font-size:14px}
.court-rates-min { padding-bottom:5px; padding-top:5px; cursor:pointer; font-size:11px}

.booking-container {
	display: block;
	width:300px;
	padding-top:50px;
    height: auto;
    margin: 0 auto;
    position: relative;
}

.reservation-confirmed-container {
	display:none;
	width:200px;
	padding-top:50px;
    height: auto;
    margin: 0 auto;
    position: relative;
}

.reservation-confirmed-container-label {
	font-size:14px;
}

.booking-container-backoffice {
	display: block;
	width:900px;
	padding-top:50px;
    height: auto;
    margin: 0 auto;
    position: relative;
}
/* RESERVAS - END */

/* COMPETICIONES - BEGIN */
#main-competiciones { background-color:#000; width:99%;}
.main-competiciones-images {margin-left:auto; margin-right:auto; display: block; padding-top:100px; padding-bottom:400px }

/* COMPETICIONES - END */

/* ACADEMIA - BEGIN */
#main-academia { background-color:#000; width:99%;}
.main-academia-images {margin-left:auto; margin-right:auto; display: block; padding-top:100px; padding-bottom:400px }

/* ACADEMIA - END */

/* TIENDA - BEGIN */
#main-tienda { background-color:#fff; width:99%;}
.main-tienda-images {margin-left:auto; margin-right:auto; display: block; padding-top:100px; padding-bottom:400px }

/* TIENDA - END */

/* RESTAURANTE - BEGIN */
#main-restaurante { background-color:#000; width:99%;}
.main-restaurante-images {margin-left:auto; margin-right:auto; display: block; padding-top:100px; padding-bottom:400px }

/* RESTAURANTE - END */