@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: MontserratBlack;
    src: url(fonts/montserrat/Montserrat-Black.otf);
}
@font-face {
    font-family: MontserratRegular;
    src: url(fonts/montserrat/Montserrat-Regular.otf);
}
@font-face {
    font-family: MontserratLight;
    src: url(fonts/montserrat/Montserrat-Light.otf);
}

body {
	background-image: url(images/estrategia5.jpg);
	background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
    background-width: 100% auto;
    background-color: #F4F4F2;
	
	margin: 0px !important;
    padding: 0px !important;
	font-family: Tahoma, Geneva, sans-serif;
	
}


#bannerhome, .bannerhome
{
	height:650px;
	overflow:hidden;
	position:relative;
}

.ban01
{
	background-image:url(images/empleadoscafe2.jpg);
	background-repeat:no-repeat;
}

.ban02
{
	background-image:url(images/excel.jpg);
	background-size: cover;
	background-repeat:no-repeat;
}

.ban03
{
	background-image:url(images/realtime.jpg);
	background-size: cover;
	background-repeat:no-repeat;
}

.ban04
{
	background-image:url(images/cuentas.jpg);
	background-size: cover;
	background-repeat:no-repeat;
}

.ban05
{
	background-image:url(images/shareinfo.jpg);
	background-size: cover;
	background-repeat:no-repeat;
}

.cotizablack
{
	position:relative;
	top:40px;
	float:right;
	width:30%;
	height:100%;
	background:rgba(0, 0, 0, 0.7);
}

.cotizawhite
{
	position:relative;
	top:40px;
	float:right;
	width:30%;
	height:100%;
	background:rgba(255, 255, 255, 0.7);
}

.tshadow
{
	text-shadow:2px 2px 4px white;
	width:70%;
}

#mensaje
{
	position:absolute;
	bottom:20px;
	left:0;
	width:100%;
	height:12%;
	background:rgba(93, 143, 24, 0.7);
}

#btncotiza
{
	position:absolute;
	bottom:10px;
	left:0;
	width:90%;
	height:10%;
	background:none;
	text-align:right;
}

.inblock
{
	display:inline-block;
}

.indent5
{
	margin-left:5px;
}

.indent10
{
	margin-left:10px;
}


.marginminus
{
	margin-top:-20px;
}

#headercontainer {
	position:fixed;
	width:100%;
	margin: 0px !important;
    padding: 0px !important;
	top: 0px !important;
	z-index:10;
}

#maincontainer {
	margin: 0px !important;
    padding: 0px !important;
	overflow-x:hidden;
}

#headergreycontainer
{
	height:24px;
	width:100%;
	background-color:#EEE;
}



.rayitaverde
{
	border-left:solid #5d8f18;
}

#menucontainer
{
	width:100%;
	background-color:#000;
}

#expcontainer
{
	width:100%;
	background-color:#000;
	color:#ffffff;
	padding:5px;
}

#ventajascontainer
{
	width:100%;
	background: linear-gradient(to right,  #eee 0%, #eee 40%,#fff 40%,#fff 100%);
	color:#000000;
}

#whycontainer
{
	width:100%;
	background:rgba(93, 143, 24, 0.7);
	color:#000000;
}

#direccioncontainer
{
	width:100%;
	background: linear-gradient(to right,  #fff 0%, #fff 30%,#eee 30%,#eee 100%);
	color:#000000;
}

.imgventajas
{
	height:100px;
}

.imgventajastxt
{
	height:80px;
}

.imgwhy
{
	height:140px;
}

.imgflexible
{
	background:url(images/flexible.png) center center no-repeat;
	background-size: 60px;
}

.imgmovilidad
{
	background:url(images/movilidad.png) center center no-repeat;
	background-size: 100px;
}

.imgusuarios
{
	background:url(images/multiuser.png) center center no-repeat;
	background-size: 80px;
}

.imgsoporte
{
	background:url(images/helpdesk.png) center center no-repeat;
	background-size: 60px;
}

.imgact
{
	background:url(images/updates.png) center center no-repeat;
	background-size: 70px;
}

.imgseguridad
{
	background:url(images/shield.png) center center no-repeat;
	background-size: 80px;
}

.imgamigable
{
	background:url(images/14.png) center center no-repeat;
	background-size: 80px;
}

.imgvivo
{
	background:url(images/clock.png) center center no-repeat;
	background-size: 60px;
}

.greycont
{
	background-color:#EEE;
}

.homedesde
{
	vertical-align:bottom;
	height:100%;
	width:100%;
}

#homedesde
{
	position: absolute;
    right: 0;
    bottom: 0;
}

#homecontainer {
	margin-top:52px;
	height:650px;
	margin-right:0px;
	background:	rgba(0,0,0,0.5);
	position:relative;
	margin: 0px !important;
    padding: 0px !important;
	overflow-x:hidden;
	overflow-y:hidden;
	vertical-align:middle;
	/*margin: 0px !important;
    padding: 0px !important;*/
}

#howcontainer, #faqcontainer {
	background-color:#FFF;
	color:#636363;
	margin: 0px !important;
    padding: 0px !important;
	overflow-x:hidden;
	position:relative;
	margin-top:30px;
}

#modescontainer {
	background-color:#333;
	color:#FFF;
	margin: 0px !important;
    padding: 0px !important;
	overflow-x:hidden;
}

#contactcontainer {
	margin-right:0px;
	background:	rgba(0,0,0,0.5);
	position:relative;
	color:#fff;
	margin: 0px !important;
    padding: 0px !important;
	overflow-x:hidden;
	margin-top:30px;
}


.requisitos {
	padding-left:10px;
	
}

.requisitos2 {
	
	
}

.botonesservicios
{
	border:none;
	background:none;
}
	

.middle {
    margin-top: 52px;
    position:absolute;
    top: 35%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
	padding: 0px !important;
	min-width:100%;
}

.montblack {
	font-family: MontserratBlack;
}
.montregular {
	font-family: MontserratRegular;
}
.montlight {
	font-family: MontserratLight;
}

.font-verde {
	color: #8CB268;
}

.font-verde2 {
	color: #5d8f18;
}

.big-font {
	font-size:54px;
	color:#fff;
}

.little-font {
	font-size:12px;
	color:#fff;
}

.title-font {
	font-size:44px;
}

.font-black {
	color:#000;
}

.font-grey {
	color:#333;
}

.font-white {
	color:#fff;
}

.subtitle-font {
	font-size:24px;
}

.bannerssolid {
	background-color:#8CB268;
	color:#fff;
}

.bannersalpha {
	background-color: rgba(140, 178, 104, 0.8);
	color:#fff;
	
}

.textspace {
	margin-left:30px;
}

.divcontacto {
	
}
/*.headernavbar{
	margin: 0 !important;
    padding: 0 !important;
}*/

.title-responsive
	{
		display:none;
	}
	
.footercss
{
	background-color: #000000;
	color: #ffffff;
	width:100%;
	position:relative;
}

.btn-success, .btn-success:visited, .btn-success:active:focus, .btn-success:focus, .btn-success:visited:focus, .btn-success:active:hover, .btn-success:visited:hover, .btn-success:focus:hover, .btn-success.disabled:hover {
	background-color: #8CB268;
	color:white;
	border-color: #8CB268;
	border-style:solid;
}

.btn-success:hover {
	background-color: white;
	color: #8CB268;
	border-color: white;
}

a:hover, a:active, a:focus, a:link, a:visited {
  outline: 0;
  outline: 0 !important;
  outline-style:none;
}

.border-linea:before {
	position: absolute;
	margin: auto;
	z-index: 1;
	content: "";
	width: 70%;
	height: 2px;
	background: #fff;
	bottom: 3px;
	left: 12.5%;
}

.servicios {
	/*width:220px;*/
	cursor:pointer;
}

.proceso {
	width:220px;
	/*cursor:pointer;*/
}

.espacio{
	width:10px;
}

.verbo{
	/*color:#d9534f;*/
	color:#8CB268;
}

.box-shadow{
    -moz-box-shadow: 0px 0px 0px 15px #8CB268; /* Firefox */

    -webkit-box-shadow: 0px 0px 0px 15px #8CB268; /* Safari, Chrome */

    box-shadow: 0px 0px 0px 15px #8CB268; /* CSS3 */
}

.img-circle {
	border-bottom-style:solid;
	border-bottom-width:10px;
	z-index:1;
}

.dark-grey {
	background-color:#111;
}

.s00
{
	border-color:#eeeeee;
	border-width:0px;
	border-style:solid;
	border-radius:0%;
	background-position:center;
	background-repeat:no-repeat;
	width:200px;
	height:200px;
	display:inline-block;
	
	
}

.s00:hover
{
	border-color:#8CB268;
	border-width:0px;
	border-style:solid;
	border-radius:0%;
	width:200px;
	height:200px;
}

.s01
{
	background-image:url(images/Desde_Gratis.png);
	background-size: 200px 200px;
}

.s02
{
	background-image:url(images/Desde_490.png);
	background-size: 200px 200px;
}

.s02:hover
{
	background-image:url(images/Desde_490.png) no-repeat center middle;
}

.s03
{
	background-image:url(images/Desde_1900.png);
	background-size: 200px 200px;
}

.s03:hover
{
	background-image:url(images/Desde_1900.png) no-repeat center middle;
}

.s04
{
	background-image:url(images/SPagina_01.png);
}

.s04:hover
{
	background-image:url(images/SPagina_02.png) no-repeat center middle;
}

/*.s05
{
	background-image:url(images/SMedida_01.png);
}

.s05:hover
{
	background-image:url(images/SMedida_02.png) no-repeat center middle;
}*/

.s05
{
	background-image:url(images/Con1.gif);
	background-size: 200px 200px;
}

.s06
{
	background-image:url(images/Con2.gif);
	background-size: 200px 200px;
}

.s07
{
	background-image:url(images/Con3.gif);
	background-size: 200px 200px;
}

.s08
{
	background-image:url(images/Con4.gif);
	background-size: 200px 200px;
}

.modal-lg2 {
    margin-right: auto;
    margin-left: auto;
	width: 1200px;
  }


/* navbar */
.navbar-default {
    background-color: #000000;
    border-color: #000000;
}
/* title */
.navbar-default .navbar-brand {
    color: #FFF;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #FFF;
}
/* link */
.navbar-default .navbar-nav > li {
	list-style-type:none;
}
.navbar-default .navbar-nav > li > a {
    color: #FFF;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #FFF;
	background-color: #8CB268;
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
    color: #FFF;
    background-color: #8CB268;
}
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
    color: #FFF;
    background-color: #8CB268;
}
/* caret */
.navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color: #8CB268;
    border-bottom-color: #8CB268;
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}
.navbar-default .navbar-nav > .open > a .caret, 
.navbar-default .navbar-nav > .open > a:hover .caret, 
.navbar-default .navbar-nav > .open > a:focus .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}
/* mobile version */
.navbar-default .navbar-toggle {
    border-color: #DDD;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #DDD;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #CCC;
}

@media (max-width: 1200px) {
	
	
	
	
	.modal-lg2 {
    	margin-right: auto;
    	margin-left: auto;
		width: 95%;
  	}
  
}

@media (max-width: 910px) {
	#homecontainer {
		height:800px;
	}
	
	#medidacontainer {
		width:100%;
	}
	
	.servicios {
		width:30%;
	}
	
	.diagramas {
		width:100%;
		height:auto;
	}
	
  
}


@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #777;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #333;
    }
	.big-font {
		font-size:44px;
		color:#fff;
	}
	.requisitos {
		width:400px;
	}

	.requisitos2 {
		width:400px;
	}
	/*body {
		min-height:100%;
		min-width:100%;
	}*/
	.form-input {
		min-width:100%;
	}
	
	.servicios {
		width:100%;
	}
	
	.specs {
		width:100%;
	}
	
	.logos {
		width:100%;
	}
	
	.abajo {
		margin-top:30px;
	}
	
	.abajo2 {
		margin-top:30px;
	}
	#logometodologia {
		width:250px;
		height:auto;
	}
	
	

}

@media (max-width: 920px) {
	#btncotiza
	{
		position:absolute;
		bottom:45%;
		left:0;
		width:90%;
		height:10%;
		background:none;
		text-align:right;
	}
}


@media (max-width: 650px) {
	#diagramaSAI {
		width:100%;
		height:auto;
	}
	
	.imgwhy2
	{
		width:90px;
	}
}

@media (max-width: 750px) {
	#homecontainer {
		height:820px;
	}
	#homecontainer, #maincontainer, #howcontainer, #banner1, #banner2, #faqcontainer, #contactcontainer, #modescontainer, .footercss, #footercontainer, #menucontainer {
		width:100%;
	}
	.servicios {
		width:100%;
	}
	
	.specs {
		width:100%;
	}
	
	.contactfield{
		width:100%;
	}
	
	.title-normal
	{
		display:none;
	}
	
	.title-responsive
	{
		display:block;
	}
	
	#sendmessage
	{
		display:block;
		width:100%;
	}
	
	.responsivo
	{
		display:block;
		width:100%;
	}
	
	#ventajascontainer, #direccioncontainer
	{
		width:100%;
		background: linear-gradient(to right,  #eee 0%, #eee 40%, #eee 40%, #eee 100%);
		color:#000000;
	}
	
	.imgwhy2
	{
		width:110px;
	}
	
	.ban01
	{
		/*background-image:none;*/
	}
	
	#bannerhome
	{
		height:650px;
		
	}
	
	#cotiza, .cotizawhite, .cotizablack
	{
		position:relative;
		display:block;
		width:100%;
	}
	
	#mensaje
	{
		position:relative;
		display:block;
		width:100%;
		left:0px;
		top:50px;
		height:auto;
	}
	
	#mensa
	{
		text-align:center !important;
	}
	
	#btncotiza
	{
		position:relative;
		display:block;
		width:100%;
		left:0px;
		bottom:350px;
		text-align:center;
	}
	
	.ban01
	{
		background-image:url(images/empleadoscafemin.jpg);
		background-repeat:no-repeat;
	}
	
	.ban02
	{
		background-image:url(images/excelmin.jpg);
		background-repeat:no-repeat;
	}
	
	.ban03
	{
		background-image:url(images/cuentasmin.jpg);
		background-repeat:no-repeat;
	}
	
	.ban04
	{
		background-image:url(images/realtimemin.jpg);
		background-repeat:no-repeat;
	}
	.ban05
	{
		background-image:url(images/shareinfomin.jpg);
		background-repeat:no-repeat;
	}
}

@media (max-width: 387px) {
	#homecontainer, #maincontainer, #howcontainer, #banner1, #banner2, #faqcontainer, #contactcontainer, #modescontainer, .footercss, #footercontainer, #menucontainer {
		width:100%;
	}
	.servicios {
		width:100%;
	}
	.title-font {
		font-size:36px;
	}
	#LOGO {
		width:150px;
		height:auto;
	}
	.imagemeto {
		width:100px;
		height:auto;	
	}
	.requisitos {
		width:290px;
	}

	.requisitos2 {
		width:290px;
	}
	
	#homecontainer
	{
		/*height:610px;*/
	}
	
	.espacios
	{
		display:none;
	}
	
	.big-font {
		font-size:36px;
		color:#fff;
	}
	
	.hideit
	{
		display:none;
	}
	
	.imgwhy2
	{
		width:70px;
	}
	
	.marginminusresponsivo
	{
		margin-top:-20px;
	}
	/*.imgventajastxt
	{
		height:100px;
	}*/
}

@media (min-width: 920px) {
  
  .reporte {
	  height: 800px;
	  overflow: scroll;
  
  }
  #homecontainer, #maincontainer, #howcontainer, #banner1, #banner2, #faqcontainer, #contactcontainer, #modescontainer, .footercss, #footercontainer, #menucontainer {
		width:100%;
	}

}

@media (min-width: 920px) {
	
	#homecontainer, #maincontainer, #howcontainer, #banner1, #banner2, #faqcontainer, #contactcontainer, #modescontainer, .footercss, #footercontainer, #menucontainer {
		width:100%;
		
	}
}