:root{
  --principal: #333;
  --primario: #b40000;
  --secundario: #182d4e;
  --complementario:#108e71;
  --blanco:#fff;
  --fondo:#eee;
  --oswald: 'Oswald', sans-serif;
  --sans:'Source Sans Pro', sans-serif;
}
html {
  box-sizing: border-box;
  min-height: 100%;
}
*, *:before, *:after {
  box-sizing: inherit;
}
body{
    font-family: var(--sans);
    font-size: 18px;
}
/*Boton top*/
#myBtn {  display: none;  position: fixed;  bottom: 20px;  right: 30px;  z-index: 99;  font-size: 20px;  border: none;  outline: none;  background-color: var(--primario);  color: white;  cursor: pointer;  padding: 10px;  border-radius: 4px;}
#myBtn:hover {  background-color: #555;}  


.idiomas-site {
  padding-top: 8px;
  padding-bottom: 8px;
  margin-bottom: 0px;
}
.idiomas-site .idiomas-lista p{
  margin-bottom: 0px; 
}
.idiomas-site .idiomas-lista a{
  color: #fff;
  font-family: var(--sans);
  font-weight: 600;
}
.idiomas-site .idiomas-lista a:hover{
  text-decoration: none;
  background-color: var(--primario);
}
.texto-inicial h1{
  font-size: 1.5em;
  margin: 0 0 0 10px;
  font-family: var(--sans);
}

/*Agregados por link del texto de portada*/

.texto-inicial a{
  color: var(--principal);
  font-family: var(--sans);
 font-weight:600;
}
.texto-inicial a:hover{
  color:var(--primario);
  text-decoration:none;
}


.texto-borde{
  border-left: 10px solid var(--primario);
}

form.example input[type=text] {
  padding: 10px;
  font-size: 17px;
  border: 1px solid grey;
  float: left;
  width: 80%;
  background: #f1f1f1;
}

form.example button {
  float: left;
  width: 20%;
  padding: 10px;
  background: var(--primario);
  color: white;
  font-size: 17px;
  border: 1px solid grey;
  border-left: none;
  cursor: pointer;
}

form.example button:hover {
  background: var(--primario);
}

form.example::after {
  content: "";
  clear: both;
  display: table;
}


.main-lista{ 
  color: var(--principal);
}
@media (max-width: 576px){
  .main-lista{ margin-top: 2em;}
}
.main-lista .lista h5{
  border-bottom: 1px solid var(--primario);
}
.main-lista .lista a{ color:var(--principal);font-size: 0.8em;}
@media (max-width: 576px){
  .main-lista .lista a{ font-size: 0.95em;}
}
.main-lista .lista a:hover{ color:var(--primario); text-decoration: none;}

/*secciones-site*/
.secciones-lista .seccion{padding-left: 0px; padding-right: 0px; display: flex; align-items: center;justify-content: center;}
.secciones-lista p{margin-bottom: 0em;padding: 10px; font-size: 3em;}
.secciones-lista a{ color: #fff; font-family: var(--sans); font-weight: 900;}
.secciones-lista a:hover{ color: #fff;}
/**/
.secciones-lista .teoria{background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.75)), url(../img/teoria.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; height: 20em;}
.secciones-lista .economia{background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.75)), url(../img/economia.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; height: 20em;}
.secciones-lista .obrero{background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.75)), url(../img/movimiento.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; height: 20em;}
.secciones-lista .mujer{background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.75)), url(../img/mujer.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; height: 20em;}
.secciones-lista .historia{background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.75)), url(../img/historia.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; height: 20em;}
.secciones-lista .libertades{background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.75)), url(../img/libertades.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; height: 20em;}
.secciones-lista .arte{background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.75)), url(../img/arte.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; height: 20em;}
.secciones-lista .politica{background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.75)), url(../img/politica.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; height: 20em;}
.secciones-lista .medioambiente{background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.75)), url(../img/medioambiente.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; height: 20em;}
.secciones-lista .internacional{background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.75)), url(../img/mapa.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; height: 20em;}
.secciones-lista .juventud{background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.75)), url(../img/juventud.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; height: 20em;}


.regiones-site{
  background-image:linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.75)), url(../img/image1.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.regiones-lista p{margin-bottom: 0em;padding: 10px;}
.regiones-lista a{ color: #fff; font-family: var(--sans); font-weight: 900;}
.regiones-lista a:hover{ color: #fff;}

/*Pagination*/
.pagination-title{font-size: var(--title);}
.pagination-title+.pagination-sm { display: inline-block;  border-radius: 0;}
.pagination-sm a {    color: var(--black)!important;    font-size: 14px;}
.pagination-sm a ul li{color:var(--black)!important;font-size:16px;}
.pagination {    display: inline-block;    padding-left: 0;    margin: 20px 0;    border-radius: 4px;}
.pagination-sm { margin-left: -17px;}
.pagination-container .pagination-items .pagination-sm a :active{color:var(--main)!important; font-weight: bolder; font-size: var(--small-title);}
.pagination-items {display: flex; justify-content:space-between;}
.pagination-title+.pagination-sm, .pagination-title+.pagination-sm ul li {
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 50px;
  border-radius: 0;
}
ul.pagination-items .pagination-item a {
  color: #b40000 !important;
}
ul.pagination-items .pagination-item {
  margin-right: 5px;
}
ul.pagination-items .pagination-item::after {
  content: "|";
  margin-left: 5px;
}
ul.pagination-items .pagination-item:nth-last-child(1)::after{
  content: none;
}