<header>
<div class="top-row">
<div class="main">
<div class="wrapper">
<h1><a href="index.php"></a></h1>
<ul class="pagination">
<li class="current"><a href="images/bg-img1.jpg">1</a></li>
<li><a href="images/bg-img2.jpg">2</a></li>
<li><a href="images/bg-img3.jpg">3</a></li>
</ul>
<strong class="bg-text">Fondo:</strong>
</div>
</div>
</div>
<div class="menu-row">
<div class="menu-border">
<div class="main">
<nav>
<ul class="menu">
<li><a <?php error_reporting(0); if ($opcion=='') echo 'class="active"';?> href="index.php">Index</a></li>
<li><a href="index.php?op=cursos" <?php error_reporting(0); if ($opcion=='cursos') echo 'class="active"' ;?>>Cursos</a></li>
<li><a href="index.php?op=recipes" <?php error_reporting(0); if ($opcion=='recipes') echo 'class="active"' ;?>>Recetas</a></li>
<li><a href="index.php?op=calendar" <?php error_reporting(0); if ($opcion=='calendar') echo 'class="active"' ;?>>Calendario</a></li>
<li class="last"><a href="index.php?op=contacts" <?php error_reporting(0); if ($opcion=='contacts') echo 'class="active"' ;?>>Contactos</a></li>
</ul>
</nav>
</div>
</div>
</div>
</header>
.menu {
width:100%;
min-height:58px;
overflow:hidden;
background:url(../images/menu-spacer.gif) left top no-repeat;
}
.menu li {
float:left;
position:relative;
background:url(../images/menu-spacer.gif) right top no-repeat;
}
.menu li a {
display:block;
font-family: 'Adamina', serif;
font-size:20px;
line-height:2.5em;
letter-spacing:-1px;
padding:5px 44px 4px 40px;
color:#000;
}
.menu > li:first-child > a {padding:5px 44px 4px 45px;}
.menu li.last a {padding:5px 47px 4px 40px;}
.menu li a.active,
.menu li a:hover {color:#ca4b00;}