/* CSS para la animación y localización de los DIV de cookies */

@keyframes desaparecer
{
    0%		{bottom: 0px;}
    80%		{bottom: 0px;}
    100%		{bottom: -50px;}
}

@-webkit-keyframes desaparecer /* Safari and Chrome */
{
    0%		{bottom: 0px;}
    80%		{bottom: 0px;}
    100%		{bottom: -50px;}
}

@keyframes aparecer
{
    0%		{bottom: -38px;}
    10%		{bottom: 0px;}
    90%		{bottom: 0px;}
    100%		{bottom: -38px;}
}

@-webkit-keyframes aparecer /* Safari and Chrome */
{
    0%		{bottom: -38px;}
    10%		{bottom: 0px;}
    90%		{bottom: 0px;}
    100%		{bottom: -38px;}
}
#cookiesms1:target {
    display: none;
}
.cookiesms{	
    width:100%;
    height:43px;
    margin:0 auto;
    padding-left:1%;
    padding-top:5px;
    font-size: 1.2em;
    clear:both;
    font-weight: strong;
    color: black;
    bottom:0px;
    position:fixed;
    left: 0px;
    background-color: #FFF;
    opacity:0.7;
    filter:alpha(opacity=70); /* For IE8 and earlier */
    transition: bottom 1s;
    -webkit-transition:bottom 1s; /* Safari */
    -webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
    -moz-box-shadow:    3px -3px 1px rgba(50, 50, 50, 0.56);
    box-shadow:         3px -3px 1px rgba(50, 50, 50, 0.56);
    z-index:999999999;
    background: #A082C0;
    background: -webkit-linear-gradient(top, #B49DCD 0, #8E6AB4 100%) no-repeat;
    background: -moz-linear-gradient(top, #B49DCD 0, #8E6AB4 100%) no-repeat;
    background: -o-linear-gradient(top, #B49DCD 0, #8E6AB4 100%) no-repeat;
    background: -ms-linear-gradient(top, #B49DCD 0, #8E6AB4 100%) no-repeat;
    -svg-background: linear-gradient(top, #B49DCD 0, #8E6AB4 100%) no-repeat;
    background: linear-gradient(to bottom, #B49DCD 0, #8E6AB4 100%) no-repeat;
}

.cookiesms:hover{
    bottom:0px;
}
.cookies2{
    background-color: #FFF;
    display:inline;
    opacity:0.95;
    filter:alpha(opacity=95);
    position:absolute; 
    left:1%; 
    top:-30px;
    font-size:15px;
    height:30px;
    padding-left:25px;
    padding-right:25px;
    -webkit-border-top-right-radius: 15px;
    -webkit-border-top-left-radius: 15px;
    -moz-border-radius-topright: 15px;
    -moz-border-radius-topleft: 15px;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    -webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
    -moz-box-shadow:    3px -3px 1px rgba(50, 50, 50, 0.56);
    box-shadow:         3px -3px 1px rgba(50, 50, 50, 0.56);
    background: #A082C0;
    background: -webkit-linear-gradient(top, #B49DCD 0, #8E6AB4 100%) no-repeat;
    background: -moz-linear-gradient(top, #B49DCD 0, #8E6AB4 100%) no-repeat;
    background: -o-linear-gradient(top, #B49DCD 0, #8E6AB4 100%) no-repeat;
    background: -ms-linear-gradient(top, #B49DCD 0, #8E6AB4 100%) no-repeat;
    -svg-background: linear-gradient(top, #B49DCD 0, #8E6AB4 100%) no-repeat;
    background: linear-gradient(to bottom, #B49DCD 0, #8E6AB4 100%) no-repeat;
}

/* Fin del CSS para cookies */