@import "iconfont.css";
@import "animate.min.css";

/*-----------------------------------------------------------------------------------*/
/* GENERAL
/*-----------------------------------------------------------------------------------*/

body{
	text-align: center;
	font-family: 'Source Sans Pro', sans-serif;
	min-height: 100%
}

@font-face {
    font-family: 'ostrich_sansmedium';
    src: url('../type/ostrich-regular-webfont.eot');
    src: url('../type/ostrich-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../type/ostrich-regular-webfont.woff') format('woff'),
         url('../type/ostrich-regular-webfont.ttf') format('truetype'),
         url('../type/ostrich-regular-webfont.svg#ostrich_sansmedium') format('svg');
    font-weight: normal;
    font-style: normal;
	text-align:left;

}
@font-face {
    font-family: 'encode_sans_normallight';
    src: url('../type/encodesansnormal-300-light-webfont.eot');
    src: url('../type/encodesansnormal-300-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../type/encodesansnormal-300-light-webfont.woff') format('woff'),
         url('../type/encodesansnormal-300-light-webfont.ttf') format('truetype'),
         url('../type/encodesansnormal-300-light-webfont.svg#encode_sans_normallight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'encode_sans_normalblack';
    src: url('../type/encodesansnormal-900-black-webfont.eot');
    src: url('../type/encodesansnormal-900-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../type/encodesansnormal-900-black-webfont.woff') format('woff'),
         url('../type/encodesansnormal-900-black-webfont.ttf') format('truetype'),
         url('../type/encodesansnormal-900-black-webfont.svg#encode_sans_normalblack') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'encode_sans_normalextralight';
    src: url('../type/encodesansnormal-200-extralight-webfont.eot');
    src: url('../type/encodesansnormal-200-extralight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../type/encodesansnormal-200-extralight-webfont.woff') format('woff'),
         url('../type/encodesansnormal-200-extralight-webfont.ttf') format('truetype'),
         url('../type/encodesansnormal-200-extralight-webfont.svg#encode_sans_normalextralight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'encode_sans_normalthin';
    src: url('../type/encodesansnormal-100-thin-webfont.eot');
    src: url('../type/encodesansnormal-100-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../type/encodesansnormal-100-thin-webfont.woff') format('woff'),
         url('../type/encodesansnormal-100-thin-webfont.ttf') format('truetype'),
         url('../type/encodesansnormal-100-thin-webfont.svg#encode_sans_normalthin') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'encode_sans_normalbold';
    src: url('../type/encodesansnormal-700-bold-webfont.eot');
    src: url('../type/encodesansnormal-700-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../type/encodesansnormal-700-bold-webfont.woff') format('woff'),
         url('../type/encodesansnormal-700-bold-webfont.ttf') format('truetype'),
         url('../type/encodesansnormal-700-bold-webfont.svg#encode_sans_normalbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'encode_sans_normalmedium';
    src: url('../type/encodesansnormal-500-medium-webfont.eot');
    src: url('../type/encodesansnormal-500-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../type/encodesansnormal-500-medium-webfont.woff') format('woff'),
         url('../type/encodesansnormal-500-medium-webfont.ttf') format('truetype'),
         url('../type/encodesansnormal-500-medium-webfont.svg#encode_sans_normalmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'encode_sans_normalsemibold';
    src: url('../type/encodesansnormal-600-semibold-webfont.eot');
    src: url('../type/encodesansnormal-600-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../type/encodesansnormal-600-semibold-webfont.woff') format('woff'),
         url('../type/encodesansnormal-600-semibold-webfont.ttf') format('truetype'),
         url('../type/encodesansnormal-600-semibold-webfont.svg#encode_sans_normalsemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'encode_sans_normalregular';
    src: url('../type/encodesansnormal-400-regular-webfont.eot');
    src: url('../type/encodesansnormal-400-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../type/encodesansnormal-400-regular-webfont.woff') format('woff'),
         url('../type/encodesansnormal-400-regular-webfont.ttf') format('truetype'),
         url('../type/encodesansnormal-400-regular-webfont.svg#encode_sans_normalregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'encode_sans_normalextrabold';
    src: url('../type/encodesansnormal-800-extrabold-webfont.eot');
    src: url('../type/encodesansnormal-800-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../type/encodesansnormal-800-extrabold-webfont.woff') format('woff'),
         url('../type/encodesansnormal-800-extrabold-webfont.ttf') format('truetype'),
         url('../type/encodesansnormal-800-extrabold-webfont.svg#encode_sans_normalextrabold') format('svg');
    font-weight: normal;}
	
@font-face {
    font-family: 'encode_sans_compressedmedium';
    src: url('../type/encodesanscompressed-500-medium.eot');
    src: url('../type/encodesanscompressed-500-medium.eot?#iefix') format('embedded-opentype'),
         url('../type/encodesanscompressed-500-medium.woff') format('woff'),
         url('../type/encodesanscompressed-500-medium.ttf') format('truetype'),
         url('../type/encodesanscompressed-500-medium.svg#encode_sans_compressedmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}


#parent{
	position: absolute;
	margin-left: -500px;
	top: 244px;
	left: 50%;
	width: 486px;
	height: 362px;
	background-image: url(../imagenes/mosaicotexto1.png);
	background-repeat: repeat;
	float: left;
	padding: 22px 35px 20px 24px;
}
#parent-institucional{
	position: absolute;
	margin-left: -450px;
	top: 244px;
	left: 50%;
	width: 879px;
	height: 900px;
	background-color:#FFF;
	float: left;
	padding: 22px 35px 20px 24px;
	border: 1px solid;
	border-color: #666;
	text-align:left;
	opacity: 0.8;
    filter: alpha(opacity=80);
}
#parent-home{
	position: absolute;
	margin-left: -500px;
	top: 244px;
	left: 50%;
	width: 487px;
	height: 282px;
	background-color: rgba(246, 146, 30, 0.6);
	background-repeat: repeat;
	float: left;
	padding: 15px 35px 20px 24px;
	text-align: justify;
}
#parent-contacto{
	position: relative;
	width: 1106px;
	height: 180px;
	padding: 40px 0 20px 200px;
	text-align:left;
	margin: 0 auto 0 auto; 
}

h1-institucional{
	color:#f6921e;
	font-size: 60px;
	text-transform:uppercase;
	font-family: 'ostrich_sansmedium', sans-serif;
	text-align:left;
}
h1-home{
	color:#fff;
	font-size: 50px;
	text-transform:uppercase;
	font-family: 'ostrich_sansmedium', sans-serif;
	text-align:left;
}
h1-serviciostoggle{
	color:#fff;
	font-size: 50px;
	text-transform:uppercase;
	font-family: 'ostrich_sansmedium', sans-serif;
	text-align:left;
	line-height: 45px;
}
h1-contacto{
	color:#fff;
	font-size: 60px;
	text-transform:uppercase;
	font-family: 'ostrich_sansmedium', sans-serif;
	text-align:left;
}
h2-home{
	color: #fff;
	font-size: 12px;
	font-family: 'encode_sans_normalmedium', sans-serif;
	text-align: justify;
	line-height: 1.5;
}

h1-home-descripcion{
	color: #87888a;
	font-size: 16px;
	text-transform: uppercase;
	font-family: 'encode_sans_compressedmedium', sans-serif;
	text-align: center;
	margin: 0 0 10px 10px;
	
	vertical-align: middle;
}
.container-h1-home{
	height: 30px;
	width: 300px;
	margin: 0 auto 20px auto;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #f6921e;
	text-align: center;
}

h2-home-descripcion{
	color: #6b6b6b;
	font-size: 12px;
	font-family: 'encode_sans_normallight', sans-serif;
	text-align: justify;
	line-height: 1.5;
}

h1{
	color:#000;
	font-size: 60px;
	text-transform:uppercase;
	font-family: 'ostrich_sansmedium', sans-serif;
	text-align:left;
	white-space:pre-line;
	line-height: 0.9;

}

h2{
	color: #000;
	font-size: 15px;
	font-family: 'encode_sans_normallight', sans-serif;
	text-align: justify;
	line-height: 1.5;
}

h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{
	color: #3a3a3a;
	font-weight: 700;
	font-family: 'Roboto Condensed', sans-serif;
	text-align:left;
}

p{
	font-size: 1.2em;
}

.lead{
	font-weight: 300;
}

button {
	display: inline-block;
	margin-bottom: 0;
	margin-bottom: 10px;
	padding: 6px 12px;
	border: 1px solid transparent;
	border-radius: 4px;
	border-radius: 5px;
	vertical-align: middle;
	text-align: center;
	white-space: nowrap;
	font-weight: normal;
	font-size: 14px;
	line-height: 1.428571429;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.visibility{
	visibility: visible;
}

.animated{
	visibility: visible!important;
}

.home-servicios-container{
	width: 100%;
	height:auto;
	margin: 50px auto 0px auto;
	padding: 10px 2em 0px 2em;
	background:#fff;
}
.home-servicios-titulo{
	font-family: 'encode_sans_normallight', sans-serif;
	color:#6d6e71;
	font-size:14px;
	margin: auto;

}
.home-servicios-buts-1{
	font-family: 'encode_sans_normallight', sans-serif;
	color:#FFF;
	font-size:12px;
	margin: 5em auto auto auto;
	background:url(../imagenes/images/home-servicios-but-off_03.gif);
	width: 220px;
	height: 267px;
    border-right: #a8a8a8 solid 1px;
	
	}
.home-servicios-buts-1:hover {
	font-family: 'encode_sans_normallight', sans-serif;
	color:#FFF;
	font-size:12px;
	margin: 5em auto auto auto;
	background:url(../imagenes/images/home-servicios-but-on_03.gif);
	width: 220px;
	height: 267px;
	-webkit-transition: background 0.5s ease;
	-moz-transition: background 0.5s ease;
	-o-transition: background 0.5s ease;
	transition: background 0.5s ease;
	border-right: #a8a8a8 solid 1px;
	

}
.home-servicios-buts-2{
	font-family: 'encode_sans_normallight', sans-serif;
	color:#FFF;
	font-size:12px;
	margin: 5em auto auto auto;
	background:url(../imagenes/images/home-servicios-but-off_05.gif);
	width: 220px;
	height: 267px;
	border-right: #a8a8a8 solid 1px;

}
.home-servicios-buts-2:hover {
	font-family: 'encode_sans_normallight', sans-serif;
	color:#FFF;
	font-size:12px;
	margin: 5em auto auto auto;
	background:url(../imagenes/images/home-servicios-but-on_05.gif);
	width: 220px;
	height: 267px;
		-webkit-transition: background 0.5s ease;
	-moz-transition: background 0.5s ease;
	-o-transition: background 0.5s ease;
	transition: background 0.5s ease;
	border-right: #a8a8a8 solid 1px;

}
.home-servicios-buts-3{
	font-family: 'encode_sans_normallight', sans-serif;
	color:#FFF;
	font-size:12px;
	margin: 5em auto auto auto;
	background:url(../imagenes/images/home-servicios-but-off_07.gif);
	width: 220px;
	height: 267px;
	border-right: #a8a8a8 solid 1px;

}
.home-servicios-buts-3:hover {
	font-family: 'encode_sans_normallight', sans-serif;
	color:#FFF;
	font-size:12px;
	margin: 5em auto auto auto;
	background:url(../imagenes/images/home-servicios-but-on_07.gif);
	width: 220px;
	height: 267px;
		-webkit-transition: background 0.5s ease;
	-moz-transition: background 0.5s ease;
	-o-transition: background 0.5s ease;
	transition: background 0.5s ease;
	border-right: #a8a8a8 solid 1px;

}
.home-servicios-buts-4{
	font-family: 'encode_sans_normallight', sans-serif;
	color:#FFF;
	font-size:12px;
	margin: 5em auto auto auto;
	background:url(../imagenes/images/home-servicios-but-off_09.gif);
	width: 220px;
	height: 267px;

}
.home-servicios-buts-4:hover {
	font-family: 'encode_sans_normallight', sans-serif;
	color:#FFF;
	font-size:12px;
	margin: 5em auto auto auto;
	background:url(../imagenes/images/home-servicios-but-on_09.gif);
	width: 220px;
	height: 267px;
		-webkit-transition: background 0.5s ease;
	-moz-transition: background 0.5s ease;
	-o-transition: background 0.5s ease;
	transition: background 0.5s ease;

}
.servicios-barra-bottom {
	height: 10px;
	width: 60%;
	border-bottom: #f6921e solid 3px;
	margin: 100px auto 0 auto;
}
	

/*-----------------------------------------------------------------------------------*/
/*	KEY COLOR
/*-----------------------------------------------------------------------------------*/

/*---- Typography ----*/
header h1, 
.payoff h1,
.details .carousel,
.social a:hover{
	color: #0bf397;
}

.features p{
	color: #06b872;
}

/*---- Background ----*/
.features,
.detail .carousel-indicators .active {
	background: #0bf397;	
}
	
.logo-caefi {
	background:url(../imagenes/socio-caefi.jpg);
	width: 180px;
	height: 124px;
	margin: 20px auto 0 auto;
}
/*-----------------------------------------------------------------------------------*/
/* NAVBAR
/*-----------------------------------------------------------------------------------*/

nav.navbar{
	position: fixed;
	top: 0px;
	margin-bottom: 0px;
	padding: 35px 0px 30px 0px;
	width: 100%;
	height:148px;
	border-radius: 0px;
	transition: all 0.2s;
}

.navbar-nav{
	float: right;
	color: #333333;
	text-transform: uppercase;
	font-size: 12px;
	font-family: 'PT Sans Narrow', sans-serif;
	background: #fff;
	padding: 0 0 1em 0;
	margin: 1em 0 0 28em;
}

nav.navbar.fixed-to-top{
	top: 0px;
}

.navbar-default{
	border: none;
	border-bottom: 1px solid #eee;
	background: #fff;
	display: none;
}

.navbar-default .navbar-nav>li>a {
	color: #aaa;
	font-size: 1.2em;
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{
	color: #3A3A3A;	
	cursor: pointer;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

.navbar-logocaefi{
	float: right;
	width: auto;
	height: auto;
	background:url(../imagenes/socio-caefi-botonera.gif);
	padding: 35px 30px 30px 30px;
	margin: 10px 0 35px 0;
}

ul{
  list-style: none;
  position: fixed;
  float: left;
  background-color: grey;
  color: #ffffff;
  padding: 10px;
  text-decoration: none;
}


ul>a{
  list-style: none;
  position: fixed;
  float: left;
  background-color: grey;
  color: #ffffff;
  padding: 10px;
  text-decoration: none;
}

.navbar-nav>li>ul{
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s linear;
  
}
.navbar-nav>li:hover>ul {
  visibility: visible;
  opacity: 1;
  
}


.submenu-servicios {
  list-style: none;
  position: fixed;
  float: left;
  background-color: #333333;
  width: 150 px;
  color: grey;
  padding: 20px;
  text-decoration: none;
  text-color: #EA8B1E !important;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 2em;
  font-family: 'PT Sans Narrow', sans-serif;
  border-top: 2px solid;
  border-top-color: #EA8B1E;
	}


.navbar-default .navbar-brand{
	color: #333333;
	text-transform: uppercase;
	font-size: 1em;
	font-family: 'PT Sans Narrow', sans-serif;
	padding: 0px 0px 40px 30px;
	background: #fff;
	
}
.barra-navbar{
	background-image: url(../imagenes/barra-navbar.gif);
	width: 100%;
	height: 24px;
}


/*-----------------------------------------------------------------------------------*/
/* HEADER 
/*-----------------------------------------------------------------------------------*/

header{
	padding: 150px 0px 0px 0px;
	height: 960px;
	background-color: white!important;
	background-size: cover;
	background-repeat: no-repeat;
	color: white;
}
.miheader1{
	width:100%;
	height: 345px;
	background:transparent;
}
.miheadercontacto{
	width:100%;
	height: 250px;
	background:transparent;
}
.barraheader{
	background-color: #ea8b1e;
	width: 100%;
	height: 6px;
}

header h1{
	text-transform: uppercase;
	font-weight: 700;
	font-weight: 300;
	font-size: 100px;
	font-family: 'Roboto Condensed', sans-serif;
	
}

header p.lead{
	font-size: 36px;
}


header .carousel-iphone{
	margin-right: auto;
	margin-left: auto;
	width: 320px;
	height: 672px;
	background: url('../img/iphone-front.png') no-repeat;
	background-size: 100%;
	
}

header .carousel {
	position: relative;
	margin-right: auto;
	margin-left: auto;
	padding: 95px 0px 0px 4px;
	width: 282px;
}

header .carousel-indicators .active {
	width: 15px;
	height: 15px;
	background: #444444;
}

header .carousel-indicators {
	bottom: -63px;
}

header .carousel-indicators li {
	display: inline-block;
	margin: 1px;
	width: 15px;
	height: 15px;
	border: 1px solid #666666;
	border-radius: 10px;
	text-indent: -999px;
	cursor: pointer;
}

/*-----------------------------------------------------------------------------------*/
/* PURCHASE
/*-----------------------------------------------------------------------------------*/

.purchase{
	overflow: hidden;
	padding: 100px 0px 100px 0px;
	min-height: 200px;
}

.purchase button.app-store{
	width: 152px;
	height: 52px;
	background: url(../img/badge-appstore.png) #3a3a3a no-repeat 0px 5px;
	color: white;
}

/*-----------------------------------------------------------------------------------*/
/*	PAYOFF
/*-----------------------------------------------------------------------------------*/

.payoff{
	overflow: hidden;
	padding: 0px 0px 150px 0px;
	min-height: 300px;
	background: url('../imagenes/parallax-background-servicios.jpg');
	background-position: center;
	background-repeat: repeat-x;
	color: white;
}
.payoff-casos{
	overflow: hidden;
	padding: 0px 0px 150px 0px;
	min-height: 300px;
	background: url('../imagenes/parallax-background-casos.jpg');
	background-position: center;
	background-repeat: repeat-x;
	color: white;
}
.marquesina-home{

	margin: 100px 0 0 0;
	padding: 0px 0px 0px 0px;
	height: 504px;
	background: url('../imagen-home-v3.jpg');
	background-position: center; 
	background-repeat: repeat;
	color: white;
}
.payoff-institucional{
	overflow: hidden;
	padding: 0px 0px 150px 0px;
	min-height: 300px;
	background: url('../imagenes/parallax-background-institucional.jpg');
	background-position: center;
	background-repeat: repeat-x;
	color: white;
}
.payoff-documentos{
	overflow: hidden;
	padding: 0px 0px 150px 0px;
	min-height: 300px;
	background: url('../imagenes/parallax-background-documentos.jpg');
	background-position: center;
	background-repeat: repeat-x;
	color: white;
}
.payoff-clientes{
	overflow: hidden;
	padding: 0px 0px 150px 0px;
	min-height: 300px;
	background: url('../imagenes/parallax-background-clientes.jpg');
	background-position: center;
	background-repeat: repeat-x;
	color: white;
}

.payoff h1{
	text-transform: uppercase;
	font-weight: 300;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 2.8em;
}
.barrapayoff{
	background-color: #231f20;
	width: 100%;
	height: 24px;
	
}

/*-----------------------------------------------------------------------------------*/
/*	CONTENIDO
/*-----------------------------------------------------------------------------------*/


#photo-modal .modal-dialog
{
    text-align:center;
    display:table;
    padding: 0;
    margin-top: 30px;
}


.contenedor-contenido{
	overflow: hidden;
	padding: 43px 10% 0px 10%;
	width: 100%;
	position: relative;	
}
.contenedor-contenido-institucional{
	overflow: hidden;
	padding: 43px 10% 0px 10%;
	width: 100%;
	height: 450px;
	position: relative;
		
}

.texto-institucional{
	color: #000;
	font-size: 14px;
	font-family: 'encode_sans_normallight', sans-serif;
	text-align: justify;
	line-height: 2;
	white-space:pre-wrap;
}

.contenedor-contenido-clientes{
	overflow: hidden;
	padding: 0px 10% 0px 10%;
	width: 100%;
	position: relative;	
	
}
.subbotonera-contenido{
	overflow: hidden;
	padding: 0px 0px 0px 0px;
	float: right;
	width: 500px;
}




.contenedor-contenido-home{
	padding: 40px 0 0px 0;
	width: 100%;
	margin:0 auto;
	display:table;
	overflow: hidden; 
	vertical-align: top;
	
}
.contenido-descripcion-home{
	width:563px; 
	height: 250px; 
	background-color:#dbdbdc;
	padding: 80px 0 0 0 ; 
	text-align:justify; 
	margin: 0 auto 3em auto;
	
}

.container-descripcion-home{
	width:100%; 
	padding:80px 0 80px 0;
	height: auto; 
	background-color:#dbdbdc;
	
}

.contenido-titulos{
	overflow: hidden;
	padding: 30px 0px 0px 0px;
	width: 100%;
	clear:both;
	
}
.contenido-textoizq{
	padding: 50px 60px 0px 0px;
	width: 60%;
	float:left;
	font-family: 'encode_sans_normalregular';
	color:#000;
	font-size: 14px;
	text-align: justify;

	
}
.contenido-imagender{
	padding: 50px 0px 0px 0px;
	width: 40%;
	height:331px;
	float:left;	
	background-color:transparent;
}


.content-clientes-divleft {
	position: relative;
	width: 490px;
	margin: 70px 0 0 0;
	display:inline-block;
	text-align:center;
	vertical-align:top;
	
}
.content-clientes-divright {
	position: relative;
	width: 490px;
		
	margin: 70px 0 0 0;
	display:inline-block;
	text-align:left;
}
.contenido-clientes-barra{
	position: relative;
	clear:both;
	width: 100%;
	margin: 80px 0 20px 0;
}
.contenido-clientes-botonera{
	position: relative;
	clear:both;
	width: 100%;
	margin: 60px 0 0 20px;
}



/*-----------------------------------------------------------------------------------*/
/*	CONTENIDO-SERVICIOS
/*-----------------------------------------------------------------------------------*/
.container-toggle{
	clear:both;
	position: relative;
	width: 100%;
	margin: 0 0 0 0;
	overflow: hidden;
}



.boton-toggle-servicios1{
	position: relative;
	width: 242 px;
	height: 167 px;
	background-color: #FFF;
	border-radius: 0px;
	background: url(../imagenes/images/Servicios-subbotonera-solapas-off_11.gif);
	background-repeat:no-repeat;
	margin: auto auto auto 10em;
	padding: 100px 121px 100px 121px;
}

.boton-toggle-servicios1:hover, .boton-toggle-servicios1:focus, .boton-toggle-servicios1:active {
	position: relative;
	width: 242 px;
	height: 167 px;
	background: url(../imagenes/images/Servicios-subbotonera-solapas-on_11.gif);
	background-repeat:no-repeat;
	margin: auto auto auto 10em;
	padding: 100px 121px 100px 121px;
	
}
.boton-toggle-servicios2{
	position: relative;
	width: 212 px;
	height: 167 px;
	background-color: #FFF;
	border-radius: 0px;
	background:	url(../imagenes/images/Servicios-subbotonera-solapas-off_13.gif);
	background-repeat:no-repeat;
	margin: auto 10em auto auto;
	padding: 100px 106px 100px 106px;
}

.boton-toggle-servicios2:hover, .boton-toggle-servicios2:focus, .boton-toggle-servicios2:active {
	position: relative;
	width: 212 px;
	height: 167 px;
	background-color: #FFF;
	background: url(../imagenes/images/Servicios-subbotonera-solapas-on_13.gif);
	background-repeat:no-repeat;
	margin: auto 10em auto auto;
	padding: 100px 106px 100px 106px;
}
	
	
.boton-toggle-servicios-container {
	width: 100%;
	height: 200px;
	margin: auto;
	background-color:#F00;
}
.boton-toggle-servicios-containerboton1 {
	position: relative;
	float: left;
	border: 0 none;
	width: 50%;
	height: 300px;
	background-color: #FFF;
	border-radius: 0px;
	background-repeat:no-repeat;
	
	display: inline-block;
}
.boton-toggle-servicios-containerboton2 {
	position: relative;
	float: right;
	border: 0 none;
	width: 50%;
	height: 300px;
	background-color: #FFF;
	border-radius: 0px;
	background-repeat:no-repeat;
	
	display: inline-block;
}
	
.span4{
	position: relative;
	width: 100%;
	background:url(../imagenes/fondo-servicios-toggle.jpg);
	background-position:top;
	background-repeat: repeat;
}

.span5{
	position: relative;
	width: 100%;
	background:url(../imagenes/fondo-servicios-toggle.jpg);
	background-position:top;
	background-repeat: repeat;
}

.contenido-toggle-servicios-container{
	width: 900px;
	height:3050px;
	position: relative;
	margin: 0 auto;
	
}
.contenido-toggle-servicios-container2{
	width: 900px;
	height:3050px;
	position: relative;
	margin: 0 auto;
	

}
.contenido-toggle-servicios-txt-titulo{
	position: relative;
	margin: 0 auto;
	padding: 10px 0 80px 0;
}
.contenido-toggle-servicios-txt-titulo2{
	position: relative;
	margin: 0 auto;
	padding: 80px 0 80px 0;
}
.contenido-toggle-servicios-txt-centro{
	width: 100%;
	position: relative;
	margin: 0 auto;
	padding: 0;
	
}
.contenido-toggle-servicios-txt-izquierda{
	width: 60%;
	height:auto;
	position: relative;
	margin: 2em auto 0 auto;
	text-align:left;
	font-family: 'encode_sans_normallight', sans-serif;
    font-size: 14px;
	color:#3F1E00;	 
	float: left;
	padding: 50px 70px 0 50px;
	line-height: 22px;
	white-space:pre-line;
	text-align:justify;
		clear:both;
}
.contenido-toggle-servicios-txt-derecha{
	width: 40%;
	height:auto;
	position: relative;
	margin: 2em auto 0 auto;
	text-align:right;
	font-family: 'encode_sans_normallight', sans-serif;
    font-size: 14px;
	color:#000;	 
	float: right;
	padding: 50px 70px 0 0;

	
}
.contenido-toggle-servicios-img{
	width: 261px;
	height:157px;
	position: relative;
	float: right;
	-webkit-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.5);
	margin: 50px 0 0 20px;
}

.contenido-toggle-servicios-auxbut{
	width: 39px;
	height:39px;
	position: relative;
	margin: 80px 210px 0 0;
	float: right;
	clear:both;
	background:url(../imagenes/images/servicios-toggle-botonaux-off.gif);
}
.contenido-toggle-servicios-auxbut:hover{
	width: 39px;
	height:39px;
	position: relative;
	margin: 80px 210px 0 0;
	float: right;
	clear:both;
	background:url(../imagenes/images/servicios-toggle-botonaux-on.gif);
}

.contenido-portada-imagen1 {
	border: 6px solid #FFF ;
	position:relative;
	margin:auto;
	float:none;
	
}

.panel-default {
	border: 1px solid #CCC;
	padding-top: 2em;
	margin-top:2em;
}

.galeria-servicios-container {
	width: 100%;
	margin: 8em auto 0 auto;
	border-top:#CCC 1px solid;
	clear: both;
	position: relative;
	padding-top: 6em;
}

.galeria-servicios-foto {
	margin: 0 1em 0 1em;
	
}
/*-----------------------------------------------------------------------------------*/
/*	CONTENIDO- CONTACTO
/*-----------------------------------------------------------------------------------*/


.rotulo-contacto{
	position: relative;
	clear: both;
	width: 1106px;
	padding: 40px 0 20PX 0;
	text-align:center;
	margin: 0 auto 0 auto;
	font-family: 'encode_sans_normalmedium', sans-serif;
    font-size: 17px;
	color:#Fbb11a;
	font-variant: uppercase;	 
}
.campo-contacto{
	position: relative;
	clear: both;
	width: 430px;
	height: 40px;
	background:url(../imagenes/images/contacto-campo.gif);
	padding: 20px 0 0px 0px;
	text-align:center;
	margin: 0 auto 0 auto;
	font-family: 'encode_sans_normalmedium', sans-serif;
    font-size: 17px;
	color:#000;	 
}
.campo-contacto-big{
	position: relative;
	clear: both;
	width: 430px;
	height: 232px;
	background:url(../imagenes/images/contacto-campo-big.gif);
	padding: 20px 0 0px 0px;
	text-align:center;
	margin: 0 auto 0 auto;
	font-family: 'encode_sans_normalmedium', sans-serif;
    font-size: 17px;
	color:#000;	 
}
.campo-sombra{
	position: relative;
	clear: both;
	width: 430px;
	height: 11px;
	background:url(../imagenes/images/contacto-campo-sombra.png);
	text-align:center;
	margin: 0 auto 0 auto;	 
}
.linea-contacto{
	position: relative;
	clear: both;
	width: 1106px;
	height: 4px;
	text-align:center;
	margin: 0 auto 0 auto;
	background:url(../imagenes/images/contacto-barraseparadora.png);
}

/*-----------------------------------------------------------------------------------*/
/*	CONTENIDO- CLIENTES
/*-----------------------------------------------------------------------------------*/


.clientes-barratop{
	background:url(../imagenes/images/contacto-barra-top.gif);
	background-repeat:repeat-x;
	width: 100%;
	height: 6px;
}


/*-----------------------------------------------------------------------------------*/
/*	CONTENIDO- CASOS
/*-----------------------------------------------------------------------------------*/
.casos-antecedentes-contenedor-texto{
	overflow: hidden;
	padding: 30px 0px 0px 0px;
	width: 600px;
	font-family: 'encode_sans_normallight', sans-serif;
	font-size: 14px;
	color:#000;
	float:left;
	line-height: 1.7;
	text-align: justify;
	white-space:pre-line;	
}
.casos-casos-contenedor-texto{
	overflow: hidden;
	padding: 30px 0px 0px 0px;
	width: 844px;
	font-family: 'encode_sans_normallight', sans-serif;
	font-size: 14px;
	color:#000;
	float:left;
	line-height: 1.7;
	text-align: justify;
	white-space:pre-line;	
}
.casos-antecedentes-contenedor-imagen{
	overflow: hidden;
	padding: 0px 0px 0px 0px;
	margin: 0 0 0 30px;
	width: 237px;
	height: 200px;
	float:left;
}

.subbotonera-contenido-casos{
	overflow: hidden;
	padding: 0px 0px 0px 0px;
	margin: 0 auto;
	width: 720px;
	height: 142px;
	
}
.subbotonera-contenido-casos-boton1{
	background-image:url(../imagenes/images/casos-solapa-off_03.gif);
	overflow: hidden;
	padding: 0px 0px 0px 0px;
	margin: 0 auto;
	text-align:center;
	display: inline-block;
	width: 100px;
	height: 142px;
	background-repeat: no-repeat;
	
}
.subbotonera-contenido-casos-boton1:active{
	background-image:url(../imagenes/images/casos-solapa-on_03.gif);
	overflow: hidden;
	padding: 0px 0px 0px 0px;
	margin: 0 auto;
	text-align:center;
	display: inline-block;
	width: 100px;
	height: 142px;
	background-repeat: no-repeat;
}
.subbotonera-contenido-casos-boton1:hover{
	background-image:url(../imagenes/images/casos-solapa-on_03.gif);
	overflow: hidden;
	padding: 0px 0px 0px 0px;
	margin: 0 auto;
	text-align:center;
	display: inline-block;
	width: 100px;
	height: 142px;
	background-repeat: no-repeat;
}

.subbotonera-contenido-casos-boton2{
	background-image:url(../imagenes/images/casos-solapa-off_04.gif);
	overflow: hidden;
	padding: 0px 0px 0px 0px;
	margin: 0 auto;
	text-align:center;
	display: inline-block;
	width: 100px;
	height: 142px;
	background-repeat: no-repeat;
	
}
.subbotonera-contenido-casos-boton2:active{
	background-image:url(../imagenes/images/casos-solapa-on_04.gif);
	overflow: hidden;
	padding: 0px 0px 0px 0px;
	margin: 0 auto;
	text-align:center;
	display: inline-block;
	width: 100px;
	height: 142px;
	background-repeat: no-repeat;
}
.subbotonera-contenido-casos-boton2:hover{
	background-image:url(../imagenes/images/casos-solapa-on_04.gif);
	overflow: hidden;
	padding: 0px 0px 0px 0px;
	margin: 0 auto;
	text-align:center;
	display: inline-block;
	width: 100px;
	height: 142px;
	background-repeat: no-repeat;
}

.subbotonera-contenido-casos-boton3{
	background-image:url(../imagenes/images/casos-solapa-off_05.gif);
	overflow: hidden;
	padding: 0px 0px 0px 0px;
	margin: 0 auto;
	text-align:center;
	display: inline-block;
	width: 100px;
	height: 142px;
	background-repeat: no-repeat;
	
}
.subbotonera-contenido-casos-boton3:active{
	background-image:url(../imagenes/images/casos-solapa-on_05.gif);
	overflow: hidden;
	padding: 0px 0px 0px 0px;
	margin: 0 auto;
	text-align:center;
	display: inline-block;
	width: 100px;
	height: 142px;
	background-repeat: no-repeat;
}
.subbotonera-contenido-casos-boton3:hover{
	background-image:url(../imagenes/images/casos-solapa-on_05.gif);
	overflow: hidden;
	padding: 0px 0px 0px 0px;
	margin: 0 auto;
	text-align:center;
	display: inline-block;
	width: 100px;
	height: 142px;
	background-repeat: no-repeat;
}
.subbotonera-contenido-casos-boton4{
	background-image:url(../imagenes/images/casos-solapa-off_06.gif);
	overflow: hidden;
	padding: 0px 0px 0px 0px;
	margin: 0 auto;
	text-align:center;
	display: inline-block;
	width: 100px;
	height: 142px;
	background-repeat: no-repeat;
	
}
.subbotonera-contenido-casos-boton4:active{
	background-image:url(../imagenes/images/casos-solapa-on_06.gif);
	overflow: hidden;
	padding: 0px 0px 0px 0px;
	margin: 0 auto;
	text-align:center;
	display: inline-block;
	width: 100px;
	height: 142px;
	background-repeat: no-repeat;
}
.subbotonera-contenido-casos-boton4:hover{
	background-image:url(../imagenes/images/casos-solapa-on_06.gif);
	overflow: hidden;
	padding: 0px 0px 0px 0px;
	margin: 0 auto;
	text-align:center;
	display: inline-block;
	width: 100px;
	height: 142px;
	background-repeat: no-repeat;
}
.subbotonera-contenido-casos-boton5{
	background-image:url(../imagenes/images/casos-solapa-off_07.gif);
	overflow: hidden;
	padding: 0px 0px 0px 0px;
	margin: 0 auto;
	text-align:center;
	display: inline-block;
	width: 100px;
	height: 142px;
	background-repeat: no-repeat;
	
}
.subbotonera-contenido-casos-boton5:active{
	background-image:url(../imagenes/images/casos-solapa-on_07.gif);
	overflow: hidden;
	padding: 0px 0px 0px 0px;
	margin: 0 auto;
	text-align:center;
	display: inline-block;
	width: 100px;
	height: 142px;
	background-repeat: no-repeat;
}
.subbotonera-contenido-casos-boton5:hover{
	background-image:url(../imagenes/images/casos-solapa-on_07.gif);
	overflow: hidden;
	padding: 0px 0px 0px 0px;
	margin: 0 auto;
	text-align:center;
	display: inline-block;
	width: 100px;
	height: 142px;
	background-repeat: no-repeat;
}
.subbotonera-contenido-casos-boton6{
	background-image:url(../imagenes/images/casos-solapa-off_08.gif);
	overflow: hidden;
	padding: 0px 0px 0px 0px;
	margin: 0 auto;
	text-align:center;
	display: inline-block;
	width: 100px;
	height: 142px;
	background-repeat: no-repeat;
	
}
.subbotonera-contenido-casos-boton6:active{
	background-image:url(../imagenes/images/casos-solapa-on_08.gif);
	overflow: hidden;
	padding: 0px 0px 0px 0px;
	margin: 0 auto;
	text-align:center;
	display: inline-block;
	width: 100px;
	height: 142px;
	background-repeat: no-repeat;
}
.subbotonera-contenido-casos-boton6:hover{
	background-image:url(../imagenes/images/casos-solapa-on_08.gif);
	overflow: hidden;
	padding: 0px 0px 0px 0px;
	margin: 0 auto;
	text-align:center;
	display: inline-block;
	width: 100px;
	height: 142px;
	background-repeat: no-repeat;
}
.subbotonera-contenido-casos-boton7{
	background-image:url(../imagenes/images/casos-solapa-off_09.gif);
	overflow: hidden;
	padding: 0px 0px 0px 0px;
	margin: 0 auto;
	text-align:center;
	display: inline-block;
	width: 100px;
	height: 142px;
	background-repeat: no-repeat;
	
}
.subbotonera-contenido-casos-boton7:active{
	background-image:url(../imagenes/images/casos-solapa-on_09.gif);
	overflow: hidden;
	padding: 0px 0px 0px 0px;
	margin: 0 auto;
	text-align:center;
	display: inline-block;
	width: 100px;
	height: 142px;
	background-repeat: no-repeat;
}
.subbotonera-contenido-casos-boton7:hover{
	background-image:url(../imagenes/images/casos-solapa-on_09.gif);
	overflow: hidden;
	padding: 0px 0px 0px 0px;
	margin: 0 auto;
	text-align:center;
	display: inline-block;
	width: 100px;
	height: 142px;
	background-repeat: no-repeat;
}

.tabssection {
    position: relative;
	margin: 0 auto;
	width: 100%;
}

.tabs {
    position: relative;
	clear: both;
	width: 100%;
	
	
}

.tabs input {
	position: relative;
	width:auto;
	height: 142px;
	opacity: 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
	cursor: pointer;
	z-index: 1000;
}
.tabs input#tab-2{
	
}
.tabs input#tab-3{
	
}
.tabs input#tab-4{
	
}

.tabs input#tab-5{
	
}

.tabs label {
	height: 142px;
	position: relative;
	padding: 0 0px;
	
	}
	

.tabs label:after {
    content: '';
	background: #fff;
	
	width: 100%;
	
}

.tabs input:hover + label
 {
	background: #fff;
}

.tabs label:first-of-type {
    z-index: 6;
	
	
   }

.tab-label-2 {
    z-index: 5;
	
}

.tab-label-3 {
    z-index: 4;
	
	
}

.tab-label-4 {
    z-index: 3;
	
	
}

.tab-label-5 {
    z-index: 2;
	
	
}
.tab-label-6 {
    z-index: 1;
	
	
}

.tabs input:checked + label {
    background: #fff;
	z-index: 7;
}

.clear-shadow {
	clear: both;
}

.content {
    background-image:url(../imagenes/casos-fondo-solapas.jpg);
	position: relative;
	clear: both;
	width: 100%;
	height: 776px;
	z-index: 5;
	margin: 0 auto; 
}

.content div {
	position: absolute;
	padding-top: 40px;
	width: 860px;
	margin: auto;
	top: 0; left: 0; bottom: 0; right: 0;
	z-index: 1;
	opacity: 0;
	-webkit-transition: opacity linear 0.1s;
	-moz-transition: opacity linear 0.1s;
	-o-transition: opacity linear 0.1s;
	-ms-transition: opacity linear 0.1s;
	transition: opacity linear 0.1s;
	
	}

.tabs input.tab-selector-1:checked ~ .content .content-1,
.tabs input.tab-selector-2:checked ~ .content .content-2,
.tabs input.tab-selector-3:checked ~ .content .content-3,
.tabs input.tab-selector-4:checked ~ .content .content-4,
.tabs input.tab-selector-5:checked ~ .content .content-5,
.tabs input.tab-selector-6:checked ~ .content .content-6,
.tabs input.tab-selector-7:checked ~ .content .content-7 {
	position: absolute;
	margin: auto;
	top: 0; left: 0; bottom: 0; right: 0;
	padding-top: 40px;
	width: 860px;
	z-index: 100;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition: opacity ease-out 0.2s 0.1s;
    -moz-transition: opacity ease-out 0.2s 0.1s;
    -o-transition: opacity ease-out 0.2s 0.1s;
    -ms-transition: opacity ease-out 0.2s 0.1s;
    transition: opacity ease-out 0.2s 0.1s;
}
.content div h2{
 	color: #000;
	text-transform: uppercase;
	font-size: 14px;
	font-family: 'PT Sans Narrow', sans-serif;
	text-align:left;
	
}
.content div h3{
	color: #f6921e;
	font-family: 'ostrich_sansmedium', sans-serif;
    font-size: 40px;
	font-weight: normal;
    font-style: normal;
	text-align:left;
	
}
.content div p {
	color: #000;
	font-family: 'encode_sans_normallight', sans-serif;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	text-align: justify;
	line-height: 24px;	
	clear: both;
}


.content-fotos-container{
	overflow: hidden;
	padding: 20px 30% 0 30%;
	margin: 0 auto;
	width: 100%;
	height: 236px;
	background:#9fa1a4
	
}
.content-fotos-div{
	overflow: hidden;
	position: relative;
	width: 860px;
	
}
.content-fotos-taco{
	overflow: hidden;
	padding: 0px 0px 0px 0px;
	margin: 0 auto;
	width: 100%;
	height: 40px;
	background:#dedfe0
	
}

.content-documentos {
    background-image:url(../imagenes/fondo-container-documentos.jpg);
	position: relative;
	clear: both;
	width: 100%;
	height: 884px;
	margin: 0 auto 0 auto; 
	text-align:center 
	
}
.content-contacto {
    background-image: url(../imagenes/images/contacto-fondo.jpg);
	position: relative;
	clear: both;
	width: 100%;
	height: 1400px;
	margin: 0 auto 0 auto; 
	text-align:center 
	
}
.content-documentos-divleft {
	position: relative;
	width: 490px;
	height: 600px;
	margin: 70px 0 0 0;
	display:inline-block;
	
}
.content-documentos-divright {
	position: relative;
	width: 490px;
	height: 600px;
	margin: 70px 0 0 0;
	display:inline-block;
}
.content-documentos-divbarra {
	position: relative;
	width: 10px;
	height: 600px;
	background:url(../imagenes/images/documentos-barraseparadora.png);
	margin: 70px 0 0 0;
	display:inline-block;
}

.content-documentos-top {
    
	position: relative;
	clear: both;
	width: 100%;
	height: 50px;
	padding: 50px 0 0 0; 
	
}
.content-documentos-doc {
    overflow: hidden;
	position: relative;
	clear: both;
	width: 490px;
	height: 160px;
	padding: 30px 0 20px 0px; 
	float:right;

}
.content-documentos-doc-right {
    overflow: hidden;
	position: relative;
	clear: both;
	width: 490px;
	height: 160px;
	padding: 30px 0 20px 60px; 
	float:left;

}
.content-documentos-barrainf {
	
	position: relative;
	clear: both;
	width: 490px;
	height: 10px;
	float:right;

}
.content-documentos-barrainf2 {
	
	position: relative;
	clear: both;
	width: 490px;
	height: 10px;
	float:left;
	padding: 0px 0px 0px 60px; 
}
.content-documentos-doc-txt {
	
	font-family: 'encode_sans_normallight';
	font-size: 12px;
	color: #000;
	text-align: left;
		
}
.content-clientes-doc-txt {
	
	font-family: 'encode_sans_normallight';
	font-size: 12px;
	color: #000;
	text-align: left;
	white-space:pre;
	line-height: 30px;
		
}
.content-documentos-doc-containertxt {
    overflow: hidden;
	position: relative;
	vertical-align:bottom;
	width: 350px;
	height: 110px;
	float:left;
	padding: 0px 0 0px 20px; 
	text-align:left;
}
.content-documentos-doc-icon {
	
	overflow: hidden;
	position: relative;
	padding: 0px 0px 20px 20px; 
	text-align:left;
	float: left;
	height: 30px;
	width: 150px;
		
}


/*-----------------------------------------------------------------------------------*/
/*	DETAIL
/*-----------------------------------------------------------------------------------*/

.detail{
	overflow: hidden;
	padding: 50px 0px 0px 0px;
	min-height: 500px;
}

.detail .title{
	margin-bottom: 80px;
	text-align: center;
}

.detail .features .row{
	margin-bottom: 40px;
}

.detail .carousel h1{
	font-size: 3.8em;
}
.detail .carousel h1, .detail p{
	text-align: left;
	font-weight: 300;
}

.detail p{
	color: #aaa;
}

.detail .carousel-control{
	background: none;
}

.detail .app-screenshot{
	overflow: hidden;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	padding-top: 95px;
	width: 320px;
	height: 450px;
	background: url('../img/iphone-front.png') no-repeat;
	background-size: 100%;
}

.detail .app-screenshot img{
	margin-right: auto;
	margin-left: auto;
	padding-left: 4px;
	width: 280px;
}

.detail .carousel-indicators {
	position: relative;
	bottom: 0;
	left: 0;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 5px;
	padding-bottom: 8px;
	width: 100%;
	border-top: 1px solid #eee;
	background: #ffffff;
}

.detail .carousel-indicators .active {
	width: 45px;
	height: 5px;
	border: none;
	border-radius: 0px;
}

.detail .carousel-indicators li {
	display: inline-block;
	margin: 1px;
	width: 45px;
	height: 5px;
	border: none;
	border-radius: 0px;
	background: #eeeeee;
	text-indent: -999px;
	cursor: pointer;
}

/*-----------------------------------------------------------------------------------*/
/*	FEATURES
/*-----------------------------------------------------------------------------------*/

.features{
	overflow: hidden;
	padding: 150px 0px 150px 0px;
	min-height: 400px;
	color: black;
}

.features p {
	font-weight: 400;
}

.features h2{
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 300;
}

.features .circle{
	box-sizing: border-box;
	margin-right: auto;
	margin-left: auto;
	padding-top: 33px;
	width: 150px;
	height: 150px;
	border: 2px solid #ffffff;
	border-radius: 100%;
	text-align: center;
	
}

.features span.glyphicon, .features i{
	margin-top: 3px;
	color: #ffffff;
	font-size: 5em;
}

/*-----------------------------------------------------------------------------------*/
/*	SOCIAL
/*-----------------------------------------------------------------------------------*/

.social{
	overflow: hidden;
	padding: 80px 0px 150px 0px;
	min-height: 350px;
	background: url('../img/sea.jpg');
	background-position: center top;
	background-repeat: repeat-x;
	color: white;
}

.social h2{
	color: white;
}

.social a {
	margin-left: 10px;
	color: #FFF;
	font-size: 5em;
	transition: all 0.3s;
}

.social a:hover{
	text-decoration: none;
	cursor: pointer;
	
}

/*-----------------------------------------------------------------------------------*/
/*	GET-IT
/*-----------------------------------------------------------------------------------*/

.get-it{
	padding: 100px 0px 160px 0px;
	text-align: center;
}

.get-it button.app-store{
	width: 152px;
	height: 52px;
	background: url(../img/badge-appstore.png) #373737 no-repeat 0px 5px;
	color: white;
}

.get-it hr{
	margin-top: 3em;
	margin-bottom: 3em;
}

.get-it ul{
	list-style-type: none;
	text-align: center;
	margin: 0;
	padding: 0;
}

.get-it ul li{
	display: inline-block;
	margin-left:30px;
}

.get-it ul li:first-child{
	margin-left: 0px;
}

.get-it ul li a{
	color: #aaa;
	font-size: 1.2em;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

.get-it ul li a:hover{
	color: #3A3A3A;
	text-decoration: none;
	cursor: pointer;
}

/*-----------------------------------------------------------------------------------*/
/*	MEDIA QUERIES
/*-----------------------------------------------------------------------------------*/

@media (max-width:768px) {
	
	header{
		padding-bottom: 50px;
		min-height: 1000px;
		height: 100%;
	}
	
	.navbar-nav {
		float: left;
		text-align: left;
		
		
}

	
}

@media (max-width:992px) {

.detail .carousel h1, .detail p{
	text-align: center;
}

.detail p{
		margin-bottom: 60px;
}

header, .social{
	background-position-y: 0px;
	background-size: 200%;
}

.payoff{
	padding-top: 150px;
	padding-bottom: 50px;
	min-height: 200px;
	width: auto;
	height: 300px;
}

.payoff h1{
	font-size: 24px;
}

.features .col-md-4{
	margin-bottom: 60px;
}

}

@media (max-width:480px){

	header .carousel-iphone, .detail .app-screenshot{
		width: 280px;
	}
	
	header .carousel, .detail .app-screenshot img{
		padding-top: 85px;
		width: 245px;
	}
	
	.detail .app-screenshot img{
		margin-top: -12px;
		padding-top: 0px;
	}
	
	header{
		padding-top: 30px;
		padding-bottom: 0px;
	}
	
	header h1{
		font-size: 70px;
	}
	
	.purchase{
		padding-top: 50px;
	}
	
	.features col-md-4{
		margin-bottom: 50px;
	}
	
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
    /* Retina-specific stuff here */
    .purchasebutton.app-store, .get-it button.app-store{
        background: url(../img/badge-appstore@2x.png) #3a3a3a no-repeat 0px 5px;
        background-size: 98%;
    	color: white;
    }
}

.footer-eye{
	background-image:url(../imagenes/fondo-footer.gif);
	height:97px;
	width:100%;
	}
.footer-contenido{
	height:60px;
	width:100%;
	text-align:center;
	padding: 20px 0 0 0;
	margin: 100px 0 0 0;
	}