@font-face {
  font-family:'Roboto Bold';
  
  src: url('fonts/Roboto-Bold.eot');
  src: url('fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Bold.woff') format('woff'), url('fonts/Roboto-Bold.ttf') format('truetype'), url('fonts/Roboto-Bold.svg#Roboto Bold') format('svg');
}

@font-face {
  font-family:'Roboto Light';
  
  src: url('fonts/Roboto-Light.eot');
  src: url('fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Light.woff') format('woff'), url('fonts/Roboto-Light.ttf') format('truetype'), url('fonts/Roboto-Light.svg#Roboto Light') format('svg');
}

@font-face {
  font-family:'Roboto LightItalic';
  
  src: url('fonts/Roboto-LightItalic.eot');
  src: url('fonts/Roboto-LightItalic.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-LightItalic.woff') format('woff'), url('fonts/Roboto-LightItalic.ttf') format('truetype'), url('fonts/Roboto-LightItalic.svg#Roboto LightItalic') format('svg');
}

@font-face {
  font-family:'Roboto Medium';
  
  src: url('fonts/Roboto-Medium.eot');
  src: url('fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Medium.woff') format('woff'), url('fonts/Roboto-Medium.ttf') format('truetype'), url('fonts/Roboto-Medium.svg#Roboto Medium') format('svg');
}

@font-face {
  font-family:'Roboto Black';
  
  src: url('fonts/Roboto-Black.eot');
  src: url('fonts/Roboto-Black.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Black.woff') format('woff'), url('fonts/Roboto-Black.ttf') format('truetype'), url('fonts/Roboto-Black.svg#Roboto Black') format('svg');
}

@font-face {
  font-family:'RobotoCondensed Bold';
  
  src: url('fonts/RobotoCondensed-Bold.eot');
  src: url('fonts/RobotoCondensed-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/RobotoCondensed-Bold.woff') format('woff'), url('fonts/RobotoCondensed-Bold.ttf') format('truetype'), url('fonts/RobotoCondensed-Bold.svg#RobotoCondensed Bold') format('svg');
}

@font-face {
  font-family:'Arimo BoldItalic';
  
  src: url('fonts/Arimo-BoldItalic.eot');
  src: url('fonts/Arimo-BoldItalic.eot?#iefix') format('embedded-opentype'), url('fonts/Arimo-BoldItalic.woff') format('woff'), url('fonts/Arimo-BoldItalic.ttf') format('truetype'), url('fonts/Arimo-BoldItalic.svg#Arimo BoldItalic') format('svg');
}

@font-face {
  font-family:'SansitaOne';
  
  src: url('fonts/SansitaOne.eot');
  src: url('fonts/SansitaOne.eot?#iefix') format('embedded-opentype'), url('fonts/SansitaOne.woff') format('woff'), url('fonts/SansitaOne.ttf') format('truetype'), url('fonts/SansitaOne.svg#SansitaOne') format('svg');
}

@font-face {
  font-family:'Arimo Regular';
  
  src: url('fonts/Arimo-Regular.eot');
  src: url('fonts/Arimo-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/Arimo-Regular.woff') format('woff'), url('fonts/Arimo-Regular.ttf') format('truetype'), url('fonts/Arimo-Regular.svg#Arimo Regular') format('svg');
}


header{
	background-color: #000 !important;
}

.navbar-default {
	background-color: #152e5b;
	border-bottom:4px solid #325698;
	 
}

.navbar {
    position: relative;
	min-height: 50px;
	margin-bottom: 0px !important;
	
}

.navbar-default .navbar-nav > li > a {
    color: #fff !important;
	font-family:"Arimo BoldItalic";
	font-size:17px;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #fff; !important;
    background-color: #E7E7E7;
	
}


.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #325698 !important;
}

.nav > li > a {
    position: relative;
    display: block;
    /*padding: 10px 10px;*/
}

/*lineas azules separadoras*/

.navbar-nav li{
    position: relative
}
.navbar-nav li:not(:last-child):after{
    content: '';
    position: absolute;
    right: -2px;
    width:1px;
    height: 100%;
    top: -25%;
    background-color: #325698;
}


@media (min-width:768px) { 

 .navbar > .container {
    text-align: center;
 }
 .navbar-header {
    float: none;
    display: inline-block;
 }
 .navbar-brand {
    float: none;
    display: inline-block;
 }
 .navbar .navbar-nav {
    float: none;
    display: inline-block;
    clear: none;
 }
 .navbar .navbar-nav > li {
    float: none;
    display: inline-block;
 }
 .navbar .navbar-nav > li li {
    text-align: left
 }
 
 .navbar-nav > li > a {
    padding-bottom: 15px;
    padding-top: 0px;
}
 /*add id of centerednav on the collapse or it won't work*/
 .collapse.navbar-collapse#centerednav {
    float: none;
    display: inline-block!important;
    width: auto;
    clear: none;
 }
}
/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}

body {
	background-color:#f4f4f4;
}

/*********contenedor index*******/

/*banner principal*/
.img-banner-principal{
	width:100%;
	height:auto;}
	
/*bienvenida*/
.color-fondo-bienvenida{
	background-color:#f39400;}
	
.titulo-bienvenida{
	font-family:"Roboto Light";
	font-size:34px;
	text-align:center;
	color:#fff;}
	
.txt-bienvenida{
	font-family:"Roboto Light";
	font-size:18px;
	text-align:justify;
	color:#fff;
	margin-left:52px;
	margin-right:52px;}
	
/*bloque 1*/
.fondo-bloque1{
	border-bottom:1px solid #c1c1c1;
	padding-bottom:40px;}

.caja-importancia{
	margin-top:60px;
	margin-left:20px;
	margin-right:20px;}
	
.caja-alcance, .caja-beneficios{
	margin-top:31px;
	margin-left:20px;
	margin-right:20px;}
	
.titulo-importancia, .titulo-alcance, .titulo-beneficios{
	font-family:"Roboto Light";
	font-size:32px;
	text-align:center;
	color:#4c4c4c;}
	
.txt-impotancia, .txt-alcance, .txt-beneficios{
	font-family:"Roboto Light";
	font-size:16px;
	text-align:justify;
	color:#4c4c4c;}
	
/*bloque 2*/
.fondo-bloque2{
	background:url(../img/bloque2.jpg) center top; 
	background-size:100% 100%;
	background-attachment:scroll;
	border-bottom:1px solid #c1c1c1;}
	
.pleca97porciento{
	padding-top:30px;}
	
.caja-bloque2{
	margin-left:117px;
	/*margin-right:26px;*/
	padding-top:30px;}
	
.txt-bloque2{
	font-family:"Roboto Light";
	font-size:16px;
	text-align:justify;
	color:#4c4c4c;}
	
.titulo-herramientas-contable{
	font-family:"Roboto Light";
	font-size:22px;
	text-align:center;
	color:#4c4c4c;
	letter-spacing:0.7px;}
	
.icono-herramientas-contable{
	padding-bottom:27px;}
	
.icono-40procesos{
	padding-top:240px;}
	
.caja-flechas-caracteristicas{
	margin-left:116px;
	padding-top:194px;}
	
.caja-flechas-beneficios{
	margin-left:116px;
	padding-top:90px;}
	
.caja-flechas-idoneo{
	margin-left:116px;
	padding-top:113px;}
	
.titulo-ventajas{
	font-family:"Roboto Light";
	font-size:36px;
	color:#4c4c4c;
	margin-left:15px;
	padding-top:30px;}
	
.caja-sistema-contadores{
	line-height:20px;
	padding-top:10px;}
	
.titulo-sistema-contadores{
	font-family:"Roboto Bold";
	font-size:23px;
	color:#152e5b;}
	
.subtitulo-sistema-contadores{
	font-family:"Roboto Light";
	font-size:17px;
	color:#152e5b;}
	
.lista-ventajas{
	margin:0;
	padding:0;
	list-style:none;
	font-family:"Roboto Medium";
	font-size:16px;
	color:#4c4c4c;}
	
.bulet{
	font-size:16px;
	color:#f39400;}
	
.linea-vertical{
	right:0; 
	position:absolute; 
	margin-top:15px; 
	margin-right:26px;}
	
.caja-lista-ventajas{
	margin-top:40px;}
	
.caja-lista-ventajas1{
	float:left; 
	position:relative; 
	display:inline-block; 
	padding-right:30px; 
	margin-top:20px;}
	
.caja-lista-ventajas2{
	float:left; 
	position:relative; 
	display:inline-block; 
	margin-top:20px;}
	
.caja-lista-ventajas3{
	margin-top:20px;}
	
/*bloque 3*/
.fondo-renta-mesual{
	background-color:#152e5b;
	margin-top:60px;}
	
.titulo-renta-mensual{
	font-family:"Roboto Bold";
	font-size:36px;
	color:#fff;
	line-height:84px;
	margin:0;
	padding:0;}
	
.img-descuento-mensual{
	right:0; 
	position:absolute; 
	margin-top:-10px; 
	margin-right:50px;}
	
/*bloque 4*/
	
.fondo-bloque4{
	background:url(../img/bloque4.jpg) center top; 
	background-size:100% 100%;
	background-attachment:scroll;
	border-bottom:1px solid #c1c1c1;}
	
.fondo-planes-pyme{
	background-color:#0095bb;
	width:66.6667%;
	float:left;
	position: relative;
	min-height:1px;
	margin-top:30px;
	margin-bottom:30px;
	margin-left:35px;
	padding-right:0px;
	padding-left:0px;
	border-radius:10px;}
	
.linea-vertical-mipyme{
	right:0; 
	position:absolute; 
	margin-top:20px;}
	
.caja-mipyme{
	margin-left:20px;}
	
.caja-mipyme2{
	margin-left:25px;}
	
.titulo-planes-pyme{
	font-family:"Roboto Light";
	font-size:34px;
	text-align:center;
	line-height:55px;
	color:#fff;
	background-color:#00a3c6; 
	border-radius:10px 10px 0px 0px;
	margin:0;
	padding:0;}
	
.titulo-mipyme{
	font-family:"Roboto Black";
	font-size:26px;
	color:#fff;
	margin:0;
	padding:0;
	padding-top:10px;}
	
.signo-mas{
	font-family:SansitaOne;
	font-size:28px;
	color:#fff;}
	
.usuarios{
	font-family:"Roboto Light";
	font-size:14px;
	color:#fff;
	margin:0;
	padding:0;}
	
.padding-usuarios{
	padding-top:5px;}
	
.usuarios-span{
	font-family:"Roboto Bold";
	font-size:14px;
	color:#fff}
	
.precios{
	font-family:"RobotoCondensed Bold";
	font-size:18px;
	color:#fff;}
	
.borde-btn-contrata-ahora{
	border:1px solid #087a97;
	width:180px;
	margin-left:35px;
	margin-top:50px;}
	
.btn-contrata-ahora{
	display:block;
	font-family:"Roboto Bold";
	font-size:16px;
	line-height:35px;
	text-align:center;
	color:#fff;
	background-color:#f39400;
	border:1px solid #fae2be;}
	
.borde-btn-contrata-ahora2{
	border:1px solid #087a97;
	width:180px;
	margin-left:35px;
	margin-top:10px;
	margin-bottom:20px;}
	
.btn-contrata-ahora2{
	display:block;
	font-family:"Roboto Bold";
	font-size:16px;
	line-height:35px;
	text-align:center;
	color:#fff;
	background-color:#f39400;
	border:1px solid #fae2be;}
	
/*bloque 5*/
.fondo-bloque5{
	background:url(../img/bloque5.jpg) center top; 
	background-size:100% 100%;
	background-attachment:scroll;
	border-bottom:1px solid #c1c1c1;}
	
.fondo-contador-pyme{
	background-color:#007548;
	width:41.6667%;
	float:left;
	position: relative;
	min-height:1px;
	margin-top:30px;
	margin-bottom:30px;
	padding-right:0px;
	padding-left:0px;
	border-radius:10px;}
	
.caja-contador-pyme{
	margin-left:65px; margin-bottom:20px;}
	
.titulo-contador-pyme{
	font-family:"Roboto Light";
	font-size:27px;
	text-align:center;
	line-height:50px;
	color:#fff;
	background-color:#008953; 
	border-radius:10px 10px 0px 0px;
	margin:0;
	padding:0;}
	
.titulo-afiliacion, .titulo-modulos{
	font-family:"Roboto Black";
	font-size:22px;
	color:#fff;
	margin:0;
	padding:0;
	padding-top:12px;}
	
.txt-afiliacion, .txt-modulos{
	font-family:"Roboto Light";
	font-size:14px;
	color:#fff;
	line-height:16px;
	margin:0;
	padding:0;}
	
.afliccion-span, .modulos-span{
	font-family:"Roboto Bold";
	font-size:14px;
	color:#fff}
	
.borde-btn-afliccion{
	border:1px solid #035737;
	width:180px;
	margin-left:35px;
	margin-top:10px;}
	
.btn-afliccion{
	display:block;
	font-family:"Roboto Bold";
	font-size:16px;
	line-height:35px;
	text-align:center;
	color:#035737;
	background-color:#f39400;
	border:1px solid #fae2be;}
	
/*bloque 6*/
	
.fondo-bloque6{
	background:url(../img/bloque6.jpg) center top; 
	background-size:100% 100%;
	background-attachment:scroll;
	border-bottom:1px solid #c1c1c1;}
	
.fondo-modulos-pyme{
	background-color:#502542;
	width:66.6667%;
	float:left;
	position: relative;
	min-height:1px;
	margin-top:30px;
	margin-bottom:30px;
	margin-left:35px;
	padding-right:0px;
	padding-left:0px;
	border-radius:10px;}
	
.caja-modulo-mipyme{
	margin-left:40px;}
	
.caja-modulo-mipyme2{
	margin-left:10px;}
	
.titulo-modulos-pyme{
	font-family:"Roboto Light";
	font-size:34px;
	text-align:center;
	line-height:55px;
	color:#fff;
	background-color:#673156; 
	border-radius:10px 10px 0px 0px;
	margin:0;
	padding:0;}
	
.signo-mas-modulos{
    font-family:SansitaOne;
    font-size:22px;
    color:#FFF;
}
	
.borde-btn-modelos{
	border:1px solid #330e27;
	width:180px;
	margin-left:20px;
	margin-top:30px;
	margin-bottom:20px;}
	
.btn-modelos{
	display:block;
	font-family:"Roboto Bold";
	font-size:16px;
	line-height:35px;
	text-align:center;
	color:#330e27;
	background-color:#f39400;
	border:1px solid #fae2be;}
	

	
/*form footer*/
.fondo-footer{
	background-color:#152e5b;
	height:479px;
	}
	
.fondo-amarrillo-footer{
	background-color:#f39400;}
	
.caja-contacto-form{
	margin-left:43px; 
	padding-top:30px;}
	
.caja-info-contacto{
	margin-right:200px; 
	padding-top:30px;}
	
.titulo-footer{
	font-family:"Roboto Light";
	font-size:24px;
	color:#453f53;
	text-indent:60px;
	line-height:70px;
	margin:0;
	padding:0;}
	
.txt-footer{
	font-family:"Roboto Light";
	font-size:13px;
	text-align:justify;
	color:#fff;}
	
.correo-footer{
	font-family:"Roboto Light";
	font-size:13px;
	color:#fff;
	margin-left:10px;}
	
.tel-footer{
	font-family:"Roboto Light";
	font-size:13px;
	color:#fff;
	margin-left:10px;}
	
.tabla-info{
	margin-top:30px;}
	
.foto-contacto{
	position:absolute; 
	right:0; 
	margin-top:-111px;}
	
.btn-regresar{
	display:block;
	font-family:"Roboto Light";
	font-size:14px;
	color:#fff;
	line-height:40px;
	background-color:#254f8a;
	width:160px;
	border-radius:10px;
	text-indent:21px;
	margin:auto;
	margin-top:30px;
	}
	
.copyright{
	font-family:"Arimo Regular";
	font-size:13px;
	text-align:center;
	color:#fff;
	padding-top:10px;
}
	
.columna {
    width: 100%;
    display: inline;
    float: left;
}
	
.columna1 {
    width: 49%;
    display: inline;
    float: left;
}

.columna2 {
    width: 49%;
    display: inline;
    float:right;

}

.columna-codigo {
    width: 46%;
    display: inline;
	float: left;
	padding-right:9px;
}

.img-captcha {
    width: 27%;
    display: inline;
    float:left;
	line-height:32px;
	margin-top: 7px;
}

.columna-btn {
    width: 27%;
    display: inline;
	float: left;
	line-height:32px;
	margin-top: 7px;
}

/*placeholder footer*/
::-webkit-input-placeholder {
    color:    #000;
	opacity: 1;
}
:-moz-placeholder {
    color:    #000;
	opacity: 1;
}
::-moz-placeholder {
    color:    #000;
	opacity: 1;
}
:-ms-input-placeholder {
    color:    #000;
	opacity: 1;
}

.form-footer {
	font-family:"Roboto Light";
	font-size:13px;
    border: 0;
    width: 100%;
    -moz-border-radius: 3px;
	margin-top: 7px;
	padding:6px;
	background-color:#fff;
}

.form-captcha {
	font-family:"Roboto Light";
	font-size:12px;
    border: 0;
    width: 100%;
    -moz-border-radius: 3px;
	margin-top: 7px;
	padding:6px;
	background-color:#fff;
}
.comentarios {
	font-family:"Roboto Light";
	font-size:13px;
    border: 0;
    width: 100%;
	height:100px;
    -moz-border-radius: 3px;
	margin-top:7px;
	padding:6px;
	background-color:#fff;
}

#boton_enviar{
	font-family:"Roboto Bold";
	font-size:16px;
	width:100%;
	background-color:#f39400;
	color:#FFF;
	line-height:33px;
	border:0;
	cursor:pointer;}
	
#error {
	font-family:"Roboto Light";
    font-size: 13px;
    color: #fff;
	text-align:center;
}
	
img#loadingimg{
    display: none;                   
}
	
img{
	border:0;}
	
.titulo-agradecimientos{
	font-family:"OpenSans Bold";
	font-size:34px;
	text-align:center;
	color:#763717;
	margin-top:-80px;}
	
.img-gradecimiento{
	margin-top:100px;}
	
.txt-agradecimiento{
	font-family:"OpenSans Regular";
	font-size:22px;
	text-align:center;
	color:#763717;}


/* Large desktops and laptops */
@media (min-width: 1200px) {
/* NavBar
---------------------------------------------------*/

.navbar-brand {
    float: left;
    height: 95px !important;
    padding: 15px;
    font-size: 18px;
    line-height: 20px;
}


/* End NavBar
---------------------------------------------------*/


}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {

/* NavBar
----------------------------------------*/

.navbar-brand {
    float: left;
    height: 90px !important;
    padding: 15px;
    font-size: 18px;
    line-height: 20px;
}


}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
	
/* NavBar
---------------------------------------------------*/

.navbar-brand {
    float: left;
    height: 90px !important;
    padding: 15px;
    font-size: 18px;
    line-height: 20px;
}


.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: 0px !important;
}

.nav > li > a {
    position: relative;
    display: block;
    /*padding: 10px 10px !important;*/
}

/* End NavBar
---------------------------------------------------*/

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}

body {
	background-color:#f4f4f4;
}

/*********contenedor index*******/

/*banner principal*/
.img-banner-principal{
	width:100%;
	height:auto;}
	
/*bienvenida*/
.color-fondo-bienvenida{
	background-color:#f39400;}
	
.titulo-bienvenida{
	font-family:"Roboto Light";
	font-size:26px;
	text-align:center;
	color:#fff;
	letter-spacing:0.3px;}
	
.txt-bienvenida{
	font-family:"Roboto Light";
	font-size:16px;
	text-align:justify;
	color:#fff;
	margin-left:113px;
	margin-right:113px;}
	
/*bloque 1*/
.fondo-bloque1{
	border-bottom:1px solid #c1c1c1;
	padding-bottom:40px;}

.caja-importancia{
	margin-top:60px;
	margin-left:10px;
	margin-right:10px;}
	
.caja-alcance, .caja-beneficios{
	margin-top:31px;
	margin-left:10px;
	margin-right:10px;}
	
.titulo-importancia, .titulo-alcance, .titulo-beneficios{
	font-family:"Roboto Light";
	font-size:28px;
	text-align:center;
	color:#4c4c4c;}
	
.txt-impotancia, .txt-alcance, .txt-beneficios{
	font-family:"Roboto Light";
	font-size:13px;
	text-align:justify;
	color:#4c4c4c;}
	
/*bloque 2*/
.fondo-bloque2{
	background:#fff;
	border-bottom:1px solid #c1c1c1;}
	
.pleca97porciento2{
	padding-top:15px;}
	
.caja-bloque2{
	margin-left:0px;
	/*margin-right:26px;*/
	padding-top:15px;}
	
.txt-bloque2{
	font-family:"Roboto Light";
	font-size:14px;
	text-align:justify;
	color:#4c4c4c;}
	
.titulo-herramientas-contable{
	font-family:"Roboto Light";
	font-size:18px;
	text-align:center;
	color:#4c4c4c;
	letter-spacing:1px;}
	
.icono-herramientas-contable{
	padding-bottom:27px;}
	
.icono-40procesos{
	display:none;}
	
.caja-flechas-caracteristicas{
	margin-left:0px;
	padding-top:187px;}
	
.caja-flechas-beneficios{
	margin-left:0px;
	padding-top:90px;}
	
.caja-flechas-idoneo{
	margin-left:0px;
	padding-top:112px;}
	
.titulo-ventajas{
	font-family:"Roboto Light";
	font-size:28px;
	color:#4c4c4c;
	margin-left:15px;
	padding-top:30px;}
	
.caja-sistema-contadores{
	line-height:20px;
	padding-top:10px;}
	
.titulo-sistema-contadores{
	font-family:"Roboto Bold";
	font-size:18px;
	color:#152e5b;}
	
.subtitulo-sistema-contadores{
	font-family:"Roboto Light";
	font-size:15px;
	color:#152e5b;}
	
.lista-ventajas{
	margin:0;
	padding:0;
	list-style:none;
	font-family:"Roboto Medium";
	font-size:13px;
	color:#4c4c4c;}
	
.bulet{
	font-size:16px;
	color:#f39400;}
	
.linea-vertical{
	right:0; 
	position:absolute; 
	margin-top:15px; 
	margin-right:-10px;}
	
.contenido-sistema-contable{
	margin-left:20px;}
	
.caja-lista-ventajas{
	margin-top:30px;}
	
.caja-lista-ventajas1{
	float:left; 
	position:relative; 
	display:inline-block; 
	padding-right:30px; 
	margin-top:20px;}
	
.caja-lista-ventajas2{
	float:left; 
	position:relative; 
	display:inline-block; 
	margin-top:20px;}
	
.caja-lista-ventajas3{
	margin-top:20px;}
	
/*bloque 3*/
.fondo-renta-mesual{
	background-color:#152e5b;
	margin-top:60px;}
	
.titulo-renta-mensual{
	font-family:"Roboto Bold";
	font-size:30px;
	color:#fff;
	line-height:64px;
	margin:0;
	padding:0;
	margin-left:60px;}
	
.img-descuento-mensual{
	right:0; 
	position:absolute; 
	margin-top:-10px; 
	margin-right:100px;}
	
/*bloque 4*/
	
.fondo-bloque4{
	background:#b4e4ee;
	border-bottom:1px solid #c1c1c1;}
	
.fondo-planes-pyme{
	background-color:#0095bb;
	width:90%;
	float:left;
	position: relative;
	min-height:1px;
	margin-top:30px;
	margin-bottom:30px;
	margin-left:35px;
	padding-right:0px;
	padding-left:0px;
	border-radius:10px;}
	
.linea-vertical-mipyme{
	right:0; 
	position:absolute; 
	margin-top:20px;
	margin-right:8px;}
	
.caja-mipyme{
	margin-left:20px;}
	
.caja-mipyme2{
	margin-left:25px;}
	
.titulo-planes-pyme{
	font-family:"Roboto Light";
	font-size:34px;
	text-align:center;
	line-height:55px;
	color:#fff;
	background-color:#00a3c6; 
	border-radius:10px 10px 0px 0px;
	margin:0;
	padding:0;}
	
.titulo-mipyme{
	font-family:"Roboto Black";
	font-size:26px;
	color:#fff;
	margin:0;
	padding:0;
	padding-top:10px;}
	
.signo-mas{
	font-family:SansitaOne;
	font-size:26px;
	color:#fff;}
	
.usuarios{
	font-family:"Roboto Light";
	font-size:14px;
	color:#fff;
	margin:0;
	padding:0;}
	
.padding-usuarios{
	padding-top:5px;}
	
.usuarios-span{
	font-family:"Roboto Bold";
	font-size:14px;
	color:#fff}
	
.precios{
	font-family:"RobotoCondensed Bold";
	font-size:18px;
	color:#fff;}
	
.borde-btn-contrata-ahora{
	border:1px solid #087a97;
	width:180px;
	margin-left:35px;
	margin-top:50px;}
	
.btn-contrata-ahora{
	display:block;
	font-family:"Roboto Bold";
	font-size:15px;
	line-height:35px;
	text-align:center;
	color:#fff;
	background-color:#f39400;
	border:1px solid #fae2be;}
	
.borde-btn-contrata-ahora2{
	border:1px solid #087a97;
	width:180px;
	margin-left:35px;
	margin-top:10px;
	margin-bottom:20px;}
	
.btn-contrata-ahora2{
	display:block;
	font-family:"Roboto Bold";
	font-size:15px;
	line-height:35px;
	text-align:center;
	color:#fff;
	background-color:#f39400;
	border:1px solid #fae2be;}
	
/*bloque 5*/
.fondo-bloque5{
	background:#abd8c6;
	border-bottom:1px solid #c1c1c1;}
	
.fondo-contador-pyme{
	background-color:#007548;
	width:60%;
	float:left;
	position: relative;
	min-height:1px;
	margin-top:30px;
	margin-left:138px;
	margin-bottom:30px;
	padding-right:0px;
	padding-left:0px;
	border-radius:10px;}
	
.caja-contador-pyme{
	margin-left:65px; margin-bottom:20px;}
	
.titulo-contador-pyme{
	font-family:"Roboto Light";
	font-size:26px;
	text-align:center;
	line-height:50px;
	color:#fff;
	background-color:#008953; 
	border-radius:10px 10px 0px 0px;
	margin:0;
	padding:0;}
	
.titulo-afiliacion, .titulo-modulos{
	font-family:"Roboto Black";
	font-size:20px;
	color:#fff;
	margin:0;
	padding:0;
	padding-top:12px;}
	
.txt-afiliacion, .txt-modulos{
	font-family:"Roboto Light";
	font-size:14px;
	color:#fff;
	line-height:16px;
	margin:0;
	padding:0;}
	
.afliccion-span, .modulos-span{
	font-family:"Roboto Bold";
	font-size:14px;
	color:#fff}
	
.borde-btn-afliccion{
	border:1px solid #035737;
	width:180px;
	margin-left:35px;
	margin-top:10px;}
	
.btn-afliccion{
	display:block;
	font-family:"Roboto Bold";
	font-size:15px;
	line-height:35px;
	text-align:center;
	color:#035737;
	background-color:#f39400;
	border:1px solid #fae2be;}
	
/*bloque 6*/
	
.fondo-bloque6{
	background:#d1c1cc;
	border-bottom:1px solid #c1c1c1;}
	
.fondo-modulos-pyme{
	background-color:#502542;
	width:90%;
	float:left;
	position: relative;
	min-height:1px;
	margin-top:30px;
	margin-bottom:30px;
	margin-left:35px;
	padding-right:0px;
	padding-left:0px;
	border-radius:10px;}
	
.caja-modulo-mipyme{
	margin-left:40px;}
	
.caja-modulo-mipyme2{
	margin-left:10px;}
	
.titulo-modulos-pyme{
	font-family:"Roboto Light";
	font-size:34px;
	text-align:center;
	line-height:55px;
	color:#fff;
	background-color:#673156; 
	border-radius:10px 10px 0px 0px;
	margin:0;
	padding:0;}
	
.signo-mas-modulos{
    font-family:SansitaOne;
    font-size:20px;
    color:#FFF;
}
	
.borde-btn-modelos{
	border:1px solid #330e27;
	width:180px;
	margin-left:20px;
	margin-top:30px;
	margin-bottom:20px;}
	
.btn-modelos{
	display:block;
	font-family:"Roboto Bold";
	font-size:15px;
	line-height:35px;
	text-align:center;
	color:#330e27;
	background-color:#f39400;
	border:1px solid #fae2be;}
	

	
/*form footer*/
.fondo-footer{
	background-color:#152e5b;
	height:479px;
	}
	
.fondo-amarrillo-footer{
	background-color:#f39400;}
	
.caja-contacto-form{
	margin-left:0px; 
	padding-top:30px;}
	
.caja-info-contacto{
	margin-right:0px; 
	padding-top:30px;}
	
.titulo-footer{
	font-family:"Roboto Light";
	font-size:22px;
	color:#453f53;
	text-indent:60px;
	line-height:60px;
	margin:0;
	padding:0;}
	
.txt-footer{
	font-family:"Roboto Light";
	font-size:13px;
	text-align:justify;
	color:#fff;}
	
.correo-footer{
	font-family:"Roboto Light";
	font-size:13px;
	color:#fff;
	margin-left:10px;}
	
.tel-footer{
	font-family:"Roboto Light";
	font-size:13px;
	color:#fff;
	margin-left:10px;}
	
.tabla-info{
	margin-top:30px;}
	
.foto-contacto{
	display:none;}
	
.btn-regresar{
	display:block;
	font-family:"Roboto Light";
	font-size:14px;
	color:#fff;
	line-height:40px;
	background-color:#254f8a;
	width:160px;
	border-radius:10px;
	text-indent:21px;
	margin:auto;
	margin-top:30px;
	}
	
.copyright{
	font-family:"Arimo Regular";
	font-size:13px;
	text-align:center;
	color:#fff;
	padding-top:10px;
}
	
.columna {
    width: 100%;
    display: inline;
    float: left;
}
	
.columna1 {
    width: 49%;
    display: inline;
    float: left;
}

.columna2 {
    width: 49%;
    display: inline;
    float:right;

}

.columna-codigo {
    width: 46%;
    display: inline;
	float: left;
	padding-right:9px;
}

.img-captcha {
    width: 27%;
    display: inline;
    float:left;
	line-height:32px;
	margin-top: 7px;
}

.columna-btn {
    width: 27%;
    display: inline;
	float: left;
	line-height:32px;
	margin-top: 7px;
}

/*placeholder footer*/
::-webkit-input-placeholder {
    color:    #000;
	opacity: 1;
}
:-moz-placeholder {
    color:    #000;
	opacity: 1;
}
::-moz-placeholder {
    color:    #000;
	opacity: 1;
}
:-ms-input-placeholder {
    color:    #000;
	opacity: 1;
}

.form-footer {
	font-family:"Roboto Light";
	font-size:13px;
    border: 0;
    width: 100%;
    -moz-border-radius: 3px;
	margin-top: 7px;
	padding:6px;
	background-color:#fff;
}

.form-captcha {
	font-family:"Roboto Light";
	font-size:11px;
    border: 0;
    width: 100%;
    -moz-border-radius: 3px;
	margin-top: 7px;
	padding:6px;
	background-color:#fff;
}
.comentarios {
	font-family:"Roboto Light";
	font-size:13px;
    border: 0;
    width: 100%;
	height:100px;
    -moz-border-radius: 3px;
	margin-top:7px;
	padding:6px;
	background-color:#fff;
}

#boton_enviar{
	font-family:"Roboto Bold";
	font-size:14px;
	width:100%;
	background-color:#f39400;
	color:#FFF;
	line-height:33px;
	border:0;
	cursor:pointer;}
	
#error {
	font-family:"Roboto Light";
    font-size: 13px;
    color: #fff;
	text-align:center;
}
	
img#loadingimg{
    display: none;                   
}
	
img{
	border:0;}
	
.titulo-agradecimientos{
	font-family:"OpenSans Bold";
	font-size:34px;
	text-align:center;
	color:#763717;
	margin-top:-80px;}
	
.img-gradecimiento{
	margin-top:100px;}
	
.txt-agradecimiento{
	font-family:"OpenSans Regular";
	font-size:22px;
	text-align:center;
	color:#763717;}
	


}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {

/* NavBar
---------------------------------------------------*/

.navbar-brand {
    float: left;
    height: 80px !important;
    padding: 15px;
    font-size: 18px;
    line-height: 20px;
}

.navbar-default {
	background:#152E5B !important;
	background-color:#152E5B !important;
    border-color: transparent !important;
	border-bottom:4px solid #325698 !important;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
}

/*lineas azules separadoras*/

.navbar-nav li{
    position: relative
}
.navbar-nav li:not(:last-child):after{
    content: '';
    position: absolute;
    right: 0px;
    width:0px;
    height: 100%;
    top: 0;
    background-color:transparent;
}

/* End NavBar
---------------------------------------------------*/

/* contenido index
---------------------------------------------------*/

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}

body {
}

.footer {
}


}

/* Portrait phones and smaller */
@media (max-width: 480px) {

/* NavBar
---------------------------------------------------*/
.navbar-brand {
    float: left;
    height: 50px !important;
    padding: 15px;
    font-size: 18px;
    line-height: 20px;
}

.navbar-default {
	background:#152E5B !important;
	background-color:#152E5B !important;
    border-color: transparent !important;
	border-bottom:4px solid #325698 !important;
}

/*lineas azules separadoras*/

.navbar-nav li{
    position: relative
}
.navbar-nav li:not(:last-child):after{
    content: '';
    position: absolute;
    right: 0px;
    width:0px;
    height: 100%;
    top: 0;
    background-color:transparent;
}

/* End NavBar
---------------------------------------------------*/

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}

body {
	background-color:#f4f4f4;
}

/*********contenedor index*******/

/*banner principal*/
.img-banner-principal{
	width:100%;
	height:auto;}
	
/*bienvenida*/
.color-fondo-bienvenida{
	background-color:#f39400;}
	
.titulo-bienvenida{
	font-family:"Roboto Light";
	font-size:16px;
	text-align:center;
	color:#fff;
	letter-spacing:0.3px;}
	
.txt-bienvenida{
	font-family:"Roboto Light";
	font-size:14px;
	text-align:justify;
	color:#fff;
	margin-left:8px;
	margin-right:8px;}
	
/*bloque 1*/
.fondo-bloque1{
	border-bottom:1px solid #c1c1c1;
	padding-bottom:40px;}

.caja-importancia{
	margin-top:60px;
	margin-left:10px;
	margin-right:10px;}
	
.caja-alcance, .caja-beneficios{
	margin-top:31px;
	margin-left:10px;
	margin-right:10px;}
	
.titulo-importancia, .titulo-alcance, .titulo-beneficios{
	font-family:"Roboto Light";
	font-size:26px;
	text-align:center;
	color:#4c4c4c;}
	
.txt-impotancia, .txt-alcance, .txt-beneficios{
	font-family:"Roboto Light";
	font-size:14px;
	text-align:justify;
	color:#4c4c4c;}
	
/*bloque 2*/
.fondo-bloque2{
	background:#fff;
	border-bottom:1px solid #c1c1c1;}
	
.pleca97porciento2{
	padding-top:15px;}
	
.caja-bloque2{
	margin-left:0px;
	/*margin-right:26px;*/
	padding-top:15px;}
	
.txt-bloque2{
	font-family:"Roboto Light";
	font-size:14px;
	text-align:justify;
	color:#4c4c4c;}
	
.titulo-herramientas-contable{
	font-family:"Roboto Light";
	font-size:14px;
	text-align:center;
	color:#4c4c4c;
	letter-spacing:1px;}
	
.icono-herramientas-contable{
	padding-bottom:27px;}
	
.icono-40procesos{
	display:none;}
	
.caja-flechas-caracteristicas{
	margin-left:0px;
	padding-top:10px;}
	
.caja-flechas-beneficios{
	margin-left:0px;
	padding-top:10px;}
	
.caja-flechas-idoneo{
	margin-left:0px;
	padding-top:10px;}
	
.titulo-ventajas{
	font-family:"Roboto Light";
	font-size:18px;
	color:#4c4c4c;
	margin-left:15px;
	padding-top:30px;}
	
.caja-sistema-contadores{
	line-height:20px;
	padding-top:10px;}
	
.titulo-sistema-contadores{
	font-family:"Roboto Bold";
	font-size:18px;
	color:#152e5b;}
	
.subtitulo-sistema-contadores{
	font-family:"Roboto Light";
	font-size:15px;
	color:#152e5b;}
	
.lista-ventajas{
	margin:0;
	padding:0;
	list-style:none;
	font-family:"Roboto Medium";
	font-size:14px;
	color:#4c4c4c;}
	
.bulet{
	font-size:16px;
	color:#f39400;}
	
.linea-vertical{
	right:0; 
	position:absolute; 
	margin-top:15px; 
	margin-right:-10px;}
	
.contenido-sistema-contable{
	margin-left:0px;
	padding-top:10px;}
	
.caja-lista-ventajas{
	margin-top:10px;}
	
.caja-lista-ventajas1{
	float:left; 
	position:relative; 
	display:inline-block; 
	padding-right:30px; 
	margin-top:10px;}
	
.caja-lista-ventajas2{
	float:left; 
	position:relative; 
	display:inline-block; 
	margin-top:10px;}
	
.caja-lista-ventajas3{
	margin-top:10px;}
	
/*bloque 3*/
.fondo-renta-mesual{
	background-color:#152e5b;
	margin-top:60px;}
	
.titulo-renta-mensual{
	font-family:"Roboto Bold";
	font-size:18px;
	color:#fff;
	line-height:40px;
	margin:0;
	padding:0;
	margin-left:0px;}
	
.img-descuento-mensual{
	right:0; 
	position:absolute; 
	margin-top:-5px; 
	margin-right:10px;}
	
/*bloque 4*/
	
.fondo-bloque4{
	background:#b4e4ee;
	border-bottom:1px solid #c1c1c1;}
	
.fondo-planes-pyme{
	background-color:#0095bb;
	width:100%;
	float:left;
	position: relative;
	min-height:1px;
	margin-top:30px;
	margin-bottom:30px;
	margin-left:0px;
	padding-right:0px;
	padding-left:0px;
	border-radius:10px;}
	
.linea-vertical-mipyme{
	display:none;}
	
.caja-mipyme{
	margin-left:20px;}
	
.caja-mipyme2{
	margin-left:25px;}
	
.titulo-planes-pyme{
	font-family:"Roboto Light";
	font-size:30px;
	text-align:center;
	line-height:50px;
	color:#fff;
	background-color:#00a3c6; 
	border-radius:10px 10px 0px 0px;
	margin:0;
	padding:0;}
	
.titulo-mipyme{
	font-family:"Roboto Black";
	font-size:24px;
	color:#fff;
	margin:0;
	padding:0;
	padding-top:10px;}
	
.signo-mas{
	font-family:SansitaOne;
	font-size:24px;
	color:#fff;}
	
.usuarios{
	font-family:"Roboto Light";
	font-size:14px;
	color:#fff;
	margin:0;
	padding:0;}
	
.padding-usuarios{
	padding-top:5px;}
	
.usuarios-span{
	font-family:"Roboto Bold";
	font-size:14px;
	color:#fff}
	
.precios{
	font-family:"RobotoCondensed Bold";
	font-size:18px;
	color:#fff;}
	
.borde-btn-contrata-ahora{
	border:1px solid #087a97;
	width:180px;
	margin-left:40px;
	margin-top:10px;}
	
.btn-contrata-ahora{
	display:block;
	font-family:"Roboto Bold";
	font-size:14px;
	line-height:35px;
	text-align:center;
	color:#fff;
	background-color:#f39400;
	border:1px solid #fae2be;}
	
.borde-btn-contrata-ahora2{
	border:1px solid #087a97;
	width:180px;
	margin-left:40px;
	margin-top:10px;
	margin-bottom:20px;}
	
.btn-contrata-ahora2{
	display:block;
	font-family:"Roboto Bold";
	font-size:14px;
	line-height:35px;
	text-align:center;
	color:#fff;
	background-color:#f39400;
	border:1px solid #fae2be;}
	
/*bloque 5*/
.fondo-bloque5{
	background:#abd8c6;
	border-bottom:1px solid #c1c1c1;}
	
.fondo-contador-pyme{
	background-color:#007548;
	width:100%;
	float:left;
	position: relative;
	min-height:1px;
	margin-top:30px;
	margin-left:0px;
	margin-bottom:30px;
	padding-right:0px;
	padding-left:0px;
	border-radius:10px;}
	
.caja-contador-pyme{
	margin-left:30px;
	 margin-bottom:20px;}
	
.titulo-contador-pyme{
	font-family:"Roboto Light";
	font-size:22px;
	text-align:center;
	line-height:50px;
	color:#fff;
	background-color:#008953; 
	border-radius:10px 10px 0px 0px;
	margin:0;
	padding:0;}
	
.titulo-afiliacion, .titulo-modulos{
	font-family:"Roboto Black";
	font-size:18px;
	color:#fff;
	margin:0;
	padding:0;
	padding-top:12px;}
	
.txt-afiliacion, .txt-modulos{
	font-family:"Roboto Light";
	font-size:14px;
	color:#fff;
	line-height:16px;
	margin:0;
	padding:0;}
	
.afliccion-span, .modulos-span{
	font-family:"Roboto Bold";
	font-size:14px;
	color:#fff}
	
.borde-btn-afliccion{
	border:1px solid #035737;
	width:180px;
	margin-left:35px;
	margin-top:10px;}
	
.btn-afliccion{
	display:block;
	font-family:"Roboto Bold";
	font-size:14px;
	line-height:35px;
	text-align:center;
	color:#035737;
	background-color:#f39400;
	border:1px solid #fae2be;}
	
/*bloque 6*/
	
.fondo-bloque6{
	background:#d1c1cc;
	border-bottom:1px solid #c1c1c1;}
	
.fondo-modulos-pyme{
	background-color:#502542;
	width:100%;
	float:left;
	position: relative;
	min-height:1px;
	margin-top:30px;
	margin-bottom:30px;
	margin-left:0px;
	padding-right:0px;
	padding-left:0px;
	border-radius:10px;}
	
.caja-modulo-mipyme{
	margin-left:10px;}
	
.caja-modulo-mipyme2{
	margin-left:10px;}
	
.titulo-modulos-pyme{
	font-family:"Roboto Light";
	font-size:30px;
	text-align:center;
	line-height:50px;
	color:#fff;
	background-color:#673156; 
	border-radius:10px 10px 0px 0px;
	margin:0;
	padding:0;}
	
.signo-mas-modulos{
    font-family:SansitaOne;
    font-size:18px;
    color:#FFF;
}
	
.borde-btn-modelos{
	border:1px solid #330e27;
	width:180px;
	margin-left:20px;
	margin-top:30px;
	margin-bottom:20px;}
	
.btn-modelos{
	display:block;
	font-family:"Roboto Bold";
	font-size:14px;
	line-height:35px;
	text-align:center;
	color:#330e27;
	background-color:#f39400;
	border:1px solid #fae2be;}
	

	
/*form footer*/
.fondo-footer{
	background-color:#152e5b;
	height:660px;
	}
	
.fondo-amarrillo-footer{
	background-color:#f39400;}
	
.caja-contacto-form{
	margin-left:0px; 
	padding-top:15px;}
	
.caja-info-contacto{
	margin-right:0px; 
	padding-top:15px;}
	
.titulo-footer{
	font-family:"Roboto Light";
	font-size:13px;
	color:#453f53;
	text-indent:0px;
	line-height:40px;
	text-align:center;
	margin:0;
	padding:0;}
	
.txt-footer{
	font-family:"Roboto Light";
	font-size:13px;
	text-align:justify;
	color:#fff;}
	
.correo-footer{
	font-family:"Roboto Light";
	font-size:13px;
	color:#fff;
	margin-left:10px;}
	
.tel-footer{
	font-family:"Roboto Light";
	font-size:13px;
	color:#fff;
	margin-left:10px;}
	
.tabla-info{
	margin-top:15px;}
	
.foto-contacto{
	display:none;}
	
.btn-regresar{
	display:block;
	font-family:"Roboto Light";
	font-size:14px;
	color:#fff;
	line-height:40px;
	background-color:#254f8a;
	width:160px;
	border-radius:10px;
	text-indent:21px;
	margin:auto;
	margin-top:30px;
	}
	
.copyright{
	font-family:"Arimo Regular";
	font-size:13px;
	text-align:center;
	color:#fff;
	padding-top:10px;
}
	
.columna {
    width: 100%;
    display: inline;
    float: left;
}
	
.columna1 {
    width: 49%;
    display: inline;
    float: left;
}

.columna2 {
    width: 49%;
    display: inline;
    float:right;

}

.columna-codigo {
    width: 100%;
    display: inline;
	float: left;
	padding-right:0px;
}

.img-captcha {
    width: 100%;
    display: inline;
    float:left;
	line-height:32px;
	margin-left:0px;
	margin-top: 7px;
}

.captcha{
	margin-left:99px;}

.columna-btn {
    width: 100%;
    display: inline;
	float: left;
	line-height:32px;
	margin-top: 7px;
}

/*placeholder footer*/
::-webkit-input-placeholder {
    color:    #000;
	opacity: 1;
}
:-moz-placeholder {
    color:    #000;
	opacity: 1;
}
::-moz-placeholder {
    color:    #000;
	opacity: 1;
}
:-ms-input-placeholder {
    color:    #000;
	opacity: 1;
}

.form-footer {
	font-family:"Roboto Light";
	font-size:13px;
    border: 0;
    width: 100%;
    -moz-border-radius: 3px;
	margin-top: 7px;
	padding:6px;
	background-color:#fff;
}

.form-captcha {
	font-family:"Roboto Light";
	font-size:12px;
    border: 0;
    width: 100%;
    -moz-border-radius: 3px;
	margin-top: 7px;
	padding:6px;
	background-color:#fff;
}
.comentarios {
	font-family:"Roboto Light";
	font-size:13px;
    border: 0;
    width: 100%;
	height:100px;
    -moz-border-radius: 3px;
	margin-top:7px;
	padding:6px;
	background-color:#fff;
}

#boton_enviar{
	font-family:"Roboto Bold";
	font-size:14px;
	width:100%;
	background-color:#f39400;
	color:#FFF;
	line-height:33px;
	border:0;
	cursor:pointer;}
	
#error {
	font-family:"Roboto Light";
    font-size: 13px;
    color: #fff;
	text-align:center;
}
	
img#loadingimg{
    display: none;                   
}
	
img{
	border:0;}
	
.titulo-agradecimientos{
	font-family:"OpenSans Bold";
	font-size:34px;
	text-align:center;
	color:#763717;
	margin-top:-80px;}
	
.img-gradecimiento{
	margin-top:100px;}
	
.txt-agradecimiento{
	font-family:"OpenSans Regular";
	font-size:22px;
	text-align:center;
	color:#763717;}


}