body.mio   {
    font-size: 12px;  
    font-family: Tahoma; 	
    background:rgba(0,0,0,0.4); 
    background-image:url(../imagenes/LogoSitio200.png);  
    background-repeat:no-repeat; 
    background-attachment:fixed;  
    background-position:center;
    width:100%; 
    font-weight:bold; 
 /*   margin: 4px;  */
    margin-top: 15px;      
}
.form-paddin {
    padding-top: 50px;
}    
iframe   {
    height:900px;
    border-color:#CC9999
}  
.remarcar {
    background-color: gold;  
}

@media only screen and (min-width: 768px) {
    body.mio   {
    	background-image:url(../imagenes/LogoSitio300.png);  
    } 
    .form-paddin {
        padding-top: 80px;
    }    
    iframe { 
        height:600px;
        border-color: #FFFF66;
    }     
} 
@media only screen and (min-width: 992px) {
    body.mio   {
    	background-image:url(../imagenes/LogoSitio400.png);  
    } 
    .form-paddin {
        padding-top: 80px;
    }    
    iframe { 
        height:750px;  
        border-color: #FFFF66;
    }     
} 
@media only screen and (min-width: 1200px) and (max-width: 3900px)    {
    body.mio {
      background-image:url(../imagenes/LogoSitio600.png);  
    }
    .form-paddin {
        padding-top: 80px;
    }  
    iframe { 
        height:900px;  
        border-color: #FFFF66;
    }     
}
 
.form-top {
    overflow: hidden;
    padding: 0px 15px 10px 15px;
    background: #444;
    background: rgba(0, 0, 0, 0.10);
    -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;  
    text-align: left;
}
.form-bottom {
    padding: 0px 15px 10px 15px;
    background: #444;
    background: rgba(0, 0, 0, 0.10);
    -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;
    text-align: left;
}