body{
    font-family: 'Open Sans', sans-serif;
    overflow-x: hidden;
    font-size: 17px;
}

.texto-azul{
    color: #4ecdc4;
}
.texto-mini{ font-size: 11px;}
.texto-mini2{ font-size: 13px;}
.texto-mid{ font-size: 20px;}
.texto-small{ font-size: 13px;}

.container{
    max-width: 880px!important;
}
.container.grande{
    max-width: 1200px!important;
}
h1,h2,h3,h4,h5,h6{font-family: 'Open Sans', sans-serif; display: block; text-align: left; margin: 15px 0 15px 0;font-weight: normal;margin-bottom: 0px; }
h3{ font-weight: bold;}

/*MOVIL*/
@media (max-width: 700px) {
    h1{font-size: 24px;margin-top: 80px;}
    h3{font-size: 24px;}
}
/*ESCRITORIO*/
@media (min-width: 701px) {
    h1{font-size: 32px;}
    h3{font-size: 25px;}
    main{padding-bottom: 20px;}
}

label{
    margin-bottom:5px;
    display: block;
    font-weight: 400;
}
label small{
    font-weight: 300;
    color: #1b1b1b;
    font-size: 11px;
}
input[type=text]{
    background-color: #f1fbfa;
    border-color: #4ecdc4;
}
input[type=radio],input[type=checkbox]{width: 30px; height: 30px; cursor: pointer;}
a{
    color: #4ecdc4;
    text-decoration: underline;
}
a:hover{
    cursor: pointer;
    color: #566270;
    text-decoration: none;
}



.btn-primary,.btn-primary:active,.btn-primary:focus{
    outline: none!important;
    background-color: #4ecdc4;
    color: #ffffff;
    border-color: transparent;
    border-radius: 30px;
}

.btn-primary:hover{
    background-color: #566270;
    color: #ffffff;
    border-color: transparent;
}
/* TEMPLATE */
.texto-main h1{
    text-align: center;
    color: #566270;
    font-weight: normal;
}

main{
    background-image: url('/img/fondo-bottom.jpg');
    background-size: contain;
    background-position: bottom left;
    background-repeat: no-repeat;
}

.rojo{
    background-image: url('/img/fondo-registro.jpg');
    background-size: cover;
    background-position: right center;
    font-size: 30px;
    color: white;
}

.caja_footer{
    background-color:#566270;
    font-size: 12px;
}

.caja_footer a{
    text-decoration: none;
    color: #ffffff;
}
.caja_footer a:hover{
    text-decoration: underline;
}

/* FORMULARIO */
#formulario{
    color: #566270;
}