/* Image Zoom | Estatutos de La Gavilla Verde */
img.opacity {
  opacity: 1;
}

img.opacity:hover {
  opacity: 0.7;
}
/* Final Image Zoom | Estatutos de La Gavilla Verde */

/* Toltip Hover Effect | Estatutos de La Gavilla Verde */
/* CAPITULO I | Artículo 1 */
/* L.O. 1/2002 de 22 de marzo */
.toltip {
  position: relative;
  display: inline-block;
  text-decoration: none;
}

.toltip .toltiptext {
  visibility: hidden;
  width: 590px;
  background-color: #505050;
  font-size: 14px;
  color: #fff;
  font-family: 'Roboto Condensed', sans-serif;
  text-align: center;
  text-decoration: none;
  border-radius: 6px;
  padding: 5px 5px;
  
  /* Position the tooltip */
  position: absolute;
  text-decoration: none;
  z-index: 1;
  bottom: 100%;
  left: 50%;
  margin-left: -320px;
}

.toltip:hover .toltiptext {
  visibility: visible;
  text-decoration: none;
  color: #ffffff;
}
/* Final L.O. 1/2002 de 22 de marzo */

/* Artículo 22 de la Constitución */
.toltip1 {
  position: relative;
  display: inline-block;
  text-decoration: none;
}

.toltip1 .toltiptext {
  visibility: hidden;
  width: 460px;
  background-color: #505050;
  font-size: 14px;
  color: #fff;
  font-family: 'Roboto Condensed', sans-serif;
  text-align: center;
  text-decoration: none;
  border-radius: 6px;
  padding: 5px 5px;
  
  /* Position the tooltip */
  position: absolute;
  text-decoration: none;
  z-index: 1;
  bottom: 100%;
  left: 50%;
  margin-left: -220px;
}

.toltip1:hover .toltiptext {
  visibility: visible;
  text-decoration: none;
  color: #ffffff;
}
/* Final Artículo 22 de la Constitución */
/* Final CAPITULO I | Artículo 1 */

/* CAPITULO II | Artículo 5 */
/* artículo 3 de la L.O. 1/2002 de 22 de marzo */
.toltip2 {
  position: relative;
  display: inline-block;
  text-decoration: none;
}

.toltip2 .toltiptext {
  visibility: hidden;
  width: 590px;
  background-color: #505050;
  font-size: 14px;
  color: #fff;
  font-family: 'Roboto Condensed', sans-serif;
  text-align: center;
  text-decoration: none;
  border-radius: 6px;
  padding: 5px 5px;
  
  /* Position the tooltip */
  position: absolute;
  text-decoration: none;
  z-index: 1;
  bottom: 100%;
  left: 50%;
  margin-left: -270px;
}

.toltip2:hover .toltiptext {
  visibility: visible;
  text-decoration: none;
  color: #ffffff;
}
/* Final artículo 3 de la L.O. 1/2002 de 22 de marzo */

/* artículo 3 de la L.O. 1/2002 de 22 de marzo */
.toltip3 {
  position: relative;
  display: inline-block;
  text-decoration: none;
}

.toltip3 .toltiptext {
  visibility: hidden;
  width: 590px;
  background-color: #505050;
  font-size: 14px;
  color: #fff;
  font-family: 'Roboto Condensed', sans-serif;
  text-align: center;
  text-decoration: none;
  border-radius: 6px;
  padding: 5px 5px;
  
  /* Position the tooltip */
  position: absolute;
  text-decoration: none;
  z-index: 1;
  bottom: 100%;
  left: 50%;
  margin-left: -220px;
}

.toltip3:hover .toltiptext {
  visibility: visible;
  text-decoration: none;
  color: #ffffff;
}
/* Final artículo 3 de la L.O. 1/2002 de 22 de marzo */

/* Descargas */
.toltip4 {
  position: relative;
  display: inline-block;
  text-decoration: none;
}

.toltip4 .toltiptext {
  visibility: hidden;
  width: 370px;
  background-color: #505050;
  font-size: 14px;
  color: #fff;
  font-family: 'Roboto Condensed', sans-serif;
  text-align: center;
  text-decoration: none;
  border-radius: 6px;
  padding: 5px 5px;
  
  /* Position the tooltip */
  position: absolute;
  text-decoration: none;
  z-index: 1;
  bottom: 110%;
  left: 50%;
  margin-left: -250px;
}

.toltip4:hover .toltiptext {
  visibility: visible;
  text-decoration: none;
}
/* Final Descargas */
/* Toltip Hover Effect | Estatutos de La Gavilla Verde */

/* Link Hover Effect Estatutos de La Gavilla Verde */
.link{
    display: inline-block;
    position: relative;
    font-size: 100%;
    text-transform: none;
}
.link span{
    color: #0474b4;
    text-transform: none;
    text-align: center;
    display: inline-block;
    transition: all 0.3s cubic-bezier(0.815, 1.400, 0.600, 0.180);
}
.link:hover span{ color: #666; }
.link:before,
.link:after{
    content: '';
    height: 3px;
    width: 0;
    background-color: #666;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all 0.3s cubic-bezier(0.815, 1.400, 0.600, 0.180);
}
.link:after{
    left: auto;
    right: 0;
}
.link:hover:before,
.link:hover:after{
    width: 50%;
}
@media only screen and (max-width: 990px){
    .link span{ font-size: 100%; }
}
@media only screen and (max-width: 767px){
    .link{ margin-bottom: 100%; }
}
/* Final Link Hover Effect Estatutos de La Gavilla Verde */

/* Link Hover Effect | Estatutos de La Gavilla Verde */
/* Descargas */
.link1{
    display: inline-block;
    position: relative;
}
.link1 span{
    color: #505050;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 2px;
    text-align: center;
    padding: 0 5px;
    display: block;
    transition: all 0.3s cubic-bezier(0.815, 1.400, 0.600, 0.180);
}
.link1:hover span{ color: #505050; }
.link1:before,
.link1:after{
    content: '';
    height: 3px;
    width: 0;
    background-color: #505050;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all 0.3s cubic-bezier(0.815, 1.400, 0.600, 0.180);
}
.link1:after{
    left: auto;
    right: 0;
}
.link1:hover:before,
.link1:hover:after{
    width: 50%;
}
@media only screen and (max-width: 990px){
    .link1 span{ font-size: 16px; }
}
@media only screen and (max-width: 767px){
    .link1{ margin-bottom: 16px; }
}
/* Final Descargas */
/* Final Link Hover Effect | Estatutos de La Gavilla Verde */

/* Style Card Borde Estatutos de La Gavilla Verde | Descargas */
.card {
	display: inline-block;
	position: relative;
	width: 280px;
	height: 44px;
	background: #f9f9f9;
	padding: 0px;
	margin: 5px 5px;
	left: 1px;    

	-webkit-box-shadow: 0px 0px 0px 1px rgba(201, 201, 201, 1);
	-moz-box-shadow: 0px 0px 0px 1px rgba(201, 201, 201, 1);
	-ms-box-shadow: 0px 0px 0px 1px rgba(201, 201, 201, 1);
	-o-box-shadow: 0px 0px 0px 1px rgba(201, 201, 201, 1);
	box-shadow: 0px 0px 0px 1px rgba(201, 201, 201, 1);
}
/* Final Style Card Borde Estatutos de La Gavilla Verde | Descargas */

.card-1 {
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.card-1:hover {
  box-shadow: 0 8px 12px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.card-2 {
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.card-3 {
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

.card-4 {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.card-5 {
  box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
}

.card-6 {
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}