/*

colors: #d1d1d1;#0B1C30;#57606a;



*/



*{

  margin: 0;

  padding: 0;

  box-sizing: border-box;

}



html {

  color: #2b2b2b;

  font-family: 'Merriweather', sans-serif;

  font-size: 10px;

  text-rendering: optimizeLegibility;

}



.bodylanding{

  background-image: url(images/portada.jpg);

  background-size:cover;

  background-position: center;

  background-attachment: fixed;

}



.row {

 width: 100%;

 margin: 0 auto;

}



.row1 {

  max-width: 1140px;

  margin: 0 auto;

}



/*---------------------------PRELOADER------------------------- */



.js #loader { display: block; position: absolute; left: 100px; top: 0; }

.se-pre-con {

	position: fixed;

	left: 0px;

	top: 0px;

	width: 100%;

	height: 100%;

	z-index: 9999;

	background: url(images/entreunos-web-loader.png) center no-repeat #fff;

  background-size: 6%;

}







/*HEADER*/



.header{

  background: linear-gradient(to bottom,rgba(111, 111, 111, 0.0), rgba(222, 222, 222, 0.0));

  background-size:cover;

  background-position: center;

  background-repeat: no-repeat;

  height: 100%;

  width: 100%;

}



.headerContainer{

  position: absolute;

  top: 40%;

  left: 50%;

  transform: translate(-50%, -50%);

  text-align: center;

  width: 40%;

  padding: 1rem;

  /*background-color: rgba(134, 134, 134, 0.47);*/

}



.headerlogo{

  width: 12%;

}



.primaryTitle{

  font-family: 'Merriweather', serif;

  font-size: 5rem;

  font-weight: 400;

  color: #ffffff;

  margin-top: 1rem;

}



.primaryTitle::after{

  display: block;

  content: " ";

  width: 40rem;

  margin: auto;

  height: .15rem;

  background-color: #ffffff;

}



.secondaryTitle{

  font-family: 'Merriweather', serif;

  font-size: 2rem;

  font-weight: 100;

  color: #ffffff;

  margin-top: 1rem;

  background-color: #111C38;
  padding: 20px 20px ;

}



.support{

  position: absolute;

  top: 87%;

  left: 50%;

  /*height: 8%;*/
  padding: 10px 0px;

  transform: translate(-50%, -50%);

  text-align: center;

  width: 100%;

 

  background-color: rgba(209, 209, 209, .8);

}



.support a{

  color: #000000;

  text-decoration: none;

  margin-top: .5rem;

  font-size: 1.5rem;

}

.support h5{
  color: #000000;
  font-size: 16px;
}

.support h6{
  color: #000000;  
  font-size: 12px;  
}



/*NAVIGATION*/

.sticky{

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  z-index: 999;

}



.navigation{

  width: 100%;

  height: 6rem;

  background-color:rgba(0, 0, 0, 1);

}



.navigation{

  width: 100%;

  height: 6rem;

}



.menuLogo{

  float: left;

  height: 3.5rem;

  margin-top: 1rem;

  margin-left: 5%;

}



.main-nav{

  list-style: none;

  text-align: right;

  width: 100%;

}



.main-nav li {

  display: inline-block;

  margin-right: .1REM;

  margin-top: 2rem;

  margin-right: 5%;

}



.main-nav li a:link,

.main-nav li a:visited  {

  font-family: 'Roboto', sans-serif;

  color: #ffffff;

  text-decoration: none;

  font-size: 1.5rem;

  font-weight: 400;

  padding: 1rem 2rem;

  letter-spacing: .1rem;

}





.main-nav li a:hover,

.main-nav li a:active {

  text-decoration: none;

  color: #57c1ff96;

  transition: background-color .5s, font-weight .5s, border-bottom .5s;

}



/*SECONDARY NAV*/



.main-nav-secondary{

  list-style: none;

  text-align: right;

  width: 100%;

}



.main-nav-secondary li {

  display: inline-block;

  margin-right: .1REM;

  margin-top: 2rem;

  margin-right: 3%;

}



.main-nav-secondary li a:link,

.main-nav-secondary li a:visited  {

  font-family: 'Roboto', sans-serif;

  color: #ffffff;

  text-decoration: none;

  font-size: 1.5rem;

  font-weight: 400;

  padding: 1rem 2rem;

  letter-spacing: .1rem;

}





.main-nav-secondary li a:hover,

.main-nav-secondary li a:active {

  text-decoration: none;

  color: #595959;

  transition: background-color .5s, font-weight .5s, border-bottom .5s;

}



.dropdown-content {

    display: none;

    position: absolute;

    background-color: #d1d1d1;

    margin-top: 21px;

    min-width: 160px;

    z-index: 1;

}



/* Links inside the dropdown */

.dropdown-content a {

    text-decoration: none;

    display: block;

    text-align: left;

}



/*SECCION PUBLICACIONES INDEX*/



.contentSection{

  height: 200%;

  background-color: #ffffff;

}



.contentSection h3{

  display: block;

  text-align: left;

  font-size: 3.5rem;

  color: #000000;

  padding-top: 6rem;

  padding-left: .5%;

  font-weight: 400;

  font-family: 'Roboto', sans-serif;

}



.entreunosContainer{

  position: absolute;

  text-align: center;

  width: 99%;

  margin-left: 1%;

  height: 100%;

  margin-top: 5%;

}



.entreunosArticleContainer {

  display: block;

}



.entreunosArticleContainer ul{

  width: 100%;

  display: block;

  list-style: none;

  text-align: center;

}



.entreunosArticleContainer li{

    text-decoration: none;

    list-style: none;

}



 .entreunosArticleContainer img{

   display: inline;

   float: left;

   height: 100%;

 }



 .entreunosArticleContainer img::after{

   content:"";

   padding-bottom: 100%;

 }



 .entreunosArticleContainer a:link,

 .entreunosArticleContainer a:visited{

   display: block;

   height: 60%;

   width: 33%;

   float: left;

   list-style: none;

   text-align: center;

  text-decoration: none;

  transition: all .2s ease-in-out;

 }



 .entreunosArticleContainer a:hover,

 .entreunosArticleContainer a:active{

  text-decoration: none;

  transform: scale(1.02);



 }





 .entreunosarticlebackground{

   height: 100%;

 }



 .textcontainer{

   float: left;

   width: 70%;

   margin-left:5.5%;

   height: 90%;

   margin-top: 5%;

   background-color:  inherit;

 }



 .tophalf{

   height: 40%;

 }



 .tophalf h5{

   font-size: 2.7rem;

   color: #ffffff;

   font-weight: 300;

   margin-bottom: 2%;

   text-transform: capitalize;

   text-align: left;

 }





 .tophalf div{

   font-size: 1.5rem;

   color:#ffffff;

   margin-bottom: 5%;

   margin-left: 0%;

   text-align: left;

 }



 .tophalf h6{

   bottom: 0;

   right: 0;

 }



 .bottomhalf{

  height: 10%;

  background-color:#FFFFFF;

  text-decoration: none;

  //box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.6), 0 6px 20px 0 rgba(0, 0, 0, 0.6);

  border: 1px solid black;

 }



 .bottomhalf h6{

   font-size: 1.5rem;

   padding-top: .5rem;

   text-align: center;

   text-decoration: none;

   color: black

 }



/*FOOTER*/



footer{

  height: 25%;

  width: auto;

  position: absolute;

  background-color: #c7c7c7;

}



.footerContainerHalf{

  display: inline-block;

  float: left;

  width: 20%;

  height: 100%;

}



.footertext{

  display: inline-block;

  float: left;

  font-size: 1.3rem;

  color: black;

  margin-top: 20%;

}



.logofooter{

  display: inline-block;

  text-align: left;

  width: 25%;

  margin-top: 20%;

  margin-left: 40%;

}



.contactoFooter{

  float: right;

  width: 20%;

}



.contactoFooter p{

  font-family: "Merriweather", serif;

  color: black;

  font-weight: 700;

  font-size: 1.5rem;

}



/*NOSOTROS*/



.nosotrosback{

  height: 100vh;

  background-color: #656565;

}



.lefthalf{

  width: 50%;

  height: 100%;

  float: left;

}



.lefthalf img{

  width: 20%;

  margin-left: 40%;

  margin-top: 40%;

}



.righthalf{

  width: 50%;

  height: 100%;

  float: right;

}



.righthalf h1{

  color:#ffffff;

}



.righthalf h3{

  color: #ffffff;

}



.righthalf p{

  color:#ffffff;

  font-size: 1.3rem;

  margin-bottom: 1rem;

}



.contentNosotros{

  margin-top: 40%;

  margin-right: 15%;

  margin-left: 10%;

}



/*PUBLICACIONES PAGE*/

.publicaciones-page{

  height: 100%;

  width: 100%;

}

.publicaciones-left-half{

  height: 100%;

  width: 50%;

  display: inline-block;

  float: left;

}



.publicaciones-right-half{

  height: 100%;

  width: 50%;

  display: inline-block;

  float: left;

}



.portada{

  width: 55%;

  margin-left: 22.5%;

  margin-top: 12%;

}



.publicaciones-container{

  background-color: #ffffff;

  height: 90%;

  margin-top: 6%;

  width: 90%;

  margin-left:5%;

  overflow-y: scroll;

}



.publicacionIndex1{

  height: 10%;

  width: 98%;

  margin-left: 2%;

  display: block;

}



.publicacionIndex2{

  height: 90%;

  width: 90%;

  margin-left: 2%;

  display: block;

}



.publicaciontitle{

  font-size: 3rem;

  margin-top: 3%;

  float: left;

  display: inline-block;

}



.publicacioncontent{

  font-size: 1rem;

  margin-top: 3%;

  float: left;

  margin-left: 1%;

  display: block;

  width: 100%;

}



.publicacioncontent a:link,

.publicacioncontent a:visited{

  text-decoration: none;

  color: #000000;

}



.publicacioncontent a:active,

.publicacioncontent a:hover{

  color: #444444;

}







.pdflink:link,

.pdflink:visited{

  font-size: 2rem;

  margin-top: 3%;

  float: right;

  margin-right: 3%;

  display: inline-block;

  text-decoration: none;

  padding: 1% 2%;

  border-radius: 20px;

}



.pdflink:hover,

.pdflink:visited{

  background-color: rgb(160, 160, 160);

}