body {
  font-family: Verdana, Geneva, Arial, helvetica, sans-serif;padding-top: 50px;
}

td {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}

th {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}

h1 {color:#ffffff; padding-bottom:3%; padding-top:3%;}

.verdana12 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12pt;
	color: #E3E3E3;
}
.verdana10 {
	font-size: 10px;
	color:#FFF;
}
.verdana16 {
	font-family: "Arial Rounded MT Bold";
}
.comic { font-family:"Comic Sans MS"; color:#FFF;}

li { list-style-type:none;}

.lista
{
  padding: 0;
  background-color: rgb(0, 0, 0);
  text-align: center;
  max-width: 100%;
  margin: 0 auto;
}

.lista, .lista *
{
  box-sizing: border-box;
  transition: all ease .5s;  
}

.item
{
  list-style-type: none;
  display: inline-block;
  border: 2px dashed rgba(255,255,255,.5);
  border-width: 0 1px 0 0;
  margin: 0.5em 0em;
  padding: .5em;
}

.item:last-child
{
  border: none;
}
  
.item a
{
  display: block;
}

@media (max-width: 70em) {
  .item 
  {
    width: 32.5%;
    margin: 0.1em;
    border-width: 0 1px 1px 0;
  }
  
  .item img
  {
    height: 5em;
  }
}

@media (max-width: 50em) {
  .item 
  {
    width: 48%;
    margin: 0.1em;
    border-width: 0 1px 1px 0;
  }
  
  .item:nth-child(even)
  {
    border-width: 0 0 1px;
  }
  
  .item:nth-child(5)
  {
    border-bottom: none;
  }
  
  .lista .item:not(:first-child), 
  .lista .item:not(:first-child) *
  {
    transition: all ease .5s;  
  }
  
  .item img
  {
    height: 4.55em;
  }
}

@media (max-width: 20em) {
  .item 
  {
    width: 100%;
    margin: 0.1em;
    border-width: 0 0 1px 0;
    overflow: hidden;
    padding: 0;
  }
  
  .item:nth-child(5)
  {
    border-bottom: 1px dashed rgba(255,255,255,.5);
  }
  
  .item:first-child
  {
    height: 4em;
    width: 98%;
  }
  
  .item img
  {
    transform: scaleY(0);
    height: 1px;
    margin: 0;
  }
  
  .item:first-child a
  {
    min-height: 3em;
    background-image: url('http://cdn.flaticon.com/png/256/11350.png');
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center center;
    filter: invert(1);
  }
  
  .item:first-child img
  {    
    padding: 1em;
    height: 3.5em;
  }
  
  .item:not(:first-child)
  {
    position: absolute;
    opacity: 0;
    transition: all 1s ease 1s;
  }
  
  .item:first-child:hover ~ .item,
  item:target, .item:target ~ .item
  {
    display: inline-block;
    opacity: 1;
    position: static;
    transition: all .5s ease .3s;
  }
  
  .item:first-child:hover ~ .item img,
  item:target img, .item:target ~ .item img
  {
    transform: scaleY(1);
    height: 10vh;    
    transition: all .5s ease .3s;
  }
}
.menu-imagenes{}
/************** #Imagen a la derecha, sin borde **************/

.imgderechasin
{
float: right;
margin: 0 0 10px 10px;
border: none;
padding: 2px;
}

/************** #Imagen a la izquierda sin borde **************/

.imgizquierdasin
{
float: left;
margin: 0 10px 10px 0;
border: none;
padding: 2px;
}

/************** #Imagen con texto asociado en recuadro y fondo negro **************/

.imgfloatderecha
{
float: right;
width: auto;
margin: 0 0 10px 10px;
background-color: #000;
padding: 10px;
border: 1px solid #999;
font-size: 75%;
text-align: center;
}

.imgfloatderecha p { margin-top: 0; }

/************** #Imagen con texto asociado SIN recuadro y fondo negro **************/

.imgfloatderechasin
{
float: right;
width: auto;
margin: 0 0 10px 10px;
background-color: #000;
padding: 10px;
font-size: 75%;
text-align: center;
}

.imgfloatderechasin p { margin-top: 0; }

/************** #Imagen con texto asociado SIN recuadro y sin fondo  **************/

.imgfloatderechasinfon
{
float: right;
width: auto;
margin: 0 0 10px 10px;
padding: 0px;
font-size: 75%;
text-align: center;
}
.imgfloatderechasinfon p { margin-top: 0; }

.imgfloatizquierdasinfon
{
float: left;
width: auto;
margin: 0 10px 0 0;
padding: 0px;
font-size: 75%;
text-align: center;
}
.imgfloatizquierdasinfon p { margin-top: 0; }



a:link {color: #FC3; text-decoration: none;}

a:hover {color: #FFFFFF; text-decoration: underline; }

a:visited {color: #FC3;}

.negro { background-color:#000000;}

/************** Links de mujerpalabra, textcaja:
a:link {color:#7F188D; text-decoration: underline;}
a:hover {color: #666666; text-decoration: none;}
a:visited {color: #7F188D; text-decoration: underline;}
/**************/

.bnegro { background-color:#000000;
		max-width:100%;
		margin:auto;
		padding-left:2%;
		padding-right:2%;
}

.textoblan {color:#FFFFFF;}

.morado {color:#9900CC;}

.moradogrande {color:#9900CC; font-size: x-large;}

.centerblock {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.centrar {text-align:center;}
.font12 { font-size: medium;}
.borde {border: 1px solid #fff;}
.pading { padding:15px;}