div.animacio_333{
    position: relative;
    overflow: hidden;
    
}
div.animacio_333_borde{
    border:1px solid #999;
    z-index: 50;
    position: absolute;
    left:0px; top: 0px; right: 0px; bottom: 0px;
}
div.animacio_333 img{
    max-width: none !important;
}

div.animacio_333_peu{
    background: #9FC1E8; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9FC1E8', endColorstr='#CCCCCC'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#9FC1E8), to(#CCC)); /* for webkit browsers */
    background: -moz-linear-gradient(center top , #9FC1E8, #CCC) repeat scroll 0 0 transparent;
   box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
   border:1px solid #999999;
   border-top: none;
   height: 30px;
   position: relative;
   margin-bottom: 10px;
}
.animacio_333_endavant{
    background-image: url('images/animacions_endavant.png');
    background-position: 100% -30px;
    
    background-repeat: no-repeat;
    height: 30px;
    width:40%;
    float:right;
    top:1px;
}

.animacio_333_max{
    background-image: url('images/animacions_pc.png');
    background-position: 100% -30px;
    float:right;
    background-repeat: no-repeat;
    height: 30px;
    width:30px;
    top:1px;
}
.animacio_333_max:hover{
    background-position: top left;
    
}

.animacio_333_endarrere{
    background-image: url('images/animacions_endarrere.png');
    background-position: 0px -30px;
    background-repeat: no-repeat;
    height: 30px;
    width:40%;
    float:left;
    top: 1px;    
    display: none;
}
.animacio_333_home{
    background-image: url('images/animacions_home.png');
    background-position: 100% -30px;
    background-repeat: no-repeat;
    height: 30px;
    width:40%;
    float:right;
    top:1px;
    display: none;
}

.animacio_333_endarrere:hover{
    background-position: top left;
    
}
.animacio_333_endavant:hover{
    background-position: top right;
}
.animacio_333_home:hover{
    background-position: top right;
}

span.animacio_333_logo{
    background-image: url('images/animacions_logo.png');
    background-position: top left;
    background-repeat: no-repeat;
    width: 91px;
    height: 47px;
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -46px;
    top: -6px;
    z-index: 50;

    
}


div.animacio_333_wrap{
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    max-width: 610px;
}

div.animacio_333_wrap.pantalla_max{
    position: fixed;
    background-image: url('images/logo_333_transp_gr.png');
    background-position: 50% -100px;
    background-repeat: repeat-y;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index:301;
    width:auto !important;
    background-color: #BFCEE8;
    max-width: none;
}
#animacio_boto_tancar_popup{
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 310;
    background-image: url("images/32/close.png");
    display: inline-block;
    height: 40px;
    width: 40px;
}