/* CSS para la animación y localización de los DIV de cookies */
@keyframes desaparecer
{
	0%		{bottom: 0px;}
	80%		{bottom: 0px;}
	100%	{bottom: -75px;}
}
 
@-webkit-keyframes desaparecer /* Safari and Chrome */
{
	0%		{bottom: 0px;}
	80%		{bottom: 0px;}
	100%	{bottom: -75px;}
}
 
@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% !important;
	height:auto;
	margin:0 auto;
	padding-left:1%;
    padding-top:15px;
    padding-bottom:15px;
    font-size:15px;
	clear:both;
    font-weight: strong;
	font-family: Arial;
	color: #333;
	bottom:-75px;
	position:fixed !important;
	left: 0px;
	background-color: #FFF;
	filter:alpha(opacity=100); /* 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 -2px 1px rgba(50, 50, 50, 0.56);
	z-index:999999999;
}
.cookiesms:hover{
	bottom:0px;
}
.cookies2{
	font-family: Arial;
	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: 0px !important;
	-webkit-border-top-left-radius: 0px !important;
	-moz-border-radius-topright: 0px !important;
	-moz-border-radius-topleft: 0px !important;
	border-top-right-radius: 0px !important;
	border-top-left-radius: 0px !important;
	-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 -2px 1px rgba(50, 50, 50, 0.56);
}