body {
  /*background-image: url('../imagenes/background.jpg');*/
  background-image: url('');
  background-repeat: no-repeat;
  /*height: 500px;  You must set a specified height */
  background-position: center; /* Center the image */
  background-size: cover; /* Resize the background image to cover the entire container */
}

.tooltip {
    position: relative;
    display: inline-block;
}

.tooltip.top .tiptext{
    margin-left: -86px;
    bottom: 150%;
    left: 50%;
}

.tooltip.top .tiptext::after{
    margin-left: -5px;
    top: 100%;
    left: 50%;
    border-color: #2E2E2E transparent transparent transparent;
}

.tooltip .tiptext {
    visibility: hidden;
    width: 170px;
    background-color: rgba(238,155,47,0.6);
    color:#4E3D26;
    text-align: center;
    border-radius: 3px;
    padding:5px 0;
    position: absolute;
    z-index: 1;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.tooltip .tiptext::after {
    content: "";
    position: absolute;
    border-width:5px;
    border-style: solid;
}
.tooltip:hover .tiptext {
    visibility: visible;
}

.LogoArena{
	background-image: url('../imagenes/logoarena.png');
	border: none;
	cursor: pointer;	
	width:176px; 
	height:88px;
	display: block;
	background-repeat: no-repeat;
}


.BotonEventos{
	background-image: url('../menu/eventos.png');
	border-radius: 7px;
	cursor: pointer;	
	width:92px; 
	height:24px;
	transition: 0.2s ease;
display: block;
background-repeat: no-repeat;
}

.BotonEventos:focus{
	outline:0;
	background-image: url('../menu/eventos01.png');
}

.BotonEventos:hover{
	background-image: url('../menu/eventos01.png');
	width:92px; 
	height:24px;
display: block;
background-repeat: no-repeat;
}

.BotonServicios{
	background-image: url('../menu/servicios.png');
	border-radius: 7px;
	cursor: pointer;	
	width:107px; 
	height:24px;
	transition: 0.2s ease;
display: block;
background-repeat: no-repeat;
}

.BotonServicios:focus{
	outline:0;
	background-image: url('../menu/servicios01.png');
}

.BotonServicios:hover{
	background-image: url('../menu/servicios01.png');
	width:107px; 
	height:24px;
display: block;
background-repeat: no-repeat;
}

.BotonNovedades{
	background-image: url('../menu/novedades.png');
	border-radius: 7px;
	cursor: pointer;	
	width:116px; 
	height:24px;
	transition: 0.2s ease;
display: block;
background-repeat: no-repeat;
}

.BotonNovedades:focus{
	outline:0;
	background-image: url('../menu/novedades01.png');
}

.BotonNovedades:hover{
	background-image: url('../menu/novedades01.png');
	width:116px; 
	height:24px;
display: block;
background-repeat: no-repeat;
}

.BotonNosotros{
	background-image: url('../menu/nosotros.png');
	border-radius: 7px;
	cursor: pointer;	
	width:107px; 
	height:24px;
	transition: 0.2s ease;
display: block;
background-repeat: no-repeat;
}

.BotonNosotros:focus{
	outline:0;
	background-image: url('../menu/nosotros01.png');
}

.BotonNosotros:hover{
	background-image: url('../menu/nosotros01.png');
	width:107px; 
	height:24px;
display: block;
background-repeat: no-repeat;
}

.BotonContacto{
	background-image: url('../menu/contacto.png');
	border-radius: 7px;
	cursor: pointer;	
	width:107px; 
	height:24px;
	transition: 0.2s ease;
display: block;
background-repeat: no-repeat;
}

.BotonContacto:focus{
	outline:0;
	background-image: url('../menu/contacto01.png');
}

.BotonContacto:hover{
	background-image: url('../menu/contacto01.png');
	width:107px; 
	height:24px;
display: block;
background-repeat: no-repeat;
}

.BotonFacebook{
	background-image: url('../imagenes/logofacebook03.png');
	border-radius: 8px;
	cursor: pointer;	
	width:33px; 
	height:33px;
display: block;
background-repeat: no-repeat;
}

.BotonFacebook:focus{
	outline:0;
	background-image: url('../imagenes/logofacebook04.png');
}

.BotonFacebook:hover{
	background-image: url('../imagenes/logofacebook04.png');
	width:33px; 
	height:33px;
display: block;
background-repeat: no-repeat;
}

.BotonTwitter{
	background-image: url('../imagenes/logotwitter03.png');
	border-radius: 8px;
	cursor: pointer;	
	width:33px; 
	height:33px;
display: block;
background-repeat: no-repeat;
}

.BotonTwitter:focus{
	outline:0;
	background-image: url('../imagenes/logotwitter04.png');
}

.BotonTwitter:hover{
	background-image: url('../imagenes/logotwitter04.png');
	width:33px; 
	height:33px;
display: block;
background-repeat: no-repeat;
}

.BotonInstagram{
	background-image: url('../imagenes/logoinstagram03.png');
	border-radius: 8px;
	cursor: pointer;	
	width:33px; 
	height:33px;
display: block;
background-repeat: no-repeat;
}

.BotonInstagram:focus{
	outline:0;
	background-image: url('../imagenes/logoinstagram04.png');
}

.BotonInstagram:hover{
	background-image: url('../imagenes/logoinstagram04.png');
	width:33px; 
	height:33px;
display: block;
background-repeat: no-repeat;
}

.opcion{
	width: 720px; 
	height: 70px; 
	background-color: #df7316; 
	border-radius: 6px; 
	display: table-cell; 
	vertical-align: center; 
}

.detaopcion{
    margin: 15px 50px;
    text-align: left;
    text-decoration : underline;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 30px
}

.detacontacto01{
    display: flex;
    width: 720px;
    height: 55px;
    /*border: 4px solid #df7316; 
    border-radius: 15px;*/
}

.detacon01{
    display: flex;
    width: 360px;
    height: 55px;
    /*border-right: 4px dotted #df7316;*/
}

.detacon01 img{
    display: inline-block;
    margin: 5px 160px;
    width: 40px;
    height: 50px;
}

.detacontacto011{
    display: flex;
    width: 720px;
    height: 161px;
    /*border: 4px solid #df7316; 
    border-radius: 15px;*/
}

.textoCuadro01{
    align-items: center;
    width: 360px;
    height: 161px;
    /*border: 4px solid #df7316;*/
    /*border-right: 4px dotted #df7316;*/
    font-weight: bold;
    color: blue;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px
}

.detacon02{
    display: flex;
    width: 360px;
    height: 55px;
}

.detacon02 img{
    display: inline-block;
    margin: 5px 155px;
    width: 50px;
    height: 50px;

}

.detacontacto02{
    display: flex;
    width: 720px;
    height: 55px;
    /*border: 4px solid #df7316; 
    border-radius: 15px;*/
}

.detacon03{
    display: flex;
    width: 360px;
    height: 100%;
    /*border-right: 4px dotted #df7316;*/
}

.detacon03 img{
    display: inline-block;
    margin: 5px 155px;
    width: 50px;
    height: 50px;
}

.detacon04{
    display: flex;
    width: 360px;
    height: 100%;
}

.detacon04 img{
    display: inline-block;
    margin: 5px 155px;
    width: 50px;
    height: 50px;
}