*{
	margin:0;
	padding:0;
	text-decoration:none;
	list-style:none;
	font-family:sans-serif;
	}
 
img{
	max-width:100%;
	height:auto;
	display:block;
}
 
	@keyframes miAnimacion {
    0% {
        opacity: 1;
    }
 
    20% {
        opacity: 1;
    }
    30% {
        opacity: 1;
    }
    90% {
        opacity: 0;
    }
   100% {
        opacity: 0;
    }
}
body{
	background:url(../img/background.jpg);
	background-repeat:repeat;
	background: black;
	}
	
/*-------------------------------*/	
/*-------------------------------*/	
/*--CABEZOTE--*/
	
.cabecera{
	display:block;
	width:100%;
	max-width:1500px;
	margin:0 auto;
}
 
header{
	position:relative;
	margin:0;
	width:100%;
	max-width: 1500px;
	height:300px;
	background:url(../img/cabezote.jpg);
	background-size: cover;
	background-position: center;
	}
	
	
#logo{
	display:block;
	width: 100%;
	max-width:1500px;
	height:300px;
	object-fit: cover;
	}
 
.cabecera nav{
	width:100%;
}
 
/*--FIN CABEZOTE--*/
/*-------------------------------*/	
/*-------------------------------*/
/*--BARRA DE NAVEGACIÓN--*/
 
nav{
	position:relative;
	margin:auto;
	width:100%;
	max-width:1500px;
	min-height:45px;
	height:auto;
	border-bottom:1px solid #1a3a5c;
	background: #1a3a5c;
	box-sizing: border-box;
	}
	
nav ul{
	position:relative;
	top:auto;
	left:auto;
	width:100%;
	min-height:45px;
	height:auto;
	display:flex;
	flex-wrap:wrap;
	}
	
nav ul li{
	float:left;
	width:150px;
	line-height:45px;
	text-align:center;
	font-size:14px;
	color: #ffd700;
	text-shadow: 0 0 8px #ffd700, 0 0 16px #ffaa00;
	border-right:1px solid #040022;
	}
	
/*--FIN BARRA DE NAVEGACIÓN--*/
/*-------------------------------*/	
/*-------------------------------*/
/*--SLIDE--*/
 
input[type="radio"][name="slide"]{
	display:none;
}
 
#slide{
	position:relative;
	margin:auto;
	width:100%;
	max-width:1500px;
	height:600px;
	overflow:hidden;
	}
 
#slide ul{
	position:relative;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	list-style:none;
}
 
#slide ul li{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0;
	transition: opacity 1s ease-out;
}
 
#slide ul li a{
	position:absolute;
	inset:0;
	display:block;
	z-index:2;
}
 
#slide img{
	position:absolute;
	width:100%;
	height:600px;
	display:block;
	object-fit: cover;
}
 
#s1:checked ~ #slide ul li:nth-child(1),
#s2:checked ~ #slide ul li:nth-child(2),
#s3:checked ~ #slide ul li:nth-child(3),
#s4:checked ~ #slide ul li:nth-child(4),
#s5:checked ~ #slide ul li:nth-child(5){
	opacity:1;
}
 
#s1:checked ~ #botoneraSlide label[for="s1"],
#s2:checked ~ #botoneraSlide label[for="s2"],
#s3:checked ~ #botoneraSlide label[for="s3"],
#s4:checked ~ #botoneraSlide label[for="s4"],
#s5:checked ~ #botoneraSlide label[for="s5"]{
	background:#4341cf !important;
	border-color:#fff !important;
}
 
/*--FIN SLIDE--*/
/*-------------------------------*/	
/*-------------------------------*/
/*--BOTONERA SLIDE--*/
 
#botoneraSlide{
	position:relative;
	margin:auto;
	width:100%;
	max-width:1500px;
	height:26px;
	background:url(../img/backBotonesSlide.jpg);
	}
	
#botoneraSlide ul{
	position:relative;
	margin:auto;
	width:200px;
	height:26px;
	}
	
#botoneraSlide ul li label{
	float:left;
	width:10px;
	height:10px;
	border-radius:100%;
	background:#35b481;	
	border:3px solid rgb(73, 192, 212);
	margin:3px 2px;
	cursor:pointer;
	transition: all 0.3s ease;
}
	
/*--FIN BOTONERA SLIDE--*/
/*-------------------------------*/	
/*-------------------------------*/
/*--SECTION INICIO--*/
 
section#inicio{
	position:relative;
	margin:auto;
	width:100%;
	max-width:1500px;
	background: #001a33;
	padding:20px;
	box-sizing:border-box;
	}
	
section#inicio ul{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	gap:20px;
	padding:0;
	margin:0;
	}
 
section#inicio ul li{
	width:calc(33.333% - 13.333px);
	min-width:280px;
	height:auto;
	background: #002a6e;
	border: 1.5px solid #00cfff;
	box-shadow: 0 0 10px #00cfff, inset 0 0 8px rgba(0,207,255,0.1);
	padding:20px;
	box-sizing:border-box;
	}
	
section#inicio ul li h1{
	margin:0 0 16px;
	font-weight:400;
	font-size:22px;
	line-height:1.2;
	color: #ffd700;
	text-shadow: 0 0 8px #ffd700, 0 0 18px #ffaa00;
	}
	
section#inicio ul li p{
	margin:0 0 16px;
	font-size:16px;
	line-height:1.6;
	text-align:justify;
	color: #ffd700;
	text-shadow: 0 0 6px #ffd700;
	}
	
section#inicio ul li img{
	margin:0;
	width:100%;
	height:auto;
	display:block;
	}
 
/*--FIN SECTION INICIO--*/
/*-------------------------------*/	
/*-------------------------------*/	
/*--SECTION NOTICIAS--*/
 
section#noticias{
	position:relative;
	margin:auto;
	width:100%;
	max-width:1500px;
	box-sizing:border-box;
	padding:20px;
	background: #001a33;
}
 
section#noticias ul{
	display:flex;
	flex-wrap:wrap;
    list-style:none;
	gap:20px;
	padding:0;
	margin:0 0 20px 0;
	}
 
section#noticias ul li{
	flex:1 1 400px;
	min-width:300px;
	background: #002a6e;
	border: 1.5px solid #00cfff;
	box-shadow: 0 0 10px #00cfff, inset 0 0 8px rgba(0,207,255,0.1);
	padding:30px;
	box-sizing:border-box;
	}
	
section#noticias ul li h1,
section#noticias ul li h2,
section#noticias ul li h3{
	margin:0 0 16px;
	font-weight:400;
	font-size:22px;
	line-height:1.2;
	color: #ffd700;
	text-shadow: 0 0 8px #ffd700, 0 0 18px #ffaa00;
	}

section#noticias ul li p,
section#noticias ul li strong{
	color: #ffd700;
	text-shadow: 0 0 6px #ffd700;
	font-size:16px;
	line-height:1.6;
	}
	
section#noticias ul li p a{
	margin:0 0 16px;
	font-size:16px;
	line-height:1.6;
	text-align:justify;
	}
	
section#noticias img{
	width:172px;
	margin-right:20px;
	margin-bottom:20px;
	}
	
/*--FIN SECTION NOTICIAS--*/
/*-------------------------------*/	
/*-------------------------------*/	
/*--SECTION PLATAFORMAS--*/
 
section#plataformas{
	position:relative;
	margin:auto;
	width:100%;
	max-width:1500px;
	box-sizing:border-box;
	padding:20px;
	background: #001a33;
}
 
section#plataformas ul{
	display:flex;
	flex-wrap:wrap;
    list-style:none;
	gap:20px;
	padding:0;
	margin:0 0 20px 0;
	}
 
section#plataformas ul li{
	flex:1 1 400px;
	min-width:300px;
	background: #002a6e;
	border: 1.5px solid #00cfff;
	box-shadow: 0 0 10px #00cfff, inset 0 0 8px rgba(0,207,255,0.1);
	padding:30px;
	box-sizing:border-box;
	}
	
section#plataformas ul li h1,
section#plataformas ul li h2{
	margin:0 0 16px;
	font-weight:400;
	font-size:22px;
	line-height:1.2;
	color: #ffd700;
	text-shadow: 0 0 8px #ffd700, 0 0 18px #ffaa00;
	}

section#plataformas ul li p{
	color: #ffd700;
	text-shadow: 0 0 6px #ffd700;
	font-size:16px;
	line-height:1.6;
	}
	
section#plataformas ul li p a{
	margin:0 0 16px;
	font-size:16px;
	line-height:1.6;
	text-align:justify;
	}
	
section#plataformas img{
	width:172px;
	margin-right:20px;
	margin-bottom:20px;
	}
	
	
/*--FIN SECTION PLATAFORMAS--*/
/*-------------------------------*/	
section#galeria {
	position:relative;
	margin:40px auto;
	max-width:1200px;
	padding:20px;
	background: #001a33;
	border: 1.5px solid #00cfff;
	box-shadow: 0 0 10px #00cfff;
}
section#galeria h1 {
	margin-bottom:20px;
	font-size:32px;
	color: #ffd700;
	text-shadow: 0 0 8px #ffd700, 0 0 18px #ffaa00;
}
#contactenos ul li h1 {
	font-size:18px;
	color: #ffd700;
	text-shadow: 0 0 8px #ffd700, 0 0 18px #ffaa00;
}
.galeria-grid {
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
	gap:20px;
}
.galeria-item {
	overflow:hidden;
	border: 1.5px solid #00cfff;
	box-shadow: 0 0 8px #00cfff;
	background: #002a6e;
}
.galeria-item img {
	width:100%;
	height:auto;
	display:block;
}
.galeria-item h2 {
	margin:12px 16px 8px;
	font-size:18px;
	color: #ffd700;
	text-shadow: 0 0 8px #ffd700;
}
.galeria-item p {
	margin:0 16px 16px;
	font-size:14px;
	color: #ffd700;
	text-shadow: 0 0 5px #ffd700;
}
.galeria-item a {
	color: #ffd700;
	text-decoration:none;
}
/*-------------------------------*/
/*--SECTION CONTACTENOS--*/
 
section#contactenos{
	position:relative;
	margin:auto;
	width:100%;
	max-width:1500px;
	min-height:400px;
	height:auto;
	background: #001a33;
	border-top: 1.5px solid #00cfff;
	padding:40px 20px;
	box-sizing:border-box;
	}
	
section#contactenos form{	
	position:relative;
	margin:auto;
	top:auto;
	width:100%;
	max-width:910px;
	height:auto;
	background: #001a33;
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	}
 
section#contactenos form input#nombre,
section#contactenos form input#email,
section#contactenos form input#asunto{
	position:relative;
	top:auto;
	bottom:auto;
	padding:10px;
	width:100%;
	max-width:272px;
	height:45px;
	background: #002a6e;
	border: 1px solid #00cfff;
	color: #ffd700;
	box-sizing:border-box;
	}
	
section#contactenos form #mensaje{
	position:relative;
	right:auto;
	padding:10px;
	width:100%;
	max-width:581px;
	height:128px;
	background: #002a6e;
	border: 1px solid #00cfff;
	color: #ffd700;
	resize:none;
	box-sizing:border-box;
	}
	
section#contactenos form input#enviar{
	position:relative;
	bottom:auto;
	right:auto;
	padding:10px;
	width:100%;
	height:69px;
	background: #002a6e;
	border: 1.5px solid #00cfff;
	box-shadow: 0 0 10px #00cfff;
	color: #ffd700;
	text-shadow: 0 0 8px #ffd700;
	cursor:pointer;
	box-sizing:border-box;
	font-size: 16px;
	font-weight: bold;
	}
 
/*--FIN SECTION CONTACTENOS--*/
/*-------------------------------*/	
/*-------------------------------*/
/*--BOTTOM--*/
 
#bottom{
	position:relative;
	margin:auto;
	width:100%;
	max-width:1500px;
	min-height:190px;
	height:auto;
	background:url(../img/backBottom.jpg);
	box-sizing:border-box;
	}
	
#bottom ul{
	display:flex;
	flex-wrap:wrap;
}
 
#bottom ul li{
	float:left;
	width:250px;
	min-height:190px;
	height:auto;
	}
	
#bottom ul li h1{
	margin:13px 18px;
	color: #ffd700;
	text-shadow: 0 0 8px #ffd700, 0 0 16px #ffaa00;
	font-size:18px;
	font-weight:100;
	}
	
#bottom ul li ol{
	position:relative;
	top:15px;
	left:17px;
	width:190px;
	height:80px;
	}
	
#bottom ul li ol li{
	height:20px;
	text-align:left;
	list-style:inside;
	font-size:15px;
	color: #ffd700;
	text-shadow: 0 0 6px #ffd700;
	list-style-image:url(../img/list.png);
	}
	
#bottom ul li img{
	position:relative;
	top:15px;
	left:15px;
	width:95px;
	height:95px;
	border:4px solid #00cfff;
	box-shadow: 0 0 8px #00cfff;
	background:url(../img/imgGaleria.jpg);
	background-size:cover;
	}
	
#bottom ul li ul{
	position:relative;
	top:11px;
	left:15px;
	width:200px;
	height:30px;
	}
	
#bottom ul li ul li{
	float:left;
	width:40px;
	height:40px;
	border-radius:100%;
	background:rgb(6, 0, 0);
	margin:5px;
	overflow:hidden;
	}
	
#bottom ul li ul li:first-child a{
	background:url(../img/facebook.jpg) center no-repeat;
	background-size:contain;
	}
	
#bottom ul li ul li:nth-child(2) a{
	background:url(../img/iconoGoogle.jpg) center no-repeat;
	background-size:contain;
	}
	
#bottom ul li ul li:nth-child(3) a{
	background:url(../img/iconoPinterest.jpg) center no-repeat;
	background-size:contain;
	}
	
#bottom ul li ul li:last-child a{
	background:url(../img/iconoTwitter.jpg) center no-repeat;
	background-size:contain;
	}
	
#bottom ul li ul li a{
	display:block;
	width:100%;
	height:100%;
	border-radius:100%;
	}
/*--FIN BOTTOM--*/
/*-------------------------------*/	
/*-------------------------------*/
/*--FOOTER--*/
 
footer{
	position:relative;
	margin:auto;
	width:100%;
	max-width:1500px;
	min-height:62px;
	height:auto;
	text-align:center;
	color: #ffd700;
	text-shadow: 0 0 8px #ffd700, 0 0 16px #ffaa00;
	line-height:62px;
	font-size:15px;
	background: #001a33;
	border-top: 1.5px solid #00cfff;
	box-sizing:border-box;
	padding:0 10px;
	}
 
 
/*===============================*/
/*======= MEDIA QUERIES ==========*/
/*===============================*/
 
/* Tablet: 768px - 1024px */
@media (max-width: 1024px) {
 
	header{
		width:100%;
		height:200px;
	}
 
	#logo{
		height:200px;
	}
 
	nav{
		width:100%;
	}
 
	nav ul{
		width:100%;
		justify-content:center;
	}
 
	nav ul li{
		width:auto;
		padding:0 14px;
		font-size:13px;
	}
 
	#slide{
		height:400px;
	}
 
	#slide img{
		height:400px;
	}
 
	section#inicio ul li{
		width:calc(50% - 10px);
		min-width:240px;
	}
 
	#bottom{
		width:100%;
	}
 
	footer{
		width:100%;
	}
}
 
/* Móvil: hasta 767px */
@media (max-width: 767px) {
 
	header{
		width:100%;
		height:140px;
	}
 
	#logo{
		height:140px;
	}
 
	nav{
		width:100%;
		height:auto;
	}
 
	nav ul{
		position:relative;
		width:100%;
		height:auto;
		display:flex;
		flex-direction:column;
		flex-wrap:nowrap;
	}
 
	nav ul li{
		width:100%;
		float:none;
		border-right:none;
		border-bottom:1px solid #2d5f8a;
		line-height:40px;
		font-size:14px;
	}
 
	#slide{
		height:220px;
	}
 
	#slide img{
		height:220px;
	}
 
	section#inicio{
		padding:12px;
	}
 
	section#inicio ul{
		flex-direction:column;
		gap:12px;
	}
 
	section#inicio ul li{
		width:100%;
		min-width:0;
	}
 
	section#noticias{
		padding:12px;
	}
 
	section#noticias ul li{
		min-width:0;
		padding:16px;
	}
 
	section#noticias img{
		width:100%;
		margin:0 0 12px 0;
	}
 
	section#plataformas{
		padding:12px;
	}
 
	section#plataformas ul li{
		min-width:0;
		padding:16px;
	}
 
	section#plataformas img{
		width:100%;
		margin:0 0 12px 0;
	}
 
	section#contactenos{
		padding:20px 12px;
	}
 
	section#contactenos form{
		flex-direction:column;
	}
 
	section#contactenos form input#nombre,
	section#contactenos form input#email,
	section#contactenos form input#asunto,
	section#contactenos form #mensaje{
		max-width:100%;
		width:100%;
	}
 
	#bottom{
		width:100%;
		height:auto;
	}
 
	#bottom ul{
		flex-direction:column;
	}
 
	#bottom ul li{
		width:100%;
		float:none;
	}
 
	footer{
		width:100%;
		font-size:13px;
		line-height:1.5;
		padding:12px 10px;
		height:auto;
	}
}
 
/* Móvil pequeño: hasta 400px */
@media (max-width: 400px) {
 
	header{
		height:100px;
	}
 
	#logo{
		height:100px;
	}
 
	#slide{
		height:160px;
	}
 
	#slide img{
		height:160px;
	}
 
	nav ul li{
		font-size:13px;
		line-height:38px;
	}
 
	section#inicio ul li h1,
	section#noticias ul li h1,
	section#plataformas ul li h1{
		font-size:18px;
	}
 
	section#inicio ul li p,
	section#noticias ul li p,
	section#plataformas ul li p{
		font-size:14px;
	}
}