#header_logo
{
	float: left;
	margin-left: 10px;
}
@media screen and (max-width: 410px)
{
	#header_logo{margin-left: 5px;}
}

	#header_logo img
	{
		width: 170px;
		height: 90px;
	}
	@media screen and (max-width: 768px)
	{
		#header_logo img{width: 140px; height: 70px;}
	}
	@media screen and (max-width: 600px)
	{
		#header_logo img{width: 120px; height: 60px;}
	}
	@media screen and (max-width: 460px)
	{
		#header_logo img{width: 100px; height: 50px;}
	}
	@media screen and (max-width: 410px)
	{
		#header_logo img{width: 90px; height: 45px;}
	}
	@media screen and (max-width: 340px)
	{
		#header_logo img{width: 80px; height: 40px;}
	}

/********************** TITULO DE LA PAGINA *****************************/
#header_titulo
{
	float: left;
	margin-left: 20px;
}
@media screen and (max-width: 410px)
{
	#header_titulo{margin-left: 10px;}
}
@media screen and (max-width: 340px)
{
	#header_titulo{margin-left: 5px;}
}


#titulo_de_pagina_principal
{
	font-family: vivaldi-script;
	font-size: 48px;
	letter-spacing: 3px;
	color: #040404;
	text-shadow: 2px 2px 2px #cccccc;
}

	@media screen and (max-width: 768px)
	{
		#titulo_de_pagina_principal{font-size: 44px;}
	}
	@media screen and (max-width: 600px)
	{
		#titulo_de_pagina_principal{font-size: 36px;}
	}
	@media screen and (max-width: 460px)
	{
		#titulo_de_pagina_principal{font-size: 28px;}
	}
	@media screen and (max-width: 410px)
	{
		#titulo_de_pagina_principal{font-size: 24px;}
	}
	@media screen and (max-width: 340px)
	{
		#titulo_de_pagina_principal{font-size: 20px;}
	}

/********************** OPCIONES EN EL HEADER *****************************/
#header_opciones
{
	float: right;
	margin-right: 20px;
}
@media screen and (max-width: 410px)
{
	#header_opciones{margin-right: 10px;}
}
@media screen and (max-width: 410px)
{
	#header_opciones{margin-right: 5px;}
}

.botones_opciones_del_header
{
	display: inline-block;
	margin-top: 5px;
	padding: 2px 5px 2px 5px;
	font-size: 16px;
	background-color: #040404;

	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

	@media screen and (max-width: 768px)
	{
		.botones_opciones_del_header{font-size: 14px;}
	}
	@media screen and (max-width: 768px)
	{
		.botones_opciones_del_header{font-size: 12px;}
	}
	@media screen and (max-width: 410px)
	{
		.botones_opciones_del_header{font-size: 10px;}
	}

@font-face
{
    font-family: "vivaldi-script";
    src: url("../fonts/vivaldi-script.ttf");
}