@charset "UTF-8";
/* CSS Document */
body {
	background-color: #3a3a3a;
	background-image: url(../images/fondo.png);
	background-repeat: no-repeat;
	background-position:center top;
}

#contenedor {
	width:100%;
	text-align:center;
	position:relative;
	top:-5px;
	left:-8px;
	background-color:#3A3A3A;
}
#cabecero {
	width:950px;
	margin:auto;
	vertical-align:central;
	padding-top:10px;
	padding-bottom:20px;
}
.primelogo{
	margin-left:100px;
}
#cuerpo {
		width:100%;
	text-align:center;
	position:relative;
	top:100px;
}
#cuadros {
	margin:auto;
	width:500px;
	height:250px;
	vertical-align:central;
	padding:20px;
	background-color:#3a3a3a;
	border-style:double;
	border-color:#b2b2b2;
	border-width:8px;
	position:relative;
	top:0px;
    animation-name: entrada;
    animation-duration: 1s;
}
@keyframes entrada {
    from {top: 900px;}
    to {top:0px;}
}

.contenidos {
	animation-name: contes;
    animation-duration: 3s;
	animation-iteration-count:1;
	position:relative;
	top:-20px;
}
@keyframes contes {
    0% {opacity:0;}
    50% {opacity:0;}
	100% {opacity:1;}
}
.titulo {
	font-family:Jockey One;
	color:#FFFFFF;
	font-size:30px;
}
.text {
	font-family:Economica;
	color:#CCC;
	font-size:22px;
}
.textfill {
	font-family:Economica;
	color:#333;
	font-size:22px;
}

.boton {
	padding:10px 50px 10px 50px;
	background-color:#BBB;
	width:150px;
	margin:auto;
	font-family:Economica;
	color:#111;
	font-size:20px;
	text-decoration:none;
}
.boton a {
	padding:10px;
	background-color:#BBB;
	width:200px;
	margin:auto;
	font-family:Economica;
	color:#111;
	font-size:20px;
	margin-top:40px;
	text-decoration:none;
}

.boton:hover {
	background-color:#555;
	width:100px;
	margin:auto;
	font-family:Economica;
	color:#BBB;
	font-size:20px;
	margin-top:40px;
}

.boton2 {
	padding:10px 50px 10px 50px;
	background-color:#BBB;
	width:150px;
	margin:auto;
	margin-left:10px;
	font-family:Economica;
	color:#111;
	font-size:20px;
	text-decoration:none;
}
.boton2 a {
	padding:10px;
	background-color:#BBB;
	width:200px;
	margin:auto;
	font-family:Economica;
	color:#111;
	font-size:20px;
	margin-top:40px;
	text-decoration:none;
}

.boton2:hover {
	background-color:#555;
	color:#BBB;
}





#pie {
	position:fixed;
	bottom:0px;
	left:0px;
	width:100%;
	height:25px;
	font-family:Economica;
	background:#222;
	color:#BBB;
	text-align:center;
	padding-top:5px;
	font-size:14px;
}

#pie a {
	text-decoration:none;
	color:#BBB;
}

.link {
	font-family:Economica;
	font-size:18px;
	text-align: right;
	color:#CCC;
	}
	
.link a {
	font-weight:700;
	text-decoration:none;
	color:#FFF;
}
#cajacookies {
    background-color: white;
    color: black;
    padding: 10px;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 0px;
    position: fixed;
    bottom: 25px;
    width: 100%;
}

#cajacookies button {
    color: black;
}