@CHARSET "UTF-8";

@media only screen and (max-width: 40.063em)
{
	#logo
	{
		margin-top: 20px;
	}
}

@media only screen and (max-width: 1023px)
{
	#logo .contenedor-donaciones {
		height: auto !important;
		padding-top: 5px !important;
		width: 100%;
	}

	#logo .contenedor-donaciones a {
		width: 100%;
		text-align: center;
		margin-bottom: 5px;
	}
}

#logo .columns
{
	padding: 0;
}

#logo .contenedor-donaciones {
	display: inline-block;
	height: 84px;
	vertical-align: top;
	padding-top: 40px;
}

#logo .donaciones {
	display: inline-block;
	vertical-align: middle;
	font-weight: bold;
	color: white;
	background-color: #D8007C;
	padding: 0.7em 2.5em;
	border: none;
	cursor: pointer;
	font-size: 1em;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	text-decoration: none;
}

#logo a
{
	background: white;
	display: inline-block;
}

#logo img
{
	margin-top: 5px;
}

@media only screen and (max-width: 400px)
{
	#logo img
	{
		width: 100%;
	}
}

#logo h1
{
	font-family:	Verdana,Helvetica,sans-serif;
	font-weight:	normal;
	font-size:	1em;
	text-transform: none;
	display:        inline-block;
	border:		0;
	border-left:	1px solid #B8B8B8;
	margin:		0;
	margin-left:	10px;
	margin-top:	20px;
	padding:	10px;
	background-image:none;
	color:		#333333;
	position:       relative;
	top:            -5px;
}

@media only screen and (max-width: 770px)
{
	#logo h1
	{
		margin-top:     10px;
		margin-bottom:  10px;
		border:         0;
		padding-left:   0;
	}
}

#acceso
{
	text-transform:	uppercase;
	font-family:        Verdana,Helvetica,sans-serif;
	font-size:          inherit;
	padding:            0;
	line-height:        15px;
	height:             0;
	z-index:            200;
}

@media only screen and (max-width: 64.063em)
{
	#acceso
	{
		padding-right: 5px;
	}
}

#acceso li
{
	display:		inline-block;
        padding:                0.1em 0.7em 0.2em;
	background-color:	#5E5E5E;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-radius-bottomleft: 5px;
	-webkit-border-radius-bottomright: 5px;
	border-radius: 0 0 5px 5px;
}

#acceso li a
{
	color:			white;
	font-weight:	bold;
	font-size:		0.85em;
	padding-right:	20px;
	background-image:		url(/img/triangulos_acceso.gif);
	background-repeat:		no-repeat;
	background-position:	right center;
	text-decoration: none;
}

#acceso li.current
{
	background-color: #111;
}

#acceso li.current a
{
	color:			#d8007c;
	background-image:		url(/img/triangulos_acceso_actual.gif);
}