@charset "utf-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Raleway);
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300&subset=latin,latin-ext,cyrillic);
@import url(https://fonts.googleapis.com/css?family=Oswald);
@import 'https://fonts.googleapis.com/css?family=Hammersmith+One|Rubik';
@import url('https://fonts.googleapis.com/css?family=Comfortaa');



*{
	margin:0;
	padding:0;
	text-decoration: none;
}

a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
	

h1{margin:0;}

body {
	background-color:#FFF;
	background-repeat: repeat;
background-attachment: fixed

}

/* SECCIÓN RECUADROS TIENDAS *
******************************************/

#grupo-cat-tienda{
	width:100%;
	padding:50px 20px 50px 20px;
	overflow:hidden;
	box-sizing: border-box;
	background-color:#f0f0f0;
	
	border-top:solid;
	border-top-color:#F90;
	border-top-width:10px;
		border-bottom:solid;
	border-bottom-color:#F90;
	border-bottom-width:10px;	
}

.rec-cat-principal{
	width: 96%;
	height:auto;
	padding:10px;
	margin-left:5px;
	margin-right:5px;
	overflow:hidden;
	box-sizing: border-box;
	background:#FFF;
	
		border-style:solid;
	border-color:#ecc;
	border-width:1px;
	
	}
	
	.titulo-seccion-cat{
	color:#d86001;
	padding: 0px 20px;
	font-family:'Open Sans Condensed',"Trebuchet MS",Verdana,Arial,sans-serif;
	font-size: 2.5em;
	text-transform: none;
	
	
	font-weight: bold;
	
}

.cliente-chico-listado{
	
	width: auto;
	font-family: "Arial", sans-serif;
	font-size:0.8em;
	font-style:normal;
	line-height: 1.4;
	color:#414141;
	padding:5px 0px 0px;
}
	
.rec-cat{
	
	width: 16%;
	height:auto;
	padding:0px;
	margin-top: 20px;
	margin-left:40px;
	margin-bottom:20px;
	overflow:hidden;
	box-sizing: border-box;
	float:left;
	
	}
	
.img-cat{
	
	width:100%;
	height:auto;
	margin-top:3px;
	
	}




/* BANNER HOME AL 50% X2
*******************************************************/

#Banner{
	width: 100%;
	margin-top: 0px;
	padding:15px
	overflow:hidden;
	box-sizing: border-box;
}

.banne1{
	
	width: 50%;
	overflow:hidden;
	box-sizing: border-box;
	float:left;
}


.banne2{
	
	width: 50%;
	overflow:hidden;
	box-sizing: border-box;
}

.img_banner{
	width: 100%;
	height: auto;
	
}
/* FIN BANNER HOME AL 50% X2
*******************************************************/


/* COVID19
******************************************/


.corte-nosadaptamos {
	font-size: 16px;
	min-height: 40.62em;
	color: #fff;
	background: linear-gradient(rgba(0, 0, 0, .03) 0%, rgba(0,0,0,.50) 100%), url(../images/backdrop5.jpg);
	background-position: center center;
	background-size: cover;
	/* margin-bottom: 3.12em; */
	padding:2em;

}



.corte-nosadaptamos-titulo {
	font-weight: 600;
	font-size: 2.8em;
	line-height: 1.2em;
	margin-bottom: 0.4em;
	font-family: 'Josefin Sans', sans-serif;
	color:#fff;

}

.corte-nosadaptamos-descripcion {
	font-family: 'Josefin Sans', sans-serif;
	font-weight: normal;
	font-size: 1.3em;
	line-height: 1.75em;

}


/* ---- ----- ----- Corte Informaion ----- ----- ----- */
.corte-informacion {
	font-size: 16px;
	min-height: 60em;
	color: #fff;
	background: linear-gradient(rgba(0, 0, 0, .03) 0%, rgba(0,0,0,.50) 10%), url(../images/backdrop6.jpg);
	background-position: center center;
		background-attachment: fixed;
  	background-repeat:no-repeat;
	
	      -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;



	
	/* margin-bottom: 3.12em; */
	padding:3em;
	padding-top:7em;
	
	

}



.cuadromimagen {
width: 17%;
height: auto;
float: left;
padding: 10px;
background-color:#FFF;
margin:5px;
border-radius: 5px 30px 45px 60px;
-moz-border-radius: 5px 30px 45px 60px;
-webkit-border-radius: 15px;

}

.cuadromimagen__imgen {
		
	width: 100%;
	height: auto;
	margin-right: 0px;
	margin-bottom: 10px;
	border-radius: 5px 30px 45px 60px;
-moz-border-radius: 5px 30px 45px 60px;
-webkit-border-radius: 15px;
}

.corte-informacion .titulo {
	
	font-weight: 600;
	font-size: 2.8em;
	line-height: 1.2em;
	margin-bottom: 0.4em;
	font-family: 'Josefin Sans', sans-serif;
	color:#fff;
}

.titulo-chico-naranja{
	font-weight: 600;
	font-size: 2.2em;
	line-height: 1.1em;
	margin-bottom: 0.4em;
	font-family: 'Josefin Sans', sans-serif;
	color:#ff6600;	
	
}


.titulo-grande-blanco{
	
		font-weight: 600;
	font-size: 2.8em;
	line-height: 1.1em;
	margin-bottom: 0.4em;
	font-family: 'Josefin Sans', sans-serif;
	color:#fff;
}

.corte-informacion .titulorecuadro {
	
	font-weight: 600;
	font-size: 2em;
	line-height: 1.2em;
	margin-bottom: 0.4em;
	font-family: 'Josefin Sans', sans-serif;
	color:#21bbf9;
}

.corte-informacion .descripcion {
	font-weight: normal;
	font-size: 1.2em;
	line-height: 1.75em;
	max-width: 90%;
	margin-bottom: 1.25em;
}

.corte-informacion .boton {
	background: rgba(0,0,0, 0.5);
	border: none;
	border-radius: 0.31em;
	padding: 0.93em 1.87em;
	color: #fff;
	margin-right: 1.25em;
	cursor: pointer;
	transition: .3s ease all;
	font-size: 1.12em;
}

.corte-informacion .boton:hover {
	background: #fff;
	color: #000;
}

.corte-informacion .boton i {
	margin-right: 1.25em;
}


.separador-linea{
	width:100%;
	height:5px;
	background-color:#F0F0F0;
	overflow: hidden;
	box-sizing: border-box;
	}




/* ------------------------- */
/* POPUP */
/* ------------------------- */

.sioverlay {
	background: rgba(0,0,0,.3);
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	align-items: center;
	justify-content: center;
	display: flex;
	z-index: 999999999;
	

}


.sioverlay.active {
	visibility: hidden;
}


.sipopup {
	background: #F8F8F8;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
	border-radius: 3px;
	font-family: 'Comfortaa', sans-serif;
	padding: 20px;
	text-align: center;
	width: 600px;
	z-index: 9999999;
	
	transition: .3s ease all;
	transform: scale(1);
	
	animation: entradaCaja .8s ease .5s forwards;
	opacity: 0;

	
}


@keyframes entradaCaja {
	from {
		opacity: 0;
		transform: translateY(25px);
	}

	to {
		transform: translateY(0);
		opacity: 1;
	}
}


.sipopup.active {	transform: scale(0.7); opacity: 0; }

.sipopup .btn-cerrar-popup {
	font-size: 23px;
	line-height: 16px;
	display: block;
	text-align: right;
	
	color: #BBBBBB;
}

.sipopup .btn-cerrar-popup:hover {
	color: #000;
}



.sipopup h4 {
	font-size: 2.2em;
	margin-bottom: 20px;
	animation: entradaSubtitulo .8s ease .5s forwards;
	opacity: 0;
	font-family: 'Comfortaa';

}


.sipopup h5 {
	font-size: 1.8em;
	margin-bottom: 20px;
	animation: entradaSubtitulo .8s ease .5s forwards;
	opacity: 0;
	font-family: 'Comfortaa';
	font-weight: lighter;

}

.boton_beneficio{
	display:block;
	width:260px;
	padding:8px;
	
	color:#fff;
	background-color:#fe5a01;
	font-family: 'Comfortaa';
	font-size:1.3em;
	font-weight: bold;
	border-radius:10px;
	text-align:center;
	overflow:hidden;
	box-sizing:border-box;
	margin-left:165px;

}	
	



.logo_voucher{
	width:70%;
	height: auto;
	
}


@keyframes entradaSubtitulo {
	from {
		opacity: 0;
		transform: translateY(25px);
	}

	to {
		transform: translateY(0);
		opacity: 1;
	}
}


.icono_tarjeta{
	font-size: 6em;
	color: #FF8E00;
}



#nooverlay{
	display:none;

}



.boton_whats{
	display: none;
}

.Texto-Info {
  width: auto;
  font-family: 'Open Sans', sans-serif;
  font-size:1.4em;
  font-style:normal;
  line-height: 1.4;
  color:#333;
}

.Texto-Descripcion {
  width: auto;
  font-family: 'Raleway', sans-serif;
  font-size:1em;
  font-style:normal;
  line-height: 1.2;
  color:#333;
  margin-top:10px;
}


	
	


#MENU{
	
	width:100%;
	background-color:#d86001;
	
	box-sizing:border-box;
	margin:0px;
	
/*	border-top-color:#9e2806;
	border-top-width:10px;
	border-top-style:solid;
*/


}





#footer_celular {
  position:fixed;
  left:0px;
  bottom:0px;
  height:40px;
  width:100%;
	background-color: #d86001;
	padding: 15px 15px 30px 15px;
	
}

.texto_footer_celular{
	font-size: 2em;
	font-family: "Oswald", sans-serif;
	color:#FFD600;
	text-align: center;
}




/* PRIMER LIINEA INFORMATIVA */

.MainBlanco{
	background-image:url(../images/fondo-rayado.jpg);
	background-repeat:repeat;
	width:100%;
	height:auto;
	padding:30px;
	overflow:hidden;
	box-sizing: border-box;
	background-color:#FFF;
	
	border-bottom-color:#666;
	border-bottom-width:10px;
	border-bottom-style:solid;
}

				.MainBlanco-1{
				width:65%;
				height:auto;
				padding:20px;
				overflow:hidden;
				box-sizing: border-box;
				float:right;
				text-align:right;
			}
			
			

				.MainBlanco-2{
			width:30%;
			height:278px;
			padding:0px;
			float:left;
			margin-left:0px;
		}



.Imagen-Destacado-Fotografia{
	content:url("../images/destacado-fotografia.jpg");
	}


	.Titulo{
	
	width: auto;
	font-family: "Oswald", sans-serif;
	font-size:3em;
	font-style:normal;
	line-height: 1.4;
	color:#00CCCC;	
}

	.Bajada{
	width: auto;
	font-family: "Oswald", sans-serif;
	font-size:3em;
	font-style:normal;
	line-height: 1.4;
	color:#d86001;	
}






	
	
	/* RECUADRO PRINCIPAL */
	
.DivGrupo-Listado{

	width:100%;
	height: 350px;
	padding:40px;
	overflow:hidden;
	box-sizing: border-box;
	background-image:url(../images/foto_home.jpg);
	
	}
	
	
.recuadro_texto	{
	width:40%;
	padding:10px;
	overflow:hidden;
	box-sizing: border-box;
	float:left;
	}
	
.FontGoogle40Naranja{
	color:#FC0;
	z-index: 10;
	font-family:'Open Sans Condensed',"Trebuchet MS",Verdana,Arial,sans-serif;
	font-size: 40px;
	text-transform: none;
	text-shadow: 0.02em 0.00em 0.04em #000;
	
}	

.FontGoogle24Blanco{
	color:#fff;
	z-index: 10;
	font-family:'Open Sans Condensed',"Trebuchet MS",Verdana,Arial,sans-serif;
	font-size: 24px;
	text-shadow: 0.02em 0.00em 0.04em #000;
	font-weight: bold;
	}
	
.Calibri36Naranja {
	font-family: Calibri;
	font-size: 36px;
	font-weight: bold;
	color: #FF7B0E;
	text-decoration: none;
	text-shadow: 0.02em 0.00em 0.04em #000;
}




.titulo_secciones_sitio{
	font-family: Calibri;
	font-size: 36px;
	font-weight: bold;
	color: #FF7B0E;
	text-decoration: none;}

.Grupo_tres_recuadros	{
	width:60%;
	padding:10px;
	overflow:hidden;
	box-sizing: border-box;
	float:right;
	}
	
	
		.Rec-Listado{
	width:23%;
	height:300px;
	padding:5px;
	margin:0px 0px 0px 0px;
	overflow:hidden;
	box-sizing:border-box;
	float:left;
	background:#fff;
	margin-left:10px;

	
	/* Se utiliza para no superponer el movimiento */
	opacity:0;
	
	   border-color: #D8D8D8;
   border-width: 1px;
   border-style: solid;

			}
			
	.Rec-Listado:hover{
	border-color: #bbbbbb;
				
	-webkit-box-shadow: -1px 5px 11px -3px rgba(163,158,163,0.94);
-moz-box-shadow: -1px 5px 11px -3px rgba(163,158,163,0.94);
box-shadow: -1px 5px 11px -3px rgba(163,158,163,0.94);
			}
			
						.Img-Listado{
				width:100%;
				height:auto;
				
				border-top-color:#fff;
				border-top-width:10px;
				border-top-style:solid;
				
				border-bottom-color:#d86001;
				border-bottom-width:10px;
				border-bottom-style:solid;

				}
				
	.TituloFotoListado{
	
	width: auto;
	font-family:'Open Sans Condensed',"Trebuchet MS",Verdana,Arial,sans-serif;
	font-size:1.3em;
	font-style:normal;
	line-height: 1.4;
	color:#616161;
	padding:5px 10px 5px 10px;
	background-color:#FAFAFA;
	
}

	.BajadaFotoListado{
	width: auto;
	font-family: "Oswald", sans-serif;
	font-size:1em;
	font-style:normal;
	line-height: 1.4;
	color:#f8f8f8f;	
}



.main2transpatente{
	display:none;
	background-image:url(../images/foto_home.jpg);
}


.style-ico-Comunicate{
	
	font-size:2em; color:#2962FF;	
}




.botonComunicate{
        font-size:0.9em;
         font-family: "Raleway", sans-serif;
        color:#2962FF;
 

       }
	   


.info-seccion{
	width:100%;
	padding:35px;
	overflow:hidden;
	box-sizing: border-box;
	background-color:#EEEEEE;
	}
	
	
	
	
.comunion{
	width:100%;
	height:auto;
	border-top:solid;
	border-top-color:#F90;
	border-top-width:10px;
	}	
	
	
	.comunion_celular{
		display:none;
		}
	
/* NUEVAS SECCIONES	
	
#Div_Nuevas_Secciones{

	width:100%;
	padding:30px 30PX 30PX 60PX;
	overflow:hidden;
	box-sizing: border-box;
	background-image:url(../images/fondo-rayado2017.jpg);
	border-top:solid;
	border-top-color:#F90;
	border-top-width:10px;

	border-bottom:solid;
	border-bottom-color:#F90;
	border-bottom-width:10px;
	}	
	
	
.Foto_secciones{
	width:45%;
	height:300;
	float:left;
	margin-right:60px;
	margin-top:20PX;
	border-radius:15px;
	}







*/


/* # RECUADROS
*****************************************/

#GrupoRecuadros{
	width:100%;
	padding:50px 20px 50px 20px;
	overflow:hidden;
	box-sizing: border-box;
	background-color:#f0f0f0;
	
	border-top:solid;
	border-top-color:#F90;
	border-top-width:10px;
		border-bottom:solid;
	border-bottom-color:#F90;
	border-bottom-width:10px;	
}

#seccion-izq{ 
	width:20%; /* no cambiar $ */
	padding:10px;
	overflow:hidden;
	box-sizing: border-box;
	float:left;
	}


#seccion-der{ /* no cambiar $ */
	width:80%;
	overflow:hidden;
	box-sizing: border-box;
	float:left;
	}



.Titulo_Nuevas_secciones{
	color:#d86001;
	z-index: 10;
	font-family:'Open Sans Condensed',"Trebuchet MS",Verdana,Arial,sans-serif;
	font-size: 5em;
	text-transform: none;
	
	font-weight: bold;
	
	
}


.CajaRecuadros{
	width:31%;
	height:500px;
	padding:5px;
	overflow:hidden;
	box-sizing:border-box;
	float:left;
	background:#FFF;
	margin-left:25px;
	margin-top:10px;
	margin-bottom:5px;
	z-index:0;
	
	
	}
	
	
	
	.CajaRecuadros:hover{
	border-color: #bbbbbb;
				
	-webkit-box-shadow: -1px 5px 11px -3px rgba(163,158,163,0.94);
-moz-box-shadow: -1px 5px 11px -3px rgba(163,158,163,0.94);
box-shadow: -1px 5px 11px -3px rgba(163,158,163,0.94);
			}
	
.CajaRecuadros2{
	width:33%;
	height:600px;
	padding:5px;
	overflow:hidden;
	box-sizing:border-box;
	float:left;
	background:#FFF;
	margin-left:3px;
	margin-top:10px;
	margin-bottom:5px;
	z-index:0;
	
	
	}	
	
.DivVerde{
	width:100%;
	padding:20px 10px 10px 10px;
	overflow:hidden;
	box-sizing: border-box;
	background-color:#FF7B0E;
	
	
	}
		
	
	.imgRecuadros{
	width:100%;
	height:auto;
	margin-bottom:5px;
	
	}
	

	
	.TextoTituloRecuadros{
  width: auto;
  font-family: Raleway, sans-serif;
  font-size: 1.3em;
  line-height: 1.2;
  color:#fff;
  text-align:center;
  vertical-align:middle;
  

}

.icono_verde{
	font-family:Calibri;
	font-size:1.2em;
	color:#FF7B0E;
	text-decoration: none;
	}

#divfoto-dinamico{
	background-image:url(../images/CORTE_FOTO.jpg);
	background-attachment: fixed;
  background-repeat:no-repeat;
  width:100%;
  height:350px;
	}

/* SECCIONES*/	


.secciones{
	width:100%;
	
	padding:30px 0PX 30PX 50PX;
	overflow:hidden;
	box-sizing: border-box;
	background-image:url(../images/fondo-rayado2017.jpg);
	border-top:solid;
	border-top-color:#F90;
	border-top-width:10px;
		border-bottom:solid;
	border-bottom-color:#F90;
	border-bottom-width:10px;
	}



.Foto_y_Texto{
	width:48%;
	height:auto;
	float:left;
	margin-right:10px;
	margin-top:20PX;
	margin-bottom:60px;
	}


.Foto_secciones_pelotero{
	width:45%;
	height:auto;
	float:left;
	margin-right:10px;
	
	border-radius:15px;
	}
.Foto_secciones_pelotero:hover{
	border-color: #bbbbbb;
				
	-webkit-box-shadow: -1px 5px 11px -3px rgba(163,158,163,0.94);
-moz-box-shadow: -1px 5px 11px -3px rgba(163,158,163,0.94);
box-shadow: -1px 5px 11px -3px rgba(163,158,163,0.94);
			}

.div_decoraciones{
	background-image:url(../images/foto_decoracion2.jpg);
		width:100%;
		height:350px;
	padding:30px;
	overflow:hidden;
	box-sizing: border-box;
	background-attachment: fixed;
  background-repeat:no-repeat;
	}
	
.titulo_decoracion{
	font-family: Calibri;
	font-size: 5em;
	font-weight: bold;
	color: #FC0;
	text-decoration: none;
	text-shadow: 0.02em 0.00em 0.04em #000;
}	


.boton_deco{
	width:300px;
	color:#fff;
	background:#F60;
	z-index: 10;
	font-family: Calibri;
	font-size: 36px;
	font-weight: bold;
	text-transform: none;
	border-radius:15px;
	
	
	
}	


.boton_deco:hover{
	
	border:solid #fff;
	borde-width:5px;
	background:#F90;			

			}


	

.div_TEXTO{
	width:100%;
	padding:30px;
	overflow:hidden;
	box-sizing: border-box;
	background-color:#FFF;
	border-bottom:solid;
	border-bottom-color:#CCC;
	border-bottom-width:5px;
	
	}
.div_TEXTO_publicar{
	width:100%;
	padding:30px;
	overflow:hidden;
	box-sizing: border-box;
	background-color:#FFF;
	border-bottom:solid;
	border-bottom-color:#CCC;
	border-bottom-width:5px;
	
	}


.descripcion{
	color:#000;
	z-index: 10;
	font-family:'Open Sans Condensed',"Trebuchet MS",Verdana,Arial,sans-serif;
	font-size: 1.5em;
	}
	
	
.div_LINKS{
	width:100%;
	padding:30px;
	overflow:hidden;
	box-sizing: border-box;
	background-color:#F2F2F2;
	}	
	




.myButton {
	box-shadow: 0px 0px 0px 0px #fce2c1;
	background-color:#ffc477;
	border-radius:28px;
	border:1px solid #eeb44f;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Trebuchet MS;
	font-size:24px;
	font-weight:bold;
	padding:16px 31px;
	text-decoration:none;
	text-shadow:0px 1px 0px #cc9f52;
}
.myButton:hover {
	background-color:#fb9e25;
}
.myButton:active {
	position:relative;
	top:1px;
}	

/* OTROS SERVICIOS */

.MainBlanco-Servicios{
	background-image:url(../images/fondo-rayado.jpg);
	background-repeat:repeat;
	width:100%;
	height:auto;
	padding:30px;
	overflow:hidden;
	box-sizing: border-box;
	background-color:#FFF;
	
	border-top-color:#9e2806;
	border-top-width:10px;
	border-top-style:solid;
				
	border-bottom-color:#9e2806;
	border-bottom-width:10px;
	border-bottom-style:solid;
}

				.MainBlanco-Servicios-1{
				width:31%;
				height:auto;
				padding:20px;
				margin-left:20px;
				overflow:hidden;
				box-sizing: border-box;
				float:left;
				
			}

			.Img-OtrosSercios{
			
			width:100%;
			height:auto;			
				
			}



/************* PUBLICAR *************/
.Calibri36Naranja_publicar {
	font-family: Calibri;
	font-size: 36px;
	font-weight: bold;
	color: #FF7B0E;
	text-decoration: none;
}
		

.FontGoogle40Naranja_publicar{
	color:#FF7B0E;
	z-index: 10;
	font-family:'Open Sans Condensed',"Trebuchet MS",Verdana,Arial,sans-serif;
	font-size: 40px;
	text-transform: none;
	
	
}	


/* CONTACTENOS */
	

	
.Div_form{
	width:100%;
	height:350px;
	padding:50px;
	overflow:hidden;
	box-sizing: border-box;
	background-image:url(../images/Banner_form.jpg);
	background-repeat:no-repeat;
	border-top:solid #666;
	border-top-width:4px;
	}


.Div_imagen{
	width:100%;
	height: 500px;
	overflow:hidden;
	box-sizing: border-box;
	background-image:url(../images/foto_new.jpg);
	background-repeat:no-repeat;
	border-top:solid #666;
	border-top-width:4px;
	}
	
.Formulario{
	
	width:80%;
	height:auto;
	overflow:hidden;
	box-sizing: border-box;
	float:left;

	}	




			
/* FOOTER */

.Footer {
	width:100%;
	height:auto;
	background-color:#d86001;
	padding:30px;
	overflow:hidden;
	box-sizing: border-box;
	
}
	.TextoFooter {
	width: auto;
	font-family: "Trebuchet Ms", sans-serif;
	font-size:1em;
	font-style:normal;
	line-height: 1.4;
	color:#fff;	
	
	}

.SUPLEMENTO{
	width: 100%;
	height: 90PX;
	overflow:hidden;
	box-sizing: border-box;
}
	
	
	
/* # SECCION DETALLES
########################################################################################################################*/

.MainBlanco-Detalles{
	background-image:url(../images/fondo-rayado.jpg);
	background-repeat:repeat;
	width:100%;
	height:auto;
	padding:30px;
	overflow:hidden;
	box-sizing: border-box;
	background-color:#FFF;
	
	border-bottom-color:#00CCCC;
	border-bottom-width:10px;
	border-bottom-style:solid;
}
	
					.img-foto-detalle{
					
					width:100%;
					height:auto;
					
					}
	
				.MainDetalle-1{ /* FOTO */
				width:30%;
				height:auto;
				padding:10px;
				overflow:hidden;
				box-sizing: border-box;
				float:left;
				text-align:right;
				}
				
				.MainDetalle-2{ /* TEXTO */
				width:65%;
				height:auto;
				padding:10px;
				overflow:hidden;
				box-sizing: border-box;
				float:right;
				text-align:left;
				}
				
				.Div-Descripcion{ /* DESCRIPCION */
				width:100%;
				height:auto;
				padding:40px;
				overflow:hidden;
				box-sizing: border-box;
				text-align:left;
				background-color:#FFF;
				
				border-top-color:#00CCCC;
				border-top-width:10px;
				border-top-style:solid;
				}
				
.DivGrupo-Detalles{

	width:100%;
	padding:10px;
	overflow:hidden;
	box-sizing: border-box;
	background-color:#EEEEEE;
		
	}			
				
	.Rec-Detalles{
	width:30%;
	height:570px;
	padding:5px;
	margin:0px 10px 25px 10px;
	overflow:hidden;
	box-sizing:border-box;
	float:left;
	background:#fff;
	margin-left:20px;
	
	/* Se utiliza para no superponer el movimiento 
	opacity:0;
	*/
	   border-color: #D8D8D8;
   border-width: 1px;
   border-style: solid;

			}		
	
				.TituloDetalles{
	width: auto;
	font-family: "Oswald", sans-serif;
	font-size:1.8em;
	font-style:normal;
	line-height: 1.4;
	color:#d86001;	
}

	.Bajada-Detalles{
	width: auto;
	font-family: "Oswald", sans-serif;
	font-size:1.8em;
	font-style:normal;
	line-height: 1.4;
	color:#d86001;	
}

	.Texto-Detalles {
  width: auto;
  font-family: 'Raleway', sans-serif;
  font-size:1em;
  font-style:normal;
  line-height: 1.5;
  color:#333;
}
	
hr{
	margin-top:5px;
	margin-bottom:5px;}
	
	
.foto{
	width:100%;
	height:270px;
	}	
	
	
.boton_llamar{
	display:none;
	}	
	


.div_texto-clave{

	width:100%;
	height:auto;
	padding:30px;
	overflow:hidden;
	box-sizing: border-box;
	background-color: #fff;
	
	}

.titulo-clave {
  width: auto;
  font-family: 'Raleway', sans-serif;
  font-size:2.2em;
  font-style:normal;
  line-height: 1.5;
  color:#333;
}

.texto-clave {
  width: auto;
  font-family: 'Raleway', sans-serif;
  font-size:1em;
  font-style:normal;
  line-height: 1.5;
  color:#333;
}









	/* # PARA CELULARES 400
***************************************************/
@media screen and (max-width: 768px){
	
	
/* INDEX COVID19 PARA CELULARES
*******************************************************/

#seccion-izq{ 
	display:none;
	width:20%; /* no cambiar $ */
	padding:10px;
	overflow:hidden;
	box-sizing: border-box;
	float:left;
	}


#seccion-der{ /* no cambiar $ */
	width:100%;
	overflow:hidden;
	box-sizing: border-box;
	float:left;
	}
	

/* SECCIÓN RECUADROS TIENDAS CELULARES *
******************************************/

#grupo-cat-tienda{
	width:100%;
	padding:30px 2px 30px 2px;
	overflow:hidden;
	box-sizing: border-box;
	background-color:#f0f0f0;	
}

.rec-cat-principal{
	width: 96%;
	height:auto;
	padding:10px;
	margin-left:5px;
	margin-right:5px;
	overflow:hidden;
	box-sizing: border-box;
	background:#FFF;
	
		border-style:solid;
	border-color:#ecc;
	border-width:1px;
	
	}
	
.rec-cat{
	
	width: 30%;
	height:auto;
	padding:0px;
	margin:5px;
	overflow:hidden;
	box-sizing: border-box;
	float:left;

	}
	
.img-cat{
	
	width:100%;
	height:auto;
	
	}



/* ---- ----- ----- Corte Informaion ----- ----- ----- */


.corte-informacion {
	font-size: 16px;
	min-height: 60em;
	color: #fff;
	background: linear-gradient(rgba(0, 0, 0, .03) 0%, rgba(0,0,0,.50) 10%), url(../images/backdrop6.jpg);
	background-position: center center;
		background-attachment: fixed;
  	background-repeat:no-repeat;
	
	      -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;



	
	/* margin-bottom: 3.12em; */
	padding:1.5em;
	padding-top:7em;
	
	

}

.cuadromimagen {
width: 93%;
height: auto;
float: left;
padding: 10px;
padding-top:20px;
background-color:#FFF;
margin-bottom:1em;
border-radius: 5px 30px 45px 60px;
-moz-border-radius: 5px 30px 45px 60px;
-webkit-border-radius: 15px;
opacity:0;

}

.cuadromimagen__imgen {
		
	width: 100%;
	height: auto;
	margin-right: 0px;
	margin-bottom: 10px;
	border-radius: 5px 30px 45px 60px;
-moz-border-radius: 5px 30px 45px 60px;
-webkit-border-radius: 15px;
}

.corte-informacion .titulo {
	
	font-weight: 600;
	font-size: 2.2em;
	line-height: 1.3em;
	margin-bottom: 0.4em;
	font-family: 'Josefin Sans', sans-serif;
	color:#fff;
}

.corte-informacion .titulorecuadro {
	
	font-weight: 600;
	font-size: 2em;
	line-height: 1.2em;
	margin-bottom: 0.4em;
	font-family: 'Josefin Sans', sans-serif;
	color:#21bbf9;
}

.corte-informacion .descripcion {
	font-weight: normal;
	font-size: 1.2em;
	line-height: 1.75em;
	max-width: 90%;
	margin-bottom: 1.25em;
}	
	
	
/* FIN INDEX COVID19 PARA CELULARES
*******************************************************/	
	


/* BANNER HOME AL 50% X2
*******************************************************/
.banne1{
	display: block;
	width: 100%;
	height: auto;
	margin-right:0px;
	overflow:hidden;
	box-sizing: border-box;
	float:none;
}


.banne2{
	display: Block;
	width: 100%;
	height: auto;
	overflow:hidden;
	box-sizing: border-box;
}



.img_banner{
	width: 100%;
	height: auto;
	float: none;
}
	
/* FIN BANNERS AL 50%
*******************************************************/	
	
	.comunion{
display:none;
	}	
	
	
	.comunion_celular{
		display:block;
			width:100%;
	height:auto;
	border-top:solid;
	border-top-color:#F90;
	border-top-width:10px;
		}
	
	/* IMAGEN SUPERIO CELULARES */
	
	.style-ico-novedades{
	
	font-size:1.3em; color:yellow;	
}


	
	

	
	
	/* PRIMER LINEA INFORMACION CELULARES*/
	

.DivGrupo-Listado{
	display:none;}
	
	
.main2transpatente{
	width:100%;
	color:#fff;
	padding:10px;
	margin:0px ;
	float:none;
	box-sizing: border-box;
	display:block;
	background-image:url(../images/foto_home_celular.jpg);
}



.Titulo-Home{

 width: 100%;
  /* font-family: 'Open Sans', sans-serif;*/
  /* font-family: 'Rubik', sans-serif;*/
  font-family: 'Hammersmith One', sans-serif;
  font-size: 3em;
  line-height: 1.0;
  color:#FC0;
text-shadow: 0.02em 0.00em 0.04em #000;
 	
}		

	
	.TextoInfoBlanco {
  width: auto;
  font-family: "Calibri", sans-serif;
  font-size: 2em;
  line-height: 1.4;
  color:#fff;
  text-shadow: 0.02em 0.00em 0.04em #000;
}




/* NUEVAS SECCIONES*/	
	
#Div_Nuevas_Secciones{

	width:100%;
	padding:10px 0PX 10PX 10PX;
	overflow:hidden;
	box-sizing: border-box;
	background-image:url(../images/fondo-rayado2017.jpg);
	border-top:solid;
	border-top-color:#F90;
	border-top-width:10px;

	
	}	
	
	
.Foto_secciones{
	width:45%;
	height:auto;
	float:left;
	margin-right:10px;
	margin-top:20PX;
	border-radius:15px;
	}

.Titulo_Nuevas_secciones{
	color:#d86001;
	z-index: 10;
	font-family:'Open Sans Condensed',"Trebuchet MS",Verdana,Arial,sans-serif;
	font-size: 3em;
	text-transform: none;
	
	font-weight: bold;
	
	
}








	
	

	
	
	.MainBlanco{
	background-image:url(../images/fondo-rayado.jpg);
	background-repeat:repeat;
	width:100%;
	height:auto;
	padding:0px;
	overflow:hidden;
	box-sizing: border-box;
	background-color:#FFF;
	
	border-bottom-color:#666;
	border-bottom-width:10px;
	border-bottom-style:solid;
}
	
		.Titulo{
	
	width: auto;
	font-family: "Oswald", sans-serif;
	font-size:1.8em;
	text-align:center;
	font-style:normal;
	line-height: 1.4;
	color:#00CCCC;
		}
		
		.Bajada{
	width: auto;
	font-family: "Oswald", sans-serif;
	font-size:1.2em;
	font-style:normal;
	line-height: 1.2;
	color:#d86001;	
}
	
	
	

	.MainBlanco-1{
				width:100%;
				height:auto;
				padding:3px;
				overflow:hidden;
				box-sizing: border-box;
				float:none;
				text-align:center;
			}
			
			

	.MainBlanco-2{
	width:100%;
	height:auto;
	padding:0px;
	float:none;
		}
		
	.Destcado-Fotografia{
		width:100%;
		height:auto;}

		
	
	
	/* LISTADO CELULARES */
	
			.Rec-Listado{
	width:100%;
	height:auto;
	padding:5px;
	margin:0px 5px 5px 5px;
	overflow:hidden;
	box-sizing:border-box;
	float:none;
	background:#fff;
	margin-left:0px;
	
	/* Se utiliza para no superponer el movimiento */
	opacity:0;
	
	   border-color: #D8D8D8;
   border-width: 1px;
   border-style: solid;

			}
			
	.Rec-Listado:hover{
	border-color: #bbbbbb;
				
	-webkit-box-shadow: -1px 5px 11px -3px rgba(163,158,163,0.94);
-moz-box-shadow: -1px 5px 11px -3px rgba(163,158,163,0.94);
box-shadow: -1px 5px 11px -3px rgba(163,158,163,0.94);
			}
			
			/* SERVICIOS PARA CELULARES */
			
			.MainBlanco-Servicios{display:none;}
			
			
			
/* DETALLES PARA CELULARES
#####################################################################################################*/


.MainBlanco-Detalles{
	background-image:url(../images/fondo-rayado.jpg);
	background-repeat:repeat;
	width:100%;
	height:auto;
	padding:0px;
	overflow:hidden;
	box-sizing: border-box;
	background-color:#FFF;
	
	border-bottom-color:#666;
	border-bottom-width:10px;
	border-bottom-style:solid;
}


				.img-foto-detalle{
					
					width:100%;
					height:auto;
					
					}
	
				.MainDetalle-1{ /* FOTO */
				width:100%;
				height:auto;
				padding:0px;
				overflow:hidden;
				box-sizing: border-box;
				float:left;
				text-align:right;
				}
				
				.MainDetalle-2{ /* TEXTO */
				width:100%;
				height:auto;
				padding:5px;
				overflow:hidden;
				box-sizing: border-box;
				float:right;
				text-align:left;
				}
				
.DivGrupo-Detalles{

	width:100%;
	padding:5px;
	overflow:hidden;
	box-sizing: border-box;
	background-color:#EEEEEE;
	
	}
	
				
	.Rec-Detalles{
	width:100%;
	height:auto;
	padding:5px;
	margin:0px 10px 25px 0px;
	overflow:hidden;
	box-sizing:border-box;
	float:left;
	background:#fff;
	
	/* Se utiliza para no superponer el movimiento 
	opacity:0;
	*/
	   border-color: #D8D8D8;
   border-width: 1px;
   border-style: solid;

			}
			
			
.boton_llamar{
	display:block;
	width:100%;
	height:auto;
	overflow:hidden;
	box-sizing:border-box;
	background:#ff7800;
	padding:10px;
	color:#FFF;
	font-size:2.0em;
    font-family:"Oswald", sans-serif;
	text-align:center;
	margin-top:10px;
	
	border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
	}
				

.boton_llamar:hover{
	display:block;
	width:100%;
	height:auto;
	overflow:hidden;
	box-sizing:border-box;
	background:##ffa200;
	padding:10px;
	color:#FFF;
	font-size:2.0em;
    font-family:"Oswald", sans-serif;
	text-align:center;
	
	border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
	}
#divfoto-dinamico{
	display:none;
	}
	
	
.secciones{
	width:100%;
	
	padding:30px 5PX 30PX 5PX;
	overflow:hidden;
	box-sizing: border-box;
	background-image:url(../images/fondo-rayado2017.jpg);
	border-top:solid;
	border-top-color:#F90;
	border-top-width:10px;
		border-bottom:solid;
	border-bottom-color:#F90;
	border-bottom-width:10px;
	}
	
	
.Foto_y_Texto{
	width:100%;
	height:auto;
	float:none;
	margin-right:0px;
	margin-top:20PX;
	margin-bottom:60px;
	}
	
	
.Foto_secciones_pelotero{
	width:100%;
	height:auto;
	float:none;
	margin-right:0px;
	
	border-radius:0px;
	}
		
		
.titulo_secciones_sitio{
	font-family: Calibri;
	font-size: 36px;
	font-weight: bold;
	color: #FF7B0E;
	text-decoration: none;
	text-align:center;
	}		

	
.div_decoraciones{
	background-image:url(../images/foto_decoracion2_movil.jpg);
		width:100%;
		height:auto;
	padding:30px;
	overflow:hidden;
	box-sizing: border-box;
	background-attachment: fixed;
  background-repeat:no-repeat;
	}
	
.titulo_decoracion{
	font-family: Calibri;
	font-size: 2.5em;
	font-weight: bold;
	color: #FC0;
	text-decoration: none;
	text-shadow: 0.02em 0.00em 0.04em #000;
}	


.boton_deco{
	width:100%;
	color:#fff;
	background:#F60;
	z-index: 10;
	font-family: Calibri;
	font-size: 26px;
	font-weight: bold;
	text-transform: none;
	border-radius:0px;
	
	
	
}	
	
.div_TEXTO	{
	display:none;
	}
	
.div_TEXTO_publicar	{
	width:100%;
	padding:5px;
	overflow:hidden;
	box-sizing: border-box;
	background-color:#FFF;
	border-bottom:solid;
	border-bottom-color:#CCC;
	border-bottom-width:5px;
	
	}	
	
/* # RECUADROS
*****************************************/

.CajaRecuadros{
	width:100%;
	height:auto;
	padding:3px;
	overflow:hidden;
	box-sizing:border-box;
	float:left;
	background:#FFF;
	margin-left:0px;
	margin-top:10px;
	margin-bottom:0px;
	z-index:0;

	}
	
.CajaRecuadros2{
	display:none;
	
	}	

	
#footer_celular {
  position:fixed;
  left:0px;
  bottom:0px;
  height:40px;
  width:100%;
	background-color: #d86001;
	padding: 15px 5px 20px 5px;
	
}	
	
.texto_footer_celular{
	font-size: 1.6em;
	font-family: "Oswald", sans-serif;
	color:#FFD600;
	text-align: center;
}	
	
	
	/* CONTACTENOS */
	

	
.Div_form{
	width:100%;
	padding:5px;
	overflow:hidden;
	box-sizing: border-box;
	background-image:url(../images/Banner_form.jpg);
	background-repeat:no-repeat;
	border-top:solid #666;
	border-top-width:4px;
	}
	
.Formulario{
	
	width:100%;
	height:auto;
	overflow:hidden;
	box-sizing: border-box;
	float:none;

	}	
	
	
	.Calibri36Naranja_publicar {
	font-family: Calibri;
	font-size: 26px;
	font-weight: bold;
	color: #FF7B0E;
	text-decoration: none;
}
		

.FontGoogle40Naranja_publicar{
	color:#FF7B0E;
	z-index: 10;
	font-family:'Open Sans Condensed',"Trebuchet MS",Verdana,Arial,sans-serif;
	font-size: 30px;
	text-transform: none;
	
	
}
	
	
	.descripcion{
	color:#000;
	z-index: 10;
	font-family:'Open Sans Condensed',"Trebuchet MS",Verdana,Arial,sans-serif;
	font-size: 1.3em;
	}
	
	
	
	.Div_imagen{
	width:100%;
	height: auto;
	
	}
	
	
	.boton_whats{
	display: block;
	width: 60px;
	height: 60px;
	position: fixed;
	right: 15px;
	bottom: 10px;
	z-index: 9999;
	
}

	
	
	.boton_beneficio{
	display:block;
	width:190px;
	padding:8px;
	
	color:#fff;
	background-color:#fe5a01;
	font-family: 'Comfortaa';
	font-size:1em;
	font-weight: bold;
	border-radius:10px;
	text-align:center;
	overflow:hidden;
	box-sizing:border-box;
	margin-left:70px;

}	
	
	
	.logo_voucher{
	width:90%;
	height: auto;
	
}


}