@import url('spacegrotesk/stylesheet.css');

#inicio{
	padding: 2.5vw 6vw 6vw 6vw !important;
}
.s_header{
		padding: 12vw 6vw 0vw 6vw !important;
}

body{
	font-family: 'space_grotesklight' !important;
	margin: 0;
	padding: 0;
	color: #fff;
}
a, a:visited{
	color: #ffd700;
}
.active{
	border: solid 1px #fff;
}
.active a{
	color: #fff;
}
.at_cuerpo{
position: relative;
width: 79%;
height: auto;
margin: -9px 0 0 21%;
transition: 2s;
}
.at_grafico{
	border: solid 1px #ccc;
	margin: 0 30px 0 0;
	padding: 6vw 6vw 6vw 6vw;
}
b{
font-size: 44px;
  font-weight: 800;
  color: #fff;
  line-height: 20px;
  padding: 10px 10px 0 0;
}
dl{
	padding: 0 0 0 10px;
	color: #555;
}
dl dt{
	margin: 0;
	padding: 1px 5px;
	font-weight: bold;
	color: #fff;
}
dl dd{
	margin: 0 0 0 20px;
	padding: 1px 5px;
}
dl a{
	text-decoration: none;
}
dt a{
	text-decoration: none;
}
em{
	color: #000;
  background-color: #fff;
  font-style: normal;
  padding: 1px 4px;
}
h2{
font-size: 33px;
	margin: 0;
padding: 0px 0 12px 0;
background-color: unset !important;
text-shadow: none !important;
}
h3{
	font-size:30px;
	margin: 0;
padding: 0px;	
	background-color: unset !important;
text-shadow: none !important;
}
h4{
	color: #fff !important;
	font-size: 20px;
  font-weight: bolder;
  padding: 0;
  margin: 0;
  background-color: transparent !important;
  padding: 10px 0 10px 0;
}
hr{
	border: 1px solid RGBA(0,0,0,0.2);
	width: 100%;
	margin: 10px auto 10px 0;
}
i{
	color: #fff;
	font-style: normal;
}
ins{
	font-size: 12px;
	color: #fff;
}
li{
	color: #bbb !important;
}
small{
	font-size:15px;	
	text-decoration: none;
	color: #999;
}
small a{
	text-decoration: none;
	padding: 0 20px 0 5px;
}

main{
	position:absolute;
	width:100%;
	height:calc(100% - 39px);
	background-color:#fff;
	z-index:500;
	display: flex;
	bottom: 0;
}
mark {
	font-size: 22px;
	padding: 3px 0;
	background-color: transparent;
	color: #fff;
}
nav{
	position:fixed;
	width:21%;
	height:100%;
	background-color:#393939;
	overflow: scroll;
	padding: 1.9vw 2vw;
	z-index: 666;
}
nav hr{
	border: 1px solid RGBA(0,0,0,0.2);
	width: 100%;
	margin: 30px 0 15px 0;
}
p{
	color: #bbb !important;
	padding: 33px 33px 0 33px;
	width: 66%;
	min-width: 300px;
	line-height: 26px;
}
section{
		background-color:#393939;
		padding: 6vw 0 0 6vw;
}
section li{
	font-size: inherit;
	    line-height: 20px;
}
section ul{
	padding: 15px 0 0 60px;
	margin: 0;
}
section iframe{
padding: 17px 0 0 0;
  height: 900px;
  width: 100%;
}
strong{
	color: #fff;
}
ul{
	width: 66%;
  min-width: 300px;
}












.at_cuerpo_100{
width: calc(100% - 220px);
	transition: 2s;
}

.at_numeros{
	text-align: center;
	font-size: 18px;
	color: #999;
}
.at_resumen{
padding: 10px;
border: solid 1px #ccc;
font-size: 20px;
margin: -20px 0 0 0;
background-color: #ccc;
}
article{
position: fixed;
width: calc(50% - 20px);
margin: 0 0 0 50%;
height: 100%;
background-color: #f4f4f4;
padding: 0 0 0 20px;
z-index: 1000;
transition: 2s;
}
.article-100{
	width: 100%;
	margin: 0;
	transition: 2s;
}
.article-0{
	margin: 0 0 0 99%;
	transition: 2s;
}

code{
	font-size: 10px;
	color: #777666;
}


.fragmentos{
	font-size: 14px;
	font-weight: 800;
	margin: 20px 0 10px 0;
}

	.rel{
			text-decoration: underline;
	}
h1{
	font-size: 60px;
	line-height: 45px;
	margin: 0;
	padding: 0;
}
h2 img{
	width: 20px;
}

h4{
	background-color: #c6c6c6;
}
h5{
	text-decoration: underline;
	padding-top: 40px;
}
h6{
	margin: 30px 0 0 0;
	padding: 0 30px 0 15px;
	font-size: 42px;
	color: cadetblue;
}
.alerta{
	color: RED;
	font-weight: bolder;
}

iframe{
	padding: 17px 0 0 0;
	height: calc(100% - 34px);
}
li{
	font-size: 10px;
}


.menu{
position: absolute;
z-index: 100;
margin: 0 auto 0 -45px;
width: auto;
font-size: 13px;
}
.menu button{
	border-radius: 0 0 10px 10px;
}





small img{
	width: 15px;
	margin-top: 3px;
	position: absolute;
}
table, tr, td{
	border: 1px solid #999;
}

@media screen and (min-width:1124px){
.listado_palabras{
	width:250px;
}
}

@media screen and (max-width:600px){
.at_cuerpo{
	width:100%;
}

nav{
	width:100%;
}
.self_glo{
	visibility:hidden;
}
}