@CHARSET "UTF-8";

/** welcome */
.main-welcome-body {
	background: -webkit-linear-gradient(top, #7992bd, #c2d3ef);
	background: -ms-linear-gradient(top, #7992bd, #c2d3ef);
	background-size: cover;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
}

.main-welcome {
    display: table;
    background: rgba(255,255,255, 1);
    background: #ffffff \9;
    height: auto;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 1em;
    margin: 0 auto;
    position: relative;
    top: calc(100vh - 98vh);
    /*top: 7%;*/
    padding: 10px;
    box-shadow: 0 0.8em 4em rgba(0, 0, 0, 0.8);
    text-align: center;
}

.main-welcome .welcome-header {
    height: auto;
    margin: auto;
    margin-top: 0px\9;
}

.main-welcome .welcome-header img {
    display: inline;
    width: auto;
    height: auto;
}

.main-welcome .welcome-title {
    margin: auto;
    padding: 10px;
}


.main-welcome .welcome-title .titulo{
    font-size: 1.25em;
    color: #7992bd;
    display: inline;
    font-weight: bold;
    padding: 2px 4px;
}

.main-welcome .welcome-content-wrapper {
    justify-content: center;
    height: auto;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.main-welcome .welcome-content {
    margin: auto;
    width: 100%;
    padding: 20px;
}

.main-welcome .welcome-footer {
    margin-left: auto;
    margin-right: auto;
    width: auto;
    padding: 0px 5px;
    margin-top: 1em;
}

.main-welcome .welcome-footer hr {
    display: block;
    border-top: 1px solid #bccad9;
    border-bottom: none;
    margin-top: 2px;
    width: 98%;
    margin-right: 0px;
    /** IE 7 */
    *margin-top: -4px;
}

.main-welcome .welcome-footer .footer-content {
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    padding-bottom: 1px;
    justify-content: space-between;
}

.main-welcome .welcome-footer  .footer-content span,
    .main-welcome .welcome-footer  .footer-content a {
    font-size: 10px;
    padding: 0px;
}

.main-welcome .welcome-footer .footer-content .info {
	margin-left: 0px;
    white-space: nowrap;;
    padding-top: 5px;
    text-align: left;
    padding-left: 0px;
}

.main-welcome .welcome-footer  .footer-content .info.izq,
    .main-welcome .welcome-footer  .footer-content .info.centro {
    margin-right: 15px;
}

.main-welcome .welcome-footer .footer-content.bottomhr {
    margin-top: -3px;
    justify-content: space-around;
}

.main-welcome .welcome-footer .footer-content .aviso {
    width: 35%;
    text-align: right;
    margin-right: 10px\9;
}

.main-welcome .welcome-footer .footer-content .privacidad {
    width: 14%;
    text-align: center;
    margin-left: 10px\9;
    margin-right: 10px\9;
}

.main-welcome .welcome-footer .footer-content .contacto {
    width: 35%;
    text-align: left;
    margin-left: 10px\9;
}

.main-welcome .welcome-footer .footer-content .separador-pie {
    width: 8%;
    text-align: center;
}

.main-welcome .warn-welcome, .main-welcome .error-welcome{
        margin: 0 37px;
        padding: 15px;
        line-height: 1.5em;
}

.warn-welcome{
    background-color: #fff3cd;
    border-color: #ffeeba;
}

.error-welcome{
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

@media screen and (max-width: 480px) {
    .content-wrapper {
        padding: 10px 5px 0px 5px !important;
    }
    .page-wrapper {
        padding-left: 0px;
    }
}

@media screen and (min-width : 480px) and (max-width : 991px) {
    .main-welcome .welcome-footer .footer-content .info.izq {
        margin-left: 15px;
    }
    .main-welcome {
        height: 92%;
    }
}

/** welcome pantallas móvil */
@media screen and (max-width : 479px), screen and (max-height : 480px)  {


    .main-welcome {
        display: inline-block;
        width: 95%;
        box-sizing: border-box;
        margin-left: 2.5%;
        margin-right: 2.5%;
        overflow: auto;
    }


    .main-welcome .welcome-footer .footer-content {
        width: 95%;
    }

}

@media screen and (max-width : 479px) {

	.main-welcome .welcome-footer .footer-content {
	    display: inline-block;
	}

    .main-welcome .welcome-footer .footer-content .info.izq,
        .main-welcome .welcome-footer .footer-content .info.centro,
        .main-welcome .welcome-footer .footer-content .info.dcha {
        box-sizing: border-box;
        text-align: center;
    }

}