@media only screen and (max-width:1148px){
	#contenedor{
		width: 90%;
	}

	/*CABECERA HEADER*/
	#fotoMenu nav ul li a{
		padding:10px 2px;
		font-size: 0.5em;
	}
	/*LINKS DE REGISTRO*/
	#textoLinks img:hover{
		width: 12%;
		margin: 15px;
	}
	/*PIE FOOTER*/
	#contacto{
		width: 34%;
		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;
	}
	#adopta{
		width: 32%;
		padding: 20px;
		float:left;
	}
	/*COOCKIES*/
	#barraaceptacion {
		padding-bottom:20px;
		width:100%;
		min-height: 100px;
	}

	.inner {
		font-size:0.7em;
	}
}




@media only screen and (max-width:900px){
	#contenedor{
		width: 100%;
	}
	/*CUERPO PRESENTACION*/
	#textoRefu h1{
		padding: 5px;
		font-size: 1.9em;
	}
	#textoRefu p{
		font-weight: bold;
		line-height: 1.7;
	}
	#noticiasGatuneando{
		padding:50px 10px;
	}
	#noticiasGatuneando .dpto{
		margin:5px 0; 
	}
	#iframe{
			width: 55%;
			float:left;
		}
		#iframe iframe{
			width: 90%;
			height:300px;
			margin:10px;
		}
	#noticiasGenerales .noticia{
			width: 31%;
		}
	.gruesoNoticia p.desarrolloNoticia{
		font-size: 0.8em;
	}
	#adopcionesArriba .link{
		width: 32%;
		margin:2px;
	}
	#adopcionesArriba .link .fotoLink{
		width: 30%;
	}
	#adopcionesArriba .link .txtLink p{
		width: 65%;
		font-size: 0.9em;
		margin:10px auto;
		font-weight: bold;
		
	}
	#adopcionesAbajo .link{
		width: 32%;
		margin:2px;
	}
	#adopcionesAbajo .link .fotoLink{
		width: 30%;
	}
	#adopcionesAbajo .link .txtLink p{
		width: 65%;
		font-size: 0.9em;
		margin:10px auto;
		font-weight: bold;	
	}
	#textoLinks a{
		width: 98%;
		margin:0 auto;
		text-align: center;
	}
	#textoLinks img{
		width: 10%;
		margin: 10px;
	}
	#textoLinks img:hover{
		width: 15%;
		margin: 10px;
	}
	#formularioRegistro form{
		width: 95%;
		margin:2px auto;		
	}
	#formularioRegistro fieldset{
		width: 100%;
		min-height: 10px;
		border:5px solid #006ABA;
		padding: 5px;
	}
	#formularioRegistro label{
		padding: 2px;
		font-size: 0.7em;
		font-weight: normal;
	}
	#formularioRegistro span{
		width: 80%;
		font-size: 0.7em;
	}
	#contacto{
		width: 40%;
		padding: 10px;
	}
	#colabora{
		width: 25%;
		padding: 10px;
	}
	#adopta{
		width: 25%;
		padding: 10px;
	}
}
@media only screen and (max-width:700px){
	#fotoMenu nav ul li{
		width: 50%;
		border:2px solid white;
		padding:0px 0;
		padding-bottom: 5px;
	}
	#fotoMenu nav ul{
		width: 100%;
	}
	#fotoMenu nav ul li a{
		padding:10px 25%;
	}
	#fotoMenu img{
		display: none;
	}
	#textoRefu p{
		font-weight: normal;
		line-height: 1em;
		font-size:0.8em;
	}
	#textoRefu h1{
		padding: 3px;
		font-size: 1.5em;
	}
	#noticiasGatuneando{
		padding:15px 10px;
	}
	#noticiasGatuneando h3{
		font-weight: bold;
		font-size: 1.3em;
		
	}
	#noticiasGatuneando .dpto{
		width: 98%;
		padding:10px 60px;
	}
	#fotogaleria{
		width: 100%;
		padding:20px;
	}
	#iframe{
		display:none;
	}
	#noticiasGenerales{
		padding: 10px 0;
	}
	#noticiasGenerales .noticia{
		width: 32%;
		margin:2px;
	}
	.gruesoNoticia{
		width: 98%;
	}
	.gruesoNoticia p.desarrolloNoticia{
		font-size: 0.6em;
		padding:5px 3px;
	}
	#adopcionesArriba{
		width: 50%;
		padding:5px 10px;
	}
	#adopcionesArriba .link{
		width: 100%;
	}
		#adopcionesArriba .link .txtLink{
			padding:0 5px;
		}
	#adopcionesAbajo{
		width: 50%;
		padding:5px 10px;
	}
	#adopcionesAbajo .link{
		width: 100%;
	}
		#adopcionesAbajo .link .txtLink{
			padding:0 5px;
		}
	#textoLinks{
		width: 100%;
	}
	#formularioRegistro
	{
		width: 100%;
	}
	#textoLinks img{
		width: 10%;
		margin: 25px;
	}
	#textoLinks img:hover{
		width: 12%;
		margin: 15px;
	}
	#contienePie{
		font-size:0.7em;
	}
	#barraaceptacion {
		padding-bottom:20px;
		width:100%;
		min-height: 100px;
	}

	.inner {
		font-size:0.6em;
	}
}
@media only screen and (max-width:500px){


	#logo{
		width: 100%;
	}
	#fotoMenu{
		width: 100%;
	}

	#fotoMenu #desplegar{
		display: inline-block; /*NECESARIO*/
	}
	#fotoMenu nav ul li{
		width: 100%;
	}

	#fotoMenu nav ul{
		display: none; /*NECESARIO*/
	}

	#cabeceraAbajo{
		display:none;
	}
	#fotoRefu{
		width: 100%;
		padding: 5px;
	}
	#textoRefu{
		width: 100%;
	}
	#noticiasGatuneando{
		display:none;
	}
	a.desaparece{
		display:none;
	}
	#noticiasGenerales{
		display:none;
	}
	#adopcionesArriba{
		width: 100%;
		padding:5px 5px;
	}
	#adopcionesArriba .link{
		width: 100%;
	}
	#adopcionesArriba .link .txtLink{
		width: 70%;
		padding:0 0px;
	}
	#adopcionesAbajo{
		width: 100%;
		padding:5px 5px;
	}
	#adopcionesAbajo .link{
		width: 100%;
	}
	#adopcionesAbajo .link .txtLink{
		width: 70%;
		padding:0 0px;
	}
	#textoLinks{
		width: 100%;
		padding:5px;
		float:none;
	}
	#textoLinks img{
		width: 10%;
		margin: 10px;
	}
	#textoLinks img:hover{
		width: 12%;
		margin: 10px;
	}
	#registroSiNo input.boton{
		width: 30%;
		margin:10px 0;
		padding:10px;
	}
	#contacto{
		width: 100%;
		padding: 10px;
		color:white;
		font-weight: bold;
		float:left;
	}
	#colabora{
		width: 100%;
		border-left:none;
		border-right:none;
		border-top:2px solid white;
		border-`bottom:2px solid white;
		padding: 10px;
	}
	#adopta{
		width: 100%;
		border-left:none;
		border-right:none;
		border-top:2px solid white;
		border-`bottom:2px solid white;
		padding: 10px;
	}
	#barraaceptacion {
		width: 100%;
		border-left:none;
		border-right:none;
		border-top:2px solid white;
		border-`bottom:2px solid white;
		padding: 10px;
	}

	.inner {
		font-size:0.4em;
	}
}