@import url('fonts.css');

body {
  font-family: 'Acorde-Regular';
  font-size: 18px;
  line-height: 22px;
  color: #58595b;
}

.img-centrada { margin: 0 auto; }

h1 { font-family: 'Acorde-Regular'; text-align: center; font-size: 50px; line-height: 60px; }
h2 { font-family: 'Acorde-Regular'; text-align: center; font-size: 30px; line-height: 35px; }

@media screen and (max-width: 420px){
  h1 { font-family: 'Acorde-Regular'; text-align: center; font-size: 30px; line-height: 35px; }
  h2 { font-family: 'Acorde-Regular'; text-align: center; font-size: 18px; line-height: 22px; }
}

.txt_centrado { text-align: center; }
.txt_amarillo { color: #FAB215; }
.txt_rojo { color: #D41921; }
.txt_naranja { color: #F38F1E; }
.txt_morado { color: #6D65A9; }
.txt_verde { color: #59BEA6; }

a:hover { text-decoration: none; }

.espacio20 { padding: 20px 0; }
.espacio50 { padding: 50px 0; }
.espacio100 { padding: 100px 0; }


header { padding: 30px 0; color: #aeb0b3; font-size: 18px; }
header p { padding: 10px 0 5px 0; margin: 0; }


#intro .banner { background: url(../img/bg_video.jpg) top right no-repeat; padding: 100px 0; }
#intro .banner a { cursor: pointer; }
#intro .banner .video { background: rgba(243,143,30,0.7); padding: 30px 50px;}
#intro .banner .video h1 { color: #fff; text-align: left; }
#intro .banner .icon_play { padding: 100px 0; }

.mensaje { background: #ECF1F2; padding: 50px 0; }
.mensaje  h1 { color: #FAB215; text-align: left; margin-bottom: 40px; }
.mensaje .intro { color: #F38F1E; line-height: 30px; margin-bottom: 30px; }

  @media screen and (max-width: 420px){
    .mensaje  h1 { margin-left: inherit; }
  }


.numeralia { padding: 50px 0; }
.numeralia  h1 { color: #FAB215; text-align: left; margin-bottom: 0px; }
.numeralia  h2 { color: #FAB215; text-align: left; margin: 0px; }
.numeralia p { margin: 0; }
.numeralia p.txt_grande { font-size: 30px; line-height:35px; }
.numeralia hr.divisor_n { border-bottom: 1px solid #FAB215; width: 100px; margin: 2px 0; }

.dato_duro {  } 




  .btn_mas {
    display: inline-block;
    padding: 15px;
  }

  .btn_amarillo {
    background: #FAB215;
    color: #fff;
     text-align: right
  }

  .btn_mas:hover { color: #fff; }

  .ver_mensaje {
    margin-top: -20px;
  }


.exagonos { padding: 50px 0; text-align: center; }
  
  .exag { 
    background: url(../img/hexagono1.png) center center no-repeat; 
    font-family: 'Acorde-Bold';
    padding: 60px 45px 80px 45px;
    color: #58595b;
    margin: 20px 0;
  }
  .exag:hover { 
    background: url(../img/hexagono2.png) center center no-repeat; 
    color: #fff;
  }

  .exag_3 { padding: 70px 45px 90px 45px; }  
  .exag_4 { padding: 50px 45px 70px 45px; }  


.sostenibilidad { padding: 30px 0; text-align: center; font-size: 14px !important; line-height: 16px; }
.sostenibilidad p { margin: 0; }
.sostenibilidad h2 { text-align: left; margin: 0; font-size: 30px; line-height: 35px; }

.sostenibilidad .col-md-6 { padding: 0 !important; }

.sostenibilidad .btn_mas { font-size: 18px; line-height: 20px; margin: 10px 0; border: 0; width: 100%; }

.sostenibilidad .bg_rojo {
  background: #D41921 url(../img/nuvoil-memoria-12.jpg) center right no-repeat;
  padding: 40px 20px;
  color: #fff; 
  min-height: 340px;
}
.sostenibilidad .btn_rojo { background: #ECF1F2; color: #D41921; text-align: right }
.sostenibilidad .bg_rojo p { text-align: left; }


.sostenibilidad .bg_naranja {
  background: #F38F1E url(../img/nuvoil-memoria-13.jpg) center right no-repeat;
  padding: 80px 20px;
  color: #fff; 
  min-height: 340px;
}
.sostenibilidad .btn_naranja { background: #ECF1F2; color: #F38F1E; text-align: right }
.sostenibilidad .bg_naranja p { text-align: left; }
.caja_naranja { margin-top: 100px; }

.sostenibilidad .bg_morado {
  background: #6D65A9 url(../img/nuvoil-memoria-14.jpg) center left no-repeat;
  padding: 40px 20px;
  color: #fff; 
  min-height: 340px;
}
.sostenibilidad .btn_morado { background: #ECF1F2; color: #6D65A9; text-align: right;  }
.sostenibilidad .bg_morado p { text-align: left; }


.sostenibilidad .bg_turqueza {
  background: #00B5C3 url(../img/nuvoil-memoria-16.jpg) center right no-repeat;
  padding: 80px 20px;
  color: #fff; 
  min-height: 340px;
}
.sostenibilidad .btn_turqueza { background: #ECF1F2; color: #00B5C3;  }
.sostenibilidad .bg_turqueza p { text-align: left; }


.sostenibilidad .bg_coral {
  background: #F28761 url(../img/nuvoil-memoria-15.jpg) center left no-repeat;
  padding: 40px 20px;
  color: #fff; 
  min-height: 340px;
}
.sostenibilidad .btn_coral { background: #ECF1F2; color: #F28761; text-align: right;  }
.sostenibilidad .bg_coral p { text-align: left; }


.sostenibilidad .bg_verde {
  background: #59BEA6 url(../img/nuvoil-memoria-17.jpg) center right no-repeat;
  padding: 80px 20px;
  color: #fff; 
  min-height: 340px;
}
.sostenibilidad .btn_verde { background: #ECF1F2; color: #59BEA6; text-align: right;}
.sostenibilidad .bg_verde p { text-align: left; }

/*.caja_naranja { margin-top: 50px; }
.caja_morada { margin-top: -53px; margin-left: 50px; z-index: 9999;}
.caja_verde { margin-left: -100px; }*/

@media screen and (max-width: 991px){
  .caja_naranja { margin-top: inherit; }
  .caja_morada { margin-top: inherit; margin-left: inherit; z-index: 9999;}
  .caja_verde { margin-left: inherit; }
}



#GobiernoCorporativo .desc { text-align: center; }
#GobiernoCorporativo .explicacion {
  background: url(../img/bg_modulo_1.jpg) center center no-repeat;
  background-size: cover;
  padding: 100px 0;
  color: #fff !important;
}
#GobiernoCorporativo .explicacion p.cifra { font-family: 'Acorde-Regular'; text-align: left; font-size: 50px; line-height: 60px; border-bottom: 1px solid #fff; }
#GobiernoCorporativo .btn_rojo { font-family: 'Acorde-Bold'; background: #D41921; color: #fff; text-align: right; }



#ImpactoEconomico .desc { text-align: center; }
#ImpactoEconomico .explicacion {
  background: url(../img/bg_modulo_2.jpg) center center no-repeat;
  background-size: cover;
  padding: 100px 0;
  color: #fff !important;
}
#ImpactoEconomico .explicacion p.cifra { font-family: 'Acorde-Regular'; text-align: left; font-size: 50px; line-height: 60px; border-bottom: 1px solid #fff; }
#ImpactoEconomico .btn_rojo { font-family: 'Acorde-Bold'; background: #F38F1E; color: #fff; text-align: right; }


#ImpactoGente .desc { text-align: center; }
#ImpactoGente .explicacion {
  background: url(../img/bg_modulo_3.jpg) center center no-repeat;
  background-size: cover;
  padding: 100px 0;
  color: #fff !important;
}
#ImpactoGente .explicacion p.cifra { font-family: 'Acorde-Regular'; text-align: left; font-size: 50px; line-height: 60px; border-bottom: 1px solid #fff; }
#ImpactoGente .btn_rojo { font-family: 'Acorde-Bold'; background: #6D65A9; color: #fff; text-align: right; }


#ImpactoAmbiente .desc { text-align: center; }
#ImpactoAmbiente .explicacion {
  background: url(../img/bg_modulo_4.jpg) center center no-repeat;
  background-size: cover;
  padding: 100px 0;
  color: #fff !important;
}
#ImpactoAmbiente .explicacion p.cifra { font-family: 'Acorde-Regular'; text-align: left; font-size: 50px; line-height: 60px; border-bottom: 1px solid #fff; }
#ImpactoAmbiente .btn_rojo { font-family: 'Acorde-Bold'; background: #59BEA6; color: #fff; text-align: right; }




.modal {
  z-index: 999999 !important;
  background: rgba(0,0,0,0.8);
}

.modal-content {
  background: transparent;
  box-shadow: none;
  border: none; 
}

.modal-header, 
.modal-footer { border: none; }

.modal-dialog { width: 100%; }

.close,
.close:hover {
    color: #fff;
    opacity: 1 !important;
    text-shadow: none;
}

footer { text-align: center; padding: 30px 0; color: #aeb0b3; font-size: 18px; }



a { 
   text-decoration: none;
}
ul {
   list-style: none;
   margin: 0;
   padding: 0;
}

#sticky-social {
   right: 0;
   position: fixed;
   top: 150px;
   z-index: 99999;
}
#sticky-social ul li { padding-bottom: 1px; } 

#sticky-social a {
   background: #FAB215;
   color: #fff;
   display: block;
   height: 60px;
   line-height: 60px;
   position: relative;
   text-align: center;
   width: 60px;
}
#sticky-social a span {
   line-height: 60px;
   right: -170px;
   position: absolute;
   text-align:center;
   font-family: 'Acorde-Bold';
   width:170px;
}
#sticky-social a:hover span {
   right: 100%;
}

#sticky-social a span.memoria {
  line-height: 20px;
  text-align: right;
  padding: 10px 0;
}




#sticky-social a[class*="facebook"],
#sticky-social a[class*="facebook"]:hover,
#sticky-social a[class*="facebook"] span { background: #D41921; }

#sticky-social a[class*="twitter"],
#sticky-social a[class*="twitter"]:hover,
#sticky-social a[class*="twitter"] span { background: #D41921; }

#sticky-social a[class*="linkedin"],
#sticky-social a[class*="linkedin"]:hover,
#sticky-social a[class*="linkedin"] span { background: #D41921; }  

#sticky-social a[class*="plus"],
#sticky-social a[class*="plus"]:hover,
#sticky-social a[class*="plus"] span { background: #FAB215; }