* {
    outline: 0;
    
font-family: 'Open Sans', sans-serif !important;

    font-style: normal;
    font-weight: 300
}

.notaValue{
	font-size:13px !important;
	color: #696969 !important;
	text-transform: none !important;
	margin-top: 0px !important;
	padding-top: 0px !important;
}
h1,h2,h3,h4,ul,p {
    margin: 0;
    padding: 0
}

ul {
    list-style: none
}

body {
    margin: 0
}
body#mainPageBody{
	min-width:1000px;
}

img {
    border: 0
}

a {
    text-decoration: none
}

textarea,input[type="text"],input[type="button"],input[type="submit"] {
    -webkit-appearance: none!important;
    -webkit-border-radius: 0!important;
    border-radius: 0!important
}

.hideText {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
}

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');
	
a.fr-tooltips {
	position: relative;    
	display: inline;
}
a.fr-tooltips span {
    position: absolute;    
	min-width:250px;    
	color: #454545;    
	background: #FFFFFF;    
	border: 1px solid #bfbfbf;    
	height: auto;    
	text-align: center;    
	visibility: hidden;    
	border-radius: 6px;	
	padding: 10px 0 10px 0;	
	font-size: 14px;	
	font-family: 'Open Sans',sans-serif !important;	
	margin-bottom: 25px;
}
a.fr-tooltips span:before {    
	content: '';    
	position: absolute;    
	top: 100%;    
	left: 20%;    
	margin-left: -16px;    
	width: 0; 
	height: 0;    
	border-top: 16px solid #bfbfbf;    
	border-right: 16px solid transparent;    
	border-left: 16px solid transparent;
}
a.fr-tooltips span:after {    content: '';    position: absolute;    top: 100%;    left: 20%;    margin-left: -15px;    width: 0; height: 0;    border-top: 15px solid #FFFFFF;    border-right: 15px solid transparent;    border-left: 15px solid transparent;}
a:hover.fr-tooltips span {    visibility: visible;    opacity: 0.8;    bottom: 30px;    left: 42%;    margin-left: -76px;    z-index: 999;}

.fr-confian-wrap {width: 100%; margin: auto; background: #f6f6f6;  min-height: 200px;  }
.fr-confian {max-width: 980px;  background: #f6f6f6; margin: auto; overflow: auto; overflow-x: hidden; overflow-y: hidden;}

.fr-width-25 {width: 20%; float: left; text-align: center; padding-bottom: 25px;}
.fr-width-30 {width: 20%; float: left; text-align: center; padding-bottom: 0 !important; margin-bottom: 0 !important; margin-left: 10% }
.fr-width-70 {width: 68%; float: left; text-align: left; padding-bottom: 0 !important; margin-bottom: 0 !important;  margin-left: 2% }

.fr-smartphone-wrap {width: 100%; background: #64add4;  min-height: 160px; padding-top: 20px; margin-left: auto; margin-right: auto; margin-bottom: 0 !important;   }
.fr-smartphone {max-width: 980px;  background: #64add4;  overflow: auto; overflow-x: hidden; overflow-y: hidden; margin-left: auto; margin-right: auto; margin-bottom: 0 !important; padding-bottom: 0 !important;}

.fr-xubio-celular {font-weight: bold; font-size: 34px; color: #fff; font-family: 'Open Sans',sans-serif !important; margin: 20px 0 0 0; padding: 0;}
.fr-logo-app {float: left; padding-right: 40px; margin-top: 10px;}

@media (min-width: 991px){
.fr-left {float:left;}
}

.fr-titulo-confian {	font-size: 25px;	color: #414141;	font-weight: 300;	text-align: center;	padding-top: 35px;	padding-bottom: 25px;	font-family: 'Open Sans',sans-serif !important;
font-style: normal;    font-weight: 300;	}

.fr-margin-clear {margin: 0 !important;}
.fr-padding-clear {padding: 0 !important;}

@media (max-width: 991px){
.fr-width-25 {width: 50%;}
.fr-width-30 {width: 100%; text-align: center;  margin-left: 0% }	
.fr-width-70 {width: 100%; margin-left: 0%}
.fr-xubio-celular {text-align: center; padding-bottom: 10px;}
.fr-logo-app {float: inherit !important; text-align: center; padding: 0; width: 100%;margin-bottom: 10px;}
}

@media (max-width: 767px){
.fr-width-25 {width: 100%;}
}



.clearAfter:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.contentWrapper {
    width: 980px;
    margin: 0 auto;
    position: relative
}

.contentWrapper:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.topHeader {
    padding: 5px;
    background-color: #f7f7f7;
    -moz-box-shadow: 1px 0 1px 1px #ebebeb;
    -webkit-box-shadow: 1px 0 1px 1px #ebebeb;
    box-shadow: 1px 0 1px 1px #ebebeb
}

.topHeader p {
    font-size: 13px;
    color: #414141;
    float: right;
    padding-right: 20px
}

.topHeader span {
    font-weight: bold
}

#header {
    position: relative;
    top: 0;
    background-color: #fff;
    width: 100%;
    margin: 0 auto
}
#header .contentWrapper{
	max-width:100%;
}

#header.scrolled{
	position: fixed;
    z-index: 9999;
    transform: translateY(-98px);
}
#header.scrolled + *{
	margin-top: 144px;
}
@media screen and (min-width:1300px){
	#header.scrolled .popupRegistro{
		position:absolute;
		right:-160px;
		top:57px;
	}	
}


span.termino {
    font-weight: 400;
    text-decoration: underline
}

a.subrayado {
    text-decoration: underline
}

span.negrita {
    font-weight: 400
}

#header h1 {
    margin-left: 20px;
    float: left;
    margin-top: 12px;
    margin-bottom: 12px
}

#header h1 a {
    width: 171px;
    height: 62px;
    display: block;
    margin-left: 20px;
    background-repeat: no-repeat;
    width: 172px;
    height: 45px;
    background: url(img/logo_xubio_header.png) no-repeat;
    overflow: hidden;
    background-size: cover;
    margin-top: 0px;
}

#header h1 a.mp {
    width: 180px;
    height: 46px;
    background-image: url(/NXV/images/mercadopago.png)
}

#header h1 a.msh {
    width: 180px;
    background-image: url(/NXV/images/mercadoshops.png)
}

#header input.popupRegistro {
    cursor:pointer;
    text-transform: uppercase;
    float: right;
    border-top: 0;
    border-right: 0;
    border-left: 0;
    margin-top: 20px;
    display: block;
    font-weight: 700;
    font-size: 13px;
    text-decoration: none;
    background-color: #f4f4f4;
    padding: 3px 12px 4px 12px;
    margin-right: 10px;
    border-radius: 4px !important;
    min-width: 55px;
    text-align: center;
    color: #FFF;
    height: 21px !important;
    border: 1px solid #8bcd23 !important;
    box-sizing: initial;
    background: #94e226;
    background: -moz-linear-gradient(top, #94e226 0%, #82b71f 100%);
    background: -webkit-linear-gradient(top, #94e226 0%,#82b71f 100%);
    background: linear-gradient(to bottom, #94e226 0%,#82b71f 100%);
    filter: %("progid:DXImageTransform.Microsoft.gradient( startColorstr='#94e226', endColorstr='#82b71f',GradientType=0 )");
}

#header input.popupRegistro:hover {
    border: 1px solid #81b724 !important;
    background: #8dd323;
    background: -moz-linear-gradient(top, #8dd323 0%, #7baa1d 100%);
    background: -webkit-linear-gradient(top, #8dd323 0%,#7baa1d 100%);
    background: linear-gradient(to bottom, #8dd323 0%,#7baa1d 100%);
    filter: %("progid:DXImageTransform.Microsoft.gradient( startColorstr='#8dd323', endColorstr='#7baa1d',GradientType=0 )");
    
    
}

#header input.popupLogin,#footer input.popupLogin {
    cursor:pointer;
    text-transform: uppercase;
    float: right;
    border-top: 0;
    border-right: 0;
    border-left: 0;
    margin-top: 20px;
    display: block;
    font-size: 13px;
    margin-right: 10px;
    min-width: 55px;
    text-align: center;
    height: 21px !important;
    
    color: #FFF; 
    border-radius: 4px !important;
    padding: 3px 12px 4px 12px;
    font-weight: 700;
    border-bottom: 3px solid #005e86;
    text-decoration: none;
    background-color: #f4f4f4;
    background: #0193e1; /* Old browsers */
    background: -moz-linear-gradient(top,  #00abeb  0%, #027cd8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2da9dc ), color-stop(100%,#027cd8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #00abeb  0%,#027cd8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #00abeb  0%,#027cd8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #00abeb  0%,#027cd8 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #00abeb  0%,#027cd8 100%); /* W3C */
    filter: %("progid:DXImageTransform.Microsoft.gradient( startColorstr='#00abeb ', endColorstr='#027cd8',GradientType=0 )");
    border: 1px solid #00abeb !important;
    box-sizing: initial;
}

#header input.popupLogin:hover {
    background-color: #2499ca;
    
    background: #0193e1; /* Old browsers */
    background: -moz-linear-gradient(top,  #0088bc  0%, #0263ad 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0088bc ), color-stop(100%,#0263ad)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #0088bc  0%,#0263ad 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #0088bc  0%,#0263ad 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #0088bc  0%,#0263ad 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #0088bc  0%,#0263ad 100%); /* W3C */
    filter: %("progid:DXImageTransform.Microsoft.gradient( startColorstr='#0088bc ', endColorstr='#0263ad',GradientType=0 )");
    border: 1px solid #0088bc !important;
}

#header .hLine {
    border-top: 1px solid #ebebeb
}

#header ul {
    float: right;
    margin-top: 8px;
    margin-bottom: 8px;
    margin-right: 20px
}

#header ul li {
    margin-left: 10px;
    float: left;
    display: block
}

#header ul li a {
    color: #000;
    font-size: 14px;
    text-transform: uppercase;
    padding: 5px 10px;
    display: block;
    font-weight: 400
}

#header ul li.selected a {
    background-color: #009cde;
    color: #FFF
}

#header ul li a:hover {
    background-color: #009cde;
    color: #FFF
}

#carousel {
    width: 100%;
    height: 450px
}

#carousel .slide {
    text-align: center;
    background-position: center center;
    background-size: cover;
    height: 450px
}

#carousel .slide.planes div {
    margin-top: 20px;
    color: #414141;
    width: 700px;
    margin: 0 auto;
    text-align: center;
    font-size: 39px;
    padding-top: 70px;
    padding-left: 320px;
    text-transform: uppercase;
    font-weight: 300;
}

#carousel .slide.planes .offer {
    margin: 20px auto 0 auto;
    color: #FFF;
    width: auto;
    text-align: center;
    font-size: 23px;
    text-transform: uppercase;
    display: inline-block;
    background-color: #009cde;
    padding: 0 10px 2px 10px;
}

#carousel .slide.planes .offer .value {
    font-size: 32px;
}

@media screen and (min-width: 320px) {
    #carousel .slide.contadores {
        background-image:url(../img/Slider-contador_320x340.jpg)
    }

    #carousel .slide.abogados {
        background-image: url(../img/Slider-abogados_320x340.jpg)
    }

    #carousel .slide.factura {
        background-image: url(../img/Slider-factura_electronica_320x340.jpg)
    }

    #carousel .slide.planes {
        background-image: url(../img/Slider-solucion_gestion_320x340.jpg)
    }

    #carousel .slide.mercadopago {
        background-image: url(../img/Slider-mercadopago_320x340.jpg)
    }

    #carousel .slide.mercadoshops {
        background-image: url(../img/Slider_MercadoShops_320x340.jpg)
    }
}

@media screen and (min-width: 480px) {
    #carousel .slide.contadores {
        background-image:url(../img/Slider-contador_480x340.jpg)
    }

    #carousel .slide.abogados {
        background-image: url(../img/Slider-abogados_480x340.jpg)
    }

    #carousel .slide.factura {
        background-image: url(../img/Slider-factura_electronica_480x340.jpg)
    }

    #carousel .slide.planes {
        background-image: url(../img/Slider-solucion_gestion_480x340.jpg)
    }

    #carousel .slide.mercadopago {
        background-image: url(../img/Slider-mercadopago_480x340.jpg)
    }

    #carousel .slide.mercadoshops {
        background-image: url(../img/Slider_MercadoShops_480x340.jpg)
    }
}

@media screen and (min-width: 768px) {
    #carousel .slide.contadores {
        background-image:url(../img/Slider-contador_768.jpg)
    }

    #carousel .slide.abogados {
        background-image: url(../img/Slider-abogados_768.jpg)
    }

    #carousel .slide.factura {
        background-image: url(../img/Slider-factura_electronica_768.jpg)
    }

    #carousel .slide.planes {
        background-image: url(../img/Slider-solucion_gestion_768.jpg)
    }

    #carousel .slide.mercadopago {
        background-image: url(../img/Slider-mercadopago_768.jpg)
    }

    #carousel .slide.mercadoshops {
        background-image: url(../img/Slider_MercadoShops_768x450.jpg)
    }
}

@media screen and (min-width: 960px) {
    #carousel .slide.contadores {
        background-image:url(../img/Slider-contador_960.jpg)
    }

    #carousel .slide.abogados {
        background-image: url(../img/Slider-abogados_960.jpg)
    }

    #carousel .slide.factura {
        background-image: url(../img/Slider-factura_electronica_960.jpg)
    }

    #carousel .slide.planes {
        background-image: url(../img/Slider-solucion_gestion_960.jpg)
    }

    #carousel .slide.mercadopago {
        background-image: url(../img/Slider-mercadopago_960.jpg)
    }

    #carousel .slide.mercadoshops {
        background-image: url(../img/Slider_MercadoShops_960x450.jpg)
    }
}

@media screen and (min-width: 1150px) {
    #carousel .slide.contadores {
        background-image:url(../img/Slider-contador_1150.jpg)
    }

    #carousel .slide.abogados {
        background-image: url(../img/Slider-abogados_1150.jpg)
    }

    #carousel .slide.factura {
        background-image: url(../img/Slider-factura_electronica_1150.jpg)
    }

    #carousel .slide.planes {
        background-image: url(../img/Slider-solucion_gestion_1150.jpg)
    }

    #carousel .slide.mercadopago {
        background-image: url(../img/Slider-mercadopago_1150.jpg)
    }

    #carousel .slide.mercadoshops {
        background-image: url(../img/Slider_MercadoShops_1150x450.jpg)
    }
}

@media screen and (min-width: 1200px) {
    #carousel .slide.contadores {
        background-image:url(../img/Slider-contador_1360.jpg)
    }

    #carousel .slide.abogados {
        background-image: url(../img/Slider-abogados_1360.jpg)
    }

    #carousel .slide.factura {
        background-image: url(../img/Slider-factura_electronica_1360.jpg)
    }

    #carousel .slide.planes {
        background-image: url(../img/Slider-solucion_gestion_1360.jpg)
    }

    #carousel .slide.mercadopago {
        background-image: url(../img/Slider-mercadopago_1360.jpg)
    }

    #carousel .slide.mercadoshops {
        background-image: url(../img/Slider_MercadoShops_1360x450.jpg)
    }
}

@media screen and (min-width: 1600px) {
    #carousel .slide.contadores {
        background-image:url(../img/Slider-contador_1600.jpg)
    }

    #carousel .slide.abogados {
        background-image: url(../img/Slider-abogados_1600.jpg)
    }

    #carousel .slide.factura {
        background-image: url(../img/Slider-factura_electronica_1600.jpg)
    }

    #carousel .slide.planes {
        background-image: url(../img/Slider-solucion_gestion_1600.jpg)
    }

    #carousel .slide.mercadopago {
        background-image: url(../img/Slider-mercadopago_1600.jpg)
    }

    #carousel .slide.mercadoshops {
        background-image: url(../img/Slider_MercadoShops_1600x450.jpg)
    }
}

@media screen and (min-width: 1800px) {
    #carousel .slide.contadores {
        background-image:url(../img/Slider-contador_1920.jpg)
    }

    #carousel .slide.abogados {
        background-image: url(../img/Slider-abogados_1920.jpg)
    }

    #carousel .slide.factura {
        background-image: url(../img/Slider-factura_electronica_1920.jpg)
    }

    #carousel .slide.planes {
        background-image: url(../img/Slider-solucion_gestion_1920.jpg)
    }

    #carousel .slide.mercadopago {
        background-image: url(../img/Slider-mercadopago_1920.jpg)
    }

    #carousel .slide.mercadoshops {
        background-image: url(../img/Slider_MercadoShops_1920x450.jpg)
    }
}

#carousel .slide.contadores div {
    padding-top: 180px;
    color: #FFF;
    width: 720px;
    margin: 0 auto;
    text-align: left;
    font-size: 34px;
    line-height: 34px;
    text-transform: uppercase
}

#carousel .slide.contadores div span {
    width: 471px;
    background: transparent;
    filter: %("progid:DXImageTransform.Microsoft.gradient(startColorstr=#60000000,endColorstr=#60000000)");
    zoom:1;background-color: rgba(0,0,0,0.3);
    display: block;
    padding: 5px 8px;
    font-size: 33px
}

#carousel .slide.factura .wrapper {
    width: 480px;
    padding-right: 360px;
    margin: 0 auto;
    position: relative;
    height: 383px;
    padding-top: 125px
}

#wrapper {
    position: relative
}

#wrapper #sliderWrapper {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1000
}

#wrapper #sliderWrapper div {
    width: 980px;
    margin: 0 auto;
    height: 200px;
    position: relative
}

#wrapper #sliderWrapper a {
    position: absolute;
    top: 215px;
    display: block;
    overflow: hidden
}

#wrapper #sliderWrapper a#prev {
    cursor: pointer;
    top: 195px;
    left: 0;
    background: url(../img/slide_previous.png) no-repeat 0 0;
    background-position: 24px;
    width: 60px;
    height: 60px
}

#wrapper #sliderWrapper a#prev:hover {
    cursor: pointer;
    background-color: rgba(0,0,0,0.3);
    background-position: 24px
}

#wrapper #sliderWrapper a#next {
    cursor: pointer;
    top: 195px;
    right: 0;
    background: url(../img/slide_next.png) no-repeat 0 0;
    width: 60px;
    height: 60px;
    background-position: 24px
}

#wrapper #sliderWrapper a#next:hover {
    cursor: pointer;
    background-color: rgba(0,0,0,0.3);
    background-position: 24px
}

.barUP {
    background-color: #166c90
}

.barUP p {
    Color: #fff;
    Font-size: 19px;
    Font-weight: 300;
    line-hegith: 27px;
    text-align: left;
    padding: 37px
}

.barUP img {
    float: left;
    margin-left: 170px;
    padding: 36px
}


.sumate {
    background-color: #4274b9;
    padding: 45px 0;
    color: #FFF;
}

.sumate p {
    font-size: 24px;
    background-color: #4274b9;
    padding-bottom: 5px;
    color: #FFF;
    text-align: center !important;
    /*margin-left: 80px*/
}


.tryNow {
    background-color: #009cde;
    padding: 36px 0;
    color: #FFF;
    text-transform: uppercase
}

.tryNow p {
    font-size: 23px;
    background-color: #009cde;
    padding: 10px 0;
    color: #FFF;
    text-transform: uppercase;
    float: left;
    margin-left: 80px
}

.tryNow input[type="text"] {
    float: left;
    border: 1px solid #cdcdcd;
    padding: 10px 6px;
    margin-top: 5px;
    margin-left: 20px;
    font-size: 14px;
    width: 290px
}

.tryNow input[type="submit"] {
    margin-top: 5px;
    float: right;
    text-transform: uppercase;
    display: block;
    font-weight: 700;
    font-size: 16px;
    text-decoration: none;
    background-color: #f4f4f4;
    padding: 9px 16px 11px 16px;
    margin-right: 65px;
    border-radius: 4px !important;
    min-width: 55px;
    text-align: center;
    height: 21px !important;
    border: none;
    color: #FFF;
    
    box-sizing: initial;
    background: #94e226;
    background: -moz-linear-gradient(top, #94e226 0%, #82b71f 100%);
    background: -webkit-linear-gradient(top, #94e226 0%,#82b71f 100%);
    background: linear-gradient(to bottom, #94e226 0%,#82b71f 100%);
    filter: %("progid:DXImageTransform.Microsoft.gradient( startColorstr='#94e226', endColorstr='#82b71f',GradientType=0 )");
    box-shadow: 0px 2px 3px rgba(0,0,0,0.5);
}

.tryNow input[type="submit"]:hover {
/*     border: 1px solid #81b724 !important; */
    background: #8dd323;
    background: -moz-linear-gradient(top, #8dd323 0%, #7baa1d 100%);
    background: -webkit-linear-gradient(top, #8dd323 0%,#7baa1d 100%);
    background: linear-gradient(to bottom, #8dd323 0%,#7baa1d 100%);
    filter: %("progid:DXImageTransform.Microsoft.gradient( startColorstr='#8dd323', endColorstr='#7baa1d',GradientType=0 )");
    cursor: pointer
}

.tryNow input[type="submit"]:focus {
    background-color: #82be23;
    cursor: pointer
}

div.appMobileSection {
    background-color: #13afd7;    
}

div.appMobileSection .texto {
    margin-top: 45px;
   	margin-left: 18px;
}

div.appMobileSection p {
    font-size: 34px;
	letter-spacing: 2px;
	color: #ffffff;
	text-transform: uppercase;
}

div.appMobileSection .prox{
    font-size: 13px;
	color: #e5e5e5;
	text-transform: none;
	font-weight: 400;
}

div.appMobileSection p b{
    font-weight: bold;
}

div.appMobileSection .telefono {
	background: url(/img/celular_app.png) no-repeat 0 18px;
	width: 196px;
	height: 182px;
	margin-left: 80px;
}

div.appMobileSection .play {
	/*background: url(/img/boton_google_play.png) no-repeat 0 18px;*/
	width: 168px;
	height: 69px;
	margin-left: 39px;
	margin-top: 70px;
}

.featured {
    background-color: #f6f8fd;
    padding: 70px 0 20px 0
}

.featured h2 {
    font-size: 39px;
    text-transform: uppercase;
    text-align: center;
    background: url(img/prices_bottom_line.png) no-repeat 0 145px;
    color: #414141;
    margin-bottom: 90px
}


.featured h2 span {
    display: block;
    color: #009cde
}

.featured ul li {
    float: left;
    width: 240px;
    margin-left: 60px;
    height: 220px
}

.featured ul li .title {
    font-size: 21px;
    text-transform: uppercase;
    color: #009cde;
    padding-left: 65px;
    display: block;
    margin-bottom: 6px;
    height: 57px
}

.featured ul li .title.oneLine {
    line-height: 58px
}

.featured ul li .title.factura {
    background: url(img/icon_factura.png) no-repeat 0 0
}

.featured ul li .title.presupuestos {
    background: url(img/icon_presupuestos.png) no-repeat 0 0
}

.featured ul li .title.cuentas {
    background: url(img/icon_cuentas.png) no-repeat 0 0
}

.featured ul li .title.inventario {
    background: url(img/icon_inventario.png) no-repeat 0 0
}

.featured ul li .title.impuestos {
    background: url(img/icon_impuestos.png) no-repeat 0 0
}

.featured ul li .title.contabilidad {
    background: url(img/icon_contabilidad.png) no-repeat 0 0
}

.featured ul li .title.resultados {
    background: url(img/icon_resultados.png) no-repeat 0 0
}

.featured ul li .title.ventas {
    background: url(img/icon_ventas.png) no-repeat 0 0
}

.featured ul li .title.financiero {
    background: url(img/icon_financiero.png) no-repeat 0 0
}

.featured ul li p {
    font-size: 15px;
    line-height: 22px
}

.where {
    padding: 70px 0 20px 0;
    background: url(img/where_back.png) repeat 0 0
}

.where h2 {
    font-size: 39px;
    text-transform: uppercase;
    text-align: center;
    background: url(img/where_bottom_line.png) no-repeat 0 95px;
    margin-bottom: 60px;
    color: #fff
}

.where h2 span {
    display: block;
    color: #fff
}

.where img {
    display: block;
    margin: 0 auto 85px auto
}

.estadisticas {
    background: url(/img/bg_estadisticas.jpg) no-repeat 0 0;
    height: 436px;
    background-position: center center;
    background-size: cover;
    text-align: center
}

.estadisticas .title {
    font-size: 40px;
    font-weight: 300;
    color: #fff;
    padding-top: 65px
}

.estadisticas .subtitle {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    padding-top: 10px
}

.estadisticas .dato {
    font-size: 50px;
    font-weight: 800;
    color: #8bcd22;
    width: 175px;
    padding-top: 88px;
    float: left;
    margin-left: 52px
}

.estadisticas .dato.contadores {
    margin-left: 20px
}

.estadisticas .dato.quince {
    background: url(/img/ico_15.png) no-repeat 58px 34px
}

.estadisticas .dato.diez {
    background: url(/img/ico_10.png) no-repeat 58px 34px
}

.estadisticas .dato.cuarentiuno {
    background: url(/img/ico_41.png) no-repeat 58px 34px
}

.estadisticas .dato.diezdos {
    background: url(/img/ico_10_2.png) no-repeat 58px 34px
}

.estadisticas .dato.veintidos {
    background: url(/img/ico_22.png) no-repeat 58px 34px
}

.estadisticas .dato.trece {
    background: url(/img/ico_13.png) no-repeat 58px 34px
}

.estadisticas .dato.cuarentiseis {
    background: url(/img/ico_46.png) no-repeat 58px 34px
}

.estadisticas .dato.once {
    background: url(/img/ico_11.png) no-repeat 58px 34px
}

.estadisticas .dato.dos {
    background: url(/img/ico_2.png) no-repeat 58px 34px
}

.estadisticas .dato .texto {
    font-size: 14px;
    font-weight: 400;
    color: #fff
}

.easy {
    background-color: #f6f8fd;
    padding: 70px 0 20px 0
}

.easy .contentWrapper {
    padding: 0 0 40px 0
}

.easy h2 {
    font-size: 39px;
    text-transform: uppercase;
    text-align: center;
    background: url(img/easy_bottom_line.png) no-repeat 0 40px;
    margin-bottom: 70px
}

.easy h2 span {
    color: #009cde
}

.easy ul li {
    float: left;
    width: 240px;
    margin-left: 60px;
    height: 180px
}

.easy ul li .title {
    font-size: 21px;
    text-transform: uppercase;
    color: #009cde;
    display: block;
    margin-bottom: 6px
}

.easy ul li .title.oneLine {
    line-height: 58px
}

.easy ul li p {
    font-size: 15px;
    line-height: 22px
}

.popup {
    background-color: #f9f9f9
}

#footer {
    z-index: 1000;
    background-color: #004471;
    padding: 0;
    margin: 0;
}

#footer #afipImg {
    width: 50px;
    margin-top: -20px;
    margin-left: 140px;
}

#footer ul li a#afipLink:hover {
    background: 0
}

#footer h1 {
    margin-left: 20px;
    float: left;
    margin-top: 27px;
    margin-bottom: 12px;
    margin-right: 66px;
}

#footer h1 a {
    width: 153px;
    display: block;
    background: url(img/logo_xubio_footer.png) no-repeat;
}

#footer h1 a.GooglePlay {
    background: url(img/logo_google_play_footer.png) no-repeat;
    margin-left: 400px;
    margin-right: 400px;
    width:115px;
}

#footer a.login {
    color: #FFF;
    font-size: 13px;
    padding: 5px 10px;
    text-transform: uppercase;
    display: block;
    float: right;
    background-color: #8bcd22;
    border-bottom: 3px solid #3a550f;
    margin-top: 39px;
    margin-right: 20px
}

#footer a.login:hover {
    background-color: #82be23
}

#footer ul {
    float: left;
    margin-top: 30px;
    margin-bottom: -14px;
    margin-left: 16px
}

#footer ul li {
    margin-left: 2px;
    float: left;
    display: block
}

#footer ul li a {
    color: #ffffff;
    font-size: 13px;
    font-weight: 400;
    padding: 5px 10px;
    display: block;
    line-height: 23px
}

#footer ul li a.API{
    color: #7ac5f7;
    font-size: 13px;
    font-weight: 400;
    padding: 5px 10px;
    display: block;
    line-height: 23px;
    border: 1px;
    border-color: #7ac5f7;
    border-radius: 3px;
    border-style: solid;
    margin-left: 23px;
    
}


#footer ul li.selected a {
    background-color: #009cde;
    color: #FFF
}

#footer ul li a:hover {
    background-color: #009cde;
    color: #FFF
}

#footer p.copy {
    display: block;
    text-align: center;
    color: #d9d9d9;
    font-size: 11px;
    padding: 18px 0 22px 0;
    margin: 0;
    line-height: 23px;
    
}

#footer p.copy a {
    color: #d9d9d9
}

#footer p.copy a:hover {
    color: #FFF
}

div.medios {
    height: 210px;
    background-color: #eee;
    border-top: 1px solid #e9e9e9
}

div.medios div.texto {
    font-size: 18px;
    color: #414141;
    font-weight: 300;
    text-align: center;
    padding-top: 25px
}

div.medios span {
    padding-top: 110px;
    float: left;
    padding-left: 20px;
}

div.medios span.revistas {
	background: url(/img/logos_xubio_en_los_medios_2018.jpg) no-repeat 0 18px;
    margin-top: 20px;
    width: 980px;
	background-position: center
}



div.google {
    height: 150px
}

div.google div.texto {
    font-size: 22px;
    color: #414141;
    text-align: center;
    padding-top: 25px
}

div.google span {
    width: 200px;
    padding-top: 88px;
    float: left;
    padding-left: 91px
}

div.google span.logogoogle {
    background: url(/img/logo_google_cloud.jpg) no-repeat 0 18px;
    margin-left: 333px
}

div.confian {
    height: 200px;
    background-color: rgb(245, 245, 245);
    border-top: 1px solid #e9e9e9
}
div.confian.contadores {
    border-bottom: 1px solid #e9e9e9;
    background-color: #fafafa;
}

div.confian div.texto {
    font-size: 21px;
    color: #414141;
    font-weight: 300;
    text-align: center;
    padding-top: 25px
}

div.confian span {
    width: 200px;
    height: 50px;
    padding-top: 88px;
    float: left;
    padding-left: 20px;
    margin-top: 20px
}

div.confian span.todos-los-partners{
	background: url(/NXV/images/nuestros_socios_logos.png) no-repeat 0 18px;
    margin-top: 20px;
    width: 980px;
    padding-top: 88px;
    float: left;
    padding-left: 20px;
    margin-top: 0px !important;
}

div.confian span.mercadolibre {
    background: url(/NXV/images/mercadolibre.jpg) no-repeat 0 18px;
    margin-left: 25px;
    background-size: 166px
}

div.confian span.mercadoshops {
    background: url(/NXV/images/mercadoshops.png) no-repeat 0 18px;
    margin-left: 15px;
    background-size: 172px
}

div.confian span.tiendanube {
    background: url(/NXV/images/tiendanube.jpg) no-repeat 0 18px;
    background-size: 212px;
    margin-left: 20px
}

div.confian span.mp {
    background: url(/NXV/images/mercadopago.png) no-repeat 0 18px;
    margin-left: 40px;
    background-size: 177px
}

div.beneficios {
    height: 250px;
    background-color: #f3f3f3
}

div.beneficios span.suma {
    margin-left: 162px;
    display: block;
    width: 100px;
    margin-top: 45px;
    font-size: 18px;
    font-weight: 100;
    color: #414141
}

div.beneficios span.codigo {
    margin-left: 162px;
    display: block;
    width: 250px;
    margin-top: 45px;
    font-size: 18px;
    font-weight: 100;
    color: #414141
}

div.beneficios .texto {
    color: #414141;
    font-size: 18px;
    padding-top: 17px;
    text-align: center;
    display: block;
    margin-left: -35px
}

div.beneficios .logoGalicia1 {
    background: url(/img/logo_galicia.jpg) no-repeat;
    width: 280px;
    height: 70px;
    margin-left: 215px;
    float: left;
    margin-top: 74px
}

div.beneficios .logoGalicia {
    background: url(/img/logo_galicia.jpg) no-repeat;
    width: 280px;
    height: 70px;
    margin-left: 0;
    float: left;
    margin-top: 74px
}

div.beneficios .logoAustral {
    background: url(/img/logo_iae.jpg) no-repeat;
    width: 135px;
    height: 163px;
    margin-left: 66px;
    float: left;
    margin-top: 30px
}

div.beneficios .verticalLine {
    border-left: 1px solid #aaa;
    float: left;
    height: 100px;
    margin-left: 60px;
    margin-top: 60px
}

div.beneficios .verticalLine1 {
    border-left: 1px solid #aaa;
    float: left;
    height: 100px;
    margin-left: 135px;
    margin-top: 60px
}

div.beneficios .logoUP {
    background: url(/img/logo_up.jpg) no-repeat;
    width: 135px;
    height: 163px;
    margin-left: 70px;
    margin-top: 40px;
    float: left
}

div.testimonios {
    height: 317px;
    background-color: #fafafa;
    border-top: 1px solid #eaeaea
}
div.testimoniosContent {
    margin-left: 60px;
    margin-top: 90px
}

div.testimonios span.testimonio {
    font-size: 22px;
    color: #414141;
    padding-top: 20px;
    display: block;
    padding-left: 10px
}

div.testimonios div.foto {
    background: url(../img/foto_tomas_workana.png) no-repeat;
    background-position: 14px 0;
    height: 98px;
    font-weight: bold;
    font-size: 16px;
    color: #009cde;
    padding-top: 100px;
    width: 120px;
    height: 98px;
    text-align: center;
    margin: 0 auto;
    float: left
}

div.testimonios div.foto div.empresanombre {
    color: #414141;
    font-size: 14px
}

div.testimonios.dos {
	height: 500px;
	background-color:#f3f3f3;
	padding-top:70px;
}
div.testimonios.dos > div > .texto{
	font-size:30px;
	color:#4274b9;
	font-weight:bold;
	text-transform:uppercase;
	line-height:1.2;
	text-align:center;
}

div.testimonios.dos .testimoniosContent{
	width:40%;
	display: inline-table;
    padding: 10px;
    border-radius: 10px;
    background-color: #ffffff;
    margin-top:60px;
	border:1px solid #bebebe;
}
div.testimonios.dos div.foto span{
	font-size:18px;
	color:#4274b9;
	font-weight:bold;
	white-space:nowrap;
}
div.testimonios.dos div.foto div.empresanombre{
	font-size:13px;
	color:#7d7d7d;
	
}
div.testimonios.dos .testimoniosContent .texto{
	height: 200px;
	display: block;
	font-size:16px;
	font-size: 16px;
	font-family: 'Playfair Display' !important;
	color: #414141;
	line-height: 1.875;
	text-align: center;
}
div.testimonios.dos div.foto{
	float: none;
    background-position: 30px 10px !important;
    padding-top: 25px;
    padding-left: 120px;
}
div.testimonios.dos div.foto.uno{
	background: url(../img/foto_nicolas_grichener.png) no-repeat
}
div.testimonios.dos div.foto.dos{
	background: url(../img/foto_agustin_lopez.png) no-repeat
}

img.quoteopen {
    height: 15px;
    vertical-align: top;
    margin-left: -20px;
    padding-top: 5px;
    padding-right: 4px
}

img.quoteclose {
    height: 15px;
    vertical-align: top;
    padding-right: 5px;
    padding-top: 5px
}

.how {
    padding: 70px 0 0 0
}

.how h2 {
    font-size: 39px;
    text-transform: uppercase;
    text-align: center;
    background: url(img/how_bottom_line.png) no-repeat 0 95px
}

.how h2 span {
    display: block
}

.how h2 span span {
    display: inline;
    color: #009cde
}

.how img {
    display: block;
    margin: 40px auto 40px auto;
}

.integracionMPTitulo {
    padding: 70px 0 0 0
}

.integracionMPTitulo h2 {
    font-size: 39px;
    text-transform: uppercase;
    text-align: center;
    background: url(img/how_bottom_line.png) no-repeat 0 95px
}

.integracionMPTitulo h2 span {
    display: inline;
    color: #009cde
}

.subtitulo {
    font-size: 16px;
    font-weight: 400;
    padding-top: 20px;
    text-align: left;
    padding-bottom: 20px
}

.subtituloMP {
    font-size: 20px;
    font-weight: 400;
    padding-top: 20px;
    text-align: center;
    padding-bottom: 40px;
    text-transform: uppercase
}

.imagenIntegracion {
    width: 100%;
    border: 1px solid #009cde;
    margin-top: 20px;
    margin-left: 0
}

.ultimaImagenIntegracion {
    width: 100%;
    border: 1px solid #009cde;
    margin-top: 20px;
    margin-left: 0;
    margin-bottom: 15px
}

#framePrecios {
    display: block;
    margin: 0 auto
}

.prices {
    padding: 70px 0 20px 0
}

.prices h2 {
    font-size: 39px;
    text-transform: uppercase;
    text-align: center;
    background: url(img/prices_bottom_line.png) no-repeat 0 145px;
    margin-bottom: 20px
}

.prices h2 span {
    display: block;
    color: #009cde
}

.prices p.allFree {
    font-size: 16px;
    text-align: center;
    margin-bottom: 55px
}

#pricesList {
    margin: 0 auto 20px auto;
    color: #414141;
    width: 790px;
}

#pricesList .firstCell {
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #d9d8d8;
    border-right: 1px solid #d9d8d8;
    position: relative;
    background-color: #fff!important
}

#pricesList ul {
    float: left;
    width: 170px;
    background-color: #fff;
}

#pricesList li {
    border-left: 1px solid #d9d8d8;
    border-right: 1px solid #d9d8d8;
    border-bottom: 1px solid #d9d8d8;
    padding: 10px;
    text-align: center;
    height: 23px
}

#pricesList li.twoLines {
    height: 46px!important
}

#pricesList li.twoLines p {
    padding-top: 10px
}

#pricesList li.threeLines {
    height: 64px!important
}

#pricesList li.threeLines p {
    padding-top: 20px
}

#pricesList li.fourLines {
    height: 82px!important
}

#pricesList li.fourLines p {
    padding-top: 30px
}

#pricesList .plans {
    width: 270px;
    border-right: 0
}

#pricesList .initial {
    border-left: none
}

#pricesList .initial,#pricesList .plus {
    margin-right: 0;
    border-right: 0
}

#pricesList .plus,#pricesList .premium {
    border-left: none
}

#pricesList .plus li {
    border-left: none;
    border-right: 0
}

#pricesList .plans li {
    text-align: left
}

#pricesList .plans .title {
    padding-top: 45px;
    height: 75px
}

#pricesList .initial li {
    border-left: none
}

#pricesList .title {
    border: 1px solid #d9d8d8;
    position: relative
}

#pricesList .title .CO{
    height: 100px!important;
}

.pb-60{
	padding-bottom: 60px !important;
}

#pricesList .title h4 {
    font-weight: bold;
    color: #414141;
    text-align: center;
    font-size: 17px;
    text-transform: uppercase;
    margin-top: 0;
    display: block
}

#pricesList .title .free {
    color: #8bcd22;
    text-transform: capitalize;
    font-size: 40px;
    margin-top: 23px;
    display: block;
   
    font-weight: 700
}


#pricesList .title .symbol {
    color: #414141;
    text-transform: capitalize;
    font-size: 21px;
    line-height: 21px;
    display: block;
    position: absolute;
    top: 11px;
    left: 10px
}

#pricesList .title .asterisk {
    color: #696969;
    font-size: 16px;
    display: block;
    position: absolute;
    top: 80px;
    left: 155px;
}

#pricesList .title .value {
    color: #009cde;
    text-transform: capitalize;
    font-size: 55px;
    line-height: 50px;
    display: block;
    position: relative;
    padding-left: 13px;
    font-weight: 700
}


#pricesList .title .smallValue {
    color: #696969;
    font-size: 30px;
    text-transform: capitalize;
    /*margin-top: 2px;*/
	/*line-height: 50px;*/
	line-height: 30px;
    display: block;
    
    position: relative;
    padding-left: 13px;
    font-weight: 700
}

#pricesList .title .twoAsterisks {
    color: #696969;
    font-size: 16px;
    display: block;
    position: absolute;
    /*top: 128px;*/
	top: 158px;
    /*left: 108px*/
	left: 134px;
}

#pricesList .title .smallSymbol {
    color: #414141;
    text-transform: capitalize;
    font-size: 21px;
    line-height: 21px;
    display: block;
    position: absolute;
    top: 7px;
    left: 30px
	/*top: 15px;
    left: 35px*/
}

#pricesList .title .tax {
    color: #414141;
    font-size: 12px;
    display: block;
    text-transform: none;
    position: absolute;
    top: 109px;
    width: 135px
}

#pricesList li:first-child {
    background-color: #f0f0f0;
    /*height: 148px;*/
	height: 174px;
    text-align: center;
    font-size: 21px;
    text-transform: uppercase;
    padding: 10px 0
}

#pricesList .plans li:last-child {
    background: 0
}

#pricesList li.lastC {
    height: 50px;
    background-color: #f8f8f8
}

#pricesList ul.plans li.lastC {
    background-color: #FFF
}

#pricesList li .check {
    width: 17px;
    height: 13px;
    background: url(img/check.png) no-repeat 0 0;
    text-indent: 9999px;
    display: inline-block;
    margin-top: 4px;
    overflow: hidden;
    border: 0
}

#pricesList .initial li.twoLines .check,#pricesList .plus li.twoLines .check,#pricesList .premium li.twoLines .check {
    margin-top: 16px
}

#pricesList .initial li.threeLines .check,#pricesList .plus li.threeLines .check,#pricesList .premium li.threeLines .check {
    margin-top: 28px
}

#pricesList .initial li.fourLines .check,#pricesList .plus li.fourLines .check,#pricesList .premium li.fourLines .check {
    margin-top: 32px
}

#pricesList li input[type="button"] {
    color: #FFF;
    font-size: 13px;
    padding: 5px 10px;
    text-transform: uppercase;
    background-color: #8bcd22;
    border-top: 0;
    border-left: none;
    border-right: 0;
    border-bottom: 3px solid #3a550f;
    margin-top: 8px;
    
}

#pricesList li input[type="button"]:hover {
    background-color: #82be23
}

#referencias {
    font-size: 14px;
    margin: 0 auto 50px auto;
    width: 702px;
    text-align: justify;
    font-weight: 400
}

#pricesList li.support {
    font-size: 12px;
    line-height: 24px
}

span.notation {
    font-size: 10px;
    vertical-align: top
}

#pricesList li a {
    
    text-transform: uppercase;
    display: block;
    font-weight: 400;
    font-size: 12px;
    text-decoration: none;
    background-color: #f4f4f4;
    padding: 6px 12px 6px 12px;
    border-radius: 4px !important;
    min-width: 55px;
    text-align: center;
    color: #FFF;
/*     border: 1px solid #85be20 !important; */
    box-sizing: initial;
    background: #94e226;
    background: -moz-linear-gradient(top, #94e226 0%, #82b71f 100%);
    background: -webkit-linear-gradient(top, #94e226 0%,#82b71f 100%);
    background: linear-gradient(to bottom, #94e226 0%,#82b71f 100%);
    filter: %("progid:DXImageTransform.Microsoft.gradient( startColorstr='#94e226', endColorstr='#82b71f',GradientType=0 )");
    box-shadow: 0px 2px 3px rgba(0,0,0,0.5);

}

#pricesList li a:hover {
/*     border: 1px solid #81b724 !important; */
    background: #8dd323;
    background: -moz-linear-gradient(top, #8dd323 0%, #7baa1d 100%);
    background: -webkit-linear-gradient(top, #8dd323 0%,#7baa1d 100%);
    background: linear-gradient(to bottom, #8dd323 0%,#7baa1d 100%);
    filter: %("progid:DXImageTransform.Microsoft.gradient( startColorstr='#8dd323', endColorstr='#7baa1d',GradientType=0 )");
    cursor: pointer

}

#pricesList .leyenda {
    font-size: 14px;
    font-weight: 400;
    color: #414141;
    line-height: 30px;
    display: table;
    padding-bottom: 12px
}

.solution {
    padding: 70px 0 20px 0;
    background-color: #f6f8fd
}

.solution h2 {
    font-size: 39px;
    text-transform: uppercase;
    text-align: center;
    background: url(img/solution_bottom_line.png) no-repeat 0 95px;
    margin-bottom: 20px
}

.solution h2 span {
    display: block;
    color: #009cde
}

.solution p.allFree {
    font-size: 16px;
    text-align: center;
    margin-bottom: 85px
}

.solution ul {
    padding-left: 80px
}

.solution ul li {
    float: left;
    width: 350px;
    margin-left: 50px;
    height: 220px
}

.solution ul li .title {
    font-size: 21px;
    text-transform: uppercase;
    color: #009cde;
    display: block;
    margin-bottom: 6px
}

.solution ul li .title.oneLine {
    line-height: 58px
}

.solution ul li .title.factura {
    background: url(img/icon_factura.png) no-repeat 0 0
}

.solution ul li .title.presupuestos {
    background: url(img/icon_presupuestos.png) no-repeat 0 0
}

.solution ul li .title.cuentas {
    background: url(img/icon_cuentas.png) no-repeat 0 0
}

.solution ul li .title.inventario {
    background: url(img/icon_inventario.png) no-repeat 0 0
}

.solution ul li .title.impuestos {
    background: url(img/icon_impuestos.png) no-repeat 0 0
}

.solution ul li .title.contabilidad {
    background: url(img/icon_contabilidad.png) no-repeat 0 0
}

.solution ul li .title.resultados {
    background: url(img/icon_resultados.png) no-repeat 0 0
}

.solution ul li .title.ventas {
    background: url(img/icon_ventas.png) no-repeat 0 0
}

.solution ul li .title.financiero {
    background: url(img/icon_financiero.png) no-repeat 0 0
}

.solution ul li p {
    font-size: 15px;
    line-height: 22px
}

#included {
    background-color: #f6f8fc;
    padding: 20px 0
}

#included .contentWrapper {
    width: 800px
}

#included h2 {
    font-size: 21px;
    text-transform: uppercase;
    margin-bottom: 10px
}

#included ul {
    width: 800px
}

#included ul li {
    float: left;
    width: 380px;
    background: url(img/check.png) no-repeat 0 3px;
    padding-left: 20px;
    font-weight: 400;
    font-size: 14px;
    padding-bottom: 10px;
    margin-right: 60px
}

#included ul li.rightCol {
    width: 320px;
    margin-right: 0
}

#contact {
    width: 300px;
    margin: 0 auto;
    background-color: #f8f8f8;
    padding: 17px 17px 5px 17px;
    margin-bottom: 100px
}

#contact input[type="text"] {
    border: 1px solid #cdcdcd;
    padding: 10px 6px;
    margin-bottom: 20px;
    font-size: 14px;
    width: 288px;
    display: block
}

#contact textarea {
    border: 1px solid #cdcdcd;
    padding: 10px 6px;
    margin-bottom: 20px;
    font-size: 14px;
    width: 288px;
    height: 130px;
    display: block
}

#contact input[type="submit"] {
    border: 0;
    color: #FFF;
    font-size: 18px;
    margin: 10px auto 10px auto;
    padding: 9px 10px;
    text-transform: uppercase;
    display: block;
    background-color: #8bcd22;
    border-bottom: 3px solid #3a550f;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-top: 5px;
    text-transform: uppercase;
    display: block;
    font-weight: 700;
    font-size: 16px;
    text-decoration: none;
    background-color: #f4f4f4;
    padding: 9px 16px 10px 16px;
    border-radius: 4px !important;
    min-width: 55px;
    text-align: center;
    color: #FFF;
    /* height: 21px !important; */
    border: none;
    box-sizing: initial;
    background: #94e226;
    background: -moz-linear-gradient(top, #94e226 0%, #82b71f 100%);
    background: -webkit-linear-gradient(top, #94e226 0%,#82b71f 100%);
    background: linear-gradient(to bottom, #94e226 0%,#82b71f 100%);
    filter: %("progid:DXImageTransform.Microsoft.gradient( startColorstr='#94e226', endColorstr='#82b71f',GradientType=0 )");
    box-shadow: 0px 2px 3px rgba(0,0,0,0.5);
}

#contact input[type="submit"]:hover {
    background: #8dd323;
    background: -moz-linear-gradient(top, #8dd323 0%, #7baa1d 100%);
    background: -webkit-linear-gradient(top, #8dd323 0%,#7baa1d 100%);
    background: linear-gradient(to bottom, #8dd323 0%,#7baa1d 100%);
    filter: %("progid:DXImageTransform.Microsoft.gradient( startColorstr='#8dd323', endColorstr='#7baa1d',GradientType=0 )");

    cursor: pointer
}

#MensajeEnviado {
    text-align: center;
    padding-bottom: 10px;
    padding-top: 10px;
    visibility: hidden
}

#div_loading {
    text-align: center;
    height: 0!important;
    position: fixed;
    left: auto!important;
    top: 195px!important;
    width: 350px
}

#div_loading span {
    font-weight: 400
}

#mediosdepago {
    background-color: #fbfbfb;
    height: 200px;
    border-top: 1px solid #cecece
}

#mediosdepago h2{
    font-size: 22px;
    text-align: center;
    color: #414141;
    padding-top: 35px
}

#mediosdepago .debito {
    font-weight: 700;
    font-size: 20px;
    color: #414141;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 16px;
    margin-left: 148px
}

#mediosdepago span {
    font-weight: 400;
    text-transform: uppercase;
    font-size: 14px
}

#mediosdepago ul {
    padding-top: 30px;
    margin-left: 95px
}

#mediosdepago ul li.rightCol {
    width: 320px;
    margin-right: 0;
    margin-left: 22px;
    border-left: 1px solid #dcdcdc;
    padding-left: 76px
}

#mediosdepago ul li {
    float: left;
    width: 500px;
    display: inline-table;
    font-size: 16px
}

.invoice {
    padding: 70px 0 20px 0
}

.invoice h2 {
    font-size: 39px;
    text-transform: uppercase;
    text-align: center;
    background: url(img/how_bottom_line.png) no-repeat 0 95px;
    margin-bottom: 90px
}

.invoice h2 span {
    display: block;
    color: #009cde
}

.invoice ul {
    margin: 0 auto 85px auto;
    width: 830px
}

.invoice ul li {
    float: left;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    padding: 100px 20px 0 20px;
    width: 235px;
    height: 100px
}

.invoice ul li:first-child {
    border-left: none
}

.invoice ul li {
    border-left: 1px solid #AAA;
    color: #414141
}

.invoice ul li span {
    color: #009cde
}

.invoice ul li.computer {
    background: url(img/invoice_computer.png) no-repeat center 0
}

.invoice ul li.paper {
    background: url(img/invoice_paper.png) no-repeat center 0
}

.invoice ul li.afip {
    background: url(img/invoice_afip.png) no-repeat center 3px
}

.invoice .stepsAndTip {
    margin: 0 auto 60px auto;
    width: 790px
}

.invoice .steps {
    float: left
}

.invoice .steps h3 {
    text-transform: uppercase;
    font-size: 18px;
    margin-bottom: 4px
}

.invoice .steps ul {
    padding: 0;
    margin: 0 0 70px 0;
    width: 400px;
    float: left
}

.invoice .steps ul li {
    width: 380px;
    float: none;
    border: 0;
    text-align: left;
    text-transform: none;
    font-size: 18px;
    padding: 10px 0 0 0;
    height: auto
}

.invoice .steps ul li {
    width: 380px;
    float: none;
    border: 0;
    text-align: left;
    text-transform: none;
    font-size: 14px;
    padding: 1px 0 0 0;
    height: auto;
    line-height: 35px
}

.invoice .steps ul li strong {
    
}

.invoice .stepsAndTip p.tip {
    background: #eaeaea url(img/pin.png) no-repeat 14px 20px;
    float: right;
    width: 260px;
    padding: 15px 20px 14px 45px;
    font-size: 14px;
    line-height: 24px;
    text-transform: uppercase;
    margin-top: 17px
}

.invoice .stepsAndTip p.tip strong {
    
}

.invoice .stepsAndTip .environment {
    clear: both;
    border: 1px solid #cfe09c;
    padding: 3px 3px 3px 55px;
    border-radius: 4px;
    text-transform: uppercase;
    color: #729800;
    background: url(img/leaf.png) no-repeat 10px 10px
}

.invoice .stepsAndTip .environment span {
    display: block;
    font-size: 14px
}

.invoice .stepsAndTip .environment span strong {
    
}

.invoice .stepsAndTip .viewPlans {
    display: block;
    width: 790px;
    text-align: center;
    padding: 60px 0 0 0
}

.invoice .stepsAndTip .viewPlans a {
    font-size: 18px;
    padding: 9px 10px;
    text-transform: uppercase;
    display: inline-block;
    border-bottom: 3px solid #3a550f;
    background-color: #f4f4f4;
    border-radius: 4px !important;
    text-align: center;
    color: #FFF;
    background: #0193e1; /* Old browsers */
    background: -moz-linear-gradient(top,  #00abeb  0%, #027cd8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2da9dc ), color-stop(100%,#027cd8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #00abeb  0%,#027cd8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #00abeb  0%,#027cd8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #00abeb  0%,#027cd8 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #00abeb  0%,#027cd8 100%); /* W3C */
    filter: %("progid:DXImageTransform.Microsoft.gradient( startColorstr='#00abeb ', endColorstr='#027cd8',GradientType=0 )");
    border: 1px solid #8bcd23 !important;
    box-sizing: initial;
    background: #94e226;
    background: -moz-linear-gradient(top, #94e226 0%, #82b71f 100%);
    background: -webkit-linear-gradient(top, #94e226 0%,#82b71f 100%);
    background: linear-gradient(to bottom, #94e226 0%,#82b71f 100%);
    filter: %("progid:DXImageTransform.Microsoft.gradient( startColorstr='#94e226', endColorstr='#82b71f',GradientType=0 )");
    box-shadow: 0px 2px 3px rgba(0,0,0,0.5);
    
}

.invoice .stepsAndTip .viewPlans a:hover {
    background: #8dd323;
    background: -moz-linear-gradient(top, #8dd323 0%, #7baa1d 100%);
    background: -webkit-linear-gradient(top, #8dd323 0%,#7baa1d 100%);
    background: linear-gradient(to bottom, #8dd323 0%,#7baa1d 100%);
    filter: %("progid:DXImageTransform.Microsoft.gradient( startColorstr='#8dd323', endColorstr='#7baa1d',GradientType=0 )");
    cursor: pointer
}

.regContador .title {
    font-size: 30px;
    text-transform: uppercase;
    text-align: center;
    color: #009cde
}

.regContador p {
    font-size: 15px;
    line-height: 22px
}

.regContador input {
    color: #FFF;
    font-size: 13px;
    padding: 5px 10px;
    text-transform: uppercase;
    display: block;
    cursor: pointer;
    float: right;
    background-color: #8bcd22;
    border-bottom: 3px solid #3a550f;
    border-top: 0;
    border-right: 0;
    border-left: 0;
    margin-right: 20px;
    margin-bottom: 5px
}

.regContador input:hover {
    background-color: #82be23
}

.fb-like-box,.fb-like-box span,.fb-like-box.fb_iframe_widget span iframe {
    position: relative;
    text-align: center!important;
    width: 100%;
    margin-top: 8px!important;
    margin-bottom: 16px!important
}

#preciosHome {
    margin-top: 0
}

.scrolldown {
    background: url('/img/arrow_down.png') no-repeat;
    position: absolute;
    width: 58px;
    height: 58px;
    bottom: 20px;
    left: 50%;
    margin-left: -29px;
    z-index: 7050
}

.scrolldown.contadores {
    background: url('/img/arrow_down_contadores.png') no-repeat
}

.scrolldown:hover {
    background: url('/img/arrow_down_hover.png') no-repeat
}

.scrolldown.bounce {
    -webkit-animation: bounce 800ms ease-out;
    -moz-animation: bounce 800ms ease-out;
    -o-animation: bounce 800ms ease-out;
    animation: bounce 800ms ease-out
}

.verVideo {
    margin: 0 auto;
    text-align: center;
    color: #FFF;
    font-size: 16px;
    font-weight: 400;
    padding: 0;
    text-transform: uppercase;
    cursor: pointer;
    background-color: #009cde;
    border-radius: 6px;
    margin-top: 220px;
    margin-right: -300px;
    
    background-image: url(/img/arrow_play.png);
    background-repeat: no-repeat;
    background-position: 38px 31px;
    background-size: 18px;
    border: none;

    height: 58px;
    width: 200px;
    box-shadow: 0px 2px 3px rgba(0,0,0,0.5);

    background: #0193e1; /* Old browsers */
    background: url(/img/arrow_play.png) no-repeat 38px 31px, -moz-linear-gradient(top,  #00abeb  0%, #027cd8 100%); /* FF3.6+ */
    background: url(/img/arrow_play.png) no-repeat 38px 31px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2da9dc ), color-stop(100%,#027cd8)); /* Chrome,Safari4+ */
    background: url(/img/arrow_play.png) no-repeat 38px 31px, -webkit-linear-gradient(top,  #00abeb  0%,#027cd8 100%); /* Chrome10+,Safari5.1+ */
    background: url(/img/arrow_play.png) no-repeat 38px 31px, -o-linear-gradient(top,  #00abeb  0%,#027cd8 100%); /* Opera 11.10+ */
    background: url(/img/arrow_play.png) no-repeat 38px 31px, -ms-linear-gradient(top,  #00abeb  0%,#027cd8 100%); /* IE10+ */
    background: url(/img/arrow_play.png) no-repeat 38px 31px, linear-gradient(to bottom,  #00abeb  0%,#027cd8 100%); /* W3C */
    background-size: 18px 18px, cover;
    filter: %("progid:DXImageTransform.Microsoft.gradient( startColorstr='#00abeb ', endColorstr='#027cd8',GradientType=0 )");
    box-sizing: initial;
}

.verVideo:hover {
    background-color: #2499ca;
    
    background: #0193e1; /* Old browsers */
    background: url(/img/arrow_play.png) no-repeat 38px 31px, -moz-linear-gradient(top,  #0088bc  0%, #0263ad 100%); /* FF3.6+ */
    background: url(/img/arrow_play.png) no-repeat 38px 31px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0088bc ), color-stop(100%,#0263ad)); /* Chrome,Safari4+ */
    background: url(/img/arrow_play.png) no-repeat 38px 31px, -webkit-linear-gradient(top,  #0088bc  0%,#0263ad 100%); /* Chrome10+,Safari5.1+ */
    background: url(/img/arrow_play.png) no-repeat 38px 31px, -o-linear-gradient(top,  #0088bc  0%,#0263ad 100%); /* Opera 11.10+ */
    background: url(/img/arrow_play.png) no-repeat 38px 31px, -ms-linear-gradient(top,  #0088bc  0%,#0263ad 100%); /* IE10+ */
    background: url(/img/arrow_play.png) no-repeat 38px 31px, linear-gradient(to bottom,  #0088bc  0%,#0263ad 100%); /* W3C */
    background-size: 18px 18px, cover;
    filter: %("progid:DXImageTransform.Microsoft.gradient( startColorstr='#0088bc ', endColorstr='#0263ad',GradientType=0 )");

}

.slide.contadores .verVideo {
    margin-top: 276px;
    margin-right: 278px
}

.slide.contadores .verVideo:hover {
    background-color: #0087c0
}

@-webkit-keyframes bounce {
    0% {
        -webkit-transform: translateY(-100%);
        opacity: 0
    }

    5% {
        -webkit-transform: translateY(-100%);
        opacity: 0
    }

    15% {
        -webkit-transform: translateY(0);
        padding-bottom: 5px
    }

    30% {
        -webkit-transform: translateY(-50%)
    }

    40% {
        -webkit-transform: translateY(0%);
        padding-bottom: 6px
    }

    50% {
        -webkit-transform: translateY(-30%)
    }

    70% {
        -webkit-transform: translateY(0%);
        padding-bottom: 7px
    }

    80% {
        -webkit-transform: translateY(-15%)
    }

    90% {
        -webkit-transform: translateY(0%);
        padding-bottom: 8px
    }

    95% {
        -webkit-transform: translateY(-10%)
    }

    97% {
        -webkit-transform: translateY(0%);
        padding-bottom: 9px
    }

    99% {
        -webkit-transform: translateY(-5%)
    }

    100% {
        -webkit-transform: translateY(0);
        padding-bottom: 9px;
        opacity: 1
    }
}

@-moz-keyframes bounce {
    0% {
        -moz-transform: translateY(-100%);
        opacity: 0
    }

    5% {
        -moz-transform: translateY(-100%);
        opacity: 0
    }

    15% {
        -moz-transform: translateY(0);
        padding-bottom: 5px
    }

    30% {
        -moz-transform: translateY(-50%)
    }

    40% {
        -moz-transform: translateY(0%);
        padding-bottom: 6px
    }

    50% {
        -moz-transform: translateY(-30%)
    }

    70% {
        -moz-transform: translateY(0%);
        padding-bottom: 7px
    }

    80% {
        -moz-transform: translateY(-15%)
    }

    90% {
        -moz-transform: translateY(0%);
        padding-bottom: 8px
    }

    95% {
        -moz-transform: translateY(-10%)
    }

    97% {
        -moz-transform: translateY(0%);
        padding-bottom: 9px
    }

    99% {
        -moz-transform: translateY(-5%)
    }

    100% {
        -moz-transform: translateY(0);
        padding-bottom: 9px;
        opacity: 1
    }
}

@-o-keyframes bounce {
    0% {
        -o-transform: translateY(-100%);
        opacity: 0
    }

    5% {
        -o-transform: translateY(-100%);
        opacity: 0
    }

    15% {
        -o-transform: translateY(0);
        padding-bottom: 5px
    }

    30% {
        -o-transform: translateY(-50%)
    }

    40% {
        -o-transform: translateY(0%);
        padding-bottom: 6px
    }

    50% {
        -o-transform: translateY(-30%)
    }

    70% {
        -o-transform: translateY(0%);
        padding-bottom: 7px
    }

    80% {
        -o-transform: translateY(-15%)
    }

    90% {
        -o-transform: translateY(0%);
        padding-bottom: 8px
    }

    95% {
        -o-transform: translateY(-10%)
    }

    97% {
        -o-transform: translateY(0%);
        padding-bottom: 9px
    }

    99% {
        -o-transform: translateY(-5%)
    }

    100% {
        -o-transform: translateY(0);
        padding-bottom: 9px;
        opacity: 1
    }
}

@keyframes bounce {
    0% {
        transform: translateY(-100%);
        opacity: 0
    }

    5% {
        transform: translateY(-100%);
        opacity: 0
    }

    15% {
        transform: translateY(0);
        padding-bottom: 5px
    }

    30% {
        transform: translateY(-50%)
    }

    40% {
        transform: translateY(0%);
        padding-bottom: 6px
    }

    50% {
        transform: translateY(-30%)
    }

    70% {
        transform: translateY(0%);
        padding-bottom: 7px
    }

    80% {
        transform: translateY(-15%)
    }

    90% {
        transform: translateY(0%);
        padding-bottom: 8px
    }

    95% {
        transform: translateY(-7%)
    }

    97% {
        transform: translateY(0%);
        padding-bottom: 9px
    }

    99% {
        transform: translateY(-3%)
    }

    100% {
        transform: translateY(0);
        padding-bottom: 9px;
        opacity: 1
    }
}

.bubble {
    position: relative;
    margin-left: 135px;
    width: 615px;
    padding-right: 20px;
    padding-left: 20px;
    height: 99px;
    background: #fafafa;
    border: #afafaf solid 1px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.bubble:after {
    content: "";
    position: absolute;
    top: 39px;
    left: -15px;
    border-style: solid;
    border-width: 10px 15px 10px 0;
    border-color: transparent #fafafa;
    display: block;
    width: 0;
    z-index: 1
}

.bubble:before {
    content: "";
    position: absolute;
    top: 39px;
    left: -16px;
    border-style: solid;
    border-width: 10px 15px 10px 0;
    border-color: transparent #afafaf;
    display: block;
    width: 0;
    z-index: 0
}

.centrar {
    width: 300px;
    margin: 0 auto;
    background-color: #f8f8f8;
    padding: 17px 17px 5px 17px
}

/*---------------------------
ESTILOS ESPECÍFICOS COLOMBIA
---------------------------*/
.justificado{
	text-align: justify;
}

.centrado{
	text-align: center;
}

.centrado .into{
	margin: auto;
   display: inline-block;
}

#footer_CO {
    z-index: 1000;
    background-color: #004471;
    padding: 0;
    margin: 0;
}

#footer_CO h1 {
    float: left;
    margin-top: 45px;
    margin-bottom: 30px;
}

#footer_CO h1 a {
    width: 153px;
    display: block;
    background: url(img/logo_xubio_footer.png) no-repeat;
}

#footer_CO ul {
    margin-bottom: 70px;
}

#footer_CO ul li {
    margin-left: 2px;
    float: left;
    display: block
}

#footer_CO ul li a {
    color: #ffffff;
    font-size: 13px;
    font-weight: 400;
    padding: 5px 10px;
    display: block;
    line-height: 23px
}

#footer_CO ul li a:hover {
    background-color: #009cde;
    color: #FFF
}

#footer_CO p.copy {
    display: block;
    text-align: center;
    color: #d9d9d9;
    font-size: 11px;
    padding: 18px 0 22px 0;
    margin: 0;
    line-height: 23px;
    
}

#footer_CO p.copy a {
    color: #d9d9d9
}

#footer_CO p.copy a:hover {
    color: #FFF
}

#header.CO.scrolled {
    transform: translateY(-70px) !important;
}


#header .CO .scrolled + *{
	margin-top: 144px;
}
@media screen and (min-width:1300px){
	#header .CO .scrolled .popupRegistro{
		position:absolute;
		right:-160px;
		top:57px;
	}	
}