/***************************************** FONDO *******************************************/
body { 
	/*background-image: url('../Content/Images/ffffff/footer.png');*/
    background-color:white;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: bottom;
    background-size: 100%;
	padding:0;
	margin:0;
    font-size:16px;
    height:100vh;
    min-height: 240px;
    min-width: 240px;
}

/****************************************** HEADER ******************************************/
div.pageHeader.mobile {
	width:100%;
	height: 34px;
	background-color: #1877AC;
	position:relative;
    margin-bottom:20px;
}
.pageHeaderTitleMobile {
    line-height: 34px;
    color:white;
    font-weight: bold;
    margin-left: 20px;
    width: calc(100% - 70px);
    text-align: center;
    position: absolute;
}

div.pageHeader {
	width:100%;
	height: 80px;
	background-color: #1877AC;
	position:relative;
    margin-bottom:20px;
}

img.pageHeaderLogo {
    position:absolute;
    margin-left:20px;
    margin-top:24px;
    width: 160px;
    pointer-events: none;
}

div.pageHeaderLayoutTrans {
    height:0; 
    position:absolute;
    right:0;
    border-left: 110px solid transparent; 
    border-bottom: 80px solid #1470A4;
}
div.pageHeaderBG1 {
    width:458px;
    border-bottom-color: #1470A4;
}
div.pageHeaderBG2 {
    width:400px;
    border-bottom-color: #116A9D;
}
div.pageHeaderBG3 {
    width:326px;
    border-bottom-color: #0E6597;
}
div.pageBorder {
    height:3px; 
    position:absolute;
    background-color:#9ECDE7;
}
div.pageHeaderBorderTop {
    width:437px;
    top:36px;
    right:0;
}
div.pageHeaderBorderBottom {
    width:100%;
    bottom:0px;
}
div.pageHeaderBorderTrans {
    width:71px;
    right:428px;
    top:56px;
    -webkit-transform: rotate(-36deg);
    -moz-transform: rotate(-36deg);
    -o-transform: rotate(-36deg);
    -ms-transform: rotate(-36deg);
    transform: rotate(-36deg);
}
div.pageHeaderTitle {
    width:435px;
    height:0; 
    position:absolute;
    right:0;
    border-left: 60px solid transparent; 
    border-bottom: 44px solid #FFF; 
    top:38px;
}
div.pageTitleContent {
    height: 44px;
    color: #1877AC;
    font-family: 'Levenim MT';
    font-size: 22px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: pre;
    text-align: right;
    padding-top: 12px;
    margin-right: 36px;
}
@media only screen and (max-width: 1280px) and (orientation: portrait){
    div.pageTitleContent {
        font-size: 18px !important;
    }
}
@media only screen and (max-width: 450px) and (orientation: portrait) {
    div.container.body-content {
        min-height: calc(100vh - 270px);
    }
}
div.pageTitleBorder {
    height:1.6px;
    position:absolute;
    background-color:#ECECEC;
}
div.pageTitleBorderBottom {
    width:90%;
    right:30px;
    top:50px;
}
div.pageTitleBorderTrans {
    width:30px;
    right:8px;
    top:38px;
    -webkit-transform: rotate(-60deg);
    -moz-transform: rotate(-60deg);
    -o-transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    transform: rotate(-60deg);
}

div.companyLogo {
    right: 0; 
    bottom: 50px; 
    position: fixed;
    z-index: -1;
}

/******************************************* Contenido *************************************/
div.body-content {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 44px;
}
div.containerCenter {
    max-width: 900px;
    margin:auto;
}

div.containerItems {
    max-width: 100%;
    margin:auto;
}

/******************************************* FOOTER ****************************************/
footer.mobile {
    background-color: #1877AC;
    color:white;
    font-size: 11px;
    text-align: left;
    padding: 10px 10px 0 10px;
    position: fixed;
    width:100%;
    bottom: 0;
    margin-top:0;
    height:24px;
    line-height: 14px;
}
.footerImg { max-width: 70px; }
.footerMobileDiv {
    width: calc(100% - 70px);
}
footer {
	height: 44px;
	position:fixed;
	left:0;
	right:0;
	bottom:0;
}
div.pageFooterBottom {
	height: 30px;
	margin:auto;
	margin-top:14px;
	background-color: #1877AC;
}
div.pageFooterRightBord {
	position:absolute;
	right:140px;
	border-top: 20px solid transparent;
	border-right:20px solid #1877AC;
}
div.pageFooterRightRect {
	position:absolute;
	right:0;
	height: 20px;
	width: 140px;
	background-color: #1877AC;
}
div.pageFooterContent {
	font-size:12px;
	margin:auto;
	vertical-align:middle;
	line-height: 30px;
	color:white;
}
div.pageFooterLeft { 
	text-align: left;
	position:absolute;
	left:0;
    border-left-width:0!important;
}
div.pageFooterRight {
    text-align: right;
    position: absolute;
    right: 0;
    border-right-width: 0 !important;
    margin-right: -11px;
}
    div.pageFooterRight img {
        background-color: transparent;
        padding: 3px;
        width: 130px;
    }
div.pageFooterDecorate {
	border: solid 1px white;
	margin-top: -6px;
	width: 300px;
	height:10px;
}
div.pageFooterBorderTop {
    width:140px;
    top:0;
    right:0;
}
div.pageFooterBorderTrans {
    width:23px;
    right:137px;
    top:7px;
    -webkit-transform: rotate(-40deg);
    -moz-transform: rotate(-40deg);
    -o-transform: rotate(-40deg);
    -ms-transform: rotate(-40deg);
    transform: rotate(-40deg);
}
div.pageFooterBorderBottom {
    width:100%;
    top:14px;
}
div.pageFooterBottom > div.pageFooterLeft span { margin-left:10px; }
div.pageFooterBottom > div.pageFooterRight img { margin-right:14px; margin-top:-12px; pointer-events: none; }

.headerLogoContainer #logoCompanyId {
    display: flex; /* or inline-flex */
    margin-left: 5px;
    margin-top: -20px;
}