* {
	margin:0;
	padding:0;
}

header {
	width:0%;
}

nav {
	margin:0px auto;
	width:0%;
	max-width:5px;
}

nav ul {
	list-style:none;
}

nav > ul {
	display:table;
	overflow:hidden;
	width:100%;
	/*background: /*color de fondo*/
	position:relative;
}

nav > ul li {
	display:table-cell;
}

/*sub-menu*/
nav > ul > li:hover > ul {
	display:block;
	height:100%;
}

nav > ul > li > ul {
	display:block;
	position:absolute;
	background:#75ecec; /*color de fondo*/
	left:0;
	right:0;
	overflow:hidden;
	height:0%;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

nav > ul li a {
	color:#333333;
	display:block;
	line-height:0px;
	padding:25px;
	position:relative;
	text-align:center;
	text-decoration:none;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

nav > ul > li > ul > li a:hover {
	background:#5da5a2;
}

nav > ul > li > a span {
	background:#174459;
	display:block;
	height:90%;
	width:90%;
	left:0;
	position:absolute;
	top:-50px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

nav > ul > li > a span .icon {
	display:block;
	line-height:50px;
}

nav > ul > li > a:hover > span {
	top:0;
}

/*colores*/
nav ul li a .primero {
	background:#0e5061;
}

nav ul li a .segundo {
	background:#5da5a2;
}

nav ul li a .tercero {
	background:#f25724;
}

nav ul li a .cuarto {
	background:#174459;
}

nav ul li a .quinto {
	background:#5da5a2;
}

nav ul li a .sexto {
	background:#f25724;
}
nav ul li a .septimo {
	background:#0e5061;
}
nav ul li a .octavo {
	background:#5da5a2;
}
nav ul li a .noveno {
	background:#f25724;
}
nav ul li a .decimo {
	background:#174459;
}
nav ul li a .decimoprimero {
	background:#5da5a2;
}
nav ul li a .decimosegundo {
	background:#f25724;
}
nav ul li a .decimotercero {
	background:#174459;
}
/*barra social*/

*{
	margin:0;
	padding:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.social {
	position:fixed;
	left: 0;
	top:200px;
	z-index:2000;
}

.social ul {
	list-style:none;
}

.social ul li a  {
	display:inline-block;
	color:#fff; /*color icono de redes sociales*/
	background:#000;
	padding: 10px 15px;
	text-decoration: none;
	-webkit-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.social ul li .icon-facebook2 {background:#3b5998;}
.social ul li .icon-instagram {background:#e91e63;}
.social ul li .icon-youtube {background:#ae181f;}
.social ul li .icon-twitter {background:#00abf0;}
.social ul li .icon-google-plus3 {background:#666666;}

.social ul li a:hover {
	padding: 10px 30px;
	background:#000 
}

/*particulas*/
* {
	padding: -1px;
	margin: -1px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

/*Imagen de fondo*/
body {
	font-family: oswald, helvetical, arial, sans-serif;
	background:#f3eeee;
	background-size: cover;
	background-attachment: fixed;
	text-align:justify;
}
/*particulas*/
.principal {
	width:80%;
	max-width:800px;
	margin:auto;
	text-align:justify;
}

#particles-js {
	width:100%;
	height:100%;
	position:fixed;
	background:rgba(250, 239, 239, 0.479);  /*color sobre imagen de fondo de pagina */
}

header {
	position:relative;
	height:auto;
}	

 .texto {
 	color:rgba(11, 15, 226, 0.952);  /*color de titulo */
 	position: relative;
 	padding:0px 0;
 	text-align:center;
 	font-weight:0;
 }

.principal {
	position:relative;
	color:#000;
}

.principal article {
	padding:0px;
	background: 
	margin-bottom: 15px;
}
.principal article h2 {
	margin-bottom: 50px;
	line-height:50px;
	font-family: helvetical;
}

.principal article .titulo {
	color:#000;
}

/*pie de pagina*/

*{
	
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    font-family: sans-serif;
}

footer{
    width: 100%;
    background: #f0ffff;;
    color: white; 
    position: relative;  
    margin-top:27px;
    
}

.container-footer-all{
    width: 100%;
    max-width: 1200px;
    margin: auto;
    padding: 60px;
}

.container-body{
    display: flex;
    justify-content: space-between;
}

.colum1{
    max-width: 400px;
}

.colum1 h1{
    font-size: 22px;
}

.colum1 p{
    font-size: 14px;
    color: #C7C7C7;
    margin-top: 20px;
}

.colum2{
    max-width: 400px;
    
}

.colum2 h1{
    font-size: 22px;
}

.row{
    margin-top: 20px;
    display: flex;
}

.row img{
    width: 36px;
    height: 36px;
}

.row label{
    margin-top: 10px;
    margin-left: 20px;
    color: #C7C7C7;
}

.colum3{
    max-width: 400px;
}

.colum3 h1{
    font-size: 22px;
}

.row2{
    margin-top: 20px;
    display: flex;
}

.row2 img{
    width: 36px;
    height: 36px;
}

.row2 label{
    margin-top: 10px;
    margin-left: 20px;
    max-width: 140px;
}

.container-footer{
    width: 100%;  
    /*background:/*color de fondo pie de pagina*/
}

.footer{
    max-width: 1200px;
    margin: auto;
    display: flex;
    justify-content: space-between;  
    padding: 20px;
}

.copyright{
    color: #000000;
}

.copyright a{
    text-decoration: none;
    color: rgb(8, 2, 2);
    font-weight: bold;
}

.information a{
    text-decoration: none;
    color: #000000;
}


@media screen and (max-width: 1100px){
    
    .container-body{
        flex-wrap: wrap;
    }
    
    .colum1{
        max-width: 100%;
    }
    
    .colum2,
    .colum3{
        margin-top: 40px;
    }
}

/*barra 1win y pie de pagina (agregados)*/
.barra-guia{position:relative;z-index:5;background:#174459;text-align:center;padding:6px 10px;font-size:14px;line-height:1.4}
.barra-guia a{color:#fff;text-decoration:none;font-family:oswald, helvetical, arial, sans-serif;letter-spacing:.5px}
.barra-guia a:hover{text-decoration:underline}
footer .footer{flex-wrap:wrap;gap:10px}
footer .information a:hover{text-decoration:underline}