<!--- Codigo para la política de cookies-->
 
 
<style type="text/css">
 
/* CSS para la animación y localización de los DIV de cookies */
 
@keyframes desaparecer
{
0%		{bottom: 0px;}
80%		{bottom: 0px;}
100%		{bottom: -70px;}
}
 
@-webkit-keyframes desaparecer /* Safari and Chrome */
{
0%		{bottom: 0px;}
80%		{bottom: 0px;}
100%		{bottom: -70px;}
}
 
@keyframes aparecer
{
0%		{bottom: -58px;}
10%		{bottom: 0px;}
90%		{bottom: 0px;}
100%		{bottom: -558px;}
}
 
@-webkit-keyframes aparecer /* Safari and Chrome */
{
0%		{bottom: -58px;}
10%		{bottom: 0px;}
90%		{bottom: 0px;}
100%		{bottom: -58px;}
}
#cookiesms1:target {
    display: none;
}
.cookiesms{	
	width:100%;
	height:63px;
	margin:0 auto;
	padding-left:1%;
	padding-top:5px;
	font-size: 14px;
	clear:both;
	font-weight: strong;
	color: #333;
	bottom:0px;
	position:fixed;
	left: 0px;
	background-color: #FFF;
	opacity:0.9;
	filter:alpha(opacity=90); /* 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;
}
#texto2{
	display:none;
}
 
.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:16px;
padding-top:5px;
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);
}
#boton-cookies{
	border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
	display: inline-block;
	padding: 4px 14px;
	font-size: 16px;
	margin-top:5px;
	line-height: 20px;
	text-align: center;
	vertical-align: middle;
	color: #333333;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	background-color: #f5f5f5;
	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
	background-repeat: repeat-x;
	border: 1px solid #bbbbbb;
	border-radius: 4px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}
@media (max-width: 1200px) {
	.cookiesms{	
		font-size: 12px;
		line-height:12px;
	}
}
@media (max-width: 520px) {
	#texto1{
		display:none;
	}
	#texto2{
		display:inline;
	}
}
 
/* Fin del CSS para cookies */
 
</style>