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

#sub-menu{
	float:left;
	position:relative;
	width:148px;
}

.menu ul {
	width:200px;
    left: 0;
    margin: 0;
    opacity: 0; /* no son visibles */
    position: absolute;
	padding-left:0px;
	top:170px; /* se ubican debajo del enlace principal */

/* animamos su visibildiad */
    -moz-transition: opacity .25s ease .1s;
    -webkit-transition: opacity .25s ease .1s;
    -o-transition: opacity .25s ease .1s;
    -ms-transition: opacity .25s ease .1s;
    transition: opacity .25s ease .1s;
  }


.menu ul li {
    height: 0; /* no son visibles */
    overflow: hidden;
    padding: 0;

    /* animamos su visibildiad */
    -moz-transition: height .25s ease .1s;
    -webkit-transition: height .25s ease .1s;
    -o-transition: height .25s ease .1s;
    -ms-transition: height .25s ease .1s;
    transition: height .25s ease .1s;
  }
  
 .menu li:hover > ul li {
    height: 25px; /* los mostramos */
    overflow: visible;
    padding: 0;
  }

.menu2 li a{
	  color:#fff;
	  font-size:14px;
	  font-family:"Decker";
	  height:18px;
	  width:191px;
	  position:absolute;
	  padding-top:6px;
	  padding-left:8px;
  }
  
/* son visibes al poner el cursor encima */
.menu li:hover > ul { 
  opacity: 1;

  }
  
.menu2 li{
	  padding:5px;
	  border-bottom: 1px solid #fff;
	  color:#FFF;
}

.menu2 li:hover{
	background-color:#00B3C1;
}

/* cada un ode los items de los submenús */

.menu2 ul li a {
    height: 0; /* no son visibles */
    overflow: hidden;
    padding: 0;
  /* animamos su visibildiad */
    -moz-transition: height .25s ease .1s;
    -webkit-transition: height .25s ease .1s;
    -o-transition: height .25s ease .1s;
    -ms-transition: height .25s ease .1s;
    transition: height .25s ease .1s;
  }


  a:link{
	  text-decoration:none;
  }