@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');


body{
	margin:0px;
	color:#000000;
	font:300 16px/20px "Roboto";
}


:root{
	--azul:#007dcc;/*#0073b7;*/
	--azul2:#089af6;/*#0073b7;*/
	--gris:#5c5d5d;
	--verde:#427a5a;/*0a6600*/
}

a{text-decoration:none;color:inherit;}
.underline{text-decoration:underline;}
.oculto{display:none !important; }

.borde{border:2px #df0000 solid !important;box-sizing:border-box;}
.bco{color:#ffffff;}
.fondobco{background:#ffffff;}
.azul{color:var(--azul)! important ;}
.azulito{color:#0374f3 ! important ;}
.gris{color:#acacac ! important ;}
.verde{color:var(--verde) ! important ;}
.grisclaro{color:#787878 ! important ;}
.grisclarito{color:#acacac ! important ;}

.italica{font-style:italic !important;}
.bold{font-weight:500 !important;}
.txtright{text-align:right !important;}
.txtcenter{text-align:center !important;}
.txtleft{text-align:left !important;}
.aladerecha{float:right !important;}
.alaizquierda{float:left !important;}

.principal{color:#e6007e !important;}
.txtconsombra{text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);}
.consombra{-webkit-box-shadow:0 4px 16px 0 rgba(0, 0, 0, 0.32);
	-moz-box-shadow:0 4px 16px 0 rgba(0, 0, 0, 0.32);
	box-shadow:0 4px 16px 0 rgba(0, 0, 0, 0.32);}
.conborde{border:1px #acacac solid;}


.ellipsis{text-overflow:ellipsis;overflow: hidden;white-space:nowrap;}


.rojo{color:#df0000 !important;}
.ngo{color:#000000 !important;}

.tabla_principal{width:100%;display:inline-block;text-align:center;margin:0px;}
.contenidos{width:96%;text-align:center;display:inline-block;}
.cuerpo1200{width:96%;max-width:1200px;}
.cuerpo1000{width:96%;max-width:1000px;}
.cuerpo900{width:96%;max-width:900px;}
.cuerpo800{width:96%;max-width:800px;}
.imagen100{width:100%;}

.fondo_bco{background:#ffffff !important;}
.fondo_ngo{background:#000000 !important;}
.fondo_gris{background:#f0f0f0 !important;}

.txt40{font-size: 40px;}
.txt30{font-size: 30px;}
.micro{font-size: 10px;}

.pointer{cursor: pointer;}


.playfairdisplay{font-family:"Playfair Display" !important;}

.inicioLogotipo{width:300px;display: inline-block;}


/* MENU */
.menuTop{width:auto;display:inline-block;float:left;position: absolute; top:40px; left:40px;z-index:9999;}

.menuTop .btnMenu,
.menuTopInt .btnMenu{width:auto;display:inline-block;text-align:center;
	-webkit-transition: all 0.2s ease-in-out;   -moz-transition: all 0.2s  ease-in-out; -o-transition: all 0.2s  ease-in-out; transition: all 0.2s  ease-in-out;
		padding:2px 0px;margin:5px 20px;
	/*	text-shadow: 2px 2px 2px rgba(0,0,0,1);	*/
		font:400 16px/16px "Roboto","Arial";color:#ffffff;cursor:pointer;float:left;}
	.menuTop .btnMenuSel,
	.menuTop .btnMenu:hover{border-bottom:2px var(--azul) solid; color:var(--azul);line-height:16px;margin-top:5px;}

.menuTopInt{width:auto;display:inline-block;float:left;padding:30px 0px;margin-top:20px;}
.menuTopInt .btnMenu{color:var(--azul);}
	.menuTopInt .btnMenuSel,
	.menuTopInt .btnMenu:hover{border-bottom:2px var(--azul) solid; color:#var(--azul);line-height:16px;margin-top:5px;}


#menuBot{width:auto;display:inline-block;float:left;}
#menuBot .btnMenu{width:auto;display:inline-block;text-align:left; 
		padding:10px 25px 10px 0px;
		font:400 16px/30px "Roboto","Arial";color:#ffffff;cursor:pointer;float:left;}
	#menuBot .btnMenuSel,
	#menuBot .btnMenu:hover{}


#encabezadoSombra{width:100%;height:150px;display:inline-block;float:none;position: relative;top: 0;left: 0;
background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}



/* INICIO */
#inicioSeccion01{overflow: hidden;}
#inicioMov01{display:inline-block;width:100%;height:700px;overflow-y:hidden;}
#inicioMovCont{display:inline-block;width:100%;height:700px;overflow-y:hidden;text-align: center;}
#inicioCircle{width:600px;height:900px;
	position: relative;top:-100px;
	background: #ffffff;
/*
	background: linear-gradient(-90deg, #ffffff, #e4f3fc, #fce4f6, #f3fce4);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
*/
			-webkit-box-shadow: -8px 1px 40px 0px rgba(0,0,0,0.75);
			-moz-box-shadow: -8px 1px 40px 0px rgba(0,0,0,0.75);
			box-shadow: -8px 1px 40px 0px rgba(0,0,0,0.75);
	float:right;margin-top:-100px;
	-webkit-border-top-left-radius: 50%;-webkit-border-bottom-left-radius: 50%;
	-moz-border-radius-topleft: 50%;-moz-border-radius-bottomleft: 50%;
	border-top-left-radius: 50%;border-bottom-left-radius: 50%;
}
#inicioCircleCont{ display: inline-block;width:78%; float: right; margin-right:11%; margin-top:25%;}


@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}




.bienvenidaTop{display:inline-block; width:100%;font-family:"Playfair Display";
		font-style: italic; font-weight:400;font-size:40px;margin:40px 0px;}
.bienvenidaTop2{display:inline-block; width:100%;font-family:"Playfair Display";
		font-weight:400;font-size:30px;margin:20px 0px 40px 0px; color: var(--azul); 
		letter-spacing: 5px;
}
.inicioTop3{display:inline-block; width:100%;font-weight:300;font-size:18px;margin:20px 0px;}
.inicioTop4{display:inline-block; width:47%;font-weight:300;font-size:30px;margin:20px 0px;font-family:"Playfair Display";}
.inicioTop4b{display:inline-block; width:52%; font-weight:700;font-size:36px;margin:20px 0px;font-family:"Playfair Display";}
.botonesTop{display:inline-block; margin-top:30px;}


/* BOTONES */
.btn{display:inline-block;cursor:pointer;
	-webkit-transition: all 0.2s ease-in-out;   -moz-transition: all 0.2s  ease-in-out; -o-transition: all 0.2s  ease-in-out; transition: all 0.2s  ease-in-out;
	border:none;display:inline-block;text-align:center;
		/* evita seleecionar texto */
		-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;
		-moz-user-select: none;-ms-user-select: none;user-select: none;
	box-sizing:border-box;float:none;
	font:300 14px/28px "Roboto","Arial","Sans";
	}
.btnShadow{
	-webkit-box-shadow:3px 5px 6px 0 rgba(0, 0, 0, 0.32);
	-moz-box-shadow:3px 5px 6px 0 rgba(0, 0, 0, 0.32);
	box-shadow:3px 5px 6px 0 rgba(0, 0, 0, 0.32);
}	
.btnRound{
	-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;
}

.btn_100{width:100%;}

.btn_enviar{border:1px var(--azul) solid;background:var(--azul);color:#ffffff;padding:5px 10px;}
.btnAzul{border:1px var(--azul) solid;background:var(--azul);color:#ffffff;padding:5px 10px;}
.btnAzul:hover{border:1px var(--azul2) solid;background:var(--azul2);}
.btnAlterno{border:1px var(--azul) solid;background:#ffffff;color:var(--azul);padding:5px 10px;}
.btnAlterno2{border:2px var(--azul) solid;background:#ffffff;color:var(--azul);padding:5px 10px;}

.minWidth150{min-width:150px;}

#alertaPendientesCont{
	width:0%; position: absolute;top:80px; right: 0px;
	background: #df3333;
	-webkit-box-shadow:0 4px 16px 0 rgba(0, 0, 0, 0.62);
	-moz-box-shadow:0 4px 16px 0 rgba(0, 0, 0, 0.62);
	box-shadow:0 4px 16px 0 rgba(0, 0, 0, 0.62);overflow: hidden;
}
#alertaPendientes{
	padding:30px 20px;font-size:20px;
	width:300px;display: inline-block;color:#ffffff;white-space:nowrap;
}

.logotipoInt{width:300px;float: right;margin-right:30px;}


/* INDEX */
.inicio_logotipo{width:100%;padding:20px 0px;}


.datepicker,
.datepicker2{background:url(images/ico-calendario.png) !important;cursor:pointer; 
	background-repeat:no-repeat !important;background-position:center right!important;}

/* RESEÑAS */
#resenasList{text-align: center;margin-top:40px;}
#reseniaTit{font:500 30px/30px "Roboto";float: left; text-align: left;margin-left:5%;margin-bottom:20px;}
#reseniaTit img{vertical-align: middle;}

.resenia{width:100%;max-width:340px;display: inline-block;float: none;text-align: left;box-sizing: border-box;
	padding: 10px 20px; margin: 10px 2%;
	-webkit-box-shadow:0 4px 16px 0 rgba(0, 0, 0, 0.62);
	-moz-box-shadow:0 4px 16px 0 rgba(0, 0, 0, 0.62);
	box-shadow:0 4px 16px 0 rgba(0, 0, 0, 0.62);
	-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;
}
.reseniaName{width:60%; height:20px; display:inline-block; overflow: hidden; text-overflow:ellipsis;float: left; box-sizing: border-box;}
.reseniaEstrellas{width:40%; height:20px; display:inline-block; overflow: hidden;float: left; box-sizing: border-box; text-align: center;}
.reseniaStar{width:16px;height:16px;display:inline-block;background:url(images/ico-star.png);background-size:cover;vertical-align: middle;}
.reseniaText{width:100%; height:50px; display:inline-block; overflow: hidden; box-sizing: border-box;margin-top:8px;}




.medioCirculo{width:400px;height:762px;display:inline-block;float:right;
	background: url(images/fondoMedCirculo.png);background-size: cover;background-position: center right;background-repeat: no-repeat;
	-webkit-border-top-left-radius: 50%;-webkit-border-bottom-left-radius: 50%;
	-moz-border-radius-topleft: 50%;-moz-border-radius-bottomleft: 50%;
	border-top-left-radius: 50%;border-bottom-left-radius: 50%;
}

.gradient-background {
  background: linear-gradient(312deg,#fff8ec,#dcfbff,#e9f8f9,#c9f6f9,#ffffff);
  background-size: 300% 300%;
  animation: gradient-animation 35s ease infinite;
}

@keyframes gradient-animation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}





/* CONCIERTO */
#conciertoMain{width:70%;display:inline-block; margin: 30px 0px; overflow-x: hidden;}

#conciertoItem1 img {
	-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;
}

.conciertoCont{width:660px;display:inline-block;float:none;}
.conciertoCont img{margin-top: 20px;
			width:100%;
      filter:drop-shadow(3px 5px 10px black); 
}
.conciertoDetalles{width:calc(100% - 190px);height:100px; display:inline-block; float:left;text-align: left;padding:10px 10px;	
	border:2px var(--azul) solid;margin: 20px 0px;box-sizing: border-box;
	-webkit-border-top-left-radius: 20px;-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-topleft: 20px;-moz-border-radius-bottomleft: 20px;
	border-top-left-radius: 20px;border-bottom-left-radius: 20px;
}
.conciertoDetallesTit{width: 100%;display:inline-block;box-sizing:border-box ;font:400 20px/24px "Playfair Display";}
.conciertoDetallesTxt{width: 100%;display:inline-block;box-sizing:border-box ;font:300 13px/15px "Roboto";}

.conciertoBotoncomprar{width:180px;height:100px;display:inline-block;float:left; cursor: pointer;
	-webkit-transition: all 0.2s ease-in-out;   -moz-transition: all 0.2s  ease-in-out; -o-transition: all 0.2s  ease-in-out; transition: all 0.2s  ease-in-out;
	font:400 20px/24px "Roboto"; color: #ffffff; padding-top:26px;
	background: var(--azul); margin: 20px 0 20px 10px; box-sizing: border-box;/*   margin entre boton pagar y titulo */
	-webkit-border-top-right-radius: 20px;-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-topright: 20px;-moz-border-radius-bottomright: 20px;
	border-top-right-radius: 20px;border-bottom-right-radius: 20px;
}
.conciertoBotoncomprar:hover{background: var(--azul2);}

#experienciasBox{width:84%;float: left;text-align: center;margin-top:330px; float: right;}
.experienciasTxt1{width:100%;display:inline-block;font:500 36px/40px "Roboto";color:var(--azul);}
.experienciasTxt2{width:100%;display:inline-block;font:300 20px/30px "Roboto";color:var(--azul);}

.clasesFamilia{width:660px;display:inline-block;float:none;}
.clasesCont{width:46%;display:inline-block;float:none;margin:10px 1%;}

.clasesCont img{width:100%;	-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;
}
/*
.clasesCont:first-child{float: left;}
.clasesCont:last-child{float:right;}
*/
.clasesDetalles{width:100%;display:inline-block; float:left;text-align: center;padding:10px 10px 15px 10px;
	position: relative;
	border:2px var(--azul) solid;margin: 20px 0px;box-sizing: border-box;
	background:#ffffff;
	-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;
}
.btnMasInfoShow{opacity:0;width:100%; top:0px;left: 0px;padding-top:28px;box-sizing: border-box;cursor: pointer;
	-webkit-transition: all 0.2s ease-in-out;   -moz-transition: all 0.2s  ease-in-out; -o-transition: all 0.2s  ease-in-out; transition: all 0.2s  ease-in-out;
	border:2px var(--azul) solid;background: var(--azul); color:#ffffff;
	-webkit-border-radius: 18px;-moz-border-radius: 18px;border-radius: 18px;
	display:inline-block;height:100%;position:absolute;}
.clasesDetalles:hover .btnMasInfoShow{opacity:1;}
.clasesDetallesTit{width:100%;height:24px;overflow:hidden; display:inline-block; 
	font:500 18px/24px "Playfair Display";font-style: italic;text-transform: uppercase;}
.clasesDetallesTxt{width:100%;height:30px;overflow:hidden; display:inline-block; 
	font:300 13px/15px "Roboto";}


#valoresMain{width:60%; display:inline-block; margin: 30px 0px; padding-top:40px;}

#valoresBox{width:70%;float: left;text-align: center;margin-top:330px; float: right;}
.valoresTxt1{width:100%;display:inline-block;font:500 36px/40px "Roboto";color:var(--azul);text-align: left;}
.valoresTxt2{width:100%;display:inline-block;font:500 36px/40px "Roboto";color:var(--azul);text-align: left;}

.valoresCirculoAzul{width:400px;height:400px;display:inline-block;
		background:var(--azul);
		-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;
			-webkit-box-shadow: 10px 10px 55px 0px rgba(0,0,0,0.75);
			-moz-box-shadow: 10px 10px 55px 0px rgba(0,0,0,0.75);
			box-shadow: 10px 10px 55px 0px rgba(0,0,0,0.75);
}
.valoresTit{width:100%;display:inline-block; font:500 24px/28px "Playfair Display";color:#ffffff;margin-top:40px;}
.valoresTxt{width:80%;display:inline-block; font:300 16px/18px "Roboto";color:#ffffff;margin:20px 9%;}

#mision{vertical-align: top;width:350px;height:350px;margin-left:80px;}
	#mision .valoresTit{margin-top:90px;}
#vision{vertical-align: bottom;margin-top:100px;}
	#vision .valoresTit{margin-top:80px;}






/* TU ESPACIO */
.tuespacioHeader{width:100%;height:360px;display: inline-block;
	background:url(images/tuespacioHeader.jpg);background-size:cover;background-position:center center;
}
#tuespacioLienzo{padding:40px 0px;}
#tuespacioTitulos{margin:50px 0px;text-align: left;}
#tuespacioTop #inicioMov01{display:inline-block;width:100%;height:400px;overflow-y:hidden;}
.tuespacioTit{width:100%;display:inline-block; font:300 60px/60px "Roboto";color:var(--azul);}

.tuespacioContGal{width:100%;max-width:1200px;display:inline-block;margin:20px 0px;
	background: #ffffff;
	border: 1px #acacac solid;padding:50px 50px 20px 30px;box-sizing: border-box;
			-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;
			-webkit-box-shadow: 5px 5px 25px 0px rgba(0,0,0,0.55);
			-moz-box-shadow: 5px 5px 25px 0px rgba(0,0,0,0.55);
			box-shadow: 5px 5px 25px 0px rgba(0,0,0,0.55);
}
.btnTuespacioMasInfo{padding:8px 50px;}
.tuespacioBox01{width:40%;display:inline-block; text-align:left;}

.tuespacioBox01 .titulo{width:100%;display:inline-block; font:700 30px/36px "Playfair Display";margin-bottom: 20px;}
.tuespacioBox01 .subtitulo{width:100%;display:inline-block; font:400 18px/26px "Playfair Display";}
.tuespacioBox01 .texto{width:100%;display:inline-block; font:400 18px/26px "Playfair Display";}
.tuespacioGaleria {width:50%;float:right;display: inline-block;
	position: relative;
		overflow:hidden;
		margin-bottom:30px;
			-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;
}
.iconoLupa{position:absolute;top:15px;right:15px;width:30px;}

#galeria2{text-align: left;}
.imagenCelular{display: inline-block; float: none; margin:1%;}
.imagenCelular img{object-fit: cover;width:100%;height:100%;vertical-align:top;}
.imagenCelularT1{width:30%;height:200px;}
.imagenCelularT2{width:62%;height:200px;}
.imagenCelularT3{width:46%;height:200px;}

#tuEspacioGaleria2{margin-bottom:40px;}



/* CONCIERTO DESCRIP */
#conciertoMain{width:100%;max-width:1000px; float: none; margin: 40px 0px;}
.conciertoImagen{width:100%;display:inline-block;float:none; }
.conciertoImagen img{width:100%;}
.conciertoDescripcion{width:100%;display:inline-block;float:none; text-align: justify;
	font:300 16px/20px "Playfair Display";
}

.conciertoGranTit{ font:700 50px/60px "Roboto";color:var(--azul);text-align: left;margin: 20px 0px;}

.conciertoTabla{width:100%;max-width:1000px;display:inline-block;float:none;margin:40px 0px;}
.conciertoTabla .regilla_celda{padding:20px 10px;}

.imgPaypalPago{width:400px;margin:30px 0px; }



#moduloPagarTop{width:100%;max-width:1000px;display:inline-block;float:none;}
.moduloPagar01{width:60%;min-height:380px;display:inline-block;float:left;
		background:#ffffff;padding:20px 30px;margin:30px 0px;box-sizing:border-box;}
.moduloPagar01 .celda-6{padding-top:10px;}
.moduloPagar01 .celda-6:nth-child(even){width:48%;margin-left:2%;}
.moduloPagar01 .celda-6:last-child{margin:initial;float:none;}

.moduloPagar02{width:calc(40% - 40px);min-height:380px;display:inline-block;float:left;	box-sizing: border-box;
		background: #ffffff;padding:20px 20px;margin:30px 0px 30px 40px;}


.moduloPagarTit{width:100%;display:inline-block;font:700 26px/30px "Roboto";margin:20px 0px;}

.moduloPagar02 .datito{margin:10px 0px;}

.moduloPagar03{width:60%;min-height:430px;display:inline-block;float:left;
		background:#ffffff;padding:50px 30px 20px 30px;margin:30px 0px;box-sizing:border-box;}
.moduloPagar04{width:calc(40% - 40px);min-height:430px;display:inline-block;float:left;	box-sizing: border-box;text-align:justify;
		background: #ffffff;padding:20px 30px;margin:30px 0px 30px 40px;}
.moduloPagar04Tit{width:100%;display:inline-block;font:700 16px/20px "Roboto";color:var(--verde);margin-bottom: 10px;}
.moduloPagar04Tit img{vertical-align: middle;}

/* MAPAS */	
.mapa{width:100%;height:200px;overflow:hidden;position: relative;padding-bottom:15%;vertical-align:top;}
.mapa_gde{height:calc(100vh - 240px);}
#map_canvas{position: absolute;top:0;left:0;width: 100% !important;height: 100% !important;}

#flecha-up{position:fixed;bottom:10px;right:10px;cursor:pointer;display:none;}





/* CONTACTO */
#contactoCont{height:80vh;}
#capchaBox{display:inline-block;margin-top:20px;}
#contactoSecc{width:100%;max-width:900px;display: inline-block;}
.contactoGranTit{width:100%;display:inline-block; font:700 50px/60px "Roboto";color:var(--azul);text-align: left;margin:0px 0px;}
.contactoTit{width:100%;display:inline-block; font:300 30px/20px "Roboto";color:var(--azul);text-align: left;margin: 0px 0px;}

.contactoFormInputs{display:inline-block;width:60%;height:370px;
	display:inline-block;float:left;margin:60px 0px 30px 0px;box-sizing:border-box ;
	-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;padding:30px 20px;
}
	.contactoForm_secc01{width:48%;display:inline-block;float:left;}
	.contactoForm_secc01 .renglon{margin-bottom:10px;}
	.contactoForm_secc01
	.form_input input{line-height:10px;}
	.form_area_contacto{width:100%;height:125px;line-height:18px !important; }
	.btnSender{margin-top:15px;}
	.contactoForm_secc02{width:48%;display:inline-block;float:left;margin-left:4%;}

.contactoFormDatos{display:inline-block;width:30%;height:270px; display:inline-block;float:left;text-align: left;
	padding-left:40px;margin-left:5%;margin-top:70px;margin-bottom:80px;
	border-left:2px #a9a9a9 solid;}
.contactoFormDatos .bull{margin-left:-10px;}
.contDatTit{font:700 18px/20px "Playfair Display";}


/* REGILLA */
.regilla-lista{width:100%;display:table;margin-top:10px;margin-bottom:30px;
	margin-left:auto;margin-right:auto;}
.regilla-lista-min{min-width:200px;}
.regilla_renglon{width:100%;height:80px;display:table-row;box-sizing:border-box;
	/*
			-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;
			-moz-user-select: none;-ms-user-select: none;user-select: none;
		*/
	}
	.regilla_renglon:nth-child(odd){background-color:#ffffff;}/* alternacolores entre filas*/
	.regilla_renglon:nth-child(even){background-color:#f2f2f2;}
.regilla_celda{border-right:1px #acacac solid;padding:0px 4px;
	display: table-cell;vertical-align: middle;}
.regilla_celda_imagen{padding:5px !important;}
.regilla-lista-chica{width:auto;min-width:initial;}/* regilla para fancybox pedido_partidas.php */ 
.regilla_titulos{position:-webkit-sticky; /* Safari */  position: sticky;  top:0px;}

.sticky{position:-webkit-sticky; /* Safari */  position: sticky;  top:0px;}


.reg2box{padding: 10px 10px;}





.icoRotate{width:40px;height:40px;display: inline-block;}
.redesIco{width:40px;height:40px;display: inline-block;}
.redesInstagram{background: url(images/ico-instagram.png);background-size: cover;}
.redesFacebook{background: url(images/ico-facebook.png);background-size: cover;}
.redesCorreo{background: url(images/ico-correo.png);background-size: cover;}
.redesWhatsapp{background: url(images/ico-whastapp.png);background-size: cover;}


.icoRotate:hover .redesIco{
    transition: 0.9s;
    transform: rotateY(360deg);
}


/* PIE */
#pie {background: var(--azul);color: #ffffff;padding:30px 0px;}
#pie .contenidos {width:1200px;}
.pie-secc01{width:100%;max-width:300px;display: inline-block;float: left;margin-bottom:10px;}
	.pie-tit01{width:100%;display:inline-block; font:500 30px/34px "Playfair Display","Arial"; text-align: left;}
	.pie-txt01{width:100%;display:inline-block; font:300 24px/28px "Playfair Display","Arial"; text-align: left;}
.pie-secc02{width:100%;max-width:700px;display: inline-block;float: left; text-align: left;}

.pie-logotipo{float: right;}
.pie-logotipo img{width:200px;}

#redesBot{float: right;}





.caja{width:auto;display:inline-block;float:left;}
.renglon{width:100%;display:inline-block;float:left;}

.renglon_odd:nth-child(odd){background-color:#ffffff;}/* alternacolores entre filas*/
.renglon_odd:nth-child(even){background-color:#f2f2f2;}

.separador{width:100%;height:40px;display:inline-block;float:left;}
/* celdas responsivas */
[class*="celda-"]{display:inline-block;float:left;box-sizing:border-box;}
	.celda-0{width:4.111111%;}		.celda-0x{width:2.050505%;}
	.celda-1{width:8.333333%;}		.celda-1x{width:12.50000%;}		
	.celda-2{width:16.666666%;}		.celda-2x{width:20.83333%;}		
	.celda-3{width:25%;}			.celda-3x{width:29.16666%;}		
	.celda-4{width:33.333333%;}		.celda-4x{width:37.50000%;}
	.celda-5{width:41.666666%;}		.celda-5x{width:45.83333%;}		
	.celda-6{width:50%;}			.celda-6x{width:54.16666%;}			
	.celda-7{width:58.333333%;}		.celda-7x{width:62.50000%;}	
	.celda-8{width:66.666666%;}		.celda-8x{width:70.83333%;}
	.celda-9{width:75%;}			.celda-9x{width:79.16666%;}
	.celda-10{width:83.333333%;}	.celda-10x{width:87.50000%;}	
	.celda-11{width:91.666666%;}	.celda-11x{width:95.833333%;}
	.celda-12{width:100%;}
[class*="colum-"]{box-sizing:border-box;float:left;}
	.colum-0{width:4.111111%;}		.colum-0x{width:2.050505%;}
	.colum-1{width:8.333333%;}		.colum-1x{width:12.50000%;}		
	.colum-2{width:16.666666%;}		.colum-2x{width:20.83333%;}		
	.colum-3{width:25%;}			.colum-3x{width:29.16666%;}		
	.colum-4{width:33.333333%;}		.colum-4x{width:37.50000%;}
	.colum-5{width:41.666666%;}		.colum-5x{width:45.83333%;}		
	.colum-6{width:50%;}			.colum-6x{width:54.16666%;}			
	.colum-7{width:58.333333%;}		.colum-7x{width:62.50000%;}	
	.colum-8{width:66.666666%;}		.colum-8x{width:70.83333%;}
	.colum-9{width:75%;}			.colum-9x{width:79.16666%;}
	.colum-10{width:83.333333%;}	.colum-10x{width:87.50000%;}	
	.colum-11{width:91.666666%;}	.colum-11x{width:95.833333%;}
	.colum-12{width:100%;}
	

.iconito{width:20px;height:20px;margin:10px 5px 0 0;  display:inline-block;vertical-align:middle;float: left;vertical-align: middle;}
.spiner{width:16px;height:16px;vertical-align:middle;}

/* formulario */


.form_label{display:inline-block;float:left;line-height:30px;padding:0px 5px;box-sizing:border-box;   
	color:#232323;box-sizing:border-box;
	margin:0px;
	}
.form_input{width:100%; display:inline-block;float:left;padding:7px 10px;
	color:#232323;box-sizing:border-box; 
	border:1px #c0c0c0 solid;
	background: #ffffff;
/*	-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px; */
	}

.g-recaptcha{background:#ffffff;  height:80px;}


.form_input input,
.form_input textarea{display:inline-block;font:300 16px/30px "Roboto","Arial","Sans";border:none;box-sizing:border-box;color:#343434;
	outline: none;background:transparent;padding:0px 6px;}
.form_input .input_fecha{width:100%;}
.form_input .input_ico{width:calc(100% - 30px);}
.form_input .input_ico2{width:calc(100% - 60px);}
.form_input .input_40{width:40%;}
.form_input .input_50{width:50%;}
.form_input .input_100{width:100%;}
.form_area{width:100%;box-sizing:border-box;height:90px;resize: none;line-height:18px !important; }
.form_area_gde{width:100%;height:200px;line-height:18px !important; }

.select-style{display:inline-block;float:left;overflow: hidden;box-sizing:border-box;
		background: transparent url("images/arrowdown.png") no-repeat right center;
		}
	.select-style select{border:none;box-shadow:none;background-color:transparent;box-sizing:border-box;padding-right:20px;
			-webkit-appearance: none;-moz-appearance: none;appearance: none;
			font:300 12px/20px "Roboto","Arial","Sans";color:#232323;}
	.select-style select:focus{outline: none;}
.select-style-2{background: transparent url("images/arrowdown2.png") no-repeat right center;}
.select-style-bco{background: #ffffff url("images/arrowdown2.png") no-repeat right center;}

/*  CHECKBOX Y RADIOBUTTON*/
input.chbox_norm[type="checkbox"] {display:none;}
input.chbox_norm[type="checkbox"] + label span {display:inline-block;vertical-align:middle;margin:-1px 4px 0 0;cursor:pointer;	
	width:30px;height:30px;background:url(images/check_box.png) left top no-repeat;}
input.chbox_norm[type="checkbox"]:checked + label span {
	background:url(images/check_box.png) 0px -30px no-repeat;}

input.radio_norm[type="radio"] {display:none;}
input.radio_norm[type="radio"] + label span {display:inline-block;vertical-align:middle;margin:-1px 4px 0 0;cursor:pointer;	
	width:30px;height:30px;background:url(images/radio_box.png) left top no-repeat;margin-bottom:10px;vertical-align:top;
	float:left;}
input.radio_norm[type="radio"]:checked + label span {
	background:url(images/radio_box.png) 0px -30px no-repeat;}
.radio_norm + label{font:300 12px/28px "Roboto","Arial","Sans";}




/* FORM_UPLOAD */
.form_upload{width:100%;display:inline-block;font:400 18px/22px "Roboto","Arial","Sans";float:left;text-align:center;
	background:#ffffff;box-sizing:border-box;cursor:pointer;
	padding:0px;vertical-align:top;margin:0px;border:1px var(--azul) solid;
	position: relative;}
.fileUpload .label{width:35%;display:inline-block;float:right;padding:0px 10px;box-sizing:border-box;cursor:pointer;
	background:var(--azul);color:#ffffff;font:400 14px/38px "Roboto","Arial","Sans";}
.file_input{width:65%;display:inline-block;font:400 14px/35px "Roboto","Arial","Sans";margin:0px;padding-left:10px;border:none;
	background:none;float:left;}
.fileUpload {width:100%;position:relative;overflow: hidden;margin:0px;float:left;}
.fileUpload input.upload{position:absolute;top:0;right: 0;margin: 0;padding: 0;
	width: 100%;height:100%; 
    cursor: pointer;opacity:0 ;filter: alpha(opacity=0);}




#unmomento{width:100%;float:left;font:500 16px/22px "Roboto";}
.marcorojo{background:#ffd0d0 !important;}
.enviandomensaje{display:none;font:500 26px/30px "Roboto";margin-top:20px;color:#000000;}

.jconfirm-content{text-align: center;}

::-webkit-input-placeholder {}
::-moz-placeholder {}
:-ms-input-placeholder {}
:-moz-placeholder {}

input[type=number]::-webkit-inner-spin-button {
    opacity: 1
}

/*
::-webkit-scrollbar {width: 12px;}
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(200,200,200,0.9);border-radius: 5px;}
::-webkit-scrollbar-thumb {border-radius: 5px;-webkit-box-shadow: inset 0 0 6px rgba(200,200,200,0.9);}
*/
textarea,
input[type="text"]{
   -moz-box-sizing:    border-box;
   -webkit-box-sizing: border-box;
    box-sizing:        border-box;
}

.ocultar{display:inline-block;}
.ocultar2{display:inline-block;}
.mostrar{display:none;}
.mostrar2{display:none;}
#btn_menuresponsive{display:none;position:fixed;top:10px;left:10px;}





.jconfirm-buttons{width:100%;display:inline-block; text-align:center;}




.ui-autocomplete{max-height:200px;overflow-y: auto;overflow-x: hidden;}
* html .ui-autocomplete{height:200px;}

.ui-menu-item-wrapper punt{font-weight:bold;}
.ui-state-active punt{font-weight:bold;}
.ui-state-active {font-weight:normal !important;}











/* adminpanel */
.inicio_logotipo{width:100%;padding-top:20px;padding-bottom:20px;}
.logotipoPanel{width:135px;float: left;margin:0px 20px;}
.inicio_tabla{width:100%;max-width:400px;margin-top:40px;float:none;display:inline-block;}
.inicio_label{width:30%;font:700 14px/30px "Roboto","Arial";float:left;display:inline-block;margin-left:10%;margin-right:2%;text-align:right;margin-top:20px;}
.inicio_input{width:40%;font:400 14px/30px "Roboto","Arial";float:left;display:inline-block;text-indent:10px;margin-top:20px;
	-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
	border:1px #cecece solid;}
.inicio_button{width:120px;height:30px;font:300 14px/20px "Roboto","Arial";float:none;display:inline-block;margin-bottom:40px;margin-top:20px;
	-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
	border:1px #cecece solid;}

.menuTopPanel{width:autodisplay: inline-block; float: left;}
.btnMenuPanel{width:auto;display:inline-block;font:400 18px/20px "Roboto";color:var(--azul);
		text-align:center;box-sizing:border-box;
		padding:18px 32px;float:left;}
.btnMenuPanel_sel{background:var(--azul);color:#ffffff;}	

.datos_usuario{width:auto;display: inline-block; float: right;margin-top:15px;margin-right: 20px;}

.tituloPanel{width:auto;display: inline-block;float: left;
	font:300 24px/30px "Roboto","Arial";
}


.btn_mini i{font-size:24px;color:var(--azul);margin:0px 6px;}


/* OPCIONES */
.opcionestop{width:100%;display:inline-block;background:#ffffff;padding:10px 20px;box-sizing: border-box;margin:20px 0px 0px 0px;}
.opciones_boton{float:right;}
.opciones-label{width:calc(100% - 15px);display:inline-block;text-align:left; float: left;padding-left: 10px;}
.opciones-caja{width: 100%;max-width:140px;display:inline-block;text-align: left; float: left;margin:0px 5px; }
.opciones-caja-gd{max-width:240px;}


.consubmenu{display:inline-block;position:relative;float:left;}
	.submenu{min-width:200px;display:none;position:absolute;top:28px;left:0px;text-align:left;
		background:var(--azul);
		box-sizing:border-box;;
		-webkit-box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.3);
		-moz-box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.3);
		box-shadow: 0px 0x 15px 3px rgba(0,0,0,0.3);
	}
	.submenu a{width:100%;display:inline-block;text-align:left;
		padding:15px 10px;margin:0px;box-sizing: border-box;
		font:300 12px/12px "Roboto","Arial";color:#ffffff;cursor:pointer;float:left;}
	.submenu i {margin-right: 5px;}	
	
	.submenu-sel{color:#ffcc66 !important;}
	.submenu-sel:before{content:"\00BB";}

	.submenu a:hover{background:#ececec !important;color:var(--azul) !important; }

.consubmenu:hover .submenu{display:inline-block;}

.campos_editar{padding:20px;box-sizing: border-box;}
.campos_editar .renglon{margin-bottom:15px;}




.tituloClases{display:none;}








@media screen and (max-width:770px){/* cell potrait */
.encabezado_falso{display: none;}

.contenidos{width:100%;}

#btn_menuresponsive{display:inline-block;z-index:9990;background:var(--azul);}
	#menuresponsive{width:100%;height:100%;display:none;
		background:rgba(255,255,255,0.95);position:fixed;top:0px;left:0px;z-index:9900;
		border: none;}

.menuTopInt{margin:0px;}

.menuTopInt .btnMenu,
.menuTopInt .btnMenuSel,
.menuTop .btnMenu,
.menuTop .btnMenuSel{width:100%;display:inline-block;text-align:center;box-sizing: border-box;
		padding:10px 10px;margin:0px;border: none;
		font:400 26px/40px "Roboto","Arial";color:var(--azul);cursor:pointer;float:left;}


.primerBoton{margin-top:30px !important;}

.logotipo{float:none;width:50px;margin-top:4px;float:right; }



.tituloClases{width:100%; display:inline-block;margin-top:80px;text-align: center !important;}



/* INICIO */
#encabezadoSombra{display:none;}
#inicioSeccion01{overflow: hidden;}
#inicioMov01{display:inline-block;width:100%;height:auto;overflow-y:hidden;}
#inicioMovCont{display:inline-block;width:100%;height:auto;overflow-y:hidden;text-align: center;}
#inicioCircle{width:100%;height:auto;
	position: initial;top:0px;
	background:rgba(255,255,255,0.6);
	float:right;margin:0px;
	-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;
}
#inicioCircleCont{ display: inline-block;width:100%; float:none; margin:0;}
.inicioTop4{width:100%;}
.bienvenidaTop2{display:none;}
.botonesTop{margin-bottom:50px;}
#reseniaTit{float:none; text-align:center;margin:0px;}


.conciertoCont{width:90%;margin:0px 5%; }
.conciertoDetalles{width:100%;height:auto;
	border:2px var(--azul) solid;margin: 20px 0px;box-sizing: border-box;
	-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;
}
#inicioSeccion01{margin-bottom:40px;}

.conciertoBotoncomprar{width:100%;height:auto; padding:10px;
	background: var(--azul); margin:0px; box-sizing: border-box;/*   margin entre boton pagar y titulo */
	-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;
}
.conciertoBotoncomprar br{display:none;}


.clasesFamilia{width:100%;}
.clasesCont{width:90%;margin:10px 5%;}





.medioCirculo{width:100%;height:auto;float:none;
	background:none;
	-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;
}
#experienciasBox{width:84%;float:none;text-align: center;margin-top:40px;}

#valoresMain{width:100%;margin:30px 0px;padding:0px;}

.valoresCirculoAzul{width:300px;height:300px;display:inline-block;}
.valoresTit{font:500 20px/22px "Playfair Display";color:#ffffff;margin-top:0px;}
.valoresTxt{width:80%;display:inline-block; font:300 16px/18px "Roboto";color:#ffffff;margin:20px 9%;}
#mision{vertical-align: top;width:250px;height:250px;margin:0px;margin-top:20px;}
	#mision .valoresTit{margin-top:40px;}
#vision{vertical-align: bottom;margin-top:40px;}
	#vision .valoresTit{margin-top:10px;}

.backgroundCircle{width:100% !important;}

#conciertoItem2{display:none;}
#valoresItem1{display:none;}
.acordionText{font:400 20px/40px "Roboto" !important;color:#ffffff;}

.containerAcordion{margin-top:20px;margin-bottom:20px;}
.gallery-wrap {display: flex;flex-direction:row;width:100%;height:40vh !important;}


#pie {padding:30px 0px;}
#pie .contenidos {width:100%;}
#menuBot{display:none;}
.pie-secc01{display:none;}
.pie-logotipo{float:none;}
.pie-logotipo img{width:200px;}
.pie-secc02{width:100%;float:none; text-align:center;}
#redesBot{float:none;margin-top:30px;display: inline-block;}



/* TU ESPACIO */
.logotipoInt{width:150px;float:none;margin:0px;}
#tuespacioTitulos{margin0px;text-align:center;}
#tuespacioTop #inicioMov01{display:inline-block;width:100%;height:auto;}
.tuespacioTit{width:100%;display:inline-block; font:300 24px/30px "Roboto";color:var(--azul);}

.tuespacioBox01{width:90%;text-align:center;float:none;margin-bottom:20px;}
.tuespacioBox01 .titulo{font:700 20px/26px "Playfair Display";margin-bottom:10px;}
.tuespacioBox01 .subtitulo{font:300 18px/26px "Playfair Display";}
.tuespacioBox01 .texto{width:100%;display:inline-block; font:400 18px/26px "Playfair Display";}
.tuespacioGaleria {width:90%;float:none;}

.imagenCelularT1,
.imagenCelularT2,
.imagenCelularT3{width:30%;height:80px;margin:5px 1%; }


/* conciertos */
.conciertoTabla{width:80%;margin:10px 0px;padding:20px; box-sizing: border-box;}
.conciertoGranTit{ font:700 24px/30px "Roboto";text-align:center;margin:10px 0px;}
.regilla_celda{width:100%;padding:5px 20px !important;text-align:left;box-sizing: border-box;
	display:inline-block;}
.conciertoDescripcion{width:90%;font:300 16px/20px "Playfair Display";}



.moduloPagar01{width:90%;min-height:initial;float:none;
		}
.moduloPagar01 .celda-6{padding-top:10px;}
.moduloPagar01 .celda-6:nth-child(even){width:100%;margin:0;}
.moduloPagar01 .celda-6:last-child{width:100%;margin:0;}

.moduloPagar02{width:90%;float:none; min-height:initial;padding:20px 20px;margin:0px 0px 30px 0px;}

.moduloPagar03{width:90%;min-height:initial;float:none;padding:20px 20px;margin:10px 0px; box-sizing: border-box;}
.moduloPagar04{width:90%;min-height:initial;float:none;padding:20px 20px;margin:10px 0px; box-sizing: border-box;margin-bottom:40px;}
.imgPaypalPago{width:100%;}





.contactoGranTit{width:100%;display:inline-block; font:700 30px/30px "Roboto";text-align:center;margin-top:20px;}
.contactoTit{width:100%;display:inline-block; font:300 20px/20px "Roboto";text-align:center;}
.contactoFormInputs{width:90%;height:initial;float:none;margin:10px 0px;}
	.contactoForm_secc01,
	.contactoForm_secc02{width:100%;display:inline-block;float:left;padding:0px;margin: 0px;}
	.contactoForm_secc01 .renglon{margin-bottom:10px;}


.contactoFormDatos{width:90%;height:initial;float:none;text-align:center;
	padding:10px 0px;margin:0;
	border:none;}
.contactoFormDatos .bull{margin-left:-10px;}
.contDatTit{font:700 18px/20px "Playfair Display";}





[class*="celda-"]{width:100%;}



	
.div{border:1px #dfee00 solid;}
.ocultar{display:none;}
.mostrar{display:inline-block;}

}/* media */


@media screen and (max-width:440px){/* cell potrait */

}/* media */