body{ background-color: #f6f7fb;}
.suscripcionBox{  box-shadow: 3px 13px 22px 0 rgba(161, 167, 189, 0.36); width: 30%; margin-left: 1.5%; margin-right: 1.5%; float: left; background-color: #ffffff; margin-top: 100px;}
.suscripcionBox .icono{ width: 34%; position: relative; margin-left: 33%; float: left; margin-top: -50px;}
.suscripcionBox h3{ font-size: 35px; float: left; width: 100%; text-align: center; margin-top: 15px; margin-bottom: 0px;}
.suscripcionBox p{ font-size: 17px; float: left; width: 90%; margin-left: 5%; font-weight: 100; text-align: center; margin-top: 15px; line-height: 1.3; font-family: 'Inter', arial;}
.nombre,.telefono,.email{  width: 85%; height: 40px; margin-left: 5%; padding-left: 2.5%; padding-right: 2.45%; margin-bottom: 14px; line-height: 40px; border: solid 1px #d8d8d8; background-color: #ffffff; font-family: 'Inter', arial; font-size: 14px; color: #333333;}
.acepto{ margin-left: 5%; float: left;}
label{font-size: 15px; float: left; width: 80%; margin-left: 1%; font-weight: 100; font-family: 'Inter', arial; margin-top: 3px;}
.enviar{ background-color: #dd1c56; height: 40px; line-height: 40px; font-size: 15px; text-align: center; color: #fff; float: left; width: 90%; margin-left: 5%; text-decoration: none; transition: all 0.5s; -moz-transition: all 0.5s; /* Firefox 4 */ -webkit-transition: all 0.5s; /* Safari and Chrome */ -o-transition: all 0.5s; /* Opera */ margin-top: 15px; margin-bottom: 25px;}

.errorSuscripcion{ float: left; width: 80%; margin-left: 10%; margin-top: 100px; margin-bottom: 150px; color: #03A200; text-align: center; font-size: 23px;}
.okSuscripcion{float: left; width: 80%; margin-left: 10%; margin-top: 100px; margin-bottom: 150px; color: #03A200; text-align: center; font-size: 23px;}


.condiciones{ font-family: 'Inter', arial; font-size: 17px; line-height: 1.4; width: 97%; margin-left: 1.5%; float: left; margin-top: 60px; margin-bottom: 150px;}
.introPapel{ float:left; width:90%; margin-left: 10px; margin-bottom: 60px; margin-top: 40px;  font-family: 'Inter', arial; font-size: 25px;}
.introPapel h3{  font-family: 'gotham_blackregular', arial; text-transform:uppercase; font-size:1.8rem; margin-top:4px; font-weight:normal; margin-bottom:0px; }
.introPapel p{  font-family: 'gotham_mediumregular', arial; font-size:1.05rem; margin-top:0px; font-weight:normal; margin-bottom:0px; }
.searchBox{ background-color:#9d9b9b; color:#FFF; width:198px; height:32px; line-height:32px; position:absolute; right:15px; top:170px;}
	.searchBox.bigHeader{ top:255px !important;}
	.searchBox input{ border:none; background-color: transparent; width:90%; position:absolute; right:0px; float:right; height:28px; line-height:26px; font-family: 'gotham_extralightregular', arial; font-size:1rem; color:#FFF; text-align:right; margin-right:10px; cursor:pointer;}
	.searchBox span{ float:left; margin-left:10px; font-size:1.6rem; line-height:30px; margin-top:3px;}

.listadoHemeroteca{ float:left; width:99%; margin-left:1%; padding-left:0px; }
	/*.listadoHemeroteca .borderTop{ float:left; width:98.6%;  border-top:solid 1px #d8d8d8; margin-bottom:12px;}*/
	.listadoHemeroteca li{ float:left; width:456px; list-style:none; margin-left:0px; padding-left:0px; height:385px; margin-right:33px; margin-bottom: 80px; }
		.listadoHemeroteca li .imagen{ float:left; width:100%; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px; cursor:pointer; transition: all 0.5s; -moz-transition: all 0.5s; /* Firefox 4 */ -webkit-transition: all 0.5s; /* Safari and Chrome */ -o-transition: all 0.5s; /* Opera */}	
			.listadoHemeroteca li .imagen:hover{ opacity:0.5;}
			.listadoHemeroteca li .imagen img{ float:left; width:100%;}			
			
		.listadoHemeroteca li h6{ float:left; width:100%; font-weight:normal; font-family: 'Inter'; font-size: 25px; text-align: center; margin-top:28px; margin-bottom:20px; cursor:pointer;}
		.listadoHemeroteca .item-fecha{   font-family: 'Inter'; text-align: center; font-size: 14px; cursor:pointer;}
		
@media screen and (max-width : 750px){ 
.suscripcionBox{  box-shadow: 3px 13px 22px 0 rgba(161, 167, 189, 0.36); width: 300px; left: 50%; margin-left: -150px; margin-right: auto; clear: both; position: relative; float: left; background-color: #ffffff; margin-top: 100px;}
.suscripcionBox .icono{ width: 34%; position: relative; margin-left: 33%; float: left; margin-top: -50px;}
.suscripcionBox h3{ font-size: 35px; float: left; width: 100%; text-align: center; margin-top: 15px; margin-bottom: 0px;}
.suscripcionBox p{ font-size: 17px; float: left; width: 90%; margin-left: 5%; font-weight: 100; text-align: center; margin-top: 15px; line-height: 1.3; font-family: 'Inter', arial;}
.nombre,.telefono,.email{  width: 85%; height: 40px; margin-left: 5%; padding-left: 2.5%; padding-right: 2.45%; margin-bottom: 14px; line-height: 40px; border: solid 1px #d8d8d8; background-color: #ffffff; font-family: 'Inter', arial; font-size: 14px; color: #333333;}
.acepto{ margin-left: 5%; float: left;}
label{font-size: 15px; float: left; width: 80%; margin-left: 1%; font-weight: 100; font-family: 'Inter', arial; margin-top: 3px;}
.enviar{ background-color: #dd1c56; height: 40px; line-height: 40px; font-size: 15px; text-align: center; color: #fff; float: left; width: 90%; margin-left: 5%; text-decoration: none; transition: all 0.5s; -moz-transition: all 0.5s; /* Firefox 4 */ -webkit-transition: all 0.5s; /* Safari and Chrome */ -o-transition: all 0.5s; /* Opera */ margin-top: 15px; margin-bottom: 25px;}

.errorSuscripcion{ float: left; width: 80%; margin-left: 10%; margin-top: 100px; margin-bottom: 150px; color: #03A200; text-align: center; font-size: 23px;}
.okSuscripcion{float: left; width: 80%; margin-left: 10%; margin-top: 100px; margin-bottom: 150px; color: #03A200; text-align: center; font-size: 23px;}
}