


/* Codigo para la política de cookies
------------------------------------------------*/
 
/* CSS para la animación y localización de los DIV de cookies */
 
@keyframes desaparecer
{
0%		{bottom: 0px;}
80%		{bottom: 0px;}
100%	{bottom: -200px;}
}
 
@-webkit-keyframes desaparecer /* Safari and Chrome */
{
0%		{bottom: 0px;}
80%		{bottom: 0px;}
100%	{bottom: -200px;}
}
 
@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:170px;
	height:210px;
	
	padding:20px;
	/*margin:0 auto;
	padding-left:1%;
        padding-top:0px;*/
	font-family: 'Open sans', Helvetica, sans-serif;
    font-size: 13px;
	clear:both;
    font-weight: strong;
	text-align:left;
	color: #FFF;
	top:25%;
	position:fixed;
	right: 0px;
	background-color: #559a36;
	opacity:1;
	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;
	border-radius:5px 0 0 5px;
}

.cookiesms a{
	color: #fff;
	font-weight:bold;
}

.botonCookies {
		border-radius:3px;
		background-color: #000000;
		color: #559a36;
		padding:5px 10px 5px 10px;
		border:none;
		margin-top:10px;
}

 /*
.cookiesms:hover{
bottom:0px;
}*/
.cookies2{
background-color: #559a36;
display:inline;
opacity:1;
filter:alpha(opacity=100);
position:absolute; 
left:1%; 
top:-30px;
font-size:15px;
height:30px;
padding-left:25px;
padding-right:25px;
padding-top:10px;
-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);
}
 
/* Fin del CSS para cookies */



/* POP UP
------------------------------------------------*/


#ventana-flotante {
	z-index:999999999999999999999999 !important;
width: 650px;  /* Ancho de la ventana */
height: 480px;  /* Alto de la ventana */
background: #efefef;  /* Color de fondo */
position: fixed;
top: 250px;
left: 50%;
margin-left: -230px;
border: 4px solid #1f5068;  /* Borde de la ventana */
/*box-shadow: 5 5px 5px #666;   Sombra
-moz-box-shadow:5 5px 5px  #666; */

-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,1);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,1);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,1);
z-index:999;

border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px;
-webkit-border-radius: 8px;

opacity:0.95;

}
#ventana-flotante #contenedor {
padding: 30px;
font-size: 15px;  /* Tamaño del texto del mensaje */
color: #000000;  
margin: 0 auto;
opacity:1;
}
#ventana-flotante .cerrar {

	width:32px;
	height:30px;
float: right;
/*border-bottom: 1px solid #000;
border-left: 1px solid #000;*/
color: #fff;
background: #FF0000;
line-height: 26px;
text-decoration: none;
padding-left:20px;
font-family: Arial;
border-radius: 0px 5px 0px 5px;
box-shadow: -1px 1px white;
font-size: 22px;
-webkit-transition: .3s;
-moz-transition: .3s;
-o-transition: .3s;
-ms-transition: .3s;
}
#ventana-flotante .cerrar:hover {
background: #ff6868;
color: white;
text-decoration: none;
text-shadow: -1px -1px red;
border-bottom: 1px solid red;
border-left: 1px solid red;
}
#ventana-flotante #contenedor .contenido {
padding: 6px;
box-shadow: inset 1px 1px white;
background: #333;  /* Fondo del mensaje */
border: 1px solid #000;  /* Borde del mensaje */
font-size: 22px;  /* Tamaño del texto del mensaje */
color: #fff;  /* Color del texto del mensaje */
text-shadow: 1px 1px white;
margin: 0 auto;
border-radius: 4px;
width:60%;
margin-top:20px;
}
.oculto {-webkit-transition:1s;-moz-transition:1s;-o-transition:1s;-ms-transition:1s;opacity:0;-ms-opacity:0;-moz-opacity:0;visibility:hidden;}


/* [if IE]*/
.oculto {display:none}
/* [endif]*/


.legal {
	font-size:9px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}


.titulo {
	font-size:25px;
	color:#1f5068;
	
}


