@import url('menu.css');
@import url('fonts.css');

@import url('portada.css');
@import url('portada-main.css');
@import url('footer.css?www22092023v2');

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family:'MuseoSans-300', 'Open Sans', sans-serif;
}

/*header div div div{
    width: 150px;
    color: black;
    float: left;
    position: 0px;
}
*/
/*
cont-menu{
    width: 150px;
    color: black;
    float: left;
    position: 0px;
}
*/

#main-container{
       display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

header{

    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 1280px !important;
    

/*  width: 100%;
  height: 40px;
  background-color: #000000;
*/
	width: 100%;
	height: 50px;
	/*background: #000; */
    background: #ffffff;
	color: #545D69;

/*    position: fixed;
	top: 0;
	left: 0;
	z-index: 100; */
}
/*
header img{
    margin-top: 0px;
    margin-left: 0px;
}*/

.container{
	width: 98%;
	margin: auto;


}

header .container{
    display:table;
    text-align: left;
    max-width: 1280px;
}


@media (max-width: 1024px) {
    .Sitios{
            margin-top: 15px;
    }

    #b-club-title-1{
        text-align: center!important;
    }
}


/*
header .container {
	display: table;
}

header label {
    background-color:blue;
    border: 4px solid #FFF;
}
*/

section{
    width: 100%;
    margin-bottom: 25px;
}


#welcome{
    text-align: center;
}


/*****puppup*******/

.ui-content{
    display: none;
}

#popup {
    left: 0;
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: 1001;
}

.content-popup {
    margin:0px auto;
    margin-top:120px;
    position:relative;
    padding:10px;
    width:350px;
    min-height:250px;
    border-radius:4px;
    background-color:#FFFFFF;
    box-shadow: 0 2px 5px #666666;
    border: 2px solid #666666;
}

.content-popup h2 {
    color:#48484B;
    border-bottom: 1px solid #48484B;
    margin-top: 0;
    padding-bottom: 4px;
}

.popup-overlay {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 999;
    display:none;
    background-color: #777777;
    cursor: pointer;
    opacity: 0.7;
}

.close {
    position: absolute;
    right: 15px;
}


@media (min-width:1024px){
    .container{
        width: 100%;

        padding-left:1%;
        padding-top: 1%;
      /*  border: 1px solid #000;*/
    }

    header{
        height:77px;
    }

    .content-popup {
        width: 500px;
    }

}