#banner,#banner .inner,.proyecto {
	position:relative
}
.circulo,.circulo-txt {
	-moz-border-radius:50%;
	-webkit-border-radius:50%
}
#banner,#banner1 {
	display:-webkit-flex;
	background-position:center top;
	background-size:cover;
	border-top:0;
	overflow:hidden
}
#banner .inner,#banner1 .inner {
	-moz-transform:scale(1);
	z-index:1
}
a:focus {
	outline:0!important;
	outline-offset:0!important
}
a,button,li {
	text-decoration:none!important;
	outline:none 0!important;
	list-style:none!important
}
html {
	width:100%;
	height:100%
}
body {
	line-height:1.5;
	font-family:sans-serif;
	font-size:16px;
	color:#fff
}
a,li,ol,ul {
	outline:none 0;
	text-decoration:none;
	background-color:transparent;
	list-style:none
}
::selection {
	background:#bc994e;
	color:#fff!important
}
::-moz-selection {
	background:#bc994e;
	color:#fff!important
}
#banner {
	-ms-flex-pack:center;
	-ms-flex-align:center;
	padding:8em 0 6em;
	-moz-align-items:center;
	-webkit-align-items:center;
	-ms-align-items:center;
	align-items:center;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-moz-justify-content:center;
	-webkit-justify-content:center;
	-ms-justify-content:center;
	justify-content:center;
	background-image:url(../../images/portafolio/avvoral/avvoral-1.jpg);
	background-repeat:no-repeat;
	height:1051px!important;
	text-align:center;
	margin:0 auto;
	max-width:1920px
}
.datos-dos h1,.datos-dos p,.descanso h1,.proyecto h1,.proyecto p {
	letter-spacing:1px;
	text-align:left
}
#banner .inner {
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
	-moz-transition:opacity 1s ease,-moz-transform 1s ease;
	-webkit-transition:opacity 1s ease,-webkit-transform 1s ease;
	-ms-transition:opacity 1s ease,-ms-transform 1s ease;
	transition:opacity 1s ease,transform 1s ease;
	opacity:1
}
body.is-loading #banner .inner {
	-moz-transform:scale(.99);
	-webkit-transform:scale(.99);
	-ms-transform:scale(.99);
	transform:scale(.99);
	opacity:0
}
body.is-loading #banner:before {
	opacity:1
}
@media screen and (max-width:1080px) {
	#banner {
		background-position:45%
	}
}
@media screen and (max-width:760px) and (min-width:640px) {
	#banner {
		background-position:8%;
		margin-top:-250px
	}
}
@media screen and (max-width:640px) and (min-width:440px) {
	#banner {
		background-position:10%;
		margin-top:-250px
	}
}
@media screen and (max-width:440px) and (min-width:300px) {
	#banner {
		background-position:15%;
		margin-top:-250px
	}
}
.proyecto {
	width:100%;
	max-width:1100px!important;
	padding-right:0!important;
	padding-left:0!important;
	margin-right:auto!important;
	margin-left:auto!important;
	padding:0 2em;
	margin:0 auto;
	margin-top:45px;
}
.proyecto .col-md-8 {
	width:66.66666667%!important;
	margin:auto!important;
	float:left!important;
	padding:0;
	height:auto;
}
.proyecto .col-md-4 {
	width:33.33333333%!important;
	margin:auto!important;
	float:left!important;
	padding:0;
	height:auto;
}
.proyecto .datos,.proyecto img {
	height:auto;
	margin:0 auto;
	width:100%;
	position:relative
}
.proyecto img {
	max-width:100%;
	padding:0 1em
}
.proyecto .datos {
	max-width:80%;
	padding:0
}
.proyecto h2 {
	color:#de4551;
	font-family:FranziskaPro;
	font-size:16px;
	letter-spacing:1px;
	padding:0;
	margin-top:30px
}
.proyecto h1 {
	color:#575756;
	font-family:latobold;
	font-size:40px;
	padding:0;
	width:100%;
	margin-top:5px
}
.proyecto h3 {
	color:#939598;
	font-family:FranziskaPro-Italic;
	font-size:36px;
	letter-spacing:1px;
	padding:0em 0;
	width:100%;
	max-width:280px
}
.circulo-txt {
	width:8px;
	height:8px;
	border-radius:50%;
	background:#EFC11A;
	margin-right:0!important;
	float:right
}
.linea-txt {
	width:100%;
	max-width:25px;
	position:relative;
	top:0px;
	height:2px;
	left:0;
	background-color:#efc11a
}
.proyecto p {
	color:#575756;
	font-family:latoregular;
	font-size:16px;
	padding:0;
	width:100%;
	max-width:250px
}
@media screen and (max-width:820px) and (min-width:761px) {
	.proyecto p {
		color:#575756;
		font-family:latoregular;
		font-size:14px;
		padding:0;
		width:100%;
		max-width:250px;
		top:0;
		margin-top:0;
	}
	.proyecto .datos {
		max-width:80%;
		padding:0;
	}
	.proyecto h2 {
		color:#de4551;
		font-family:FranziskaPro;
		font-size:16px;
		letter-spacing:1px;
		padding:0;
		margin-top:20px;
	}
}
@media screen and (max-width:760px) and (min-width:300px) {
	.proyecto {
		width:100%;
		max-width:1100px!important;
		padding-right:0!important;
		padding-left:0!important;
		position:relative!important;
		margin:0 auto!important;
		padding:0 2em;
		top:30px
	}
	.proyecto .col-md-8 {
		width:100%!important;
		margin:auto!important;
		float:left!important;
		padding:0 2em;
		height:auto;
		min-height:auto;
		background-color:transparent;
		overflow:hidden
	}
	.proyecto .col-md-4 {
		width:100%!important;
		margin:auto!important;
		float:left!important;
		padding:0 2em;
		height:auto;
		min-height:auto;
		background-color:transparent;
		overflow:hidden
	}
	.proyecto .datos {
		width:100%;
		max-width:100%;
		height:100%;
		overflow:hidden;
		padding:1em 2em;
		margin:0 auto;
		position:relative
	}
	.proyecto h1,.proyecto h2 {
		margin-top:0;
		letter-spacing:1px;
		padding:0
	}
	.proyecto h2 {
		color:#f28e39;
		font-family:FranziskaPro;
		font-size:16px
	}
	.proyecto h1 {
		color:#575756;
		font-family:latobold;
		font-size:40px;
		width:100%;
		text-align:left
	}
	.proyecto h3 {
		color:#939598;
		font-family:FranziskaPro-Italic;
		font-size:36px;
		letter-spacing:1px;
		padding:0;
		width:100%;
		max-width:280px
	}
	.proyecto p {
		color:#575756;
		font-family:latoregular;
		font-size:16px;
		letter-spacing:1px;
		padding:0;
		width:100%;
		max-width:330px;
		text-align:left
	}
	.proyecto img {
		width:100%;
		max-width:100%;
		height:auto;
		padding:0;
		margin:0 auto;
		top:10px;
		position:relative
	}
}
#banner0 {
	background-image:url(../../images/portafolio/avvoral/avvoral-3.jpg);
	position:relative;
	-ms-flex-pack:center;
	-ms-flex-align:center;
	padding:8em 0 6em;
	-moz-align-items:center;
	-webkit-align-items:center;
	-ms-align-items:center;
	align-items:center;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-moz-justify-content:center;
	-webkit-justify-content:center;
	-ms-justify-content:center;
	justify-content:center;
	background-repeat:no-repeat;
	background-position:center right;
	height:930px;
	text-align:center;
	max-width:1920px;
	margin:0 auto;
	margin-top:45px;
}
#banner0 .inner {
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
	-moz-transition:opacity 1s ease,-moz-transform 1s ease;
	-webkit-transition:opacity 1s ease,-webkit-transform 1s ease;
	-ms-transition:opacity 1s ease,-ms-transform 1s ease;
	transition:opacity 1s ease,transform 1s ease;
	opacity:1
}
body.is-loading #banner0 .inner {
	-moz-transform:scale(.99);
	-webkit-transform:scale(.99);
	-ms-transform:scale(.99);
	transform:scale(.99);
	opacity:0
}
body.is-loading #banner0:before {
	opacity:1
}
@media screen and (max-width:9400px) and (min-width:1400px) {
	#banner0 {
		background-position:center center
	}
}
@media screen and (max-width:1400px) and (min-width:1080px) {
	#banner0 {
		background-position:center right;
	}
}
@media screen and (max-width:1080px) and (min-width:760px) {
	#banner0 {
		background-position:center left;
	}
}
@media screen and (max-width:760px) and (min-width:300px) {
	#banner0 {
		display: none
	}
}
.proyecto-uno {
	width:100%;
	max-width:1100px!important;
	padding-right:0!important;
	padding-left:0!important;
	margin-right:auto!important;
	margin-left:auto!important;
	padding:0 2em;
	position:relative;
	margin:45px auto 0
}
.proyecto-uno .col-md-8 {
	width:66.66666667%!important;
	margin:auto!important;
	float:left!important;
	padding:0;
	background-color:#fff
}
.proyecto-uno .col-md-4 {
	width:33.33333333%!important;
	margin:auto!important;
	float:left!important;
	padding:0;
	background-color:#fff
}
.proyecto-uno img {
	width:100%;
	max-width:100%;
	height:auto;
	padding:0 1em;
	margin:0 auto;
	position:relative
}
@media screen and (max-width:760px) and (min-width:300px) {
	.proyecto-uno {
		width:100%;
		max-width:1100px!important;
		padding-right:0!important;
		padding-left:0!important;
		position:relative!important;
		margin:0 auto!important;
		padding:0 2em;
		top:30px
	}
	.proyecto-uno .col-md-8 {
		width:100%!important;
		margin:auto!important;
		float:left!important;
		padding:0 2em;
		height:auto;
		min-height:auto;
		background-color:transparent;
		overflow:hidden;
		top:30px;
	}
	.proyecto-uno .col-md-4 {
		width:100%!important;
		margin:auto!important;
		float:left!important;
		padding:0 2em;
		height:auto;
		min-height:auto;
		background-color:transparent;
		overflow:hidden;
	}
	.proyecto-uno img {
		width:100%;
		max-width:100%;
		height:auto;
		padding:0;
		margin:0 auto;
		top:0px;
		position:relative
	}
}
.descanso {
 	display:none
}
.xn1 {
	display:none
}
 @media screen and (max-width:760px) and (min-width:300px) {
	.descanso {
		background:center center #fff;
		background-size:auto;
		width:100%;
		max-width:100%!important;
		padding-right:0!important;
		padding-left:0!important;
		margin-right:auto!important;
		margin-left:auto!important;
		padding:0 2em;
		position:relative;
		margin:60px auto 0;
		display:flex;
		justify-content:center;
		align-items:center;
 	}
	.descanso .col-md-12,.descanso .col-md-6 {
		width:100%!important;
		margin:auto!important;
		float:left!important
	}
	.descanso .col-md-12 {
		padding:0;
		display:block;
		justify-content:none;
		align-items:none
	}
	.descanso .col-md-6 {
		padding:0 2em;
		height:auto;
		overflow:hidden
	}
	.descanso img,.descanso object {
		width:100%;
		max-width:100%;
		height:auto;
		padding:0;
		margin:0 auto;
		position:relative
	}
	.xn {
		display:none;
		position:relative
	}
	.xn1 {
		display:inherit;
		position:relative
	}
	 
}
.proyecto-dos {
	width:100%;
	max-width:1100px!important;
	padding-right:0!important;
	padding-left:0!important;
	margin-right:auto!important;
	margin-left:auto!important;
	padding:0 2em;
	display:flex;
	justify-content:center;
	align-items:center;
	margin:45px auto 0;
}
.proyecto-dos .col-md-8 {
	width:66.66666667%!important;
	margin:auto!important;
	float:left!important;
	padding:0;
	background-color:#fff
}
.proyecto-dos .col-md-4 {
	width:33.33333333%!important;
	margin:auto!important;
	float:left!important;
	padding:0;
}
.proyecto-dos img {
	width:100%;
	max-width:100%;
	height:auto;
	padding:0 1em;
	margin:0 auto;
	position:relative
}
.proyecto-dos .datos-dos {
	width:100%;
	max-width:80%;
	height:auto;
	padding:0 0;
	margin:0 auto;
}
.linea-txt1 {
	width:100%;
	max-width:25px;
	top:5px;
	height:2px;
	left:0;
	background-color:#efc11a
}
.datos-dos h1 {
	color:#939598;
	font-family:latolight;
	font-size:21px;
	text-transform:uppercase
}
.datos-dos span {
	color:#eec01a;
	font-family:latobold;
	font-size:21px
}
.datos-dos p {
	color:#575756;
	font-family:latoregular;
	font-size:16px;
	letter-spacing:1px;
	padding:0;
	width:100%;
	max-width:400px;
	text-align:left;
	margin-top:0
}
.datos-dos em {
	color:#eec01a;
	font-family:latoregular;
	font-size:14px;
	padding:0 0em;
	margin-top:0
}
.datos-dos h2 {
	color:#e3b51a;
	font-family:latoitalic;
	font-size:26px;
	padding:1em 0.4em;
	width:260px;
	margin-top:0
}
@media screen and (max-width:920px) and (min-width:760px) {
	.proyecto-dos {
		width:100%;
		max-width:1100px!important;
		padding-right:0!important;
		padding-left:0!important;
		margin-right:auto!important;
		margin-left:auto!important;
		padding:0 2em;
		display:block;
		margin:45px auto 0;
	}
	.proyecto-dos .col-md-4 {
		width:33.33333333%!important;
		margin:auto!important;
		float:left!important;
		padding:0;
		display:block;
		justify-content:center;
		align-items:center;
	}
	.proyecto-dos .datos-dos {
		width:100%;
		max-width:80%;
		height:auto;
		padding:0 0;
		margin:0 auto;
		display:block;
	}
	.datos-dos h1 {
		color:#939598;
		font-family:latolight;
		font-size:19px;
		text-transform:uppercase;
		top:0px;
		margin-top:5px;
	}
	.datos-dos span {
		color:#eec01a;
		font-family:latobold;
		font-size:19px;
		top:0;
		margin-top:0
	}
	.datos-dos p {
		color:#575756;
		font-family:latoregular;
		font-size:14px;
		letter-spacing:1px;
		padding:0;
		width:100%;
		max-width:400px;
		text-align:left;
		margin-top:0
	}
	.datos-dos em {
		color:#eec01a;
		font-family:latoregular;
		font-size:14px;
		padding:0 0em;
		margin-top:0
	}
	.datos-dos h2 {
		color:#efc11a;
		font-family:latoitalic;
		font-size:23px;
		padding:0.8em 0.4em;
		width:260px;
		margin-top:0
	}
}
@media screen and (max-width:760px) and (min-width:300px) {
	.datos-dos h1,.datos-dos p {
		letter-spacing:1px;
		text-align:left
	}
	.proyecto-dos {
		width:100%;
		max-width:1100px!important;
		padding-right:0!important;
		padding-left:0!important;
		position:relative!important;
		margin:0 auto!important;
		padding:0 2em;
		display:block;
		top:60px
	}
	.proyecto-dos .col-md-8 {
		width:100%!important;
		margin:auto!important;
		float:left!important;
		padding:0 2em;
		height:auto;
		overflow:hidden
	}
	.proyecto-dos .col-md-4 {
		display:none
	}
	.proyecto-dos .datos-dos,.proyecto-dos img {
		max-width:100%;
		margin:0 auto;
		position:relative;
		width:100%
	}
	.proyecto-dos .datos-dos {
		height:100%;
		overflow:hidden;
		padding:1em 2em
	}
	.proyecto-dos img {
		height:auto;
		padding:0;
		top:10px
	}
	.datos-dos p {
		color:#575756;
		font-family:latoregular;
		font-size:16px;
		padding:1em 0;
		width:100%;
		max-width:330px
	}
	.datos-dos em {
		color:#eec01a;
		font-family:latoregular;
		font-size:16px;
		padding:1em 0em;
		margin-top:0
	}
	.linea-txt1 {
		width:100%;
		max-width:25px;
		position:relative;
		top:5px;
		height:2px;
		left:0;
		background-color:#efc11a
	}
	.datos-dos h1 {
		color:#efc11a;
		font-family:latoitalic;
		font-size:32px;
		padding:0;
		margin-top:0;
		width:100%
	}
}
.proyecto-tres {
	width:100%;
	max-width:1100px!important;
	padding-right:0!important;
	padding-left:0!important;
	margin-right:auto!important;
	margin-left:auto!important;
	padding:0 2em;
	position:relative;
	margin:45px auto 0;
	display:none
}
.proyecto-tres .col-md-6 {
	width:50%!important;
	margin:auto!important;
	float:left!important;
	padding:0;
	background-color:#fff
}
.proyecto-tres img {
	width:100%;
	max-width:100%;
	height:auto;
	padding:0 1em;
	margin:0 auto;
	position:relative
}
.proyecto-tres .col-md-12 {
	display:none
}
@media screen and (max-width:760px) and (min-width:540px) {
	.proyecto-tres .col-md-6 {
		width:50%!important;
		margin:auto!important;
		float:left!important;
		padding:0 0em;
		display:block;
	}
	.proyecto-tres .col-md-10 {
		display:none
	}
}
@media screen and (max-width:540px) and (min-width:300px) {
	.proyecto-tres .col-md-6 {
		display:none
	}
	.proyecto-tres .col-md-10 {
		width:100%!important;
		margin:0 auto!important;
		float:left!important;
		padding:0em 0em!important;
		height:auto!important;
		overflow:hidden;
		top:0!important;
		margin-top:0!important;
		display:block;
	}
}
@media screen and (max-width:760px) and (min-width:300px) {
	.datos-9 h1,.datos-9 p,.datos-9 span {
		letter-spacing:1px;
		text-align:left
	}
	.proyecto-tres {
		width:100%;
		max-width:1100px!important;
		padding-right:0!important;
		padding-left:0!important;
		position:relative!important;
		margin:0 auto!important;
		padding:0 2em;
		top:30px;
		display:inherit
	}
	.proyecto-tres .col-md-12 {
		width:100%!important;
		margin:auto!important;
		float:left!important;
		padding:0 2em;
		display:block;
		top:30px
	}
	.datos-9 {
		width:100%;
		margin:0 auto;
		padding:1em 2em
	}
	.datos-9 .col-md-12 {
		width:100%!important;
		margin:auto!important;
		float:left!important;
		padding:1em 0;
		display:inherit;
		top:0
	}
	.datos-9 h1 {
		color:#939598;
		font-family:latolight;
		font-size:21px;
		text-transform:uppercase
	}
	.datos-9 span {
		color:#efc11a;
		font-family:latobold;
		font-size:21px
	}
	.datos-9 p {
		color:#575756;
		font-family:latoregular;
		font-size:16px;
		padding:0 0.5em;
		width:100%;
		max-width:400px;
		margin-top:0px;
		top:0
	}
	.datos-9 em {
		color:#eec01a;
		font-family:latoregular;
		font-size:16px;
		padding:0;
		margin-top:0px;
		top:0
	}
}
.datos-3,.datos-4,.prueba {
	position:relative
}
.datos-4 h1,.datos-4 span {
	font-size:21px;
	letter-spacing:1px;
	text-align:left
}
.prueba {
	width:100%;
	max-width:1100px!important;
	padding-right:0!important;
	padding-left:0!important;
	margin-right:auto!important;
	margin-left:auto!important;
	padding:0 2em;
	margin:45px auto 0;
	display:none
}
.prueba .col-md-6 {
	width:50%!important;
	margin:auto!important;
	float:left!important;
	padding:0;
	background-color:#fff;
	display:inherit
}
.prueba .col-md-12 {
	display:none
}
.datos-4 {
	width:100%;
	max-width:80%;
	height:auto;
	margin:0 auto
}
.datos-4 .col-md-12 {
	width:100%!important;
	margin:auto!important;
	float:left!important;
	padding:0;
	display:inherit;
	display:flex;
	justify-content:center;
	align-items:center
}
.datos-4 h1 {
	color:#939598;
	font-family:latolight;
	text-transform:uppercase
}
.datos-4 span {
	color:#efc11a;
	font-family:latobold
}
.datos-4 p {
	color:#575756;
	font-family:latoregular;
	font-size:16px;
	letter-spacing:1px;
	padding:0;
	width:100%;
	max-width:400px;
	text-align:left;
	margin-top:0
}
.datos-3 h1,.datos-3 span {
	font-size:21px;
	letter-spacing:1px;
	text-align:left
}
.datos-3 {
	width:100%;
	max-width:80%;
	height:auto;
	margin:0 auto
}
.datos-3 h1 {
	color:#939598;
	font-family:latolight;
	text-transform:uppercase
}
.datos-3 span {
	color:#eec01a;
	font-family:latobold
}
.datos-3 p {
	color:#575756;
	font-family:latoregular;
	font-size:16px;
	letter-spacing:1px;
	padding:0 0.5em;
	width:100%;
	max-width:220px;
	text-align:left
}
.datos-3 em {
	color:#eec01a;
	font-family:latoregular;
	font-size:16px;
	letter-spacing:1px;
	padding:0;
}
@media screen and (max-width:760px) and (min-width:300px) {
	.prueba {
		width:100%;
		max-width:1100px!important;
		padding-right:0!important;
		padding-left:0!important;
		position:relative!important;
		margin:0 auto!important;
		padding:0 2em;
		display:block;
		top:30px;
		display:inherit
	}
	.prueba .col-md-12 {
		width:100%!important;
		margin:auto!important;
		float:left!important;
		padding:0 2em;
		justify-content:center;
		align-items:center;
		display:inherit;
		top:35px
	}
	.prueba .col-md-6 {
		display:none
	}
	.datos-3,.datos-4 {
		width:100%;
		max-width:100%;
		height:100%;
		overflow:hidden;
		padding:1em 2em;
		margin:0 auto;
		position:relative
	}
}
#banner1,#banner1 .inner,.botones,footer {
	position:relative
}
#banner1 {
	-ms-flex-pack:center;
	-ms-flex-align:center;
	padding:8em 0 6em;
	-moz-align-items:center;
	-webkit-align-items:center;
	-ms-align-items:center;
	align-items:center;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-moz-justify-content:center;
	-webkit-justify-content:center;
	-ms-justify-content:center;
	justify-content:center;
	background-image:url(../../images/portafolio/avvoral/avvoral-7.jpg);
	background-repeat:no-repeat;
	height:930px!important;
	text-align:center;
	max-width:1920px;
	margin:45px auto 0;
	background-color:#fff
}
.botones h1,.botones h1:hover {
	font-family:latolight;
	font-size:22px;
	letter-spacing:1px;
	text-align:left
}
@media screen and (max-width:760px) and (min-width:300px) {
	#banner1 {
		margin-top:80px
	}
}
#banner1 .inner {
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
	-moz-transition:opacity 1s ease,-moz-transform 1s ease;
	-webkit-transition:opacity 1s ease,-webkit-transform 1s ease;
	-ms-transition:opacity 1s ease,-ms-transform 1s ease;
	transition:opacity 1s ease,transform 1s ease;
	opacity:1
}
body.is-loading #banner1 .inner {
	-moz-transform:scale(.99);
	-webkit-transform:scale(.99);
	-ms-transform:scale(.99);
	transform:scale(.99);
	opacity:0
}
body.is-loading #banner1:before {
	opacity:1
}
@media screen and (max-width:1080px) {
	#banner1 {
		background-position:50%
	}
}
@media screen and (max-width:768px) {
	#banner1 {
		background-position:40%
	}
}
.circulo,.cuadrado {
	background:#EFC11A
}
.botones {
	width:100%;
	max-width:1100px!important;
	padding-right:0!important;
	padding-left:0!important;
	margin-right:auto!important;
	margin-left:auto!important;
	padding:0 2em;
	margin:45px auto 0
}
.botones .col-md-6 {
	width:50%!important;
	margin:auto!important;
	float:left!important;
	padding:0;
	display:flex;
	align-items:center
}
.botones h1 {
	color:#efc11a;
	text-transform:capitalize
}
.botones h1:hover {
	color:#575756;
	text-transform:capitalize
}
.botones h2,.botones h2:hover {
	font-size:22px;
	text-align:center;
	text-transform:capitalize;
	font-family:latolight;
	letter-spacing:1px
}
.botones h2 {
	color:#efc11a
}
.botones h2:hover {
	color:#575756
}
.botones h3 {
	color:#efc11a;
	font-family:latolight;
	font-size:30px
}
@media screen and (max-width:880px) and (min-width:760px) {
	.botones h1,.botones h1:hover,.botones h2,.botones h2:hover {
		font-size:18px
	}
	.botones h3 {
		font-size:25px
	}
}
@media screen and (max-width:760px) and (min-width:390px) {
	.botones h1,.botones h1:hover {
		font-size:20px;
		text-align:left
	}
	.botones h2,.botones h2:hover {
		font-size:20px;
		text-align:center
	}
	.botones h3 {
		font-size:30px
	}
	.botones {
		width:100%;
		max-width:1100px!important;
		padding-right:0!important;
		padding-left:0!important;
		margin-right:auto!important;
		margin-left:auto!important;
		padding:0 2em;
		position:relative;
		margin:55px auto 0
	}
	.botones .col-md-6 {
		width:100%!important;
		float:left!important;
		padding:0 3em
	}
}
@media screen and (max-width:390px) and (min-width:280px) {
	.botones h1,.botones h1:hover {
		font-size:17px;
		text-align:left
	}
	.botones h2,.botones h2:hover {
		font-size:17px;
		text-align:center
	}
	.botones h3 {
		font-size:20px
	}
	.botones {
		width:100%;
		max-width:1100px!important;
		padding-right:0!important;
		padding-left:0!important;
		margin-right:auto!important;
		margin-left:auto!important;
		padding:0 2em;
		position:relative;
		margin:60px auto 0
	}
	.botones .col-md-6 {
		width:100%!important;
		float:left!important;
		padding:0 2em
	}
}
footer {
	width:100%;
	max-width:1920px;
	min-height:220px;
	margin:45px auto 0
}
.todo {
	width:100%;
	max-width:1100px!important;
	padding-right:0!important;
	padding-left:0!important;
	position:relative!important;
	margin:0 auto!important
}
.circulo {
	width:8px;
	height:8px;
	border-radius:50%;
	margin-left:-15px!important
}
.linea,.lineapequeña {
	width:100%;
	height:2px;
	background-color:#EFC11A;
	position:relative
}
.todo h1 {
	color:#575756;
	font-family:latoregular;
	font-size:21px;
	letter-spacing:1px
}
.todo a p,.todo a p:hover {
	font-family:latolight;
	font-size:21px
}
.lineapequeña {
	max-width:25px;
	margin:0 90px 0 auto;
	top:0
}
.todo a p {
	color:#939598;
	letter-spacing:1px
}
.linea {
	max-width:190px;
	margin:0 auto;
	float:left
}
.todo a p:hover {
	color:#EFC11A;
	letter-spacing:1px
}
.todo ul li,.todo ul li a {
	color:#575756;
	letter-spacing:1px
}
.todo ul li,.todo ul li a,.todo ul li a:hover {
	font-family:latoregular;
	font-size:13px
}
.todo ul li.unix{
	font-family:latobold;
	color:#EFC11A;
}
.cuadrado {
	width:8px;
	height:8px;
	margin-right:-15px!important;
	float:right;
	margin-top:-27px
}
.todo ul li a:hover {
	color:#EFC11A
}
.ab {
	position:relative;
	top:27px
}
footer .col-md-5 {
		margin:auto!important;
		float:left!important;
		width:24%!important;
 }
footer .col-md-3 {
		margin:auto!important;
		float:left!important;
		width:25%!important;
 }
footer .col-md-2 {
		margin:auto!important;
		float:left!important;
		width:13%!important;
 }
footer .col-md-4 {
	display:none
}
footer .col-md-8 {
	display:none
}
@media screen and (max-width:991px) and (min-width:800px) {
 	footer .col-md-5 {
		margin:auto!important;
		float:left!important;
		width:23%!important;
  	}
	footer .col-md-3 {
		margin:auto!important;
		float:left!important;
		width:24.5%!important;
 	}
	footer .col-md-2 {
		margin:auto!important;
		float:left!important;
		width:13.5%!important;
		display:inherit;
 	}
	.lineapequeña,footer .col-md-4 {
		display:none
	}
	.lineapequeña,footer .col-md-8 {
		display:none
	}
 	.todo h1 {
	color:#575756;
	font-family:latoregular;
	font-size:17px
	}
	.todo a p,.todo a p:hover {
	font-family:latolight;
	font-size:17px
	}
	.todo a p {
	color:#939598
	}
	.linea {
	max-width:150px;
	margin:0 auto;
	float:left
	}
	.todo a p:hover {
	color:#EFC11A;
	letter-spacing:1px
	}
	.todo ul li,.todo ul li a,.todo ul li a:hover {
	font-family:latoregular;
	font-size:11px;
	left:0;
	margin-left:0;
	text-align:left;
	float:left
	}
}
@media screen and (max-width:800px) and (min-width:760px) {
 	footer .col-md-5 {
		margin:auto!important;
		float:left!important;
		width:22%!important;
   	}
	footer .col-md-3 {
		margin:auto!important;
   		float:left!important;
		width:25%!important;
  	}
	footer .col-md-2 {
		margin:auto!important;
		float:left!important;
		width:13%!important;
		display:inherit;
  	}
	.lineapequeña,footer .col-md-4 {
		display:none
	}
	.lineapequeña,footer .col-md-8 {
		display:none
	}
 	.todo h1 {
	color:#575756;
	font-family:latoregular;
	font-size:15px
	}
	.todo a p,.todo a p:hover {
	font-family:latolight;
	font-size:15px
	}
	.todo a p {
	color:#939598
	}
	.linea {
	max-width:140px;
	margin:0 auto;
	float:left
	}
	.todo a p:hover {
	color:#EFC11A;
	letter-spacing:1px
	}
	.todo ul li,.todo ul li a,.todo ul li a:hover {
	font-family:latoregular;
	font-size:10.5px;
	left:0;
	margin-left:0;
	text-align:left;
	float:left
	}
}
@media screen and (max-width:760px) and (min-width:480px) {
	.todo h1,.todo ul li a {
		color:#575756;
		letter-spacing:1px
	}
	.todo h1,.todo ul li,.todo ul li a {
		letter-spacing:1px
	}
	.ab,footer {
		position:relative
	}
	footer {
		width:100%;
		max-width:100%;
		min-height:390px;
		background-color:#fff;
		margin:90px auto 0
	}
	footer .col-md-5 {
		margin:auto!important;
		float:left!important
	}
	footer .col-md-5 {
		width:100%!important;
		top:0;
		padding:0 4em
	}
	.todo h1 {
		font-family:latoregular;
		font-size:21px;
		width:200px
	}
	.todo ul li,.todo ul li a,.todo ul li a:hover {
		font-family:latoregular;
		font-size:14px
	}
	.todo ul li a:hover {
		color:#EFC11A
	}
	.todo ul li {
		color:#575756
	}
	footer .col-md-3 {
		display:none
	}
	footer .col-md-2 {
		display:none
	}
	.cuadrado {
		width:8px;
		height:8px;
		background:#EFC11A;
		margin-right:20px!important;
		float:right;
		margin-top:-27px
	}
	footer .col-md-4 {
		width:50%!important;
		margin:auto!important;
		float:left!important;
		padding:0 1.3em;
		display:inherit
	}
	footer .col-md-8 {
		width:50%!important;
		margin:auto!important;
		float:left!important;
		padding:0 1.3em;
		display:inherit
	}
	.ab1 {
		top:20px;
		position: relative
	}
	.lineapequeña {
	max-width:25px;
  	top:5px;
 	margin-left:40px;
 }
}
@media screen and (max-width:480px) and (min-width:300px) {
	.todo h1,.todo ul li a {
		color:#575756;
		letter-spacing:1px
	}
	.todo h1,.todo ul li,.todo ul li a {
		letter-spacing:1px
	}
	.ab,footer {
		position:relative
	}
	footer {
		width:100%;
		max-width:100%;
		min-height:390px;
		background-color:#fff;
		margin:90px auto 0
	}
	footer .col-md-5 {
		margin:auto!important;
		float:left!important
	}
	footer .col-md-5 {
		width:100%!important;
		top:0;
		padding:0 4em
	}
	.todo h1 {
		font-family:latoregular;
		font-size:20px;
		width:200px
	}
 	.todo a p,.todo a p:hover {
	font-family:latolight;
	font-size:20px
	}
	.linea {
	max-width:175px;
	margin:0 auto;
	float:left
	}
	.todo ul li,.todo ul li a,.todo ul li a:hover {
		font-family:latoregular;
		font-size:12px
	}
	.todo ul li a:hover {
		color:#EFC11A
	}
	.todo ul li {
		color:#575756
	}
	footer .col-md-3 {
		display:none
	}
	footer .col-md-2 {
		display:none
	}
	.cuadrado {
		width:8px;
		height:8px;
		background:#EFC11A;
		margin-right:20px!important;
		float:right;
		margin-top:-27px
	}
	footer .col-md-4 {
		width:60%!important;
		margin:auto!important;
		float:left!important;
		padding:0 1em;
		display:inherit
	}
	footer .col-md-8 {
		width:40%!important;
		margin:auto!important;
		float:left!important;
		padding:0 1em;
		display:inherit
	}
	.ab1 {
		top:20px;
		position: relative
	}
	.lineapequeña {
	max-width:25px;
  	top:5px;
 	margin-left:40px;
 }
}
#myImg,#myImg1,#myImg2,#myImg3 {
	cursor:pointer;
	transition:0.3s;
	border:none;
	border-radius:none;
}
.modal {
	display:none;
	position:fixed;
	z-index:1;
	padding-top:0px;
	left:0;
	top:0;
	width:100%;
	height:100%;
	overflow:auto;
	background-color:rgb(0,0,0);
	background-color:rgba(0,0,0,0.9);
	border:none;
	border-radius:none;
	text-align:center
}
.modal-content {
	margin:auto;
	display:block;
	width:80%;
	max-width:700px;
}
.modal img {
	margin:auto;
	left:0;
	right:0;
	top:0;
	bottom:0;
	position:absolute;
	display:block;
}
#caption {
	margin:auto;
	display:block;
	width:80%;
	max-width:700px;
	text-align:center;
	color:#ccc;
	padding:0px 0;
	height:0px;
}
.modal-content,#caption {
	-webkit-animation-name:zoom;
	-webkit-animation-duration:0.6s;
	animation-name:zoom;
	animation-duration:0.6s;
	border:none;
	border-radius:none;
}
@-webkit-keyframes zoom {
	from {
		-webkit-transform:scale(0)
	}
	to {
		-webkit-transform:scale(1)
	}
}
@keyframes zoom {
	from {
		transform:scale(0)
	}
	to {
		transform:scale(1)
	}
}
.cerrar {
	position:absolute;
	top:35px;
	right:50px;
	margin-right:0;
	transition:0.3s;
	z-index:99999
}
.cerrar img {
	opacity:1;
}
.cerrar img:hover {
	opacity:0.8;
}
.cerrar:hover,.cerrar:focus {
	text-decoration:none;
	cursor:pointer;
}
@media screen and (max-width:760px) and (min-width:300px) {
	.modal-content {
		width: 100%
	}
}