body{
	margin:0px;
	text-align: justify;
}

div{
/* 	padding:0px 16px 5px 16px;
	margin-left:250px;
	max-width: 900px; */
}

.kunak_titulo{
	margin:0px;
	background-color: #0075C9;
	position: fixed;
	z-index:2;
	width:100%;
	padding: 0px;
	max-width: none;
	margin-left: none;
}
.kunak_titulo h1{
	transition:margin-left .4s;
	margin:0px;
	color: #EEE;
	text-align: center;
	text-transform: none;
	text-indent: 0pt;
}

.kunak_open_button{
	padding:0px 0px;
	margin:0px;
	position: fixed;
	z-index:3;
	float:left;
	border:none;
	top: 0;
	display:block;
	background-color:inherit;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
.kunak_open_button button{
	border:none;
	width:50px;
	text-align:center;
	background-color:inherit;
	cursor:pointer;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	font-size:3em!important;
}

.kunak_open_button:disabled{
	cursor:not-allowed;opacity:0.3;
}
.kunak_open_button:first-child{
	color:#000;
}
.kunak_open_button:hover{
	color:#000!important;
}

.kunak_columna_izq{
	padding:0px 0px 0px 8px;
	background-color:#f3f3f3;
	position:fixed !important;
	z-index:4;
	border-right: 2px solid #0075C9;
	white-space:normal;
	float:none;
	text-align:left;
	outline:0;
	overflow-y:auto;
	animation:animateleft 0.4s;
}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}

.kunak_columna_izq a:link,.kunak_columna_izq a:visited{
	color:#333;
	border:none;
	text-decoration:none;
	cursor:pointer;
	-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;
	user-select:none;
}
.kunak_columna_izq a:disabled{
	cursor:not-allowed;opacity:0.3;
}

.kunak_columna_izq a:hover{
	color:#0075C9!important;
}

.kunak_columna_izq a:link, span.MsoHyperlink{
	text-decoration:none !important;
}
.kunak_columna_izq .MsoToc1{
	font-weight:bold !important;
}

.kunak_columna_izq , p{
	text-align:left !important;
}

.kunak_main{
	padding:0px 16px 5px 16px;
	margin-left:265px;
	max-width: 900px;
}

.kunak_main:after,.kunak_main:before{
	content:"";
	display:table;
	clear:both;
}


/* pantalla grande */
@media (min-width:993px){
	.kunak_titulo{margin-left:0px !important;}
	.kunak_titulo h1{font-size: 3em;}
	.kunak_open_button{display:none!important}
	.kunak_columna_izq{display:block!important; margin:3.5em 0px 0px 0px; height:calc(100% - 3.5em); width:250px;}
	.kunak_main{margin-left:260px;margin-top: 3em;}
	
	/* margen para los anchor */
	:target{scroll-margin-top: 3.5em;}
	
}
/* pantalla pequeña */
@media (max-width:992px){
	.kunak_titulo{}
	.kunak_titulo h1{font-size: 4em;}
	.kunak_columna_izq{box-shadow: 2px 0px 8px grey; margin:4.65em 0px 0px 0px; height:calc(100% - 4.65em); width:90%;}
	.kunak_main{margin-left:0px;margin-top: 4em;}
	.kunak_titulo h1{padding-left:40px; width:90%;}
	
	/* margen para los anchor */
	:target{scroll-margin-top: 4.5em;}
}