#portfolio,.portfolio_item,.space,.space2,.space3 {
	position:relative
}
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%
}
#portfolio {
	width:100%;
	max-width:1250px;
	margin:0 auto;
	top:90px
}
.cin,.cua,.one,.sei,.tree,.two {
	display:block
}
#esconde,#esconde1,.space2,.space3 {
	display:inherit
}
.space {
	margin-top:26px
}
.space2,.space3 {
	margin-top:0
}
#activa,#activa1 {
	display:none
}
@media screen and (max-width:991px) and (min-width:320px) {
	#esconde {
		display:none
	}
	#activa {
		display:inherit
	}
}
@media screen and (max-width:768px) and (min-width:320px) {
	.space,.space2,.space3 {
		margin-top:26px;
		position:relative
	}
	#esconde1 {
		display:none
	}
	#activa1 {
		display:inherit
	}
}
.no-padding {
	padding-left:0;
	padding-right:0
}
.no-padding [class^=col-] {
	padding-left:10px;
	padding-right:0;
	margin-top:10px
}
.portfolio .categories-grid span {
	font-size:30px;
	margin-bottom:30px;
	display:inline-block
}
.portfolio .categories-grid .categories ul li {
	list-style:none;
	margin:20px 0;
	float:left
}
.portfolio .categories-grid .categories ul li a {
	display:inline-block;
	color:#60606e;
	margin:0 10px
}
.portfolio .categories-grid .categories ul li a:focus,.portfolio .categories-grid .categories ul li a:hover {
	text-decoration:none
}
.portfolio .categories-grid .categories ul li a.active {
	margin-left:0;
	background-color:#ffbf00;
	padding:0 20px;
	color:#fff;
	border-radius:25px;
	text-decoration:none
}
.portfolio_filter {
	padding-left:0
}
.amaimg .item_info,.azulfimg .item_info,.azulimg .item_info,.cafe .portfolio_item_hover .item_info,.cafeimg .item_info,.portfolio_item .portfolio_item_hover .item_info,.portfolio_item2 .portfolio_item_hover .item_info,.rojo .portfolio_item_hover .item_info,.rojoimg .item_info,.verde .portfolio_item_hover .item_info,.verdeimg .item_info {
	text-align:left;
	padding:10px 50px
}
.portfolio_item {
	overflow:hidden;
	display:block
}
.portfolio_item .portfolio_item_hover {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background-color:rgba(183,194,40,1); 
	-webkit-transform:translate(-100%);
	transform:translate(-100%);
	opacity:0;
	-webkit-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out
}
.portfolio_item .portfolio_item_hover .item_info {
	position:absolute;
	top:30%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	width:100%
}
.portfolio_item .portfolio_item_hover .item_info span {
	display:block;
	color:#fff;
	font-size:4em;
	-webkit-transform:translateX(-100px);
	transform:translateX(-100px);
	-webkit-transition:all .2s ease-in-out .2s;
	transition:all .2s ease-in-out .2s;
	opacity:0;
	font-family:latobold
}
.portfolio_item .portfolio_item_hover .item_info p {
	display:block;
	color:#fff;
	font-size:12px;
	-webkit-transform:translateX(-100px);
	transform:translateX(-100px);
	-webkit-transition:all .3s ease-in-out .3s;
	transition:all .3s ease-in-out .3s;
	opacity:0;
	letter-spacing:3px;
	font-family:FranziskaPro
}
.francia{
width:100%;
max-width:280px;
line-height:54px;
}
@media screen and (max-width:860px) and (min-width:790px) {
.francia{
width:100%;
max-width:280px;
line-height:54px;
}
.portfolio_item .portfolio_item_hover .item_info span {
	display:block;
	color:#fff;
	font-size:3em;
	-webkit-transform:translateX(-100px);
	transform:translateX(-100px);
	-webkit-transition:all .2s ease-in-out .2s;
	transition:all .2s ease-in-out .2s;
	opacity:0;
	font-family:latobold
}
}
@media screen and (max-width:790px) and (min-width:760px) {
.francia{
width:100%;
max-width:100%;
line-height:34px;
}
.portfolio_item .portfolio_item_hover .item_info span {
	display:block;
	color:#fff;
	font-size:2em;
	-webkit-transform:translateX(-100px);
	transform:translateX(-100px);
	-webkit-transition:all .2s ease-in-out .2s;
	transition:all .2s ease-in-out .2s;
	opacity:0;
	font-family:latobold
}
}
@media screen and (max-width:760px) and (min-width:540px) {
.francia{
width:100%;
max-width:280px;
line-height:54px;
}
}
@media screen and (max-width:540px) and (min-width:280px) {
.francia{
width:100%;
max-width:280px;
line-height: normal;
}
.portfolio_item .portfolio_item_hover .item_info span {
	display:block;
	color:#fff;
	font-size:2.5em;
	-webkit-transform:translateX(-100px);
	transform:translateX(-100px);
	-webkit-transition:all .2s ease-in-out .2s;
	transition:all .2s ease-in-out .2s;
	opacity:0;
	font-family:latobold
}
.portfolio_item .portfolio_item_hover .item_info p {
	display:block;
	color:#fff;
	font-size:10px;
	-webkit-transform:translateX(-100px);
	transform:translateX(-100px);
	-webkit-transition:all .3s ease-in-out .3s;
	transition:all .3s ease-in-out .3s;
	opacity:0;
	letter-spacing:2px;
	font-family:FranziskaPro
}
}
/*naranja*/
.portfolio_item2 .portfolio_item_hover {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background-color:rgba(238,138,57,1);
	-webkit-transform:translate(-100%);
	transform:translate(-100%);
	opacity:0;
	-webkit-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out
}
.portfolio_item2 .portfolio_item_hover .item_info {
	position:absolute;
	top:30%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	width:100%
}
.promocion,footer {
	max-width:1920px;
	position:relative;
	width:100%
}
.portfolio_item2 .portfolio_item_hover .item_info span {
	display:block;
	color:#fff;
	font-size:4em;
	-webkit-transform:translateX(-100px);
	transform:translateX(-100px);
	-webkit-transition:all .2s ease-in-out .2s;
	transition:all .2s ease-in-out .2s;
	opacity:0;
	font-family:latobold
}
.portfolio_item2 .portfolio_item_hover .item_info p {
	font-size:12px;
	-webkit-transform:translateX(-100px);
	transform:translateX(-100px);
	transition:all .3s ease-in-out .3s;
	font-family:FranziskaPro
}
.besign{
width:100%;
max-width:280px;
line-height:54px;
}
@media screen and (max-width:860px) and (min-width:790px) {
.besign{
width:100%;
max-width:280px;
line-height:54px;
}
.portfolio_item2 .portfolio_item_hover .item_info span {
	display:block;
	color:#fff;
	font-size:3em;
	-webkit-transform:translateX(-100px);
	transform:translateX(-100px);
	-webkit-transition:all .2s ease-in-out .2s;
	transition:all .2s ease-in-out .2s;
	opacity:0;
	font-family:latobold
}
}
@media screen and (max-width:790px) and (min-width:760px) {
.besign{
width:100%;
max-width:100%;
line-height:34px;
}
.portfolio_item2 .portfolio_item_hover .item_info span {
	display:block;
	color:#fff;
	font-size:2em;
	-webkit-transform:translateX(-100px);
	transform:translateX(-100px);
	-webkit-transition:all .2s ease-in-out .2s;
	transition:all .2s ease-in-out .2s;
	opacity:0;
	font-family:latobold
}
}
@media screen and (max-width:760px) and (min-width:540px) {
.besign{
width:100%;
max-width:280px;
line-height:54px;
}
}
@media screen and (max-width:540px) and (min-width:280px) {
.besign{
width:100%;
max-width:280px;
line-height: normal;
}
.portfolio_item2 .portfolio_item_hover .item_info span {
	display:block;
	color:#fff;
	font-size:2.5em;
	-webkit-transform:translateX(-100px);
	transform:translateX(-100px);
	-webkit-transition:all .2s ease-in-out .2s;
	transition:all .2s ease-in-out .2s;
	opacity:0;
	font-family:latobold
}
.portfolio_item2 .portfolio_item_hover .item_info p {
	display:block;
	color:#fff;
	font-size:10px;
	-webkit-transform:translateX(-100px);
	transform:translateX(-100px);
	-webkit-transition:all .3s ease-in-out .3s;
	transition:all .3s ease-in-out .3s;
	opacity:0;
	letter-spacing:2px;
	font-family:FranziskaPro
}
}
/*azul*/
.portfolio_item3 .portfolio_item_hover {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background-color:rgba(45,116,182,1);
	-webkit-transform:translate(-100%);
	transform:translate(-100%);
	opacity:0;
	-webkit-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out
}
.portfolio_item3 .portfolio_item_hover .item_info {
	position:absolute;
	top:30%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	width:100%
}
.portfolio_item3 .portfolio_item_hover .item_info span {
	display:block;
	color:#fff;
	font-size:4em;
	-webkit-transform:translateX(-100px);
	transform:translateX(-100px);
	-webkit-transition:all .2s ease-in-out .2s;
	transition:all .2s ease-in-out .2s;
	opacity:0;
	font-family:latobold
}
.portfolio_item3 .portfolio_item_hover .item_info p {
	font-size:12px;
	-webkit-transform:translateX(-100px);
	transform:translateX(-100px);
	transition:all .3s ease-in-out .3s;
	font-family:FranziskaPro
}
@media screen and (max-width:860px) and (min-width:790px) {
.portfolio_item3 .portfolio_item_hover .item_info span {
	display:block;
	color:#fff;
	font-size:3em;
	-webkit-transform:translateX(-100px);
	transform:translateX(-100px);
	-webkit-transition:all .2s ease-in-out .2s;
	transition:all .2s ease-in-out .2s;
	opacity:0;
	font-family:latobold
}
}
@media screen and (max-width:790px) and (min-width:760px) {
.portfolio_item3 .portfolio_item_hover .item_info span {
	display:block;
	color:#fff;
	font-size:2em;
	-webkit-transform:translateX(-100px);
	transform:translateX(-100px);
	-webkit-transition:all .2s ease-in-out .2s;
	transition:all .2s ease-in-out .2s;
	opacity:0;
	font-family:latobold
}
}
@media screen and (max-width:540px) and (min-width:280px) {
.portfolio_item3 .portfolio_item_hover .item_info span {
	display:block;
	color:#fff;
	font-size:2.5em;
	-webkit-transform:translateX(-100px);
	transform:translateX(-100px);
	-webkit-transition:all .2s ease-in-out .2s;
	transition:all .2s ease-in-out .2s;
	opacity:0;
	font-family:latobold
}
.portfolio_item3 .portfolio_item_hover .item_info p {
	display:block;
	color:#fff;
	font-size:10px;
	-webkit-transform:translateX(-100px);
	transform:translateX(-100px);
	-webkit-transition:all .3s ease-in-out .3s;
	transition:all .3s ease-in-out .3s;
	opacity:0;
	letter-spacing:2px;
	font-family:FranziskaPro
}
}
/*rojo*/
.portfolio_item4 .portfolio_item_hover {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background-color:rgba(224,69,81,1);
	-webkit-transform:translate(-100%);
	transform:translate(-100%);
	opacity:0;
	-webkit-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out
}
.portfolio_item4 .portfolio_item_hover .item_info {
	position:absolute;
	top:30%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	width:100%
}
.portfolio_item4 .portfolio_item_hover .item_info span {
	display:block;
	color:#fff;
	font-size:4em;
	-webkit-transform:translateX(-100px);
	transform:translateX(-100px);
	-webkit-transition:all .2s ease-in-out .2s;
	transition:all .2s ease-in-out .2s;
	opacity:0;
	font-family:latobold
}
.portfolio_item4 .portfolio_item_hover .item_info p {
	font-size:12px;
	-webkit-transform:translateX(-100px);
	transform:translateX(-100px);
	transition:all .3s ease-in-out .3s;
	font-family:FranziskaPro
}
@media screen and (max-width:860px) and (min-width:790px) {
.portfolio_item4 .portfolio_item_hover .item_info span {
	display:block;
	color:#fff;
	font-size:3em;
	-webkit-transform:translateX(-100px);
	transform:translateX(-100px);
	-webkit-transition:all .2s ease-in-out .2s;
	transition:all .2s ease-in-out .2s;
	opacity:0;
	font-family:latobold
}
}
@media screen and (max-width:790px) and (min-width:760px) {
.portfolio_item4 .portfolio_item_hover .item_info span {
	display:block;
	color:#fff;
	font-size:2em;
	-webkit-transform:translateX(-100px);
	transform:translateX(-100px);
	-webkit-transition:all .2s ease-in-out .2s;
	transition:all .2s ease-in-out .2s;
	opacity:0;
	font-family:latobold
}
}
@media screen and (max-width:540px) and (min-width:280px) {
.portfolio_item4 .portfolio_item_hover .item_info span {
	display:block;
	color:#fff;
	font-size:2.5em;
	-webkit-transform:translateX(-100px);
	transform:translateX(-100px);
	-webkit-transition:all .2s ease-in-out .2s;
	transition:all .2s ease-in-out .2s;
	opacity:0;
	font-family:latobold
}
.portfolio_item4 .portfolio_item_hover .item_info p {
	display:block;
	color:#fff;
	font-size:10px;
	-webkit-transform:translateX(-100px);
	transform:translateX(-100px);
	-webkit-transition:all .3s ease-in-out .3s;
	transition:all .3s ease-in-out .3s;
	opacity:0;
	letter-spacing:2px;
	font-family:FranziskaPro
}
}
/*verde*/
.portfolio_item5 .portfolio_item_hover {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background-color:rgba(183,194,40,1); 
	-webkit-transform:translate(-100%);
	transform:translate(-100%);
	opacity:0;
	-webkit-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out
}
.portfolio_item5 .portfolio_item_hover .item_info {
	position:absolute;
	top:30%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	width:100%
}
.portfolio_item5 .portfolio_item_hover .item_info span {
	display:block;
	color:#fff;
	font-size:4em;
	-webkit-transform:translateX(-100px);
	transform:translateX(-100px);
	-webkit-transition:all .2s ease-in-out .2s;
	transition:all .2s ease-in-out .2s;
	opacity:0;
	font-family:latobold
}
.portfolio_item5 .portfolio_item_hover .item_info p {
	font-size:12px;
	-webkit-transform:translateX(-100px);
	transform:translateX(-100px);
	transition:all .3s ease-in-out .3s;
	font-family:FranziskaPro
}
.pido{
width:100%;
max-width:100%;
line-height:54px;
}
@media screen and (max-width:860px) and (min-width:790px) {
.pido{
width:100%;
max-width:100%;
line-height:54px;
}
.portfolio_item5 .portfolio_item_hover .item_info span {
	display:block;
	color:#fff;
	font-size:3em;
	-webkit-transform:translateX(-100px);
	transform:translateX(-100px);
	-webkit-transition:all .2s ease-in-out .2s;
	transition:all .2s ease-in-out .2s;
	opacity:0;
	font-family:latobold
}
}
@media screen and (max-width:790px) and (min-width:760px) {
.pido{
width:100%;
max-width:100%;
line-height:34px;
}
.portfolio_item5 .portfolio_item_hover .item_info span {
	display:block;
	color:#fff;
	font-size:2em;
	-webkit-transform:translateX(-100px);
	transform:translateX(-100px);
	-webkit-transition:all .2s ease-in-out .2s;
	transition:all .2s ease-in-out .2s;
	opacity:0;
	font-family:latobold
}
}
@media screen and (max-width:760px) and (min-width:540px) {
.pido{
width:100%;
max-width:100%;
line-height:54px;
}
.portfolio_item5 .portfolio_item_hover .item_info span {
	display:block;
	color:#fff;
	font-size:3.5em;
	-webkit-transform:translateX(-100px);
	transform:translateX(-100px);
	-webkit-transition:all .2s ease-in-out .2s;
	transition:all .2s ease-in-out .2s;
	opacity:0;
	font-family:latobold
}
.portfolio_item5 .portfolio_item_hover .item_info p {
	display:block;
	color:#fff;
	font-size:10px;
	-webkit-transform:translateX(-100px);
	transform:translateX(-100px);
	-webkit-transition:all .3s ease-in-out .3s;
	transition:all .3s ease-in-out .3s;
	opacity:0;
	letter-spacing:2px;
	font-family:FranziskaPro
}
}
@media screen and (max-width:540px) and (min-width:480px) {
.pido{
width:100%;
max-width:100%;
line-height: normal;
}
.portfolio_item5 .portfolio_item_hover .item_info span {
	display:block;
	color:#fff;
	font-size:2.5em;
	-webkit-transform:translateX(-100px);
	transform:translateX(-100px);
	-webkit-transition:all .2s ease-in-out .2s;
	transition:all .2s ease-in-out .2s;
	opacity:0;
	font-family:latobold
}
.portfolio_item5 .portfolio_item_hover .item_info p {
	display:block;
	color:#fff;
	font-size:10px;
	-webkit-transform:translateX(-100px);
	transform:translateX(-100px);
	-webkit-transition:all .3s ease-in-out .3s;
	transition:all .3s ease-in-out .3s;
	opacity:0;
	letter-spacing:2px;
	font-family:FranziskaPro
}
}
@media screen and (max-width:480px) and (min-width:280px) {
.pido{
width:100%;
max-width:100%;
line-height: normal;
}
.portfolio_item5 .portfolio_item_hover .item_info span {
	display:block;
	color:#fff;
	font-size:2em;
	-webkit-transform:translateX(-100px);
	transform:translateX(-100px);
	-webkit-transition:all .2s ease-in-out .2s;
	transition:all .2s ease-in-out .2s;
	opacity:0;
	font-family:latobold
}
.portfolio_item5 .portfolio_item_hover .item_info p {
	display:block;
	color:#fff;
	font-size:10px;
	-webkit-transform:translateX(-100px);
	transform:translateX(-100px);
	-webkit-transition:all .3s ease-in-out .3s;
	transition:all .3s ease-in-out .3s;
	opacity:0;
	letter-spacing:2px;
	font-family:FranziskaPro
}
}
/*reticulaportafolio*/
.portfolio_item .portfolio_item_hover .item_info em {
	font-style:normal;
	display:inline-block;
	background-color:#ddac61;
	padding:5px 20px;
	border-radius:25px;
	font-family:merriweather_sansbold;
	color:#fff;
	margin-top:10px;
	-webkit-transform:translateX(-100px);
	transform:translateX(-100px);
	-webkit-transition:all .3s ease-in-out .3s;
	transition:all .3s ease-in-out .3s;
	opacity:0;
	font-size:10px;
	letter-spacing:2px
}
.todo a p,.todo h1 {
	letter-spacing:1px
}
.portfolio_item:hover .item_info p,.portfolio_item:hover .item_info span,.portfolio_item:hover .portfolio_item_hover {
	opacity:1;
	-webkit-transform:translateX(0);
	transform:translateX(0)
}
.portfolio .categories-grid .categories ul li a {
	padding:0 10px;
	-webkit-transition:all .2s ease-in-out .2s;
	transition:all .2s ease-in-out .2s
}
.portfolio_filter {
	display:inline-block;
	margin:0 auto 50px;
	text-align:center
}
.portfolio-inner {
	padding-bottom:0!important;
	padding-top:0
}
@media screen and (max-width:1265px) {
	#portfolio {
		width:100%;
		max-width:1180px;
		position:relative;
		margin:0 auto
	}
}
@media screen and (max-width:1205px) {
	#portfolio {
		width:100%;
		max-width:1100px;
		position:relative;
		margin:0 auto
	}
}
@media screen and (max-width:990px) {
	#portfolio {
		width:100%;
		max-width:900px;
		position:relative;
		margin:0 auto
	}
}
@media screen and (max-width:858px) {
	#portfolio {
		width:100%;
		max-width:700px;
		position:relative;
		margin:0 auto
	}
}
@media screen and (max-width:780px) {
	#portfolio {
		width:100%;
		max-width:550px;
		position:relative;
		margin:0 auto
	}
	.no-padding {
		padding-left:10px;
		padding-right:0
	}
	.no-padding [class^=col-] {
		padding-left:10px;
		padding-right:0;
		margin-top:10px
	}
}
@media screen and (max-width:480px) {
	#portfolio {
		width:100%;
		max-width:400px;
		position:relative;
		margin:0 auto
	}
	.no-padding {
		padding-left:10px;
		padding-right:0
	}
	.no-padding [class^=col-] {
		padding-left:10px;
		padding-right:0;
		margin-top:10px
	}
}
@media screen and (max-width:440px) {
	#portfolio {
		width:100%;
		max-width:320px;
		position:relative;
		margin:0 auto
	}
	.no-padding {
		padding-left:0;
		padding-right:0
	}
	.no-padding [class^=col-] {
		padding-left:0;
		padding-right:0;
		margin-top:10px
	}
}
.pagina {
	color:#FBF9F9
}
.pagina:hover {
	color:#000
}
::selection {
	background:#bc994e;
	color:#fff!important
}
::-moz-selection {
	background:#bc994e;
	color:#fff!important
}
.circulo,.cuadrado {
	background:#EFC11A
}
@media screen and (max-width:959px) {
	.tablet:hover {
		color:#FBF7F7!important
	}
}
.promocion {
	height:auto;
	overflow:hidden;
	margin:0 auto
}
footer {
	min-height:220px;
	margin:180px 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;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	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
}
.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
}
.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:24%!important;
 }
footer .col-md-2 {
		margin:auto!important;
		float:left!important;
		width:14%!important;
 }
footer .col-md-4 {
	display:none
}
footer .col-md-8 {
	display:none
}
@media screen and (max-width:946px) and (min-width:830px) {
 	footer .col-md-5 {
		margin:auto!important;
		float:left!important;
		width:22%!important;
   	}
	footer .col-md-3 {
		margin:auto!important;
		float:left!important;
		width:23.5%!important;
 	}
	footer .col-md-2 {
		margin:auto!important;
		float:left!important;
		width:15%!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:830px) and (min-width:782px) {
 	footer .col-md-5 {
		margin:auto!important;
		float:left!important;
		width:20.5%!important;
	}
	footer .col-md-3 {
		margin:auto!important;
   		float:left!important;
		width:23.85%!important;
  	}
	footer .col-md-2 {
		margin:auto!important;
		float:left!important;
		width:15.9%!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:14px
	}
	.todo a p,.todo a p:hover {
	font-family:latolight;
	font-size:14px
	}
	.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.2px;
	left:0;
	margin-left:0;
	text-align:left;
	float:left
	}
}
@media screen and (max-width:781px) and (min-width:761px) {
 	footer .col-md-5 {
		margin:auto!important;
		float:left!important;
		width:20.5%!important;
 	}
	footer .col-md-3 {
		margin:auto!important;
   		float:left!important;
		width:23.85%!important;
  	}
	footer .col-md-2 {
		margin:auto!important;
		float:left!important;
		width:15.9%!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:14px
	}
	.todo a p,.todo a p:hover {
	font-family:latolight;
	font-size:14px
	}
	.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:9.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:180px 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:180px 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;
 }
}