body { width: 100%; font-family: Helvetica, Arial; font-size: 1em; line-height: 1.2em; margin: 0; padding: 0; }
* { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

.regForm { margin: 0 auto; width: 900px; }
.regHeader { padding: 20px 15px; }
    .regHeader h2 { font-size: 20px; text-align: center; }
        .regHeader h2 > span { color: #ffffff; font-style: italic; }
    .regHeader p.pl60 { padding-left: 60px; }
.regTexto { font-size: 14px; margin: 0 0 10px; }
.regContainer { padding: 0 25px; margin-top: 20px; width: 100%; }
.regField { font-size: 14px; line-height: 21px; text-align: left; }
.regClose { padding-top: 50px; }
.button { border: medium none; cursor: pointer; display: inline-block; font-family: Arial,'Raleway'; margin: 15px 0; outline: medium none; position: relative; text-transform: uppercase; transition: all 0.3s ease 0s; font-weight: 700; }
    .button:after { content: ""; position: absolute; transition: all 0.3s ease 0s; z-index: -1; }
.regSubmit { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; letter-spacing: 3px; font-size: 18px; padding: 15px 25px; background: none repeat scroll 0 0 #007884; color: #ffffff; }
    .regSubmit:hover, .regSubmit:active { background: none repeat scroll 0 0 #a1ced2; color: #ffffff; }
.centrado { text-align: center; }
.regCondiciones { margin: 0 50px; }

label { display: inline-block; font-weight: 700; margin-bottom: 5px; max-width: 100%; font-size: 16px; }
span.error { display: inline-block; padding-left: 15px; font-weight: 400; font-size: 12px; color: #ff5050; }
small { font-size: 12px; }
a { color: #007884; text-decoration: none; }
    a:hover, a:focus { color: #333333; text-decoration: underline; outline: 0 none; }
input[type="text"] { color: #666666; border: 1px solid #2e2e2e; font-family: inherit; font-size: 15px; margin-bottom: 20px; min-height: 30px; outline: medium none; padding: 10px 8px; width: 100%; }
input.upper[type="text"] { color: #666666; border: 1px solid #2e2e2e; font-family: inherit; font-size: 15px; margin-bottom: 20px; min-height: 30px; outline: medium none; padding: 10px 8px; text-transform: uppercase; width: 100%; }
input.error[type="text"].error, select.error { border: 1px solid #ff5050; }
select { border: 1px solid #2e2e2e; background-color: #fff; font-family: inherit; font-size: 14px; margin-bottom: 20px; min-height: 30px; padding: 10px 8px; width: 100%; }

.containerShadow { display: none; }
.containerShow { display: block; }

.main { clear: both; }
.header { clear: both; width: 100%; }
.footer { clear: both; width: 100%; padding-top: 20px; }
.row1 { float: left; background-color: #e9e9e9; width: 430px; height: 265px; }
    .row1 img { border: 0; }
.row2 { float: left; background-color: #e9e9e9; width: 470px; height: 265px; }
    .row2 h1 { font-size: 46px; color: #ff0052; padding-left: 26px; padding-top: 20px; }
    .row2 h2 { font-size: 28px; color: #ff0052; padding-left: 26px; }
    .row2 h3 { font-size: 16px; color: #ffffff; background-color: #000000; padding: 8px 12px; text-align: center; margin: 70px 50px; }
.row3 { float: left; width: 450px; text-align: center; }
    .row3 img { border: 0; }
    .row3 p { font-size: 12px; line-height: 12px; padding: 0; margin: 5px; }
.row4 { float: left; width: 450px; text-align: center; }
    .row4 img { border: 0; }
    .row4 p { font-size: 12px; line-height: 12px; padding: 0; margin: 5px; }
.logofooter { clear: both; padding-top: 35px; padding-bottom: 10px; }

@media (max-width: 768px) {
    .regForm { width: auto; }
    .regHeader p.pl60 { padding-left: 25px; }
    .header img { width: 100%; height: auto; }
    .row1 { width: auto; }
        .row1 img { width: 100%; height: auto; }
    .row2 { width: 100%; height: auto; }
        .row2 h1 { font-size: 36px; padding-left: 26px; padding-top: 5px; margin: 0; }
        .row2 h2 { font-size: 24px; padding-left: 26px; }
        .row2 h3 { font-size: 14px; padding: 8px 12px; text-align: center; margin: 32px 45px; }
    .regHeader h2 { font-size: 1.1em; }
    .footer { margin-top: 24px; }
        .footer .row3 { width: 50%; height: auto; }
        .footer .row4 { width: 50%; height: auto; }
    .logofooter { width: auto; }
        .logofooter img { width: 100%; height: auto; }
}