@CHARSET "UTF-8";

/*body {
	background: url("/SYS/img/body.png") no-repeat;
}*/
#modal {
  position: fixed; width: 750px; height: 380px;padding: 10px; background-color:   rgba(1, 1, 1, 0.9); color:#ffc; top:190px; left: 280px;
}


.close {
        background: #606061;
        color: #FFFFFF;
        line-height: 25px;
        position: absolute;
        right: -12px;
        text-align: center;
        top: -10px;
        width: 24px;
        text-decoration: none;
       font-weight: bold;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
       border-radius: 12px;
        -moz-box-shadow: 1px 1px 3px #000;
        -webkit-box-shadow: 1px 1px 3px #000;
       box-shadow: 1px 1px 3px #000;
}
.close:hover { background: #00d9ff; }



.modalw {
  width:100%; 
  height:100%;
  position: fixed;
  top: 100px; 
  left: 100px; 
  /*Con este código hacemos que el contenedor se mantenga en la pantalla y para que tome las dimensiones del body y no de la entrada*/
  background-color: rgba(1, 1, 1, 0.9); 
  top:0; 
  left:0;
  z-index:9999; /*Evitamos que algún elemento del blog sobreponga la ventana modal*/
  width:100%; 
  height:100%;
  position: fixed;
  font-family: Arial, Helvetica, sans-serif;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0,0,0,0.8);
 // z-index: 99999;            
 // -webkit-transition: opacity 400ms ease-in;
 // -moz-transition: opacity 400ms ease-in;
  //transition: opacity 400ms ease-in;
 // pointer-events: none;            
 // top: 100px; 
 // left: 100px; 
 // background-color: #ff9966; 
 // background-color: rgba(1, 1, 1, 0.9); 
 // transition: all .5s;
 // top:0; 
 // left:0;
 // z-index:9999; /*Evitamos que algún elemento del blog sobreponga la ventana modal*/
}

.modalw:target {
     opacity:1;
     pointer-events: auto;
}
.modalw > div {
     width: 400px;
     position: relative;
     margin: 10% auto;
     padding: 5px 20px 13px 20px;
     border-radius: 10px;
     background: #fff;
     background: -moz-linear-gradient(#fff, #999);
     background: -webkit-linear-gradient(#fff, #999);
     background: -o-linear-gradient(#fff, #999);
     -webkit-transition: opacity 400ms ease-in;
     -moz-transition: opacity 400ms ease-in;
     transition: opacity 400ms ease-in;
}


#modal1 {
  width:100%; 
  height:100%;
  position: fixed;
  top: 100px; 
  left: 100px; 
  background-color: #ff9966; 
  /*Con este código hacemos que el contenedor se mantenga en la pantalla y para que tome las dimensiones del body y no de la entrada*/
  background-color: rgba(1, 1, 1, 0.9); 
  top:0; 
  left:0;
  z-index:9999; /*Evitamos que algún elemento del blog sobreponga la ventana modal*/
}
#contenido-interno { 
  margin:120px auto; /*Separación arriba y centrado*/
  font-size:14px; /*Tamaño de la fuente*/
  width:450px; /*Ancho del contenedor*/
  height:150px; /*Ancho del contenedor*/
  text-align:center; /*Alineación del texto*/
  color:#222; /*Color del texto*/
  background:#fff; /*Color de fondo*/
}

.borde_50 {
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
}

.borde_10 {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#menu2 {
	width: 270px;
	font-family: "MS Sans Serif";
	margin-top:20px;
	margin-bottom: 10px;
	margin-left: 8px;
	/*position: absolute;*/
  height: auto;
  overflow: auto;
	/*position: fixed;*/
	 
}

#menu2 .om {
	margin: 5px 0 0 0;
	padding: 2px 5px;
	cursor: pointer;
	background-color: #7BACD4;
	border: 1px solid #55D;
	font-size: 1.5em;
	font-weight: bolder;
}

#menu2 div.om:hover {
	background-color: #FFFFFF;
}

#menu2 .cm {
	margin: 1px 0;
	padding: 2px 10px;
	cursor: pointer;
	background-color:#FFFFFF;
	font-weight: bolder;
	border: 1px solid #55D;
	font-size: 1.1em;
}

#menu2 div.op a{
/* background-color:#C1ABDC; */
	text-decoration: none 
}

#menu2 div.op:hover {
	background-color:#C1ABDC;
}