@charset "UTF-8";
/* CSS Document */

a:link {
	text-decoration:none;
	color:#FFF;
}

a:visited {
	text-decoration:none;
	color:#FFF;
}

a:hover {
	text-decoration:none;
	color:#FFF;
}

a:active {
	text-decoration:none;
	color:#FFF;
}

body {
	margin: 0px 0px 0px 20px;
}
	



.boton3 {
	position:absolute;
	top:68px;
	left:430px;
	width:40px;
	height:140px;
	float:left;
	float:left;
	cursor: pointer;
	height: 34px;
	z-index: 1;
}

.logo {
	position: absolute;
	width: 274px;
	height: 85px;
	top: 16px;
	z-index: 1;

}

.texto {
	position: absolute;
	width:906px;
	height: 532px;
	top: 135px;	
	z-index: 1;
	
}

.titulo {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #FFF;
	z-index: 1;
	margin-left:5px

}

.titulo2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #646464;
	z-index: 1;
	margin-left:5px
}


.titulo3 {
	position:absolute;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #FFF;
	z-index: 1;
	margin:60px 0px 0px 5px;
}

.imagenadopta {
	position:relative;
	width:222px;
	height:220px;
	z-index: 1;
	top:5px;

}
.adopta {
	position:absolute;
	top:5px;
	left:220px;
	width:221px;
	height:214px;
	background-color:#61c147;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	padding:2px;
	z-index: 1;

}

.adopta2{
	position:absolute;
	top:5px;
	left:220px;
	width:221px;
	height:230px;
	background-color:#59a146;
	color: #FFF;
	padding:2px;
	z-index: 1;

}

.adoptatxt {
	width:200px;
	height:120px;
	top: 2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	margin: 5px 5px 5px 1px;

}

.proceso {
	position:relative;
	width:219px;
	height:304px;
	top: 2px;
	background-color:#646464;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	padding:2px;
	z-index: 1;

}


.procesotxt {
	width:200px;
	height:70px;
	top: 2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	margin: 5px 5px 5px 5px;

}


.iconoproceso {
	position:relative;
	width:50px;
	height:50px;
	top: -210px;
	margin: 5px 5px 5px 8px;
	z-index: 1;

}

.iconotxt {
	position:relative;
	width:100px;
	height:20px;
	top: -260px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	margin: 5px 5px 5px 65px;
	z-index: 1;

}


.iconovisita {
	position:relative;
	width:50px;
	height:50px;
	top: -240px;
	margin: 5px 5px 5px 8px;
	z-index: 1;

}

.iconovtxt {
	position:relative;
	width:100px;
	height:20px;
	top: -280px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	margin: 5px 5px 5px 65px;
	z-index: 1;

}

.iconoprueba {
	position:relative;
	width:50px;
	height:50px;
	top: -272px;
	margin: 5px 5px 5px 8px;
	z-index: 1;

}

.iconoptxt {
	position:relative;
	width:150px;
	height:20px;
	top: -315px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	margin: 5px 5px 5px 65px;
	z-index: 1;

}

.iconoadoptado {
	position:relative;
	width:50px;
	height:50px;
	top: -302px;
	margin: 5px 5px 5px 8px;
	z-index: 1;

}

.iconoatxt {
	position:relative;
	width:120px;
	height:20px;
	top: -340px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	margin: 5px 5px 5px 65px;
	z-index: 1;

}

.imagenpasear {
	position:absolute;
	top:222px;
	left:220px;
	width:218px;
	height:164px;
	z-index: 1;
}

.pasear {
	position:absolute;
	top:386px;
	left:220px;
	width:222px;
	height:140px;
	background-color:#0ce5cb;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #646464;
	padding:2px;
	z-index: 1;

}


.pasear2 {
	position:absolute;
	top:386px;
	left:220px;
	width:222px;
	height:140px;
	background-color:#24cebb;
	padding:2px;
	z-index: 1;

}


.paseartxt {
	width:200px;
	height:100px;
	top: 2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #646464;
	margin: 5px 5px 5px 5px;

}


.fondoblanco {
	position:absolute;
	top:170px;
	width:453px;
	height:459px;
	background: rgba(254, 254, 254, 0.8);
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #646464;
	padding:2px;
	z-index: 1;
	


}
.tituloint {
	position:absolute;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 30px;
	top:-15px;
	margin: 35px 5px 5px 20px;
	color: #00aeef;
	z-index: 1;
	
}

.textosomos {
	position:absolute;
	width:400px;
	height:400px;
	top: 40px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #646464;
	margin: 5px 5px 5px 20px;

}

.fondoimagen {
	position: relative;
	align-content:center
	background-color: #e6e6e8;
	z-index: 0;
}

.fondo{
	position: absolute;
	align-content:center
	background-color: #e6e6e8;
	z-index: 1;
	left: 32px;
	top: 710px;
}


.cierre {
	background-color:#646464;
	width: 906px;
	height: 28px;
	position: absolute;
	top:680px;
	z-index: 1;

}

.cierretxt {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #FFF;
	width: 906px;
	height: 18px;
	position: absolute;
	top: 5px;
	z-index: 1;

}