@font-face{
    font-family: myFirstFont;
    src:url(images/oxygen.woff);
}

*{
    box-sizing:border-box;
    font-family:myFirstFont;
}

body{
    margin:0;
    padding:20px;
    background:#fff;
}

#margen{
    width:100%;
    max-width:700px;
    margin:0 auto 50px;
}

#tabla{
    width:100%;
    border-collapse:collapse;
    background:#F7F7F7;
    border-radius:10px;
    overflow:hidden;
}

#tabla th{
    background:#d9022e;
    color:#fff;
    padding:12px;
    width:35%;
}

#tabla td{
    padding:12px;
}

#tabla input[type=text],
#tabla input[type=email]{
    width:100%;
    padding:10px;
    border:2px solid gray;
    border-radius:5px;
}

.sendform{
    background:#d82031;
    color:#fff;
    border:2px solid #d82031;
    border-radius:10px;
    padding:15px 30px;
    cursor:pointer;
    transition:.3s;
    font-weight:bold;
    text-transform:uppercase;
}

.sendform:hover{
    background:#fff;
    color:#d82031;
}

.sendform:disabled{
    opacity:.5;
    cursor:not-allowed;
}

.imagenmensaje{
    width:150px;
    max-width:100%;
}



#tabla3 th, #tabla td
{
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	padding-top: 15px;
	padding-bottom: 15px;
}


@media (max-width:768px){

    #tabla,
    #tabla tbody,
    #tabla tr,
    #tabla th,
    #tabla td{
        display:block;
        width:100%;
    }

    #tabla th{
        text-align:left;
        border-radius:0;
    }

    #tabla td{
        padding:10px;
    }
}