/* 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{

margin:0 auto;
padding-left:1%;
padding-top:5px;
font-size: 1em;
clear:both;
font-weight: strong;
color: #ffffff;
bottom:0px;
position:fixed;
left: 0px;
background-color: #555555;
opacity:0.8;
filter:alpha(opacity=80); /* 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;
}

.cookiesms:hover{
bottom:0px;
}
.cookies2{
background-color: #555555;
display:inline;
opacity:0.95;
filter:alpha(opacity=95);
position:absolute;
left:1%;
top:-30px;
font-size:15px;
height:45px;
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);
}