@charset "utf-8";
/* CSS Document */
body, header, article {
	margin:0 auto;
}
h2, img, footer, article, rubberBandA { opacity:0; }
header {
	width:960px;
	height:120px;
	padding:20px;
	
}
nav {
	float:right;
	padding-top:80px;
	font-family:"Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size:18px;
	color:#f28d4f;

}
nav a{
text-decoration:none;
font-family:"Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size:18px;
	color:#f28d4f;
}
footer {
	width:auto;
	height:auto;
	background-color:#434343;
	padding:10px 50px;
}
.logo {
	float:left;
}
.p_header {
	font-family:"Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size:16px;
	color:#FFFFFF;
	
}

.p_beneficios {
	font-family:"Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size:16px;
	color:#f28d4f;
}
.p_funciona {
	font-family:"Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size:16px;
	color:#ffffff;
}
.p_footer {
	font-family:"Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size:16px;
	color:#ffffff;
	
}
.contenedor_footer {
	width:450px;
	height:auto;
	float:right;
	padding-top:20px;
}
.contenedor_precio {
	width:20%;
	height:200px;
	float:left;
	border-radius:10px;
	background:#009640;
	margin-right:15%;
	margin-left:8%;
	padding-left:25px;
	font-family: Arial, sans-serif;
	font-size:100px;
	color:#C5C5C5;
	alignment-baseline:middle;
}
.contenedor_solucion {
	width:750px;
	height:280px;
	margin:0 auto;
}
.contenedor_solucion-img {
	width:140px;
	padding:20px;
	float:left;
	
}
.contenedor_solucion p {
	font-family:Arial, sans-serif;
	font-size:14px;
	color:#f28d4f;
	text-align:center;
}
section {
	width:auto;
	height:400px;
	background-color:#009640;
	padding:10px 50px;
}
.section_funciona {
	width:auto;
	height:280px;
	background-color:#f28d4f;
	padding:10px 50px;
}
.section_funciones {
	width:auto;
	height:400px;
	background-color:#434343;
	padding:10px 50px 0px 0px;
}
.funciones_background {
	float:right;
	padding-left:150px;
	width:500px;
	height:410px;
	background-image:url(../images/businessman.jpg);
	background-size:cover;
	background-position:left;
}
article {
	width:960px;

}
h1 {
	font-family:"Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size:36px;
	color:#FFFFFF;
	font-weight:bold;
}
h2 {
	font-family:"Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size:36px;
	color:#f28d4f;
	font-weight:bold;
}

/*ANIMACIONES*/
/*.loading {
	background: url('../images/ico_loading.gif') no-repeat center;
}

.onepage-wrapper  {
width: 100%;
height: 550px !important;
}

section {
	min-width: 960px;
	opacity: 0;
	-webkit-transition:opacity .6s;
	-moz-transition:opacity .6s;
	-o-transition:opacity .6s;
	transition: opacity .6s;
}
.loaded section {
	opacity: 1;
}
section h2 {
font-size: 52px;
font-weight: bold;
color: #06BE9F;
margin: 0;
padding: 0;
line-height: 1em;
}

.section-content {
	display: block;
	position: absolute;
	z-index: 1;
	top: -33px;
	left: 0;
	width: 100%;
	height: 100%;
}


.fake-content {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.copy-container {
   position: absolute;
   top: 30px;
   left: 12%;
   margin-left: 8px;
   width: 100%;
   z-index: 10;
}

.copy-container2 {
   position: absolute;
   top: 147px;
   left: 18%;
   margin-left: 8px;
   width: 33%;
   z-index: 20;
    -webkit-transition: -webkit-transform .6s .9s;
   -moz-transition: -moz-transform .6s .9s;
    transition: transform .6s .9s;

}
   

.copy-container2 {
    -webkit-transform:translate3d(-40%, 0, 0);
		   -moz-transform:translate3d(-40%, 0, 0);
		        transform:translate3d(-40%, 0, 0);
}
    

.images-container {
  display: block;
  position: absolute;
  z-index: 1;
  top: 65%;
  left: 59%;
  /* width: 1106px; */
  height: 600px;
}

/* Fade in animation - Slide 1 */
#fadeInAnim {
	background-color: #FFF;
	overflow: hidden;
}
	#fadeInAnim .copy-container {
		margin-top: -100px;
		margin-left: 200px;
		width: 300px;
	}
	#fadeInAnim img {
position: absolute;
width: 100%;
	}
	.fadeIn {
		
	}
#revealAnim .images-container img {
    -webkit-transition: -webkit-transform .6s .9s;
    -moz-transition: -moz-transform .6s .9s;
    transition: transform .6s .9s;
}
#revealAnim .images-container .back { z-index:2;
    -webkit-transform:translate3d(-40%, 0, 0);
       -moz-transform:translate3d(-40%, 0, 0);
            transform:translate3d(-40%, 0, 0);
}
#revealAnim .images-container .front {
    -webkit-transform:translate3d(61.6%, 0, 0);
       -moz-transform:translate3d(61.6%, 0, 0);
            transform:translate3d(61.6%, 0, 0);
}
#revealAnim .images-container .side {
    -webkit-transform:translate3d(-338%, 0, 0);
       -moz-transform:translate3d(-338%, 0, 0);
            transform:translate3d(-338%, 0, 0);
}
.viewing-page-2 #revealAnim .images-container img {
    -webkit-transform: translate3d(0, 0, 0) !important;
    -moz-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important;
}

*/