@font-face {
	font-family: 'Druk Text Web Bold';
	src: url('../druk/DrukText-Bold-Web.eot');
	src: url('../druk/DrukText-Bold-Web.eot?#iefix') format('embedded-opentype'),
	url('../druk/DrukText-Bold-Web.woff2') format('woff2'),
	url('../druk/DrukText-Bold-Web.woff') format('woff');
	font-weight: 700;
	font-style: normal;
	font-stretch: normal;
}

@font-face {
	font-family: 'Druk Text Web Medium';
	src: url('../druk/DrukText-Medium-Web.eot');
	src: url('../druk/DrukText-Medium-Web.eot?#iefix') format('embedded-opentype'),
	url('../druk/DrukText-Medium-Web.woff2') format('woff2'),
	url('../druk/DrukText-Medium-Web.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
}

body {
  font-size: 1rem;
  font-family: 'Georgia', serif !important;
  background-color: #d1e8ea;
}

.row{
  margin-left: 0px !important;
  margin-right: 0px !important;
}
.col-12{
	padding-left: 0 !important;
	padding-right: 0 !important;
}
a {
  color: #000000 ;
  text-decoration: none !important;
}
a:hover{
  color: #6d6d6d;
  text-decoration: none !important;
}

h2, h3, h4, h5, h6 {
  color: #000000;
  font-weight: 500;
  font-family: 'Druk Text Web Medium', sans-serif !important;
  text-transform: uppercase;
}

p{
line-height: 1.6;
font-size: 20px;
color: #000;
font-family: 'Georgia' ;
}

b, strong {
  font-weight: 800;
}


.credito {
  margin-top: 20px;
  padding-bottom: 2%;
}
.credito p {
  font-size:16px;
  opacity: 0.8;
  color: #000000;
  text-align: center;
  font-family: 'Open Sans', sans-serif !important;
  text-transform: uppercase;
}

.credito-energia p {
  font-size:16px;
  opacity: 0.8;
  color: #000000;
  text-align: left;
  font-family: 'Open Sans', sans-serif !important;
  text-transform: uppercase;
}

.pie-foto {
  padding-top: 10px;
  padding-left: 15px;
}

.pie-foto p {
  padding-top: 10px;
  font-size: 15px;
  color: #000000;
  line-height: 1.2em;
  text-align: left;
  font-family: 'Open Sans', sans-serif !important;
  font-weight: 100;
}

.pie-credito p {
  padding-top: 10px;
  font-size: 16px;
  color: #363636;
  line-height: 1;
  font-weight: 100;
}

.redes{ 
  opacity: 1;
  max-width: 35px !important;
  transition: transform .3s; /* Animation */
}
.redes:hover{
  opacity: 0.8;
  transform: scale(1.2);
}

.desk img{
  padding-top: 3.5em;
}

.menu__contenido{
  margin-top: -10px;
}

.menu__contenido h2{
  color: #000000;
  text-align: center;
}

.titulo h2{
  font-size: 100px !important;
  text-align: center;
  padding: 5% 0;
}

.sumario{
  padding: 1em 0 1em 0;
  
}

.sumario h1{
	font-family: 'Druk Text Web Medium';
	padding-top: 0.5em;
	padding-bottom:0.5em;
	line-height: 1.1em;
	font-size: 2.7em;
	font-weight: 300;
	text-align: center;
  text-transform: uppercase;
	color: #000000;
}

.sumario h1 span{
  font-size: 2.8em;
  line-height: 1em;
}

.sumario p {
  font-family: 'Georgia', serif !important;
  font-weight: 300;
  line-height: 1.3;
  font-size: 20px;
  text-align: left;
  color: #000000;
  padding-left: 3%;
}


.s-1{
  margin: 3em 0;
}

.s-2{
  margin: 1em 0;
}

.s-3{
  margin-top:0;
}

.vertical-row {
  Float:left;
  margin: 1em;
  width: 2px;
  background-color: #000000;
}
.vertical-row-large {
  Float:left;
  margin: 1em;
  width: 2px;
  background-color: #000000;
}


/*    CSS filtrado */ 
.head_exp{top:0px;background-color: #ed1c24;padding: 0.7em;left: 0px;position: fixed;display: block;width: 100%; border-bottom-color: #000;
  border-right-width: 2px;border-bottom-style:solid;z-index: 99; -webkit-transition: background-color 0.5s ease-out; -moz-transition: 
  background-color 0.5s ease-out; -o-transition: background-color 0.5s ease-out; transition: background-color 0.5s ease-out;}
.head_exp:hover{ background-color: #000; }


.mobile{
  display: none;
}
.desk{
  display: block;
}
/*    Termina CSS Filtrado */

.btnhuella{padding: 5% 0 5% 0;}

.creditos h6{
	font-size: 0.8em;
	padding-bottom: 7px;
	color: #000000 !important;
}

.creditos p{
	font-family: 'Georgia',serif !important;
	font-size: 1.1em;
	color: #000000 !important;
}

.creditos strong{
	font-family: 'Roboto',sans-serif;
}

.fondo-lineas{
	background: url(../img/bg-lineas.png) no-repeat center center fixed;
	min-height: 50%;
	background-size: cover;
	background-attachment: fixed;
	padding: 30px 0 0 0;
	}

.mapa path{
  fill: #de6330;
  stroke: #000;
  cursor: pointer;
}

.mapa :hover{
  fill: #000000;
}

.mapa :focus{outline: none;}

.modal-title{
  font-size: 2.4em;
}

.modal-body h6{
  font-size: 1.1em;
  }

.modal-body p{
font-size: 16px;
}

.mapa .sobre{
  fill: #cecece !important; 
  stroke: #000000;
  cursor: not-allowed;
}

.empresas{
  font-family: 'Roboto',sans-serif;
  font-size: 1em !important;
  font-weight: 500 !important;
  color: #de6330;
}

.zonas h2{
  font-size: 2.2em;
  text-align: center;
  padding: 6% 0 3% 0;
}

.imagen500{
  padding-top: 0px;
}

.info img{
  width: 10%;
}

.info p{
  font-family: 'Roboto',sans-serif;
}


@media (min-width: 320px) and (max-width: 768px) {
 
  .titulo h2{
    font-size: 80px !important;
    padding: 5% 0;
  }

  .s-1 {
    margin: 2em 0;
  }
  .mobile img {
    margin-top: 58px;
  }

    .sumario{
      padding: 0;
      
    }

  .sumario h1 {
      font-size: 2.4em;
  }
  .sumario h1 span{
    font-size: 2em;
    line-height: .8em;
  }

  .credito {
    margin: 25px 0;
  }
  
  .desk {
    display: none;
  }
  .mobile {
    display: block;
  }

  .texto p{
    padding-right: 15px;
    padding-left: 15px;
  }
  .texto h2{
    padding-right: 15px;
    padding-left: 15px;
  }

  .col-12 {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .container {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  
  .nombre-titular h2 {
    font-size: 2.6em;
    padding: 0.5em 0;
    line-height: 1.1;
  }

.pie-foto {
  padding: 0px 15px;
}

.s-3{
  top:-33px;
}

.fuenteboton{
  margin: 4%;
}

  .modal-body h6{
    font-size: 1.2em;
    }

    .empresas{
      font-size: 1.2em !important;
    }

    .imagen500{
      margin: auto;
    }

    .info img{
      width: 15%;
    }

}