/* Style for overlay and box */
        .overlay{
            background:transparent url(../contacto/overlay.png) repeat top left;
            position:fixed;
            top:0px;
            bottom:0px;
            left:0px;
            right:0px;
            z-index:100;
        }
        
        
@media only screen and (min-width: 991px) {        
        
        .box{
        width:320px;
            position:fixed;
            top:-600px;
            left:41%;
            right:41%;
            background-color:#e1ffc5;
            color:#7F7F7F;
            padding:20px;
            -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;
        }
        
    }    
        .box h1{
            font-size:20px;
            margin:-20px -20px 0px -20px;
            padding:40px 10px 20px 10px;
            color:#000;
            -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(../contacto/cancel.png) repeat top left;
            margin-top:-30px;
            margin-right:-30px;
            cursor:pointer;
        }
        

@media only screen and (max-width:450px){
   .box {
    width: 90%;
    margin-left:8px;
    position: fixed;
    top: -600px;
    background-color: #e1ffc5;
    color: #7F7F7F;
    padding: 20px;
    -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;
}
}