/* CSS Document */

/*Menu navegacion */

#menu
{
list-style: none;
padding: 0;
margin: 0;
width: 892px;
height: 20px;
position:relative;
}

#menu span
{
display: none;
position: absolute;
}

#menu a
{
display: block;
text-indent: -9000%;
position: absolute;
outline: none;
}

#menu a:hover
{
background-position: left bottom;
padding:0;
}

#menu a:hover span
{
display: block;
padding:0;
}

#menu .teatro {
bottom:0px;
width: 165px;
height: 110px;
background: url(teatro.png) no-repeat;
left:7px;
position:absolute;
}

#menu .teatro span
{
width:150px;
height:50px;
background: url(teatro-over.png) no-repeat;
left: 40px;
top: -20px;
}

#menu .guinyol
{
bottom:0px;
width: 103px;
height: 120px;
background: url(guinyol.png) no-repeat;
left: 217px;
position:absolute;

}

#menu .guinyol span
{
width:150px;
height:50px;
background: url(guinyol-over.png) no-repeat;
left: -5px;
top:-12px;
}

#menu .animacion {
bottom:0px;
width: 92px;
height: 110px;
background: url(animacion.png) no-repeat;
left: 401.5px;
position:absolute;

}

#menu .animacion span
{
width:150px;
height:50px;
background: url(animacion-over.png) no-repeat;
left: -15px;
top: -20px;
}

#menu .contacto {
bottom:0px;
width: 106px;
height: 110px;
background: url(contacto.png) no-repeat;
left: 580.5px;
position:absolute;
}

#menu .contacto span
{
width:150px;
height:50px;
background: url(contacto-over.png) no-repeat;
left: -15px;
top: -20px;
}

#menu .about {
bottom:0px;
width: 69px;
height: 115px;
background: url(about.png) no-repeat;
left: 796px;
position:absolute;}

#menu .about span
{
width:150px;
height:50px;
background: url(about-over.png) no-repeat;
left: -120px;
top: -20px;
}
#menu a span {float:none;}

/*Pestanyas secciones*/

.tabbed{background:#eb5209;}
.wrapper_1 div{height:15em;}
.wrapper_2 div{height:15em;}
.wrapper_1 div h2{color:black; text-decoration:underline;}
    #tabs5 {
	z-index:5;
      font-size:150%;
	  position:relative;
	  left:1em;
	  bottom:1.5em;
	  width:auto;
      line-height:normal;
	  float:left;
	 
	  
      }
    #tabs5 ul {
          margin:0;
		  position:relative;
          list-style:none;
      }
    #tabs5 li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs5 a {
      float:left;
      background:url("tableft5.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabs5 a span {
	  /*width:auto;*/
      float:left;
      display:block;
      background:url("tabright5.gif") no-repeat right top;
      padding:5px 10px 4px 2px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs5 a span {float:none;}
    /* End IE5-Mac hack */
    #tabs5 a:hover span {
      color:#FFF;
      }
    #tabs5 a:hover {
      background-position:0% -42px;
      }
    #tabs5 a:hover span {
      background-position:100% -42px;
      }

      #tabs5 .current a {
              background-position:0% -42px;
      }
      #tabs5 .current a span {
              background-position:100% -42px;
      }