@charset "utf-8";
/* CSS Document */
a:hover {color:#B7B7B7;}
a {color:#979595; font-weight: bold}

 .titulo-cookie {font-family: 'Oswald', sans-serif; font-weight:bold; color:#979595; font-size:18px;}

.cookies-box{
	position:fixed;
	bottom: 0; 
	background: #555555; 
	width: 95%; 
	display: flex; 
	justify-content: center;
	box-shadow: -2px 0 15px 0 rgba(0,0,0,.8);
	transition: all 300ms ease; 
	z-index: 100;
	border-top-right-radius: 3rem;
	padding: 2px;
		}

.cookies-box .container-cookies{
	padding: 20px 0; 
	max-width: 90%; 
	display: flex; 
	align-items: center; }

.cookies-box .container-cookies .parrafo p{
	color: #FFFFFF;
	text-align: justify;
	font-size: 15px;
	font-family: 'Open Sans';
		}
		.cookies-box .container-cookies .parrafo p a{
	color: #989895
		}

.cookies-box .container-cookies .botones { 
	display: flex; 
	flex-direction:row; 
	margin-left: 40px;
		
}
		
.cookies-box .container-cookies .botones button{
	background: transparent;
	color: #E6D8D8;
	border: 2px solid #BBAFB0;
	padding: 5px;
	border-radius: 20px;
	transition: all 200ms ease-in;
	font-family: 'Oswald', sans-serif; color:#979595; font-size:15px;
	 width: 70px; height: 40px;
		}
		
.cookies-box .container-cookies .botones button:hover {
	color: #000000;
	border: 2px solid #ffffff;
		}
		
.cookies-box .container-cookies .botones button:last-child{
	margin-left: 10px;}


@media only screen and ( max-width:575px ) {  /*Cuando la pantalla es menor a 575 px*/
	.cookies-box .container-cookies .botones { 
	display: flex; 
	flex-direction:column; 
	margin-left: 40px;		
}
	.cookies-box .container-cookies .botones button:last-child{
	margin-top: 10px;
	margin-left: 0px}
}