@charset "utf-8";
body{
    background:url(300x600_20.gif); 
    background-repeat:no-repeat;  
}
#contenido {
	position:absolute;
	left: 0px;
	top: 0px;
	overflow:hidden;
	width: 300px;
	height: 600px;
	background:url(background.jpg) no-repeat 0px 160px;
    background-color:#ffffff;
    border:1px #cacaca solid;
    box-sizing: border-box;
}

#pie {

}

#pie #logo-iberdrola{
    width: 166px;
    height: 93px;
    border-radius: 4px;
    background-color: #5C8C1E;
    box-sizing: border-box;
    position: absolute;
    bottom: 12px;
    right: 66px;
    -webkit-transition: width .5s ease-out, height 1s ease-out, border-radius .2s ease-out, right .5s ease-out;
    transition: width .5s ease-out, height 1s ease-out, border-radius .2s ease-out, right  .5s ease-out;
}
    #pie #logo-iberdrola img{
        border-radius: 4px;
        display: block;
        position: absolute;
        top: initial;
        bottom: 0px;
        right: 0px;
        width: 164px;
        -webkit-transition: right .5s ease-out;
        transition:  right .5s ease-out;
    }

    #pie #logo-iberdrola.expand{
         width: 255px;
         height: 574px;
         right: 24px;
    }
        #pie #logo-iberdrola.expand img{
            right: 42px;
        }

#textos{
    position:absolute; 
    top: 6px;
    left: 0px;
    display:block;
    overflow:visible;
} 
    #textos > div{
        position:absolute;
	    opacity: 0.0;
        filter: alpha(opacity=0);
    } 
 
    #textos #txt1{
      left: 12px;
      top: 56px;
    }
    #textos #txt2{
      left: 22px;
      top: 56px;
    }
    #textos #txt3{
      left: 35px;
      top: 80px;
    }

    #textos #txt4{
        left: 62px;
    top: 136px;
        position: absolute;
        z-index: 2;
    }		
    #textos #txt5{
        position: absolute;
        z-index: 2;
        top: 262px;
    left: 80px;
    }