/* SMART IT WEB*/
/* e disruption 2016*/

body{
	 -webkit-font-smoothing: antialiased;
	 -moz-osx-font-smoothing: grayscale;
	}
.demo-icons{
	width:300px;
	margin:auto;
	margin-top:50px;
	height:100px;
	text-align:center;
	}
.demo-icons-container{
	width:768px;
	height:auto;
	padding:10px;
	margin:auto;
	}
.light-bg li  {
	list-style-type:none;
	}
.smart-it-desc{
	font-family: 'Weissenhof Grotesk';
	line-height:30px;
	font-size:1em;
	color:#555555;
	}
.productos-desc{
	font-family: 'Weissenhof Grotesk';
	line-height:30px;
	font-size:0.85em;
	color:#555555;
	}
.icon{
	font-size: 4em;
    line-height: 2;
	transition:  all 0.2s ease-out;
	}
.icon-frame{
	border-radius:25px;
	padding:15px 10px 15px 10px;
	color:#000;
	margin:10px;
	border:1px solid #000;
	}
.regular{
	text-shadow:2px 2px 5px rgba(0,0,0,0.4);
}
.dark-bg{
	background:rgba(0,0,0,0.8);
	padding-top:100px;
	padding-bottom:100px;
}
.light-bg{
	background:rgba(255,255,255,1);
	padding-top:100px;
	padding-bottom:100px; 
}
.light-bg-1{
	background:rgba(255,255,255,1);
	padding-top:100px;
	padding-bottom:100px;
}

.light-bg i{
		box-shadow:inset 0px 10px 50px rgba(0,0,0,0.2);
}
.item {
    text-align: center;
	display:inline-block;
	width:150px;
}
.item-row{
	width:100%; height:150px; margin:auto; display:inline-block;
	}

.item p{
	font-size:12px;
	letter-spacing:0.06em;
	width:150px;
	color:#2f2f2f;
	}
.dark-bg p{
	color:#fff;
	}
.dark-bg i{
	background: rgba(0,0,0,0.2);
	box-shadow:inset 0px 10px 50px rgba(0,0,0,0.6);
	text-shadow:1px 2px 3px rgba(255,255,255,0.1);
	}
.light-bg i:hover{
	background:#fff;
	border:1px solid #2c60d9;
	color:#2c60d9;
	text-shadow:none;
	box-shadow:none;
	}

.dark-bg i:hover{
	background:#fff;
	border:1px solid #fff;
	color:#2F2F2F;
	text-shadow:none;
	box-shadow:none;
	}

/*COLORES*/
	.s-y-hyp{
	background: #22A7F0 none repeat scroll 0 0;
	color:#fff;
	border:none;
	text-shadow:1px 2px 6px #0376B5;
	}
	.s-y-hyp-invertido{
	color:#22A7F0;
	border-color:#22A7F0;
	}
	.s-y-hyp-linea{
	color:#22A7F0;
	border-color:#22A7F0;
	text-shadow:none;
	}
	.s-y-hyp-linea:hover{
	background: #22A7F0 none repeat scroll 0 0;
	color:#fff;
	border:none;
	}
	.refacciones{
	background: #EF4836 none repeat scroll 0 0;
	color:#fff;
	border:none;
	}
	.refacciones-invertido{
	color:#EF4836;
	border-color:#EF4836;
	}
	.refacciones-linea{
	color:#EF4836;
	border-color:#EF4836;
	text-shadow:none;
	}
	.refacciones-linea:hover{
	background: #EF4836 none repeat scroll 0 0;
	color:#fff;
	border:none;
	}
	.presupuestos{
	background: #F9690E none repeat scroll 0 0;
	color:#fff;
	border:none;
	}
	.presupuestos-invertido{
	color:#F9690E;
	border-color:#F9690E;
	}
	.presupuestos-linea{
	color:#F9690E;
	border-color:#F9690E;
	text-shadow:none;
	}
	.presupuestos-linea:hover{
	background: #F9690E none repeat scroll 0 0;
	color:#fff;
	border:none;
	}
	.caja{
	background: #36D7B7 none repeat scroll 0 0;
	color:#fff;
	border:none;
	}
	.caja-invertido{
	color:#36D7B7;
	border-color:#36D7B7;
	}
	.caja-linea{
	color:#36D7B7;
	border-color:#36D7B7;
	text-shadow:none;
	}
	.caja-linea:hover{
	background: #36D7B7 none repeat scroll 0 0;
	color:#fff;
	border:none;
	}
	.comisiones{
	background: #4090a2 none repeat scroll 0 0;
	color:#fff;
	border:none;
	}
	.comisiones-invertido{
	color:#4090a2;
	border-color:#4090a2;
	}
	.comisiones-linea{
	color:#4090a2;
	border-color:#4090a2;
	text-shadow:none;
	}
	.comisiones-linea:hover{
	background: #4090a2 none repeat scroll 0 0;
	color:#fff;
	border:none;
	}
	.unidades-nuevas{
	background: #BF55EC none repeat scroll 0 0;
	color:#fff;
	border:none;
	}
	.unidades-nuevas-invertido{
	color:#BF55EC;
	border-color:#BF55EC;
	}
	.unidades-nuevas-linea{
	color:#BF55EC;
	border-color:#BF55EC;
	text-shadow:none;
	}
	.unidades-nuevas-linea:hover{
	background: #BF55EC none repeat scroll 0 0;
	color:#fff;
	border:none;
	}
	.unidades-usadas{
	background: #BE90D4 none repeat scroll 0 0;
	color:#fff;
	border:none;
	}
	.unidades-usadas-invertido{
	color:#BE90D4;
	border-color:#BE90D4;
	}
	.unidades-usadas-linea{
	color:#BE90D4;
	border-color:#BE90D4;
	text-shadow:none;
	}
	.unidades-usadas-linea:hover{
	background: #BE90D4 none repeat scroll 0 0;
	color:#fff;
	border:none;
	}
	.crm{
	background: #F22613 none repeat scroll 0 0;
	color:#fff;
	border:none;
	}
	.crm-invertido{
	color:#F22613;
	border-color:#F22613;
	}
	.crm-linea{
	color:#F22613;
	border-color:#F22613;
	text-shadow:none;
	}
	.crm-linea:hover{
	background: #F22613 none repeat scroll 0 0;
	color:#fff;
	border:none;
	}
	.business-intelligence{
	background: #1F3A93 none repeat scroll 0 0;
	color:#fff;
	border:none;
	}
	.business-intelligence-invertido{
	color:#4183D7;
	border-color:#4183D7;
	}
	.business-intelligence-linea{
	color:#4183D7;
	border-color:#4183D7;
	text-shadow:none;
	}
	.business-intelligence-linea:hover{
	background: #4183D7 none repeat scroll 0 0;
	color:#fff;
	border:none;
	}
	.cuentas-por-cobrar{
	background: #66CC99 none repeat scroll 0 0;
	color:#fff;
	border:none;
	}
	.cuentas-por-cobrar-invertido{
	color:#66CC99;
	border-color:#66CC99;
	}
	.cuentas-por-cobrar-linea{
	color:#66CC99;
	border-color:#66CC99;
	text-shadow:none;
	}
	.cuentas-por-cobrar-linea:hover{
	background: #66CC99 none repeat scroll 0 0;
	color:#fff;
	border:none;
	}
	.cuentas-por-pagar{
	background: #E08283 none repeat scroll 0 0;
	color:#fff;
	border:none;
	}
	.cuentas-por-pagar-invertido{
	color:#E08283;
	border-color:#E08283;
	}
	.cuentas-por-pagar-linea{
	color:#E08283;
	border-color:#E08283;
	text-shadow:none;
	}
	.cuentas-por-pagar-linea:hover{
	background: #E08283 none repeat scroll 0 0;
	color:#fff;
	border:none;
	}
	.seguridad{
	background: #2ECC71 none repeat scroll 0 0;
	color:#fff;
	border:none;
	}
	.seguridad-invertido{
	color:#2ECC71;
	border-color:#2ECC71;
	}
	.seguridad-linea{
	color:#2ECC71;
	border-color:#2ECC71;
	text-shadow:none;
	}
	.seguridad-linea:hover{
	background: #2ECC71 none repeat scroll 0 0;
	color:#fff;
	border:none;
	}
	.carteras{
	background: #EB974E none repeat scroll 0 0;
	color:#fff;
	border:none;
	}
	.carteras-invertido{
	color:#EB974E;
	border-color:#EB974E;
	}
	.carteras-linea{
	color:#EB974E;
	border-color:#EB974E;
	text-shadow:none;
	}
	.carteras-linea:hover{
	background: #EB974E none repeat scroll 0 0;
	color:#fff;
	border:none;
	}
	.g-de-negocios{
	background: #5C97BF none repeat scroll 0 0;
	color:#fff;
	border:none;
	}
	.g-de-negocios-invertido{
	color:#5C97BF;
	border-color:#5C97BF;
	}
	.g-de-negocios-linea{
	color:#5C97BF;
	border-color:#5C97BF;
	text-shadow:none;
	}
	.g-de-negocios-linea:hover{
	background: #5C97BF none repeat scroll 0 0;
	color:#fff;
	border:none;
	}
	.fiscal{
	background: #1E824C none repeat scroll 0 0;
	color:#fff;
	border:none;
	}
	.fiscal-invertido{
	color:#1E824C;
	border-color:#1E824C;
	}
	.fiscal-linea{
	color:#1E824C;
	border-color:#1E824C;
	text-shadow:none;
	}
	.fiscal-linea:hover{
	background: #1E824C none repeat scroll 0 0;
	color:#fff;
	border:none;
	}
	.compras{
	background: #F62459 none repeat scroll 0 0;
	color:#fff;
	border:none;
	}
	.compras-invertido{
	color:#F62459;
	border-color:#F62459;
	}
	.compras-linea{
	color:#F62459;
	border-color:#F62459;
	text-shadow:none;
	}
	.compras-linea:hover{
	background: #F62459 none repeat scroll 0 0;
	color:#fff;
	border:none;
	}
	.tesoreria{
	background: #96281B none repeat scroll 0 0;
	color:#fff;
	border:none;
	}
	.tesoreria-invertido{
	color:#96281B;
	border-color:#96281B;
	}
	.tesoreria-linea{
	color:#96281B;
	border-color:#96281B;
	text-shadow:none;
	}
	.tesoreria-linea:hover{
	background: #96281B none repeat scroll 0 0;
	color:#fff;
	border:none;
	}
	.utilerias{
	background: #6C7A89 none repeat scroll 0 0;
	color:#fff;
	border:none;
	}
	.utilerias-invertido{
	color:#6C7A89;
	border-color:#6C7A89;
	}
	.utilerias-linea{
	color:#6C7A89;
	border-color:#6C7A89;
	text-shadow:none;
	}
	.utilerias-linea:hover{
	background: #6C7A89 none repeat scroll 0 0;
	color:#fff;
	border:none;
	}
	.contabilidad{
	background: #87D37C none repeat scroll 0 0;
	color:#fff;
	border:none;
	}
	.contabilidad-invertido{
	color:#87D37C;
	border-color:#87D37C;
	}
	.contabilidad-linea{
	color:#87D37C;
	border-color:#87D37C;
	text-shadow:none;
	}
	.contabilidad-linea:hover{
	background: #87D37C none repeat scroll 0 0;
	color:#fff;
	border:none;
	}
	.persona{
	background: #F7CA18 none repeat scroll 0 0;
	color:#fff;
	border:none;
	}
	.persona-invertido{
	color:#F7CA18;
	border-color:#F7CA18;
	}
	.persona-linea{
	color:#F7CA18;
	border-color:#F7CA18;
	text-shadow:none;
	}
	.persona-linea:hover{
	background: #F7CA18 none repeat scroll 0 0;
	color:#fff;
	border:none;
	}
	
	
	
	/*DARK 2 THEME*/
	.dark-2 .s-y-hyp{
	border:1px solid;
	border-color: #22a7f0;
    color: #22a7f0;
    text-shadow: none;
	text-shadow: 1px 1px 5px rgba(3,135,240,0.6);
	box-shadow: inset 0 0 5px 5px rgba(3,135,240,0.2);
	}
	.dark-2 .s-y-hyp:hover{
	background: #22A7F0 none repeat scroll 0 0;
	color:#fff;
	border:none;
	text-shadow:1px 2px 6px #0376B5;
	}
	.dark-2 .refacciones{
	border:1px solid;
	border-color: #EF4836;
    color: #EF4836;
    text-shadow: 1px 1px 5px rgba(222,29,8,0.6);
	box-shadow: inset 0 0 5px 5px rgba(222,29,8,0.2);
	}
	.dark-2 .refacciones:hover{
	background: #EF4836 none repeat scroll 0 0;
	color:#fff;
	border:none;
	text-shadow:1px 2px 6px #EF4836;
	}
	.dark-2 .presupuestos{
	border:1px solid;
	border-color: #F9690E;
    color: #EF4836;
    text-shadow: none;
	text-shadow: 1px 1px 5px rgba(255,102,0,0.6);
	box-shadow: inset 0 0 5px 5px rgba(255,102,0,0.2);
	}
	.dark-2 .presupuestos:hover{
	background: #F9690E none repeat scroll 0 0;
	color:#fff;
	border:none;
	text-shadow:1px 2px 6px #EF4836;
	}
	.dark-2 .caja{
	border:1px solid;
	border-color: #36D7B7;
    color: #36D7B7;
    text-shadow: none;
	text-shadow: 1px 1px 5px rgba(16,191,156,0.6);
	box-shadow: inset 0 0 5px 5px rgba(16,191,156,0.2);
	}
	.dark-2 .caja:hover{
	background: #36D7B7 none repeat scroll 0 0;
	color:#fff;
	border:none;
	text-shadow:1px 2px 6px #36D7B7;
	}
	.dark-2 .persona{
	border:1px solid;
	border-color: #F7CA18;
    color: #F7CA18;
    text-shadow: none;
	text-shadow: 1px 1px 5px rgba(231,179,0,0.6);
	box-shadow: inset 0 0 5px 5px rgba(231,179,0,0.2);

	}
	.dark-2 .persona:hover{
	background: #F7CA18 none repeat scroll 0 0;
	color:#fff;
	border:none;
	text-shadow:1px 2px 6px #F7CA18;
	}
	.dark-2 .comisiones{
	border:1px solid;
	border-color: #4090a2;
    color: #4090a2;
    text-shadow: none;
	text-shadow: 1px 1px 5px rgba(55,147,167,0.6);
	box-shadow: inset 0 0 5px 5px rgba(55,147,167,0.2);
	}
	.dark-2 .comisiones:hover{
	background: #4090a2 none repeat scroll 0 0;
	color:#fff;
	border:none;
	text-shadow:1px 2px 6px #4090a2;
	}
	.dark-2 .unidades-nuevas{
	border:1px solid;
	border-color: #BF55EC;
    color: #BF55EC;
    text-shadow: none;
	text-shadow: 1px 1px 5px rgba(174,35,233,0.6);
	box-shadow: inset 0 0 5px 5px rgba(174,35,233,0.2);
	}
	.dark-2 .unidades-nuevas:hover{
	background: #BF55EC none repeat scroll 0 0;
	color:#fff;
	border:none;
	text-shadow:1px 2px 6px #BF55EC;
	}
	.dark-2 .unidades-usadas{
	border:1px solid;
	border-color: #BE90D4;
    color: #BE90D4;
    text-shadow: none;
	text-shadow: 1px 1px 5px rgba(191,110,229,0.6);
	box-shadow: inset 0 0 5px 5px rgba(191,110,229,0.2);
	}
	.dark-2 .unidades-usadas:hover{
	background: #BE90D4 none repeat scroll 0 0;
	color:#fff;
	border:none;
	text-shadow:1px 2px 6px #BE90D4;
	}
	.dark-2 .business-intelligence{
	border:1px solid;
	border-color: #4183D7;
    color: #4183D7;
    text-shadow: none;
	text-shadow: 1px 1px 5px rgba(20,109,223,0.6);
	box-shadow: inset 0 0 5px 5px rgba(20,109,223,0.2);
	}
	.dark-2 .business-intelligence:hover{
	background: #4183D7 none repeat scroll 0 0;
	color:#fff;
	border:none;
	text-shadow:1px 2px 6px #4183D7;
	}
	.dark-2  .crm{
	border:1px solid;
	border-color: #F12A17;
    color: #F12A17;
    text-shadow: none;
	text-shadow: 1px 1px 5px rgba(241,21,0,0.6);
	box-shadow: inset 0 0 5px 5px rgba(241,21,0,0.2);
	}
	.dark-2 .crm:hover{
	background: #F12A17 none repeat scroll 0 0;
	color:#fff;
	border:none;
	text-shadow:1px 2px 6px #F12A17;
	}
	.dark-2 .cuentas-por-cobrar{
	border:1px solid;
	border-color: #66CC99;
    color: #66CC99;
    text-shadow: none;
	text-shadow: 1px 1px 5px rgba(72,179,125,0.6);
	box-shadow: inset 0 0 5px 5px rgba(72,179,125,0.2);
	}
	.dark-2 .cuentas-por-cobrar:hover{
	background: #66CC99 none repeat scroll 0 0;
	color:#fff;
	border:none;
	text-shadow:1px 2px 6px #66CC99;
	}
	.dark-2 .cuentas-por-pagar{
	border:1px solid;
	border-color: #E08283;
    color: #E08283;
    text-shadow: none;
	text-shadow: 1px 1px 5px rgba(239,109,130,0.6);
	box-shadow: inset 0 0 5px 5px rgba(239,109,130,0.2);
	}
	.dark-2 .cuentas-por-pagar:hover{
	background: #E08283 none repeat scroll 0 0;
	color:#fff;
	border:none;
	text-shadow:1px 2px 6px #E08283;
	}
	.dark-2 .carteras{
	border:1px solid;
	border-color: #EB974E;
    color: #EB974E;
    text-shadow: none;
	text-shadow: 1px 1px 5px rgba(242,142,55,0.6);
	box-shadow: inset 0 0 5px 5px rgba(242,142,55,0.2);
	}
	.dark-2 .carteras:hover{
	background: #EB974E none repeat scroll 0 0;
	color:#fff;
	border:none;
	text-shadow:1px 2px 6px #EB974E;
	}
	.dark-2 .g-de-negocios{
	border:1px solid;
	border-color: #5C97BF;
    color: #5C97BF;
    text-shadow: none;
	text-shadow: 1px 1px 5px rgba(54,140,198,0.6);
	box-shadow: inset 0 0 5px 5px rgba(54,140,198,0.2);
	}
	.dark-2 .g-de-negocios:hover{
	background: #5C97BF none repeat scroll 0 0;
	color:#fff;
	border:none;
	text-shadow:1px 2px 6px #5C97BF;
	}
	.dark-2 .seguridad{
	border:1px solid;
	border-color: #52D489;
    color: #52D489;
    text-shadow: none;
	text-shadow: 1px 1px 5px rgba(52,225,125,0.6);
	box-shadow: inset 0 0 5px 5px rgba(52,225,125,0.2);
	}
	.dark-2 .seguridad:hover{
	background: #52D489 none repeat scroll 0 0;
	color:#fff;
	border:none;
	text-shadow:1px 2px 6px #52D489;
	}
	.dark-2 .fiscal{
	border:1px solid;
	border-color: #1E824C;
    color: #1E824C;
    text-shadow: none;
	text-shadow: 1px 1px 5px rgba(8,126,62,0.6);
	box-shadow: inset 0 0 5px 5px rgba(8,126,62,0.2);
	}
	.dark-2 .fiscal:hover{
	background: #1E824C none repeat scroll 0 0;
	color:#fff;
	border:none;
	text-shadow:1px 2px 6px #1E824C;
	}
	.dark-2 .compras{
	border:1px solid;
	border-color: #F62459;
    color: #F62459;
    text-shadow: none;
	text-shadow: 1px 1px 5px rgba(246,36,89,0.6);
	box-shadow: inset 0 0 5px 5px rgba(246,36,89,0.2);
	}
	.dark-2 .compras:hover{
	background: #F62459 none repeat scroll 0 0;
	color:#fff;
	border:none;
	text-shadow:1px 2px 6px #F62459;
	}
	.dark-2 .tesoreria{
	border:1px solid;
	border-color: #96281B;
    color: #96281B;
    text-shadow: none;
	text-shadow: 1px 1px 5px rgba(212,58,40,0.6);
	box-shadow: inset 0 0 5px 5px rgba(212,58,40,0.2);
	}
	.dark-2 .tesoreria:hover{
	background: #96281B none repeat scroll 0 0;
	color:#fff;
	border:none;
	text-shadow:1px 2px 6px #96281B;
	}
	.dark-2 .utilerias{
	border:1px solid;
	border-color: #6C7A89;
    color: #6C7A89;
    text-shadow: none;
	text-shadow: 1px 1px 5px rgba(97,127,159,0.6);
	box-shadow: inset 0 0 5px 5px rgba(97,127,159,0.2);
	}
	.dark-2 .utilerias:hover{
	background: #6C7A89 none repeat scroll 0 0;
	color:#fff;
	border:none;
	text-shadow:1px 2px 6px #6C7A89;
	}
	.dark-2 .contabilidad{
	border:1px solid;
	border-color: #52D489;
    color: #52D489;
    text-shadow: none;
	text-shadow: 1px 1px 5px rgba(35,200,105,0.6);
	box-shadow: inset 0 0 5px 5px rgba(35,200,105,0.2);
	}
	.dark-2 .contabilidad:hover{
	background: #87D37C none repeat scroll 0 0;
	color:#fff;
	border:none;
	text-shadow:1px 2px 6px #87D37C;
	}