* {
    margin: 0;
    padding: 0;
    box-sizing: content-box;
    font-family: Arial, Helvetica, sans-serif;

}

html{
    font-size: 1.2rem; /*16px;*/
}


body {
    width: 1024px;
    margin: 0 auto;
    background-color: #dddddd;
}

header {
    background-color: green;
    height:150px;
    position:fixed;
    /*position: sticky;*/
    z-index:5;
    width:1024px;
}

header .titulo{
	
	background-color:green;
    display:flex;
    /*position:fixed;
	top:0;*/
	height:100px;
	/*width:200px;*/

}

header .titulo img{
	
    height:70px;
	padding:15px 0 0 10px;
    
}


header h1{
    
    font-size: 48px;
    color:white;
    font-weight: 50;
	line-height:100px;
	padding-left:10px;

}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
header nav{
    padding: 1% auto;
	/*position:fixed;
	top:150px;*/
	/*border:1px solid black;*/
	/*width:200px;*/
    width:100%;
}

header nav ul{
    list-style-type: none;
    width:100%;
    margin: 10px auto;
   /*background-color:rgb(255, 0, 140);*/
    overflow: hidden;

    display:flex;
    /*justify-content: center;*/
}

header nav ul li{
    text-align:center;
    height:40px;
    /*overflow: hidden;*/
    width:200px;
}

header nav ul li a{
    font-size: 14px;
    display:inline-block;
    width:100%;
    color:white;
    text-decoration:none;
    background-color:blue;
    height:40px;
    padding:5px 0;
    line-height:30px;
    /*border-top: 4px solid orange;*/
    

}

header nav ul li a:hover{
    background-color:red;
    color:black;
    cursor:pointer;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

#contenedor-principal{

    display:flex;
	position:relative;

}

#contenedor-lateral {
    background-color: orange;
    /*height:50px;*/
    width:200px;
}



#contenedor-lateral nav{
    padding: 1% auto;
	position:fixed;
	top:150px;
	/*border:1px solid black;*/
	width:200px;
}

#contenedor-lateral nav ul{
    list-style-type: none;
    width:90%;
    margin: 10px auto;
    background-color:yellow;
    overflow: hidden;
}

#contenedor-lateral nav ul li{
    text-align:center;
    height:40px;
    overflow: hidden;
}

#contenedor-lateral nav ul li a{
    font-size: 14px;
    display:inline-block;
    width:100%;
    color:white;
    text-decoration:none;
    background-color:blue;
    height:40px;
    padding:5px 0;
    line-height:30px;
    border-top: 4px solid orange;
    

}

#contenedor-lateral nav ul li a:hover{
    background-color:red;
    color:black;
    cursor:pointer;
}

main{
    width:80%;
    padding-top:150px;
}


section{
    border-bottom: 1px solid black;
    padding:10px 10px;
    scroll-margin-top: 150px;
}

section h2{
    padding:10px 0;
}

section p{
    padding: 10px 0;
    text-align: justify;
}

section ul{
    padding: 0 0 0 20px;
}

section ul li{
    padding:10px 0;
    text-align: justify;
}

section#definicion{
    display:flex;
    justify-content: space-between;
}

.definicion-texto{
    width:68%;
}

.definicion-imagen{
    width:30%
}

section#funcionamiento img, section#hash img{
    width:100%;
}

section#simetrico img,section#asimetrico img{
    width:60%;
    display:block;
    margin:0 auto;
}

#asimetrico ol{
    padding-left:20px;
	text-align:justify;
}


#tecnicas-seguridad-contenido {
    display:flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#tecnicas-seguridad-activa, #tecnicas-seguridad-pasiva{
    border:1px solid black;
    border-radius: 10px;
    width:47%;
    padding: 10px;
    background-color:#f2b1e3; /*(242,177,227);*/
}

#tecnicas-seguridad-activa ul, #tecnicas-seguridad-pasiva ul{
    list-style-type: none;
}

#tecnicas-seguridad-activa ul li, #tecnicas-seguridad-pasiva ul li{
    text-align:center;
}

footer{
    background-color: green;
    padding:20px;
}

footer p{
    text-align: center;
    color:white
}