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

@import url(http://fonts.googleapis.com/css?family=Raleway);
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300&subset=latin,latin-ext,cyrillic);
@import url(http://fonts.googleapis.com/css?family=Oswald);
@import url(http://fonts.googleapis.com/css?family=Open+Sans);


*{
	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-image: url(../images/F002.jpg);
	background-repeat: repeat;
background-attachment: fixed

}



	





.comunion{
	width:100%;
	height:auto;
	border-top:solid;
	border-top-color:#F90;
	border-top-width:10px;
	}	
	
	
	.comunion_celular{
		display:none;
		}
		
		

/* FOTO SUPERIOR */

#DivFotoCentral{
	width:100%;
	height:880px;
	margin:0px;
	
	background-image:url(../images/fondo_verano.jpg);

	
}

#DivFotoCentral-Comuniones{
	width:100%;
	height:880px;
	margin:0px;
	
	background-image: url(../images/fondo_verano.jpg);	
}


.FotoCentral{
	width:100%;
	height:auto;
}

.DivTituloFoto
{
	  margin-top:20px;
  margin-left:20px;
  position:absolute;
}


.DivTituloFoto-Comuniones
{
	  margin-top:180px;
  margin-left:20px;
  position:absolute;
}



.TituloFotoCentral{
	  width: auto;
  font-family: "Oswald", sans-serif;
  font-size:3.5em;
  font-style:normal;
  line-height: 1.4;
  color:#FC0;
  
text-shadow: 0.04em 0.04em 0.02em #333;
  

}

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

}

.style-ico-novedades{
	
	font-size:2.5em; color:yellow;	
}




.botonNovedades{
        font-size:2.5em;
        font-family:"Oswald", sans-serif;
        color:yellow;
        background:#F60;
		padding:10px;
		-webkit-border-radius: 25px 25px 25px 25px;
		border-radius: 25px 25px 25px 25px;

       }
	   
.botonNovedades:hover {
	text-decoration:none;
   border-top-color: #000000;
   background:#F30;
   color: #ffffff;
   }

.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;
}

/* BANNER PRINCIPAL */
	.LogoElsitiodelpelotero{
    content:url("../images/banner-elsitiodelpelotero.png");
}

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

}

/* PRIMER LIINEA INFORMATIVA */

.MainBlanco{
	
	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-Aburrimiento{
	content:url("../images/aburrimiento3.png");
	}

.Imagen-Aburrimiento-Comuniones{
	content:url("../comuniones/destacado-comunion.png");
	}


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

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






/* DESTACADOS */

#GrupoDestacados{
	width:100%;
	padding:20px;
	overflow:hidden;
	box-sizing: border-box;
	background-color:#d86001;
}

	
.CajaDestacados{
	width:45%;
	height:auto;
	overflow:hidden;
	box-sizing:border-box;
	float:left;
	margin-left:40px;
	margin-top:10px;
	margin-bottom:5px;
	background-color:#fff;

	}
	
	.imgDestacados{
	width:100%;
	height:auto;
	
	}
	
	.DivBlancoDestacado{
	width:100%;
	padding:30px;
	overflow:hidden;
	box-sizing: border-box;
	background-color:#FFF;

	}

	.infoServicios {
  width: auto;
  font-family: "Raleway", sans-serif;
  font-size:1em;
  font-style:normal;
  line-height: 1.4;
  color:#666;

}
	
	
	/* LISTADOS */
	
.DivGrupo-Listado{

	width:100%;
	padding:10px;
	overflow:hidden;
	box-sizing: border-box;
	background-color:#EEEEEE;
	
	}
	
		.TituloActividades{
	
	width: auto;
	font-family: "Oswald", sans-serif;
	font-size:3em;
	font-style:normal;
	line-height: 1em;
	color:#ffab00;
	padding:20px;	
}
	
		.Rec-Listado{
	width:30%;
	height:800px;
	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;

			}
			
	.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:2em;
	font-style:normal;
	line-height: 1.4;
	color:#616161;
	padding:15px;
	background-color:#FAFAFA;
	
}

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


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




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

       }
	   



/* OTROS SERVICIOS */

.MainBlanco-Servicios{
	
	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;			
				
			}
			
			
/* 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;	
	
	}
	
#barra-filtro{
		width:100%;
	height:auto;
	padding:8px 30px 8px 15px;
	overflow:hidden;
	box-sizing:border-box;
	background:#fffdb6;
		border-top:solid;
	border-top-color:#ccc9c9;
	border-top-width:3px;	
}

.Titulo-filtro {
  width: auto;
  font-family: 'Open Sans', sans-serif;
  font-size:0.9em;
  line-height:1.8em;
  color:#000;
}

#masinfo {
display:none;
width:95%;
padding:20px;
margin:20px;
font-size:18px;
font-family:"Raleway", Arial, Helvetica, sans-serif;
color:#000;
overflow:hidden;
box-sizing: border-box;
background-color:#fff;

	   border-color: #D8D8D8;
   border-width: 1px;
   border-style: solid;
}

#masinfo: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);
			}
			
.Texto-Info-filtro {
  width: auto;
  font-family: 'Raleway', sans-serif;
  font-size:1em;
  font-style:normal;
  line-height: 1.4;
  color:#000;
  margin-bottom:5px;
}
	
	
	
/* # SECCION DETALLES
########################################################################################################################*/

.MainBlanco-Detalles{
	
	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;
}
	
					.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;
				}
				
.DivGrupo-Detalles{

	width:100%;
	padding:10px;
	overflow:hidden;
	box-sizing: border-box;
	background-color:#EEEEEE;
	
	}	
	
	
	
	.Rec-wat{
		display:none;

			}			
				
	.Rec-Detalles{
	width:30%;
	height:460px;
	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;}
	
	
	
	.mapa{
		width:100%;
		height:278px;
		border:0px;
		}
	
	/* whatsapp*/
	
	
.boton_what {
	display: none;
}	
	
	/* # PARA CELULARES 400
***************************************************************************************************************************/
@media screen and (max-width: 768px){
	
		.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.5em; color:yellow;	
}

#DivFotoCentral-Comuniones{
	width:100%;
	height:664px;
	margin:0px;
	
	background-image: url(../images/fondo_verano_cel.jpg);	
}




.botonNovedades{
        font-size:1.5em;
        font-family:"Oswald", sans-serif;
        color:yellow;
        background:#F60;
		padding:10px;
		margin: 0px 50px 0px 0px;
		-webkit-border-radius: 25px 25px 25px 25px;
		border-radius: 25px 25px 25px 25px;

       }
	   
.botonNovedades:hover {
	text-decoration:none;
   border-top-color: #000000;
   background:#F30;
   color: #ffffff;
   }
	
	
	/* BANNER PRINCIPAL */
	
	.LogoElsitiodelpelotero{
    content:url("../images/banner-elsitio-movil.png");
}
	
	/* PRIMER LINEA INFORMACION CELULARES*/
	
	.MainBlanco{
	
	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:#2962FF;
		}
		
		.Bajada{
	width: auto;
	font-family: "Oswald", sans-serif;
	font-size:1.2em;
	font-style:normal;
	line-height: 1.2;
	color:#d86001;	
}
	
	
	
	.Imagen-Aburrimiento{
	
	width:100%;
	height:auto;
	content:url("../images/aburrimiento3.png");
	
}

	.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-Comunion{
		width:100%;
		height:auto;}

		
	/* DESTACADOS PARA CELULARES */
		
		
	#GrupoDestacados{
	width:100%;
	padding:5px;
	overflow:hidden;
	box-sizing: border-box;
	background-color:#d86001;
}
		
.CajaDestacados{
	width:100%;
	height:auto;
	overflow:hidden;
	box-sizing:border-box;
	float:none;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:10px;
	background-color:#fff;
	text-align:center;

	}
		
	
	.DivBlancoDestacado{
	width:100%;
	overflow:hidden;
	box-sizing: border-box;
	background-color:#FFF;

	}	
	
	
	#masinfo {
display:none;
width:100%;
padding:5px;
margin:5px;
font-size:18px;
font-family:"Raleway", Arial, Helvetica, sans-serif;
color:#000;
overflow:hidden;
box-sizing: border-box;
background-color:#fff;

	   border-color: #D8D8D8;
   border-width: 1px;
   border-style: solid;
}
	
	/* 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-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;

			}
			
			
			/* whatsapp*/
	
	.Rec-wat{
		display:block;

	width:100%;
	height:auto;
		overflow: hidden;
	box-sizing: border-box;
	background-color:#fe5a01;

	text-align:center;

	padding:15px 10px 15px 10px;
	cursor:pointer;
		margin-top:20px;
		margin-bottom:20px;
	

			}	

		.texto_boton{
	 font-family: 'Roboto Condensed', sans-serif;
	font-size:2em;
  line-height: 1.4;
  color:#fff;
  text-align:center;
  }