@charset "uft-8";
*{
    box-sizing: border-box;
}

pre, p{font-size:1.5em; color:beige;background-color: transparent;}

div{
background-image:image("imagenes/fondoconnombre.svg");
}

p{background-image:none;
}

div p{text-align: center; 
    margin-left: 80; 
}


.titulodepagina{background image:"imagenes/fondoconnombre.svg";background-color:transparent;}

bigheadline {
    font-family: arial, helvetica,sans-serif; 
    font-size: 24px; 
    line-height: 30px; 
    font-weight: 800; 
    font-variant:small-caps;
    color:#900; 
    letter-spacing: 2px;
    text-shadow: 2px 2px 3px #999999;}

.nav-wrapper {
       width:100%;
       background: #ffffff;
        width:auto;
        height:0px;
      text-align: center;
    }
     
.nav-menu {
       position:relative;
       display: inline-block;
    width: auto;
    }
     
.nav-menu li {
    list-style: none;
    position: relative;
    float:left;
    margin-left: 5px;
       display:inline-block;
    }
     
.sub-menu {
       position:absolute; 
       display:none;
       background: #ccc;
    float:left;
    }

.nav-menu ul li:hover > ul {
   display:table;
}

.nav-menu li:hover .sub-menú{
    display: inline-block;
}

.imagen{
    width:68%;
    min-width=400px;
}
.imagendos{
    width:50%;
    min-width=500px;
}

body{background:rgba(204, 204, 204, 0.28); background-repeat: repeat;}

div p{
    color: #62666c;
    text-align:left ;
    display: block;
    font-family:serif;
    padding: .45em;
    font-size: 1.17em
}

nav {
    background-color: #5e2682;
    position:absolute;
}

ul{
    list-style: none;
    padding: 0;
    margin:0;
}

header nav ul li a {
    
    text-decoration: none;
    color: #ffffff;
    display:flex;
    text-align: center;
    font-family: monospace;
    padding: 1.25em;
}

header nav ul li a:hover{
    color: azure;
    background-color: #b5a8d3;
    font-weight: bold;
    display: block;
}

.destaque {
    background-color: #c7bedf;
    color: #dc1497;
    font-weight: bold;
}

h1 { color: #363c3a;font-family:sans-serif;text-align: center; padding-top: 1em; padding-bottom: 1em; 
}

h2{ color: #5e6764;font-family:sans-serif;text-align:left; padding-top: 10px; padding-bottom: 10px;background-color: rgba(165, 42, 160, 0.08)
}

 h3 { color: #ffffff;
     font-family:sans-serif;
     text-align:left;
     padding-top: 10px; 
     padding-bottom: 10px; 
     padding-left: 10px; 
     background-color:#a6c2d3; 
     border: 1px solid; 
     margin: 10px; 
     padding-right: 50px; 
     margin-right: 800px; 
     margin-left:15%;
}

 h4 { color: #a6c2d3;font-family:sans-serif;text-align:right; padding-top: 10px; padding-bottom: 10px; padding-left: 40px;  border: 1px solid; margin: 10px; padding-right: 50px; margin-right: 800px; margin-left:49%;
}



section div {color: rgba(217, 0, 42, 0.46)
}

footer {color: #a8a8a8;
    text-align:right;
    font-family: monospace;
    font-style: italic;
    font-size: 0.8rem;
    width:80%;
    min-width=500px;
        
}

img.alineartextocentro{vertical-align: right;
}

.import{background-position: center; padding-left: 15%;
    
    
}

.perfil{text-align: center;
padding-left:15%;}

.planind{background-color: #c7bddd;
margin: 1%;
padding-left: 2%;
    padding-top: 1%;
    
}