* {
  box-sizing: border-box;
}




.panel {
    float: left;
    width: 97%;
    padding: 14px;
    margin: 7px;
}
.panel_control1 {
    background-color: #000000;
    text-align: center;
}
.panel_control2 {
    
    text-align: center;
}
.panel_control1 p {
	font-family: monospace;
	color: chartreuse;

}

.panel_control1 a {
    text-decoration: none;
    transition: all 0.3s ease;
    color: chartreuse;;
    font-weight: bold;
    font-size: 130%;
}

.panel_control1 a:hover { color: #ff00a2; }

.panel_full {
    width: 97%;
}

.panel_main{
    background-color: #FFFFFF;
    color: #000000;
    text-align: center; 
}
.panel_pc {
    padding-left: 0;
    padding-right: 0;
}
.panel_lightlegal {
    background-color: hsla(0,0%,100%,0.33);
    color: hsla(359,100%,50%,0.53);
    opacity: 0.6S;
}
.panel_lightlegal a { color: hsla(359,100%,50%,0.53); }

.panel_sanpedro {
    background-color: #fdff00;
    color: #000000;
    padding: 0px;
}

.panel_artpano {
    padding: 0px;
}

.panel_autoconnect {
    background-color: #D0CADC;
    color: #000000;
    padding: 0px;
}

.panel_eaudeweed {
    padding: 0px;
}

.close {
    float: left;
    width: 100%;
    height: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 200%;
    margin-top: 17px;
}
.close a {
    display: block;
    color: #FFFFFF;
    background-color: #666666;
    padding: 20px;
    border-radius: 7px;
    text-decoration-line: none;
}

.close a:hover {
    background-color: #FFFFFF;
    color: #000000;
}

.push {
    float: left;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 120%;
    font-weight: bold;
}

.push a {
    display: block;
    color: #FFFFFF;
    background-color: hsla(359,88%,10%,1.00);
    padding: 27px;
     border-radius: 7px;
    text-decoration: none;
}

.push a:hover {
    background-color: #FFFFFF;
    color: #000000;
}

.boxtop {
    text-align: center; 
    margin-top: 0px; 
    border:3px #333333 ridge; 
    color: #FFFFFF;
    background-color: #666666;
    opacity: 50%;
    padding-top: 160px;
    padding-bottom: 30px;
    
}
.boxbas { text-align: center; margin: 7px; border:1px #FFFFFF solid; color:  #FFFFFF;
    padding:14px;background-color: #000000;
    opacity: 60%; line-height: 150%;}

.blink {
    animation: blink-animation 1s steps(1, start) infinite;
}

@keyframes blink-animation {
    50% {
        visibility: hidden;
    }
}

.cent_nameboutique {
    letter-spacing: 60%;
}

.cent_hdline {
    font-size: 90%;
}

@media only screen and (max-width: 900px) {
  /* For mobile phones: */
  .menu, .main, .panel, .boxbas {
    width: 97%;
  }
}


body {
    font-family:Verdana;
    color:#ffffff;
}