/*
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
	{
	width:99%;
	float:none;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:5%;
	overflow:hidden;
	}

	@media screen and (min-width:361px) and (max-width: 480px)
	{
	#encabezado
	{
	padding:2%;
	}
	}


#encabezado .logo_div
	{
	float:right;
	display:block;
	/*height:100px; NO DEFINIR ALTURA , se define mas adelante*/
	}
	@media screen and (min-width:361px) and (max-width: 480px)
	{
	#encabezado .logo_div
	{
	width:34%; height:100px;
	/*height:100px; NO DEFINIR ALTURA , se define mas adelante*/
	}
	}
	@media screen and (min-width:481px) and (max-width: 600px)
	{
	#encabezado .logo_div
	{
	width:30%;
/*height:100px; NO DEFINIR ALTURA , se define mas adelante*/
	}
	}	



#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:361px) and (max-width: 480px)
		{
		#encabezado .logo_div
		,
		#encabezado #animacion_encabezado
		,
		#encabezado #animacion_encabezado #slideshow
		,
		#encabezado #animacion_encabezado #slideshow .slide-text
		,
		#encabezado #animacion_encabezado img

		{height:100px;}
		}
		@media screen and (min-width:481px) and (max-width: 600px)
		{
		#encabezado .logo_div
		,
		#encabezado #animacion_encabezado
		,
		#encabezado #animacion_encabezado #slideshow
		,
		#encabezado #animacion_encabezado #slideshow .slide-text
		,
		#encabezado #animacion_encabezado img

		{height:120px;}
		}


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

	text-align:center;
	overflow: hidden;

	}
	
	@media screen and (min-width:361px) and (max-width: 480px)
		{
		#encabezado #animacion_encabezado
		{
		width:64%;
		
		}
		}
	@media screen and (min-width:481px) and (max-width: 600px)
		{
		#encabezado #animacion_encabezado
		{
		width:67%;
		}
		}


#encabezado #animacion_encabezado #slideshow
	{
	overflow:hidden;
	}
	@media screen and (min-width:361px) and (max-width: 480px)
	{
		#encabezado #animacion_encabezado #slideshow
		{
		width:100%;
		}
	}

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

#encabezado #animacion_encabezado img
	{
	
	}