@import url("assets/ecofam/fonts/stylesheet.css");
body {
   font-family: 'DIN';
}
.bg-ecofam-top {
  background-color: #07c9dd;
   background-image:url(assets/ecofam/fd_top1.png);
  background-repeat:repeat-x;
  background-position: bottom;
}
.bg-ecofam-menu {
  background-color: #07c9dd;
  background-image:url(assets/ecofam/fd_top.png);
  background-repeat:repeat-x;
  background-position: bottom;
}
.clear {
  width:100%;
  height:1px;
  clear:both;
  font-size:1px;
}

.navbar-dark .navbar-toggler{
    color: rgba(255,255,255,0.9);
	font-weight: normal;
	font-size:1.1rem;
	padding:0.5rem;
    border-color: rgba(255,255,255,0.9);
  }
 /*.navbar-dark .navbar-toggler:hover{
    color: rgba(255,255,255,1);
	font-weight: normal;
	font-size:1.1rem;
	padding:0.5rem;
    background: rgba(255,255,255,0.5);
	border-color: rgba(255,255,255,0.5);
  }*/

/*.navbar-dark .abre{
    color:#FF6600
  }*/
  
.bg-ecofam-top .text-muted{   
	font-family: 'Roboto';
	font-size:0.95rem;
	color:#5C5C5C !important
   } 
.bg-ecofam-top .bot-info{
    font-family: 'Roboto';
	font-size:0.95rem;
	display:inline-block;
	padding:0.5rem 0.5rem 0.5rem 1.5rem;
	border-radius:5px;
	color:#0f92a2;
	margin-right:0.5rem;
	margin-bottom:0.5rem;
	font-weight:bold;
	background: url(assets/ecofam/icon_flecha.svg) no-repeat 0.5rem rgba(255,255,255,0.5);
  }
.bg-ecofam-top .bot-info:hover{
	color:#000;
	background:url(assets/ecofam/icon_flecha.svg) no-repeat 0.5rem rgba(255,255,255,0.8);
	text-decoration:none
  }  
.bg-ecofam-top .col-md-7{
	padding-right:3rem;
	padding-top:1rem
  } 
.bg-ecofam-top .col-md-5{
	padding-top:1rem
  }  
.bg-ecofam-top hr{
	margin:0;
	clear:both
  }  
  
@media (max-width: 768px) {
.navbar .navbar-brand {
    width:55%
  }
  .navbar .navbar-brand img {
    width:90%
  }
.navbar-dark .navbar-toggler{
	font-size:0.9rem;
	padding:0.5rem 0.3rem;
  }
}

#info-importante .modal-body{
    font-family: 'Roboto';
	font-size:0.95rem;
}
#info-importante .modal-body ul{
    list-style:none;
	margin:0;
	padding:0
}
#info-importante .modal-body ul li{
	border-bottom: solid 1px #E4E4E4;
	padding:10px 0
}

#info-importante .modal-dialog{
	max-width:800px
}
  
h1{
    font-size:2rem;
	margin:1rem 0;
  }
 footer{
    position:fixed;
	bottom:0;
	background:#E3E3E3;
	width:100%;
	padding:1rem;
	font-size:0.8rem
  }
  footer p{
	color:#1D1D1D;
	font-family: 'Roboto';
  }
@media (max-width: 768px) {
 footer{
    display:none;
  }
}

/*////////Pantallas///////*/
#inicio {
	text-align:center;
  }
#inicio h1{
	padding: 1rem 0
  }
#inicio a{
	text-align:center;
	margin:auto;
	display:block;
	width:65%;
	font-size:1.3rem;
	text-transform:uppercase;
  }
#inicio a img{
	display:block;
	margin:0 auto 0.5rem auto;
	width:90%;
	padding-top:10px;
	transition:padding ease 500 ms;

  }
#inicio a:hover img{
	 padding-top:0;
	 padding-bottom:10px;
	 transition:padding ease 500ms;
  }
 #inicio .btn-ini-aves{color:#07c9dd}
 #inicio .btn-ini-tortu{color:#23cf87}
 #inicio .btn-ini-mamif{color:#d1b86a}
 #inicio .btn-ini-aves:hover{color:#035058; text-decoration:none}
 #inicio .btn-ini-tortu:hover{color:#207351; text-decoration:none}
 #inicio .btn-ini-mamif:hover{color:#726641; text-decoration:none}
 
 @media (max-width: 768px) {
#inicio h1{
	font-size:1.5rem;
	padding:0
  }
#inicio a{
	width:40%;
  }
}

#inicio .logos{
	text-align:center;
	width:130px;
  }
#inicio .logos img{
	width:130px;
	padding:0;
	transition:none
  }
#inicio .logos:hover img{
	 padding:0;
	 transition:none
  }
  
/*///////////tortugas////////////*/

#tortugas {
	text-align:center;
  }
#tortugas h1{
	font-size:1.5rem;
	padding:1rem 0
  }
#tortugas .btn-tortuga{
	text-align:center;
	margin:auto;
	display:block;
	width:80%;
	color:#1D1D1D;
	text-transform:uppercase;
  }
#tortugas .btn-tortuga img{
	display:block;
	margin:0 auto 0.5rem auto;
	width:90%;
	padding-top:10px;
	transition:padding ease 500ms;

  }
#tortugas .btn-tortuga:hover{
	color:#23cf87;
	text-decoration:none;
  }
#tortugas .btn-tortuga:hover img{
	 padding-top:0;
	 padding-bottom:10px;
	 transition:padding ease 500ms;
  }
#tortugas small{
	font-family: 'Roboto';
	line-height:0.5rem
  }
  
 #tortugas .titulo{
	width:100%;
	color:#8df4d8;
	padding:0.7rem 0;
	height:3.8rem;
	background:#565656
  }
  #tortugas .titulo h2{
	float:left
  }
 #tortugas .titulo .btn{
	text-align:center;
	color:#8df4d8;
	border: solid 1px #8df4d8;
	width:100px;
	float:right;
  }
 #tortugas .titulo .btn:hover{
	background:#8df4d8;
	color:#565656;
	border: solid 1px #8df4d8;
  }
   #tortugas .titulo .volver{
	float:right;
	display:block;
	width:50px
  } 
     #tortugas .titulo .volver img{
	width:70%
  } 
  
@media (max-width: 768px) {
#tortugas a{
	width:100%;
  }
#tortugas a img{
	width:97%;
}  
}
/*///////////aves////////////*/

.aves {
	text-align:center;
  }
.aves h1{
	font-size:1.5rem;
	padding:1rem 0
  }
.aves .btn-ave{
	text-align:center;
	margin:auto;
	display:block;
	width:80%;
	color:#1D1D1D;
	text-transform:uppercase;
  }
.aves .btn-ave img{
	display:block;
	margin:0 auto 0.5rem auto;
	width:90%;
	padding-top:10px;
	transition:padding ease 500ms;

  }
.aves .btn-ave:hover{
	color:#07c9dd;
	text-decoration:none;
  }
.aves .btn-ave:hover img{
	 padding-top:0;
	 padding-bottom:10px;
	 transition:padding ease 500ms;
  }
 .aves .btn-ave h4{
	font-size:1rem;
	font-size:1rem;
	margin:0;
	padding:0
  }
.aves .btn-color{
	font-size:1rem;
	color:#212529;
	font-size:1rem;
  }
.aves .btn-color span{
	display:block;
	padding-top:0.7rem
  }

.aves .titulo{
	width:100%;
	color:#07c9dd;
	padding:0.7rem 0;
	height:3.8rem;
	background:#565656
  }
.aves .titulo h2{
	float:left
  }
.aves .titulo .btn{
	text-align:center;
	color:#07c9dd;
	border: solid 1px #07c9dd;
	width:100px;
	float:right;
  }
.aves .titulo .btn:hover{
	background:#07c9dd;
	color:#565656;
	border: solid 1px #07c9dd;
  }
.aves .titulo .volver{
	float:right;
	display:block;
	width:50px
  } 
.aves .titulo .volver img{
	width:70%
  } 
  
@media (max-width: 768px) {
.aves.btn-ave{
	width:100%;
  }
.aves .btn-ave img{
	width:97%;
}  
} 
.aves .btn-saltear{
	text-align:center;
	color:#07c9dd;
	border: solid 1px #07c9dd;
	width:auto;
	margin:3rem auto;
	font-size:1.2rem
  }
.aves .btn-saltear:hover{
	text-align:center;
	color:#212529;
	background:#07c9dd;
	border: solid 1px #07c9dd;
	width:auto;
	margin:3rem auto;
	font-size:1.2rem
  }  
.aves .franja-filtro{
	width:100%;
	clear:both;
	color:#07c9dd;
	padding:0.7rem 0;
	height:5.4rem;
	border-bottom:solid 1px #D5D5D5;
	background:#FFF;
	text-align:left
  }
.aves .franja-filtro .img-filtro{
	float: left;
	margin-right:0.7rem;
	height:4rem
  }
.aves .franja-filtro .info{
	float: left;
	padding-left:1rem;
	padding-top:0.5rem
  }
.aves .franja-filtro .info h3{
	font-size:1.4rem
  }
 .aves .franja-filtro .info h4{
	font-size:1rem;
	color:#212529;
	padding:0;
	margin:0;
  }
   .aves .franja-filtro .info h4 span{
	font-family:Roboto
  }
.aves .franja-filtro .btn{
	text-align:center;
	color:#07c9dd;
	border: solid 1px #07c9dd;
	width:100px;
	float:right;
	margin-top:0.7rem
  }
.aves .franja-filtro .btn:hover{
	background:#07c9dd;
	color:#565656;
	border: solid 1px #07c9dd;
  }
@media (max-width: 768px) {
.aves .franja-filtro{
	height:auto;
	padding-bottom:0
  }
.aves .franja-filtro .info{
	float:left;
	padding-left:0;
	padding-right:0;
	padding-top:0.5rem
  }
 .aves .franja-filtro .btn{
	width:80px;
	padding:0.3rem
  }
} 

/*////////////mamiferos/////////////*/

.mamiferos {
	text-align:center;
  }
.mamiferos h1{
	font-size:1.5rem;
	padding:1rem 0;
	margin-left:auto;
	margin-right:auto
  }
  
.mamiferos .titulo{
	width:100%;
	color:#d1b86a;
	padding:0.7rem 0;
	height:3.8rem;
	background:#565656
  }
.mamiferos .titulo h2{
	float:left
  }

.mamiferos .titulo .volver{
	float:right;
	display:block;
	width:50px
  } 
.mamiferos .titulo .volver img{
	width:70%
  } 
.mamiferos .franja-respu{
	margin:0 auto; 
	padding-bottom:2rem
  }  
.mamiferos .btn-respuestas{
	text-align:center;
	color:#d1b86a;
	border: solid 1px #d1b86a;
	width:5rem;
	margin:0 1rem;
	font-size:1.2rem
  }
 .mamiferos .btn-respuestas:hover{
	text-align:center;
	background:#d1b86a;
	color:#212529;
	border: solid 1px #d1b86a;
	width:5rem;
	margin:0 1rem;
	font-size:1.2rem
  }
.mamiferos .franja-filtro{
	width:100%;
	clear:both;
	color:#d1b86a;
	padding:0.7rem 0;
	height:5rem;
	border-bottom:solid 1px #D5D5D5;
	background:#FFF;
	text-align:left
  }

/*.mamiferos .franja-filtro .info{
	float: left;
	padding-left:1rem;
	/*padding-top:0.5rem
  }*/
.mamiferos .franja-filtro .info h3{
	font-size:1.4rem;
	float: left;
	padding-left:0.5rem;
	padding-top:1rem;
	display:block
  }
 .mamiferos .franja-filtro .info .img-filtro{
	float: left;
    margin-right: 0.7rem;
    height: 4rem;
  }

.mamiferos .franja-filtro .btn{
	text-align:center;
	color:#d1b86a;
	border: solid 1px #d1b86a;
	width:100px;
	float:right;
	margin-top:0.5rem
  }
.mamiferos .franja-filtro .btn:hover{
	background:#d1b86a;
	color:#212529;
	border: solid 1px #d1b86a;
  }
  
.mamiferos .btn-mamif{
	text-align:center;
	margin:auto;
	display:block;
	width:80%;
	color:#1D1D1D;
	text-transform:uppercase;
  }
.mamiferos .btn-mamif img{
	display:block;
	margin:0 auto 0.5rem auto;
	width:90%;
	padding-top:10px;
	transition:padding ease 500ms;

  }
.mamiferos .btn-mamif:hover{
	color:#d1b86a;
	text-decoration:none;
  }
.mamiferos .btn-mamif:hover img{
	 padding-top:0;
	 padding-bottom:10px;
	 transition:padding ease 500ms;
  }
  
@media (max-width: 768px) {
.mamiferos .franja-filtro{
	height:auto;
	padding-bottom:0
  }
.mamiferos .franja-filtro .info{
	float:left;
	padding-left:0;
	padding-right:0;
	padding-top:0;
	margin-top:-0.3rem
  }
.mamiferos .franja-filtro .btn{
	width:80px;
	padding:0.3rem;
	margin-top:0
  }
.mamiferos .btn-mamif{
	width:100%;
  }
.mamiferos .btn-mamif img{
	width:97%;
}  
} 







.card-body .card-text{
	 font-family: 'Roboto';
  }

.card-body ul{
	 font-family: 'Roboto';
	 list-style:none;
	 padding:0;
	 margin:0;
	 font-size:0.9rem
  }
.card-body .portapapeles{
	color:#000;
	width:100%;
	height:auto;
	display:block;
	background:url(assets/ecofam/icon_copiar-01.svg) no-repeat right top;
  }
  .card-body .portapapeles:hover{
	text-decoration:none;
	background:url(assets/ecofam/icon_copiar-01.svg) no-repeat right bottom;
  }
.card-body .portapapeles h4{
	margin:0;
	padding-right:2rem;
  }  
.card-body .linkpreg{
	color:#000;
  }
  
 /*//////////Carrusel//////////////*/ 
 
     .swiper-container {
      width: 100%;
      height: 100%;
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    } 
  
/*//////////orig//////////////*/


.jumbotron {
  padding-top: 3rem;
  padding-bottom: 3rem;
  margin-bottom: 0;
  background-color: #fff;
}
@media (min-width: 768px) {
  .jumbotron {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}

.jumbotron p:last-child {
  margin-bottom: 0;
}

.jumbotron h1 {
  font-weight: 300;
}

.jumbotron .container {
  max-width: 40rem;
}

footer {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

footer p {
  margin-bottom: .25rem;
}
main {
  padding-bottom: 5rem;
}