::-webkit-input-placeholder {
   color: #cccccc;
   text-transform: none;
}

:-moz-placeholder { /* Firefox 18- */
   color: red;  
   text-transform: none;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: red;  
   text-transform: none;
}

:-ms-input-placeholder {  
   color: red;  
   text-transform: none;
}

body{
    background-color: #FFF973 !important;

}

h2{
  color: black;
  background-color: white;
  border: #bbbbbb 2px solid;
  
  display: inline-block;
  border-radius: 10px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 30px;
  margin-left: 30px
  
    
}

p{
    margin: 20px 20px 20px 20px;
}

:focus {
   outline: 8px solid red;
   
}

.tamFuente{
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.tamFuenteBotones{
    height:20px;
    width: 20px;
    cursor: pointer;
}
.Autocolocable{
 
}

.space { margin-left:100px;}

.empezar{
    
    background: url("../img/empezar.png");
    background-position: left top;
    background-repeat: no-repeat;
    background-size:contain;
    padding: 200px; 
      max-width: 5px;
    
     -moz-opacity: 0.60;
    opacity:.60;
    filter: alpha(opacity=60);
}

.empezar:hover {
    opacity:1;   
    -moz-opacity: 1.00;
    
    filter: alpha(opacity=100);

}

#panel-oculto {
    display: inline-block;
    width:60%;
    height:100%;

}
#div2 {
    display: inline-block;
    width:39%;
    height:100%;
}




.container {
  width: 1180px;
  margin-top: 3em;
}
#accordion .panel {
  border-radius: 10;
  border: 0;
  margin-top: 0px;
}
#accordion a {
  display: block;
  padding: 10px 15px;
  border-bottom: 2px solid black;
  text-decoration: none;
  color: black;
  font-size: 50px;
  background-color:red;
}
#accordion .panel-heading a.collapsed:hover,
#accordion .panel-heading a.collapsed:focus {
  background-color: #63f292;
  color: black;
  transition: all 0.2s ease-in;
}
#accordion .panel-heading a.collapsed:hover::before,
#accordion .panel-heading a.collapsed:focus::before {
  color: black;
}
#accordion .panel-heading {
  padding: 0;
  border-radius: 0px;
  text-align: center;
}
#accordion .panel-heading a:not(.collapsed) {
  color: black;
  font-size: 50px;
  font-style:bold;
  background-color: #63f292;
  transition: all 0.2s ease-in;
}

/* Add Indicator fontawesome icon to the left */
#accordion .panel-heading .accordion-toggle::before {
  font-family: 'FontAwesome';
  font-size: 50px;
  content: '\f00d';
  float: left;
  color: black;
  font-weight: lighter;
  transform: rotate(0deg);
  transition: all 0.2s ease-in;
}
#accordion .panel-heading .accordion-toggle.collapsed::before {
  color: #444;
  transform: rotate(-135deg);
  transition: all 0.2s ease-in;
}