@import url('https://fonts.googleapis.com/css2?family=Teko:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100;0,300;0,400;0,500;0,700;1,100;1,300;1,400;1,500;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@200;300;400;500;600;700;900&display=swap');
@font-face {
  font-family: 'BebasNeuePro-Bold';
  src: url('../css/fonts/BebasNeuePro-Bold.eot'); /* IE9 Compat Modes */
  src: url('../css/fonts/BebasNeuePro-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../css/fonts/BebasNeuePro-Bold.woff2') format('woff2'), /* Super Modern Browsers */
       url('../css/fonts/BebasNeuePro-Bold.woff') format('woff'), /* Pretty Modern Browsers */
       url('../css/fonts/BebasNeuePro-Bold.ttf')  format('truetype'); /* Safari, Android, iOS */
       font-weight: normal;
       font-style: normal;
}
@font-face {
  font-family: 'BebasNeuePro-Bold';
  src: url('../css/fonts/BebasNeuePro-BoldItalic.eot'); /* IE9 Compat Modes */
  src: url('../css/fonts/BebasNeuePro-BoldItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../css/fonts/BebasNeuePro-BoldItalic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../css/fonts/BebasNeuePro-BoldItalic.woff') format('woff'), /* Pretty Modern Browsers */
       url('../css/fonts/BebasNeuePro-BoldItalic.ttf')  format('truetype'); /* Safari, Android, iOS */
  	   font-weight: normal;
  	   font-style: italic;
}
@font-face {
  font-family: 'HelveticaLTStd-Light';
  src: url('../css/fonts/HelveticaLTStd-Light.eot?#iefix') format('embedded-opentype'),
       url('../css/fonts/HelveticaLTStd-Light.otf')  format('opentype'),
	   url('../css/fonts/HelveticaLTStd-Light.woff') format('woff'),
	   url('../css/fonts/HelveticaLTStd-Light.ttf')  format('truetype'),
	   url('../css/fonts/HelveticaLTStd-Light.svg#HelveticaLTStd-Light') format('svg');
       font-weight: normal;
       font-style: normal;
}
@font-face {
  font-family: 'HelveticaLTStd-Light';
  src: url('../css/fonts/HelbveticaLTStd-LightObl.eot?#iefix') format('embedded-opentype'),
	  url('../css/fonts/HelveticaLTStd-LightObl.otf') format('opentype'),
	  url('../css/fonts/HelveticaLTStd-LightObl.woff') format('woff'),
	  url('../css/fonts/HelveticaLTStd-LightObl.ttf') format('truetype'), 
	  url('../css/fonts/HelveticaLTStd-LightObl.svg#HelveticaLTStd-LightObl') format('svg');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'HelveticaLTStd-Light';
  	src: url('../css/HelveticaLTStd-Bold.eot');
    src: url('../css/fonts/HelveticaLTStd-Bold.eot?#iefix') format('embedded-opentype'),
	   url('../css/fonts/HelveticaLTStd-Bold.otf')  format('opentype'),
	   url('../css/fonts/HelveticaLTStd-Bold.woff') format('woff')f,
	   url('../css/fonts/HelveticaLTStd-Bold.ttf')  format('truetype'),
	   url('../css/fonts/HelveticaLTStd-Bold.svg#HelveticaLTStd-Bold') format('svg');
  font-weight: bold;
font-style: normal;
}
@font-face {
  font-family: 'HelveticaLTStd-Light';
  src: url('../css/fonts/HelveticaLTStd-BoldObl.eot?#iefix') format('embedded-opentype'),
	   url('../css/fonts/HelveticaLTStd-BoldObl.otf')  format('opentype'),
	   url('../css/fonts/HelveticaLTStd-BoldObl.woff') format('woff'),
	   url('../css/fonts/HelveticaLTStd-BoldObl.ttf')  format('truetype'),
	   url('../css/fonts/HelveticaLTStd-BoldObl.svg#HelveticaLTStd-BoldObl') format('svg');
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: 'GTAmericaMonov1-Light';
  src: url('../css/fonts/GTAmericaMonov1-Light.eot');
  src: url('../css/fonts/GTAmericaMonov1-Light.woff2') format('woff2'),
       url('../css/fonts/GTAmericaMonov1-Light.woff') format('woff'),
       url('../css/fonts/GTAmericaMonov1-Light.ttf') format('truetype'),
       url('../css/fonts/GTAmericaMonov1-Light.svg#GTAmericaMonov1-Light') format('svg'),
       url('../css/fonts/GTAmericaMonov1-Light.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'GTAmericaMonov1-Light';
  src: url('../css/fonts/GTAmericaMonov1-UltraLightItalic.eot');
  src: url('../css/fonts/GTAmericaMonov1-UltraLightItalic.woff2') format('woff2'),
       url('../css/fonts/GTAmericaMonov1-UltraLightItalic.woff') format('woff'),
       url('../css/fonts/GTAmericaMonov1-UltraLightItalic.ttf') format('truetype'),
       url('../css/fonts/GTAmericaMonov1-UltraLightItalic.svg#GTAmericaMonov1-UltraLightItalic') format('svg'),
       url('../css/fonts/GTAmericaMonov1-UltraLightItalic.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'GTAmericaMonov1-UltraLight';
  src: url('../css/fonts/GTAmericaMonov1-UltraLight.eot');
  src: url('../css/fonts/GTAmericaMonov1-UltraLight.woff2') format('woff2'),
       url('../css/fonts/GTAmericaMonov1-UltraLight.woff') format('woff'),
       url('../css/fonts/GTAmericaMonov1-UltraLight.ttf') format('truetype'),
       url('../css/fonts/GTAmericaMonov1-UltraLight.svg#GTAmericaMonov1-UltraLight') format('svg'),
       url('../css/fonts/GTAmericaMonov1-UltraLight.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'GTAmericaMonov1-UltraLight';
  src: url('../css/fonts/GTAmericaMonov1-UltraLightItalic.eot');
  src: url('../css/fonts/GTAmericaMonov1-UltraLightItalic.woff2') format('woff2'),
       url('../css/fonts/GTAmericaMonov1-UltraLightItalic.woff') format('woff'),
       url('../css/fonts/GTAmericaMonov1-UltraLightItalic.ttf') format('truetype'),
       url('../css/fonts/GTAmericaMonov1-UltraLightItalic.svg#GTAmericaMonov1-UltraLightItalic') format('svg'),
       url('../css/fonts/GTAmericaMonov1-UltraLightItalic.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: italic;
}

body {
	font-family: 'Noto Serif SC', Georgia, serif;
	font-size: 14px;
	font-weight: normal;
}
.contenedor {
	width: 1280px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 70px;
	margin-bottom: 75px;
}
.contenedor.contenedor-sin-top {
	margin-top: 0px;
}
p {
	font-family: 'Noto Serif SC', sans-serif;
	font-weight: 200;
	font-size: 1.143em;
	line-height: 1.571em;
	color: #000000;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
blockquote{
	font-size: 1em;
	line-height: 1.571em;
	color: #8B8B8B;
	margin-top: 0px;
	margin-right: 30px;
	margin-bottom: 20px;
	margin-left: 30px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
blockquote p{
	font-size: 1em;
	line-height: 1.571em;
	color: #8B8B8B;
	margin-top: 0px;
	margin-right: 30px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
a {
	color: #0090E4;
	text-decoration: none;
	background-image: none;
}
p a{
	text-decoration: none;
}
h2 a{
	background-position: 0px 1.143em;
}
.contenedor.columna-texto {
	width: 780px;
}
.contenedor.columna-texto p {
}
h1 a, h2 a, h3 a, h4 a {
	color: #000000;
}
h1 {
	font-size: 50px;
	line-height: 50px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	font-family: "BebasNeuePro-Bold", Helvetica, sans-serif;
    font-weight: normal;
}
h2 {
	font-size: 42px;
	line-height: 42px;
	padding: 0px;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	font-family: "BebasNeuePro-Bold", Helvetica, sans-serif;
    font-weight: normal;
}
h3 {
	font-size: 32px;
	line-height: 32px;
	padding: 0px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	font-family: "BebasNeuePro-Bold", Helvetica, sans-serif;
	font-weight: normal;
}
h4 {
	font-size: 18px;
	line-height: 18px;
	padding: 0px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	font-family: "BebasNeuePro-Bold", Helvetica, sans-serif;
	font-weight: normal;
}
a.boton {
	font-family: "GTAmericaMonov1-UltraLight", sans-serif;
	display: inline-block;
	width: 150px;
	text-align: center;
	font-size: 0.857em;
	line-height: 0.857em;
	color: #FFF;
	text-transform: uppercase;
	background-color: #000;
	padding-top: 14px;
	padding-right: 8px;
	padding-bottom: 14px;
	padding-left: 8px;
	background-image: none;
}
a.boton:hover {
	background-color: #333333;
}
.contenedor ul, .contenedor.contenedor-historias ul {
	padding: 0px;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 25px;
	margin-left: 25px;
	list-style: none;
	font-weight: 200;
}
.contenedor ul li, .contenedor.contenedor-historias ul li {
	padding: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 25px;
	margin-left: 15px;
	color: #000000;
	line-height: 1.571em;
	font-size: 1.143em;
}
.contenedor ul li::before, .contenedor.contenedor-historias ul li::before {
	content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
	color: #000000; /* Change the color */
	font-weight: bold; /* If you want it to be bold */
	display: inline-block; /* Needed to add space between the bullet and the text */
	width: 1em; /* Also needed for space (tweak if needed) */
	margin-left: -1em; /* Also needed for space (tweak if needed) */
}
.contenedor ul li ul, .contenedor.contenedor-historias ul li ul {
	padding: 0px;
	margin-top: 7px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
}
.contenedor ul li ul li, .contenedor.contenedor-historias ul li ul li ul li{
	padding: 0px;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	list-style-type: none;
}
blockquote ul li{
    font-size: 1.286em;
}
header {
}
#menu-principal a#logo-cabecera {
	width: 300px;
	height: 63px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
	margin-bottom: 50px;
	background-image: url(../imagenes/logo-tras-los-muros.gif);
	background-position: center top;
	background-size: 300px 63px;
	background-repeat: no-repeat;
}
#menu-principal a#logo-cabecera.logo-en {
	background-image: url(../en/images/logo-animal-exploitation-photography.gif);
}
#menu-top {
	border-bottom-color: #E6E6E6;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
#menu-top .contenedor-menu-top{
	width: 317px;
	margin-right: auto;
	margin-left: auto;
}
#menu-top ul  {
	color: #4B4B4B;
	font-size: 1em;
	font-family: 'GTAmericaMonov1-UltraLight', sans-serif;
	margin: 0px;
	padding: 0px;
	line-height: 14px;
	font-weight: 200;
}
#menu-top nav ul li {
	display: inline;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}
#menu-top li#texto-top  {
	margin-right: 25px;
	padding-right: 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #E6E6E6;
	padding-top: 15px;
	padding-bottom: 15px;
	width: 130px;
	float: left;
	display: block;
	text-transform: uppercase;
	font-size: 0.857em;
}
#menu-top li a {
	float: left;
	color: #666;
	background-image: none;
}
#menu-top a#tw {
	background-image: url(../imagenes/rrss-liberacion-animal.png);
	background-repeat: no-repeat;
	display: block;
	background-position: left top;
	margin-right: 10px;
	height: 22px;
	width: 22px;
	margin-top: 11px;
	background-size: 66px 22px;
}
#menu-top a#fb {
	background-image: url(../imagenes/rrss-liberacion-animal.png);
	background-repeat: no-repeat;
	display: block;
	background-position: -22px top;
	margin-right: 10px;
	height: 22px;
	width: 22px;
	margin-top: 11px;
	background-size: 66px 22px;
}
#menu-top a#ytb {
	background-image: url(../imagenes/rrss-liberacion-animal.png);
	background-repeat: no-repeat;
	display: block;
	background-position: -44px top;
	height: 22px;
	width: 22px;
	margin-top: 11px;
	background-size: 66px 22px;
}
#menu-top a#idioma {
	display: block;
	width: 18px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #E6E6E6;
	margin-left: 25px;
	padding-left: 25px;
	padding-top: 15px;
	padding-bottom: 15px;
}
/*Style 'show menu' label button and hide it by default*/
.show-menu {
	text-align: center;
	display: none;
	padding-right: 0;
	padding-left: 0;
	text-transform: uppercase;
	padding-bottom: 0px;
	padding-top: 10px;
	width: 20px;
	height: 20px;
}
.show-menu img{
	width: 30px;
	height: 30px;
}
/*Hide checkbox*/
nav#menu-principal input[type=checkbox]{
	display: none;
	-webkit-appearance: none;
}

/*Show menu when invisible checkbox is checked*/
nav#menu-principal input[type=checkbox]:checked ~ #menu{
	display: block;
}
#menu {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
#menu-principal {
	padding-bottom: 25px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	padding-top: 25px;
}
#menu-principal ul{
	font-size: 1em;
	font-family: 'Roboto Mono', monospace;
	margin: 0px;
	padding: 0px;
	text-align: center;
	line-height: 1em;
	font-weight: 300;
}
#menu-principal li {
	display: inline;
	margin-right: 20px;
	padding-right: 20px;
}
#menu-principal li.active {
	margin-right: 0px;
	padding-right: 0px;
}
#menu-principal a {
	color: #000000;
	text-decoration: none;
	background-image: none;
}
#menu-principal a:hover {
}
#portada {
	text-align: center;
	width: 1280px;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
}
#portada img {
	width: 100%;
}
#bloques {
	width: 781px;
	margin-right: auto;
	margin-left: auto;
}
.bloque {
	width: 315px;
	padding-bottom: 75px;
}
.bloque img{
	width:100%;
	margin-bottom:15px;
}
#bloques p {
    font-size: 1.071em;;
	line-height: 1.429em;
	text-align: left;
}
#bloque-galeria {
	float: left;
	margin-right: 75px;
	padding-right: 75px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #E6E6E6;
}
#bloque-audiovisuales {
	float: right;
}
.bloque h2 {
	font-family: "BebasNeuePro-Bold", Helvetica, sans-serif;
	font-size: 30px;
	line-height: 30px;
	margin-bottom: 10px;
	margin-top: 10px;
	font-weight: normal;
}
.bloque h2 a {
	color: #000;
	text-decoration: none;
	background-image: none;
}
.bloque h2 a:hover {
	color: #666;
}
.bloque .info-historia{
	margin-bottom: 5px;
}
#info-top-historias{
	border-bottom: 1px solid #DDDDDD;
	margin-bottom: 75px;
	padding-bottom: 40px;
}
#listado-historias.contenedor{
	margin-top: 0px;	
}
.bloque-historia:nth-child(2n) {
	margin-right:0px;
}
.bloque-historia {
	width:46.5%;
	float:left;
	margin-right:7%;
	padding-bottom:75px;
}
.bloque-historia img {
	width:100%;
	height:auto;
	float: left;
	margin-bottom: 25px;
	display: block;
}
.bloque-historia h1 {
	font-size: 30px;
	line-height: 30px;
	color: #000;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	font-family: "BebasNeuePro-Bold", Helvetica, sans-serif;
	font-weight: normal;
}
.bloque-historia h1 a  {
	background-image: none;
}
.bloque-historia a.boton {
	width: 110px;
	background-image: none;
	line-height: 1.143em;
}
.info-historia, .info-reportaje {
	font-family: 'GTAmericaMonov1-UltraLight', sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #000000;
	margin-bottom: 10px;
	display: block;
	font-weight: normal;
	text-transform: uppercase;
}
#galeria-individual {
	margin-top: 0px;
}
.galeria-fotos {
	float: left;
	width: 60%;
	margin-right: 5%;
}
.galeria-fotos-texto h1 {
	font-size: 24px;
	line-height: 24px;
	color: #000;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	font-family: "BebasNeuePro-Bold", Helvetica, sans-serif;
	font-weight: normal;
}
.galeria-fotos img {
	display: block;
	float: left;
	width: 100%;
	margin-bottom: 2%;
}
.galeria-fotos-texto {
	float: right;
	width: 35%;
	padding-top: 75px;
}
.galeria-fotos-texto ul li {
	color: #333;
	line-height: 1.429em;
	margin-bottom: 15px;
}
#menu-footer {
	padding-top: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E6E6E6;
	padding-bottom: 20px;
}
#menu-footer ul {
	font-size: 0.875em;
	font-family: 'Roboto Mono', monospace;
	margin: 0px;
	padding: 0px;
	color: #666;
	text-align: center;
	line-height: 1em;
	font-weight: 300;	
}
#menu-footer li {
	display: inline;
	margin-right: 30px;
	padding-right: 30px;
}
#menu-footer li#active {
	margin-right: 0px;
	padding-right: 0px;
}
#menu-footer a {
	color: #000;
	text-decoration: none;
	background-image: none;
}
.arroba {
	font-size: 0.857em;
}
.fuentes {
	font-family: 'HelveticaLTStd-Light', sans-serif;
	margin-top: 35px;
	background-color: #f6f6f6;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
.fuentes p, .columna-texto .fuentes p {
	font-family: 'HelveticaLTStd-Light', sans-serif;
    font-size: 12px;
	margin-bottom: 10px;
}
.fuentes ol, .fuentes ul, .blog-izq .fuentes ol, .blog-izq .fuentes ul{
	font-family: 'HelveticaLTStd-Light', sans-serif;
    font-size: 12px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 13px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	color: #444444;
	line-height: 18px;
}
.fuentes ol li, .fuentes ul li, .blog-izq .fuentes ol li, .blog-izq .fuentes ul li{
    margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 13px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	list-style-type: decimal;
}
.fuentes ul li, .blog-izq .fuentes ul li{
	list-style-type: disc;
}
.margen-top-0{
	margin-top: 0px;
}
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	margin-bottom: 20px;
}
.video-container iframe, .video-container object, .video-container embed, .video-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder {}
.pie{	font-family: 'HelveticaLTStd-Light', sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #666;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E6E6E6;
	text-align: center;
	display:block}
.clear{
	clear: both;
}
@media screen and (max-width : 1380px) {
#info-top-historias.contenedor, #listado-historias.contenedor{
	width:90%;
	padding-right: 5%;
	padding-left: 5%;
}
}
@media screen and (max-width : 1100px) {
#menu-footer li {
	padding-right: 0px;
}
}
@media screen and (max-width : 960px) {
h1 {
	font-size: 40px;
	line-height: 40px;
}
h2 {
	font-size: 32px;
	line-height: 32px;
	margin-top: 25px;
	margin-bottom: 10px;
}
h3 {
	font-size: 26px;
	line-height: 26px;
	margin-top: 25px;
}
h4 {
	font-size: 20px;
	line-height: 20px;
	margin-top: 0px;
}
p {
	margin-bottom: 15px;
}
.contenedor.columna-texto p {
    font-size: 1.071em;
	line-height: 1.429em;
}
.bloque-historia h1   {
	font-size: 24px;
	line-height: 24px;
	letter-spacing: 0px;
}
}
@media screen and (max-width : 930px) {
#menu-principal li {
	margin-right: 15px;
	padding-right: 15px;
}
#menu-footer ul {
	font-size: 0.857em;
}
#menu-footer li {
	margin-right: 8px;
}
}
@media screen and (max-width : 875px) {
#menu-principal ul li ul {
	display: inline;
	font-size: 0.889em;
}
#menu-principal li {
	margin-right: 10px;
	padding-right: 10px;
}
#bloques {
	padding-right: 5%;
	padding-left: 5%;
	max-width:90%;
}
#bloques img{
	width: 100%;
	height:auto;
}
.bloque {
	width: 42.5%;
	padding-top: 0px;
	padding-bottom: 7.422402159244265%;
}
#bloque-galeria {
	margin-right: 7.4%;
	padding-right: 7.4%;
}
}
@media screen and (max-width : 800px) {
#menu-principal li {
	margin-right: 6px;
	padding-right: 6px;
}
}
@media screen and (max-width : 790px) {
.bloque {
	padding-bottom: 55px;
}
.contenedor {
	margin-top: 50px;
	margin-bottom: 55px;
}
.contenedor.columna-texto{
	width: 90%;
	margin-right:5%;
	margin-left:5%;
}
}
@media screen and (max-width : 768px) {
.show-menu {
	display: block;
	cursor: pointer;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin-top: 6px;
	margin-right: 40px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: right;
}
.show-menu img{
	width: 30px;
	height: 30px;
}
#menu-principal ul#menu {
	position: static;
	display: none;
	margin-top: 35px;
	padding-top: 0px;
	border-top: 1px solid #E6E6E6;
}
#menu-principal ul{
	font-size: 1.143em;
	margin: 0px;
	padding: 0px;
	text-align: center;
	line-height: 1em;
}
#menu-principal li {
	display: block;
	margin-right: 0px;
	padding-right: 0px;
	margin-top: 30px;
	padding-top: 0px;
}
#menu-principal a#logo-cabecera {
	width: 215px;
	height: 45px;
	display: block;
	margin-left: 40px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-size: 215px 45px;
}	
#info-top-historias{
	border-bottom: 0px none #DDDDDD;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.bloque-historia {
	width: 80%;
	padding-right: 10%;
	padding-left: 10%;
	margin-top: 55px;
	padding-top: 55px;
	border-top-color: #CCC;
	border-top-width: 1px;
	border-top-style: solid;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.bloque-historia img {
	float: none;
	margin-right: 0px;
	width: 100%;
	display: block;
	margin-left: 0px;
	margin-bottom: 25px;
}
#galeria-individual.contenedor{
	max-width: 100%;
	margin-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
#galeria-individual{
	margin-top: 55px;	
}
.galeria-fotos-texto {
	float: none;
	width: 90%;
	padding-top: 0px;
	margin-bottom: 35px;
	padding-right: 5%;
	padding-left: 5%;
}
.galeria-fotos {
	float: none;
	width: 100%;
	margin-right: 0px;
}
.galeria-fotos-texto h1   {
	font-size: 24px;
	line-height: 28px;
	color: #000;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	font-family: "BebasNeuePro-Bold", Helvetica, sans-serif;
	font-weight: normal;
}
.galeria-fotos img {
	display: block;
	float: left;
	width: 100%;
	margin-bottom: 2%;
}
	#menu-footer ul {
	font-size: 1em;
	letter-spacing: 1px;
}
#menu-footer li {
	margin-right: 0px;
	display: block;
	width: 100%;
	padding-top: 8px;
	padding-bottom: 8px;
	color: #666;
}
#menu-footer a {
	color: #666;
}
}
@media screen and (max-width : 680px) {
#bloques {
	margin-top: 55px;
	padding-top: 55px;
	border-top-color: #CCC;
	border-top-width: 1px;
	border-top-style: solid;
	width: 100%;
	padding-right: 0%;
	padding-left: 0%;
}
.bloque-historia h1   {
	font-size: 26px;
	line-height: 26px;
	letter-spacing: 0px;
}
.bloque {
	padding-bottom: 55px;
	width: 80%;
	padding-right: 10%;
	padding-left: 10%;
	}
#bloque-galeria {
	margin-bottom: 55px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	margin-right: 0px;
	border-right-width: 0px;
	border-right-style: none;
	width: 80%;
	padding-right: 10%;
	padding-left: 10%;
}
#bloques img{
	width: 100%;
	float: none;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
.bloque h2 {
	font-family: "BebasNeuePro-Bold", Helvetica, sans-serif;
	font-size: 26px;
	line-height: 26px;
	margin-bottom: 10px;
	margin-top: 0px;
	font-weight: normal;
}
#bloques p{
	}
#bloques p.texto-hidden{
	display: none !important; 

}
}
@media screen and (max-width : 555px) {
#menu-top .contenedor-menu-top {
		width:182px;
	}
#menu-top ul{
	font-size: 0.857em;
}
#menu-top a#fb, #menu-top a#tw, #menu-top a#ytb {
	display: none !important; 
} 
#menu-top li#texto-top  {
	border-right-width: 0px;
	border-right-style: none;
	width: 112px;
	margin-right: 0px;
	padding-right: 0px;
	font-size: 1em;
}
#menu-top a#idioma {
}
}
@media screen and (max-width : 500px) {
#menu-principal a#logo-cabecera {
	width: 179px;
	height: 38px;
	display: block;
	margin-left: 30px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-size: 179px 38px;
}
.show-menu {
	margin-top: 5px;
	margin-right: 30px;
}
.show-menu img{
	width: 25px;
	height: 25px;
}
h1 {
	font-size: 30px;
	line-height: 30px;
	margin-bottom: 15px;
}
h2 {
	font-size: 26px;
	line-height: 26px;
	margin-top: 25px;
	margin-bottom: 15px;
}
p, .contenedor.columna-texto p, #bloques p {
	line-height: 1.571em;
}
.contenedor ul li, .contenedor.contenedor-historias ul li {
	margin-left: 5px;
	font-size: 1em;
}
.contenedor ul, .contenedor.contenedor-historias ul {
	margin-left: 5px;

}
blockquote{
	margin-right: 5px;
	margin-left: 10px;
}
.contenedor {
	margin-top: 20px;
	margin-bottom: 35px;
}
.bloque-historia {
	margin-top: 35px;
	padding-top: 35px;
}
#bloques {
	margin-top: 35px;
	padding-top: 35px;
	padding-bottom: 35px;
}
.bloque {
	padding-bottom: 35px;
	width: 100%;
	padding-right: 0px;
	padding-left: 0px;
}
#bloque-galeria {
	margin-bottom: 35px;
	width: 100%;
	padding-right: 0px;
	padding-left: 0px;
}
#bloque-audiovisuales.bloque {
	padding-bottom: 0px;
}
.bloque h2 {
	font-size: 26px;
	line-height: 26px;
}
.bloque-historia {
	width: 100%;
	padding-right: 0px;
	padding-left: 0px;
}
#galeria-individual{
	margin-top: 35px;	
}
.galeria-fotos-texto h1   {
	font-size: 22px;
	line-height: 24px;
}
}
@media screen and (max-width : 380px) {
#info-top-historias{
}
.bloque {
	width: 100%;
	padding-right: 0px;
	padding-left: 0px;
}
#bloque-galeria {
	width: 100%;
	padding-right: 0px;
	padding-left: 0px;}
}
@media screen and (max-width : 345px) {
}