@CHARSET "UTF-8";

#navegacion
{
	text-align: center;
	overflow:   hidden;
}

#navegacion > .columns
{
    background-color: black;
}

#navegacion ul, #navegacion div.input input
{
    padding:    0.3em;
}

#navegacion ul
{
    margin: 11px 0;
}

#navegacion li
{
	display:		inline-block;
	padding:		0 2em;
	border-right:	1px solid #D8007C;
	border-spacing: 1em 0;
}

#navegacion li:last-child
{
	border: 0;
}

#navegacion li a
{
	text-decoration: none;
	color:			white;
	font-weight:	bold;
	font-size:		15px;
	text-transform: uppercase;
        line-height:    20px;
        font-family:	Verdana,Helvetica,sans-serif;
}

#navegacion li.current a
{
	color:			#D8007C;
	padding-bottom: 0.2em;
}

@media only screen and (max-width: 500px)
{
    #navegacion ul
    {
        width: 100%;
    }

    #navegacion ul li
    {
        width: 100%;
    }

    #navegacion ul li
    {
        padding-top: 1em;
    }

    #navegacion li:first-child
    {
        border-right:   0;
        border-bottom:  1px solid #D8007C;
        padding-top:    0;
        padding-bottom: 1em;
    }
}