@charset "UTF-8";
/* CSS Document */

html {
	background-color: #ffffff;
	font-family: 'Archivo', sans-serif;
	font-size: 1em;
	color: #000000;
	font-style: normal;
	line-height: 1em;
	font-weight: 400;
	text-transform: none;
	text-decoration: none;
}
#container {  /* ancho total web */
     width: 100%;
     max-width: 1360px;
     margin-left: auto;
     margin-right: auto;
     background-color: #ffffff;
	 height: auto;
}
.superior {  /* aqui va la hamburguesa */
    background: #ffffff;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 60px; /* AQUI ERA 50px */
}
.cuerpo {  /* Este es el delimitador para que la página no sea excesivamente grande */
    max-width: 980px;
    margin:auto;
	background-color: #ffffff;
	height: auto;
}
.cabecera {  /* Aqui FOTO ASSABBI */
    background: #ffffff;
    margin-top: 60px;
    height: auto;
}
.contenido {  /* Aqui son fotos, titulos y textos */
    background: #ffffff;
    max-width: 980px;
	width: 100%;
    margin-left: 0%;
    height: auto;
}
#nav-btn{/* Menu Boton Hamburguesa y Cruz */
    cursor: pointer;
	height: 100px;
	opacity: 0;
	position: absolute;
	right: 2px;
	width: 100px;
	z-index: 100;
	top: 2px;
}
#nav-btn + label{
    display: block;
    height: 10px;
	height: 48px;
    left: 18px;
    position: absolute;
    right: 18px;
    top: 44px;
    width: 48px;
}
#nav-btn + span{
    background-color: #000000;
    cursor: pointer;
    display: block;
    height: 10px;
    position: absolute;
    right: 20px;
    top: 25px; /* AQUI ERA 44px posicion arriba boton */
    width: 48px;
    z-index: 99;
}
#nav-btn + span::before,
#nav-btn + span::after{
    background-color: #000000;
    content: "";
    display: block;
    height: 10px;
    left: 0;
    position: absolute;
    width: 48px;
}
#nav-btn + span::before{
    top: -15px; /* AQUI ERA -20PX */
}
#nav-btn + span::after{
    bottom: -15px;/* AQUI ERA -20PX */
}
#nav-btn:checked + span{
    background-color: #ffffff;
}
#nav-btn + span::before,
#nav-btn + span::after{
    transition-delay: 0.3s, 0s; /* AQUI ERA 0.3s, 0s; */
    transition-duration: 0.3s, 0.3s; /* AQUI ERA 0.3s, 0.3s; */
}
#nav-btn + span::before{
    transition-property: top, transform;
}
#nav-btn + span::after{
    transition-property: bottom, transform;
}
#nav-btn:checked + span{
    background: none;
}
#nav-btn:checked + span::before{
    top: 0;
    transform: rotate(45deg);
}
#nav-btn:checked + span::after{
    bottom: 0;
    transform: rotate(-45deg);
}
#nav-btn:checked + span::before,
#nav-btn:checked + span::after{
    transition-delay: 0s, 0.3s; /* AQUI ERA 0s, 0.3s; */
}
#nav-btn:checked ~ nav{
    left: 0px;
    opacity: 100;
    position: fixed;
    visibility: 1;
    z-index: 98;
}
#nav-btn:checked ~ nav ul{
    transform: translate(-50%, -50%); /* AQUI ERA translate(-50%, -50%) */
}
nav{
    background: rgba(255, 255, 255, 0.80) none repeat scroll 0% 0%;
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0px;
    transition: opacity 0.5s ease 0s, visibility 0s ease 0.5s; /*opacity 0.5s ease 0s, visibility 0s ease 0.5s;*/
    visibility: 0;
    width: 100%;
    z-index: -1;
}
nav ul{
	left: 35em;
	width: 50em;
	height: auto;
	moz-transition: all 1s ease-in-out;
	o-transition: all 1s ease-in-out;
	position: absolute;
	top: 17em;
	transform: translate(-150%, -50%); /* AQUI ERA translate(-50%, 0%) */
	transition: all 1s ease-in-out;
	webkit-transition: all 1s ease-in-out;
}
nav li{
    font-size: 1.8em;
    list-style: none;
    padding-bottom: 10px;
    text-align: right;
}
nav ul li a:hover{
    color: #000000;
}
nav li a{
    color: #000000;
    text-decoration: none;
}
.columnaizq{
    background: #ffffff;
    float: left;    /* flotamos el elemento a la izquierda */
    width: 50%;
    height: auto;
}
.columnader{
    background: #ffffff;
    width: 50%;
    margin-left: 50%;
    height: auto;
}
img {
  display:block; 
  max-width: 100%;
  height: auto;
} 
.assabbi {   /* Logo ASSABBI */
     width: 100%;
     max-width: 980px;
     margin-bottom: 1.2em;
     height: auto;
}
.assabbinfo {   /* Logo ASSABBI */
     width: 100%;
     max-width: 980px;
     margin-bottom: 1.6em;
     height: auto;
}
.menu {  /* tipografias del menu */
font-family: 'Archivo Black', sans-serif;
font-size: 1.8em; /* aqui era 1.8em */
color: #000000;
font-style: normal;
line-height: 0.77em; /* aqui era 1em */
font-weight: 400;
text-align: right;
text-transform: uppercase;
text-decoration: none;
letter-spacing: -0.085em; /* aqui era -0.05em */
word-spacing: -0.1em; /* aqui era -0.1em */
}
.menu:hover {
font-family: 'Archivo Black', sans-serif;
font-size: 1.8em; /* aqui era 1.8em */
color: #000000;
font-style: normal;
line-height: 0.77em; /* aqui era 1em */
font-weight: 400;
text-align: right;
text-transform: uppercase;
text-decoration: none;
letter-spacing: -0.1em; /* aqui era -0.05em */
word-spacing: -0.1em; /* aqui era -0.1em */
}
.menu1 {
font-family: 'Archivo Black', sans-serif;
font-size: 1.8em; /* aqui era 1.8em */
color: #000000;
font-style: normal;
line-height: 0.77em; /* aqui era 1em */
font-weight: 400;
text-align: right;
text-transform: uppercase;
text-decoration: none;
letter-spacing: -0.085em; /* aqui era -0.05em */
word-spacing: -0.1em; /* aqui era -0.1em */
}
.menu2 {
font-family: 'Archivo Narrow', sans-serif;
font-size: 1em; /* aqui era 0.95em */
color: #000000;
font-style: normal;
line-height: 1em;
font-weight: 400;
text-align: right;
padding-right: 0.5em;
text-transform: uppercase;
text-decoration: none;
letter-spacing: -0.05em; /* aqui era -0.02em */
word-spacing: -0.04em; /* aqui era -0.05em */
}
.menu2:hover {
font-family: 'Archivo Narrow', sans-serif;
font-size: 1em; /* aqui era 0.95em */
color: #000000;
font-style: normal;
line-height: 1em;
font-weight: 700;
text-align: right;
padding-right: 0.5em;
text-transform: uppercase;
text-decoration: none; 
letter-spacing: -0.057em; /* aqui era -0.02em */
word-spacing: -0.04em; /* aqui era -0.05em */
}
.poema {  /* ancho del poema */
width: 100%;
height: auto;
padding-left: 0em;
padding-bottom: 1em;
box-sizing: border-box;
background-color: #ffffff; /* aqui es white */
}
.txtpoema1 {  /* tipografias del poema */
font-family: 'Archivo Black', sans-serif;
font-size: 1.3em; /* aqui era 1.8em */
color: #000000;
font-style: normal;
line-height: 1em;
font-weight: 400;
text-align: left;
text-transform: uppercase;
text-decoration: none;
letter-spacing: -0.085em; /* aqui era -0.05em */
word-spacing: -0.1em;
}
.underline {
border-bottom: thick solid #000000;
width: 100%;
display: block;
padding-top: 0.02em;
}
.txtpoema {  /* tipografias del poema */
width: 97%;
height: auto;
font-family: 'Archivo Black', sans-serif;
font-size: 2.3em; /* aqui era 2.2em */
color: #000000;
font-style: normal;
line-height: 0.77em;
font-weight: 400;
text-align: left;
text-transform: uppercase;
text-decoration: none;
letter-spacing: -0.085em; /* aqui era -0.05em */
word-spacing: -0.1em;
padding-top: 0.1em;
background-color: #ffffff;
}
.txtarchive {  /* ancho ARCHIVE */
width: 100%;
height: auto;
padding-left: 0em;
padding-bottom: 1em;
box-sizing: border-box;
background-color: #ffffff; /* aqui es white */
}
.titlearchive {  /* titulo ARCHIVE: */
font-family: 'Archivo Black', sans-serif;
font-size: 1.3em; /* aqui era 1.8em */
color: #000000;
font-style: normal;
line-height: 1em;
font-weight: 400;
text-align: left;
text-transform: uppercase;
text-decoration: none;
letter-spacing: -0.085em; /* aqui era -0.05em */
word-spacing: -0.1em;
}
.textarchive {  /* tipografias ARCHIVE */
width: 97%;
height: auto;
font-family: 'Archivo Black', sans-serif;
font-size: 2.3em; /* aqui era 2.2em */
color: #000000;
font-style: normal;
line-height: 0.77em;
font-weight: 400;
text-align: left;
text-transform: uppercase;
text-decoration: none;
letter-spacing: -0.085em; /* aqui era -0.05em */
word-spacing: -0.1em;
padding-top: 0.1em;
}
.infouno {  /* HIS BLACK AND WHITE */
text-align: left;
width: 100%;
max-width: 460px;
margin: 0px 0px 3px 0px;
float: left; /* probar si funciona sino quitar */
}
blockquote {
background: #ffffff;
padding: 10px 0px 3px 60px; 
font-family: 'Archivo', sans-serif;
font-size: 1.88em; /* aqui era 2.2em */
color: #000000;
font-style: italic;
line-height: 1.3em; /* aqui era 0.95em */
font-weight: 900;
text-transform: none;
text-decoration: none;
text-align: left;
margin-left: 0em;
letter-spacing: -0.085em; /* aqui era -0.02em */
word-spacing: 0em;
}
blockquote:before {
content: "\201C";
font-family: 'Archivo', sans-serif; /* aqui era Archivo Black */
font-size: 4em;
color: #000000;
font-style: italic; /* aqui era normal */
line-height: 0em;
font-weight: 900; /* aqui era 400 */
text-align: left;
text-transform: none;
text-decoration: none;
letter-spacing: 0.03em;
word-spacing: 0em;
vertical-align: middle;
}
.infodos {  /* titulo y texto bio contact prints */
text-align: left;
margin: 0em 1.6em 2em 1.6em;
}
.txt5 {
font-family: 'Archivo Black', sans-serif;
font-size: 2.3em; /* aqui era 2.2em */
color: #000000;
font-style: normal;
line-height: 0.77em;
font-weight: 400;
text-align: left;
text-transform: uppercase;
text-decoration: none;
letter-spacing: -0.085em; /* aqui era -0.05em */
word-spacing: -0.1em;
}
.bio {
font-family: 'Archivo Narrow', sans-serif; 
font-size: 1.4em;
color: #000000;
font-style: normal;
line-height: 0.95em;
font-weight: 400;
text-transform: none;
text-decoration: none;
text-align: left;
margin-left: 0px;
letter-spacing: -0.02em;
}
.bio1 {
font-family: 'Archivo Narrow', sans-serif; 
font-size: 1.4em;
color: #000000;
font-style: normal;
line-height: 0.95em;
font-weight: 400;
text-transform: none;
text-decoration: none;
text-align: left;
margin-left: 122px;
letter-spacing: -0.02em;
}
.fotoprint {
width: 100%;
max-width: 380px;
height: auto;
text-align: right;
padding-right: 1.6em;
padding-bottom: 2em;
}
.archive {  /* tamano fotos ARCHIVE */
width: 100%;
max-width: 900px;
height: auto;
}
.colorver { /* fotos color verticales */
width: 100%;
max-width: 422px;
height: auto;
margin: 1em 11em 0.25em auto;
}
.colorhor { /* fotos color horizontales */
width: 100%;
max-width: 751px;
height: auto;
margin: 1em 5em 0.25em auto;
}
.photover {  /* tamano y bordes fotos verticales */
border: 4px solid black;
width: 100%;
max-width: 422px;
height: auto;
margin: 1em 11em 0.25em auto;
}
.photocuad {  /* tamano y bordes fotos cuadradas */
width: 100%;
max-width: 560px;
height: auto;
margin: 1em 11em 0.25em auto;
}
.photocuad2 {  /* tamano y bordes fotos cuadradas */
border: 4px solid black;
width: 100%;
max-width: 560px;
height: auto;
margin: 1em 11em 0.25em auto;
}
.titulosvera {  /* tipografia titulos fotos verticales A */
font-family: 'Archivo', sans-serif;
font-size: 0.75em;
color: #000000;
font-style: normal;
line-height: 1em;
font-weight: 700;
text-align: right;
text-transform: none;
text-decoration: none;
width: 100%;
max-width: 422px;
margin: 0em 13.5em 0em auto;
}
.titulosverb {  /* tipografia titulos fotos verticales B */
font-family: 'Archivo Narrow', sans-serif; 
font-size: 0.75em;
color: #000000;
font-style: normal;
line-height: 1em;
font-weight: 400;
text-align: right;
text-transform: none;
text-decoration: none;
width: 100%;
max-width: 422px;
margin: 0em 13.5em 0em auto;
}
.photohor {  /* tamano y bordes fotos horizontales */
border: 4px solid black;
width: 100%;
max-width: 751px;
height: auto;
margin: 1em 5em 0.25em auto;
}
.tituloshora {  /* tipografia titulos fotos horizontales A */
font-family: 'Archivo', sans-serif;
font-size: 0.75em;
color: #000000;
font-style: normal;
line-height: 1em;
font-weight: 700;
text-align: right;
text-transform: none;
text-decoration: none;
width: 100%;
max-width: 751px;
margin: 0em 5.5em 0em auto;
}
.tituloshorb {  /* tipografia titulos fotos horizontales B */
font-family: 'Archivo Narrow', sans-serif; 
font-size: 0.75em;
color: #000000;
font-style: normal;
line-height: 1em;
font-weight: 400;
text-align: right;
text-transform: none;
text-decoration: none;
width: 100%;
max-width: 751px;
margin: 0em 5.5em 0em auto;
} 
@media only screen and (min-width: 992px) { /* AQUI ES DESKTOP CHICO */
nav ul{
    left: 50%; /* AQUI ERA 0% - regula a cuanto va a derecha */
	width: 35em;
	height: auto;
    moz-transition: all 1s ease-in-out;
    o-transition: all 1s ease-in-out;
    position: absolute;
    top: 50%;
    transform: translate(-200%, -50%); /* AQUI ERA translate(-50%, 0%) */
    transition: all 1s ease-in-out;
    webkit-transition: all 1s ease-in-out;
}
nav li{
    font-size: 1.5em;
    list-style: none;
	padding-bottom: 10px;
    text-align: right;
}
.assabbi {   /* Logo ASSABBI */
     width: 100%;
     max-width: 980px;
     margin-bottom: 1.2em;
     height: auto;
}
.assabbinfo {   /* Logo ASSABBI */
     width: 100%;
     max-width: 980px;
     margin-bottom: 1.6em;
     height: auto;
}
.menu {  /* tipografias del menu */
font-family: 'Archivo Black', sans-serif;
font-size: 1.8em; /* aqui era 1.8em */
color: #000000;
font-style: normal;
line-height: 0.77em; /* aqui era 1em */
font-weight: 400;
text-align: right;
text-transform: uppercase;
text-decoration: none;
letter-spacing: -0.085em; /* aqui era -0.05em */
word-spacing: -0.1em; /* aqui era -0.1em */
}
.menu:hover {
font-family: 'Archivo Black', sans-serif;
font-size: 1.8em; /* aqui era 1.8em */
color: #000000;
font-style: normal;
line-height: 0.77em; /* aqui era 1em */
font-weight: 400;
text-align: right;
text-transform: uppercase;
text-decoration: none;
letter-spacing: -0.1em; /* aqui era -0.05em */
word-spacing: -0.1em; /* aqui era -0.1em */
}
.menu1 {
font-family: 'Archivo Black', sans-serif;
font-size: 1.8em; /* aqui era 1.8em */
color: #000000;
font-style: normal;
line-height: 0.77em; /* aqui era 1em */
font-weight: 400;
text-align: right;
text-transform: uppercase;
text-decoration: none;
letter-spacing: -0.085em; /* aqui era -0.05em */
word-spacing: -0.1em; /* aqui era -0.1em */
}
.menu2 {
font-family: 'Archivo Narrow', sans-serif;
font-size: 1em; /* aqui era 0.95em */
color: #000000;
font-style: normal;
line-height: 1em;
font-weight: 400;
text-align: right;
padding-right: 0.5em;
text-transform: uppercase;
text-decoration: none;
letter-spacing: -0.05em; /* aqui era -0.02em */
word-spacing: -0.04em; /* aqui era -0.05em */
}
.menu2:hover {
font-family: 'Archivo Narrow', sans-serif;
font-size: 1em; /* aqui era 0.95em */
color: #000000;
font-style: normal;
line-height: 1em;
font-weight: 700;
text-align: right;
padding-right: 0.5em;
text-transform: uppercase;
text-decoration: none; 
letter-spacing: -0.057em; /* aqui era -0.02em */
word-spacing: -0.04em; /* aqui era -0.05em */
}
.poema {  /* ancho del poema */
width: 100%;
height: auto;
padding-left: 0em;
padding-bottom: 1em;
box-sizing: border-box;
background-color: #ffffff; /* aqui es white */
}
.txtpoema1 {  /* tipografias del poema */
font-family: 'Archivo Black', sans-serif;
font-size: 1.3em; /* aqui era 1.8em */
color: #000000;
font-style: normal;
line-height: 1em;
font-weight: 400;
text-align: left;
text-transform: uppercase;
text-decoration: none;
letter-spacing: -0.085em; /* aqui era -0.05em */
word-spacing: -0.1em;
}
.underline {
border-bottom: thick solid #000000;
width: 100%;
display: block;
padding-top: 0.02em;
}
.txtpoema {  /* tipografias del poema */
width: 97%;
height: auto;
font-family: 'Archivo Black', sans-serif;
font-size: 2.3em; /* aqui era 2.2em */
color: #000000;
font-style: normal;
line-height: 0.77em;
font-weight: 400;
text-align: left;
text-transform: uppercase;
text-decoration: none;
letter-spacing: -0.085em; /* aqui era -0.05em */
word-spacing: -0.1em;
padding-top: 0.1em;
background-color: #ffffff;
}
.txtarchive {  /* ancho ARCHIVE */
width: 100%;
height: auto;
padding-left: 0em;
padding-bottom: 1em;
box-sizing: border-box;
background-color: #ffffff; /* aqui es white */
}
.titlearchive {  /* titulo ARCHIVE: */
font-family: 'Archivo Black', sans-serif;
font-size: 1.3em; /* aqui era 1.8em */
color: #000000;
font-style: normal;
line-height: 1em;
font-weight: 400;
text-align: left;
text-transform: uppercase;
text-decoration: none;
letter-spacing: -0.085em; /* aqui era -0.05em */
word-spacing: -0.1em;
}
.textarchive {  /* tipografias ARCHIVE */
width: 97%;
height: auto;
font-family: 'Archivo Black', sans-serif;
font-size: 2.3em; /* aqui era 2.2em */
color: #000000;
font-style: normal;
line-height: 0.77em;
font-weight: 400;
text-align: left;
text-transform: uppercase;
text-decoration: none;
letter-spacing: -0.085em; /* aqui era -0.05em */
word-spacing: -0.1em;
padding-top: 0.1em;
}
.infouno {  /* HIS BLACK AND WHITE */
text-align: left;
width: 100%;
max-width: 460px;
margin: 0px 0px 3px 0px;
float: left; /* probar si funciona sino quitar */
}
blockquote {
background: #ffffff;
padding: 10px 0px 3px 60px; 
font-family: 'Archivo', sans-serif;
font-size: 1.88em; /* aqui era 2.2em */
color: #000000;
font-style: italic;
line-height: 1.3em; /* aqui era 0.95em */
font-weight: 900;
text-transform: none;
text-decoration: none;
text-align: left;
margin-left: 0em;
letter-spacing: -0.085em; /* aqui era -0.02em */
word-spacing: 0em;
}
blockquote:before {
content: "\201C";
font-family: 'Archivo', sans-serif; /* aqui era Archivo Black */
font-size: 4em;
color: #000000;
font-style: italic; /* aqui era normal */
line-height: 0em;
font-weight: 900; /* aqui era 400 */
text-align: left;
text-transform: none;
text-decoration: none;
letter-spacing: 0.03em;
word-spacing: 0em;
vertical-align: middle;
}
.infodos {  /* titulo y texto bio contact prints */
text-align: left;
margin: 0em 1.6em 2em 1.6em;
}
.txt5 {
font-family: 'Archivo Black', sans-serif;
font-size: 2.3em; /* aqui era 2.2em */
color: #000000;
font-style: normal;
line-height: 0.77em;
font-weight: 400;
text-align: left;
text-transform: uppercase;
text-decoration: none;
letter-spacing: -0.085em; /* aqui era -0.05em */
word-spacing: -0.1em;
}
.bio {
font-family: 'Archivo Narrow', sans-serif; 
font-size: 1.4em;
color: #000000;
font-style: normal;
line-height: 0.95em;
font-weight: 400;
text-transform: none;
text-decoration: none;
text-align: left;
margin-left: 0px;
letter-spacing: -0.02em;
}
.bio1 {
font-family: 'Archivo Narrow', sans-serif; 
font-size: 1.4em;
color: #000000;
font-style: normal;
line-height: 0.95em;
font-weight: 400;
text-transform: none;
text-decoration: none;
text-align: left;
margin-left: 122px;
letter-spacing: -0.02em;
}
}
@media only screen and (min-width: 601px) and (max-width: 991px) {  /* AQUI ES INTERMEDIO */
.assabbi {   /* Logo ASSABBI */
     width: 100%;
     max-width: 980px;
     margin-bottom: 1.2em;
     height: auto;
}
.assabbinfo {   /* Logo ASSABBI */
     width: 100%;
     max-width: 980px;
     margin-bottom: 1.6em;
     height: auto;
}
nav ul{
    left: 50%; /* AQUI ERA 0% - regula a cuanto va a derecha */
	width: 35em;
	height: auto;
    moz-transition: all 1s ease-in-out;
    o-transition: all 1s ease-in-out;
    position: absolute;
    top: 50%;
    transform: translate(-200%, -50%); /* AQUI ERA translate(-50%, 0%) */
    transition: all 1s ease-in-out;
    webkit-transition: all 1s ease-in-out;
}
nav li{
    font-size: 1.5em;
    list-style: none;
	padding-bottom: 10px;
    text-align: right;
}
.menu {  /* tipografias del menu */
font-family: 'Archivo Black', sans-serif;
font-size: 1.8em; /* aqui era 1.8em */
color: #000000;
font-style: normal;
line-height: 0.77em; /* aqui era 1em */
font-weight: 400;
text-align: right;
text-transform: uppercase;
text-decoration: none;
letter-spacing: -0.085em; /* aqui era -0.05em */
word-spacing: -0.1em; /* aqui era -0.1em */
}
.menu:hover {
font-family: 'Archivo Black', sans-serif;
font-size: 1.8em; /* aqui era 1.8em */
color: #000000;
font-style: normal;
line-height: 0.77em; /* aqui era 1em */
font-weight: 400;
text-align: right;
text-transform: uppercase;
text-decoration: none;
letter-spacing: -0.1em; /* aqui era -0.05em */
word-spacing: -0.1em; /* aqui era -0.1em */
}
.menu1 {
font-family: 'Archivo Black', sans-serif;
font-size: 1.8em; /* aqui era 1.8em */
color: #000000;
font-style: normal;
line-height: 0.77em; /* aqui era 1em */
font-weight: 400;
text-align: right;
text-transform: uppercase;
text-decoration: none;
letter-spacing: -0.085em; /* aqui era -0.05em */
word-spacing: -0.1em; /* aqui era -0.1em */
}
.menu2 {
font-family: 'Archivo Narrow', sans-serif;
font-size: 1em; /* aqui era 0.95em */
color: #000000;
font-style: normal;
line-height: 1em;
font-weight: 400;
text-align: right;
padding-right: 0.5em;
text-transform: uppercase;
text-decoration: none;
letter-spacing: -0.05em; /* aqui era -0.02em */
word-spacing: -0.04em; /* aqui era -0.05em */
}
.menu2:hover {
font-family: 'Archivo Narrow', sans-serif;
font-size: 1em; /* aqui era 0.95em */
color: #000000;
font-style: normal;
line-height: 1em;
font-weight: 700;
text-align: right;
padding-right: 0.5em;
text-transform: uppercase;
text-decoration: none; 
letter-spacing: -0.057em; /* aqui era -0.02em */
word-spacing: -0.04em; /* aqui era -0.05em */
}
.poema {  /* ancho del poema */
width: 100%;
height: auto;
padding-left: 0em;
padding-bottom: 1em;
box-sizing: border-box;
background-color: #ffffff; /* aqui es white */
}
.txtpoema1 {  /* tipografias del poema */
font-family: 'Archivo Black', sans-serif;
font-size: 1.3em; /* aqui era 1.8em */
color: #000000;
font-style: normal;
line-height: 1em;
font-weight: 400;
text-align: left;
text-transform: uppercase;
text-decoration: none;
letter-spacing: -0.085em; /* aqui era -0.05em */
word-spacing: -0.1em;
}
.underline {
border-bottom: thick solid #000000;
width: 100%;
display: block;
padding-top: 0.02em;
}
.txtpoema {  /* tipografias del poema */
width: 97%;
height: auto;
font-family: 'Archivo Black', sans-serif;
font-size: 2.3em; /* aqui era 2.2em */
color: #000000;
font-style: normal;
line-height: 0.77em;
font-weight: 400;
text-align: left;
text-transform: uppercase;
text-decoration: none;
letter-spacing: -0.085em; /* aqui era -0.05em */
word-spacing: -0.1em;
padding-top: 0.1em;
background-color: #ffffff;
}
.txtarchive {  /* ancho ARCHIVE */
width: 100%;
height: auto;
padding-left: 0em;
padding-bottom: 1em;
box-sizing: border-box;
background-color: #ffffff; /* aqui es white */
}
.titlearchive {  /* titulo ARCHIVE: */
font-family: 'Archivo Black', sans-serif;
font-size: 1.3em; /* aqui era 1.8em */
color: #000000;
font-style: normal;
line-height: 1em;
font-weight: 400;
text-align: left;
text-transform: uppercase;
text-decoration: none;
letter-spacing: -0.085em; /* aqui era -0.05em */
word-spacing: -0.1em;
}
.textarchive {  /* tipografias ARCHIVE */
width: 97%;
height: auto;
font-family: 'Archivo Black', sans-serif;
font-size: 2.3em; /* aqui era 2.2em */
color: #000000;
font-style: normal;
line-height: 0.77em;
font-weight: 400;
text-align: left;
text-transform: uppercase;
text-decoration: none;
letter-spacing: -0.085em; /* aqui era -0.05em */
word-spacing: -0.1em;
padding-top: 0.1em;
}
.infouno {  /* HIS BLACK AND WHITE */
text-align: left;
width: 100%;
max-width: 460px;
margin: 0px 0px 3px 0px;
float: left; /* probar si funciona sino quitar */
}
blockquote {
background: #ffffff;
padding: 10px 0px 3px 40px; 
font-family: 'Archivo', sans-serif;
font-size: 1.7em; /* aqui era 2.2em */
color: #000000;
font-style: italic;
line-height: 1.25em; /* aqui era 0.95em */
font-weight: 900;
text-transform: none;
text-decoration: none;
text-align: left;
margin-left: 0em;
letter-spacing: -0.085em; /* aqui era -0.02em */
word-spacing: 0em;
}
blockquote:before {
content: "\201C";
font-family: 'Archivo', sans-serif; /* aqui era Archivo Black */
font-size: 4em;
color: #000000;
font-style: italic; /* aqui era normal */
line-height: 0em;
font-weight: 900; /* aqui era 400 */
text-align: left;
text-transform: none;
text-decoration: none;
letter-spacing: 0.03em;
word-spacing: 0em;
vertical-align: middle;
}
.infodos {  /* titulo y texto bio contact prints */
text-align: left;
margin: 0em 0.8em 1.5em 0.8em;
float: left; /* probar si funciona sino quitar */
}
.txt5 {
font-family: 'Archivo Black', sans-serif;
font-size: 2.3em; /* aqui era 2.2em */
color: #000000;
font-style: normal;
line-height: 0.77em; /* aqui era 0.75em */
font-weight: 400;
text-align: left;
text-transform: none;
text-decoration: none;
letter-spacing: -0.085em; /* aqui era -0.05em */
word-spacing: -0.1em;
}
.bio {
font-family: 'Archivo Narrow', sans-serif; 
font-size: 1.4em; /* aqui era 1.4em */
color: #000000;
font-style: normal;
line-height: 0.95em;
font-weight: 400;
text-transform: none;
text-decoration: none;
text-align: left;
margin-left: 0px;
letter-spacing: -0.02em;
}
.bio1 {
font-family: 'Archivo Narrow', sans-serif; 
font-size: 1.4em;
color: #000000;
font-style: normal;
line-height: 0.95em;
font-weight: 400;
text-transform: none;
text-decoration: none;
text-align: left;
margin-left: 122px;
letter-spacing: -0.02em;
}
.fotoprint {
width: 100%;
max-width: 380px;
height: auto;
text-align: right;
padding-right: 0em;
padding-bottom: 1.5em;
float: right; /* probar si funciona sino quitar */
}
.colorver { /* fotos color verticales */
width: 85%; /* aqui era 98% */
max-width: 422px;
height: auto;
margin: 1em auto 0.25em auto; /* borrar margin */
}
.colorhor { /* fotos color horizontales */
width: 98%; /* aqui era 98% */
max-width: 751px;
height: auto;
margin: 1em auto 0.25em auto; /* borrar margin */
}
.photover {  /* tamano y bordes fotos verticales */
border: 4px solid black;
width: 85%; /* aqui era 98% */
max-width: 422px;
height: auto;
margin: 1em auto 0.25em auto; /* borrar margin */
}
.photocuad {  /* tamano y bordes fotos cuadradas rimbaud */
width: 98%;
max-width: 560px;
height: auto;
margin: 1em auto 0.25em auto;
}
.photocuad2 {  /* tamano y bordes fotos cuadradas deloff */
border: 4px solid black;
width: 97%; /* aqui era 98% */
max-width: 560px;
height: auto;
margin: 1em auto 0.25em auto; /* borrar margin */
}
.photohor {  /* tamano y bordes fotos horizontales */
border: 4px solid black;
width: 97%; /* aqui era 98% */
max-width: 751px;
height: auto;
margin: 1em auto 0.25em auto; /* borrar margin */
}
.titulosvera {  /* tipografia titulos fotos verticales A */
font-family: 'Archivo', sans-serif;
font-size: 0.6em;
color: #000000;
font-style: normal;
line-height: 0.9em;
font-weight: 700;
text-align: right;
text-transform: none;
text-decoration: none;
width: 100%;
max-width: 422px;
margin: 0em 6.5em 0em auto; /* aqui era 13.5em */
}
.titulosverb {  /* tipografia titulos fotos verticales B */
font-family: 'Archivo Narrow', sans-serif; 
font-size: 0.6em;
color: #000000;
font-style: normal;
line-height: 0.9em;
font-weight: 400;
text-align: right;
text-transform: none;
text-decoration: none;
width: 100%;
max-width: 422px;
margin: 0em 6.5em 0em auto;
}
.tituloshora {  /* tipografia titulos fotos horizontales A */
font-family: 'Archivo', sans-serif;
font-size: 0.6em;
color: #000000;
font-style: normal;
line-height: 0.9em;
font-weight: 700;
text-align: right;
text-transform: none;
text-decoration: none;
width: 100%;
max-width: 751px;
margin: 0em 6.5em 0em auto; /* aqui era 5.5em */
}
.tituloshorb {  /* tipografia titulos fotos horizontales B */
font-family: 'Archivo Narrow', sans-serif; 
font-size: 0.6em;
color: #000000;
font-style: normal;
line-height: 0.9em;
font-weight: 400;
text-align: right;
text-transform: none;
text-decoration: none;
width: 100%;
max-width: 751px;
margin: 0em 6.5em 0em auto; /* aqui era 5.5em */
} 
}
@media only screen and (max-width: 600px) { /* AQUI ES SMARTPHONE */
.superior {  /* aqui va la hamburguesa */
    background: #ffffff;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 47px; /* AQUI ERA 50px */
}
.cabecera {  /* Aqui FOTO ASSABBI */
    background: #ffffff;
    margin-top: 3em;
    height: auto;
}
.assabbi {   /* Logo ASSABBI */
     width: 100%;
     max-width: 980px;
     margin-bottom: 0.8em;
     height: auto;	 
}
.assabbinfo {   /* Logo ASSABBI */
     width: 100%;
     max-width: 980px;
     margin-bottom: 1.2em;
     height: auto;
}
#nav-btn{  /* Menu Boton Hamburguesa y Cruz */
    cursor: pointer;
    height: 75px; /* AQUI ERA 100PX */
    opacity: 0;
    position: absolute;
    right: 0;
	border: 2px;
	border-color: #000000;
    width: 75px; /* AQUI ERA 100PX */
    z-index: 100;
}
#nav-btn + label{
    display: block;
    height: 8px;/* AQUI ERA 8PX */
	height: 30px;
    left: 18px;
    position: absolute;
    right: 18px;
    top: 30px;
    width: 30px; /* AQUI ERA 40PX */
}
#nav-btn + span{
    background-color: #000000;
    cursor: pointer;
    display: block;
    height: 8px;/* AQUI ERA 8PX */
    position: absolute;
    right: 10px;/* AQUI ERA 20PX */
    top: 22px;/* AQUI ERA 30PX */
    width: 30px; /* AQUI ERA 40PX */
    z-index: 99;
}
#nav-btn + span::before,
#nav-btn + span::after{
    background-color: #000000;
    content: "";
    display: block;
    height: 8px;/* AQUI ERA 8PX */
    left: 0;
    position: absolute;
    width: 30px; /* AQUI ERA 40PX */
}
#nav-btn + span::before{
    top: -11px;/* AQUI ERA -20PX */
}
#nav-btn + span::after{
    bottom: -11px;/* AQUI ERA -20PX */
}
nav ul{
    left: 1%; /* AQUI ERA 0% - regula a cuanto va a derecha */
	width: 35em;
	height: auto;
    moz-transition: all 1s ease-in-out;
    o-transition: all 1s ease-in-out;
    position: absolute;
    top: 50%;
    transform: translate(-150%, -50%); /* AQUI ERA translate(-50%, 0%) */
    transition: all 1s ease-in-out;
    webkit-transition: all 1s ease-in-out;
}
nav li{
    font-size: 1.5em;
    list-style: none;
	padding-bottom: 10px;
    text-align: right;
}
.menu {
font-family: 'Archivo Black', sans-serif;
font-size: 1em;
color: #000000;
font-style: normal;
line-height: 1em;
font-weight: 400;
text-align: right;
text-transform: uppercase;
text-decoration: none;
letter-spacing: -0.085em;
word-spacing: -0.1em;
}
.menu:hover {
font-family: 'Archivo Black', sans-serif;
font-size: 1em;
color: #000000;
font-style: normal;
line-height: 1em;
font-weight: 400;
text-align: right;
text-transform: uppercase;
text-decoration: none;
letter-spacing: -0.1em;
word-spacing: -0.1em;
}
.menu1 {
font-family: 'Archivo Black', sans-serif;
font-size: 1em;
color: #000000;
font-style: normal;
line-height: 1em;
font-weight: 400;
text-align: right;
text-transform: uppercase;
text-decoration: none;
letter-spacing: -0.085em;
word-spacing: -0.1em;
}
.menu2 {
font-family: 'Archivo Narrow', sans-serif;
font-size: 0.75em;
color: #000000;
font-style: normal;
line-height: 1em;
font-weight: 400;
text-align: right;
padding-right: 0.5em;
text-transform: uppercase;
text-decoration: none;
letter-spacing: -0.05em;
word-spacing: -0.04em;
}
.menu2:hover {
font-family: 'Archivo Narrow', sans-serif;
font-size: 0.75em;
color: #000000;
font-style: normal;
line-height: 1em;
font-weight: 700;
text-align: right;
padding-right: 0.5em;
text-transform: uppercase;
text-decoration: none; 
word-spacing: -0.057em;
letter-spacing: -0.04em;
}
.poema {  /* ancho del poema */
width: 100%;
height: auto;
padding-left: 0em;
padding-bottom: 1em;
box-sizing: border-box;
background-color: #ffffff; /* aqui es white */
}
.txtpoema1 {  /* tipografias del poema */
font-family: 'Archivo Black', sans-serif;
font-size: 1em; /* aqui era 1.8em */
color: #000000;
font-style: normal;
line-height: 1em;
font-weight: 400;
text-align: left;
text-transform: uppercase;
text-decoration: none;
letter-spacing: -0.085em; /* aqui era -0.05em */
word-spacing: -0.1em;
}
.underline {
border-bottom: thick solid #000000;
width: 100%;
display: block;
padding-top: 0.02em;
}
.txtpoema {  /* tipografias del poema */
width: 97%;
height: auto;
font-family: 'Archivo Black', sans-serif;
font-size: 1.8em; /* aqui era 2.2em */
color: #000000;
font-style: normal;
line-height: 0.77em;
font-weight: 400;
text-align: left;
text-transform: uppercase;
text-decoration: none;
letter-spacing: -0.085em; /* aqui era -0.05em */
word-spacing: -0.1em;
padding-top: 0.1em;
background-color: #ffffff;
}
.txtarchive {  /* ancho ARCHIVE */
width: 100%;
height: auto;
padding-left: 0em;
padding-bottom: 1em;
box-sizing: border-box;
background-color: #ffffff; /* aqui es white */
}
.titlearchive {  /* titulo ARCHIVE: */
font-family: 'Archivo Black', sans-serif;
font-size: 1em; /* aqui era 1.8em */
color: #000000;
font-style: normal;
line-height: 1em;
font-weight: 400;
text-align: left;
text-transform: uppercase;
text-decoration: none;
letter-spacing: -0.085em; /* aqui era -0.05em */
word-spacing: -0.1em;
}
.textarchive {  /* tipografias ARCHIVE */
width: 97%;
height: auto;
font-family: 'Archivo Black', sans-serif;
font-size: 1.8em; /* aqui era 2.2em */
color: #000000;
font-style: normal;
line-height: 0.77em;
font-weight: 400;
text-align: left;
text-transform: uppercase;
text-decoration: none;
letter-spacing: -0.085em; /* aqui era -0.05em */
word-spacing: -0.1em;
padding-top: 0.1em;
}
.infouno {  /* HIS BLACK AND WHITE */
text-align: left;
width: 100%;
max-width: 380px;
margin: 10px 0px 0px 0px;
float: left; /* probar si funciona sino quitar */
}
blockquote {
background: #ffffff;
padding: 10px 0px 3px 30px; 
font-family: 'Archivo', sans-serif;
font-size: 1.5em; /* aqui era 2.2em */
color: #000000;
font-style: italic;
line-height: 1.2em; /* aqui era 0.95em */
font-weight: 900;
text-transform: none;
text-decoration: none;
text-align: left;
margin-left: 0em;
letter-spacing: -0.085em; /* aqui era -0.02em */
word-spacing: 0em;
}
blockquote:before {
content: "\201C";
font-family: 'Archivo', sans-serif; /* aqui era Archivo Black */
font-size: 3.2em;
color: #000000;
font-style: italic; /* aqui era normal */
line-height: 0em;
font-weight: 900; /* aqui era 400 */
text-align: left;
text-transform: none;
text-decoration: none;
letter-spacing: 0.03em;
word-spacing: 0em;
vertical-align: middle;
}
.infodos {  /* titulo y texto bio contact prints */
text-align: left;
margin: 0em 0.8em 1.5em 0.8em;
float: left; /* probar si funciona sino quitar */
}
.txt5 {
font-family: 'Archivo Black', sans-serif;
font-size: 1.8em; /* aqui era 1.75em */
color: #000000;
font-style: normal;
line-height: 0.77em; /* aqui era 0.75em */
font-weight: 400;
text-align: left;
text-transform: none;
text-decoration: none;
letter-spacing: -0.085em; /* aqui era -0.05em */
word-spacing: -0.1em;
}
.bio {
font-family: 'Archivo Narrow', sans-serif; 
font-size: 1.2em; /* aqui era 1.4em */
color: #000000;
font-style: normal;
line-height: 0.95em;
font-weight: 400;
text-transform: none;
text-decoration: none;
text-align: left;
margin-left: 0px;
letter-spacing: -0.02em;
word-spacing: 0em;
}
.bio1 {
font-family: 'Archivo Narrow', sans-serif; 
font-size: 1.2em; /* aqui era 1.4em */
color: #000000;
font-style: normal;
line-height: 0.95em;
font-weight: 400;
text-transform: none;
text-decoration: none;
text-align: left;
margin-left: 105px; /* aqui era 122px */
letter-spacing: -0.02em;
}
.fotoprint {
width: 100%; /* aqui era 100% */
max-width: 380px;
height: auto;
text-align: right;
padding-right: 0em;
padding-bottom: 0.5em;
float: right; /* probar si funciona sino quitar */
}
.colorver { /* fotos color verticales */
width: 85%; /* aqui era 98% */
max-width: 422px;
height: auto;
margin: 1em auto 0.25em auto; /* borrar margin */
}
.colorhor { /* fotos color horizontales */
width: 98%; /* aqui era 98% */
max-width: 751px;
height: auto;
margin: 1em auto 0.25em auto; /* borrar margin */
}
.photover {  /* tamano y bordes fotos verticales */
border: 4px solid black;
width: 85%; /* aqui era 98% */
max-width: 422px;
height: auto;
margin: 1em auto 0.25em auto; /* borrar margin */
}
.photocuad {  /* tamano y bordes fotos cuadradas rimbaud */
width: 98%;
max-width: 560px;
height: auto;
margin: 1em auto 0.25em auto;
}
.photocuad2 {  /* tamano y bordes fotos cuadradas deloff */
border: 4px solid black;
width: 97%; /* aqui era 98% */
max-width: 560px;
height: auto;
margin: 1em auto 0.25em auto; /* borrar margin */
}
.photohor {  /* tamano y bordes fotos horizontales */
border: 4px solid black;
width: 97%; /* aqui era 98% */
max-width: 751px;
height: auto;
margin: 1em auto 0.25em auto; /* borrar margin */
}
.titulosvera {  /* tipografia titulos fotos verticales A */
font-family: 'Archivo', sans-serif;
font-size: 0.6em;
color: #000000;
font-style: normal;
line-height: 0.9em;
font-weight: 700;
text-align: right;
text-transform: none;
text-decoration: none;
width: 100%;
max-width: 422px;
margin: 0em 13.5em 0em auto;
}
.titulosverb {  /* tipografia titulos fotos verticales B */
font-family: 'Archivo Narrow', sans-serif; 
font-size: 0.6em;
color: #000000;
font-style: normal;
line-height: 0.9em;
font-weight: 400;
text-align: right;
text-transform: none;
text-decoration: none;
width: 100%;
max-width: 422px;
margin: 0em 13.5em 0em auto;
}
.tituloshora {  /* tipografia titulos fotos horizontales A */
font-family: 'Archivo', sans-serif;
font-size: 0.6em;
color: #000000;
font-style: normal;
line-height: 0.9em;
font-weight: 700;
text-align: right;
text-transform: none;
text-decoration: none;
width: 100%;
max-width: 751px;
margin: 0em 5.5em 0em auto;
}
.tituloshorb {  /* tipografia titulos fotos horizontales B */
font-family: 'Archivo Narrow', sans-serif; 
font-size: 0.6em;
color: #000000;
font-style: normal;
line-height: 0.9em;
font-weight: 400;
text-align: right;
text-transform: none;
text-decoration: none;
width: 100%;
max-width: 751px;
margin: 0em 5.5em 0em auto;
} 
div.columnader {
display: block !important;  /* Cuando el ancho sea inferior a 600px el elemento será un bloque */
width: 100% !important;
max-width: 100% !important;
margin: auto !important;
position: static !important;
float: none !important;
}
div.columnaizq {
display: block !important;  /* Cuando el ancho sea inferior a 600px el elemento será un bloque */
width: 100% !important;
max-width: 100% !important;
margin: auto !important;
position: static !important;
float: none !important;
}
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
.sidebar{
display: none;
}
}