* {
margin: 0;
padding: 0;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}

html {
margin: 0;
height:100%;
padding-top: 65px;
}

body {
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
height:100%;
background: #000000;
background: url(../img/fondo.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

p {
margin: 0 0 0.8em 0;
}

a {
text-decoration: none;
}

ul, li {
list-style: none;
}

#main-header {
background: #000;
position: fixed;
top: 0px;
width:100%;
height: 65px;
margin: 0;

}

#main {
width: 96%;
margin: auto;
}


#main-content {
width: 1200px;
height: auto;
margin: auto auto 55px auto;
}

#main-footer {
background: #000;
color: white;
text-align: center;
padding: 14px;
bottom: 0px;
position: fixed;
font-size: 12px;
width: 100%; 
}

#main-footer p {
margin: 0;
}

#main-footer a {
color: white;
}

#PagoImg{
    margin:10px 0px 5px 0px; width:220px; height:70px; cursor:pointer;
}

@media screen and (max-width: 1200px) {
#main-content {
width: 97%;
}
}

@media screen and (max-width: 690px) {
html {
padding-top: 48px;
}

#main-header{
width: 100%;
height: 48px;
}

#main-content {
width: 97%;
}

.imgmaster{
    width: 98%;
    height: auto;
}
}

@media screen and (max-width: 388px) {
    .imgmaster1{
        width: 100%;
        height: auto;
    }
}

@media screen and (max-width: 358px) {
    #MnD{
        width: 100%;
        height: auto;
    }

    #PagoImg{
        width: 90%;
        height: auto;
    }
}