:root {
	--fondo-primario:#bd0c0c;
	--fondo-segundario: #DC143C;
}

* {
	font-family: arial;
}

body {
	margin: 0px;
	padding: 0px;
	background-color: #f2f2f2;
}

/*  Caja top de la pagina */

.top_view {
	width: 1019px;
	height: 20px;
	color:white;
	margin: auto;
	line-height: 20px;
	font-size: 14px;
	font-weight: 600px;
	background-color: var(--fondo-primario);
	margin-bottom: 30px;
	text-align: center;
	justify-content: center;
	text-align: center;
}

.top_view h1 {
	display: inline;
	font-size: 14px;
	justify-content: center;

}


/*  estilos del Formulario  */


form {
	margin: 0px;
	padding: 0px;
}

.buscador_pag {
	width: 120px;
    padding: 10px 0px 10px 0px;
    font-size: 12px;
    border: none;
    border-radius: 3px 0px 0px 3px;
    outline: 0px;
    text-align: center;

}

.input_pag {
	padding: 10px 20px;
    border: none;
    font-size: 12px;
    border-radius: 0px 3px 3px 0px;
    background: white;
    color: #000;
    font-weight: bold;
    cursor: pointer;
    outline: 0px;
    letter-spacing: 1px;
}

.input_pag:hover{
	color: white;
    background: #fd1745;
}

/*  boton de suscripcion */

.suscribir__e {
	margin: 0;
	margin-bottom: 10px;
	padding: 2px 35px;
    border: none;
    font-size: 14px;
    border-radius: 6px;
    background: var(--fondo-primario);
    color: #fff;
    cursor: pointer;
    outline: 0px;
    letter-spacing: 1px;
}

.suscribir__e:hover {
	background: var(--fondo-segundario);
}





/*  titulares */

h1, h2, h3, h4, h5, h6 {
	margin: 0px;
}



/*  Elementos de la pagina  */

body, th, td, input, textarea, select {
	font-family: "Arial", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
}

p, blockquote, ul, ol, dl {
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: justify;
}

a {
	color: #000;
	text-decoration: none;

}

a:hover {
	text-decoration: none;
}

/* estilos para para los hinpervinculos  */

.link1 {
	text-decoration: none;
	color: #000;
}

.link1:hover {
	text-decoration: underline;
}

/* imagenes   */

img { 
	border: none; 
}


hr { display: none; }


h4 {
	text-align: center;
	font-size:16px;
	margin-bottom:2px;
}


/*  Boton de twitter  */


.tweet-button{
	height: 20px;
	width: 75px;
	border-radius:2px;
}




.img:hover {
 background: var(--fondo-segundario);
}



/* Style buttons */
 

.fb {

	margin-top: 7px;
	margin-right: 10px;
}

/* estilos del buscador */


/* div center button facebook and twitter */

.bars-compartir {
	width: 150px;
	margin: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.pagination__bottom {
	position: sticky;
    bottom:0;
  }


.clase_table {
        border-collapse: separate;
        border-spacing: 10;
        border:none;
        background-color: var(--fondo-primario);
        padding: 0px;
        outline: 0px;
    }



.boton_3:hover{
    color: #64A907;
    background-color: #64A907;
    text-decoration: none;
    padding: 5px;
    font-weight: 400;
  }


a {
	text-decoration: none;

}



.btn_tocar{
    text-decoration: none;
    padding: 4px 25px 4px 25px;
    font-weight: bold;
    font-size: 18px;
    color: #D10E0E;
    background-color: #E8CB13;
	box-shadow: 0px 0px 3px black;
}

.btn_tocar:hover{
    color: #f2f2f2;
    background-color: #f01111;
    padding: 5px 30px 5px 30px;

}
  
.pre2:hover {
			opacity: 0.7;
			-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 70);
			filter: alpha(opacity = 70);
			transition-duration: 0.5s;
			-moz-transition-duration: 0.5s;
			-webkit-transition-duration: 0.5s;
			-o-transition-duration: 0.5s;
    }
    
    
.imagen:hover {
   opacity: 0.7;
  filter: alpha(opacity=50); /* Para IE8 y anteriores */

}



.sombra__periodico {
box-shadow:  5px 5px 10px #b3b3b3,
             -5px -5px 10px #b3b3b3;
}


.nav_footer {

}


.nav_footer a {
	font-size: 12px;
	text-transform: uppercase;
	
}

.nav_footer a:hover {
	border-bottom: 1px solid gray;
 
	
}