@charset "UTF-8";
/* CSS Document */


							/* MENU TUTOR CSS */

/* el menú en si mismo */
  .mi-menu  {
    border-radius: 0px;
    list-style-type: none;
    margin: 0 auto; /* si queremos centrarlo */
    padding: 0;
    /* la altura y su ancho dependerán de los textos */
    height: 35px; 
    width: 940px;
    /* el color de fondo */
    background-color: #820634;
	margin:0px;
  }

  /* si es necesario, evitamos que Blogger de problemas con los saltos de línea cuando escribimos el HTML */
  .mi-menu  br { display:none; }

  /* cada item del menu */
  .mi-menu  li {
    display:inline-block;
    float: left; /* la lista se ve horizontal */
    height: 35px;
    list-style: none;
    margin: 0;
    position: relative;
	padding-left:0;
	padding-right:5%;/* o 47px */
	padding-left:1%;
	z-index:1000;
  }
  
      /* el último n otiene un borde */
  .mi-menu li:last-child {padding-right:0%;}
    .mi-menu li:first-child {padding-left:8%;}
	
  
  .mi-menu li a {
	height: 35px;
    color:#FFF;
    display: block;
    font-family: 'PT Sans', sans-serif;
    font-size: 16px;
    font-weight: 400px;
    line-height: 35px;
    padding: 0 14px;
    text-decoration: none;
	
    /* animamos el cambio de color de los textos */
  }

  /* efecto hover cambia el color */
  .mi-menu li:hover > a { color: #FFF; background-color:#68052E; }
  
  .current-button {
	  text-decoration:underline;}