@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);


*{
	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

}


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


.SUPLEMENTO{
	width: 100%;
	height: 90PX;
	overflow:hidden;
	box-sizing: border-box;
background-color: white;
}


/* FOTO SUPERIOR */

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

	
}

#DivFotoCentral-Fotografia{
	width:100%;
	height:880px;
	margin:0px;
	
	background-image: url(../images/fondo_alquileres_eventos.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:#fff;
  text-shadow: 0.04em 0.04em 0.02em #333;
  

}

.style-ico-novedades{
	
	font-size:2em; 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;
	
	box-sizing:border-box;
	margin:0px;


}

/* 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;	
}






/* 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: 1.4;
	color:#2962FF;
	padding:20px;	
}
	
		.Rec-Listado{
	width:30%;
	height:650px;
	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:1em;
	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;
 

       }
	   


.info-seccion{
	width:100%;
	padding:35px;
	overflow:hidden;
	box-sizing: border-box;
	background-color:#EEEEEE;
	}


/* 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;			
				
			}
			
			
/* 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;	
	
	}
	
	
	
/* # 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 CORTE ALQUILERES */

.div_decoraciones{
	background-image:url(../images/foto_alquiler_inflables.jpg);
		width:100%;
		height:550px;
	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;
}	



			
			
.FontGoogle24Blanco{
	color:#fff;
	z-index: 10;
	font-family:'Open Sans Condensed',"Trebuchet MS",Verdana,Arial,sans-serif;
	font-size: 30px;
	text-shadow: 0.02em 0.00em 0.04em #000;
	font-weight: bold;
	}			
	
	/* # PARA CELULARES 400
***************************************************************************************************************************/
@media screen and (max-width: 768px){
	
	
	
	/* IMAGEN SUPERIO CELULARES */
	
	.style-ico-novedades{
	
	font-size:1.3em; color:yellow;	
}

#DivFotoCentral-Fotografia{
	width:100%;
	height:664px;
	margin:0px;
	
	background-image: url(../images/fondo_alquileres_eventos_celular.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-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;	
}
	
	
	
	.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-Fotografia{
		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;

	}	
	
	
	/* 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;
	}

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

/* DIV CORTE SPA */

.div_decoraciones{
	background-image:url(../images/foto_alquiler_inflables_celular.jpg);
		width:100%;
		height:200px;
	padding:20px;
	overflow:hidden;
	box-sizing: border-box;
	background-attachment: fixed;
  background-repeat:no-repeat;
	}
	
.titulo_decoracion{
	font-family: Calibri;
	font-size: 1.6em;
	font-weight: bold;
	color: #FC0;
	text-decoration: 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: 20px;
	text-shadow: 0.02em 0.00em 0.04em #000;
	font-weight: bold;
	}	

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

}