*
	{
	margin:0%;
	padding:0%;
	max-width: 100% /* evita que el objeto desborde a su contenedor*/
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			   box-sizing: border-box;
	}




#contenido {}
	@media screen and (min-width:0px) and (max-width: 360px)
		{
		#contenido
		{
		margin-bottom:5%;
		padding:3%;
		}
		}	

#contenido p
		{
		text-align:justify;}

#contenido *{overflow:hidden;}


#barrita
, #barrita_abajo
, #barrita_segunda
, #barrita_creditos
	{
	width:100%;
	float:none;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	}

@media screen and (min-width:0px) and (max-width: 240px)
		{
		#barrita, #barrita_abajo, #barrita_segunda, #barrita_creditos
		{
		margin-bottom:5%;
		padding-top: 5%;
		padding-right: 5%;
		padding-bottom: 0px;
		padding-left: 5%;
		}
		}	
@media screen and (min-width:241px) and (max-width: 360px)
		{
		#barrita, #barrita_abajo, #barrita_segunda, #barrita_creditos
		{
		margin-bottom:5%;
		padding: 0px;
		}
		}	



#barrita .barrita_contenedor
,
#barrita_abajo .barrita_contenedor
,
#barrita_creditos .barrita_contenedor
,
#barrita_segunda .barrita_contenedor
	{
	float:none;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	}
	
#barrita .barrita_contenedor
		#barrita .barrita_contenedor
		,#barrita_abajo .barrita_contenedor
		#barrita_creditos .barrita_contenedor
	{}
	@media screen and (min-width:0px) and (max-width: 240px)
		{
		#barrita .barrita_contenedor
		{
		width:100%;}
		}	
	@media screen and (min-width:241px) and (max-width: 360px)
		{
		#barrita .barrita_contenedor
		,#barrita_segunda .barrita_contenedor
		,#barrita_abajo .barrita_contenedor
		,#barrita_creditos .barrita_contenedor
		
		{
		width:100%;
		padding:1.5%;}
		}	


#barrita .barrita_contenedor a,
#barrita_abajo .barrita_contenedor a,
#barrita_creditos .barrita_contenedor a,
.barrita_contenedor .barrita_contenedor a

	{
	text-decoration: none;

	}

#barrita .barrita_contenedor a	
,
.barrita_contenedor .barrita_contenedor a
	{ }
	@media screen and (min-width:0px) and (max-width: 240px)
		{
		#barrita .barrita_contenedor a	
		,#barrita_abajo .barrita_contenedor a
		,#barrita_creditos .barrita_contenedor a
		{
		display:block;
		width:100%;
		padding:3%;
		margin-bottom:5%;
		}
		}	
		
	@media screen and (min-width:241px) and (max-width: 320px)
		{
		#barrita .barrita_contenedor a	
		,#barrita_abajo .barrita_contenedor a
		{
		display:block;
		float:left;
		clear:right;
		width:48%;
		margin:1%;
		padding:3%;
		}
	#barrita_creditos .barrita_contenedor a
		{
		display:block;
		float:left;
		clear:right;
		width:98.5%;
		margin:1%;
		padding:3%;
		}


		}	
	@media screen and (min-width:321px) and (max-width: 360px)
		{
		#barrita .barrita_contenedor a	
		,#barrita_abajo .barrita_contenedor a
		,#barrita_creditos .barrita_contenedor a
		{
		display:block;
		float:left;
		clear:right;

		width:48%;
		margin:1%;
	
		padding:3%;
		}
		}	
			

#barrita_segunda .barrita_contenedor a i{
	text-decoration: none;
}
	@media screen and (min-width:0px) and (max-width: 320px)
		{
		#barrita_segunda .barrita_contenedor a i
		,
		#barrita_segunda .barrita_contenedor a i.fa
		{
		text-decoration:none;
		display:block;
		float:left;
		clear:right;
		width:33%;
		padding:3%;
		margin-bottom:5%;
		}
		}		
	
body
	{
	padding:3%;
	text-align:center;
	font-weight: lighter;
	}


#centro
	{
	float:none;
	margin-left:auto;
	margin-right:auto;
	
	/*padding:3%;*/
	padding-top:3%;
	padding-left:3%;
	padding-right:3%;
	
	text-align:center;

	}

#encabezado
	{
	width:100%;
	float:none;
	margin-left:auto;
	margin-right:auto;
	display:block;
	}
	@media screen and (min-width:0px) and (max-width: 360px)
	{
	#encabezado
	{
	margin-bottom:5%;
	}

	}
	@media screen and (min-width:321px) and (max-width: 360px)
	{
	#encabezado
	{
	padding:2.5%;
	}
	}


#encabezado .logo_div	{}
		@media screen and (min-width:241px) and (max-width: 360px)
		{
		#encabezado .logo_div	{ float:none; margin-left:auto; margin-right:auto;}
		}	
	

#encabezado .logo_div img {}
		@media screen and (min-width:0px) and (max-width: 240px)
		{
		#encabezado .logo_div img
		{width:90%; height:auto;}
		}	
		@media screen and (min-width:241px) and (max-width: 360px)
		{
		#encabezado .logo_div img
		{width:95%; height:auto;}
		}