html{
    width:100%;
    height:100%
}
body{
    width: 100%;
    height: 100%;
	margin: 0px;
}
.CloseMenuC{
    width: 32px;
    height: 32px;
    position: absolute;
    top: 5px;
    right: 10px;
    cursor: pointer;
}
.MenuCelTablet {
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: #55b7a8;
    opacity: .9;
    z-index: 2;
    top: 0;
    left: 0;
    overflow: auto;
}
.MenuCelTablet .CMenuCT{
    width: 100%;
    height: calc(100% - 60px);
    margin-top: 60px;
}
.MenuCelTablet .CMenuCT .ItemMenu{
    width: calc(100% - 10px);
    height: auto;
    padding: 10px;
    display: flex;
}
.MenuCelTablet .CMenuCT .ItemMenu .ItemMenuSCT{
    font-size: 1.8em;
    font-family: RobotoB;
    margin: auto;
    color: #ffffff;
    cursor: pointer;
}
.MenuCelTablet .CMenuCT .ItemMenu .ItemMenuSCTSel{
    font-size: 2em;
    font-family: RobotoB;
    margin: auto;
    color: #9d5f9b;
    cursor: pointer;
    border-bottom: 2px solid #9d5f9b;
}
.MsjEmergente{
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.58);
    z-index: 3;
    justify-content: center;
    align-items: center;
    overflow-y: auto;
}
.MsjEmergente .MsjEM{
    width:35%;
    height:25%;
    margin:auto;
    background-color:rgb(255,255,255);    
    border-radius: 15px;
    min-width: 350px;
    min-height: 250px;
}
.MsjEmergente .MsjEM .MsjEMT{
    height:15%;
    width:100%; 
    border-radius: 15px;   
}
.MsjEmergente .MsjEM .MsjEMM{
    height:60%;
    width:100%;
    background-color: #55b7a8;
    color: #FFFFFF;
    font-family: RobotoB;
    display: flex;
}
.MsjEmergente .MsjEM .MsjEMM span{
    font-size: 1.2em;
    margin: auto;
    width: 100%;
    text-align: center;
}
.MsjEmergente .MsjEM .MsjEMB{
    height:25%;
    width:100%;    
    display: flex;
}
.MsjEmergente .MsjEM .MsjEMB .btnOK{
    cursor: pointer;
    display: inline;
    color: #FFFFFF;
    background-color: #9d5f9b;
    background-position-x: .5em;
    background-position-y: .7em;
    padding-left: .5em;
    padding-right: .5em;
    padding-bottom: .1em;
    padding-top: .1em;
    font-family: RobotoB;
    font-size: 1.2em;
    border-radius: .3em;
    cursor: pointer;
    margin: auto;
}
.CienAll{
    width: 100%;
    height: 100%;
}
.Cabecera{
    width: 100%;
    height: 120px;
    position: fixed;
    top: 0;
    background: #fff;
    z-index: 1;
}
.Cabecera .ContLogo{
    height: 100%;    
    width: 20%;
    float: left;
    display: flex;
}
.Cabecera .ContLogo .Logo{
    height: 100%;    
    width: auto; 
    margin: auto;
    margin-right: 0;   
    transform: scale(1.2);
}
.Cabecera .ContMenuTableCell{
    display: none;
}
.Cabecera .ContMenu{
    height: 100%;    
    width: 60%;
    float: left;
}
.Cabecera .ContMenu .cMenu {
    width: 100%;
    height: 100%;
}
.Cabecera .ContMenu .cMenu .Menu {
    width: 100%;
    height: 100%;
    float: left;
    text-align: right;
	display: table;
}
nav ul {
    margin-top: 0px;
    padding: 0px;
	display: table-cell;
    vertical-align: middle;
}
nav ul .LiMenu {
    display: inline;
    padding-left: 2%;
    padding-right: 2%;
	font-family: RobotoL;
    font-size: 1.5vw;
    color: #3c3c3b;
}
nav ul .LiMenuSel {
    display: inline;
    padding-left: 2%;
    padding-right: 2%;
	font-family: RobotoL;
    font-size: 1.9vw;
    color: #952182;
	border-bottom: 2px solid #55b7a8;
}
nav ul .LiMenu:hover {
	font-size: 1.9vw;
    color: #952182;
	border-bottom: 2px solid #55b7a8;
	cursor: pointer;
}
.Cabecera .ContBtnAcceso{
    height: 100%;    
    width: 20%;
    float: left;
	display: table;
    text-align: center;
}
.Cabecera .ContBtnAcceso .cBtnAcceso{
    height: 100%;    
    width: 100%;
	text-align: center;
    display: table-cell;
    vertical-align: middle;
}
.Cabecera .ContBtnAcceso .cBtnAcceso .BtnAcceso{
    height: 40%;
    width: 40%;
    display: inline;
    vertical-align: middle;
    color: #FFFFFF;
    background: url(../Images/Inicio/icono_inact-03.png) no-repeat;
    background-size: 1em 1em;
    background-color: #55b7a8;
    background-position-x: .5em;
    background-position-y: .7em;
    padding-left: 2em;
    padding-right: .5em;
    padding-bottom: .5em;
    padding-top: .5em;
    font-family: RobotoL;
    font-size: 1.5em;
    border-radius: .7em;
    cursor: pointer;
}
.Cabecera .ContBtnAcceso .cBtnAcceso .BtnAcceso:hover {
    background-color: #9d5f9b;
}
.Medio{
    width: 100%;
    /*height:calc(100% - 175px);*/
    height: calc(100% - 210px);
    top: 120px;
    left: 0;
    position: fixed;
    overflow: hidden;
}
.Medio .ContMedio{
    width: 600%;
    height: 100%;
    float: left;
}
.Medio .ContMedio .pInicio{
    width: calc(100% / 6);
    height: 100%;
    float: left;   
    overflow-y: auto;
}
.Medio .ContMedio .pInicio .LInicio{
    width: 45%;
    height: 100%;
    float: left;
    display: flex;
    display: flex;
}
.Medio .ContMedio .pInicio .LInicio .imgLInicio{
    width: 90%;
    height: auto;  
    margin: auto;
}
.Medio .ContMedio .pInicio .RInicio{
    width: 55%;
    height: 100%;
    float: right;
}
.Medio .ContMedio .pInicio .RInicio .TopRInicio{
    width: 100%;
    height: 30%;
	display: table;
}
.Medio .ContMedio .pInicio .RInicio .TopRInicio .cTopRInicio{
    width: 40%;
    height: 100%;
    font-family: RobotoB;
    font-weight: bold;
    font-size: 2.2em;
    color: #6c6b6b;
    text-align: center;
	display: table-cell;
    vertical-align: middle;
}
.Medio .ContMedio .pInicio .RInicio .BotRInicio{
    width: 100%;
    height: 70%; 
    display: inline-block;
}
.Medio .ContMedio .pInicio .RInicio .BotRInicio .IntBotRInicio{
    width: calc( 100% / 3 );
    height: 100%;
    float: left;
}
.Medio .ContMedio .pInicio .RInicio .BotRInicio .IntBotRInicio .TopLBotRInicio{
    width: 100%;
    height: 50%;
	text-align: center;
}
.Medio .ContMedio .pInicio .RInicio .BotRInicio .IntBotRInicio .TopLBotRInicio .imgImagen{
    width: 80%;
    height: 80%;
	padding-top: 5%;
}
.Medio .ContMedio .pInicio .RInicio .BotRInicio .IntBotRInicio .BotLBotRInicio{
    width: 100%;
    height: 50%;
    text-align: center;
    font-family: RobotoB;
    font-weight: bold;
    font-size: 1.5em;
}
.Medio .ContMedio .pInicio .RInicio .BotRInicio .IntBotRInicio .BotLBotRInicio .LetraN{
    color: #3c3c3b;
}
.Medio .ContMedio .pInicio .RInicio .BotRInicio .IntBotRInicio .BotLBotRInicio .LetraM{
    color: #9d5f9b;
}
.Medio .ContMedio .pInicio .RInicio .BotRInicio .IntBotRInicio .BotLBotRInicio .LetraMG{
    color: #9d5f9b;
}
.Medio .ContMedio .pModulos{
    width: calc(100% / 6);
    height: 100%;
    float: left;         
    overflow-y: auto;  
}
.Medio .ContMedio .pModulos .pContentInt{
    width: 88%;
    height: 94%;
    display: flex;
    margin: auto;
    padding-top: 2%;
    min-height: 400px;  
}
.Medio .ContMedio .pModulos .pContentInt .IntMod{
    width: calc(100% / 5); 
    height: 100%;
    float: left;
    opacity: .3;
}
.Medio .ContMedio .pModulos .IntMod:hover{
	opacity: 1;
}
.Medio .ContMedio .pModulos .IntMod:hover .BIntMod .BBIntMod{
	visibility: initial;
}
.Medio .ContMedio .pModulos .IntMod:hover .BIntMod .TBIntMod{
	text-decoration:  underline solid 3px #952182;
}
.Medio .ContMedio .pModulos .IntMod:hover .TIntMod .imgIntMid{
	top: -100%;
	position: relative;
}
.Medio .ContMedio .pModulos .IntMod .TIntMod{
    width: 80%;
    height: 45%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    margin: auto;
}
.Medio .ContMedio .pModulos .IntMod .TIntMod .imgIntMid{
    width: 100%;
    height: 200%;
}
.Medio .ContMedio .pModulos .IntMod .BIntMod{
    width: 100%;
    height: 55%;
	text-align: center;
}
.Medio .ContMedio .pModulos .IntMod .BIntMod .TBIntMod{
    width: 100%;
    height: 25%;
	color: #585857;
    font-family: RobotoM;
    font-size: 1.6vw;
}
.Medio .ContMedio .pModulos .IntMod .BIntMod .BBIntMod{
    width: 100%;
    height: 75%;
	font-size: 1.1vw;
    font-family: RobotoM;
    color: #585857;
	visibility: hidden;
}
.Medio .ContMedio .pContacto .TopContacto{
    width: 100%;
    height: 15%;
}
.Medio .ContMedio .pContacto .TopContacto .TopCont{
    width: 45%;
    height: 100%;
    display: flex;
    justify-content: center;
    margin: auto;
}
.Medio .ContMedio .pContacto .TopContacto .TopCont .SubTopCont{
    width:50%;
    height: 100%;
    float: left;
    display: flex;
}
.Medio .ContMedio .pContacto .TopContacto .TopCont .SubTopCont .SSubTopCont{
    margin: auto;
    width: auto;
}
.Medio .ContMedio .pContacto .TopContacto .TopCont .SubTopCont .SSubTopCont img{
    width:32px;
    height: 32px;
    vertical-align: middle;
    cursor: pointer;
    display: inline-block;
}
.Medio .ContMedio .pContacto .TopContacto .TopCont .SubTopCont .SSubTopCont img:hover{
    transform: scale(1.2);
}
.Medio .ContMedio .pContacto .TopContacto .TopCont .SubTopCont .SSubTopCont span{
    font-size: 1em;
    font-family: RobotoM;
    vertical-align: middle;
    color: #505050;
    margin-left: 5px;
    display: inline-block;
}
.Medio .ContMedio .pContacto .BotContacto{
	display:none;
    width: 100%;
    height: 85%;
    min-height: 400px;
}
.Medio .ContMedio .pContacto .BotContacto .Cuerpo{
    width: 45%;
    height: 80%;
    margin: auto;
	border-radius: 15px;
    box-shadow: 0px -2px 16px 0 rgba(0, 0, 0, 0.2), 0px 2px 16px 0 rgba(0, 0, 0, 0.2);
}
.Medio .ContMedio .pContacto .BotContacto .Cuerpo .Cuerpo1{
    width: 100%;
    height: 5%;
}
.Medio .ContMedio .pContacto .BotContacto .Cuerpo .Cuerpo2{
    width: 100%;
    height: 10%;
    background-color: #55b7a8;    
    display: flex;
}
.Medio .ContMedio .pContacto .BotContacto .Cuerpo .Cuerpo2 span{
    margin: auto;
    color: #FFFFFF;
    font-family: RobotoB;
    font-size: 1.5em;
}
.Medio .ContMedio .pContacto .BotContacto .Cuerpo .Cuerpo3{
    width: 100%;
    height: 5%;
}
.Medio .ContMedio .pContacto .BotContacto .Cuerpo .Cuerpo4{
    width: 100%;
    height: 65%;
}
.Medio .ContMedio .pContacto .BotContacto .Cuerpo .Cuerpo4 .DivCuerpo4{
    height: 100%;
    width: 50%;
    float: left;
}
.Medio .ContMedio .pContacto .BotContacto .Cuerpo .Cuerpo5{
    width: 100%;
    height: 15%;
    float: left;
    display: table;
    text-align: center;
}
.Medio .ContMedio .pContacto .BotContacto .Cuerpo .Cuerpo5 .CBtnEnviar{
	height: 100%;
    width: 100%;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}
.Medio .ContMedio .pContacto .BotContacto .Cuerpo .Cuerpo5 .CBtnEnviar .BtnEnviar{
	height: 40%;
    width: 40%;
    display: inline;
    vertical-align: middle;
    color: #FFFFFF;
    background-color: #55b7a8;
    background-position-x: .5em;
    background-position-y: .7em;
    padding-left: 2em;
    padding-right: 2em;
    padding-bottom: .1em;
    padding-top: .1em;
    font-family: RobotoB;
    font-size: 1.2em;
    border-radius: .3em;
    cursor: pointer;
}
.Medio .ContMedio .pContacto .BotContacto .Cuerpo .Cuerpo5 .CBtnEnviar .BtnEnviar:hover{
    background-color: #9d5f9b;
}
.Medio .ContMedio .pInversion{
    width: calc(100% / 6);
    height: 100%;
    float: left;
    overflow-y: auto;
}
.Medio .ContMedio .pServicios{
    width: calc(100% / 6);
    height: 100%;
    float: left;
}
.Medio .ContMedio .pContacto{
    width: calc(100% / 6);
    height: 100%;
    float: left;
    overflow-y: auto;
}
.Medio .ContMedio .pContacto .BotContacto .Cuerpo .Cuerpo4 .DivCuerpo4 .Inp{
    width: 90%;
	margin-left: 5%;
	margin-bottom: 1em;
    font-family: RobotoCR;
    font-size: .80em;
    color: #505050;
    border-radius: 4px 4px 4px 4px;
    border: 2px solid #d7d7d7;
}
.Medio .ContMedio .pContacto .BotContacto .Cuerpo .Cuerpo4 .DivCuerpo4 .Txt{
    width: 90%;
    height: 90%;
    resize: none;
	font-family: RobotoCR;
    font-size: 1em;
    color: #505050;
    border-radius: 4px 4px 4px 4px;
    border: 2px solid #d7d7d7;
}
.Medio .ContMedio .pSoporte{
    width: calc(100% / 6);
    height: 100%;
    float: left;
    display: flex;
    overflow-x: auto;
}
/* Text de soporte tecnico*/
.Medio .ContMedio .pSoporte .ConTTec{
    width: 100%;
    height: 10%;
    float: left;
    overflow-x: auto;
    text-align: center;
    position: absolute;
    display: block;
}
.Medio .ContMedio .pSoporte .CSSTec {
    width: 45%;
    height: 100%;
    display: flex;
    justify-content: center;
    margin: auto;
}

.Medio .ContMedio .pSoporte .CSSTec .SSTec {
    width: 100%;
    height: auto;
    display: block;
    text-align: center;
    color: #3c3c3b;
    font-family: 'RobotoL';
    font-size: 1.5em;
}
.Medio .ContMedio .pSoporte .ContSop{
    width: 100%;
    display: inline-block;
}
.Medio .ContMedio .pSoporte .ConSop {
    /* width: 100%; */
	width: calc(100% / 2);
    height: 100%;
    float: left;
    display: flex;
    min-width: 350px;
    margin: auto;
    min-height: 300px;    
}
.Medio .ContMedio .pSoporte .CSop {
    /* width: 35%; */
	width: 55%;
    height: 60%;
    margin: auto;
    border-radius: 15px;
    box-shadow: 0px -2px 16px 0 rgba(0, 0, 0, 0.2), 0px 2px 16px 0 rgba(0, 0, 0, 0.2);
    max-width: 400px;
}
.Medio .ContMedio .pSoporte .CSop .CSpot1{
    width: 100%;
    height: 50%;
}
.Medio .ContMedio .pSoporte .CSop .CSpot1 .img{
    width: 50%;
    height: 70%;
    display: flex;
    margin: auto;
    padding-top: 10%;
}
.Medio .ContMedio .pSoporte .CSop .CSpot2{
    width: 100%;
    height: 10%;
    text-align: center;
    color: #505050;
    font-family: RobotoCR;
    font-size: 1.5em;
}
.Medio .ContMedio .pSoporte .CSop .CSpot3{
    width: 100%;
    height: 20%;
    text-align: center;
    color: #505050;
    font-family: RobotoCR;
    font-size:1.4em;
}
.Medio .ContMedio .pSoporte .CSop .CSpot3 a{
    color: #55b7a8;
}
.Medio .ContMedio .pSoporte .CSop .CSpot3 a:hover {
    color: #952182;
}
.Medio .ContMedio .pSoporte .CSop .CSpot4{
    width: 100%;
    height: 20%;
    color: #505050;
    font-family: RobotoCR;
    display: block;
    text-align: center;
}
.Medio .ContMedio .pSoporte .CSop .CSpot4 .btnDescargar{
    width: auto;
    height: auto;
    display: inline;
    color: #FFFFFF;
    background-color: #55b7a8;
    background-position-x: .5em;
    background-position-y: .7em;
    padding-left: 2em;
    padding-right: 2em;
    padding-bottom: .1em;
    padding-top: .1em;
    font-family: RobotoB;
    font-size: 1.2em;
    border-radius: .3em;
    cursor: pointer;
    margin: auto;
}
.Medio .ContMedio .pSoporte .CSop .CSpot4 .btnDescargar:hover{
    background-color: #9d5f9b;
}
/* aqui va a ir el medio pero está en el archivo del tocayo */
.Medio .ContMedio .pServicios .TopServicios{
    width: 100%;
    /*height: 95%;*/
    height: 88%;
    overflow-x: auto;
    display: flex;
}
.Medio .ContMedio .pServicios .ServIVA{
    width: 100%;
    /*height: 5%;
    display: flex;*/
    height: 10%;
    display: inline-block;
    color: #505050;
}
.Medio .ContMedio .pServicios .ServIVA span{
    font-family: RobotoM;
    font-size:1em;
    margin: auto;
	display: inline-block;
    width: 100%;
    text-align: center;
}
.Medio .ContMedio .pServicios .TopServicios .QuartServ{
    width: calc(100% / 3);
    height: 100%;
    float: left;
    display: flex;
    min-width: 350px;
    min-height: 380px;
}
.Medio .ContMedio .pServicios .TopServicios .QuartServ .Serv{
    height: 80%;
    width: 85%;
    margin: auto;
    border-radius: 15px;
    box-shadow: 0px -2px 16px 0 rgba(0, 0, 0, 0.2), 0px 2px 16px 0 rgba(0, 0, 0, 0.2);
    max-width:400px;
}
.Medio .ContMedio .pServicios .TopServicios .QuartServ .Serv .Serv1{
    width: 100%;
    height: 5%;
}
.Medio .ContMedio .pServicios .TopServicios .QuartServ .Serv .Serv2{
    width: 100%;
    height: 10%;
    background-color: #FFF;
    display: flex;
}
.Medio .ContMedio .pServicios .TopServicios .QuartServ .Serv .Serv2 span{
    margin: auto;
    font-family: RobotoB;
    font-size:1.8em;
    color: #55b7a8;
}
.Medio .ContMedio .pServicios .TopServicios .QuartServ .Serv .Serv3{
    width: 100%;
    height: 70%;
}
.Medio .ContMedio .pServicios .TopServicios .QuartServ .Serv .Serv3 .Serv3_D1{
    display: flex;
    width: 100%;
    height: 80%;
}
.Medio .ContMedio .pServicios .TopServicios .QuartServ .Serv .Serv3 .Serv3_D1.SBlock{
    display: block;
    padding-top: 20px;
    height: calc(80% - 20px);
    overflow-y:auto;
}
.Medio .ContMedio .pServicios .TopServicios .QuartServ .Serv .Serv3  .Serv3_D1 .CirclePrice{
    margin:auto;
    height:200px;
    width:200px;
    background:#55b7a8;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:50%;
    display: flex;
}
.Medio .ContMedio .pServicios .TopServicios .QuartServ .Serv .Serv3 .Serv3_D1 .CirclePrice span{
    margin:auto;
    font-size: 3em;
    font-family: RobotoB;
    color: white;
}
.Medio .ContMedio .pServicios .TopServicios .QuartServ .Serv .Serv3 .Serv3_D2{
    margin-top:2px;
    width: 100%;
    height: 20%;
}
.Medio .ContMedio .pServicios .TopServicios .QuartServ .Serv .Serv3 .Serv3_D2>div{
    width: 90%;
    font-size: 1em;
    font-family: RobotoCR;
    padding-left:5% ;
}
.Medio .ContMedio .pServicios .TopServicios .QuartServ .Serv .Serv3 .Color{
    width: 90%;
    margin: auto;
    height: 20px;
    font-size: 1.1em;
    font-family: RobotoM;
    background-color: #55b7a8;;
    color: white;
    cursor: pointer;
    padding-left: 5%;
    padding-top: 2%;
    padding-bottom: 2%;
    border-radius: 0px 15px 15px 0px;
}
.Medio .ContMedio .pServicios .TopServicios .QuartServ .Serv .Serv3 .Color .txtt{
    width: 60%;
    height: 100%;
    float: left;
}
.Medio .ContMedio .pServicios .TopServicios .QuartServ .Serv .Serv3 .Color .txtc{
    width: 40%;
    height: 100%;
    float: left;
    text-align: right;
}
.Medio .ContMedio .pServicios .TopServicios .QuartServ .Serv .Serv3 .Txt{
    width: 95%;
    margin: auto;
    height: 20px;
    font-size: .9em;
    font-family: RobotoM;
    /* border-bottom: solid #55b78a; */
    cursor: pointer;
    padding-top: 2%;
    padding-bottom: 2%;
}
.Medio .ContMedio .pServicios .TopServicios .QuartServ .Serv .Serv3 .Txt .txtt{
    width: 50%;
    height: 100%;
    float: left;
}
.Medio .ContMedio .pServicios .TopServicios .QuartServ .Serv .Serv3 .Txt .txtc{
    width: 50%;
    height: 100%;
    float: left;
    text-align: right;
}
.Medio .ContMedio .pServicios .TopServicios .QuartServ .Serv .Serv3 .Txt .txtVAL{
    width: 30%;
    height: 100%;
    float: left;
    text-align: center;
    background-color: #55b7a8;
    border-radius: 5px;
    color: white;
}
.Medio .ContMedio .pServicios .TopServicios .QuartServ .Serv .Serv4{
    width: 100%;
    height: 15%;    
    display: flex;
}
.Medio .ContMedio .pServicios .TopServicios .QuartServ .Serv .Serv4 .btnSale{
    width: auto;
    height: auto;
    display: flex;
    color: #FFFFFF;
    background-color: #55b7a8;
    background-position-x: .5em;
    background-position-y: .7em;
    padding-left: .5em;
    padding-right: .5em;
    padding-bottom: .1em;
    padding-top: .1em;
    font-family: RobotoB;
    font-size: 1.5em;
    border-radius: .3em;
    cursor: pointer;
    margin: auto;
}
.Medio .ContMedio .pServicios .TopServicios .QuartServ .Serv .Serv4 .btnSale:hover{
    background: #9d5f9b;
}
.Pie{
    width: 100%;
    /* height: 55px; */
	height: 90px;
    position: fixed;
    bottom: 0;
}
.Pie .ContAviso{
    width: calc(50% - 100px);
    height: 100%;
    display:flex;
    float:left;
}
.Pie .ContAviso span {
    width: auto;
    text-align:center;
    margin:auto;
    font-size:1em;
    font-family:RobotoM;
    margin-left:25px;
}
.Pie .ContAviso span:hover {
   text-decoration:underline;
   color:#55b7a8;
   cursor:pointer;
}
.Pie .ContSlide{
    width: 200px;
    height: 100%;
    float: left;
    display: flex;
}
.Pie .ConSubSlide{
    width: 100%;
    margin: auto;
}
.Pie .ContSlide .ConSubSlide .CirSlide{
	float: left;
	width: .7vw;
    height: .7vw;
    border: 2px solid #55b7a8;
    border-radius: .7vw;
	margin-left: .25em;
    margin-right: .25em;
}
.Pie .ContSlide .ConSubSlide .CirSlideSel{
	float: left;
	width: .7vw;
    height: .7vw;
    border: 2px solid #55b7a8;
    border-radius: .7vw;
	margin-left: .25em;
    margin-right: .25em;
	background: #55b7a8;
}
.Pie .ContSlide .ConSubSlide div#CirSlide0 {
    margin-left: calc((100% - 6.75em) / 2);
}
.Pie .ContSlide .ConSubSlide .CirSlide:hover{
    background: #55b7a8;
    cursor: pointer;
}
.Pie .ContPhone{
    width: calc(50% - 100px);
    height: 100%;
    float: left;
    text-align: right;
}
.Pie .ContPhone .LblPhone,.Pie .ContPhone .LblPhoneVent{
    padding-right: 20px;
    width: calc(100% - 20px);
    /*height: 50%;*/ 
}
.Pie .ContPhone .LblPhone img,.Pie .ContPhone .LblPhoneVent img{
    width: 25px;
    height: 25px;
    vertical-align: bottom;
}
.Pie .ContPhone .LblPhone span{
    font-size: 1em;
    font-family: RobotoB;
    color: #505050;
}
.Pie .ContPhone .LblPhone span a{
    color: #55b7a8;
}
.Pie .ContPhone .LblEMail{
    padding-right: 20px;
    width: calc(100% - 20px);
    height: 25px;
    display: flex;
    align-items: end;
    justify-content: flex-end;
}
.Pie .ContPhone .LblEMail span{
    font-size: 1em;
    font-family: RobotoB;
    color: #505050;
}
.Pie .ContPhone .LblEMail span a{
    color: #55b7a8;
}
.Pie .ContPhone .LblPhoneVent span{
    font-size: 1em;
    font-family: RobotoB;
    color: #55b7a8;
}
.Pie .ContPhone .LblPhoneVent .Phone{
    text-decoration: underline;
}
/*************************Fuentes*********************************/
@font-face{
    font-family:"RobotoL";
    src: url(../Fonts/Roboto-Light.ttf);
}
@font-face{
    font-family:"RobotoB";
    src: url(../Fonts/Roboto-Bold.ttf);
}
@font-face{
    font-family:"RobotoM";
    src: url(../Fonts/Roboto-Medium.ttf);
}
@font-face{
    font-family:"RobotoCR";
    src: url(../Fonts/Roboto-Regular.ttf);
}
/** COMPRAS LO AGREGO AQUI TEMPORAL  ***/
.BtnGeneralInv, .BtnGeneralInvTC {
    width: auto;
    height: auto;
    display: inline;
    vertical-align: middle;
    color: #FFFFFF;
    background-color: #55b7a8;
    background-position-x: .5em;
    background-position-y: .7em;
    padding-left: .5em;
    padding-right: .5em;
    padding-bottom: .1em;
    padding-top: .1em;
    font-family: RobotoB;
    font-size: 1.5em;
    border-radius: .3em;
    cursor: pointer;
    margin: auto;
    -moz-user-select: none;
    -html-user-select: none;
    -webkit-user-select: none;
}
.BtnGeneralInv:hover{
    background: #9d5f9b;
}
.BtnGeneralInvTC {
    background-color: #D6BCDC!important;
}
.BtnGeneralInvTC:hover {
    background-color: #9D5FAB!important;
}
.disabledbtn {
    background-color: #6c6b6b !important;
}
.BtnGral2Inv {
    display: inline;
    color: #FFFFFF;
    background: #55b7a8;
    background-position-x: .5em;
    background-position-y: .7em;
    padding-left: .5em;
    padding-right: .5em;
    padding-bottom: .1em;
    padding-top: .1em;
    font-family: RobotoB;
    font-size: 1.2em;
    border-radius: .3em;
    cursor: pointer;
    margin: auto;
    -moz-user-select: none;
    -html-user-select: none;
    -webkit-user-select: none;
}
.BtnGral2Inv.btnrojo {
    background: #bf0811;
}
.BtnGral2Inv.btnorange {
    background: #e78e47;
}
.BtnGral2Inv:hover{
    background: #9d5f9b;
}
.BtnGral2Inv img{
   width: 20px;
   height: 20px;   
   vertical-align: text-top;
   margin-right: 2%;
}
.Medio .ContMedio .pInversion .MainInv {
    width: 100%;
    height:100%;
    min-height: 350px;
    overflow: auto;
}
.Medio .ContMedio .pInversion .MainInv .ContInfo {
    width: 100%;
    height: 90px;
    font-family: RobotoB;
}
.Medio .ContMedio .pInversion .MainInv .ContInfo .l1 {
    display: flex;
    width: 100%;
    margin:auto;
    height: 30px;
}
.Medio .ContMedio .pInversion .MainInv .ContInfo .l1 span {
    color: #8c4a97;
    font-size: 1.4em;
    font-family: RobotoB;
    margin: auto;
}
.Medio .ContMedio .pInversion .MainInv .ContInfo .l2 {
    height: calc(100% - 30px);
    text-align: center;
}
.Medio .ContMedio .pInversion .MainInv .ContInfo .l2 table {
    height: 100%;
    font-size: 1em;
    color: #505050;
    font-family: RobotoB;
    display: inline-table;
}
.Medio .ContMedio .pInversion .MainInv .ContInfo .l2 table > tbody {
    text-align: left;
}
.Medio .ContMedio .pInversion .MainInv .ContInfo .l2 table > tbody > tr > td > img {
    width: 20px;
    height: 20px;
}
.Medio .ContMedio .pInversion .MainInv .FooterInv {
    width: 100%;
    height: 20px;
    display: flex;
    margin-bottom:5px;
}
.Medio .ContMedio .pInversion .MainInv .FooterInv span{
    font-family: RobotoM;
    font-size:1em;
    text-align: center;
    color: #505050;
    margin: auto;
}
.Medio .ContMedio .pInversion .MainInv .TopInv {
    width: 100%;
    height:calc(100% - 120px);
    overflow-x: auto;    
    display: flex;
}
.Medio .ContMedio .pInversion .MainInv .TopInv .QuartInv {
    /*width: calc(100% / 5);*/
    width: calc(100% / 3);
    height: 100%;
    display: flex;
    min-width: 320px;
    min-height: 340px;
}
.Medio .ContMedio .pInversion .MainInv .TopInv .QuartInv .Inv{
    height: 80%;
    width: 85%;
    margin: auto;
    border-radius: 15px;
    box-shadow: 0px -2px 16px 0 rgba(0, 0, 0, 0.2), 0px 2px 16px 0 rgba(0, 0, 0, 0.2);
    max-width:400px;
}
.Medio .ContMedio .pInversion .MainInv .TopInv .QuartInv .Inv .Inv1{
    width: 100%;
    height: 5%;
}
.Medio .ContMedio .pInversion .MainInv .TopInv .QuartInv .Inv .Inv2{
    width: 100%;
    height: 12%;
    background-color: #55b7a8;   
    display: flex;
}
.Medio .ContMedio .pInversion .MainInv .TopInv .QuartInv .Inv .Inv2 span{
    text-align: center;
    font-family: RobotoB;
    font-size:1.8em;
    color: #FFFFFF;
    margin: auto;
}
.Medio .ContMedio .pInversion .MainInv .TopInv .QuartInv .Inv .Inv3{
    width: 100%;
    height: 66%;   
}
.Medio .ContMedio .pInversion .MainInv .TopInv .QuartInv .Inv .Inv3 .l1{
    width: 100%;
    height: 25%;   
    display: flex;
}
.Medio .ContMedio .pInversion .MainInv .TopInv .QuartInv .Inv .Inv3 .l1 span{
    font-family: RobotoM;
    font-size:1.8em;
    color: #505050;
    margin: auto;
}
.Medio .ContMedio .pInversion .MainInv .TopInv .QuartInv .Inv .Inv3 .CSSTuto{
    width: 100%;
    height: calc(66% - -18px);
    display: flex;
}
.Medio .ContMedio .pInversion .MainInv .TopInv .QuartInv .Inv .Inv3 .CSSTuto span {
    display: block;
    text-align: center;
    font-family: RobotoM;
    font-size: 1.0em;
    color: #505050;
}
.Medio .ContMedio .pInversion .MainInv .TopInv .QuartInv .Inv .Inv3 .l2{   
    width: 100%;
    height: 25%;
    font-family: RobotoM;
    text-align: center;
    font-size:3em;
    color:#505050;
}
.Medio .ContMedio .pInversion .MainInv .TopInv .QuartInv .Inv .Inv3 .l2 .PriceCent{
    font-size:.5em;
    vertical-align: super;
}
.Medio .ContMedio .pInversion .MainInv .TopInv .QuartInv .Inv .Inv3 .l2 .Moneda{
    font-size:.4em;
    margin-left: 2%;
}
.Medio .ContMedio .pInversion .MainInv .TopInv .QuartInv .Inv .Inv3 .l3{   
    width: 100%;
    height: 25%;  
    font-family: RobotoM;
    text-align: center;
    font-size:1.2em;
    color:#505050;
}
.Medio .ContMedio .pInversion .MainInv .TopInv .QuartInv .Inv .Inv3 .l4{   
    width: 100%;
    height: 25%;  
    display: flex;
}
.Medio .ContMedio .pInversion .MainInv .TopInv .QuartInv .Inv .Inv3 .l4 span {
    font-family: RobotoB;
    font-style: italic;
    text-align: center;
    font-size: 1.4em;
    color: #8c4a97;
    margin: auto;
}
.Medio .ContMedio .pInversion .MainInv .TopInv .QuartInv .Inv .Inv4{
    width: 100%;
    height: 18%;
    display: flex;
}
.Medio .ContMedio .pInversion .MainInv .TopInv .QuartInv .Inv .Inv3 .l5{
    width: 100%;
    height: 25%;  
    display: flex;
}
.Medio .ContMedio .pInversion .MainInv .TopInv .QuartInv .Inv .Inv3 .l5 span {
    font-family: RobotoB;
    font-style: italic;
    text-align: center;
    font-size: 1.2em;
    margin: auto;
}
.SinPromo {
    text-decoration: line-through;
    font-family: RobotoB;
    font-style: italic;
    font-size: 1.0em !important;
}
/* */
 /* Segundo Paso */
 .Medio .ContMedio .pInversion .MainInv .ContBack{
  width: 100%;
  display: flex;
  height: 6%;
}
.Medio .ContMedio .pInversion .MainInv .ContBack .BtnReturnCSS{
    margin-left: 20px;
}
.Medio .ContMedio .pInversion .MainInv .ContData{
  width: 100%;
  height: 88%;
  overflow: auto;
  display: flex;
  justify-content: flex-start;
}
.Medio .ContMedio .pInversion .MainInv .ContFoot{
    width: 100%;
    height: 6%;
    display: flex;
}
.Medio .ContMedio .pInversion .MainInv .ContFoot .BtnSolInfoCSS{
    margin-right: 20px;
}
.Medio .ContMedio .pInversion .MainInv .ContData .SecLic{
    width: calc(100% / 3);
    height: 100%;
    float: left;
    display: flex;
    min-width: 350px;
    min-height: 350px;
}
.Medio .ContMedio .pInversion .MainInv .ContData .SecLic .SecLic1 {
    width: 15%;
    height: 100%;
    float: left;
    display: flex;
    position: relative;    
}
.Medio .ContMedio .pInversion .MainInv .ContData .SecLic .SecLic1 .SecEtiLic {
    width: 72px;
    height: 120px;
    position: absolute;
    top: 150px;
    right: 0;
    display: flex;
}
.Medio .ContMedio .pInversion .MainInv .ContData .SecLic .SecLic1 .SecEtiLic span {
    margin: auto;
    transform: rotate( -90deg );
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: -21px;
    background: #55b7a8;
    color: #fff;
    font-family: 'RobotoB';
    font-size: 1em;
    padding-left: 25px;
    padding-right: 20px;
    border-radius: .8em .8em 0em 0em;
}
.Medio .ContMedio .pInversion .MainInv .ContData .SecLic .SecLic2{
    display: flex;
    width: 85%;
    height: 100%;
    float: left;
}
.Medio .ContMedio .pInversion .MainInv .ContData .SecLic .SecLic2 .Inv{
    height: 90%;
    width: 80%;
    margin: auto;
    margin-left: 0!important;
    border-radius: 15px;
    box-shadow: 0px -2px 16px 0 rgba(0, 0, 0, 0.2), 0px 2px 16px 0 rgba(0, 0, 0, 0.2);
    max-width:400px;
}
.Medio .ContMedio .pInversion .MainInv .ContData .SecLic .SecLic2 .Inv .Inv1{
    width: 100%;
    height: 5%;
}
.Medio .ContMedio .pInversion .MainInv .ContData .SecLic .SecLic2 .Inv .Inv2{
    width: 100%;
    height: 10%;
    background-color: #55b7a8;
    display: flex;    
} 
.Medio .ContMedio .pInversion .MainInv .ContData .SecLic .SecLic2 .Inv .Inv2 span{
    font-family: RobotoB;
    font-size:1.8em;
    color: #FFFFFF;
    margin: auto;
}
.Medio .ContMedio .pInversion .MainInv .ContData .SecLic .SecLic2 .Inv .Inv3{
    display: flex;
    height: 9%
}
.Medio .ContMedio .pInversion .MainInv .ContData .SecLic .SecLic2 .Inv .Inv3 span{
    font-size: 1.2em;
    font-family: RobotoB;
    text-align: center;
    color: #9d5f9b;
    margin: auto;
}
.Medio .ContMedio .pInversion .MainInv .ContData .SecLic .SecLic2 .Inv .Inv4{
    text-align: center;
    height: 6%;
}
.Medio .ContMedio .pInversion .MainInv .ContData .SecLic .SecLic2 .Inv .Inv5{
    height: 35%; 
}
.Medio .ContMedio .pInversion .MainInv .ContData .SecLic .SecLic2 .Inv .Inv5 .ResInv{
    font-family: RobotoB ;
    width: calc(100% - 4px);
    height: 20%;
    padding-left: 4px;
    color: #9d5f9b;
    font-size: 1.2em;    
}
.Medio .ContMedio .pInversion .MainInv .ContData .SecLic .SecLic2 .Inv .Inv5 .ResData{
    font-family: RobotoL;
    font-size: 1em;
    height: auto;
    width: calc(100% - 20px);
    padding-left: 20px;
}
.Medio .ContMedio .pInversion .MainInv .ContData .SecLic .SecLic2 .Inv .Inv5 .DataB{
    font-family: RobotoB ;    
}
.Medio .ContMedio .pInversion .MainInv .ContData .SecLic .SecLic2 .Inv .Inv6{
    height: 15%;
    display: flex;
}
.Medio .ContMedio .pInversion .MainInv .ContData .SecLic .SecLic2 .Inv .Inv6 .Inv6FPr{
    width: auto;
    height: auto;
    display: inline;
    color: #FFFFFF;
    background-color: #55b7a8;
    background-position-x: .5em;
    background-position-y: .7em;
    padding-left: .5em;
    padding-right: .5em;
    padding-bottom: .1em;
    padding-top: .1em;
    font-family: RobotoB;
    font-size: 1.4em;
    border-radius: .3em;
    margin: auto;
}
.Medio .ContMedio .pInversion .MainInv .ContData .SecLic .SecLic2 .Inv .Inv6 .Inv6FPr .LMon{
    font-size: 1em;
}
.Medio .ContMedio .pInversion .MainInv .ContData .SecLic .SecLic2 .Inv .Inv7{
    height: 20%;
    text-align: center;
}
.Medio .ContMedio .pInversion .MainInv .ContData .SecLic .SecLic2 .Inv .Inv7 span{
    font-size: 1em;
    font-family: RobotoM;    
}
.Medio .ContMedio .pInversion .MainInv .ContData .SecLic .SecTrans1{
    width: 15%;
    height: 100%;
    float: left;
    display: flex;
    position:relative;
}
.Medio .ContMedio .pInversion .MainInv .ContData .SecLic .SecTrans1 .SecEtiTra{    
    width: 90px;
    height: 150px;  
    top:150px;
    margin: auto;
    right:0;
    display:flex;
    position:absolute;
}
.Medio .ContMedio .pInversion .MainInv .ContData .SecLic .SecTrans1 .SecEtiTra span {
    margin: auto;
    transform: rotate( -90deg );
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: -21px;
    background: #55b7a8;
    color: #fff;
    font-family: 'RobotoB';
    font-size: 1em;
    padding-left: 25px;
    padding-right: 20px;
    border-radius: .8em .8em 0em 0em;
}
.Medio .ContMedio .pInversion .MainInv .ContData .SecLic .SecTrans2{
    width: 85%;
    height: 100%;
    float: left;
    display: flex;
}
.Medio .ContMedio .pInversion .MainInv .ContData .SecLic .SecTrans2 .Inv{
    height: 90%;
    width: 80%;
    margin: auto;
    margin-left: 0!important;
    border-radius: 15px;
    box-shadow: 0px -2px 16px 0 rgba(0, 0, 0, 0.2), 0px 2px 16px 0 rgba(0, 0, 0, 0.2);
    max-width:400px;
}
.Medio .ContMedio .pInversion .MainInv .ContData .SecLic .SecTrans2 .Inv .Inv1{
    width: 100%;
    height: 5%;
}
.Medio .ContMedio .pInversion .MainInv .ContData .SecLic .SecTrans2 .Inv .Inv2{
    width: 100%;
    height: 10%;
    background-color: #55b7a8;    
    display: flex;
} 
.Medio .ContMedio .pInversion .MainInv .ContData .SecLic .SecTrans2 .Inv .Inv2 span{
    font-family: RobotoB;
    font-size:1.5vw;
    color: #FFFFFF;
    margin: auto;
}
.Medio .ContMedio .pInversion .MainInv .ContData .SecLic .SecTrans2 .Inv .Inv3{    
    height: 9%;
}
.Medio .ContMedio .pInversion .MainInv .ContData .SecLic .SecTrans2 .Inv .Inv4{
    text-align: center;
    height: 6%;
}
.Medio .ContMedio .pInversion .MainInv .ContData .SecLic .SecTrans2 .Inv .Inv5{
    height: 15%;  
    display: flex;
}
.Medio .ContMedio .pInversion .MainInv .ContData .SecLic .SecTrans2 .Inv .Inv5 .InvSys{
    margin: auto; 
    width: 100%;
    text-align: center;
}
.Medio .ContMedio .pInversion .MainInv .ContData .SecLic .SecTrans2 .Inv .Inv65 {
    width:90%;
    height:auto;
    display:flex;
    margin-left:5%;
}
.Medio .ContMedio .pInversion .MainInv .ContData .SecLic .SecTrans2 .Inv .Inv65 span {
    text-align: center;
    margin: auto;
    font-size: 1.2em;
    font-family: 'RobotoM';
    color: #55b7a8;
}
.Medio .ContMedio .pInversion .MainInv .ContData .SecLic .SecTrans2 .Inv .Inv6{
    height: 15%;
    display: flex;
}
.Medio .ContMedio .pInversion .MainInv .ContData .SecLic .SecTrans2 .Inv .Inv6 .Inv6FTrans{
    width: auto;
    height: auto;
    display: inline;
    color: #FFFFFF;
    background-color: #55b7a8;
    background-position-x: .5em;
    background-position-y: .7em;
    padding-left: .5em;
    padding-right: .5em;
    padding-bottom: .1em;
    padding-top: .1em;
    font-family: RobotoB;
    font-size: 1.4em;
    border-radius: .3em;
    margin: auto;
}
.Medio .ContMedio .pInversion .MainInv .ContData .SecLic .SecTrans2 .Inv .Inv6 .Inv6FTrans .LMon{   
    font-size: 1vw;
}
.Medio .ContMedio .pInversion .MainInv .ContData .SecLic .SecTrans2 .Inv .Inv7{
    height: 20%;    
    display: flex;
}
.Medio .ContMedio .pInversion .MainInv .ContData .SecLic .SecTrans2 .Inv .Inv7 .Inv6FTransCont{
    width: auto;
    height: auto;
    display: inline;
    color: #FFFFFF;
    background-color: #505050;
    background-position-x: .5em;
    background-position-y: .7em;
    padding-left: .5em;
    padding-right: .5em;
    padding-bottom: .3em;
    padding-top: .3em;
    font-family: RobotoB;
    font-size: 1.2em;
    border-radius: .3em;
    cursor: pointer;
    margin: auto;
}
.Medio .ContMedio .pInversion .MainInv .ContData .SecLic .SecTrans2 .Inv .Inv7 .Inv6FTransCont:hover{
    background-color: #9d5f9b;
}
.Medio .ContMedio .pInversion .MainInv .ContData .SecLic .SecTrans2 .Inv .Inv7 .Inv6FTransCont img{
    width: 20px;
    height: 20px;
    vertical-align: middle;
    padding-right: .4em;
}
.Medio .ContMedio .pInversion .MainInv .ContData .SecLic .SecTotal1{
    width: 15%;
    height: 100%;
    float: left;
}
.Medio .ContMedio .pInversion .MainInv .ContData .SecLic .SecTotal1 .SecEtiTotal{
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg); 
    font-size: 1.7vw;
    background: #9d5f9b;  
    font-family: RobotoB;
    color: #FFFFFF;
    position: absolute;
    padding-top: .1em;
    padding-bottom: .1em;
    padding-left: .4em;
    padding-right: 1em;
    margin-top:14%;
    margin-left: 2.2%;
    border-radius: .3em .3em 0em 0em;
    justify-content: center;
    display: flex;
}
.Medio .ContMedio .pInversion .MainInv .ContData .SecLic .SecTotal2{
    width: 85%;
    height: 100%;
    float: left;
    display: flex;
}
.Medio .ContMedio .pInversion .MainInv .ContData .SecLic .SecTotal2 .Inv{
    height: 90%;
    width: 80%;
    border-radius: 15px;
    box-shadow: 0px -2px 16px 0 rgba(0, 0, 0, 0.2), 0px 2px 16px 0 rgba(0, 0, 0, 0.2);
    margin: auto;
    margin-left: 0!important;
    max-width:400px;
}
.Medio .ContMedio .pInversion .MainInv .ContData .SecLic .SecTotal2 .Inv .Inv1{
    width: 100%;
    height: 15%;
    background: #9d5f9b;
    border-radius: 15px 15px 0px 0px;;
}
.Medio .ContMedio .pInversion .MainInv .ContData .SecLic .SecTotal2 .Inv .Inv1 .LblTotal{
   height: 100%;
   width: 55%;
   float: left;   
   display: flex;
}
.Medio .ContMedio .pInversion .MainInv .ContData .SecLic .SecTotal2 .Inv .Inv1 .LblTotal span{
    background-color:transparent;
    text-align: center;
    font-family: RobotoB;
    font-size:3vw;
    color: #FFFFFF; 
    margin: auto;
    margin-left: 0;
 }
.Medio .ContMedio .pInversion .MainInv .ContData .SecLic .SecTotal2 .Inv .Inv1 .ImgTotal{
    height: 100%;
    width: 45%;
    float: left;
    justify-content: center;
    display: flex;
 }
 .Medio .ContMedio .pInversion .MainInv .ContData .SecLic .SecTotal2 .Inv .Inv1 .ImgTotal img{
    height: 90%;
    width: auto;
    margin: auto;
 }
 .Medio .ContMedio .pInversion .MainInv .ContData .SecLic .SecTotal2 .Inv .Inv2{
    width: 100%;
    height: 2%;
} 
.Medio .ContMedio .pInversion .MainInv .ContData .SecLic .SecTotal2 .Inv .Inv3{
    width: 100%;
    height: 45%;    
    overflow: auto;
} 
.Medio .ContMedio .pInversion .MainInv .ContData .SecLic .SecTotal2 .Inv .Inv3 .PricesInfoCompra{
    height: auto;
    width: 100%;
    font-family: RobotoM;
    font-size: 1em;
}
.Medio .ContMedio .pInversion .MainInv .ContData .SecLic .SecTotal2 .Inv .Inv3 .PricesInfoCompra span:first-child span:first-child{
    padding-left: 10px;
}
.Medio .ContMedio .pInversion .MainInv .ContData .SecLic .SecTotal2 .Inv .Inv3 .PricesInfoCompra .PreResLic{
    width: 100%;
    display: block;
}
.Medio .ContMedio .pInversion .MainInv .ContData .SecLic .SecTotal2 .Inv .Inv3 .PricesInfoCompra .PriceDivCSS{
    display: inline-block;
    width: calc(50% - 20px);
    padding-left: 20px;
}/*Fernanda*/
    .Medio .ContMedio .pInversion .MainInv .ContData .SecLic .SecTotal2 .Inv .Inv3 .PriceCodDes {
        height: auto;
        width: 100%;
        font-family: RobotoM;
        font-size: 1em;
        text-align: center;
    }
    .Medio .ContMedio .pInversion .MainInv .ContData .SecLic .SecTotal2 .Inv .Inv3 .PriceDivCodDesCCSS {
        height: auto;
        width: 100%;
        font-family: RobotoM;
        font-size: 0.8em;
        text-align: center;
        font-style: italic;
    }

    .Medio .ContMedio .pInversion .MainInv .ContData .SecLic .SecTotal2 .Inv .Inv3 .PriceCodDes .CodDesCSS {
        margin-top: 10px;
        border-color: #9d5f9b !important;
        font-family: RobotoCR;
        font-size: 1em;
        border: 2px solid;
        border-radius: 4px 4px 4px 4px;
        width: calc(38% - 45px);
        text-align: center;
        margin-right: 10px;
    }
    .Medio .ContMedio .pInversion .MainInv .ContData .SecLic .SecTotal2 .Inv .Inv3 .PriceCodDes .ImgDescuento {
        margin-left: 130px;
        margin-top: -37px;
    }
    /*fin*/
        .Medio .ContMedio .pInversion .MainInv .ContData .SecLic .SecTotal2 .Inv .Inv3 .PricesInfoCompra .PriceDivCSS2 {
        display: inline-block;
        width: calc(50% - 20px);
        padding-right: 20px;
        text-align: right;
    }

.Medio .ContMedio .pInversion .MainInv .ContData .SecLic .SecTotal2 .Inv .Inv4 {
     width: 100%;
     height: 8%;
     display: flex;
}
    .Medio .ContMedio .pInversion .MainInv .ContData .SecLic .SecTotal2 .Inv .Inv4 span {
        width: auto;
        text-align: center;
        height: auto;
        font-size: 1.5em;
        font-family: RobotoB;
        color: #505050;
        margin: auto;
        margin-top: 10px;
    } 
.Medio .ContMedio .pInversion .MainInv .ContData .SecLic .SecTotal2 .Inv .Inv5{
    width: 100%;
    height: 10%;
    display: flex;
}
    .Medio .ContMedio .pInversion .MainInv .ContData .SecLic .SecTotal2 .Inv .Inv5 .TPiceEnd {
        width: 100%;
        margin: auto;
        text-align: center;
        margin-top: 7px;
    }
.Medio .ContMedio .pInversion .MainInv .ContData .SecLic .SecTotal2 .Inv .Inv5 .TPiceEnd span{
    font-size: 1.6em;
    font-family: RobotoB;
}
    .Medio .ContMedio .pInversion .MainInv .ContData .SecLic .SecTotal2 .Inv .Inv6 {
        width: 100%;
        height: 20%;
        justify-content: center;
        display: flex;
        margin-top: -15px;
    } 
.Medio .ContMedio .pInversion .MainInv .ContData .SecLic .SecTotal2 .Inv .Inv6 .InvDo{
    width: auto;
    height:auto;
    border-radius: 1em;
    border: 5px solid #9d5f9b;
    margin: auto;
    cursor: pointer;
    padding: .30em;
    transform: scale(1);
    transition: all ease .1s;
} 
.Medio .ContMedio .pInversion .MainInv .ContData .SecLic .SecTotal2 .Inv .Inv6 .InvDo:hover{
    border: 6px solid #55b7a8;
    color: #505050;
    transform: scale(1.2);
} 
.Medio .ContMedio .pInversion .MainInv .ContData .SecLic .SecTotal2 .Inv .Inv6 .InvDo span{
    font-size: 1.5em;
    font-family: RobotoB;
    color:#9d5f9b ;
} 
.Medio .ContMedio .pInversion .MainInv .MsgSolInf {
    width: 100%;
    height: 100%;
    position: absolute;
}
.Medio .ContMedio .pInversion .MainInv .ContDivContacts{
    height: 94%;
    width: 100%;
    overflow-x: auto;
    display: flex;
}
.Medio .ContMedio .pInversion .MainInv .ContDivContacts .Contacts{
    width: calc(100% / 2);
    height: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
    float: left;    
}
.Medio .ContMedio .pInversion .MainInv .Contacts .Cont{
    width: 60%;
    height: 95%;
    margin:auto;
    background-color: #FFFFFF;
    border-radius: 15px;
    box-shadow: 0px -2px 16px 0 rgba(0, 0, 0, 0.2), 0px 2px 16px 0 rgba(0, 0, 0, 0.2);
    min-width: 350px;
    min-height: 450px;
    max-width:550px;
}
.Medio .ContMedio .pInversion .MainInv .Contacts .Cont .Cont1{
    height: 4%;
    width: 100%;
}
.Medio .ContMedio .pInversion .MainInv .Contacts .Cont .Cont2{
    width: 100%;
    height: 8%;
    background-color: #9d5f9b;
    display: flex;
} 
.Medio .ContMedio .pInversion .MainInv .Contacts .Cont .Cont2 span{
    font-family: RobotoB;
    font-size:1.5em;
    color: #FFFFFF;
    margin:auto ;
}
.Medio .ContMedio .pInversion .MainInv .Contacts .Cont .Cont3{
    height: 6%;
    display: flex;
} 
.Medio .ContMedio .pInversion .MainInv .Contacts .Cont .Cont3 .DivCtrlInput{
    width: 100%;
    margin:auto;
    text-align: center;
} 
.Medio .ContMedio .pInversion .MainInv .Contacts .Cont .Cont4{
    width: 100%;
    height: 72%;
    overflow: auto;
} 
.Medio .ContMedio .pInversion .MainInv .Contacts .Cont .Cont4 .ContLblGral{
    width: 100%;
    height: 6%;
    display: flex;
} 
.Medio .ContMedio .pInversion .MainInv .Contacts .Cont .Cont4 .ContLblGral span:nth-child(1){
    margin:auto;
    width: auto;
    padding-left: 10px;
    font-size: 1.2em;
    font-family: RobotoM;
    margin-left: 0!important;
    background-color: #FFFFFF;
    white-space: nowrap;
} 
.Medio .ContMedio .pInversion .MainInv .Contacts .Cont .Cont4 .ContLblGral span:nth-child(2){
    display: inline-block;
    width: 100%;
    background-color: #d7d7d7;
    height: 2px;
    margin:auto;
}
.Medio .ContMedio .pInversion .MainInv .Contacts .Cont .Cont4 .ContGralDataCont{
    height: auto;
}
.Medio .ContMedio .pInversion .MainInv .Contacts .Cont .Cont4 .LblNomCom{
    padding: 5px;
    margin-left:20px;
    margin-top:5px;
    font-size: .9em;
    font-family: RobotoB;
    color: #505050;
    display:block;
}
.Medio .ContMedio .pInversion .MainInv .Contacts .Cont .Cont5{
    width: 100%;
    height: 10%;
    display: flex;
} 
.Medio .ContMedio .pInversion .MainInv .Contacts .Cont .Cont5 .ContValCompra{   
    background-color: #9d5f9b;
    display: inline;
    color: #FFFFFF;
    background-position-x: .5em;
    background-position-y: .7em;
    padding-left: .5em;
    padding-right: .5em;
    padding-bottom: .1em;
    padding-top: .1em;
    font-family: RobotoB;
    font-size: 1.3em;
    border-radius: .3em;
    cursor: pointer;    
    height: auto;
    width: auto;
    margin: auto;
} 
.Medio .ContMedio .pInversion .MainInv .Contacts .Cont .Cont5 .ContValCompra:hover{
    background-color: #505050;
}
.Medio .ContMedio .pInversion .MainInv .Contacts .Cont .Cont6{
    width: 100%;
    height: 30%;
    display: flex;
} 
.Medio .ContMedio .pInversion .MainInv .Contacts .Cont .Cont6 img{
    margin: auto;
    width: auto;
    height: 90%;
}
.Medio .ContMedio .pInversion .MainInv .Contacts .Cont .Cont7 {
    display: flex;
    width: 100%;
    height: auto;
    margin-top: -35px;
}
.Medio .ContMedio .pInversion .MainInv .Contacts .Cont .Cont7 table{
    width: 100%;
    height: auto;
    margin-left: 5%;
    margin-top: 10%;
    border-collapse: separate;
    border-spacing: 10px 5px;
} 
.Medio .ContMedio .pInversion .MainInv .Contacts .Cont .Cont7 table > tbody{    
    text-align: left;
} 
.Medio .ContMedio .pInversion .MainInv .Contacts .Cont .Cont7 table > tbody > tr > td:nth-child(1){
    width: 50%;
    font-size: 1.2em;
    font-family: RobotoB;
    color: #505050;
} 
.Medio .ContMedio .pInversion .MainInv .Contacts .Cont .Cont7 table > tbody > tr > td:nth-child(2){
    width: 50%;
    font-size: 1em;
    font-family: RobotoCR;
    color: #505050;
} 
.MsjPopGral{
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.58);
    z-index: 2;
    justify-content: center;
    align-items: center;
    overflow-y: auto;
}
.MsjPopGral .MsgInfo{
    width: 20%;
    height: 50%;
    position: absolute;
    background-color: #FFFFFF;
    border-radius: 15px;
    box-shadow: 0px -2px 16px 0 rgba(0, 0, 0, 0.2), 0px 2px 16px 0 rgba(0, 0, 0, 0.2);
    min-width: 350px;
    min-height: 500px;
}
.MsjPopGral .MsgInfo .MsgInfo0{
    height: 5%;
    border-radius: 15px;
}
.MsjPopGral .MsgInfo .MsgInfo1{
    height: 45%;
    width: 100%;
    display: flex;
}
.MsjPopGral .MsgInfo .MsgInfo1 img{
    margin: auto;
    width: auto;
    height: 90%;
}
.MsjPopGral .MsgInfo .MsgInfo2{
    width: 100%;
    height: 18%;
    display: flex;
}
.MsjPopGral .MsgInfo .MsgInfo2 span{
    font-size: 1.4em;
    font-family: RobotoM;
    color: #505050;
    margin:auto;
    width: 100%;
    text-align: center;
}
.MsjPopGral .MsgInfo .MsgInfo3{
    width: 100%;
    height: 18%;
    display: flex;
}
.MsjPopGral .MsgInfo .MsgInfo3 span{
    font-size: 1em;
    font-family: RobotoM;
    color: #505050;
    margin:auto;
    width: 100%;
    text-align: center;
}
.MsjPopGral .MsgInfo .MsgInfo4{
    width: 100%;
    height: 15%;
    display: flex;
}
.MsjPopGral .MsgInfo .MsgGr0{
    width: 100%;
    height: 5%;
}
.MsjPopGral .MsgInfo .MsgGr1{
    width: 100%;
    height: 35%;
    display: flex;
}
.MsjPopGral .MsgInfo .MsgGr1 img{
    width: auto;
    height: 90%;
    margin: auto;
}
.MsjPopGral .MsgInfo .MsgGr2{
    width: 100%;
    height: 12%;
    display: flex;
}
.MsjPopGral .MsgInfo .MsgGr2 span{
    font-size: 1.5em;
    font-family: RobotoB;
    color: #505050;
    margin:auto;
    width: 100%;
    text-align: center;
}
.MsjPopGral .MsgInfo .MsgGr3{
    width: 100%;
    height: 30%;
    display: flex;
    overflow: auto;
}
.MsjPopGral .MsgInfo .MsgGr3 span{
    font-size: 1.2em;
    font-family: RobotoM;
    color: #505050;
    margin:auto;
    width: 100%;
    padding: 10px;
    text-align: center;
}
.MsjPopGral .MsgInfo .MsgGr4{
    width: 100%;
    height: 13%;
    display: flex;
}
.MsjPopGral .MsgInfo .Gral1{
    background-color: #FFFFFF;
    height: 5%;
    border-radius: 15px;
}
 .MsjPopGral .MsgInfo .Gral2{
    background-color: #55b7a8;    
    height: 10%;
    display: flex;
 }
 .MsjPopGral .MsgInfo .Gral2 span{
    font-family: RobotoB;
    font-size:1.5em;
    color: #FFFFFF;
    margin: auto;
 }
 .MsjPopGral .MsgInfo .Gral3{
    color: #FFFFFF;    
    height: 70%;
 }
 .MsjPopGral .MsgInfo .Gral3 .DivInput{
    height: 25%;
    display: flex;
}
.MsjPopGral .MsgInfo .Gral3 .DivInput .DivCtrlInput{
    margin: auto;
    width: 100%;
    text-align: center;
}
.MsjPopGral .MsgInfo .Gral3 .DivInput .DivCtrlInput .InputServ{
    width: 90%;
}
 .MsjPopGral .MsgInfo .Gral4{
    color: #FFFFFF;    
    height: 15%;
    display: flex;
 }
 .MsjPopGral .MasInfo{
    width: 20%;
    height: 60%;
    background-color: #FFFFFF;
    border-radius: 15px;
    box-shadow: 0px -2px 16px 0 rgba(0, 0, 0, 0.2), 0px 2px 16px 0 rgba(0, 0, 0, 0.2);
    min-height: 400px;
    min-width: 300px;
    position: absolute;
 }
 .MsjPopGral .MasInfo .MasInfo1{
    width: 100%;
    height: 5%;
    border-radius: 15px 15px 0px 0px;
 }
 .MsjPopGral .MasInfo .MasInfo2{
    width: 100%;
    height: 10%;     
    background-color: #55b7a8;
    text-align: center;
    display: flex;
 }
.MsjPopGral .MasInfo .MasInfo2 span{
    font-size: 1.5em;
    font-family: RobotoB;
    color: #FFFFFF;
    margin: auto;
}
.MsjPopGral .MasInfo .MasInfo3{
    width: 100%;
    height: 5%;  
}
.MsjPopGral .MasInfo .MasInfo4{
    width: 100%;
    height: 70%;  
}
.MsjPopGral .MasInfo .MasInfo4 .MasinfoP{
    width: 100%;
    height: calc(100% / 4);  
}
.MsjPopGral .MasInfo .MasInfo4 .MasinfoP .MasInfoImg{
    width: 30%;
    height: 100%;  
    float: left;
    display: flex;
    align-items: center;
}
.MsjPopGral .MasInfo .MasInfo4 .MasinfoP .MasInfoImg  img{
    display: block;
    margin: auto;
    width: auto;
    height: 80%;
}
.MsjPopGral .MasInfo .MasInfo4 .MasinfoP .MasInfoData{
    width: 70%;
    height: 100%;  
    float: left;
    display: flex;
    align-items: center;
}
.MsjPopGral .MasInfo .MasInfo4 .MasinfoP .MasInfoData span{
    font-size: 1em;
    font-family: RobotoM;
    width: 95%;
    color: #505050;
}
.MsjPopGral .MasInfo .MasInfo5{
    width: 100%;
    height: 10%;  
    text-align: center;
    display: flex;
}
.InputGral{
    font-family: RobotoCR;
    font-size: 1em;
    border: 2px solid #d7d7d7;
    color: #7c7c7c;
    border-radius: 4px 4px 4px 4px;
}
.InputGral .Invalid {
    border: 2px dashed red;
}  
.InputGral .Valid {
    border: 2px solid black;
}
.labelGral{
    color: #505050;
    font-family: RobotoCR;
    font-size: 1em;
}
.VentanaPPago{
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.58);
    z-index: 2;
    align-items: center;
    overflow:auto;
}
.VentanaPPago .Contacts{
    width: 50%;
    height: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
    float: left;    
    min-width: 350px;
    min-height: 450px;
}
.VentanaPPago .Contacts .Cont{
    width: 60%;
    height: 90%;
    background-color: #FFFFFF;
    border-radius: 15px;
    box-shadow: 0px -2px 16px 0 rgba(0, 0, 0, 0.2), 0px 2px 16px 0 rgba(0, 0, 0, 0.2);
    overflow: auto;
    /*max-width:400px;*/
} 
.VentanaPPago .Contacts .Cont .Cont1{
    height: 3%;
    width: 100%;
}
.VentanaPPago .Contacts .Cont .Cont2{
    width: 100%;
    height: 7%;
    background-color: #9d5f9b;
    display: flex;
} 
.VentanaPPago .Contacts .Cont .Cont2 span{
    text-align: center;
    font-family: RobotoB;
    font-size:1.6em;
    color: #FFFFFF;
    margin: auto;
}
.VentanaPPago .Contacts .Cont .Cont3{
    width: 100%;
    height: 5%;
    display: flex;
} 
.VentanaPPago .Contacts .Cont .Cont3 span{
    text-align: center;
    font-family: RobotoM;
    font-size:1.2em;
    color: #505050;
    margin: auto;
} 
.VentanaPPago .Contacts .Cont .Cont4{
    width: 100%;
    height: 5%;
    display: flex;
} 
.VentanaPPago .Contacts .Cont .Cont4 .DivCtrlInput{
    width: 100%;
    margin:auto;
    text-align: center;
} 
.VentanaPPago .Contacts .Cont .Cont5{
    width: 100%;
    height: 70%;
    overflow-y: auto;
} 
.VentanaPPago .Contacts .Cont .Cont5 .ContLblGral {
    width: 100%;
    height: 6%;
    display: flex;
}
.VentanaPPago .Contacts .Cont .Cont5 .ContLblGral span:nth-child(1) {
    margin: auto;
        margin-left: auto;
    width: auto;
    padding-left: 10px;
    font-size: 1.2em;
    font-family: RobotoM;
    margin-left: 0 !important;
    background-color: #FFFFFF;
    white-space: nowrap;
}
.VentanaPPago .Contacts .Cont .Cont5 .ContLblGral span:nth-child(2) {
    display: inline-block;
    width: 100%;
    background-color: #d7d7d7;
    height: 2px;
    margin: auto;
}
.VentanaPPago .Contacts .Cont .Cont5 .LblNomCom {
    padding: 5px;
    font-size: 1em;
    font-family: RobotoCR;
    color: #505050;
    display:block;
}
.VentanaPPago .Contacts .Cont .Cont5 .ContGralDataCont{ height: auto;}
.VentanaPPago .Contacts .Cont .Cont6{
    width: 100%;
    height: 6%;
    display: flex;
}
.VentanaPPago .Contacts .Cont .Cont6 label{
    font-family: RobotoCR;
    font-size: 1em;
    color: #505050;
    margin: auto;
    cursor:pointer;
} 
.VentanaPPago .Contacts .Cont .Cont7{
    width: 100%;
    display: flex;
    height: 20%;
} 
.VentanaPPago .Contacts .Cont .Cont8{
    width: 100%;
    height: 8%;
    display: flex;
}
.VentanaPPago .Contacts .Cont .Cont8 span{
    margin: auto;
    font-size: 1em;
    font-family: RobotoCR;
    padding: 5px;
    text-align: center;
    color: #505050;
}
.VentanaPPago .Contacts .Cont .Cont9{
    width: 100%;
    height: 8%;
    display: flex;
} 
.VentanaPPago .Contacts .Cont .Cont9 span{
    margin: auto;
    font-size: 1.5em;
    font-family: RobotoB;
    color: #505050;
    text-align: center;
} 
.VentanaPPago .Contacts .Cont .Cont10{
    width: 100%;
    height: 10%;    
    display: flex;
} 
.VentanaPPago .Contacts .Cont .Cont10 span{
    margin: auto;
    font-size: 1.2em;
    font-family: RobotoB;
    color: #505050;
    text-align: center;
} 
.VentanaPPago .Contacts .Cont .Cont11{
    width: 100%;
    height: 44%;    
    display: inline-block;
} 
.VentanaPPago .Contacts .Cont .Cont11 .ContMedioPago {
    width: calc(100% - 16px);
    height: calc(100% / 3 - 5px);
    border-radius: 4px 4px 4px 4px;
    border: dotted 1px #9d5f9b;
    margin:5px ;
}
.VentanaPPago .Contacts .Cont .Cont11 .ContMedioPago .MPagoImg {
    width: 50%;
    float: left;
    display: flex;
    height: 100%;
}
.VentanaPPago .Contacts .Cont .Cont11 .ContMedioPago .MPagoImg img{
    width: 35%;
    height: 70%;    
    margin: auto;
}
.VentanaPPago .Contacts .Cont .Cont11 .ContMedioPago .MPagoSpan {
    width: 50%;
    float: left;
    display: flex;
    height: 100%;
}
.VentanaPPago .Contacts .Cont .Cont11 .ContMedioPago .MPagoSpan span {
    font-family: RobotoB;
    font-size: 1em;
    color: #505050;
    margin: auto;
    text-align: left;
    width: 100%;
}
.VentanaPPago .Contacts .Cont .ContTPago{
    width: 100%;
    height: 38%;
    position:relative;
    overflow:auto;
}
.VentanaPPago .Contacts .Cont .ContTPago .ContImgMedioPago {
    width: 100%;
    height: 25%;
    align-items: center;
    display: flex;
}
.VentanaPPago .Contacts .Cont .ContTPago .ContImgMedioPago img {
    margin: auto;
    display: block;
    width: 250px;
    height: 80%;
} 
.VentanaPPago .Contacts .Cont .ContTPago .ContTarj{
   width: 100%;
   height: auto;
   overflow: auto;
 }
.VentanaPPago .Contacts .Cont .ContTPago .ContTarj label{
    width: 165px;
    display: inline-block;
    font-size: 1em;
    font-family: RobotoCR;
    color: #505050;
}
.VentanaPPago .Contacts .Cont .ContTPago .ContTarj .DivCtrlInput{
    width: calc(95% - 8px);
    margin: 8px;
}
.VentanaPPago .Contacts .Cont .ContTPago .ContTarj .TCardCSS {
    position: absolute;
    right: 18px;
    top: 65px;
    width:auto;
    height: auto;
}
.VentanaPPago .Contacts .Cont .ContTPago .ContTarj .TCardCSS img {
    width:42px;
}
.VentanaPPago .Contacts .Cont .ContTPago .ContRT{
    width: 100%;
    height: auto;
    overflow: auto;
    max-height:95%;
}
.VentanaPPago .Contacts .Cont .ContTPago .ContRT .ContT1{
    width: calc(90% - 20px);
    margin-left:20px;
    height: auto;
    margin-top:5px;
}
.VentanaPPago .Contacts .Cont .ContTPago .ContRT .ContT1 span{
    Font-size: 1em;
    font-family: RobotoM;
    color: #505050;
    text-align:center;
    width:100%;
    display:block;
}
.VentanaPPago .Contacts .Cont .ContTPago .ContRT .ContT2{
    width: calc(100% - 10px);    
    padding-left: 10px;
    height: 30px;
    display: flex;
}
.VentanaPPago .Contacts .Cont .ContTPago .ContRT .ContT2 span{
    Font-size: 1em;
    font-family: RobotoB;
    color: #505050;
    margin: auto;
    margin-left: 0!important;
}
.VentanaPPago .Contacts .Cont .ContTPago .ContRT .ContT3{
    width: calc(100% - 10px);    
    padding-left: 10px;
    height: 20px;
    display: flex;
}
.VentanaPPago .Contacts .Cont .ContTPago .ContRT .ContT3 span{
    Font-size: .8em;
    font-family: RobotoCR;
    color: #505050;
    margin: auto;
    margin-left: 0!important;
}
.VentanaPPago .Contacts .Cont .Cont6 .TCClick {
    color: #55b7a8;
    cursor:pointer;
}
.VentanaPPago .Contacts .Cont .Cont6 .TCClick:hover {
    color: #9d5f9b;
    text-decoration:underline;
}
.VentanaPPago .Contacts .Cont .openpay {height: 60px;width: 100%;display: flex;}
.VentanaPPago .Contacts .Cont .openpay:hover {cursor:pointer}
.VentanaPPago .Contacts .Cont .openpay div.logoOP {
    background-image: url(../Images/Compra/openpay.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    font-size: 1em;
    font-weight: 400;
    height: 50px;
    margin: auto;
    margin-top: 10px;
    font-family: RObotoCR;
}
.VentanaPPago .Contacts .Cont .ContBtnPago {
    width: 100%;
    height: 8%;
    display:flex;
}
.VentanaPPago .Contacts .Cont .ContBtnPago .BtnEndPay {
    text-align: center;
    align-items: center;
    font-size: 1.1em;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
    border-radius: 15px;
    width: 155px;
    height: 45px;
}
.VentanaPPago .Contacts .Cont .ContInXX {
    width: 100%;
    height: 4%;
    display: flex;
}
.VentanaPPago .Contacts .Cont .ContInXX > div {
    width: 50%;
    height: 100%;
    display:flex;
}
.VentanaPPago .Contacts .Cont .ContInXX > div > span {
    margin: auto;
    font-size: 1em;
    font-family: RobotoM;
    text-align: center;
    -moz-user-select: none;
    -html-user-select: none;
    -webkit-user-select: none;
    cursor: pointer;
    color: #55b7a8;
}
.VentanaPPago .Contacts .Cont .ContInXX > div > span:hover {
    color: #9d5f9b;
}
.VentanaPPago .Contacts .Cont .ContBtns{
    width: 100%;
    height: auto;
    text-align: center;
    margin:auto;
}

.MsjPopGral .DivOptPago {
    width: 28%;
    height: 30%;
    background-color: #FFFFFF;
    border-radius: 15px;
    box-shadow: 0px -2px 16px 0 rgba(0, 0, 0, 0.2), 0px 2px 16px 0 rgba(0, 0, 0, 0.2);
    min-height:300px;
}
.MsjPopGral .DivOptPago .DivOP1{
    height: 8%;
    border-radius: 15px 15px 0px 0px;
    background-color: #fff;
}
.MsjPopGral .DivOptPago .DivOP2{
    background-color: #55b7a8;
    padding-top: .5em;
    text-align: center;
    font-family: RobotoB;
    font-size:1.2em;
    color: #FFFFFF;
    height: 12%;
}
.MsjPopGral .DivOptPago .DivOP3 {
    display:flex;
    width: 100%;    
    height:20%;
}
.MsjPopGral .DivOptPago .DivOP3 span {
    text-align: center;
    font-family: RobotoCR;
    font-size: .9em;
    width: 90%;
    margin:auto;
}
.MsjPopGral .DivOptPago .DivOP4{
    height: 5%;
    width: 94%;
    margin-left: 2%;
}
.MsjPopGral .DivOptPago .DivOP4 .labelGral {
    font-size: .9em;
}
.MsjPopGral .DivOptPago .DivOP5{
    height: 15%;
    text-align: center;
    display:flex;
}
input[type="checkbox"] {
    display: none;
}
input[type="checkbox"] + label span {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left:2%;
    vertical-align: middle;
    background: url(../Images/Compra/CtrlCheckNone.png) left top no-repeat;
    cursor: pointer;
}
input[type="checkbox"]:checked + label span {
    background: url(../Images/Compra/CtrlCheckSel.png) top no-repeat;
}
.chkSp:checked + label span {
    cursor:pointer;
    margin-left:0!important;
    background: url(../Images/Compra/CtrlCheckSel.png) top no-repeat;
}
.ImgDesl {
    display:none;
    position: fixed;
    z-index: 2;
}
.ImgDesl img {
    width:40px;
}
@media (min-width:1250px) and (max-width:1420px) {
    .VentanaPPago .Contacts .Cont {
        width: 70%;
    }
    .VentanaPPago .Contacts .Cont .ContTPago .ContTarj .TCardCSS {
        right:15px;
        top:70px;
    }
    .VentanaPPago .Contacts .Cont .ContTPago .ContTarj .TCardCSS img {
        width: 35px;
    }
    .MsjPopGral .DivOptPago {
        width:45%;
    }
}
@media (min-width:800px) and (max-width:1249px){ 
    .Cabecera .ContLogo{            
        width: 25%;      
    }
    .Cabecera .ContLogo .Logo{    
        width: 100%;   
    }
    .Cabecera .ContMenu{
        width: 50%;
    }
    .Cabecera .ContBtnAcceso{
        width: 25%;
    }
    .Cabecera .ContBtnAcceso .cBtnAcceso .BtnAcceso{
        height: 50%;
        width: 50%;       
        font-size: 1em;
    }
    .Medio .ContMedio .pInicio .RInicio .TopRInicio .cTopRInicio{  
        font-size: 2em;
    }
    .Medio .ContMedio .pModulos .IntMod .BIntMod .TBIntMod{
        font-size: 1em;
    }
    .Medio .ContMedio .pModulos .IntMod .BIntMod .BBIntMod{
        font-size: 1em;
    }
    .Medio .ContMedio .pContacto .TopContacto .TopCont{
        width: 60%;
    }
    .Medio .ContMedio .pContacto .BotContacto .Cuerpo{
        width: 60%;
    }
    .Medio .ContMedio .pServicios .TopServicios .QuartServ .Serv {
        width: 90%;
        height:80%;
    }
    .Medio .ContMedio .pServicios .TopServicios .QuartServ .Serv .Serv2 span {
        font-size: 1.8em;
    }
    .Medio .ContMedio .pServicios .TopServicios .QuartServ .Serv .Serv3 .Serv3_D1 .CirclePrice {
        height: 150px;
        width: 150px;
    }
    .Medio .ContMedio .pServicios .TopServicios .QuartServ .Serv .Serv4 .btnSale {
        font-size: 1em;
    }
    .Medio .ContMedio .pInversion .MainInv .ContData .SecLic .SecTotal2 .Inv .Inv3 .PricesInfoCompra{
        font-size: .8em;
    }
    .Medio .ContMedio .pSoporte .ConSop .CSop {
        width: 45%;
    }
    .VentanaPPago .Contacts .Cont{
        width: 85%;
    }
    .VentanaPPago .Contacts .Cont .ContTPago .ContTarj .TCardCSS {
        right:10px;
    }
    .MsjPopGral .DivOptPago {
        width: 60%;
    }
    .BtnGralInv {
        font-size: 1em;
    }
    .BtnGral2Inv{
        font-size: 1.2em;        
    } 
    .MsjPopGral .MasInfo{
        width: 35%;
        height: 60%;
    }
}
@media (min-width:0px) and (max-width:799px) {
    .Cabecera {
        height:100px;
    }
    .Cabecera .ContLogo{            
        width: 35%;
        height:100%;
    }
    .Cabecera .ContLogo .Logo{    
        width: 90%;  
    }
    .Cabecera .ContMenu{
        display: none;
    }
    .Cabecera .ContMenuTableCell{
        display: flex;
        width: 20%;
        height: 100%;
    }
    .Cabecera .ContMenuTableCell .ContMCel{
        margin: auto;
    }
    .Cabecera .ContMenuTableCell .ContMCel{
        margin: auto;
        width: 100%;
        height: 100%;
        display: flex;
    }
    .Cabecera .ContMenuTableCell .ContMCel img{
        width: 35%;
        height: 35%;
        margin: auto;
        cursor: pointer;
    }
    .Cabecera .ContBtnAcceso{
        width: 45%;
    }
    .Cabecera .ContBtnAcceso .cBtnAcceso .BtnAcceso{
        height: 60%;
        width: 60%;       
        font-size: 1em;
    }
    .Medio {
        /* height:calc(100% - 175px); */
		height:calc(90% - 175px);
        top:100px;
    }        
    .Medio .ContMedio .pInicio {
        overflow: auto;
    }
    .Medio .ContMedio .pInicio .LInicio{
        height: auto;
        width: 100%;
    }
    .Medio .ContMedio .pInicio .LInicio .imgLInicio {
        margin-top:40px;
        width:75%;
    }
    .Medio .ContMedio .pInicio .RInicio{
        height: auto;
        width: 100%;
    }
    .Medio .ContMedio .pInicio .RInicio .TopRInicio{
        height: auto;
    }
    .Medio .ContMedio .pInicio .RInicio .TopRInicio .cTopRInicio{ 
        font-size: 1.5em;
    }       
    .Medio .ContMedio .pInicio .RInicio .BotRInicio {
        height: auto;
    }
    .Medio .ContMedio .pInicio .RInicio .BotRInicio .IntBotRInicio .TopLBotRInicio .imgImagen {
        width:60%;
        height:60%;
    }
    .Medio .ContMedio .pInicio .RInicio .BotRInicio .IntBotRInicio .BotLBotRInicio{
        font-size:1.2em;
    }
    .Medio .ContMedio .pModulos .pContentInt {
        overflow-x: scroll;
        padding-top: 0%;
        width: 100%;
    }
    .Medio .ContMedio .pServicios .TopServicios {
        display:inline-flex;
    }
    .Medio .ContMedio .pServicios .TopServicios .QuartServ {
        width: 100%;
        height: 100%;
        min-width: 100%;
    }
    .Medio .ContMedio .pServicios .TopServicios .QuartServ .Serv{
        width:90%;
        height:85%;
    }
    .Medio .ContMedio .pServicios .TopServicios .QuartServ .Serv .Serv2 span{
        font-size: 1.5em;
    }
    .Medio .ContMedio .pServicios .TopServicios .QuartServ .Serv .Serv3  .Serv3_D1 .CirclePrice{
        height:150px;
        width:150px;
    }
    .Medio .ContMedio .pServicios .TopServicios .QuartServ .Serv .Serv3  .Serv3_D1 .CirclePrice span{
        font-size: 1.8em;
    }
    .Medio .ContMedio .pServicios .TopServicios .QuartServ .Serv .Serv3  .Serv3_D2>div{
        font-size: .9em;
    }
    .Medio .ContMedio .pServicios .ServIVA span{
        font-size: .9em;
    }
    .Medio .ContMedio .pModulos .pContentInt .IntMod{
        width: auto;
        height:96%;
        padding-top:4%;
    }
    .Medio .ContMedio .pInversion .MainInv .ContFoot .BtnSolInfoCSS {
        margin-right: auto;
    }
    .Medio .ContMedio .pModulos .IntMod .TIntMod .imgIntMid{
        width: auto;
    }
    .Medio .ContMedio .pModulos .IntMod .BIntMod .TBIntMod{
        font-size: 1.2em;
    }
    .Medio .ContMedio .pModulos .IntMod .BIntMod .BBIntMod{
        font-size: .9em;
    }
    .Medio .ContMedio .pContacto .TopContacto .TopCont{
        width: 80%;
    }
    .Medio .ContMedio .pContacto .TopContacto .TopCont .SubTopCont .SSubTopCont{
        font-size: .9em;
    }
    .Medio .ContMedio .pContacto .TopContacto .TopCont .SubTopCont .SSubTopCont img{
        width: 18px;
        height: 18px;
    }
    .Medio .ContMedio .pInversion .MainInv .Contacts .Cont .Cont4 .LblNomCom {
        margin-left:2.5%;
        width:90%;
        text-align:justify;
    }
    .VentanaPPago .Contacts .Cont .Cont5 .LblNomCom {
        font-size:.9em;
        margin-left: 2.5%;
        width: 90%;
        text-align: justify;
    }
    .VentanaPPago .Contacts .Cont .Cont6 label {
        font-size: .9em;
        width: 90%;
    }
    .Medio .ContMedio .pContacto .BotContacto .Cuerpo {
        width: 90%;
        height: 90%;
    }
    .Medio .ContMedio .pSoporte  {
        display: inline-flex;
    }
    .Medio .ContMedio .pSoporte .ConSop {
       width:100%;
       height:100%;
       min-width:100%;
    }
    .Medio .ContMedio .pSoporte .ConSop .CSop {
        width: 85%;
    }
    .Medio .ContMedio .pSoporte .CSop .CSpot4 .btnDescargar {
        font-size: 1em;
    }
    .Medio .ContMedio .pServicios .TopServicios .QuartServ .Serv .Serv4 .btnSale{
        font-size: 1em;
    }
    .Medio .ContMedio .pInversion .MainInv .TopInv {
        display: inline-flex;
    }
    .Medio .ContMedio .pInversion .MainInv .TopInv .QuartInv {
        width:100%;
        height:100%;  
        min-width:100%;
    }
    .Medio .ContMedio .pInversion .MainInv .TopInv .QuartInv .Inv {
        height:85%;
        width:65%;
    }
    .Medio .ContMedio .pInversion .MainInv .ContInfo .l1 span {
        font-size: 1.1em;
    }
    .Medio .ContMedio .pInversion .MainInv .ContInfo .l2 table{
        font-size: .9em;
    }
    .Medio .ContMedio .pInversion .MainInv .ContInfo .l2 table > tbody > tr > td > img{
        width: 18px;
        height: 18px;
     }
    .Medio .ContMedio .pInversion .MainInv .FooterInv span{
        font-size: .8em;
    }
    .Medio .ContMedio .pInversion .MainInv .TopInv .QuartInv .Inv .Inv2 span{
        font-size: 1.5em;
    }
    .Medio .ContMedio .pInversion .MainInv .TopInv .QuartInv .Inv .Inv3 .l1 span{
        font-size: 1.5em;
    }
	.Medio .ContMedio .pInversion .MainInv .TopInv .QuartInv .Inv .Inv3 .CSSTuto span {
        font-size: 1.0em;
    }
    .Medio .ContMedio .pInversion .MainInv .TopInv .QuartInv .Inv .Inv3 .l2{
        font-size: 2.5em;
    }
    .Medio .ContMedio .pInversion .MainInv .TopInv .QuartInv .Inv .Inv3 .l2 .PriceCent{
        font-size:.5em;
    }
    .Medio .ContMedio .pInversion .MainInv .TopInv .QuartInv .Inv .Inv3 .l2 .Moneda{
        font-size:.3em;;
    }
    .Medio .ContMedio .pInversion .MainInv .TopInv .QuartInv .Inv .Inv3 .l4 span{
        font-size:1.2em;
    }
    .Medio .ContMedio .pInversion .MainInv .TopInv .QuartInv .Inv .Inv3 .l3{  
        font-size:1em;
    }
    .Medio .ContMedio .pInversion .MainInv .ContData {
        display: inline-flex;
    }
    .Medio .ContMedio .pInversion .MainInv .ContData .SecLic {
        width:100%;
        min-width:100%;
    }
    .Medio .ContMedio .pInversion .MainInv .ContData .SecLic .SecLic2 .Inv .Inv2 span {
        font-size: 1.5em;
    }
    .Medio .ContMedio .pInversion .MainInv .ContData .SecLic .SecLic2 .Inv .Inv3 span{
        font-size: 1em;
    }
    .Medio .ContMedio .pInversion .MainInv .ContData .SecLic .SecLic2 .Inv .Inv5 .ResInv{
        font-size: 1em;    
    }
    .Medio .ContMedio .pInversion .MainInv .ContData .SecLic .SecLic2 .Inv .Inv5 .ResData{
        font-size: .9em;
    }
    .Medio .ContMedio .pInversion .MainInv .ContData .SecLic .SecLic2 .Inv .Inv6 .Inv6FPr{
        font-size: 1.4em;
    }
    .Medio .ContMedio .pInversion .MainInv .ContData .SecLic .SecLic2 .Inv .Inv7 span{
        font-size: .9em;  
    }
    .Medio .ContMedio .pInversion .MainInv .ContData .SecLic .SecTrans2 .Inv .Inv2 span{
        font-size: 1.2em;
    }
    .Medio .ContMedio .pInversion .MainInv .ContData .SecLic .SecTrans2 .Inv .Inv7 .Inv6FTransCont {
        font-size: 1em;
    }
    .Medio .ContMedio .pInversion .MainInv .ContData .SecLic .SecTrans2 .Inv .Inv6 .Inv6FTrans {
        font-size: 1.4em;
    }
    .Medio .ContMedio .pInversion .MainInv .ContData .SecLic .SecTotal2 .Inv .Inv1 .LblTotal span{
        font-size: 2.2em;
    }
    .Medio .ContMedio .pInversion .MainInv .ContData .SecLic .SecTrans2 .Inv .Inv65 span {
        font-size:.9em;
    }
    .Medio .ContMedio .pInversion .MainInv .ContData .SecLic .SecTotal2 .Inv .Inv3 .PricesInfoCompra {
        font-size: .8em;
    }
    .Medio .ContMedio .pInversion .MainInv .ContData .SecLic .SecTotal2 .Inv .Inv4 span{
        font-size: 1.2em;
    } 
    .Medio .ContMedio .pInversion .MainInv .ContData .SecLic .SecTotal2 .Inv .Inv5 .TPiceEnd span{
        font-size: 1.4em;
    }
    .Medio .ContMedio .pInversion .MainInv .ContData .SecLic .SecTotal2 .Inv .Inv6 .InvDo span{
        font-size: 1.2em;
    }
    .Medio .ContMedio .pInversion .MainInv .ContDivContacts {
        display: inline-flex;
    }
    .Medio .ContMedio .pInversion .MainInv .ContDivContacts .Contacts {
        width:100%;
        height:100%;
        min-width:100%;
    }
    .Medio .ContMedio .pInversion .MainInv .Contacts .Cont {
        width: 80%;
    }
    .Medio .ContMedio .pInversion .MainInv .Contacts .Cont .Cont2 span{        
        font-size:1.4em;
    }
    .Medio .ContMedio .pInversion .MainInv .Contacts .Cont .Cont4 .ContLblGral span:nth-child(1){
        font-size: 1em;
    }
    .Medio .ContMedio .pInversion .MainInv .Contacts .Cont .Cont5 .ContValCompra{   
        font-size: 1.2em;
    }  
    .Medio .ContMedio .pInversion .MainInv .Contacts .Cont .Cont7 table > tbody > tr > td:nth-child(1){
        font-size: 1em;
    }
    .Medio .ContMedio .pInversion .MainInv .Contacts .Cont .Cont7 table > tbody > tr > td:nth-child(2){
        font-size: .9em;
    }
    .VentanaPPago .Contacts{
        width:100%;
        min-width:100%;
    }
    .VentanaPPago .Contacts .Cont {
        width: 80%;
        height:80%;
    }
    .VentanaPPago .Contacts .Cont .ContTPago .ContTarj label{
        font-size: .9em;
        width:134px;
    }
    .VentanaPPago .Contacts .Cont .ContTPago .ContTarj .DivCtrlInput  select {
        width:calc(90% - 136px)!important;
    }
    .VentanaPPago .Contacts .Cont .ContBtnPago .BtnEndPay {
        font-size: 1em;
        width: 150px;
        height: 30px;
    }
    #Titular, #Card {
        width: calc(89% - 136px) !important;
    }
    #TPago {
        width: 65%!important;
    }
    .VentanaPPago .Contacts .Cont .ContTPago .ContTarj .TCardCSS {
        top:70px;
    }
    .VentanaPPago .Contacts .Cont .ContTPago .ContTarj .TCardCSS img {
        width: 30px;
    }
    .VentanaPPago .Contacts .Cont .ContInXX > div > span {
        font-size: .9em;
    }
    .MePago{
        margin-left: 0!important;
    }
    .MsjPopGral .DivOptPago {
        width: 80%;
    }
    .Pie {
		 /* height:75px; */
		 height:120px;
    }
    .Pie .ContAviso {
        float: none;
        width: 100%;
        height: 20px;
    }
    .Pie .ContAviso span{     
        margin-left:auto;
        font-size:.9em;
        color:#55b7a8;
        text-decoration:underline;
    }
    .Pie .ContSlide{
        display: none;
    }
    .Pie .ContPhone{
        width: 100%;        
        height:55%;
        margin-top:5px;
        /* text-align:center; */
		text-align:right;
    }
    .Pie .ContPhone .LblPhone {
        height:auto;
        padding:0;
        margin:auto;
    }
    .Pie .ContPhone .LblPhone span{
        margin:auto;
        font-size:.9em;
    }
    .Pie .ContPhone .LblPhone img{
        width: 18px;
        height: 18px;
    }
    .BtnGeneralInv{ 
        font-size: 1em;
    }
    .BtnGral2Inv{
        font-size: 1em;        
    } 
    .MsjPopGral .MsgInfo .Gral2 span{
        font-size: 1.5em;
    }
    .MsjPopGral .MasInfo{
        width: 45%;
        height: 60%;
    }
    .MsjPopGral .MasInfo .MasInfo4 .MasinfoP .MasInfoData span{
        font-size: .8em;
    }
    .MsjEmergente .MsjEM .MsjEMM span{
        font-size: 1em;
    }
    .MsjEmergente .MsjEM .MsjEMB .btnOK{
        font-size: 1em;
    }
    .labelGral{
        font-size: .9em;
    }
    .InputGral{
        font-size: .9em;
    }
}

 .btn-cerrar-msg {
    width: 100%;
    border-radius: 5px;
    height: 100%;
    display: flex;
    position: relative;
}
 .btn-cerrar-msg:after {
    position: relative;
    content: "\d7";
    font-size: 3.8em;
    color: #c0c0c0;
    font-weight: bold;
    margin: auto;
    margin-right: 25px !important;
    cursor: pointer;
}

.DivCtrlInputs {
    width: 45%;
    height: 55px;
    display:inline-block
}
.DivCtrlInputs label {
    display: block;
    margin-left: 15px;
    width: calc(100% - 15px);
}
.DivCtrlInputs .Inputs {
    width: calc(100% - 45px);
    margin-left: 15px;
    border-color: rgb(215, 215, 215)
}
.DivCtrlInputsList {
    width: 46%;
    height: 55px;
    display: inline-block
}
.DivCtrlInputsList label {
    display: block;
    margin-left: 15px;
    width: calc(100% - 15px);
}
.DivCtrlInputsList .Inputs {
    width: calc(100% - 43px);
    margin-left: 15px;
    border-color: rgb(215, 215, 215)
}
input::placeholder {
    color: #dddddd;
    font-style: italic;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}
input[type=date]::-webkit-inner-spin-button,
input[type=date]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
@media (max-height: 600px) {
    .formFrame {
        height: 450px;
    }
}
@media (max-height: 885px) and (max-width:476px) {
    .formFrame {
        height: 750px;
    }
}
@media (max-height: 925px) and (max-width:350px) {
    .formFrame {
        height: 750px;
    }
}
@media (max-height: 930px) and (max-width:345px) {
    .formFrame {
        height: 800px;
    }
}
@media (max-height: 835px) and (max-width:856px) and (min-width:466px) {
    .formFrame {
        height: 640px;
    }
}