/* hoja de estilos de jt01 */

body{
    background-color:rgba(172, 117, 181,1);
    width: 100%;
    height: 100%;
    font-size: 10pt;
   
}

header{
    background-color: rgba(167, 208, 226, 0.8);
    
    
}

article{
    clear: both; 
    font-size: 16pt;
    background-color: rgb(224, 146, 221);
    padding: 2%;
    font-family: arial;
    
        
}

section{
    background-color: rgba(178, 242, 138, 0.75);
    width: 50%;
    height: :50%;
    margin: auto;
    margin-right: 50%;
    font-size: 20px; 
    font-family:sans-serif
}

section#img-svg{
    background-image: url(d.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50%;
    width: 50%;
    height: 30rem;

}

section#video{
   
    
  
        
}
        
aside{}
footer{
    
}

div#abajo { 
            background-color: rgba(2, 4, 5, 0.6);
            width: 86%;
            text-align:center;
            padding:2%;
    font-family: sans-serif;
    color: rgb(185, 161, 161);
    position: absolute;
   
        
        }
div#pagina {width: 90%; margin: auto;}

div#logo-head {background-color: rgba(242, 245, 142, 0.9);}

.texto_destacado1 {font-size: 25px; font-family:fantasy}

.texto_destacado2 {font-size: 18px; font-family:sans-serif}

/* media Queries */

nav {
    margin top: 1rem;
    
}   
nav ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
nav ul li{
    width: 100%
    background-color: #f4acde;
    margin-bottom: 0.5rem;
}
nav ul li a {
    text-decoration: none;
    color: #FFFFFF;
    display: block;
    width: 100%;
    text-align: center;
    background-color: rgb(79, 212, 217);
    font-size: 14pt;
    font-family: arial
        
}
nav ul li a:hover{
color: rgb(114, 221, 235);
background-color: rgba(10, 20, 30, 0.8);
}
@media all and (min-width: 1px) and (max-width: 320px){
}
@media all and (min-width: 321px) and (max-width: 640px){
    nav ul li{
        width: 8rem;
        float: left;
        margin-right: 1rem;
    }
}
@media all and (min-width: 641px){
    header{
        position:relative;
        width: 100 %;
    }
    nav{
        position:absolute;
       
        right: 0rem;
    }
    nav ul li{
        width: 8rem;
        float: left;
        margin-right: 0,4rem;
    }
    section#img-svg{
        width: 50%;
        float: left;
        margin-right:2rem;
    }
    section#video{
        width:100%;
        margin-left: auto;
        background-color: rgba(239, 119, 119, 0.69);
        height: 30rem;
        
    }
    
    
    section#paula{
    background-image: url(IMG_9081.JPG);
   background-repeat: no-repeat ;
    background-color: transparent;
    background-size:50%;
    width: 40%;
    height:50%;
    margin-left: 970px;
    top: 330px;
    position:absolute;
    z-index:0;
    }