@import url(https://fonts.googleapis.com/css?family=Roboto:400,700);

html {
  overflow-x:hidden;
}
body{
	font-family: 'Roboto', sans-serif;
	color: #fff;
}
a:hover{
	cursor: pointer;
}
/*INICIO HEADER*/
.corp{
	background-color: #052472;
	position: relative;
}
.titleAugmented{
	color: #ffb500;
	font-size: 40px;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
}
.logoHeader{
	margin:30px auto;
	max-width: 180px;
	display: block;
}
.contIcoHeader{
	height: 100px;
}
.btnHeader{
	width:220px;
	display: block;
	margin: 40px auto;
	padding: 8px 15px;
	border: solid 1px #fff;
	border-radius: 20px;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
}
.icoHeader{
	display: block;
	margin:10px auto;
	max-width: 40px;
}
.containerIcons{
	width: 100%;
	max-width: 400px;
	display: block;
	margin:0 auto;
}
.textIcon{
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	font-weight: 400;
	margin-top: 0;
}
.triangleHeader{
	position: absolute;
	bottom:-35px;
	left: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: #052472 transparent transparent transparent;
}
/* FIN HEADER */


/* INICIO FOOTER */

footer{
	display: block;
	color: #fff;
	margin-top: 100px;
	min-height: 100px;
	background: #052472;
	position: relative;
}
.triangleFooter{
	position: absolute;
	top:-35px;
	left: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent transparent #052472 transparent;
}
.textFooter{
	display: block;
	text-align: center;
	margin:15px auto;
}
.icoStore{
	text-align: center;
	margin-bottom:30px;
}
.icoStore>a>img{
	display: inline-block;
	margin:5px;
	width:120px;
	height: 40px;
}

@media (min-width:768px) {
	.titleAugmented{
		letter-spacing: 5px;
	}
	.textFooter{
		text-align: right;
		margin-top: 34px;
	}
  	.icoStore{
  		margin-top:30px;
		text-align: left;
  	}
  	footer{
  		padding-bottom: 20px;
  	}
}

/* INICIO CONTENIDO SLIDE */
.contSlide{
	position: relative;
}
.btnNext{
	position: absolute;
	right:0px;
	top: 160px;
	z-index: 90;
	transform: rotate(180deg);
}
.btnPrev{
	position: absolute;
	left:0px;
	top: 160px;
	z-index: 90;
}
.headerProyect{
	padding: 20px;
}
.nombProyecto{
	margin-top: 20px;
	text-transform: uppercase;
	font-weight: 400;
}
.nombProyecto>span{
	font-size:0.6em;
	font-weight: 700;
}
.contenidoSlide,.contApp{
	width: 100%;
	display: block;
}
.contApp{
	padding: 50px 0px;
	color: #919191;
}
.btnDescargarPdf{
	display: block;
	float: left;
	margin: 30px 0 20px 20px;
	width: 130px;
	border-top: solid 4px #a26a38;
}

.btnDescargarPdf2{
	display: block;
	float: left;
	margin: 30px 0 20px 0px;
	width: 130px;
	border-top: solid 4px #a26a38;
}

.btnDescargarPdf>img, .btnDescargarPdf2>img{
	width: 100%;
	display: block;
}
.imgJarropato{
	width: 100%;
	display: block;
}
.icoProyect{
	display: block;
	margin: 15px auto;
	max-width:220px;
}
.icoProyect2{
	display: block;
	margin: 15px auto;
	max-width:300px;
}

.textApps{
	padding: 30px 0 20px;
	z-index: 1;
}
@media (min-width:768px) {
	.btnNext{
		right:-50px;
	}
	.btnPrev{
		left:-50px;
	}
	.textApps{
		padding:60px 0 20px;
		z-index: 1;
	}
	.nombProyecto{
		margin-top: 50px;
	}
	.imgJarropato{
		width: 115%;
		margin-left: -15%;
	}
}