body{margin:0;
  padding:0;
  border:0;
  background-color:#CEECF5;font-family: ;font-size:}
  main{
  background-color:}
header {width:100%;
background:#4E94AB; 
 z-index: 30;
}
#btnmenu{display:none;
}
header label{display:block;
width:20Px;
height:20px;
padding:20px;}

header label:hover{
cursor: pointer;
background:rgba (0,0,0,0.3);
}
.Estilo1{
position: absolute;
top: 15px;
left:70px;
background-color:#4E94AB;
font-size: 24px; color: #FFFFFF;
}
.menu {
position: absolute;
margin-left:-40%;
height: 100vh;
background: #4E94AB ;
width:40%;
font-size:1.5em;
}
.menu ul {
padding:0px;
list-style:none;
}
.menu li  a{
display:block;/*para poder dar el padding*/
padding:8px 8px;
color:#fff ;
text-decoration:none;
 }
.menu li:hover{
 background: rgba(0,0,0,0.3);
 }

 #btnmenu:checked  ~ .menu{margin:0;}
 main{
 padding:1px;
 }


section#contenido{
/*padding:.5em;*/
background:;
margin:.2em auto ;
background-color:#E0F2F7;
}
article{
margin:top;
margin-bottom:2px;}
article.articulo{
font-size:1.5em;
background-color:;/*#ddd ;cambiar color cuando estén todos los artículos*/
text-align: center;
border-radius: .5em;
padding: 3px;
margin-top:1.5em ;
width: 95%;
line-height:em;}
article.articulo:hover{background: #4E94AB;color:#fff; 
}
a {display:block;width:100%;
text-decoration:none;color:black;}
a:hover{text-decoration:none;color:#fff;}
/*un id para cada uno de los enlaces al ensayo, hay que corregir esto más adelante de aquí hacia abajo */


/*este es el del telefono*/
article.articulov{
font-size:1.2em;
background-color:#4E94AB;/*#ddd ;cambiar color cuando estén todos los artículos background:#4E94AB; */
color:#fff;
text-align: center;
border-radius: .5em ;
padding: .1em;
margin:.1em auto;
width: 95%;
line-height:1.2em;
border-bottom:1px solid #ccc;
display:;

}
article.articulov:hover{background: #4E94AB;color:#fff; 
}

/*un id para cada uno de los enlaces al ensayo hay que corregir esto más adelante, hacia arriba*/

@media (min-width: 900px) {
  article.articulov {
    display: none;
  }
}
@media (max-width: 768px) {
  article.articulo {
    display: none;}

  }


/*----------------------------------------------------*/
article.articulo1{/*para redactar los artículos*/

font-size:1.3em;
background-color:#E0F2F7;/*color del contenedor*/
text-align: center;
border-radius: .5em;
padding: .5em;
margin: .9em auto;
width: 95%;}

#citab {
text-align:justify; 
 margin-top: 10px;
text-align:center;
  margin-right: 2em;margin-left: 2em;
margin-bottom: 5px;
  
 font-size:1em;
 font-style:italic;
  }
.cita{
 width:20%;
 text-align:center;
 margin:1em auto;
 text-indent: 30pt;
 
 }
#videomonstruoso{
width:100%;
} 
#videomonstruoso video{
 max-width:400px;
} 
#elegidospordios{
width:100%
}
#elegidospordios video{
max-width: 400px;
 z-index: -1;
}
#nosmatar{
width:100%;
}
#nosmatar video{
max-width:400px;
}
#fotokikosanto
{width:100%;
}
#fotokikosanto img{
width-max:400px;}
footer{
text-align:center;
}

.anterior{display: inline-block;width:20%;background-color:#E0F2F7;/*para verlas #ddd;*/
}

.arriba {display: inline-block;width:30%;background-color:#E0F2F7;/*para verlas #ddd;*/
}
.siguiente{display: inline-block;width:20%;background-color:#E0F2F7;/*para verlas #ddd;*/
}
#cruz {

text-align:center;
	font-size:18px;
	color: #4E994AB;
	
}

/*
a#entrada{display:block;width:100%;
text-decoration:none;color:black;}
a#entrada:hover{text-decoration:none;color:#fff;}

article#ensayo{
font-size:1.2em;
background-color:#ddd ;
text-align: center;
border-radius: .5em;
padding: .5em;
margin: .9em auto;
width: 95%;}
 */