#contenedor{
	width: 80%;
	min-height: 10px;
	margin:0 auto;
	font-family: verdana;
	position:relative;
}
/*CABECERA*/
header{
	width: 100%;
	min-height: 20px;
	float:left;
}
a img{
	float:right;
}
#cabeceraArriba{
	width: 100%;
	min-height: 10px;
	float:left;
}
		#logo{
			width: 25%;
			min-height:10px;
			float:left;
		}
			#logo img{
				max-width: 100%;
				float:left;
			}
		#fotoMenu{
			width: 75%;
			min-height: 10px;
			float:left;
		}
			#fotoMenu img{
				max-width: 100%;
				float:left;
			}

		#fotoMenu #desplegar{
			display:none; 
			height: 40px; 
			width: 40px; 
			background:#006ABA url(../images/hamburger.gif) no-repeat center center; 
			position: relative;
			float: right;
			} /*NECESARIO*/

			#fotoMenu nav{
				width: 100%;
				min-height: 10px;
				background-color: #006ABA;
				float:left;
			}
				#fotoMenu nav ul{
					width: 98%;
					min-height: 10px;
					text-align: center;
					margin:0 auto;
					position:relative;
				}
					#fotoMenu nav ul li{
						width: 16%;
						min-height: 10px;
						display: inline-block;
						text-align: center;
						float: left;
						padding:15px 0;
					}
						#fotoMenu nav ul li a{
							padding:10px 5px;
							color:white;
							font-size: 0.6em;
							font-weight: bold;
							text-decoration: none;
						}
						#fotoMenu nav ul li a:hover{
							
							color: #006ABA;
							background-color: white;
						}
#cabeceraAbajo{
	width: 100%;
	min-height: 10px;
	float:left;
}
		.gatosCabe{
			width: 20%;
			min-height: 10px;
			float:left;
		}
		.gatosCabe img{
			max-width: 100%;
		}
		.gatosCabe img:hover{
			opacity:0.7;
		}

/*CUERPO*/
#cuerpo{
	width: 100%;
	min-height: 10px;
	float:left;
}
	#presentacion{
		width: 100%;
		min-height: 10px;
		float:left;
	}
		#fotoRefu{
			width: 30%;
			min-height: 10px;
			text-align: center;
			float:left;
		}
		#fotoRefu img{
			max-width: 100%;
			border-radius:50%;
			border: 5px solid  #006ABA;
			box-shadow: 10px 10px 15px grey;
		}
		#textoRefu{
			width: 70%;
			min-height: 10px;
			text-align:center;
			float:left;
		}
		#textoRefu h1{
			color: #006ABA;
			font-weight: bold;
			padding: 20px;
			font-size: 2em;
		}
		#textoRefu p{
			width: 80%;
			min-height: 10px;
			margin:10px auto;
			font-style: italic;
			font-weight: bolder;
			color: #006ABA;
			text-align: justify;
			line-height: 2;
		}
	#noticiasGatuneando{
		width: 100%;
		min-height: 10px;
		background-color: #CEE7FF; 
		box-shadow: 10px 10px 15px grey;
		padding:50px 20px;
		float:left;
	}
	#noticiasGatuneando h3{
		font-weight: bolder;
		font-size: 1.5em;
		color: #006ABA;
		padding: 10px;
		text-align:center;
	}
		#noticiasGatuneando .dpto{
			width: 32%;
			min-height: 10px;
			margin:5px;
			float:left;
		}
	#fotogaleriaIframe{
		width: 100%;
		min-height: 10px;
		padding: 30px 0;
		float:left;
	}
		#fotogaleria{
			width: 40%;
			min-height: 10px;
			float:left;
		}
		#fotogaleria img{
			max-width: 100%;
			border:10px solid  #006ABA;
			border-radius: 50%;
			box-shadow: 10px 10px 15px grey;
			margin:0 auto;
		}
		#iframe{
			width: 55%;
			float:left;
		}
		#iframe iframe{
			width: 90%;
			height:400px;
			margin:20px;
		}
	#noticiasGenerales{
		width: 100%;
		min-height: 10px;
		background-color: #CEE7FF; 
		box-shadow: 10px 10px 15px grey;
		padding: 30px 0;
		float:left;
	}
	#noticiasGenerales h3{
		font-weight: bolder;
		font-size: 1.5em;
		color: #006ABA;
		padding: 10px;
		text-align:center;
	}
		#noticiasGenerales .noticia{
			width: 32%;
			min-height: 10px;
			margin:5px;
			float:left;
		}
			.noticia h2{
				color:#191970;
				text-align: center;
				font-size: 1.3em;
				font-weight: bolder;
				padding:10px 0;
			}
			.noticia p.fecha{
				color:#000080;
				text-align: center;
				font-size: 0.7em;
				font-weight: bold;
				padding:5px 0;
			}
			.gruesoNoticia{
				width: 95%;
				margin:0 auto;
				text-align: center;
			} 
				.gruesoNoticia img{
					width: 50%;
					
				}
				.gruesoNoticia p.desarrolloNoticia{
					color: #006ABA;
					text-align: justify;
					font-size: 0.9em;
					font-weight: normal;
					padding:5px 10px;
					
				}
				
	#adopciones{
		width: 100%;
		min-height: 10px;
		padding: 30px 0;
		float:left;
	}

		#adopcionesArriba{
			width: 100%;
			min-height: 10px;
			padding: 30px 0;
			float:left;
		}
			#adopcionesArriba .link{
				width: 32%;
				min-height: 10px;
				margin:5px;
				float:left;
			}
				#adopcionesArriba .link .fotoLink{
					width: 30%;
					float:left;
				}
				#adopcionesArriba .link .fotoLink img{
					max-width: 100%;
					border-radius: 50%;
					border:10px solid  #006ABA;
				}
				#adopcionesArriba .link .txtLink{
					width: 70%;
					float:left;
				}
				#adopcionesArriba .link .txtLink p{
					width: 70%;
					margin:10px auto;
					font-style: italic;
					font-weight: bolder;
					color: #006ABA;
					text-align: center;
				}
				

		#adopcionesAbajo{
			width: 100%;
			min-height: 10px;
			padding: 30px 0;
			float:left;
		}
			#adopcionesAbajo .link{
				width: 32%;
				min-height: 10px;
				margin:5px;
				float:right;
			}
				#adopcionesAbajo .link .fotoLink{
					width: 30%;
					float:left;
				}
				#adopcionesAbajo .link .fotoLink img{
					max-width: 100%;
					border-radius: 50%;
					border:10px solid  #006ABA;
				}
				#adopcionesAbajo .link .txtLink{
					width: 55%;
					float:left;
				}
				#adopcionesAbajo .link .txtLink p{
					width: 70%;
					margin:10px auto;
					font-style: italic;
					font-weight: bolder;
					color: #006ABA;
					text-align: center;
				}

		#adopciones .oculta{
			width: 80%;
			min-height: 200px;
			margin:0 auto;
			border:5px solid  #006ABA;
			background-color: #CEE7FF;
			border-radius: 20% 20%;
			box-shadow: 10px 10px 15px grey;
			position:relative;
			top:-100px;
			display:none;
		}
	#registro{
		width: 100%;
		min-height: 10px;
		float:left;
	}
	#textoLinks{
		width: 40%;
		float:left;
	}
			#textoLinks p{
				padding:10px;
				width: 95%;
				text-align: center;
				color: #006ABA;
			}
			#textoLinks a{
				width: 90%;
				margin:0 auto;
				text-align: center;
			}
			#textoLinks img{
				width: 10%;
				margin: 15px;
			}
			#textoLinks img:hover{
				width: 15%;
				margin: 15px;
			}

	#formularioRegistro
	{
		width: 60%;
		float:left;
	}
			#formularioRegistro form{
				width: 95%;
				margin:5px auto;
				
			}
			#formularioRegistro fieldset{
				width: 100%;
				min-height: 10px;
				border:5px solid  #006ABA;
				padding: 10px;
			}
			#formularioRegistro legend{
				color: #006ABA;
				font-size: 1.2em;
				font-style: italic;
				margin-left: 10%;
			}
			#formularioRegistro label{
				display:inline-block; 
				width: 20%;
				padding: 5px;
				color: #006ABA;
				font-size: 0.9em;
				font-weight: bold;
			}
			#formularioRegistro div{
				margin:10px;
			}
			#formularioRegistro input.nombre{
				width: 35%;
				padding: 5px;
				margin-top:8px;
				border:2px solid grey;
				float:right;
			}
			#formularioRegistro input.mail{
				width: 70%;
				padding: 5px;
				margin-top:8px;
				border:2px solid grey;
				float:right;
			}
			#formularioRegistro textarea{
				width: 70%;
				padding: 5px;
				border:2px solid grey;
				float:right;
			}
			#formularioRegistro span{
				font-size: 1em;
				font-style: italic;
				color: #006ABA;
				float:left;
			}
			#registroSiNo .boton{
				background-color: #CEE7FF;
			}
			#registroSiNo input.boton{
				width: 20%;
				border:2px solid  #006ABA;
				color: #006ABA;
				padding:10px;
				float:left;
				clear:left;
			}
			#registroSiNo .boton:hover{
				background-color:  #006ABA;
			}
			#registroSiNo input.boton:hover{
				border:2px solid #CEE7FF;
				color:#CEE7FF;
				padding:10px;
			}
	footer{
		width: 100%;
		background-color:  #006ABA;
		float:left;
	}
	#contienePie{
		width: 100%;
		position:relative;
		text-align: center;
	}
	#contacto{
		width: 32%;
		padding: 20px;
		color:white;
		font-weight: bold;
		float:left;
	}
	#colabora{
		width: 32%;
		border-left:2px solid white;
		border-right:2px solid white;
		padding: 20px;
		float:left;
	}
	#colabora a{
		color:white;
		font-weight: bold;
		text-decoration: none;
	}
	#colabora a:hover{
		text-decoration: underline;
	}
	#adopta{
		width: 32%;
		padding: 20px;
		float:left;
	}
	#adopta a{
		color:white;
		font-weight: bold;
		text-decoration: none;
	}
	#adopta a:hover{
		text-decoration: underline;
	}
	section{
		width: 100%;
		float:left;
	}
	section h1{
		font-weight: bolder;
		font-size: 1.5em;
		color: #006ABA;
	}