/*
26/11/14 La animación queda mas alta que la imagen que la contiene.
Solución: igualar el alto de todo lo que va en el encabezado:
	#encabezado #animacion_encabezado
	#encabezado #animacion_encabezado #slideshow
	#encabezado #animacion_encabezado #slideshow .slide-text
	#encabezado #animacion_encabezado img	
	
	== FUNCIONÓ ==

*/
#encabezado
	{
	float:none;
	margin-left:auto;
	margin-right:auto;

/*	overflow:hidden;*/
	}

	@media screen and (min-width:769px) and (max-width: 999px)
	{
	#encabezado
	{
	padding:1%;
	margin-bottom:1%;
	width:100%;
	}
	}



#encabezado .logo_div
	{
	float:right;
	display:block;
	/*height:100px; NO DEFINIR ALTURA , se define mas adelante*/
	overflow:hidden;
	}
	@media screen and (min-width:769px) and (max-width: 999px)
	{
	#encabezado .logo_div
	{
	width:33%;
	/*height:100px; NO DEFINIR ALTURA , se define mas adelante*/
	}
	}	

#encabezado .logo_div img
	{
	
	}
	@media screen and (min-width:769px) and (max-width: 999px)
	{
	#encabezado .logo_div img
		{
		width:95%;
		height:95%;
		}
	}


	#encabezado .logo_div
	,
	#encabezado #animacion_encabezado
	,
	#encabezado #animacion_encabezado #slideshow
	,
	#encabezado #animacion_encabezado #slideshow .slide-text
	,
	#encabezado #animacion_encabezado img
	{}
	
		@media screen and (min-width:769px) and (max-width: 999px)
		{
	/*	#encabezado .logo_div
		,
*/
		#encabezado #animacion_encabezado img
		,
		#encabezado #animacion_encabezado
		,
		#encabezado #animacion_encabezado #slideshow
		,
		#encabezado #animacion_encabezado #slideshow .slide-text
		{
		height:170px;
		}
		}

	


#encabezado #animacion_encabezado
	{
	float:left;
	clear:right;
	padding:0px;

	text-align:center;
	overflow: hidden;
	}
	
	@media screen and (min-width:769px) and (max-width: 999px)
		{
		#encabezado #animacion_encabezado
		{
		width:64%;
		}
		}


#encabezado #animacion_encabezado #slideshow
	{
	width:100%;
	}

#encabezado #animacion_encabezado #slideshow .slide-text
	{
	width:100%;
		
	}

#encabezado #animacion_encabezado img
	{
	width:100%;
	}