.ventana{
    width:100%;
    height: 100%;
    color: #666;
    position:fixed;
    background-image: url(...images/Shade.png);
    top: 0%;
    left: 0%;
}


.cerrar{
    font-weight:900;
    text-align: right;
    position: absolute;
	right: 1px;
	text-align: center;
	top: 1px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	border-radius:3px;
	font-size:16px;
    }

.cerrar a{
    color: #FFC000;
    }


 .modalmask {
            position: fixed;
            font-family: Arial;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: rgba(0,0,0,0.8);
            z-index: 99999;
            opacity: 0;
            -webkit-transition: opacity 400ms ease-in;
            -moz-transition: opacity 400ms ease-in;
            transition: opacity 400ms ease-in;
            pointer-events: none;
        }

            .modalmask:target {
                opacity: 1;
                pointer-events: auto;
            }

        .modalbox {
        width:400px;
    height:200px;
    padding: 25px;
    background-color:#003461;
    color: #fff;
    top: 30%;
    left:35%;
    position:absolute;
    margin-left:-100%;
    margin-top:-100%;
       
            border-radius: 3px;
            -webkit-transition: all 500ms ease-in;
            -moz-transition: all 500ms ease-in;
            transition: all 500ms ease-in;
        }
        .modalbox a{
    color: #fff;
    }

      
        .movedown {
            margin: 0 auto;
        }

        .rotate {
            margin: 1% auto;
            -webkit-transform: scale(-5,-5);
            transform: scale(-5,-5);
        }

        .resize {
            margin: 5% auto;
            width: 0;
            height: 0;
        }

        .modalmask:target .movedown {
            margin: 1% auto;
        }

        .modalmask:target .rotate {
            transform: rotate(360deg) scale(1,1);
            -webkit-transform: rotate(360deg) scale(1,1);
        }

        .modalmask:target .resize {
            width: 200px;
            height: 100px;
        }



    .cerrar:hover { 
	background-color: #FFC000;
	color:#222;
    }
   .boton { 
	background-color:#ffc000;
    align-content: center;
    align-items: center;
    padding:5px;
    margin-left:100%;
    margin-top: -15%;
    left:-25%;
    border-width: 0;
    position: absolute;
    font-weight: bold;
    text-shadow: 1px 1px 1px #808080;
    z-index: 999999999;
    }
   .caja { 
	color: #003461;
    background-color: #fff;
    padding-left: 2px;
    }
    .boton:hover { 
	background-color:#fff;
	color:#FFC000;
  
    }