@charset "utf-8";
/* CSS Document */
body{
           /* background:transparent url(title.png) no-repeat top center;
            */font-family:Arial;
            height:2000px;
        }
        .header
        {
            width:600px;
            height:56px;
            position:absolute;
            top:0px;
            left:25%;
            background:#fff url(title.png) no-repeat top left;
        }
        a.back{
            width:256px;
            height:73px;
            position:fixed;
            bottom:15px;
            right:15px;
            background:#fff url(codrops_back.png) no-repeat top left;
            z-index:1;
            cursor:pointer;
        }
        a.activator{
            width:153px;
            height:150px;
            position:absolute;
            top:0px;
            left:0px;
            background:#fff url(clickme.png) no-repeat top left;
            z-index:1;
            cursor:pointer;
        }
        /* Style for overlay and box */
        .overlay{
            background:transparent url(../../imgs/overlay.png) repeat top left;
            position:fixed;
            top:0px;
            bottom:0px;
            left:0px;
            right:0px;
            z-index:100;
        }
        .box{
            position:fixed;
            top:1%;
            left:1%;
            right:1%;
			      bottom:1%;
            background-color:#fff;
            color:#A9A5F7;
            padding:20px;
            border:2px solid #A9A5F7;
            -moz-border-radius: 20px;
            -webkit-border-radius:20px;
            -khtml-border-radius:20px;
            -moz-box-shadow: 0 1px 5px #A9A5F7;
            -webkit-box-shadow: 0 1px 5px #A9A5F7;
            z-index:101;
        }
        .box h1{
            border-bottom: 1px dashed #2ABAFE;
            margin:-20px -20px 0px -20px;
            padding:10px;
            background-color:#2ABAFE;
            color:#FFFFFF;
            -moz-border-radius:20px 20px 0px 0px;
            -webkit-border-top-left-radius: 20px;
            -webkit-border-top-right-radius: 20px;
            -khtml-border-top-left-radius: 20px;
            -khtml-border-top-right-radius: 20px;
        }
        a.boxclose{
            float:right;
            width:26px;
            height:26px;
            background:transparent url(../../imgs/cancel.png) repeat top left;
            margin-top:-30px;
            margin-right:-30px;
            cursor:pointer;
        }
		       #cargando{
           width:350px;
           height:70px;
           clear:both;
           background-color:#FFFF00;
           color:#CC0000;
          }
.overlay1{
            background:transparent url(../../imgs/overlay.png) repeat top left;
            position:fixed;
            top:0px;
            bottom:0px;
            left:0px;
            right:0px;
            z-index:100;
        }
        .box1{
            position:fixed;
            top:1%;
            left:1%;
            right:1%;
			      bottom:1%;
            color:#7F7F7F;
            padding:20px;
            z-index:101;
        }