/*
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:601px) and (max-width: 640px)
	{
	#encabezado
	{
	padding:2%;
	margin-bottom:3%;
	width:100%;
	}
	}
	@media screen and (min-width:641px) and (max-width: 768px)
	{
	#encabezado
	{
	padding:2%;
	margin-bottom:2%;
	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:601px) and (max-width: 640px)
	{
	#encabezado .logo_div
	{
	width:33%;
	/*height:100px; NO DEFINIR ALTURA , se define mas adelante*/
	}
	}	
	@media screen and (min-width:641px) and (max-width: 768px)
	{
	#encabezado .logo_div
	{
	width:33%;
	/*height:100px; NO DEFINIR ALTURA , se define mas adelante*/
	}
	}	



#encabezado .logo_div img
	{
	
	}
	@media screen and (min-width:601px) and (max-width: 640px)
	{
#encabezado .logo_div img
	{
	width:95%;
	height:95%;
	}
	}
	@media screen and (min-width:641px) and (max-width: 768px)
	{
	#encabezado .logo_div img
	{
	width:135px;
	height:auto;
	}
	}


	#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:601px) and (max-width: 640px)
		{
#encabezado .logo_div
	,
	#encabezado #animacion_encabezado
	,
	#encabezado #animacion_encabezado #slideshow
	,
	#encabezado #animacion_encabezado #slideshow .slide-text
	,
	#encabezado #animacion_encabezado img
		{
		height:140px;
		}
		}

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


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

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


#encabezado #animacion_encabezado #slideshow
	{}

#encabezado #animacion_encabezado #slideshow .slide-text
	{}

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