*{
	margin: 0%;
	padding: 0%;
	font: 30px Tahoma;
	list-style: none;
	font-size: 20px;
	text-decoration: none;
	text-align:center;

}
header{
	position: relative;
	margin: 20px auto;
	width: 1200px;
	height: 230px;
	background: #75abfa ;
}
.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}
.float:hover {
	text-decoration: none;
	color: #25d366;
  background-color:#fff;
}

.my-float{
	margin-top:16px;
}
body {
	background-image: url("../imagen/f5.jpg");
	background-size: 100% 100%;
	background-attachment: fixed;
	
}
#logo{
	position: absolute;
	top: 30px;
	left: 30px;
	width: 400px;
	height: 150px;
	background:#bdc7d600;
}
#logo1{
	position: absolute;
	top: 30px;
	left: 360px;
	width: 350px;
	height: 70px;
	background: #ccc;
}
.iconos{
		position: absolute;
	width: 42px;
	height: 42px;
	background: #ccc;
	border-radius: 100%;
}
#icono1{
	top:42px;
	right: 120px;

}
#icono2{
	top:42px;
	right: 60px;
	
}


#icono3{
	top:42px;
	right: 5px;
	
}

#menu{
	position: relative;
	margin: 20px auto;
	width: 1200px;
	height: 59px;


/*	background: #ccc;*/


}


 #botones {
	float:left ;
	width: 236px;
	margin: 0px 2px;
	height: 48px;
	background: #051e4a;
/*	display: :block;*/

}





/*#menu #desple{
	display: none;
}

#menu #botones:hover #desple{
display: block;
}*/

#top{
	position: relative;
	margin: 20px auto;
	width: 1200px;
	height: 230px;
	/*background: #444;*/

}
#top ul{
	width: 1210px;
	height: 230px;
}
#top ul li{
	float: left;
	width: 296px;
	height: 230px;
	background: #ccc;
	margin-right: 4px; 
}

#top1{
	position: relative;
	margin: 20px auto;
	width: 1200px;
	height: 432px;
	/*background: #444;*/

}
#top1 ul{
	width: 1210px;
	height: 432px;
}
#top1 ul li{
	float: left;
	width: 1200px;
	height: 432px;
	background: #C5E6F5;
	margin-right: 4px; 
}

#top3{
	position: relative;
	margin: 20px auto;
	width: 1200px;
	height: 230px;
	
	/*background: #444;*/

}
#top3 ul{
	width: 1210px;
	height: 230px;
		
}
#top3 ul li{
	float: left;
	width: 296px;
	height: 230px;
	background:  #5DADE2 ;
	margin-right: 4px; 

}

section{
	position: relative;
	margin: 20px auto;
	width: 1200px;
	height: 500px;
	background: #444;

}
aside#izquierda{
	position: absolute;
	left: 0%;
	top:0;
	width: 0px;
	height: 500px;
	background: #2038EA;

}
aside#derecha{
	position: absolute;
	right: 0;
	top:0;
	width: 0px;
	height: 500px;
	background: #2038EA;

}
article{
	position: absolute;
	left: 0px;
	top: 0;
	width: 1200px;
	height: 500px;
	background: #2038EA;

}

.slider {
	width: 95%;
	margin: auto;
	overflow: hidden;
}

.slider ul {
	display: flex;
	padding: 0;
	width: 400%;
	
	animation: cambio 20s infinite alternate linear;
}

.slider li {
	width: 100%;
	list-style: none;
}

.slider img {
	width: 100%;
}

@keyframes cambio {
	
	0% {margin-left: -1000%;}
	0% {margin-left: -100%;}
	
	25% {margin-left: -100%;}
	45% {margin-left: -100%;}
	
	50% {margin-left: -200%;}
	70% {margin-left: -200%;}
	
	75% {margin-left: -300%;}
	100% {margin-left: -300%;}
}

footer{
	position: relative;
	margin: 20px auto;
	width: 1200px;
	height: 290px;
	background: #98B4CF;

}



marquee{
	position: relative;
	margin: 20px auto;
	width: 1200px;
	height: 30px;
	background: #98B4CF;
font-weight: bold;

}


.contenido{
	margin:3px;
}
.caja{
	display: table-cell;
	padding: 20px;
}
.caja:nth-child(1) h1{
	
	background: #069;
	text-align: center;
	color: aliceblue;
	margin-bottom: 15px;
}
.caja:nth-child(2) h2{
	width: 300px;
	height: 50px;
	background: #069;
	text-align: center;
	color:aliceblue;
	margin-bottom: 15px;
}
.caja:nth-child(3) h3{
	width: 300px;
	height: 50px;
	background: #069;
	text-align: center;
	color:aliceblue;
	margin-bottom: 15px;
}

.caja:nth-child(1) p{
	background: #98B4CF;
	
	color: aliceblue;
	
}
.caja:nth-child(2) p{
	background: #98B4CF;
	color: #000203;
	text-align: left;
	font-size: 20px;
	
}
.caja:nth-child(3) p{
	background: #98B4CF;
	
	color: #000203;
	text-align: left;
}



.contenido1{
	margin:3px;
}
.caja1{
	display: table-cell;
	padding: 20px;
	
}
.caja1:nth-child(1) h1{
	
	background: #069;
	text-align: center;
	color: aliceblue;
	margin-bottom: 15px;
	
}
.caja1:nth-child(1) p{
	background: #C5E6F5;
	
	color: #000203;
	text-align: left;
	
}

.contenido3{
	margin:3px;
}
.caja3{
	display: table-cell;
	padding: 20px;
	
}
.caja3:nth-child(1) h1{
	
	background: #890BFF;
	text-align: center;
	color: aliceblue;
	margin-bottom: 15px;
	
}
.caja3:nth-child(1) p{
	background: #5DADE2 ;
	
	color: #000203;
	text-align: left;
	
}


.contenido4{
	margin:3px;
}
.caja4{
	display: table-cell;
	padding: 20px;
	
}
.caja4:nth-child(1) h1{
	
	background: #6598e6;
	text-align: center;
	color: aliceblue;
	margin-bottom: 15px;
	
}
.caja4:nth-child(1) p{
	background: #5DADE2 ;
	
	color: #000203;
	text-align: left;
	
}

.caja5{
	display: table-cell;
	padding: 20px;
	
}
.caja5:nth-child(1) h1{
	
	background:  #D4AC0D  ;
	text-align: center;
	color: aliceblue;
	margin-bottom: 15px;
	
}
.caja5:nth-child(1) p{
	background: #5DADE2 ;
	
	color: #000203;
	text-align: left;
	
}




.caja6{
	display: table-cell;
	padding: 20px;
	
}
.caja6:nth-child(1) h1{
	
	background:   #154360  ;
	text-align: center;
	color: aliceblue;
	margin-bottom: 15px;
	
}
.caja6:nth-child(1) p{
	background: #5DADE2 ;
	
	color: #000203;
	text-align: left;
	
}

.caja7{
	display: table-cell;
	padding: 20px;
	
}
.caja7:nth-child(1) h1{
	
	background:  #148F77  ;
	text-align: center;
	color: aliceblue;
	margin-bottom: 15px;
	
}
.caja7:nth-child(1) p{
	background: #5DADE2 ;
	
	color: #000203;
	text-align: left;
	
}