/* CSS para p07.html  */

/* ----------------------------- cj27 ---------------------------------
*/

#contenedor27 {max-width:600px; margin:auto; text-align:center;
			  border: 4px solid blue; }
			  
#adelante, #atras {padding:15px; width: 130px; float: left;
                   color: white; border-radius: 40px; background: rgb(202, 60, 60);}
				   
#adelante:hover, #atras:hover {background: rgb(66, 184, 221);}


/* ----------------------------- cj28 ---------------------------------
*/
.form-2 label {color: maroon; display:block; padding:5px; margin:3px;}


/* ----------------------------- cj38 ---------------------------------
*/
.div38 {max-width: 600px; background-color:cyan; overflow:hidden; margin: 5px auto; text-align:center;}
.div38 h2 {width: 80%; background-color:#DEB887; cursor:pointer; margin: 10px auto; font-size:22px; }
.div38 span {aaa-font-size:22px; }



/*   demo de delete button -------------------------------  */
#overlayD { 
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 2; 
  display: none; 
}

#modal {
/*	
  padding: 10px;
  background: #fff;
  border: 1px solid #000;
*/  
   position: absolute;
  max-width: 360px;
  padding: 10px 20px;
  a-width: 50%;
  max-height: 80%;
  top: 20%;
  left: 25%;
  font-size: 13px;
  text-align: center;    /* center  */
  background: white;
  border-radius: 6px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  overflow: auto;
  display: none;
  
}

/*   iconos de font-awesome -------------------------------  */
.claIcon i {
  padding: 6px;
  color: purple;
  }

.list-group {
  padding-left: 0;
  margin-bottom: 20px;
  }

.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
  }

.list-group-item:first-child {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  }
  
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius:  8px;
  }

a.list-group-item:hover,
a.list-group-item:focus  {
  color: #555;
  text-decoration: none;
  background-color: #f5f5f5;
  }