.lavaLampWithImage {
            position: relative;
			/*top:17px;
			left:17%;*/
            height: 29px;
            width: 700px;
            /*background: url("bg2.gif") no-repeat top;*/
            /*padding-top: 10px;*/
            margin-left:auto;
			margin-right:auto;
			
            overflow: hidden;
			
			
        }
		 
                .lavaLampWithImage li {
				
                    float: left;
                    list-style: none;
					
                }
                    .lavaLampWithImage li.back {
                        background: url("../imagen/lava2.gif") no-repeat right -30px;
                        width: 9px; height: 30px;
                        z-index: 8;
                        position: absolute;
						
                    }
                        .lavaLampWithImage li.back .left {
                            background: url("../imagen/lava2.gif") no-repeat top left;
                            height: 30px;
                            margin-right: 9px; /* 7px is the width of the rounded shape */
                        }
                    .lavaLampWithImage li a {
                        font: bold 12px arial;
                        text-decoration: none;
                        color: #339933;
                        outline: none;
                        text-align: center;
                        top: 7px;
                        text-transform: uppercase;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 30px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 10px;
						    
                    }
                       /* .lavaLampWithImage li a:hover, .lavaLampWithImage li a:active, .lavaLampWithImage li a:visited {
                            border: none;
							
							
                        }*/
					  .lavaLampWithImage li a:hover{
                            border: none;
							color:#FFFFFF;
							
                        }
				/*.current li a{
                            border: none;
							color:#FFFFFF !important;
							
                        }*/
   /*CARRUSEL-------------------------------------------------------------------------------------*/
				  
				  
				  
				  
				  
				  
				  
				  
				  /*html {overflow: hidden;}*/

/*body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
  background-color: black;
  color: white;
  margin: auto;
}*/

#container {
  position: absolute;
  left: 5%;
  top:770px;
  width: 830px;
  height: 300px;
  margin-left:auto;
  margin-top:auto;
  z-index:7;
 
 /* margin-left: -400px;
  margin-top: -300px;*/
}

/*#text {
  width: 500px;
  height: auto;
  margin-left: 300px;
  padding-left: 20px;
  padding-right: 20px;
  z-index: 5000;
  position: absolute;
}*/

span {
  font-size: 22px;
  font-weight: bold;
}

/*a, a:hover {
  color: #99CCFF;
  background-color: transparent;
  text-decoration: none;
  outline: none;
}

 a:hover {
  color: #CCFF99;
  background-color: transparent;
}*/

.texts {
  display:none;
}

#container img {
  opacity:0;
  visibility:hidden;
}

#textfield img {
  opacity:1;
  visibility:visible;
}