@font-face {
    font-family: 'Ubuntu-Bold';
    src: url('../fonts/Ubuntu-Bold.eot');
    src: url('../fonts/Ubuntu-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Ubuntu-Bold.woff2') format('woff2'),
        url('../fonts/Ubuntu-Bold.woff') format('woff'),
        url('../fonts/Ubuntu-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'ApexNew-Book';
    src: url('../fonts/ApexNew-Book.eot');
    src: url('../fonts/ApexNew-Book.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ApexNew-Book.woff2') format('woff2'),
        url('../fonts/ApexNew-Book.woff') format('woff'),
        url('../fonts/ApexNew-Book.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'FagoNoTf-Bold';
    src: url('../fonts/FagoNoTf-Bold.eot');
    src: url('../fonts/FagoNoTf-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FagoNoTf-Bold.woff2') format('woff2'),
        url('../fonts/FagoNoTf-Bold.woff') format('woff'),
        url('../fonts/FagoNoTf-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
	font-family: 'ApexNew-Medium';
	src: url('../fonts/ApexNew-Medium.eot');
	src: url('../fonts/ApexNew-Medium.eot?#iefix') format('embedded-opentype'),
		url('../fonts/ApexNew-Medium.woff') format('woff'),
		url('../fonts/ApexNew-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}
@font-face {
    font-family: 'Ubuntu-Regular';
    src: url('../fonts/Ubuntu-r.eot');
    src: url('../fonts/Ubuntu-r.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Ubuntu-r.woff2') format('woff2'),
        url('../fonts/Ubuntu-r.woff') format('woff'),
        url('../fonts/Ubuntu-r.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

  @font-face {
    font-family: 'AvenirLTStd-Heavy'; 
    src: url('../fonts/AvenirLTStd-Heavy.otf');
  }



@media (min-width: 768px) {
  .btcolapse {
    display: none; }

  .bxcolapse {
    display: block;
    position: relative;
    width: auto; } }
/**/
.btcolapse {
  position: absolute;
  top: 55%;
  right: 0;
  width: 40px;
  height: 40px;
  margin-right: 15px;
  transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%); }

.btcolapse span {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 6px;
    border-radius: 2px;
    background-color: transparent;
    transform: translate(-50%, -50%);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -ms-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s; }

.btcolapse span:before {
      content: "";
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      width: 100%;
      height: 6px;
      border-radius: 2px;
      background-color: #5893ac;
      -webkit-transform: translate(-50%, -50%) rotate(45deg);
      -moz-transform: translate(-50%, -50%) rotate(45deg);
      -ms-transform: translate(-50%, -50%) rotate(45deg);
      -o-transform: translate(-50%, -50%) rotate(45deg);
      transform: translate(-50%, -50%) rotate(45deg);
      -webkit-transition-duration: 0.2s;
      -moz-transition-duration: 0.2s;
      -ms-transition-duration: 0.2s;
      -o-transition-duration: 0.2s;
      transition-duration: 0.2s; }

.btcolapse span:after {
      content: "";
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      width: 100%;
      height: 6px;
      border-radius: 2px;
      background-color: #5893ac;
      -webkit-transform: translate(-50%, -50%) rotate(-45deg);
      -moz-transform: translate(-50%, -50%) rotate(-45deg);
      -ms-transform: translate(-50%, -50%) rotate(-45deg);
      -o-transform: translate(-50%, -50%) rotate(-45deg);
      transform: translate(-50%, -50%) rotate(-45deg);
      -webkit-transition-duration: 0.2s;
      -moz-transition-duration: 0.2s;
      -ms-transition-duration: 0.2s;
      -o-transition-duration: 0.2s;
      transition-duration: 0.2s; 
      z-index: 10000;
}

.btcolapse.collapsed span {
    background-color: #5893ac; }

.btcolapse.collapsed span:before {
      margin-top: -11px;
      -webkit-transform: translate(-50%, -50%) rotate(0deg);
      -moz-transform: translate(-50%, -50%) rotate(0deg);
      -ms-transform: translate(-50%, -50%) rotate(0deg);
      -o-transform: translate(-50%, -50%) rotate(0deg);
      transform: translate(-50%, -50%) rotate(0deg); }

.btcolapse.collapsed span:after {
      margin-top: 11px;
      -webkit-transform: translate(-50%, -50%) rotate(0deg);
      -moz-transform: translate(-50%, -50%) rotate(0deg);
      -ms-transform: translate(-50%, -50%) rotate(0deg);
      -o-transform: translate(-50%, -50%) rotate(0deg);
      transform: translate(-50%, -50%) rotate(0deg); }

.btcolapse.op2 span:before { background-color: #5893ac; }
.btcolapse.op2 span:after {background-color: #5893ac; }
.btcolapse.op2.collapsed span { background-color: #5893ac; }

/*****MENU*****/
.menuprincipal { z-index: 30; position: absolute; width: 100%;}
.menuprincipal ul li {display: block; }

 .menuprincipal ul li a {display: block; font-family: 'ApexNew-Medium', arial, sans-serif; color: #485960; font-size: 16px; padding: 12px 4px; }



@media(max-width: 700px){
	.menuprincipal ul li a {background: #5893ac; color: #fff; text-align: center;}	
	.menuprincipal ul li a:hover, .menuprincipal ul li.active a  {color:#FFF;background:#6db152;}
    #inicio .men{ display: block; position: relative; margin-left: -15px; margin-right: -15px; margin-top: -300px;}
    #inicio .men{ display: block; position: relative; margin-left: -15px; margin-right: -15px; }
    .men{ display: block; position: relative; margin-left: -15px; margin-right: -15px; }
    .menuprincipal ul li img{display: block; margin: 2px auto;}
    
     .logo{margin: 15px auto; width: 50%!important; height: auto; }	
}


.menuprincipal ul li + li { border-top: 1px solid #FFF; }

.header{z-index: 150; background-color: #FFF; width: 100%;}
@media (min-width: 700px) {  
  .menuprincipal {width: 100%;position: relative;text-align: right; margin-top: 10px; }
  .menuprincipal ul li a:hover {color: #6db152; background: transparent;}
  .menuprincipal ul {display: inline-block;text-align: center; }
  .menuprincipal ul li {display: inline-block; }
  .menuprincipal ul li + li {border-top: 0; } 
  
  .logo{margin: 10px auto; display: block;}
  .menuprincipal ul li.active a {color: #5893ac;}      
    #logo-arriba{padding: 20px 0px;}
}
p,a{font-family: 'ApexNew-Book';}
h1,h2,h3,h4,h5{font-family: 'Ubuntu-Bold';}
#logo-arriba{background: #FFF;}
#logo-arriba img{margin: 10px auto; display: block;}
#azul{background: #5893ac;}
#verde{background:#6db152;}
#azul,#verde{padding: 5px 0px}
.f-redondo{display: inline-block; height: 36px; width: 36px; text-align: center; line-height: 36px; border-radius: 50%; margin: 0 3px; border: 1px solid #435394; font-size: 16px;color: #FFF; background: #435394; }
.t-redondo{display: inline-block; height: 36px; width: 36px; text-align: center; line-height: 36px; border-radius: 50%; margin: 0 3px; border: 1px solid #93c4f6; font-size: 16px;color: #FFF; background: #93c4f6; }
.t-redondo:hover, .f-redondo:hover{color: #FFF;}
.t-redondo, .f-redondo{margin-top: 10px;}
.carousel-inner > .item > img{width: 100%;}
#myCarousel .carousel-control.left, #myCarousel .carousel-control.right{background: none;}
#myCarousel .carousel-caption{width: 100%; background: rgba(0,0,0,0.7); left: 0%; bottom: 0px;}
#myCarousel .carousel-caption h3{font-family: 'Ubuntu-Bold'; color: #55a4c5; text-align: center; text-shadow: none; text-transform: uppercase;}
#myCarousel .carousel-caption p{font-family: 'ApexNew-Book'; color: #FFF; text-shadow: none; text-align: center;}
#myCarousel .carousel-control.left{background-image: url('../imagenes/flecha-izq.png'); background-repeat: no-repeat; background-position: 100% 96%;}
#myCarousel .carousel-control.right{background-image: url('../imagenes/flecha-der.png'); background-repeat: no-repeat; background-position: 0% 96%;}
#inicio #seccion1{background: url('../imagenes/nosotros.jpg'); background-size: cover;}
h1,h2,h3,h4,h5,h6{font-family: 'Ubuntu-Bold'; text-align: center; text-transform: uppercase;}
p,a{font-family: 'ApexNew-Book'; text-align: justify; color: #000;}

#inicio #seccion1 h2, #inicio #seccion1 p{color: #FFF; text-align: center;}
.link{margin: 30px auto; text-align: center;}
.btn-verde{background: #6db152; color: #FFF; font-family: 'Ubuntu-Regular';padding: 15px 45px; transition: .5s ease; font-size: 1.2em;}
.btn-verde:hover{background: #5893ac; text-decoration: none; color: #FFF;}

.btn-verde2{background: #195054; color: #FFF; font-family: 'Ubuntu-Regular';padding: 15px 45px; transition: .5s ease; font-size: 1.2em;}
.btn-verde2:hover{background: #55a4c5; text-decoration: none; color: #FFF;}

#inicio #seccion2 h2{color: #233a43;}
#inicio #seccion2 h2 span{color: #6db152;}

#inicio #seccion3{background: #6db152;}
#inicio #seccion3 h2, #inicio #seccion4 h2{color: #195054;}
#inicio #seccion3 h2 span{color: #FFF;}
#inicio #seccion3 h3, #inicio #seccion3 p, #f1 h2, #f1 p, #f2 p, #f1 a{color: #FFF;}
#f1 a{ font-style: italic; border-bottom: 2px solid white; }

#inicio #seccion3 h3 {font-family: 'ApexNew-Medium'; }
#inicio #seccion3 p {font-family: 'ApexNew-Book';}
#inicio #seccion3 img{display: block; margin: 25px auto;}
#inicio #seccion4 span{color: #55a4c5;}
#myCarousel2 .carousel-indicators li{background: #FFF;}
#myCarousel2 .carousel-indicators .active{background: #477376; border: 1px solid #477376;}

#f1{background-image: url('../imagenes/footer.png'); background-size: cover; background-position: center;}
#f1 p{text-align: center;}
#f1 a,#f1 a:hover,#f1 a:active{text-decoration: none; color: #FFF; font-size:1em; }
#form-contacto input{height: 35px; border: 1px solid #FFF;}
#form-contacto input[type='checkbox']{height: 25px;}
#form-contacto label{color:#FFF; font-family: 'ApexNew-Book' }
#form-contacto a, #form-contacto a:hover{color:#FFF; text-transform: uppercase; font-weight: bold; font-style: normal; }
#form-contacto .checkbox{text-align: center;}
#form-contacto button{background: #6db152; border:1px solid #6db152; color: #FFF; font-family: 'ApexNew-Medium'; border-radius: 0px;text-align: center;}
#f2{background: #000; padding: 15px 0px;}
#f2 p{font-size: 1.2em; text-align: center;}

#inicio #mesas{background: url('../imagenes/mesas.png'); background-size: cover;}            
#inicio #comites{background: url('../imagenes/comites.png');  background-size: cover;}           
#inicio #noticias{background: url('../imagenes/noticias.png'); background-size: cover;}         
#inicio #membresia{background: url('../imagenes/membresia.png'); background-size: cover;}    
#inicio #eventos{background: url('../imagenes/eventos.png'); background-size: cover;}           
#inicio #links{background: url('../imagenes/links.png'); background-size: cover;}           

#form-contacto{font-family: 'ApexNew-Book'; color: #000; }
::-webkit-input-placeholder { color: #000;}
::-moz-placeholder { color: #000;}
:-ms-input-placeholder { color: #000;}
:-moz-placeholder { color: #000;}
p,a,li{font-size: 1.2em;}
@media(min-width:769px){
    html, body { width: 100%; height: 100%;}
    
    #myCarousel .carousel-inner .item{width: 100%; height: 700px;}
    #myCarousel  .carousel-inner > .item > img{object-fit: cover; height: 700px}    
    #myCarousel .carousel-caption h3{font-size: 2.5em;}
    #myCarousel .carousel-caption p{font-size: 2em;}
    #myCarousel .carousel-indicators{display: none;}
    
    #inicio #seccion1,#inicio #seccion2, #inicio #seccion3,  #inicio #seccion4, #f1{padding: 60px 0px;}
    #inicio #seccion1 h2,#inicio #seccion2 h2, #inicio #seccion3 h2, #inicio #seccion4 h2, #f1 h2{font-size: 3.5em; padding-bottom: .5em;}
    #inicio #seccion1 img{display: block; margin: 40px auto;}
    #inicio #seccion3 p,#inicio #seccion1 p, #f1 p{font-size: 1.5em;}
    #form-contacto label{font-size: 1.2em;}
    
    #inicio #seccion3 h3{font-size: 2.5em;}
    #form-contacto button{padding:  10px 5%; font-size: 1.3em;}
    
    
    #inicio #mesas,#inicio #comites,#inicio #noticias, #inicio #membresia, #inicio #eventos, #inicio #links{height: 350px;}           
    
    .image { opacity: 1; display: block; height: auto; transition: .5s ease; backface-visibility: hidden;}
    #mesas:hover .overlay, #comites:hover .overlay, #noticias:hover .overlay, #membresia:hover .overlay, #eventos:hover .overlay, #links:hover .overlay {opacity: 1;}
        
    
    .overlay { transition: .5s ease; opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; background: rgba(0,0,0,0.5); width: 100%; height: 100%; }
    .text{position: relative; z-index: 100;}
    .overlay img{display: block; margin: 15px auto; margin-top: 80px;}    
    .text h3{color: #FFF; margin-top: 215px;}    
    
    #inicio #seccion3 h3{text-align: left}
    #myCarousel2 .carousel-inner .item{height: 430px;}
    
    #inicio #seccion4 img{display:block; margin: 10px auto;}
    
    #f1 p{padding-top: 1em; padding-bottom: 1em;}
    
    #form-contacto{padding: 45px 100px;}
    
    .menu-fijo{position: fixed; top: 0px;}
    
    .peques{height: 50px; margin: 5px 6px;}
    
}
@media(max-width:769px){
    #logo-arriba{position: relative; z-index: 10000000;}
    #myCarousel .carousel-inner .item{width: 100%; height: 300px;}
    #myCarousel  .carousel-inner > .item > img{object-fit: cover; height:300px}    
    #myCarousel .carousel-caption h3{font-size: 2em;}
    #myCarousel .carousel-caption{padding-top: 5px;}
    #myCarousel .carousel-caption p{font-size: 1.5em;}
    #myCarousel .carousel-indicators{display: block;bottom: -5px;}
    
    #myCarousel .carousel-control.left,#myCarousel .carousel-control.right{display: none;}
    
    #inicio #seccion1,#inicio #seccion2, #inicio #seccion3,  #inicio #seccion4, #f1{padding: 40px 0px;}
    #inicio #seccion1 h2,#inicio #seccion2 h2, #inicio #seccion3 h2, #inicio #seccion4 h2, #f1 h2{font-size: 2.5em; padding-bottom: .5em;}
    
    #inicio #seccion1 img{display: block; margin: 25px auto;}
    #inicio #seccion3 p,#inicio #seccion1 p, #f1 p{font-size: 1.3em;}
    #form-contacto label{font-size: 1.2em;}
    
    #inicio #seccion3 h3{font-size: 2.5em;}
    #form-contacto button{padding:  10px 5%; font-size: 1.3em;}
    #inicio #mesas,#inicio #comites,#inicio #noticias, #inicio #membresia, #inicio #eventos, #inicio #links{height: 300px;}  
    .overlay {  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; background: rgba(0,0,0,0.5); width: 100%; height: 100%; }
    .overlay img{display: block; margin: 15px auto; margin-top: 80px;}    
    .text{position: relative; z-index: 100;}
    .text h3{color: #FFF;  margin-top: 215px;}
    
    #inicio #seccion3 h3{text-align: center;}
    #myCarousel2 .carousel-inner .item{height: 750px;}
    #inicio #seccion4 img{display: block; margin: 25px auto;}
    
    #f1 p{padding-top: 1em; padding-bottom: 1em;}
    
    #form-contacto{padding: 30px 10px;}
}
/************************************NOSOTROS**********************************************/
.tavs li a{background: #6db152; color: white;  border-bottom: 1px solid #FFF;  font-size: 1.2em;}
.tavs li a:hover, .tavs li.active a{color: #FFF; background: #5893ac;}
.contenido-blog li, .listpg li{font-family: 'ApexNew-Book'; color: black; text-align: justify;}
.contenido-blog  li:before, .listpg li:before { content: "»";  color:#6db152;}

#nosotros #seccion1 h3, #blog #seccion1 h3{color: #5893ac;}
#nosotros #seccion1 h3 span, #blog #seccion1 h3 span{color: #6db152;;}
.pagi{text-align: center; margin: 30px auto;}
.entradas h2,.contenido-blog h1, .contenido-blog h2, .contenido-blog h3, .contenido-blog h4, .contenido-blog h5{color: #6db152;}
#inicio .imgcarrusel{height: 250px; width: auto; object-fit: cover; border-radius: 5%;}

@media(min-width:769px){
    #nosotros #seccion1, #comites #seccion1, #blog #seccion1{padding: 60px 0px;}
    #nosotros #seccion1 img, #blog #seccion1 img{display: block; margin: 25px auto; border-radius: 5%;}
    #nosotros #seccion1 h3,  #blog #seccion1 h3{font-size: 3.5em; padding-bottom: .5em;}
    #nosotros #seccion1 p{line-height: 35px;}
    .redondo{border-radius: 10px 10px 0 0;}
    .redondo2{border-radius:0px 0px 10px 10px;}
    .listpg li, .contenido-blog li{font-size: 1.2em; line-height: 25px; display: flex; line-height: 45px;}    
    .listpg  li:before, .contenido-blog li:before {font-size: 30px; margin-right: 6px;}
    .entradas h2{text-align: left;}
    .entradas p{line-height: 30px;}
    .entradas .link{float: left;}
    
}
@media(max-width:769px){
    #nosotros #seccion1{padding-bottom: 40px }
    #comites #seccion1, #blog #seccion1{padding: 40px 0px;}
    #nosotros #seccion1 img,  #blog #seccion1 img{display: block; margin: 25px auto; border-radius: 5%;}
    #nosotros #seccion1 h3,   #blog #seccion1 h3{font-size: 2.5em; padding-bottom: .5em;}
    #nosotros #seccion1 p{line-height: 35px;}    
    .tavs{margin: 0px -30px;}
    .listpg li,  .contenido-blog li{font-size: 1.2em; line-height: 35px; display: flex; margin-bottom: 10px;}
    .listpg li:before,  .contenido-blog li:before {font-size: 30px; margin-right: 6px;}
    .entradas h2{text-align: center;}
    .entradas p{line-height: 30px;}
    
}

/**************************************COMITES***********************************************/
.titulo1{background:  #6db152; width: 100%; color: #FFF; padding: 10px 0px; margin-bottom: 0px;}
.titulo2{background:  #5893ac;; width: 100%; color: #FFF; padding: 10px 0px; margin-bottom: 0px;}
.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {background-
    color:#e8e8e8;}
.table-striped a, .table-striped a:hover, .table-striped a:active{color: #000; text-decoration: none;}
.table{font-family: 'ApexNew-Book'; color: #000; text-align: justify; font-size: 1.2em;}
.table > thead:first-child > tr:first-child > th {font-weight: bold;}

#form_membresia label{ font-family: 'ApexNew-Book'; margin: 20px 0px 5px 0px; font-size: 1.3em; }
#form_membresia h4{ font-size: 1.8em; margin: 30px 0px; color: #6db152; }
#form_membresia input[type="submit"]{ margin: 0 auto; display: table; border: none; }
#form_membresia #menseje{ text-align: center; margin: 20px 0px;    }

#mensaje-contacto{ margin: 0 auto; display: table; font-family: 'ApexNew-Book'; font-size: 1.2em;  }
#mensaje-contacto input{ font-family: 'ApexNew-Book';  }
#mensaje-contacto a{ font-weight: bold; text-decoration: underline; }

.no-padding{ padding: 0 !important; } 

#archivo-descarga .btn-verde{ margin: 10px auto; display: table; }

.blue{ text-align: center; font-weight: bold; background-color:#5893ac; vertical-align: middle !important; }

#vac_cal tr th { text-align: center; font-weight: bold;  }

#vac_cal thead{ background-color: #dedede; }

#btn-calendario{ margin: 20px auto; display: table; text-align: center; }


#btn-revista{ background-color: #1398b8; }  

#btn-revista a:hover, #btn-revista a:focus, #btn-revista a:active{ text-decoration: none; color: white; }

#btn-revista h3{ font-style: italic; padding: 12px 0px 12px 0px; height: 55px; margin: 20px 0px; font-size: 1.2em;  background-position: top right; background-image: url('../imagenes/barra-revista.jpg'); background-repeat: no-repeat; font-family: 'AvenirLTStd-Heavy'; text-align: center; color: white; }

@media(max-width: 1100px){
  #btn-revista h3{ font-size: 1.4em;     padding-right: 45px; }
}

@media(max-width: 768px){
  #btn-revista {  display: inline-block; }
}

@media(max-width: 767px){
  #btn-revista h3{ text-align: right; font-size: 0.8em; padding: 5px 50px 5px 0px; }
}