﻿html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,a,img,strong,b,u,i,center,ol,ul,li,fieldset,form,label,table,tbody,tfoot,thead,tr,th,td,header,menu,nav,section,article,video{margin:0;padding:0;border:0;outline:none}
html{overflow-x:hidden}
body{width:100%;font-size:17px;font-family:"FiraSansLight","sans-serif";color:#6C7177}
img{max-width:100%;height:auto}
ul,ol,li{list-style:none}
@font-face{font-family:"FiraSansLight";src:url(/fonts/cotizacion/eot/FiraSans-Light.eot) format('eot'),url(/fonts/cotizacion/woff/FiraSans-Light.woff) format('woff'),url(/fonts/cotizacion/ttf/FiraSans-Light.ttf) format('truetype'),url(/fonts/cotizacion/otf/FiraSans-Light.otf) format("opentype")}
@font-face{font-family:"FiraSans";src:url(/fonts/cotizacion/eot/FiraSans-Regular.eot) format('eot'),url(/fonts/cotizacion/woff/FiraSans-Regular.woff) format('woff'),url(/fonts/cotizacion/ttf/FiraSans-Regular.ttf) format('truetype'),url(/fonts/cotizacion/otf/FiraSans-Regular.otf) format("opentype")}
@font-face{font-family:"FiraSansMedium";src:url(/fonts/cotizacion/eot/FiraSans-Medium.eot) format('eot'),url(/fonts/cotizacion/woff/FiraSans-Medium.woff) format('woff'),url(/fonts/cotizacion/ttf/FiraSans-Medium.ttf) format('truetype'),url(/fonts/cotizacion/otf/FiraSans-Medium.otf) format("opentype")}
@font-face{font-family:"FiraSansSemibold";src:url(/fonts/cotizacion/eot/FiraSans-Semibold.eot) format('eot'),url(/fonts/cotizacion/woff/FiraSans-Semibold.woff) format('woff'),url(/fonts/cotizacion/ttf/FiraSans-Semibold.ttf) format('truetype'),url(/fonts/cotizacion/otf/FiraSans-Semibold.otf) format("opentype")}
@font-face{font-family:"FiraSansBold";src:url(/fonts/cotizacion/eot/FiraSans-Bold.eot) format('eot'),url(/fonts/cotizacion/woff/FiraSans-Bold.woff) format('woff'),url(/fonts/cotizacion/ttf/FiraSans-Bold.ttf) format('truetype'),url(/fonts/cotizacion/otf/FiraSans-Bold.otf) format("opentype")}
.marginTop{margin-top:20px}
.marginBottom{margin-bottom:20px !important}
.noPaddingTop{padding-top:0 !important}
.paddingBottom{padding-bottom:20px !important}
.textRight{text-align:right}
.wo{font-family:"FiraSansSemibold","sans-serif";font-style:italic}
.asterisco{font-family:"FiraSansBold","sans-serif";font-size:20px;color:#37adda;vertical-align:middle}
header{position:fixed;top:0;width:100%;height:80px;background:url(https://www.worldoffice.com.co/images/header/bgHeaderActive.jpg);background-size:cover;box-shadow:0px 5px 60px 0px rgba(83,71,105,0.8);z-index:+9}
.contHeader{width:calc(100% - 30px);max-width:1630px;height:100%;display:table;padding:0 15px;margin-left:50%;transform:translateX(-50%)}
.logoHeader{display:table-cell;vertical-align:middle}
.logoHeader a{float:left}
.logoHeader a img{vertical-align:middle}
.titleHeader{display:table-cell;vertical-align:middle;text-align:right;font-size:30px;color:#FFF}
.wrapper{position:relative;top:80px;width:100%;max-width:1660px;margin:0 auto}
#showMenu,.icoMenu{display:none}
nav{position:absolute;top:0;left:0}
nav ul{position:fixed;width:250px}
nav li{float:left;width:calc(100% - 30px);height:46px;padding:0 15px}
nav img{float:left;width:22px;margin:11px 10px 0 0}
nav a{float:left;display:table;width:calc(100% - 32px);height:100%;text-decoration:none}
nav a.active{position:relative}
nav a.active:before{content:"";position:absolute;top:0;right:-15px;width:5px;height:45px;background:#22EAF6;animation-name:activeMenu;animation-duration:1s}
@keyframes activeMenu{0%{opacity:0;height:0}100%{opacity:1;height:45px}}
nav ul li a span{display:table-cell;vertical-align:middle;width:100%;color:#FFF;line-height:16px}
nav ul li a:hover span{color:#22EAF6;transition:all 0.5s ease-in-out}
.overlayNav{display:none}
.wrap{float:left;width:calc(100% - 250px);margin-left:250px;box-shadow:-250px 0px 0px 0px rgba(39,49,64,1)}
.banner{float:left;width:100%;height:340px;background:url(/Images/Quotes/cotizacion/banner.jpg);background-size:cover;background-position:50% 50%;margin-bottom:2px}
.menuOpciones{float:left;width:100%}
.menuOpciones ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.menuOpciones li{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1; -ms-flex-positive:1;flex-grow:1;max-width:100%;height:70px;margin-right:2px;background:#1e5799;background:linear-gradient(to bottom,#1e5799 0%,#4871a5 0%,#2d79ad 100%)}
.menuOpciones li.btnPague{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1; -ms-flex-positive:1;flex-grow:1;max-width:100%;height:70px;margin-right:2px;background:#1e5799;background: linear-gradient(to bottom, #68b33f 0%,#88bf3e 100%);}
.menuOpciones li:hover a{background:#488cda;transition:all 1s}
.menuOpciones li.btnPague:hover a{background:#96d247;transition:all 1s}
.menuOpciones li:last-of-type{margin-right:0}
.menuOpciones a{display:table;width:100%;height:100%;text-decoration:none}
.menuOpciones p{display:table-cell;vertical-align:middle;text-align:center}
.menuOpciones span{display:table;float:left;width:auto;margin-left:50%;transform:translateX(-50%);padding:0 10px}
.menuOpciones label{display:table-cell;vertical-align:middle}
.menuOpciones label:first-of-type{line-height:18px;color:#FFF;white-space:nowrap;font-family:"FiraSans","sans-serif";cursor:pointer}
.menuOpciones img{float:left;margin-left:10px;max-width:inherit;cursor:pointer}
section{float:left;width:calc(100% - 40px);padding:50px 20px}
section h1{display:inline-block;width:100%;text-align:center;font-size:40px;position:relative;margin-bottom:40px;font-weight:normal;font-family:"FiraSans","sans-serif";line-height:38px}
section h2{float:left;width:100%;font-size:21px;font-weight:normal}
section h3{float:left;width:100%;font-weight:normal}
section h1:before{content:"";position:absolute;bottom:-5px;left:calc(50% - 65px);width:130px;height:5px}
section h1:after{content:"";position:absolute;bottom:-5px;left:calc(50% - 15px);width:30px;height:5px}
section h1.black{color:#191919}
section h1.white{color:#FFF}
section h1.black:before{background:#4AC4F3}
section h1.black:after{background:#454545}
section h1.white:before{background:#273140}
section h1.white:after{background:#FFF}
section p{float:left;width:100%;margin-bottom:20px;text-align:justify}
section a{color:#4AC4F2;word-break:break-word}
section a:hover{color:#2d84a5;cursor:pointer !important;transition:all ease-in-out 0.5s}
section .contTable{float:left;width:100%;overflow:auto}
section .contTable::-webkit-scrollbar{width:8px;height:8px}
section .contTable::-webkit-scrollbar-thumb{background:#B7B7B7;border-radius:20px}
section .contTable::-webkit-scrollbar-track{background:#EEF0F7;border-radius:0}
section table{float:left;width:100%}
section table th{height:40px;background:#273140;color:#FFF;padding:0 20px;border-right:1px solid #FFF}
section table th:last-of-type,section table td:last-of-type{border-right:0}
section table td{height:20px;padding:10px 20px;border-bottom:1px solid #e2e2ef;border-right:1px solid #e2e2ef;vertical-align:top}
section table td.border-right{border-right:none !important}
section table tr:last-of-type td{border-bottom:0}
section table tr.trBorde td{border-bottom:1px solid #e2e2ef}
section ul{float:left;width:100%}
section li{float:left;width:calc(100% - 18px);padding-left:18px;background:url(/Images/Quotes/cotizacion/bullet.png) no-repeat;background-position:0 7px;margin-bottom:5px}
section li:last-of-type,section p:last-of-type{margin-bottom:0}
section cite{float:left;width:100%;margin-top:10px;font-size:14px;font-style:italic;color:#6638b1}
section .asterisk{font-size:18px;font-style:italic;color:#6638b1;font-weight:bold;vertical-align:middle}
section .note{font-weight:600;color:#134E88;font-style:italic}
.inicio .intro{float:left;width:100%;margin-bottom:30px}
.inicio .intro p{font-size:18px;margin-bottom:4px}
.inicio .intro p span{font-family:"FiraSansSemibold","sans-serif";color:#4AC4F2}
.inicio .firma{float:left;width:100%;margin-top:20px}
.inicio .firma div{float:left;width:33.33%}
.inicio .firma span{float:left;width:60px;height:60px;background:#2D3251;border-radius:50%;text-align:center;line-height:60px;margin-right:10px}
.inicio .firma img{vertical-align:middle}
.inicio .firma label{display:table;float:left;width:calc(100% - 90px);height:60px;margin-right:15px}
.inicio .firma label i{display:table-cell;vertical-align:middle;line-height:17px;font-style:normal;font-size:16px}
.inicio .firma label em{font-style:normal}
.version{background:#E8E8E8}
.version h2{margin-bottom:10px;color:#37adda}
.version .contVersion{float:left;width:100%;display:table}
.version .txt{display:table-cell;width:calc(65% - 20px);vertical-align:middle;padding-right:40px}
.version .img{display:table-cell;width:35%;text-align:center;vertical-align:middle}
.version div:last-of-type img{max-height:350px}
.contenido{background:url(/Images/Quotes/cotizacion/bgContenidoEmpresarial.jpg);background-size:cover}
.contenido .swiper-container{padding-bottom:20px}
.contenido .swiper-container h2{position:relative;margin-bottom:30px}
.contenido .swiper-container h2 span{float:left;width:100%;margin-left:50%;transform:translateX(-50%);text-align:center;color:#FFF;font-size:24px;line-height:28px}
.contenido .swiper-container p{float:left;width:calc(100% - 40px);margin:0 20px 20px 20px;color:#273140;text-shadow:0 1px 1px rgba(39,49,64,0.4)}
.contenido .swiper-container h2:before{content:attr(label);position:absolute;top:50%;left:0;transform:translateY(-50%);font-size:14px;color:#273140;width:120px;letter-spacing:-0.8px;padding-left:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.contenido .swiper-container h2:after{content:attr(id);position:absolute;top:50%;right:0;transform:translateY(-50%);font-size:14px;color:#273140;width:120px;letter-spacing:-0.8px;text-align:right;padding-right:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.contenido .swiper-slide{height:0 !important}
.contenido .swiper-slide-active{height:auto !important;transition:all 0.5s ease-out}
.contenido .swiper-button-next,.contenido .swiper-button-prev{top:19px;width:120px;height:27px;left:0;background:none;border:0;padding:0}
.contenido .swiper-button-prev{left:0;background:url(/Images/Quotes/cotizacion/arrowSlider.png) no-repeat;background-position:0 50%}
.contenido .swiper-button-next{right:0;left:inherit;background:url(/Images/Quotes/cotizacion/arrowSlider.png) no-repeat;background-position:0 50%;transform:rotate(-180deg)}
.contenido .swiper-button-next:hover,.contenido .swiper-button-prev:hover{filter:brightness(1000%);transition:all 0.5s ease-out}
.contenido .swiper-pagination-bullet{background:#00729c;opacity:1;transition:all 0.5s ease-out}
.contenido .swiper-pagination-bullet:hover{background:#0eb8c3}
.contenido .swiper-pagination-bullet-active{background:#00d8e6}
.contenido .swiper-container-horizontal>.swiper-pagination-bullets{bottom:-5px;float:left}
.demostracion .tiposDemo,.soporte .tiposSoporte{float:left;width:100%;display:flex;margin-top:20px}
.demostracion .tiposDemo div{float:left;width:calc(28.66% - 42px);border:1px solid #DBDBDB;padding:20px}
.demostracion .tiposDemo div.dos{float:left;width:calc(47% - 42px);border:1px solid #DBDBDB;padding:20px}
.demostracion .tiposDemo div:nth-last-of-type(2){margin:0 7%}
.demostracion .tiposDemo div.dos:nth-last-of-type(2){margin:0 6% 0 0}
.demostracion .tiposDemo div:only-child{width:calc(100% - 40px);max-width:450px;margin:0 0 0 50%;transform:translateX(-50%)}
.demostracion .tiposDemo div article,.demostracion .tiposDemo div p{float:left;width:100%;text-align:center;margin-bottom:0}
.demostracion .tiposDemo div label{float:left;width:100%;font-size:21px;text-align:center;margin:10px 0 30px 0;font-family:"FiraSans","sans-serif"}
.demostracion .tiposDemo div a{float:left;width:100%;margin-top:20px;word-break:break-all}
.fichaTecnica{background:#EFF2F8}
.capacitacion{padding-bottom:0}
.tiposCapacitacion{float:left;display:flex;flex-wrap:wrap;width:100%;margin-top:40px}
.tiposCapacitacion li{float:left;position:relative;display:table;flex-basis:33.33%;margin:0;padding:0;background-image:none}
.tiposCapacitacion.vep li{flex-basis:25%;min-height:420px}
.tiposCapacitacion .fixed{position:absolute;top:50%;left:0;width:100%;vertical-align: middle;transform: translateY(-50%)}
.tiposCapacitacion .fixed span{float:left;width:100%;padding-bottom:30px;text-align:center}
.tiposCapacitacion .fixed h3{float:left;width:100%;text-align:center;font-size:21px;color:#6C7177;font-family:"FiraSans","sans-serif";font-weight:normal}
.tiposCapacitacion .text{display:table-cell;vertical-align:middle;width:calc(100% - 40px);padding:20px;text-align:justify;font-size:14px;background:#2D4779}
.tiposCapacitacion .text h4{float:left;width:100%;padding-bottom:20px;text-align:center;font-size:18px;color:#FFF;font-family:"FiraSans","sans-serif";font-weight:normal}
.tiposCapacitacion #capPersonalizada h4{padding-bottom:10px;line-height:16px}
.tiposCapacitacion .text p{float:left;width:100%;font-size:14px;color:#FFF}
.tiposCapacitacion .text p:last-of-type{margin-bottom:0 !important}
.tiposCapacitacion #capPersonalizada p{line-height:14px;margin-bottom:12px}
.tiposCapacitacion .text p.bullet{width:calc(100% - 10px);padding-left:10px;position:relative}
.tiposCapacitacion .text p.bullet:before{content:"\25CF";position:absolute;top:8px;left:0;font-size:8px;line-height:0}
.tiposCapacitacion .text p a{color:#4AC4F3}
.tiposCapacitacion .text p a:hover{color:#90d7f3}
.tiposCapacitacion #capPersonalizada,.tiposCapacitacion #capVivo,.tiposCapacitacion #capAuto,.tiposCapacitacion #capPartner{opacity:0;z-index:-9999;transition:ease-in-out all 0.5s}
.tiposCapacitacion #capPersonalizada:target,.tiposCapacitacion #capVivo:target,.tiposCapacitacion #capAuto:target,.tiposCapacitacion #capPartner:target{opacity:1.0;z-index:+9999}
.tiposCapacitacion #capPersonalizada:target + .fixed,.tiposCapacitacion #capVivo:target + .fixed,.tiposCapacitacion #capAuto:target + .fixed,.tiposCapacitacion #capPartner:target + .fixed{opacity:0;z-index:-1}
.tiposCapacitacion .modalClose{position:absolute;right:10px;left:inherit;font-size:24px}
.soporte .tiposSoporte:first-of-type{margin-bottom:50px}
.soporte .tiposSoporte div:nth-of-type(2n+1){float:left;width:65%}
.soporte .tiposSoporte div:nth-of-type(2n+2){float:left;width:35%}
.soporte article{float:left;width:80px;height:80px;border:2px solid #22405A;border-radius:50%;text-align:center;line-height:80px}
.soporte article img{vertical-align:middle}
.soporte td{border:0;padding:0;vertical-align:top}
.soporte .tiposSoporte td:first-of-type{padding:0}
.soporte .tiposSoporte div:nth-of-type(2n+1) td:last-of-type{padding:0 80px 0 40px}
.soporte .tiposSoporte div:nth-of-type(2n+2) td:last-of-type{padding:0 0 0 40px}
.soporte h2{margin-bottom:10px}
.actualizaciones{background:url(/Images/Quotes/cotizacion/bgActualizacion.jpg)}
.actualizaciones p,.actualizaciones h2,.actualizaciones li{color:#FFF}
.actualizaciones h2{margin-bottom:10px}
.actualizaciones h1.white:before{background:#191919}
.reqconexion{background:#E8E8E8}
.reqconexion table td{border-bottom:1px solid #CBCBE4;border-right:1px solid #CBCBE4}
.precios .total{font-family:"FiraSansMedium","sans-serif"}
.precios h2{margin-bottom:10px}
.implementacion{background:#EFF2F8}
.contTelefonos{position:relative;min-height:280px;background:#4ac4f3;background:linear-gradient(to bottom,#70c2e2 0%,#3bb4e2 100%);margin-bottom:0}
.contTelefonos ul{float:left;width:100%}
.contTelefonos ul div{float:left;height:410px;width:calc(33.33% - 76px);background:#FFF;border-radius:3px;border:1px solid #97cce0;padding:20px;box-shadow:0px 15px 30px 0px rgba(62,125,150,0.4)}
.contTelefonos ul div:nth-of-type(2){margin:0 50px}
.contTelefonos li{float:left;width:100%;background:none;padding:0;margin:0}
.contTelefonos li span{float:left;width:calc(50% - 10px);line-height:40px;text-align:center;color:#898d92;font-size:16px;border-bottom:1px solid #dfe8f1}
.contTelefonos li span:nth-of-type(1){margin-right:10px;color:#2d3251}
.contTelefonos li span:nth-of-type(2){margin-left:10px}
.contTelefonos li:last-of-type span{border-bottom:0}
.contTelefonos section{padding:0;width:100%}
.contTelefonos section:first-of-type li:last-of-type span{border-bottom:1px solid #dfe8f1}
.contTelefonos .premovil span{border-bottom:1px solid #bcaae6}
.contTelefonos .movil span{color:#4b1cc1 !important;border-bottom:1px solid #bcaae6}
.cont-obsequio{float:left;width:100%;margin-top:20px}
.table-obsequio{padding:0;width:225px;display:none}
.table-obsequio table tbody tr td{padding:0 !important}
.table-large{padding:0 !important}
.table-short{padding:10px 0 10px 20px !important}
.hide{display:none}
section.firmaWO img{float:left;width:210px;border-bottom:2px solid #404040;padding-bottom:5px;padding-right:15px}
section.firmaWO p{color:#404040;font-weight:bold}
section.firmaWO p:first-of-type{font-size:30px;margin-bottom:0}
section.firmaWO p:last-of-type{font-size:18px}
.bannerWOSaas{position:fixed;bottom:0;left:0;width:100%;height:80px;background:url("/Images/Quotes/cotizacion/bannerWoSaas/bg.jpg") no-repeat;background-size:cover}
.contentWOSaas{float:left;display:table;position:relative;width:calc(100% - 40px);max-width:1270px;height:100%;padding:0 20px;margin-left:50%;transform:translateX(-50%)}
.imgWOSaas{position:absolute;bottom:0;left:20px;width:110px;line-height:0}
.txtWOSaas{display:table-cell;vertical-align:middle;width:calc(100% - 390px);padding:0 30px 0 140px}
.txtWOSaas h3{float:left;width:100%;font-size:28px;color:#FFF;font-family:"FiraSansLight","sans-serif";letter-spacing:1.5px;text-shadow:2px 2px 0 rgba(103,42,167,1),4px 4px 10px rgba(28,0,52,1.0)}
.txtWOSaas h4{float:left;width:100%;font-size:28px;color:#FFFF00;font-family:"FiraSansLight","sans-serif";letter-spacing:1.5px;text-align:right;text-shadow:2px 2px 0 rgba(103,42,167,1),4px 4px 10px rgba(28,0,52,1.0)}
.botonWOSaas{display:table-cell;vertical-align:middle;width:220px}
.botonWOSaas a{transition:all ease-in-out 0.5s}
.botonWOSaas a:hover{filter:brightness(90%)}
@media(max-width:1600px){.banner{height:260px}}
@media(max-width:1520px){
.inicio .firma div{width:100%;margin-bottom:10px}.inicio .firma div:last-of-type{margin-bottom:0}}
@media(max-width:1366px){
header{height:65px}
.wrapper{top:65px}
.wrap{width:calc(100% - 220px);margin-left:220px;box-shadow:-220px 0px 0px 0px rgba(39,49,64,1)}
nav ul{width:230px}
.banner{height:200px}
.menuOpciones li,.menuOpciones li.btnPague{height:50px !important}
section{padding:30px 20px}
section h1{margin-bottom:35px}
.inicio .intro{margin-bottom:20px}
.version .txt{width:calc(70% - 20px);padding-right:20px}
.version .img{width:30%}
.contenido .swiper-container p{width:100%;margin:0 0 20px 0}
.demostracion .tiposDemo div{width:calc(33.33% - 20px)}
.demostracion .tiposDemo div:nth-last-of-type(2){margin:0 30px}
.tiposCapacitacion.vep li{flex-basis:50%;min-height:290px}
.soporte .tiposSoporte:first-of-type{margin-bottom:20px}
.soporte article{width:60px;height:60px;line-height:56px}
.soporte article img{transform:scale(0.8)}
.soporte .tiposSoporte div:nth-of-type(2n+1) td:last-of-type{padding:0 40px 0 20px}
.soporte .tiposSoporte div:nth-of-type(2n+2) td:last-of-type{padding:0 0 0 20px}
.contTelefonos ul div{width:calc(33.33% - 62px)}
.contTelefonos ul div:nth-of-type(2){margin:0 30px}
nav a.active:before{right: -5px}}
@media(max-width:1310px){.txtWOSaas{width:calc(100% - 370px);padding:0 20px 0 130px}}
@media(max-width:1280px){.demostracion .tiposDemo div{width:calc(33.33% - 46.66px)}.demostracion .tiposDemo div:nth-last-of-type(2){margin:0 20px}.contTelefonos ul div{width:calc(33.33% - 56px)}.contTelefonos ul div:nth-of-type(2){margin:0 20px}}
@media(max-width:1140px){.txtWOSaas h3,.txtWOSaas h4{letter-spacing:1px}}
@media(max-width:1120px){.txtWOSaas{width:calc(100% - 340px)}.txtWOSaas h3,.txtWOSaas h4{font-size:25px;letter-spacing:0.5px}.botonWOSaas{width:190px}}
@media(max-width:1115px){.menuOpciones span{padding:0 5px}.menuOpciones label:first-of-type{letter-spacing:-0.55px}}
@media(max-width:1024px){
.icoMenu{display:block;width:36px;height:30px;position:fixed;left:10px;top:18px;transition:all .5s;z-index:+10}
.icoMenu span{float:left;width:100%;height:1px;background:#FFF;transition:all ease-in-out 0.4s}
.icoMenu span:nth-of-type(1){margin-top:5px}
.icoMenu span:nth-of-type(2){margin:8px 0}
#showMenu{display:block;position:fixed;width:36px;height:30px;margin:0;cursor:pointer;opacity:0;z-index:+11;left:10px;top:18px}
#showMenu:checked + .icoMenu span:nth-of-type(1){transform:rotate(45deg);margin-top:14px}
#showMenu:checked + .icoMenu span:nth-of-type(2){display:none}
#showMenu:checked + .icoMenu span:nth-of-type(3){transform:rotate(-45deg)}
.logoHeader a{width:222px;margin:0 40px}
nav{position:fixed;left:-230px;top:65px;width:230px;height:calc(100% - 65px);overflow:hidden;background:#273140;transition:all 0.5s ease-out;z-index:+9}
#showMenu:checked ~ nav{left:0}
nav ul{margin-left:0}
.overlayNav{display:block;content:'';position:fixed;left:0;width:100%;height:calc(100% - 65px);background:#252848;opacity:0;z-index:-1;transition:all 0.5s}
#showMenu:checked ~ nav + .overlayNav{display:block;opacity:0.6;z-index:+8}
.wrap{width:100%;margin-left:0;box-shadow:none}
.contTelefonos ul div:nth-of-type(2){margin:0 30px}.contTelefonos ul div{width:calc(33.33% - 62px)}
nav a.active:before{right:-15px}}
@media (max-width:1040px) and (min-width:1025px),(max-width:940px) and (min-width:641px){
.contTelefonos ul{position:relative;height:656px}
.contTelefonos ul div:nth-of-type(1){width:calc(50% - 57px);padding-bottom:0;border-radius:3px 3px 0 0}
.contTelefonos ul div:nth-of-type(2){margin:0;background:none;border:0;box-shadow:none;padding:0}
.contTelefonos ul div:nth-of-type(3){position:absolute;left:calc(50% + 15px);top:226px;border-top:0;box-shadow:0px 18px 30px 0px rgba(62,125,150,0.4);border-radius:0 0 3px 3px;padding-top:0;height:409px;width:calc(50% - 57px)}
.contTelefonos ul div:nth-of-type(2) section:nth-of-type(1){position:absolute;top:431px;left:0;width:calc(50% - 57px);padding:0 20px 20px 20px;background:#FFF;border-radius:0 0 3px 3px;border:1px solid #97cce0;border-top:0;box-shadow:0px 18px 30px 0px rgba(62,125,150,0.4)}
.contTelefonos ul div:nth-of-type(2) section:nth-of-type(2){position:absolute;top:0;left:calc(50% + 15px);width:calc(50% - 57px);padding:20px 20px 0 20px;background:#FFF;border-radius:3px 3px 0 0;border:1px solid #97cce0;border-bottom:0}
.contTelefonos li:last-of-type span{border-bottom:1px solid #dfe8f1}
.contTelefonos ul div:nth-of-type(2) section:nth-of-type(1) li:last-of-type span,.contTelefonos ul div:last-of-type li:last-of-type span{border-bottom:0}}
@media(max-width:1000px){.txtWOSaas{width:calc(100% - 330px)}.txtWOSaas h3,.txtWOSaas h4{font-size:22px}.botonWOSaas{width:180px}}
@media(max-width:920px){.imgWOSaas{width:90px}.txtWOSaas{width:calc(100% - 290px);padding:0 20px 0 110px}.botonWOSaas{width:160px}}	
@media(max-width:880px){.txtWOSaas{width:calc(100% - 280px)}.txtWOSaas h3,.txtWOSaas h4{font-size:20px}.botonWOSaas{width:150px}}
@media(max-width:860px){
.banner{height:170px}
.contenido .swiper-container h2{margin-bottom:60px}
.contenido .swiper-container h2:before,.contenido .swiper-container h2:after{top:50px}
.contenido .swiper-button-next,.contenido .swiper-button-prev{top:59px}
.demostracion .tiposDemo,.soporte .tiposSoporte{display:block}
.demostracion .tiposDemo div,.demostracion .tiposDemo div.dos{width:calc(100% - 40px)}
.demostracion .tiposDemo div:nth-last-of-type(2),.demostracion .tiposDemo div.dos:last-of-type{margin:20px 0 0 0}
.soporte .tiposSoporte div{width:100% !important;margin-bottom:30px}
.soporte .tiposSoporte div td:last-of-type{padding:0 0 0 20px !important}
.soporte .tiposSoporte:first-of-type,.soporte .tiposSoporte:last-of-type div:last-of-type{margin-bottom:0}
.tiposCapacitacion li{flex-basis:100%;min-height:240px;margin-bottom:40px}
.tiposCapacitacion li:last-of-type{margin-bottom:10px}
.tiposCapacitacion.vep li{flex-basis:100%;min-height:270px}
.tiposCapacitacion .fixed span{padding-bottom:0}}
@media(max-width:810px){.contentWOSaas{width:calc(100% - 20px);padding:0 10px}.imgWOSaas{left:10px}.txtWOSaas h3{letter-spacing:-0.5px;line-height:22px}.txtWOSaas h4{font-size:18px;letter-spacing:-0.5px;line-height:16px}}
@media(max-width:780px){
.version .contVersion{position:relative}
.version .txt{width:100%;padding-top:210px;padding-right:0}
.version .img{width:100%;position:absolute;height:200px;left:0}
.version .img img{height:200px}
.titleHeader{font-size:25px;line-height:20px}
.table-obsequio{width:100%;float:left;height:75px;text-align:center;border-right:none;display:block !important}
.table-short{display:block;padding:10px 0 !important}}
@media(max-width:780px) and (min-width:501px){
.menuOpciones li,.menuOpciones li.btnPague{height:70px !important}
.menuOpciones label:first-of-type{float:left;margin-top:30px;font-size:15px;line-height:14px}
.menuOpciones label:last-of-type{position:absolute;top:0;left:0;width:100%;text-align:center}
.menuOpciones img{float:inherit;margin-left:0}}
@media(max-width:680px){.imgWOSaas{width:80px}.txtWOSaas{width:calc(100% - 230px);padding:0 10px 0 90px}.botonWOSaas{width:130px}}
@media (max-width:640px){
.contTelefonos ul div{width:calc(100% - 42px);margin:0 !important;border:0}
.contTelefonos ul div:nth-of-type(1){border-radius:3px 3px 0 0;padding-bottom:0}
.contTelefonos ul div:nth-of-type(2){border-radius:0;padding:0 20px;box-shadow:0px 18px 30px 0px rgba(62,125,150,0.4)}
.contTelefonos ul div:nth-of-type(3){height:auto;border-top:0;padding-top:0;border-radius:0 0 3px 3px;box-shadow:0px 18px 30px 0px rgba(62,125,150,0.4)}
.contTelefonos li:last-of-type span{border-bottom:1px solid #dfe8f1}
.contTelefonos div:nth-of-type(3) li:last-of-type span{border-bottom:0}
.table-large{width:100%;float:left;min-height:70px;margin-bottom:20px;padding:0 !important}}
@media(max-width:590px){
.contHeader{width:calc(100% - 10px);padding:0 5px}
header{height:95px}
.logoHeader a{margin:0 0 0 40px}
.logoHeader{float:left;width:100%}
.logoHeader a{width:100%;margin:10px 0;text-align:center}
.titleHeader{float:left;width:100%;text-align:center}
nav{top:95px;height:calc(100% - 95px)}
.soporte .tiposSoporte td:first-of-type{display:none}
.soporte .tiposSoporte div td:last-of-type{padding:0 !important}
.soporte .tiposSoporte div h2{position:relative;padding-top:72px;text-align:center}
.soporte .tiposSoporte div h2:before{content:"";position:absolute;top:0;left:calc(50% - 32px);height:60px;width:60px;line-height:60px;border:2px solid #22405A;border-radius:50%}
.soporte .tiposSoporte:first-of-type div:first-of-type h2:before{background:url(/Images/Quotes/cotizacion/icoPersonalizado.png) no-repeat;background-position:50%;background-size:70%}
.soporte .tiposSoporte:first-of-type div:last-of-type h2:before{background:url(/Images/Quotes/cotizacion/icoFaq.png) no-repeat;background-position:50%;background-size:70%}
.soporte .tiposSoporte:last-of-type div:first-of-type h2:before{background:url(/Images/Quotes/cotizacion/icoBanco.png) no-repeat;background-position:50%;background-size:70%}
.soporte .tiposSoporte:last-of-type div:last-of-type h2:before{background:url(/Images/Quotes/cotizacion/icoDescargas.png) no-repeat;background-position:50%;background-size:70%}}
@media(max-width:580px){.txtWOSaas h3{font-size:18px;line-height:20px}.txtWOSaas h4{font-size:16px;line-height:14px}}
@media (max-width:500px){
nav li,nav a.active:before{height:36px}
nav img{margin:8px 10px 0 0;width:18px}
nav a.active:before{right:-19px}
.menuOpciones ul{display:block}
.menuOpciones li{height:38px;background:#4871a5 !important;border-bottom:1px solid #6588b5;margin-right:0}
.menuOpciones li.btnPague{height:38px;border-bottom:none;background:linear-gradient(to bottom, #68b33f 0%,#88bf3e 100%) !important}
.menuOpciones label:first-of-type{font-size:15px;line-height:14px}
.menuOpciones br{display:none}}
@media(max-width:480px){.imgWOSaas{width:70px}.txtWOSaas{width:calc(100% - 200px);padding:0 10px 0 80px}.botonWOSaas{width:110px}}
@media(max-width:460px){.contenido .swiper-container h2:before,.contenido .swiper-container h2:after{display:none}}
@media(max-width:430px){.bannerWOSaas{height:100px}.txtWOSaas,.botonWOSaas{width:calc(100% - 80px);padding:5px 0 0 80px;float:left}.botonWOSaas a{float:right;width:110px}.contTelefonos{margin-bottom:105px}}
@media (max-width:410px){.titleHeader{letter-spacing:-1px}}
@media(max-width:380px){.imgWOSaas{width:65px}.txtWOSaas,.botonWOSaas{width:calc(100% - 75px);padding:5px 0 0 75px}.txtWOSaas h3{font-size:15px;line-height:17px}.txtWOSaas h4{font-size:15px;line-height:13px}.botonWOSaas{padding-top:0}}
@media (max-width:375px){.titleHeader{font-size:22px}.logoHeader a img{max-width:185px}}	
@media (max-width:345px){section h1{font-size:35px;line-height:30px}section h1:before,section h1:after{bottom:-8px}}
@media (max-height:520px){nav ul{max-height:calc(100% - 95px);overflow:auto}}
/*lightbox*/
#light,#light2,#light3,#light4,#light5,#light6,#light7,#light8,#light9,#light10,#light11{display:none}
#light:target,#light2:target,#light3:target,#light4:target,#light5:target,#light6:target,#light7:target,#light8:target,#light9:target,#light10:target,#light11:target{width:100%;height:100%;position:fixed;top:0px;background:url(https://worldoffice.com.co/images/bgLight.png);display:block;z-index:99}
.aprobar,.escribir,.llamen,.exportar,.compartir,.mensajes,#sello,.alert,.datos,.alert2,.alert3,.alert4{display:none}
#light:target + .aprobar,#light2:target + .escribir,#light3:target + .llamen,#light4:target + .exportar,#light5:target + .compartir,#light6:target + .mensajes,#light7:target + .alert,#light8:target + .datos,#light9:target + .alert2,#light10:target + .alert3{max-width:500px;width:calc(100% - 20px);height:auto;min-height:160px;background:#FFF;position:fixed;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);z-index:99;display:block;max-height:calc(100% - 40px);overflow:auto}
.light-content::-webkit-scrollbar{width:8px;height:8px}
.light-content::-webkit-scrollbar-thumb{background:#B7B7B7;border-radius:20px}
.light-content::-webkit-scrollbar-track{background:#EEF0F7;border-radius:0}
#light11:target + .alert4{
	width: 700px;
	height: 850px;
	min-height: 180px;
	border-radius: 6px;
	background: #FFF;
	position: absolute;
	top: 5%;
	left: 50%;
	transform: translateX(-50%);
	z-index: 999999;
	display: block;
	padding:10px;
}
#light8:target + .datos {
	min-height: 120px !important;
}
#aprobada:target {
	display: block;
	position:absolute;
	top:-230px;
	margin-top:220px;
	height:220px;
	padding-top:220px;
	left:68%;
	margin-top:220px;
	height:220px;
	padding-top:220px;
	z-index: 999;
}
#cerrar:target{display:none}
.light-content p {font-size:15px}
.light-content p.light-cerrar{color:white;font-size:25px;float:right;margin:5px 15px 0 0;font-family:"FiraSansLight","sans-serif";transform: scaleX(1.5)}
.light-content p.light-cerrar:hover{color:#00E3F6}
.light-titleh{font-size:17px;line-height:40px;color:#FFF;padding:0 15px;height:40px;background:#2f4463}
.light-title{float:left;width:100%;text-align:center;padding:20px 0}
.light-content form{padding:20px;width:calc(100% - 40px);float:left}
.light-content p.light-text{font-size:15px;color:#4A3F43;float:left;width:100%}
.light-content p.label{width:100%;float:left;padding-bottom:10px}
.light-content p.label:last-of-type{padding-bottom:0}
.light-content [type=submit],.wo-Dialog .ui-dialog .content-dialog ui-dialog-buttonset [type=button], .light-content [type=button],.light-title .cerrarbutton,.wo-Dialog .ui-dialog .ui-dialog-buttonset input{background:#26C9FF;padding:5px 20px;color:#FFF;text-transform:uppercase;border:0px;border-radius:4px;text-decoration:none;font-family:"FiraSansLight","sans-serif";font-size:15px;cursor:pointer}
.light-content [type=text],.light-content [type=tel],.light-content [type=email]{background:#e6e6e6;padding:5px;color:#4A3F43;border:none;border-radius:4px;width:calc(100% - 25px);height:18px}
.light-title a{color:#35c5ff}
.light-title label{float:left;width:50%;text-align:center}
.light-content [class=date-picker]{
background:#E1E1E1;
padding:5px;
color:#4A3F43;
font-family: Arial, Helvetica, sans-serif;
border:0px;
border-radius:4px;
width:64%;
height:18px;
opacity:0.8;
text-align:center;
margin-right: 5px;
}
.light-content [type=time] {
background:#E1E1E1;
padding:5px;
color:#4A3F43;
font-family: Arial, Helvetica, sans-serif;
border:0px;
border-radius:4px;
width:25%;
height:18px;
opacity:0.8;
text-align:center;
}
.light-content [type=date] {
background:#E1E1E1; 
padding:5px;
color:#4A3F43;
font-family: Arial, Helvetica, sans-serif;
border:0px;
border-radius:4px;
width:40%;
height:18px;
opacity:0.8;
text-align:center;
}
.light-content select{background:url(../../Images/Quotes/ico-select.png) no-repeat #E6E6E6;background-position:98% center;padding:5px;color:#9a9a9a;border:0px;border-radius:4px;width:100%;height:28px;-webkit-appearance:none;-moz-appearance:window}
.light-content #ciudadllamen{background:url(../../Images/Quotes/ico-select.png) no-repeat #E6E6E6;background-position:98% center;padding:5px;color:#9a9a9a;border:0px;border-radius:4px;width:calc(100% - 15px);height:28px;-webkit-appearance:none;-moz-appearance:window}
.light-content .validateTip{position:absolute;width:15px;padding-left:6px;font-size:19px}
.light-content select.hora{
width:23.5% !important;
}
.light-content select > option{
background: #E1E1E1 !important;
}
.light-content textarea{background:#E6E6E6;padding:5px;color:#4A3F43;border:0px;border-radius:4px;width:calc(100% - 10px);margin-top:3px;max-width:calc(100% - 10px);min-height:80px;float:left}
.timeline{width:calc(100% - 40px);margin:20px;overflow-y:auto;height:auto;max-height:330px}
.timeline ul{border-left:2px solid #02234F;padding:10px 0;float:left;margin:0 10px 0 20px;width:calc(100% - 30px)}
.timeline li{height:auto;min-height:80px;margin-bottom:15px}
.timeline ul li .content-timeline{width:100%;float: left}
.timeline ul li .timeline-action1{background:url(../../Images/Quotes/ico-timeline1.png) no-repeat #FFF;background-position:center}
.timeline ul li .ico-timeline{border-radius:50%;border:2px solid #02234F;width:32px;height:32px;display:block;margin-left:-19px;float:left}
.timeline ul li .text-timeline{width:79%;background:#F0ECEC;background-position:-8px 0px;height:auto;float:left;padding: 10px 20px;border-radius:6px;margin-left:16px}
.timeline ul li .text-timeline:before{content:url(../../Images/Quotes/bg-timeline-text.png);position:relative;left:-28px;top:0}
.timeline ul li p.nombre-timeline{font-size:12px;color:#352B24;font-style:italic;font-weight:bold;margin-top: -20px}
.timeline ul li p.parrafo-timeline{font-size:11px;color:#352B24;margin:0px !important;padding:5px 0 0 !important;line-height:12px}
.timeline ul li p.fecha-timeline{font-size: 12px;color:#0033A4;font-style:italic;margin:0px !important;padding:0px !important}
.timeline-new{background:url(../../Images/Quotes/ico-timeline-new.png) no-repeat #F0ECEC !important;background-position:right top !important}
/*WO Dialog*/
.wo-Dialog .ui-dialog{position:fixed !important;border-radius:0 !important;-webkit-box-shadow:inherit !important;-moz-box-shadow:inherit !important;box-shadow:inherit !important;max-height:580px !important;min-width:420px !important;max-width:calc(100% - 20px) !important;transform:translate(-50%, -50%) !important;top:50% !important;height:calc(100% - 40px) !important}
.wo-Dialog .ui-dialog .ui-dialog-title{margin:0;width:100%}
.wo-Dialog .ui-dialog .ui-dialog-titlebar{width:calc(100% - 30px) !important;padding:0 15px !important;height:40px !important;border-radius:0 !important;line-height:40px}
.wo-Dialog .ui-dialog .ui-dialog-titlebar span.ui-dialog-title{padding-left: 0px}
.wo-Dialog .ui-dialog .ui-dialog-titlebar-close{background:inherit !important;right:5px !important;top:0 !important;cursor:pointer}
.wo-Dialog .ui-dialog .ui-dialog-titlebar-close:before{content:"X";position:absolute;top:5px;right:10px;color:white;font-size:25px;font-family:"FiraSansLight","sans-serif";transform:scaleX(1.5)}
.wo-Dialog .ui-dialog .ui-dialog-titlebar-close:hover:before{color:#00E3F6}
.wo-Dialog .ui-dialog .ui-dialog-titlebar-close span.ui-button-text{background:inherit !important}
.wo-Dialog .ui-dialog .ui-dialog-content{font-size:15px !important;padding-top:20px;height: calc(100% - 60px) !important;max-height: calc(100% - 70px) !important;}
.wo-Dialog .ui-dialog .content-dialog .quoteProforma{margin:20px !important}
.wo-Dialog .ui-dialog .content-dialog .quoteProforma .titleForce{display:none}
.wo-Dialog .ui-dialog .content-dialog .quoteProforma #info .column50,.wo-Dialog .ui-dialog .content-dialog #Direccion-form-edit #addressPaises .column50,.wo-Dialog .ui-dialog .content-dialog .quoteProforma #tercero .column50{float:left;width:calc(50% - 10px) !important;margin-right:10px;padding-bottom:10px}
.wo-Dialog .ui-dialog .content-dialog .quoteProforma #info .column50:nth-child(2n),.wo-Dialog .ui-dialog .content-dialog .quoteProforma #tercero .column50:nth-child(2n){margin-left:10px !important;margin-right:0 !important}
.wo-Dialog .ui-dialog .content-dialog .quoteProforma #direccionPrincipal .column50,.wo-Dialog .ui-dialog .content-dialog #Direccion-form-edit #addressPaises .column50{float:left;width:calc(50% - 10px) !important;margin-right:10px;padding-bottom:10px}
.wo-Dialog .ui-dialog .content-dialog .quoteProforma #direccionPrincipal .column50:nth-child(2n){margin-left:10px !important;margin-right:0 !important}
.wo-Dialog .ui-dialog .content-dialog .quoteProforma #direccionEnvio{padding-top:30px}
.wo-Dialog .ui-dialog .content-dialog .quoteProforma #direccionEnvio .column50{float:left;width:calc(50% - 10px) !important;margin-left:10px;padding-bottom:10px}
.wo-Dialog .ui-dialog .content-dialog .quoteProforma #direccionEnvio .column50:nth-child(2n){margin-right:10px !important;margin-left:0 !important}
.wo-Dialog .ui-dialog .content-dialog .quoteProforma #direccionEnvio img{margin-left:4px}
.wo-Dialog .ui-dialog .content-dialog .quoteProforma #detalleVenta{padding-top:15px;overflow-x: auto}
.wo-Dialog .ui-dialog .content-dialog .quoteProforma .column50 select,.wo-Dialog .ui-dialog .content-dialog #Direccion-form-edit #addressPaises .column50 select{background:url(../../Images/Quotes/ico-select.png) no-repeat #E6E6E6 !important;background-position:98% center !important;padding:5px;color:#4A3F43;border:inherit;border-radius:4px !important;height:26px;-webkit-appearance:none;-moz-appearance:window;margin-bottom:0px !important;width: 100% !important;}
.wo-Dialog .ui-dialog .content-dialog .quoteProforma .column50 select:disabled{color:#9a9a9a}
.wo-Dialog .ui-dialog .content-dialog .quoteProforma .column50 input{background:#E6E6E6 !important;padding:5px;color:#9a9a9a;border:inherit;border-radius:4px !important;width:100% !important;height:16px;text-align:inherit;-webkit-appearance:none;-moz-appearance:window;opacity:inherit;margin:0}
.wo-Dialog .ui-dialog .content-dialog .quoteProforma .column50 [id="telefono"],.wo-Dialog .ui-dialog .content-dialog .quoteProforma #direccionEnvio .column50 [id="telefonoE"]{width:calc(70% - 30px) !important}
.wo-Dialog .ui-dialog .content-dialog .quoteProforma .column50 [id="ext"],.wo-Dialog .ui-dialog .content-dialog .quoteProforma #direccionEnvio .column50 [id="extE"]{width:calc(30% - 10px) !important;margin-left:6px !important}
.wo-Dialog .ui-dialog .content-dialog .quoteProforma .column100 input,.wo-Dialog .ui-dialog .content-dialog .quoteProforma #direccionEnvio .column50 input,.wo-Dialog .ui-dialog .content-dialog .quoteProforma .column50 [id="movil"],.wo-Dialog .ui-dialog .content-dialog .quoteProforma .column50 [id="identificacion"],.wo-Dialog .ui-dialog .content-dialog .quoteProforma #tercero .column50 input[type="text"],.wo-Dialog .ui-dialog .content-dialog #Direccion-form-edit #addressPaises .column50 input{background:#E6E6E6 !important;padding:5px;color:#4A3F43;border:inherit;border-radius:4px !important;width:calc(100% - 10px) !important;height:18px;text-align:inherit;-webkit-appearance:none; -moz-appearance:window;opacity:inherit;margin:0 !important}
.wo-Dialog .ui-dialog .content-dialog .quoteProforma .boton{margin-top:20px !important}
.wo-Dialog .ui-dialog .content-dialog .quoteProforma .boton input{margin:0 0 10px 0;left:inherit;background:#26C9FF;padding:5px 20px 5px 20px;color:#FFF;font-family:Arial, Helvetica, sans-serif;text-transform:uppercase;border:0px;border-radius:4px;cursor:pointer}
.wo-Dialog .ui-dialog .content-dialog .quoteProforma div input[type=checkbox]{opacity:0;width:23px;height:23px;padding:0;cursor:pointer;position:absolute;margin:-4px 6px;z-index:+1}
.wo-Dialog .ui-dialog .content-dialog .quoteProforma div .checkbox{font-size:13px;width:20px;height:20px;display:inline-block;cursor:pointer;position:relative;top:-4px;padding-left:6px}
.wo-Dialog .ui-dialog .content-dialog .quoteProforma div input[type=checkbox]:checked + .checkbox:before{content:"\2714";font-size:15px;color:#5F5F60}
.wo-Dialog .ui-dialog .content-dialog .quoteProforma div .checkbox:before{content:"";display:inline-block;width:20px;height:20px;vertical-align:middle;text-align:center;background:#FAFAFA;border:1px solid #CDCDCD;cursor:pointer}
.wo-Dialog .ui-dialog .content-dialog .quoteProforma p{margin-top:inherit !important}
.wo-Dialog .ui-dialog .content-dialog .quoteProforma p.pcheck{font-size:15px;color:#4A3F43;text-align:center;width:100%;display:none}
.wo-Dialog .ui-dialog .content-dialog .quoteProforma .column50 p,.wo-Dialog .ui-dialog .content-dialog .quoteProforma .column100 p{font-size:15px !important;color:#4A3F43 !important;float:left !important;text-align:left !important;}
.wo-Dialog .ui-dialog .content-dialog .quoteProforma .column50 p.tel,.wo-Dialog .ui-dialog .content-dialog .quoteProforma #direccionEnvio .column50 p.tel{width:70% !important}
.wo-Dialog .ui-dialog .content-dialog .quoteProforma .column50 p.ext,.wo-Dialog .ui-dialog .content-dialog .quoteProforma #direccionEnvio .column50 p.ext{width:30% !important}
.wo-Dialog .ui-dialog .content-dialog .quoteProforma .column50:nth-child(4n) p{width:calc(100% - 80px) !important}
.wo-Dialog .ui-dialog .content-dialog .quoteProforma #tercero .column50:nth-child(4n) p{width:100% !important}
.wo-Dialog .ui-dialog .content-dialog .quoteProforma .column50 .idShort{float:left;width:calc(100% - 112px) !important}
.wo-Dialog .ui-dialog .content-dialog .quoteProforma .column50 #dvEmpre{float:left;width:80px;margin:-17px 0 0 12px !important}
.wo-Dialog .ui-dialog .content-dialog .quoteProforma .column50 #dvEmpre p{float:left;width:100% !important;text-align:left !important}
.wo-Dialog .ui-dialog .content-dialog .quoteProforma hr{margin:10px 0}
.wo-Dialog .ui-dialog .content-dialog .quoteProforma #informacionVenta label,.wo-Dialog .ui-dialog .content-dialog .quoteProforma #informacionVenta p{margin-bottom:0 !important}
.wo-Dialog .ui-dialog .content-dialog .quoteProforma #informacionVenta table#table-details th{line-height:15px;min-height:30px;background:#273140;color:#FFF;padding:5px 5px;border-right:1px solid #FFF}
.wo-Dialog .ui-dialog .content-dialog .quoteProforma #informacionVenta table#table-details td{height:20px;padding:5px;border-bottom:1px solid #e2e2ef;border-right:1px solid #e2e2ef;vertical-align:top}
.wo-Dialog .ui-dialog .content-dialog .quoteProforma #informacionVenta table#table-details td:last-of-type{border-right:none}
.wo-Dialog .ui-dialog .content-dialog .quoteProforma #informacionVenta table#table-details tr:last-of-type td{border-bottom:none}
.wo-Dialog .ui-dialog .content-dialog .quoteProforma #informacionVenta table#table-details td.border-right{border-right:none !important}
.wo-Dialog .ui-dialog .content-dialog .quoteProforma #informacionVenta table#table-details #totalPagoCot{background:#e7e9ec}
.wo-Dialog .ui-dialog .content-dialog .quoteProforma #informacionVenta input[id="editarForm1"],.wo-Dialog .ui-dialog .content-dialog .quoteProforma #informacionVenta input[id="editarForm2"]{width:55px !important;height:18px;padding:0;line-height:20px;background:inherit !important;cursor:pointer;z-index:+1;position: absolute;right: 14px}
.wo-Dialog .ui-dialog .content-dialog .items-page{width:198px}
.wo-Dialog .ui-dialog .content-dialog select.numitems, select#numitems{width:50px !important;background-position:80% center !important;margin:0 5px 0 0 !important;height:28px;float:left;-webkit-appearance:none;-moz-appearance:none !important;padding:0 8px}
.wo-Dialog .ui-dialog .content-dialog .grid-pager{width:200px}
.wo-Dialog .ui-dialog .content-dialog .grid-pager .pager-items{height:auto}
.wo-Dialog .ui-dialog .content-dialog .text-help-contacto, .text-help-direccion{position:relative !important;bottom:-20px !important;margin-bottom: 10px;}
.wo-Dialog .ui-dialog .content-dialog .text-help-contacto:before, .text-help-direccion:before{top:-14px !important}
.wo-Dialog .ui-dialog .content-dialog #Direccion-form-edit #direccion #addressPaises label{text-align:left !important;padding-bottom:0px !important;font-family:"FiraSans","sans-serif" !important}
.wo-Dialog .ui-dialog .content-dialog #addressCol textarea{width: calc(100% - 20px) !important;min-height:40px !important;max-height:250px !important;background:#e6e6e6;padding:5px;border-radius:4px !important;border:none}
.wo-Dialog .ui-dialog #Direccion-form-edit .ui-dialog-buttonset{padding-top:20px !important}
.wo-Dialog .ui-dialog #addressCol #chkEsDireccionIrregular{position:relative;bottom:6px}
.wo-Dialog .ui-dialog #Direccion-form-edit #nomenclatura0 {background:url(../../Images/Quotes/ico-select.png) no-repeat #E6E6E6 !important;background-position:96% center !important;padding:5px;color:#4A3F43;border:inherit;border-radius:4px !important;height:26px;-webkit-appearance:none;-moz-appearance:window;margin-bottom:0px !important;width:27% !important}
.wo-Dialog .ui-dialog input[type="text"],.wo-Dialog .ui-dialog input[type="email"],.wo-Dialog .ui-dialog input[type="number"]{background:#E6E6E6 !important;padding-left:5px;color:#4A3F43;border:inherit;border-radius:4px !important;height:24px;-webkit-appearance:none;-moz-appearance:window;margin-bottom:0px !important}
.wo-Dialog .ui-dialog #Direccion-form-edit select{background:url(../../Images/Quotes/ico-select.png) no-repeat #E6E6E6 !important;background-position:90% center !important;padding:5px;color:#4A3F43;border:inherit;border-radius:4px !important;height:26px;-webkit-appearance:none;-moz-appearance:window;margin-bottom:7px !important;width:11% !important}
.wo-Dialog .ui-dialog #Direccion-form-edit #nomenclatura5,.wo-Dialog .ui-dialog #Direccion-form-edit #nomenclatura9{background:url(../../Images/Quotes/ico-select.png) no-repeat #E6E6E6 !important;background-position:92% center !important;padding:5px;color:#4A3F43;border:inherit;border-radius:4px !important;height:26px;-webkit-appearance:none;-moz-appearance:window;margin-bottom:0px !important;width:16% !important}
.wo-Dialog .ui-dialog #Direccion-form-edit .partesdireccion .column100 {padding-bottom:10px}
.wo-Dialog .ui-dialog #Direccion-form-edit #nomenclatura10,.wo-Dialog .ui-dialog #Direccion-form-edit #nomenclatura11{width:calc(100% - 10px) !important;background-position:95% center !important}
.wo-Dialog .ui-dialog #Direccion-form-edit .complementoitem .column50{width:50%;float:left}
.wo-Dialog .ui-dialog #Direccion-form-edit .contenedor-direccionNormal .column100,.wo-Dialog .ui-dialog #Direccion-form-edit .contenedor-direccionNormal .partesdireccion,.wo-Dialog .ui-dialog #Direccion-form-edit .contenedor-direccionNormal .complementoitem{width:100%;float:left;padding-bottom:10px;text-align:justify}
.wo-Dialog .ui-dialog .SplashBig{text-align:center;padding:30px}
.wo-Dialog .ui-dialog .SplashBig .mensaje-error-img,.wo-Dialog .ui-dialog .SplashBig .mensaje-error-cont{padding-bottom:30px}
.wo-Dialog .ui-dialog .SplashBig .mensaje-error-boton{padding-top:15px}
.wo-Dialog .ui-dialog .SplashBig .mensaje-error-boton a{background:#26C9FF;padding:5px 20px;color:#FFF;text-transform:uppercase;border:0px;border-radius:4px;text-decoration:none;font-family:"FiraSansLight","sans-serif";font-size:15px;cursor:pointer}
.wo-Dialog .ui-dialog .content-dialog .quoteProforma #informacionVenta #editarForm1,.wo-Dialog .ui-dialog .content-dialog .quoteProforma #informacionVenta #editarForm2{    background: url(/Images/IconosMenuGrid/ico-editar-mg.png) no-repeat !important;background-position-x:right !important}
.wo-Dialog .ui-dialog .loader{width:100% !important;margin-top:20%}
.QuoteBannerDemo{width:auto !important;max-height:290px}
.content-results-direccionesgrid .grid-container {margin:20px 0 0}
.wo-Dialog .QuoteBannerDemo{border-radius:0 !important}
.text-help-direccion{display:none}
.grid-agregar a:hover ~ .text-help-direccion{display:block}
/*scroll*/
.wo-Dialog .ui-dialog .content-dialog::-webkit-scrollbar{width:8px;height:8px}
.wo-Dialog .ui-dialog .content-dialog::-webkit-scrollbar-thumb{background:#B7B7B7;border-radius:20px}
.wo-Dialog .ui-dialog .content-dialog::-webkit-scrollbar-track{background:#EEF0F7;border-radius:0}
@media (max-width:460px){
.wo-Dialog .ui-dialog{width:calc(100% - 20px) !important;transform:translate(-50%, -50%) !important;top:50% !important;min-width:inherit !important}
.wo-Dialog .ui-dialog .content-dialog .quoteProforma #info .column50, .wo-Dialog .ui-dialog .content-dialog #Direccion-form-edit #addressPaises .column50, .wo-Dialog .ui-dialog .content-dialog .quoteProforma #tercero .column50{float:left !important;width:100% !important;margin-right:inherit !important}
.wo-Dialog .ui-dialog .content-dialog .quoteProforma #info .column50:nth-child(2n),.wo-Dialog .ui-dialog .content-dialog .quoteProforma #tercero .column50:nth-child(2n){margin-left:inherit !important}
.wo-Dialog .ui-dialog .content-dialog .quoteProforma #direccionPrincipal .column50, .wo-Dialog .ui-dialog .content-dialog #Direccion-form-edit #addressPaises .column50 {width:100% !important;margin-right:inherit}
.wo-Dialog .ui-dialog .content-dialog .quoteProforma #direccionPrincipal .column50:nth-child(2n){margin-left:inherit !important}
.wo-Dialog .ui-dialog .content-dialog .quoteProforma #direccionEnvio .column50{width:100% !important;margin-left:inherit}
.wo-Dialog .ui-dialog .content-dialog .quoteProforma #direccionEnvio .column50:nth-child(2n){margin-right:inherit !important}
.wo-Dialog .ui-dialog .content-dialog .quoteProforma p.pcheck{text-align:justify;float:left}
.wo-Dialog .ui-dialog .content-dialog .quoteProforma p.pcheck span {float:left;width:88%}
}
/*Lightbox Promo*/
.QuoteBannerPromo{width:420px !important;top:230px !important;max-height:587px;overflow:inherit !important}
.QuoteBannerPromo form, .QuoteBannerPromo #promo, .QuoteBannerPromo #promo a, .QuoteBannerPromo #promo img{width:100% !important;max-width:420px !important;height:100% !important;max-height:510px !important;overflow:hidden}
.QuoteBannerPromo .ui-dialog-content{max-width:420px !important;padding:0 !important}
/*dialogo pagar*/
.wo-Dialog .ui-dialog .content-dialog .quoteProforma .column50:nth-child(4n) p{width:calc(100% - 102px) !important}
.wo-Dialog .ui-dialog .content-dialog .quoteProforma #datos #info .column50 #dvEmpre{margin:-8px 0 0 10px !important}
/*contenido 2.0*/
.mallaCont ul{position:relative;float:left;width:100%}
.mallaCont li{float:left;width:16.66%;height:120px;cursor:pointer;background:none;padding:0 !important;margin:0 !important}
.mallaCont a{float:left;width:calc(100% - 30px);height:calc(100% - 30px);padding:15px;text-decoration:none;text-align:center;background:#FFF;color:#25B8EF}
.mallaCont a:hover label{padding-top:5px;transition:all ease-in-out 0.5s}
.mallaCont label{float:left;width:100%;line-height:0;margin-bottom:10px}
.mallaCont img{max-height:38px;line-height:0;filter:invert(55%) sepia(98%) saturate(1321%) hue-rotate(164deg) brightness(103%) contrast(87%);cursor:pointer}
.mallaCont p{display:table;float:left;width:100%;height:34px;font-size:18px;line-height:18px;letter-spacing:-0.6px;text-align:center !important}
.mallaCont i{display:table-cell;vertical-align:middle;font-style:normal}
.mallaCont .modalContenido{position:absolute;top:0;left:0;opacity:0;width:0;height:0;overflow:auto;z-index:-9}
.mallaCont .modalContenido::-webkit-scrollbar{width:8px;height:8px}
.mallaCont .modalContenido::-webkit-scrollbar-thumb{background:#034287;border-radius:20px}
.mallaCont .modalContenido::-webkit-scrollbar-track{background:#0FA2D9;border-radius:0}
.mallaCont .modalContenido:target{opacity:1;width:100%;height:100%;z-index:+1;transition:all ease-in-out 0.5s}
.mallaPOS .modalContenido:target{height:calc(100% + 160px)}
.mallaPH .modalContenido:target,.mallaContabilidad .modalContenido:target{height:calc(100% + 30px)}
.modalInfo{float:left;display:table;height:calc(100% - 40px);width:calc(100% - 40px);padding:20px;background:rgba(74,196,243,0.9);color:#02254D}
.modalInfo .detalle{display:table-cell;vertical-align:middle;width:100%}
.modalInfo .detalle label{margin-bottom:20px;text-align:center;height:90px}
.modalInfo .detalle label img{max-height:90px;filter:invert(1) !important}
.modalInfo .detalle h3{float:left;width:100%;text-align:center;margin-bottom:10px;font-size:32px;font-weight:normal}
.modalInfo .detalle p{float:left;width:100%;text-align:justify;margin-bottom:10px;font-size:17px;line-height:20px;text-shadow:0px 0px 0px rgb(2,37,77)}
.modalInfo .detalle p:last-of-type{margin-bottom:0}
.modalInfo .detalle p a{background:none;color:#02254D;font-family:"FiraSans","sans-serif";text-decoration:underline;width:auto;float:none;padding:0;height:auto;text-align:inherit}
.modalClose{position:sticky;left:100%;top:18px;z-index:+1;color:#FFF !important;font-size:35px;transform:scaleX(1.6);text-decoration:none;transition:all .3s ease-out;cursor:pointer;line-height:0;width:auto !important;height:auto !important;padding:0 !important;background:none !important}
.modalClose:hover{color:#02254D !important}
@media(max-width:5200px) and (min-width:1206px){
.mallaCont li:nth-of-type(1) a,.mallaCont li:nth-of-type(10) a,.mallaCont li:nth-of-type(13) a,.mallaCont li:nth-of-type(22) a,.mallaCont li:nth-of-type(25) a{background:#4AC4F3;color:#FFF}
.mallaCont li:nth-of-type(3) a,.mallaCont li:nth-of-type(12) a,.mallaCont li:nth-of-type(15) a,.mallaCont li:nth-of-type(24) a,.mallaCont li:nth-of-type(27) a{background:#EFF2F8;color:#26313F}
.mallaCont li:nth-of-type(5) a,.mallaCont li:nth-of-type(8) a,.mallaCont li:nth-of-type(17) a,.mallaCont li:nth-of-type(20) a{background:#273140;color:#FFF}
.mallaCont li:nth-of-type(1) img,.mallaCont li:nth-of-type(5) img,.mallaCont li:nth-of-type(8) img,.mallaCont li:nth-of-type(10) img,.mallaCont li:nth-of-type(13) img,.mallaCont li:nth-of-type(17) img,.mallaCont li:nth-of-type(20) img,.mallaCont li:nth-of-type(22) img,.mallaCont li:nth-of-type(25) img{filter:invert(1)}
.mallaCont li:nth-of-type(3) img,.mallaCont li:nth-of-type(12) img,.mallaCont li:nth-of-type(15) img,.mallaCont li:nth-of-type(24) img,.mallaCont li:nth-of-type(27) img{filter:invert(14%) sepia(20%) saturate(1013%) hue-rotate(177deg) brightness(95%) contrast(87%)}}
@media(max-width:1510px){.mallaPH .modalContenido:target,.mallaContabilidad .modalContenido:target{height:calc(100% + 40px)}}
@media(max-width:1440px){.modalInfo .detalle label{height:60px}.modalInfo .detalle label img{max-height:60px}}
@media(max-width:1260px){.mallaCont p{font-size:17px;line-height:17px;letter-spacing:-0.5px}}
@media(max-width:1206px){.mallaCont p{line-height:14px;font-size:16px}}
@media(max-width:1206px) and (min-width:791px){
.mallaCont li{width:20%}
.mallaCont li:nth-of-type(1) a,.mallaCont li:nth-of-type(9) a,.mallaCont li:nth-of-type(11) a,.mallaCont li:nth-of-type(19) a,.mallaCont li:nth-of-type(21) a{background:#4AC4F3;color:#FFF}
.mallaCont li:nth-of-type(3) a,.mallaCont li:nth-of-type(13) a,.mallaCont li:nth-of-type(23) a{background:#EFF2F8;color:#26313F}
.mallaCont li:nth-of-type(5) a,.mallaCont li:nth-of-type(7) a,.mallaCont li:nth-of-type(15) a,.mallaCont li:nth-of-type(17) a,.mallaCont li:nth-of-type(25) a,.mallaCont li:nth-of-type(27) a{background:#273140;color:#FFF}
.mallaCont li:nth-of-type(1) img,.mallaCont li:nth-of-type(5) img,.mallaCont li:nth-of-type(7) img,.mallaCont li:nth-of-type(9) img,.mallaCont li:nth-of-type(11) img,.mallaCont li:nth-of-type(15) img,.mallaCont li:nth-of-type(17) img,.mallaCont li:nth-of-type(19) img,.mallaCont li:nth-of-type(21) img,.mallaCont li:nth-of-type(25) img,.mallaCont li:nth-of-type(27) img{filter:invert(1)}
.mallaCont li:nth-of-type(3) img,.mallaCont li:nth-of-type(13) img,.mallaCont li:nth-of-type(23) img{filter:invert(14%) sepia(20%) saturate(1013%) hue-rotate(177deg) brightness(95%) contrast(87%)}}
@media(max-width:1180px){.mallaPH .modalContenido:target{height:calc(100% + 30px)}}
@media(max-width:1024px){.mallaCont .modalContenido{position:fixed;z-index:+9 !important;min-height:inherit}.modalClose{position:fixed;left:inherit;right:9px}}
@media(max-width:791px){.mallaCont li{width:25%}}
@media(max-width:791px) and (min-width:641px){
.mallaCont li:nth-of-type(1) a,.mallaCont li:nth-of-type(8) a,.mallaCont li:nth-of-type(9) a,.mallaCont li:nth-of-type(16) a,.mallaCont li:nth-of-type(17) a,.mallaCont li:nth-of-type(24) a,.mallaCont li:nth-of-type(25) a{background:#4AC4F3;color:#FFF}
.mallaCont li:nth-of-type(3) a,.mallaCont li:nth-of-type(11) a,.mallaCont li:nth-of-type(19) a,.mallaCont li:nth-of-type(27) a{background:#EFF2F8;color:#26313F}
.mallaCont li:nth-of-type(6) a,.mallaCont li:nth-of-type(14) a,.mallaCont li:nth-of-type(22) a{background:#273140;color:#FFF}
.mallaCont li:nth-of-type(1) img,.mallaCont li:nth-of-type(6) img,.mallaCont li:nth-of-type(8) img,.mallaCont li:nth-of-type(9) img,.mallaCont li:nth-of-type(14) img,.mallaCont li:nth-of-type(16) img,.mallaCont li:nth-of-type(17) img,.mallaCont li:nth-of-type(22) img,.mallaCont li:nth-of-type(24) img,.mallaCont li:nth-of-type(25) img{filter:invert(1)}
.mallaCont li:nth-of-type(3) img,.mallaCont li:nth-of-type(11) img,.mallaCont li:nth-of-type(19) img,.mallaCont li:nth-of-type(27) img{filter:invert(14%) sepia(20%) saturate(1013%) hue-rotate(177deg) brightness(95%) contrast(87%)}}
@media(max-width:641px){.mallaCont li{width:33.33%}}
@media(max-width:641px) and (min-width:521px){
.mallaCont li:nth-of-type(1) a,.mallaCont li:nth-of-type(7) a,.mallaCont li:nth-of-type(13) a,.mallaCont li:nth-of-type(19) a,.mallaCont li:nth-of-type(25) a{background:#4AC4F3;color:#FFF}
.mallaCont li:nth-of-type(3) a,.mallaCont li:nth-of-type(9) a,.mallaCont li:nth-of-type(15) a,.mallaCont li:nth-of-type(21) a,.mallaCont li:nth-of-type(27) a{background:#EFF2F8;color:#26313F}
.mallaCont li:nth-of-type(5) a,.mallaCont li:nth-of-type(11) a,.mallaCont li:nth-of-type(17) a,.mallaCont li:nth-of-type(23) a{background:#273140;color:#FFF}
.mallaCont li:nth-of-type(1) img,.mallaCont li:nth-of-type(5) img,.mallaCont li:nth-of-type(7) img,.mallaCont li:nth-of-type(11) img,.mallaCont li:nth-of-type(13) img,.mallaCont li:nth-of-type(17) img,.mallaCont li:nth-of-type(19) img,.mallaCont li:nth-of-type(23) img,.mallaCont li:nth-of-type(25) img{filter:invert(1)}
.mallaCont li:nth-of-type(3) img,.mallaCont li:nth-of-type(9) img,.mallaCont li:nth-of-type(15) img,.mallaCont li:nth-of-type(21) img, .mallaCont li:nth-of-type(27) img{filter:invert(14%) sepia(20%) saturate(1013%) hue-rotate(177deg) brightness(95%) contrast(87%)}}
@media(max-width:521px){.mallaCont li{width:50%}}
@media(max-width:521px) and (min-width:361px){
.mallaCont li:nth-of-type(1) a,.mallaCont li:nth-of-type(8) a,.mallaCont li:nth-of-type(13) a,.mallaCont li:nth-of-type(20) a,.mallaCont li:nth-of-type(25) a{background:#4AC4F3;color:#FFF}
.mallaCont li:nth-of-type(4) a,.mallaCont li:nth-of-type(9) a,.mallaCont li:nth-of-type(16) a,.mallaCont li:nth-of-type(21) a,.mallaCont li:nth-of-type(28) a{background:#EFF2F8;color:#26313F}
.mallaCont li:nth-of-type(5) a,.mallaCont li:nth-of-type(12) a,.mallaCont li:nth-of-type(17) a,.mallaCont li:nth-of-type(24) a{background:#273140;color:#FFF}
.mallaCont li:nth-of-type(1) img,.mallaCont .li:nth-of-type(5) img,.mallaCont li:nth-of-type(8) img,.mallaCont li:nth-of-type(12) img,.mallaCont li:nth-of-type(13) img,.mallaCont li:nth-of-type(17) img,.mallaCont li:nth-of-type(20) img,.mallaCont li:nth-of-type(24) img,.mallaCont li:nth-of-type(25) img{filter:invert(1)}
.mallaCont li:nth-of-type(4) img,.mallaCont li:nth-of-type(9) img,.mallaCont li:nth-of-type(16) img,.mallaCont li:nth-of-type(21) img,.mallaCont li:nth-of-type(28) img{filter:invert(14%) sepia(20%) saturate(1013%) hue-rotate(177deg) brightness(95%) contrast(87%)}}
@media(max-width:361px){.mallaCont li{width:100%}
.mallaCont li:nth-of-type(1) a,.mallaCont li:nth-of-type(5) a,.mallaCont li:nth-of-type(9) a,.mallaCont li:nth-of-type(13) a,.mallaCont li:nth-of-type(17) a,.mallaCont li:nth-of-type(21) a,.mallaCont li:nth-of-type(25) a{background:#4AC4F3;color:#FFF}
.mallaCont li:nth-of-type(3) a,.mallaCont li:nth-of-type(7) a,.mallaCont li:nth-of-type(11) a,.mallaCont li:nth-of-type(15) a,.mallaCont li:nth-of-type(19) a,.mallaCont li:nth-of-type(23) a,.mallaCont li:nth-of-type(27) a{background:#273140;color:#FFF}
.mallaCont li:nth-of-type(2n+1) img{filter:invert(1)}}
/*proveedores*/
/*.proveedores{display:table;height:312px;padding:0 20px;background:url(/Images/Quotes/cotizacion/banner/bg.png);background-size:contain}*/
.proveedores .img{display:table-cell;vertical-align:middle;width:369px;padding:0 30px;line-height:0}
.proveedores .txt1{display:table-cell;vertical-align:middle;text-align:right}
.proveedores .txt2{display:table-cell;vertical-align:middle}
@media(max-width:1680px){.proveedores .img{padding:0 20px}}
@media(max-width:1280px){.proveedores{height:230px}.proveedores .img{width:270px}}
@media(max-width:1180px){.proveedores{height:170px}.proveedores .img{width:200px;padding:0 10px}}
@media(max-width:780px){
.proveedores .img{float:left;padding:0 20px 0 0;padding-top:10%}
.proveedores .txt1,.proveedores .txt2{float:right;width:calc(100% - 220px);padding-top:20px;text-align:left}}
@media(max-width:540px){
.proveedores{position:relative}
.proveedores .img{position:absolute;top:0;width:calc(100% - 40px);height:170px;padding:0;text-align:center}
.proveedores .img img{height:170px}
.proveedores .txt1{float:left;width:100%;padding:180px 0 10px 0}
.proveedores .txt2{float:left;width:100%;padding:0}}
/*nomina electronica*/
.ne{background:url(/Images/Quotes/cotizacion/ne/bg.jpg);background-size:cover}
.ne contVersion{display:table}
.ne .contInfo{display:table-cell;vertical-align:top;width:calc(70% - 40px);padding-right:40px}
.ne h1{width:100%;text-align:left;color:#FFFE11;text-transform:uppercase;font-size:60px;font-family:"FiraSansSemibold","sans-serif";line-height:62px}
.ne ul{float:left;width:100%}
.ne li{width: calc(50% - 44px);color:#FFF;line-height:24px;margin-bottom:40px !important;background:url(/Images/Quotes/cotizacion/ne/bullet1.png) no-repeat;background-position:0 7px;padding-left:24px}
.ne li:nth-of-type(1),.ne li:nth-of-type(3){padding-right:40px}
.ne li i{font-style:normal;font-family:"FiraSansSemibold","sans-serif"}
.ne li:nth-of-type(1) i{color:#00E7FA}
.ne li:nth-of-type(2) i{color:#FFFE11}
.ne li:nth-of-type(3) i{color:#58EB92}
.ne li a{font-family:"FiraSansSemibold","sans-serif";color:#FF2C8C}
.ne .nota{position:relative;float:left;width:auto;margin-left:24px;padding:7px 20px;margin-right:36px;background:rgba(255,255,255,0.5);color:#3B3596;font-family:"FiraSansSemibold","sans-serif"}
.ne .nota:before{content:url(/Images/Quotes/cotizacion/ne/bullet2.png);position:absolute;top:0;right:-36px;width:34px;height:34px}
.ne .img{display:table-cell;vertical-align:middle;width:30%;text-align:center}
@media(max-width:1470px){
.ne h1{width:500px;font-size:50px;line-height:36px}
.ne h1 br{display:none}}
@media(max-width:1180px){
.ne .contInfo{width:calc(100% - 280px);padding-right:20px}
.ne .img img{min-width:260px}}
@media(max-width:1100px){
.ne h1{width:475px;font-size:48px;letter-spacing:-0.5px}
.ne .nota{width:420px;margin-left:0;padding:7px 10px;letter-spacing:-0.5px}}
@media (max-width:810px){
.ne .contInfo{width:calc(100% - 260px);padding-right:10px}
.ne h1{width:466px;letter-spacing:-0.8px}
.ne .nota{width:405px;letter-spacing:-0.8px}}
@media (max-width:780px){
.ne .contVersion{position:relative}
.ne li{width:calc(100% - 24px) !important;padding-right:0 !important}
.ne .contInfo{float:left;width:100%;padding:0}
.ne h1{width:100%;line-height:55px;margin-bottom:120px}
.ne h1 br{display:block}
.ne .nota{width:auto}
.ne .img{position:absolute;top:0;right:0;width:auto}
.ne .img img{min-width:inherit;max-width:200px}}
@media (max-width:540px){
.ne .contInfo{padding-top:210px}
.ne h1 {margin-bottom:20px}
.ne .img{width:100%;text-align:center}
.ne .img img{min-width:inherit;max-width:200px}}
@media (max-width:512px){
.ne .nota{width: calc(100% - 78px)}
.ne .nota:before{top:10px;right:-46px;transform:scale(1.6)}}
/*facturacion electronica*/
.fe{width:100%;padding:0}
/*.fe .contVersion{float:left;width:calc(100% - 40px);padding:50px 20px;background:url(/Images/Quotes/cotizacion/fe/bg.png) #EBF0FE no-repeat;background-size:contain}*/
.fe h1{float:left;width:100%;text-align:right;color:#413BA7;text-transform:uppercase;font-size:60px;font-family:"FiraSansSemibold","sans-serif";line-height:62px}
.fe .img{display:table-cell;vertical-align:middle;width:30%;text-align:center}
.fe .contInfo{display:table-cell;vertical-align:top;width:calc(70% - 40px);padding-left:40px}
.fe ul{float:left;width:100%}
.fe li{width: calc(100% - 75px);color:#3F39A5;line-height:24px;padding:20px 20px 20px 75px;margin-bottom:0;background:url(/Images/Quotes/cotizacion/fe/bullet.png) no-repeat;background-position:20px 50%}
.fe li:nth-of-type(2){background-color:rgba(255,255,255,0.7)}
.fe li i{font-style:normal;font-family:"FiraSansSemibold","sans-serif";color:#0C5AD2}
.fe li a{font-family:"FiraSansSemibold","sans-serif";color:#FF7F00}
.fe .nota{float:right;width:auto;padding:10px;font-family:"FiraSansSemibold","sans-serif";color:#0A40CD;letter-spacing:-1px;border-top:2px solid #2E65F5;border-bottom:2px solid #2E65F5}
.fe .notasE{position:relative;float:left;width:calc(100% - 40px);padding:20px}
.fe .notasE p{text-align:center}
.fe .notasE:before{content:"";position:absolute;bottom:0;left:calc(50% - 81px);width:162px;height:2px;background:#A5A9AD}
@media (max-width:1470px){.fe h1{font-size:50px;line-height:36px}}
@media(max-width:1366px){.fe .contVersion{padding:30px 20px !important}}
@media(max-width:1240px){
.fe .contVersion{position:relative !important;padding-bottom:102px !important}
.fe .img{width:40%}
.fe .contInfo{width:calc(60% - 20px);padding-left:20px}
.fe .nota{position:absolute;bottom:50px;right:20px;max-width:calc(100% - 60px)}}
@media (max-width: 1100px){
.fe h1{font-size:48px;letter-spacing:-0.5px}
.fe li{width:calc(100% - 45px);padding:10px 10px 10px 55px;background:url(/Images/Quotes/cotizacion/fe/bullet.png) no-repeat;background-position:10px 50%}
.fe .contVersion{padding-bottom:132px !important}}
@media (max-width:780px){
.fe .contVersion{padding-bottom:30px !important}
.fe .img,.fe .contInfo{width:100%;float:left;padding-left:0}
.fe .img img{max-width:240px}
.fe li{width:calc(100% - 65px)}
.fe .nota {position:relative;bottom:inherit;right:inherit;width:calc(100% - 20px);max-width:calc(100% - 20px);margin-top:20px}}
@media (max-width:645px){.fe h1{line-height:50px}}
/*boton play*/
.play-btn{width:60px !important;height:60px !important;margin:10px 0 0 0px;border-radius:50%;position:relative;display:inline-block;box-shadow:#FFF;background:#02254D !important}
.play-btn::after{content:"";position:absolute;left:50%;top:50%;transform:translateX(-40%) translateY(-50%);transform-origin:center center;width:0;height:0;border-top:12px solid transparent;border-bottom:12px solid transparent;border-left:17px solid #fff;z-index:+1;transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19)}
.play-btn:before {content:"";position:absolute;width:150%;height:150%;animation-delay:0s;animation:pulsate1 2s;animation-direction:forwards;animation-iteration-count:infinite;animation-timing-function:steps;opacity:1;border-radius:50%;border:4px solid #FFF;top:-32%;left:-32%;background:#4AC4F3}
@keyframes pulsate1{
0%{transform:scale(0.6);opacity:1;box-shadow:inset 0px 0px 25px 3px rgba(255,255,255,0.75), 0px 0px 25px 10px rgba(255,255,255,0.75)}
100%{transform:scale(1);opacity:0;box-shadow:none}}

.campo-error {
	/*background: url(/Images/SiteMaster/icon-error-campo.png) no-repeat !important;*/
	background-position: 100% 0 !important;
	border: solid 1px #FF8000 !important;
}

.campo-empty {
	padding: 5px;
	color: #4A3F43;
	border: solid 1px #CCCCCC;
	border-radius: 0;
	float: left;
	background: #FFF;
}