/*
    
    Objetivo Creativo
    www.objetivocreativo.com
    
*/

.clear {
    
    clear: both;
    
}

html, body {
    
    height: 100%;
    
}

header {
    
    background-image: url('../img/bg-oquendo.jpg');
    background-size: contain;
    background-repeat: repeat-x;
    
    position: relative;
    
}

main, footer {
    
    position: relative;
    
}

.logo {
    
    max-height: 73px;
    margin: 50px 30px;
    
    transition-duration: 250ms;
    
}

.texto {
    
    max-height: 300px;
    padding: 15px 40px;
    
    transition-duration: 250ms;
    
    margin-bottom: 175px;
    
}

@media (max-width: 575px) {
    
    .logo {
        
        max-height: 60px;
        margin: 25px 15px;
        
    }
    
}

.laponia {
    
    background-image: url('../img/laponia.png');
    background-size: contain;
    background-repeat: repeat-x;
    background-position: left bottom;
    
    width: 100%;
    height: 291.5px;
    
    bottom: 0;
    position: absolute;
    
}

.papa-noel {
    
    max-height: 150px;
    
    bottom: 30px;
    left: 35%;
    position: absolute;
    
    transition-duration: 2500ms;
    
}

@media (min-width: 767px) {
    
    .laponia { height: 999px; }
    .papa-noel { left: 55%; }
    
}

.eslogan {
    
    max-height: 109.5px;
    
}

form input,
form select,
form button {
    
    display: block;
    width: 100%;
    
    margin: 10px 5px; padding: 15px 5px;
    border: 0;
    
    background-color: #005bb0;
    color: white;
    
    text-align: left;
    
    font-family: 'Yanone Kaffeesatz';
    font-size: 2em;
    font-weight: 300;
    
    position: relative;
    left: -5px;
    
    padding-left: 20px;
    
}

form input,
form select,
form button,
label {
    
    transition-duration: 150ms;
    
}

form input:hover,
form select:hover,
form button:hover,
label:hover {
    
    /*
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    */
    
}

form select:hover,
form button:hover,
label:hover {
    
    cursor: pointer;
    
}

form select option {
    
    background-color: #005bb0;
    color: white;
    
    text-align: left;
    
    font-family: 'Yanone Kaffeesatz';
    font-size: 2em;
    font-weight: 300;
    
}

::placeholder {
    
    color: white;
    opacity: 1;
    
}

:-ms-input-placeholder {
    
    color: white;
    opacity: 1;
    
}

::-ms-input-placeholder {
    
    color: white;
    opacity: 1;
    
}

select.promolaponia,
input[type='file'] {
    
    -webkit-appearance: none;
    text-align: left;
    text-align-last: left;
    
}

input[type='date'] {
    
	height: 70px;
	
}

/*

.inputfile,
.inputdate {
    
    width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
    
}

*/

.inputfile {
    
    font-size: 1em;
    font-family: sans-serif;
    
}

.inputfile + label {
    
    width: 100%;
    height: 70px;
    
    background-color: #bc0433;
    color: white;
    
    text-align: left;
    
    font-family: 'Yanone Kaffeesatz';
    font-size: 2em;
    font-weight: 300;
    
    margin: 10px 5px; padding: 15px 5px;
    
    position: relative;
    left: -5px;
    
}

.inputdate + label {
    
    width: 100%;
    height: 70px;
    
    background-color: #005bb0;
    color: white;
    
    text-align: left;
    
    font-family: 'Yanone Kaffeesatz';
    font-size: 2em;
    font-weight: 300;
    
    margin: 0 5px; padding: 15px 5px;
    
    position: relative;
    left: -5px;
    
}

legend {
    
    font-family: 'Yanone Kaffeesatz';
    font-size: 2em;
    font-weight: 300;
    margin-bottom: 0;
    padding-bottom: 0;
    
    padding-top: 10px;
    display: block;
    
    color: #005bb0;
    
}

legend.subefoto {
    
    color: #bc0433;
    
}

.inputfile {
    
    background-color: #bc0433;
    
}

#participa {
    
    width: 50%;
    background-color: #414040;
    margin-bottom: 0;
    margin-top: 0;
    
}

.footer {
    
    background-image: url('../img/footer.png');
    background-repeat: no-repeat;
    background-position: right bottom;
    width: auto;
    
    float: right;
    
    width: 300px;
    height: 181px;
    
    background-size: 100%;
    
    margin-top: 0;
    padding-top: 0;
    
    position: relative;
    top: 0;
    
}

form {
    
    margin-bottom: 0;
    padding-bottom: 0;
    
}

.bases {
    
    background-color: #bc0433;
    
    font-family: 'Yanone Kaffeesatz';
    font-size: 1.25em;
    font-weight: 300;
    
    color: white;
    
    text-align: center;
    
    padding: 25px 15px;
    
    position: relative;
    top: 0;
    
    margin-bottom: 0;
    
}

.bases a {
    
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    border-bottom: 2px solid white;
    
}

.bases a:hover {
    
    text-decoration: none;
    
}

.nobottom {
    
    margin-bottom: 0;
    padding-bottom: 0;
    
}

.bg-footer {
    
    background-color: #bc0433;
    
}

#legal {
    
    display: inline;
    float: left;
    
    width: 20px;
    
}

#legallabel {
    
    display: inline;
    float: left;
    
}

#legal,
#legallabel {
    
    margin: 0; padding: 0;
    
}

#legal {
    
    margin-left: 5px;
    margin-top: 15px;
    margin-bottom: 15px;
    
}

#legallabel {
    
    _margin-top: 12px;
    
    position: relative;
    top: 12px;
    
    font-family: 'Yanone Kaffeesatz';
    font-size: 1.25em;
    font-weight: 300;
    
    color: #414040;
    
}

#legallabel a {
    
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    
    color: inherit;
    
    border-bottom: 2px solid #414040;
    
}

#legallabel a {
    
    text-decoration: none;
    
}

#legal:hover,
#legallabel:hover {
    
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    
}

button {
    
    display: block;
    
}

.rrss a {
    
    background-color: #045db5;
    
    display: inline-block;
    width: 45px; height: 45px;
    
    -webkit-border-radius: 99px;
    -moz-border-radius: 99px;
    border-radius: 99px;
    
    text-align: center;
    
    margin-right: 5px;
    
}

.rrss a span {
    
    color: white;
    position: relative;
    top: 8px;
    
}

.rrss,
.logo-mini {
    
    display: inline-block;
    float: left;
    margin-bottom: 40px;
    
}

.logo-mini img {
    
    max-height: 45px;
    
}

.rrss {
    
    margin-right: 15px;
    
}

.logo-mini {
    
    padding-right: 100px;
    
}

.finpapa {
    
    background-image: url('../img/papa-enviado.png');
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 300px 181px;
    
}

.tambienpuedes {
    
    margin-top: 5px;
    
    font-family: 'Yanone Kaffeesatz';
    font-size: 2em;
    font-weight: 300;
    
    color: #005bb0;
    
}

select.picker__select--month,
select.picker__select--year {
    
    background: white;
    color: black;
    display: inline-block;
    float: left;
    position: relative;
    left: 50px;
    
    padding: 0; margin: 0;
    
    font-size: 1em;
    
    font-family: sans-serif;
    
    margin-right: 15px;
    
}

.picker__day {
    
    text-align: center;
    
}

button.picker__button--today,
button.picker__button--clear,
button.picker__button--close {
    
    display: none;
    
}

th.picker__weekday {
    
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    
}

html body .picker {
    
    width: 91%;
    
}

legend.fechanacimiento {
    
    color: #005bb0;
    
    
}

*:-webkit-autofill {
    
    background-color: #005bb0 !important;
    
}

.btn-group, .btn-group-vertical {
    
    width: 100%;
    
}

.btn-secondary {
    
    width: 50%; padding-top: 13.5px; padding-bottom: 13.5px;
    background-color: #005bb0;
    border-color: white;
    
    font-family: 'Yanone Kaffeesatz';
    font-size: 2em;
    font-weight: 300;
    
}

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show > .btn-secondary.dropdown-toggle {
    
    background-color: #8cbad4;
    border-color: #8cbad4;
    
}
