/* CSS test template */


/*------------------------------ DOCUMENT ------------------------------*/

body {
       background-color: #ffff;
       font-family: Arial, Helvetica, sans-serif;
       color: #666666;
       margin: 10 10 10 10px;
}

h1 {
       font-family: "Arial Black", Gadget, sans-serif;
       font-size: 24px;
       font-weight: normal;
       color: #666666;
       margin: 10 10 10 10px;
}

h2 {
       font-size: 18px;
       font-weight: normal;
       color: #999999;
       margin: 0 0 20 10px;
}

p {
       font-size: 12px;
       font-weight: normal;
       color: #666666;
       margin: 0 0 0 10px;
}

img  {
       border: 0;
}



/*------------------------------ HEADER ------------------------------*/

#header {
       background-color: #eee;
       border-bottom: 1px solid #e6e6e6;
       padding: 24px 0;
}

/*------------------------------ FOOTER ------------------------------*/

#footer {
       background-color: #eee;
       border-top: 1px solid #d8d8d8;
       padding: 24px 0;
}


/*-------------------------------- BUTTON ----------------------------*/

.btn {
      background: url(http://g-92.com/FPS/images/bg-button.png) no-repeat;
      background-position: 0 -70px; 
      color: #fff;
      display: inline-block;
      font: 24px/60px 'Arial Black';
      height: 60px;
      width: 230px;
      text-align: center;
      text-decoration: none;
      text-transform: uppercase;
      text-align: center;
}

.btn:hover {
      background-position: 0 0;
}

#FCE{
    right: 10px;
    border: 2px solid black;
    background-color:#ffddee;
    top: 50%; /* O 'bottom: 20px' para la esquina inferior */
    transform: translateY(-50%); /* Centra verticalmente si usas top: 50% */
    z-index: 9999; /* Asegura que esté por encima de otros elementos [1] */
}

.control-panel { 
    padding: 10px; 
    background: #fdfdfd; border: 1px solid #ddd; z-index: 100;
    top: 1%;
    left: 5%;
      position: fixed;
}