#modal{  position: fixed;  padding: 0;  margin: 0;  width: 100%;  height: 100%;  z-index: 50000;  background-color: rgba(100,100,100,0.9);  left: 0;  top: 0;  overflow: auto;}.contenedor{  width: 800px;  background: #fff;  position: relative;  margin: 10% auto;  padding: 30px;  -moz-border-radius: 7px;  border-radius: 7px;  -webkit-box-shadow: 0 3px 20px rgba(0,0,0,0.9);  -moz-box-shadow: 0 3px 20px rgba(0,0,0,0.9);  box-shadow: 0 3px 20px rgba(0,0,0,0.9);  text-shadow: 0 1px 0 #fff;}.contenedor h2 {  font-size: 36px;  padding: 0 0 20px;}.contenedor a[href="#close"] {  position: absolute;  right: 0;  top: 0;  color: transparent;}.contenedor a[href="#close"]:focus {  outline: none;}.contenedor a[href="#close"]:after {  content: 'X';  display: block;  position: absolute;  right: -10px;  top: -10px;  width: 1.5em;  padding: 1px 1px 1px 2px;  text-decoration: none;  text-shadow: none;  text-align: center;  font-weight: bold;  background: #000;  color: #fff;  border: 3px solid #fff;  -moz-border-radius: 20px;  border-radius: 20px;  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);  box-shadow: 0 1px 3px rgba(0,0,0,0.5);}.contenedor a[href="#close"]:focus:after,.contenedor a[href="#close"]:hover:after {  -webkit-transform: scale(1.1,1.1);  -moz-transform: scale(1.1,1.1);}#miBoton{	display: block;	width: 150px;	height: 50px;	border: none;	background-color: #06C;	color: #FFF;}