a.activator{
            
            top:0px;
            left:0px;
            background: #f4ac00  no-repeat top left;
            z-index:1;
            cursor:pointer;
            text-align: center;
            color: #FFF;
            
        }
        /* Style for overlay and box */
        .overlay{
            background:transparent url(/img/overlay.png) repeat top left;
            position:fixed;
            top:0px;
            bottom:0px;
            left:0px;
            right:0px;
            z-index:100;
        }
        .box{
            position:fixed;
            top:-364px;
            left:20%;
            right:20%;
            background-color:#fff;
            color:#7F7F7F;
            padding:20px;
            border:2px solid #ccc;
            -moz-border-radius: 20px;
            -webkit-border-radius:20px;
            -khtml-border-radius:20px;
            -moz-box-shadow: 0 1px 5px #333;
            -webkit-box-shadow: 0 1px 5px #333;
            z-index:101;
            font-family: Myriad Pro;
        }
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) { 

        .box{
            position:fixed;
            top:-364px;
            left:15%;
            right:15%;
            background-color:#fff;
            color:#7F7F7F;
            padding:20px;
            border:2px solid #ccc;
            -moz-border-radius: 20px;
            -webkit-border-radius:20px;
            -khtml-border-radius:20px;
            -moz-box-shadow: 0 1px 5px #333;
            -webkit-box-shadow: 0 1px 5px #333;
            z-index:101;
            font-family: Myriad Pro;
        }
}

/*GALAXY S9+*/
@media only screen and (min-device-width : 412px) and (max-device-width : 846px) { 

        .box{
            position:fixed;
            top:-364px;
            left:15%;
            right:15%;
            background-color:#fff;
            color:#7F7F7F;
            padding:20px;
            border:2px solid #ccc;
            -moz-border-radius: 20px;
            -webkit-border-radius:20px;
            -khtml-border-radius:20px;
            -moz-box-shadow: 0 1px 5px #333;
            -webkit-box-shadow: 0 1px 5px #333;
            z-index:101;
            font-family: Myriad Pro;
        }
}
        .box h1{
            border-bottom: 1px dashed #7F7F7F;
            margin:-20px -20px 0px -20px;
            padding:10px;
            background-color: #febc41;
            color:#EF7777;
            text-align: center;
            -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;
        }
        .box h2{
            color: #febc41;
            text-align: center;
        }
        a.boxclose{
            float:right;
            width:26px;
            height:26px;
            background:transparent url(/assets/img/cancel.png) repeat top left; /*CAMBIO PARA LOGIN */
            margin-top:-30px;
            margin-right:-30px;
            cursor:pointer;
        }
#box strong{
    color: #febc41; 
}

p.login.buttn{
    text-align: right;
    margin: 5px 0;
     float:right;
     font-family: Myriad Pro;
}