.main{
    top: 0;
    box-sizing: border-box;
    padding:10px;
    font-size: 14px;
    }
.contenido {
    width:100%;
    max-width:1022px;
    margin:auto;
    /* Flexbox */
    display:flex;
    flex-flow:column wrap;
}
section{
    position: relative;
    width: 100%;
    height: 100%;
    max-width: 1024px;
    margin: auto;
    z-index: 1;
    box-sizing: border-box;
}
hr{
    height: 1px;
    border-top: 1px solid #990000;
    border-bottom: 1px solid #000000;
    width: 74%;
    margin: auto;
}

.texto{ text-align: center; font-size: 16px; width: 75%; margin: auto; padding: 20px 0; box-sizing: border-box;}
.tit{ text-align: center; padding: 15px 0; font-size: 18px; font-weight: lighter;}

.formulario{
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    box-sizing: border-box;
    width: 80%;
    margin: auto;
    padding-bottom: 20px;
}
.captchayenviar{
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-content: center;
    align-items: center;
    box-sizing: border-box;
    width: 200px;
    margin: auto;
    padding-bottom: 30px;
}
.captchayenviar ul{list-style: none;}
.enviar{
    width: 100px;
}
.formulario1{
    width: 100%;
    max-width:355px;
    margin: auto;
    padding:0 10px;
    vertical-align: top;
}
.formulario1 ul{
    width: 100%;
    padding: 10px;
    list-style: none;
    box-sizing: border-box;
}

.formulario2{
    margin: auto;
    width: 100%;
    max-width: 355px;
    padding: 0 10px;
    vertical-align: top;
}
.formulario2 ul{
    width: 100%;
    padding: 10px;
    list-style: none;
    box-sizing: border-box;
    vertical-align: top;
}
.formulario3{
    margin: auto;
    width: 100%;
    max-width: 500px;
    padding: 0 10px;
}

.formulario3 ul{
    width: 100%;
    padding: 10px;
    list-style: none;
    box-sizing: border-box;
}

.formulario1{
    order: 1;
}
.formulario2{
    order:2;
}
.formulario3{
    order: 3;
}
.formulario1 ul li{
    list-style: none;
    width: 100%;
}
.separacion-horizontal{

    background: #333;
    box-shadow: 2px 2px 2px #000;
    height: 1px;
    margin: 10px 0;
    width: 80%;
}
.separacion-vertical{
    width: 1px;
    margin: 0 10px;
    background: #333;
    height: 80px;
    box-shadow: 2px 2px 2px #000;
    
}
.datos{padding: 10px 0;}
.formulario2 ul li{padding: 5px 0; vertical-align: top;}
.bot-enviar{height: 25px; width: 50%; margin: 0 50%; cursor: default;}
input{ background: #333; border: none; height: 25px;  color: #ccc; width: 100%;}
textarea{background: #333; border: none; width: 100%; color: #ccc; height: 105px; vertical-align: top;}
.social-inf{
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-content: center;
    align-items: center;
    box-sizing: border-box;
    width: 75%;
    margin: auto;
    padding: 10px;
}
.social-inf ul{list-style: none;}
/*.social-inf ul li{padding: 10px 20px;}*/
.social-der  li{ text-align: left; padding: 2px}
.social-izq li a span{
   margin-right: 15px;
}
.social-izq2 li a span{
position: relative;
left: 7px;
bottom: 7px;
}
.social-izq li{text-align: right; display: block; padding: 10px}
.info{padding: 0 10px;}
.social-izq2{ display: none;}
.alerta{
    color:red;
    padding:4px;
    text-align:center;
    margin:auto;
}
.asterisco{
        color:red;
}
.info{vertical-align:top; line-height: 30px;}
.captcha{
    color: #ccc;
    margin: 0 0 0 30px;
    box-sizing: border-box;
    width: 100px;
}
/*
#recaptcha_image { width:auto !important; max-width: 100%; height: auto !important;}
#recaptcha_image img { width:100% ;}

#recaptcha_area tr{
height: auto !important;
}
#recaptcha{width: 100px;}
    #recaptcha_table {
    border-color: rgba(0, 0, 0, .1) !important;
        width: 100px;
    }
    
    #recaptcha_response_field {
    border-color: rgba(0, 0, 0, .5) !important;
    height: 20px;
        color: #ccc;
    }
.recaptcha_image_cell{
    border-color: rgba(0, 0, 0, .1) !important;
    border: 1px solid #333;
}
#recaptcha_logo {
    display:none;
}
*/
#recaptcha_image { width:auto !important; max-width: 100%; height: auto !important}
#recaptcha_image img { width:100%;}
#recaptcha_response_field { width: 100% !important; max-width: 302px; }

#recaptcha_area tr{
height: auto !important;
}
.recaptcha_image_cell{
width: 100% !important;
    max-width: 2900px;}
img{
height: auto !important;
}
#recaptcha_logo {
    display:none;
}
#recaptcha_table {
border-color: rgba(0, 0, 0, .1) !important;
}
.contactoinf{ }
.contactoinf ul{list-style: none; text-align: right;}
.contactoinf ul li{ display: flex; flex-flow: row; padding: 5px 0;}

.contactoinfsocial{}
.contactoinfsocial ul{list-style: none; text-align: left;}
.contactoinfsocial ul li{ padding: 5px 0;}
.info-inf{ display: flex; flex-flow: row wrap; justify-content: center; width: 70%; margin: auto; padding: 20px;}
.gracias{text-align: center; padding: 50px 0; color: red;}
.separacion-vertical{
    width: 1px;
    margin: 0 10px;
    background: #990000;
    box-shadow: 2px 2px 2px #000;
}
@media screen and (max-width:972px){
    .formulario{ width: 90%;}
    hr{width: 90%}
    .texto{ width: 90%;}
}
@media screen and (max-width:865px){
    .formulario{ width: 90%;}
    hr{width: 90%}
    input{ width: 90%;}
textarea{width: 90%;}
}
@media screen and (max-width:787px){
    .social-inf{width: 100%}
    .social-inf ul{padding: 10px 0;}
    
}
@media screen and (max-width:435px){
    .formulario{ flex-flow: column wrap}
    .bot-enviar{margin: 0 25%;}
}
@media screen and (max-width:590px){
    .social-inf{flex-flow: column;}
    .social-inf ul{padding: 0;}
    .social-inf ul li{padding: 5px 0;}
    .separacion-vertical{display: none;}
    .social-izq{display: none;}
    .social-izq2{display: block; width: 90%;}
    .social-der{width: 90%}
}
@media screen and (max-width:400px){
    .formulario{ flex-flow: column;}
    .info-inf{width: 100%; flex-flow: column;}
    .separacion-vertical{ display: none;}
    .contactoinf ul li{ flex-flow: row-reverse; padding: 5px 0;}
    .social-izq2{width: 100%;}
    .social-der{width: 100%; font-size: 13px}
    .social-izq2 img{ width: 20px;}
    .social-der img{ width: 17px;}
    .info{padding: 0 0 0 0; line-height: 20px;}
}
#spam{display:none;}