/*Hoja de estilos de JT09*/
body{background-color: rgb(239, 239, 239);width: 100%;height: 100%;}
header{background-color: rgb(136, 136, 136);text-align: center;margin-bottom: 0px;}
article{background-color: #ff8900;padding-left: 1%;padding-right: 1%;}
article p{font-size: 8pt;margin-top: 0px;}
section{background-color: rgb(221, 221, 221);padding-left: 1%;padding-right: 1%;}
aside{}
footer{}
div#pagina{width: 60%;margin:auto;}
div#logo{background-color: rgb(221, 221, 221);margin-bottom: 1rem;height: 20%;}
div#logo img{width: 30%;margin-bottom: 1rem;margin-top: 1rem;}
.textodestacado2{font-family: 'chunkfiveroman';font-size:26px;}
.textodestacado1{font-size: 40px;}
.textodestacado2 a{text-decoration: none;}
.textodestacado1 a{text-decoration: none;}
.link1 {color: #000;display:block;background-color: #ffffff;margin-bottom: 1rem;font-size: 8pt;position: relative;bottom: 1rem;padding-bottom: 5px;padding-top: 5px;}
h1{color: #000;font-size: 40pt;)position: relative;margin-top:0px;margin-bottom: 0px;}
h2{color: #ff8900;font-size: 20pt;margin-top:5px;margin-bottom: 10px;display:block;background-color: rgb(136, 136, 136);width: 100%;text-align: center;padding-bottom: 10px;}
h3{margin: 0px;}
nav ul li a{text-decoration: none;display: block;color: #ffffff;width: 90%;background-color: rgb(136, 136, 136);margin-left: 10%;padding-left: 10px;padding-right: 0px;margin-right: 0px;text-align: left;}
nav ul li{width:100%;background-color:#ff8900;margin-bottom:0.5rem;padding-right: 0px;margin-right: 0px;}
nav ul{list-style: none;margin:9px;padding:0px;}
nav ul li a:hover{color: #000;background-color: #ff8900;}

@media all and (min-width:300px){
    header{position: relative;width: 100%;background-image: url(trama.jpg);background-position: center;}
    nav{position: absolute;top: 0.1rem;right: 0.1px;margin-right: 5px;margin-top: 1rem;}}
nav ul{list-style: none;margin:9px;padding:0px;}
article{width:47%;float:left;margin-top: 0px; margin-bottom: 0px;}
section{width: 47%;float: right;}
@font-face {
    font-family: 'chunkfiveroman';
    src: url('fuente/chunkfive/chunkfive-webfont.eot');
    src: url('fuente/chunkfive/chunkfive-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuente/chunkfive/chunkfive-webfont.woff') format('woff'),
         url('fuente/chunkfive/chunkfive-webfont.ttf') format('truetype'),
         url('fuente/chunkfive/chunkfive-webfont.svg#chunkfiveroman') format('svg');
    font-weight: normal;
    font-style: normal;

}

@media all and (min-width:0px) and (max-width:300px){
    body{background-color: #ff8900;width: 100%;height: 100%;}}