/*
Theme Name: 
Theme URI: http://www..com
Description: ---
Version: 1.0
Author: 
Author URI: 
Tags: 
*/



@font-face {
    font-family: 'clan';
    src: url('fonts/clanblack.eot');
    src: url('fonts/clanblack.eot') format('embedded-opentype'),
         url('fonts/clanblack.html') format('woff2'),
         url('fonts/clanblack.woff') format('woff'),
         url('fonts/clanblack.ttf') format('truetype'),
         url('fonts/clanblack.svg#clanblack') format('svg');
    font-weight: 900;
}


@font-face {
    font-family: 'clan';
    src: url('fonts/clanbold.eot');
    src: url('fonts/clanbold.eot') format('embedded-opentype'),
         url('fonts/clanbold.html') format('woff2'),
         url('fonts/clanbold.woff') format('woff'),
         url('fonts/clanbold.ttf') format('truetype'),
         url('fonts/clanbold.svg#clanbold') format('svg');
    font-weight: 600;
}


@font-face {
    font-family: 'clan';
    src: url('fonts/clanbook.eot');
    src: url('fonts/clanbook.eot') format('embedded-opentype'),
         url('fonts/clanbook.html') format('woff2'),
         url('fonts/clanbook.woff') format('woff'),
         url('fonts/clanbook.ttf') format('truetype'),
         url('fonts/clanbook.svg#clanbook') format('svg');
    font-weight: 200;
}



@font-face {
    font-family: 'clan';
    src: url('fonts/clanmedium.eot');
    src: url('fonts/clanmedium.eot') format('embedded-opentype'),
         url('fonts/clanmedium.html') format('woff2'),
         url('fonts/clanmedium.woff') format('woff'),
         url('fonts/clanmedium.ttf') format('truetype'),
         url('fonts/clanmedium.svg#clanmedium') format('svg');
    font-weight: 400;
}


@font-face {
    font-family: 'clan';
    src: url('fonts/clannews.eot');
    src: url('fonts/clannews.eot') format('embedded-opentype'),
         url('fonts/clannews.html') format('woff2'),
         url('fonts/clannews.woff') format('woff'),
         url('fonts/clannews.ttf') format('truetype'),
         url('fonts/clannews.svg#clannews') format('svg');
    font-weight: 300;
}



/*foundation custom site width*/
.row{
  max-width: 1180px;
}
/*foundation custom column separation*/
.column, .columns{
  padding-left: 20px;
  padding-right: 20px;
}
.row .row{
  margin-left: -20px;
  margin-right: -20px;
}
/*foundation animated accordion*/
.accordion .accordion-navigation > .content, .accordion dd > .content{
  max-height: 0;
  display: block;
  overflow: hidden;
  padding-top: 0;
  padding-bottom: 0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  opacity: 0;
}
.accordion .accordion-navigation > .content.active, .accordion dd > .content.active{
  max-height: 1000px;
  opacity: 1;
}
p:last-child{
  margin-bottom: 0;
}
.paddtop{
  padding-top: 50px;
}

.tr05{
	-webkit-transition: all 0.5s ease-out;
  	-moz-transition: all 0.5s ease-out;
  	-ms-transition: all 0.5s ease-out;
  	-o-transition: all 0.5s ease-out;
  	transition: all 0.5s ease-out;
}
.tr03{
	-webkit-transition: all 0.3s ease-out;
  	-moz-transition: all 0.3s ease-out;
  	-ms-transition: all 0.3s ease-out;
  	-o-transition: all 0.3s ease-out;
  	transition: all 0.3s ease-out;
}
.tr1{
	-webkit-transition: all 1s ease-out;
  	-moz-transition: all 1s ease-out;
  	-ms-transition: all 1s ease-out;
  	-o-transition: all 1s ease-out;
  	transition: all 1s ease-out;
}
.valignout{
  display: table;
  height: 100%;
  width: 100%;
}
.valignin{
  vertical-align: middle;
  height: 100%;
  width: 100%;
  display: table-cell;
}
figure{
  padding: 0;
  margin: 0;
}
.op0{
  opacity: 0;
}
.parallax{
  background-attachment: fixed;
  background-repeat: no-repeat;
}
.clear{
  clear: both;
}

body{
  color: #171717;
  background: #f2f2f2;
  font-family: 'clan';
}
h2,h3,h4,h5,h6{
  font-family: 'clan';
}

header {
  height: 80px;
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
    -moz-transform:  translate3d( 0, 0, 0);
  -webkit-transform:  translate3d( 0, 0, 0);
        -o-transform:  translate3d( 0, 0, 0);
        -ms-transform:translate3d( 0, 0, 0);
         transform: translate3d( 0, 0, 0);
}
  header h1{
    position: absolute;
    top: 13px;
    left: 20px;
    margin: 0;
  }
    header h1 a{
      display:block; text-indent: -3000px; font-size: 0; overflow:hidden;
      background: url(img/logo.png) no-repeat;
      width: 120px;
      height: 65px;
      background-size: 100% auto;
    }
    header form{
      margin: 0;
      position: absolute;
      top: 19px;
      left: 25%;
      width: 220px;
      margin: 0;
    }
      header form input[type="text"]{
        border: none;
        border-bottom: 1px solid #171717;
        background: url(img/search.png) no-repeat left;
        padding-left: 40px;
        color: #171717;
        text-transform: uppercase;
        box-shadow: none;
        font-size: 13px;
      }
     header form  ::-webkit-input-placeholder{
      color: #171717;  
      }
      header form :-moz-placeholder{
        color: #171717;  
        }
      header form ::-moz-placeholder{
        color: #171717;  
        }
        header form :-ms-input-placeholder {  
         color: #171717;  
      }

      header form input[type="text"]:focus{
        background: url(img/search.png) no-repeat left;
      }
      header .clima{
          position: absolute;
          top: 30px;
          left: 51%;
          font-size: 14px;
          text-transform: uppercase;
          font-weight: 500;
          padding-left: 55px;
          line-height: 35px;
      }
      header .clima img{
        position: absolute;
        left: 0;
        top: -5px;
      }
      header .social{
        position: absolute;
        top: 22px;
        left: 64%;
      }

      header .social a{
        display:block; text-indent: -3000px; font-size: 0; overflow:hidden;
        display: inline-block;
        width: 33px;
        height: 30px;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
      }
      header .social a.fb{
        background: url(img/fb.png);
      }
      header .social a.fb:hover{
        background: url(img/fb-h.png);
      }

      header .social a.tw{
        background: url(img/tw.png);
      }
      header .social a.tw:hover{
        background: url(img/tw-h.png);
      }

      header .social a.yt{
        background: url(img/yt.png);
      }
      header .social a.yt:hover{
        background: url(img/yt-h.png);
      }

      header .tramites{
        position: absolute;
        top: 20px;
        right: 20px;
        padding: 10px 40px; 
      }

      .button, button{
        /*border: 1px solid #27ace3;*/
        background: #27ace3;
        color: #fff;
        text-transform: uppercase;
        font-size: 13px;
        padding: 15px 30px; 
        border-radius: 5px;
        font-family: 'clan';
      }
      .button:hover, button:hover{
        background: #000;
        color:  #27ace3;
      }

body{
  padding-top: 125px;
}
body nav{
  position: fixed;
  top: 80px;
  width: 100%;
  left: 0;
  z-index: 100;
  height: 45px;
  background: #171717;
  text-align: center;
} 
body nav .tramites{
  display: none;
}

nav .columns{
  position: static;
}

  nav ul{
    margin: 0;
    padding: 0;
  }
    nav li{
      height: 45px;
      float: left;
      
      list-style: none;
    }  
    nav li a{
      display: block;
      height: 45px;
      line-height: 43px;
      font-size: 13px;
      font-weight: 500;
      color: #fff;
      line-height: 48px;
      text-transform: uppercase;
      padding: 0 30px;
      -webkit-transition: all 0.3s ease-out;
      -moz-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
      -o-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out;
    }
    header .social a.cav{
      float: right;
      background: url(img/cav.png);
      width: 37px;
      height: 33px;
      display:block; text-indent: -3000px; font-size: 0; overflow:hidden;
      margin-left: 10px;
    }
    nav .row .row{
      max-width: 1180px;
      margin: 0 auto;
    }
    nav>.row>.columns>ul>li>a:hover, nav>.row>.columns>ul>li:hover>a{
      color: #27ace3;
      background: #fff;
    }
    nav li .submenu{
      position: absolute;
      width: 100%;
      background: rgba(255,255,255,0.95);
      top: 100%;
      left: 0;
      z-index: 10;
      overflow: hidden;
      padding: 30px 0 40px;
      visibility: hidden;
      opacity: 0;
      -webkit-transition: all 0.3s ease-out;
      -moz-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
      -o-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out;
      max-height: 0;
      overflow: hidden;
    }
    nav li:hover .submenu{
      opacity: 1;
      visibility: visible;
      -moz-transform: translateY(0px);
      -webkit-transform: translateY(0px);
      -o-transform: translateY(0px);
      -ms-transform: translateY(0px);
      transform: translateY(0px);
      max-height: 500px;
    }
    nav li .submenu li{
      width: 40%;
      margin-bottom: 20px;
      float: left;
      padding: 0;
      text-align: left;
      height: auto;
    }
    nav li .submenu a{
      color: #383838;
      display: inline-block;
      height: auto;
      line-height: 130%;
      padding: 0;
    }
    nav li .submenu a:hover {
      color: #27ace3;
    }

.swiper-wrapper, .swiper-slide{
  width: 100%;
  height: 100%;
}

.homeslider, .homeslider .swiper-container{
  height: 600px;
  position: relative;
}
  .homeslider .swiper-slide{
    
    background-size: cover;
    background-position: center;
  }
  .homeslider .swiper-slidein{
    background: rgba(23,23,23,.3);
    width: 100%;
    height: 100%;
    padding-top: 180px;
    padding-right: 16px;
  }
  .homeslider .swiper-slide h2{
    color: #fff;
    font-weight: bold;
    font-size: 42px;
  }
  .homeslider .swiper-slide p{
    color: #fff;
    font-size: 14px;
  }
  .homeslider .pagination{
    width: 300px;
    position: absolute;
    bottom: 100px;
    text-align: center;
    z-index: 10;
    left: 50%;
    margin-left: -150px;
  }
  .homeslider .pagination.alt{
    bottom: 150px;
  }
  .homeslider .pagination span{
    width: 14px;
    height: 14px;
    display: inline-block;
    margin: 0 2px;
    border-radius: 100%;
    position: relative;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    border: 2px solid transparent;
  }
  .homeslider .pagination span:after{
    width: 10px;
    height: 10px;
    top: 0px;
    left: 0px;
    background: #fff;
    border-radius: 100%;
    display: block;
    position: absolute;
    content: '';
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }
  .homeslider .pagination span.swiper-active-switch{
    border: 2px solid #fff;
  }
  .homeslider .pagination span.swiper-active-switch:after{
    opacity: 0;
  }

  .homeslider .text{
    width: 100%;
    text-align: center;
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: 1;
  }
  .homeslider .text h2{
    display: inline-block;
    padding: 15px 30px;
    color: #fff;
    font-weight: bold;
    background: #27ace3;
    font-size: 42px;
    margin: 0;
  }

  

.accesos{
  margin-bottom: 120px;
}
.accesos, .accesos  .columns{
  height: 200px;
  background: #fff;
}  
.slider-accesos{
  padding: 20px 50px;
}
.accesos .swiper-container{
  height: 200px;
}

  .accesos .arrow-left, .accesos .arrow-right{
    width: 20px;
    height: 34px;
    display:block; text-indent: -3000px; font-size: 0; overflow:hidden;
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -17px;
    background: url(img/prev.png);
  }
  .accesos .arrow-right{
    background: url(img/next.png);
    right: 20px;
    left: auto;
  }
  .accesos .swiper-slide a{
    text-align: center;
    font-size: 16px;
    color: #737373;
    display: block;
    position: relative;
    border-right: 1px solid #DFDFDF;
    padding: 120px 20px 0;
    line-height: 120%;
    min-height: 160px;
  }
  .accesos [class~='swiper-slide-visible']:last-of-type {
      border-right: none;
  }
  .accesos .swiper-slide a:hover{
    color: #27ace3;
  }
  .accesos .swiper-slide a .ico{
    position: absolute;
    top: 20px;
    left: 50%;
    margin-left: -45px;
  }
  .accesos .swiper-slide a .ico.hover{
    opacity: 1;
    -webkit-filter: grayscale(1);
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: url(#greyscale);
    filter: gray;
  }
  .accesos .swiper-slide a:hover .ico.hover{
    opacity: 0;
  }

  h3{
    font-weight: bold;
    color: #171717;
    font-size: 28px;
  }
  h3 span{
    color: #27ace3; 
  }

.section{
  margin-bottom: 80px;
}
  .cartelera a{
    display: block;
    background-size: cover;
    background-position: center;
    padding-bottom: 80%;
  }
  .cartelera > li{
    padding: 0;
  }
  .cartelera > li a{
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }
  .cartelera > li a:hover{
    opacity: 0.7;
  }


  .cartelera-slider .slider-videos h3{
    font-size: 28px;
    color: #171717;
    margin-bottom: 30px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }
  .cartelera-slider .slider-videos a:hover h3{
    color: #27ace3;
  }
  .cartelera-slider .slider-videos h3 img{
    vertical-align: bottom;
  }
  .cartelera-slider .slider-videos .pagination{
    top: 30px;
  }
  .cartelera-slider .slider-videos .swiper-container{
    height: 720px;
  }
  
  .slider-videos .row{
    margin: 0;
  }
  .slider-videos .columns{
    padding: 0;
  }
  .slider-videos .swiper-container{
    height: 400px;
  }
  .slider-videos a{
    display: block;
    background: #fff;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }
  .slider-videos a:hover{
    opacity: 0.7;
  }
  .cartelera-slider a:hover{
    opacity: 1;
    cursor: default;
  }
  .cartelera-slider a.arrow-right, .cartelera-slider a.arrow-left{
    
    cursor: pointer !important;
  }
    .slider-videos a .img{
      display: block;
      padding-bottom: 93%;
      background-position: center;
      background-size: cover;
      position: relative;
    }
    .slider-videos a .img .ico{
      width: 100%;
      height: 100%;
      position: absolute;
      display: block;
      background: url(img/videoico.png) no-repeat center;
    }
    .slider-videos a .txt{
      color: #2a2e2f;
      font-size: 16px;
      line-height: 120%;
      padding: 20px;
      border: 1px solid #dbdbdb;
      border-top: none;
      display: block;
      border-right: 0;
      -webkit-transition: all 0.3s ease-out;
      -moz-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
      -o-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out;
    }
    .slider-videos .swiper-slide:nth-child(4n+4) .columns a .txt{
      border-right: 1px solid #dbdbdb;
      
    }
    .slider-videos a h4{
      color: #27ace3;
      font-size: 24px;
      font-weight: bold;
      margin: 20px 0 40px;
    }
    .slider-videos .columns a:hover .txt{
      color: #27ace3;
      }   
      .cartelera-slider .slider-videos .columns a:hover .txt{
      color: #27ace3;
      }    
      .cartelera-slider .slider-videos a:hover .txt{  
         color: #2a2e2f !important;
       }


       .slider-videos .arrow-left, .slider-videos .arrow-right {
        width: 20px;
        height: 34px;
        display: block;
        text-indent: -3000px;
        font-size: 0;
        overflow: hidden;
        position: absolute;
        left: -20px;
        top: 50%;
        margin-top: -17px;
        background: url(img/prev.png);
        cursor: pointer;
      }

.slider-videos .arrow-right {
  background: url(img/next.png);
  right: -20px;
  left: auto;
}
  

  .slider-videos .pagination{
    position: absolute;
    top: 0;
    right: 20px;
    visibility: hidden;
  }
  .slider-videos .pagination span{
    width: 14px;
    height: 14px;
    display: inline-block;
    margin: 0 2px;
    border-radius: 100%;
    position: relative;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    border: 2px solid transparent;
  }
  .slider-videos .pagination span:after{
    width: 10px;
    height: 10px;
    top: 0px;
    left: 0px;
    background: #818181;
    border-radius: 100%;
    display: block;
    position: absolute;
    content: '';
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }
  .slider-videos .pagination span.swiper-active-switch{
    border: 2px solid #818181;
  }
  .slider-videos .pagination span.swiper-active-switch:after{
    opacity: 0;
  }
  .pagination span:hover{
    cursor: pointer;
  }



.banner{
  display: block;
  -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    text-align: center;
}
.banner:hover{
  opacity: 0.7;
}


/*pages*/

.pageheader{
  height: 450px;
  position: relative;
  background-position: center;
  background-size: cover;
}
  .pageheader .map{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .pageheader .text{
    width: 100%;
    text-align: center;
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: 1;
  }
  .pageheader .text h2{
    display: inline-block;
    padding: 15px 30px;
    color: #fff;
    font-weight: bold;
    background: #27ace3;
    font-size: 42px;
    margin: 0;
  }
  .pageheader.slider{
    height: 600px;
  }
    .pageheader.slider .swiper-container{
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%
    }
    .pageheader.slider .swiper-slide{
      background-size: cover;
      background-position: center;
    }

  .pageheader .pagination{
    width: 300px;
    position: absolute;
    bottom: 150px;
    text-align: center;
    z-index: 10;
    left: 50%;
    margin-left: -150px;
  }
  .pageheader .pagination span{
    width: 14px;
    height: 14px;
    display: inline-block;
    margin: 0 2px;
    border-radius: 100%;
    position: relative;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    border: 2px solid transparent;
  }
  .pageheader .pagination span:after{
    width: 10px;
    height: 10px;
    top: 0px;
    left: 0px;
    background: #fff;
    border-radius: 100%;
    display: block;
    position: absolute;
    content: '';
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }
  .pageheader .pagination span.swiper-active-switch{
    border: 2px solid #fff;
  }
  .pageheader .pagination span.swiper-active-switch:after{
    opacity: 0;
  }

.pageintro{
  background: #27ace3;
  padding: 70px 0;
  text-align: center;
}
  .pageintro .t1{
    margin-bottom: 70px;
  }
  .sologrande.pageintro .t1{
    margin-bottom: 30px;
  }

  .pageintro .t1 p{
    font-size: 24px;
    color: #fff;
    line-height: 130%;
  }
  .pageintro .t2 p{
    font-size: 15px;
    color: #fff;
    line-height: 22px;
    font-weight: 300;
  }
  .pageintro .tels{
    color: #fff;
    font-weight: 900;
    font-size: 36px;
    margin: 30px 0 30px;
  }



.redes-page{
  text-align: center;
  padding: 70px 0;
}  
  .redes-page h3{
    color: #2a2e2f;
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 40px;
  }
  .redes-page h3 span{
    color: #27ace3;
  }
  .redes-page a:hover{
    opacity: 0.7;
  }

.contacto-page{
  background: #fff;
  padding: 50px 0;
  position: relative;
}  
  .contacto-page h4{
    color: #27ace3; 
    font-size: 18px;
  }
  .contacto-page p{
    color: #2a2e2f; 
    font-size: 15px;
  }
  .contacto-page .ico{
    width: 38px;
    height: 19px;  
    background: url(img/flechaico.png) no-repeat;
    top: -19px;
    left: 50%;
    margin-left: -19px;
    position: absolute;
    display: block;
  }

.content{
  padding: 130px 0;
  background: #f2f2f2;
}
.content+.content{
  padding-top: 30px;
  margin-top: -100px;
}

.content+.bigslider{
  margin-top: 0px;
}
.bigslider+.content{
  padding-top: 0px;
}
.accesos+.content{
  padding-top: 0px;
}

.content+.content.bgcolor{
  padding-top: 100px;
  margin-top: -50px;
}
.content.bgcolor+.content.bgcolor{
  padding-top: 30px;
  margin-top: -100px;
}
.content.locations+.content{
  padding-top: 30px;
  margin-top: -50px;
}
  .content h2{
    font-size: 28px;
    font-weight: bold;
    color: #2a2e2f; 
    margin-bottom: 30px;
  }
  /*
  .content h2:only-child{
    margin-bottom: 0;
  }
  */
  .content h3{
    color: #27ace3; 
    font-size: 22px;
  }
  .content h4{
    color: #27ace3; 
    font-size: 18px;
  }
  .content h5{
    color: #27ace3; 
    font-size: 16px;
  }
  .content p{
    color: #2a2e2f; 
    font-size: 15px;
  }
  .content p.pie{
    font-size: 14px;
    padding: 20px 0;
  }
.content+.button-cont{
  padding-top: 0;
}
.button-cont{
  padding: 130px 0;
}  


  
 
 .datos{
  padding: 70px 0;
  background: #fff;
}
  .datos .t1{
    color: #2a2e2f; 
    font-size: 26px;
    padding-bottom: 30px;
  }
  .datos .t2{
    color: #2a2e2f; 
    font-size: 20px;
  }
  .datos .dato{
    display: inline-block;
    padding-bottom: 0 15px;
  }
    .datos .dato span{
      color: #27ace3; 
    } 


.tabla tr, .tabla td, .tabla th, .tabla thead, .tabla table{
  background: none;
  border: none;
  padding: 0;
}
.tabla p+table{
  margin-top: 50px;
}
.tabla table{
  min-width: 75%;
  table-layout: fixed;
  border-collapse: collapse;
}
table tr.even, table tr.alt, table tr:nth-of-type(even){
  background: none;
}
.tabla td, .tabla th{
  padding: 15px 10px;
  border-bottom: 1px solid  #dbdbdb;
}
.tabla thead th{
  font-size: 18px;
  color: #171717;
  font-weight: bold;
}

.tabla tbody th{
  font-size: 15px;
  color: #27ace3;
  font-weight: 400;
}
.tabla tbody tr{
  
}
.tabla tbody td{
  font-size: 15px;
  color: #171717;
}
.tabla .collapse, .tabla .collapsed div, .tabla .collapsed td, .tabla .collapsed th{
   -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.tabla .collapsed td, .tabla .collapsed th {
  opacity: 0;
  padding: 0;
  border-bottom: 0;
}
.tabla .collapsed div {
  height: 0;
  overflow: hidden;
  opacity: 0;
}

.tabla td > div, .tabla tr > div { width: 100%; height: 100%; overflow:hidden; }

.bigslider{
  height: 720px;
  margin: 100px 0;
  position: relative;
}
  .bigslider .swiper-container{
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  .bigslider .flechas{
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
  }
  .bigslider .flechas .row, .bigslider .flechas .columns{
    height: 100%;
  }
  .bigslider .arrow-left, .bigslider .arrow-right{
    width: 54px;
    height: 54px;
    display:block; text-indent: -3000px; font-size: 0; overflow:hidden;
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -27px;
    background: url(img/prev2.png);
    z-index: 1;
  }
  .bigslider .arrow-right{
    background: url(img/next2.png);
    right: 20px;
    left: auto;
  }
  .bigslider .swiper-slide{
    background-position: center;
    background-size: cover;

  }




/*footer*/
.redes {
  border-top: 1px solid #DEDEDE;
  background: #fff;
  padding-top: 50px;
  padding-bottom: 50px;
}  
  .redes .twitter h3{
    color: #19B6EA;
    font-size: 22px;
    background: url(img/tw2.png) no-repeat left;
    padding: 15px 0 15px 45px;
    border-bottom: 1px solid #DEDEDE;
    font-weight: 600;
  }
  .redes .facebook h3{
    color: #39599f;
    font-size: 22px;
    background: url(img/fb2.png) no-repeat left;
    padding: 15px 0 15px 45px;
    border-bottom: 1px solid #DEDEDE;
    font-weight: 600;
  }
  .redes iframe, .fb_iframe_widget {
    height: 300px !important;
    margin: 0 auto;
    display: block;
    max-width: 100%;
  }
  .fb_iframe_widget{
    margin: 0 auto;
    display: block !important;
    max-width: 500px;
  }
  .redes .medium-6{
    max-width: 540px;
  }
  /*
  .fb_iframe_widget span{
    width: 100% !important;
    display: block;
  }
  */


.content.news{
  padding-top: 100px;
}
.new:nth-child(3n+1){
  clear: both;
}
.new{
  display: block;
  margin-bottom: 40px;
}
  .new .img{
    width: 100%;
    padding-bottom: 75%;
    background-size: cover;
    display: block;
  }
  .new .txt{
    padding: 15px;
    background: #fff;
    display: block;
  }
  .new .txt h4{
    color: #2a2e2f;
    font-size: 22px;
  }
  .new .txt .fecha{
    color: #333;
    font-size: 13px;
    margin-bottom: 10px;
    display: block;
    margin-top: 5px;
  }

  .new a:hover h4{
    color: #27ace3;
  }
  
  .single figure{
    margin-bottom: 30px;
  }
  .single h2{
    font-size: 28px;
  }
  .share{
    padding-top: 100px;
  }
  .share label{
    display: inline-block;
    height: 36px;
    font-weight: bold;
    margin-right: 30px;
    font-size: 16px;
    vertical-align: middle;
    line-height: 34px;
  }
  .share a{
    width: 32px;
    height: 32px;
    display: inline-block;
    overflow: hidden;
    border-radius: 100%;
    vertical-align: middle;
     -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    margin-right: 7px;
  }
   .share a:hover{
    opacity: 0.7;
   }
  
  .news .bajada{
    font-size: 18px;
    margin: -10px 0 30px;
    line-height: 140%;
  }
  .news .single .fecha{
      color: #333;
    font-size: 13px;
    margin-bottom: 15px;
    display: block;
  }
  .news .single figure img{
    width: 100%;
  }

   .locations .map{
      height: 600px;
   }
   .locations .mapscroll{
    padding: 40px 30px 40px 40px;
    background: #fff;
    height: 600px;
    
   }
   .mapscrollin{
    height: 100%;
    overflow-y: auto;
   }
    .locations .mapscroll a{
      display: block;
      font-size: 15px;
      color: #171717;
      margin-bottom: 20px;
    }
    .content.locations h3{
      font-size: 22px;
      color: #171717;
      margin-bottom: 30px;
    }
    .gomapMarker{
      width: 200px;
      text-align: center;
      overflow: hidden;
    }

    ul.descargas {
      margin-top: 20px;
    }
    ul.descargas li a{
      color: #27ace3; 
  }



.numeros {
  height: 200px;
  background: #3B4048;
}  
  .numeros .numero{
    height: 200px;
    position: relative;
    padding-left: 90px;
    font-size: 18px;
    color: #fff;
  }
  .numeros .numero .ico{
    width: 70px;
    height: 70px;
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -35px;
    background-repeat: no-repeat;
    background-position: center;
  }
  .numeros .numero strong{
    color: #00c0f3;
    font-size: 36px;
    display: block;
  }

  .footermenu {
    padding: 50px 0;
  }
  .footermenu h4{
    color: #00c0f3;
    font-size: 18px;
    border-bottom: 1px solid #DBDBDB;
    padding-bottom: 30px;
    margin-bottom: 30px;
    font-weight: 600;
  }
  .footermenu ul{
    margin: 0 0 70px;
    overflow: hidden;
  }
  .footermenu ul li{
    margin-bottom: 18px;
    list-style: none;
  }
  .footermenu ul li a{
    font-size: 12px;
    color: #383838;
     -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }
  .footermenu ul li a:hover{
    color: #00c0f3;
  }


.newsletter {
  height: 200px;
  background: #00c0f3;
}
  .newsletter label{
    color: #fff;
    font-size: 20px;
    height: 40px;
    line-height: 38px;
    font-weight: 300;
  }
  .newsletter input[type='email']{
    background: #fff;
    border-radius: 5px;
    height: 40px;
    margin: 0;
    border: 1px solid #fff;
  }
  .newsletter .error  input[type='email']{
    border: 1px solid #f00;
  }
  .newsletter button{
    height: 40px;
    background: #191918;
    padding: 0;
    margin: 0;
    border-radius: 5px;
     -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  footer{
    padding: 50px 0;
    background: #fff;
  }
  .footerlogo {
    float: left;
    margin-right: 30px;
  }
  footer p{
    color: #383838;
    font-size: 12px;
    line-height: 24px;
  }
  footer p a{
    color: #27ace3;
  }
  .footersocial a{
    display: inline-block;
    margin-left: 5px;
     -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }
  .footersocial a:hover{
    opacity: 0.7;
  }


#tramites {
  position: fixed;
  top: 0;
  left: 0;
  background: #27ace3;
  width: 100%;
  height: 100%;
  z-index: 100;
  padding-top: 50px;
  -webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
  -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
  -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
  transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); /* easeOutQuart */
  opacity: 0;
  -moz-transform: scale(0.6);
  -webkit-transform: scale(0.6);
  -o-transform: scale(0.6);
  -ms-transform: scale(0.6);
  transform: scale(0.6);
  visibility: hidden;
}  
#tramites.in{
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  visibility: visible;
  overflow: auto;
}
#tramites .columns{
  padding-left: 10px;
  padding-right: 10px;
}
  #tramites h2{
    font-size: 24px;
    color: #fff;
    margin-bottom: 100px;
  }
  #tramites h2 strong{
    color: #000000;
  }
  #tramites h3{
    color: #000;
    font-size: 18px;
    margin-bottom: 40px;
  }
  #tramites li{
    list-style: none;
    
  }
  .tramitesitem{
    border-bottom: 1px solid #7ac1df;
    padding: 15px 0;
    position: relative;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }
  .mopen .tramitesitem{
   /* background:  #17A0D8*/
  }
  #tramites li a{
    color: #fff;
    font-size: 13px;
     -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    display: block;
    padding: 0 10px;
  }
  #tramites .dd>a{
    background: url(img/dd.png) no-repeat right;
  }
  #tramites .mopen .dd>a{
   background: url(img/ddclose.png) no-repeat right; 
   color: #000;
  }
  #tramites .dd .dd>a{
    background: url(img/dd.png) no-repeat right;
    color: #fff;
  }
 /* #tramites .dd .mopen.dd>a{
   background: url(img/ddclose.png) no-repeat right; 
  }*/


  #tramites li a:hover{
    color: #000;
  }
  #tramites li li{
    list-style: disc inside;
    padding: 5px 0;
    border: none;
  }
  #tramites li li li{
    color: #fff;
  }
  #tramites .submenu ul{
    margin-left: 0;
  }
  #tramites .submenu ul ul{
    margin-left: 15px;
  }
  #tramites .submenu{
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #27ace3;
    opacity: 0;
     -webkit-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
    /*background:  #17A0D8;*/
    padding-bottom: 5px;
  }
  #tramites .submenu.open{
    z-index: 10;
    opacity: 1;
  }
  #tramites .submenu .submenu{
    position: relative;
    top: auto;
  }
  #tramites .submenu .submenu a{
    font-size: 12px;
  }

  #tramites .close{
    width: 35px;
    height: 34px;
    display:block; text-indent: -3000px; font-size: 0; overflow:hidden;
    background: url(img/close.png) no-repeat;
    position: absolute;
    top: 0px;
    right: 10px;
  }
  #tramites .row .row{
    margin-left: -10px;
    margin-right: -10px;
  }

  .recursos a{
    padding-bottom: 100%;
    display: block;
    background-size: 100% auto;
     -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    background-position: center;
  }
  .recursos a:hover{
    background-size: 110% auto;
  }
  .recursos [class*="block-grid-"] > li{
    padding-left: 0;
    padding-right: 0;
  }


.telefonosutiles{
  text-align: center;
}
.telefonosutiles.icono{
  text-align: left;
}
  .telefonosutiles h2{
    font-size: 36px;
    font-weight: bold;
  }
  .telefonosutiles h3{
    font-size: 18px;
    font-weight: normal;
    margin-top: -15px;
  }
  .telefonosutiles h5{
    font-size: 15px;
    font-weight: 200;
    color: #fff;
    clear: both;
  }
  .telefonosutiles .ico{
    float: left;
    padding: 10px 40px 20px;
  }
  .singletel.telefonosutiles .ico{
    padding-left: 0;
  }

  .medium-offset-4_5{
    margin-left: 27% !important;
  }


  .videocolorbox #cboxTitle {
    display: none !important;
  }

  .contactform input, .contactform textarea{
    border: 1px solid #555555 !important;
    background: none !important;
    border-radius: 5px;
     -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    margin-bottom: 10px !important;
  }
  .contactform input:focus, .contactform textarea:focus{
    border: 1px solid #27ace3 !important;
    background: #27ace3 !important;
    color: #fff !important;
  }

.desplegable h2 a{
  display: block;
  color: #27ace3;
}
.desplegable span{
  font-weight: bold;
  /*float: right;*/
}
  .desplegable-text {
    display: none;
  }





#buscador {
  position: fixed;
  top: 0;
  left: 0;
  background: #27ace3;
  width: 100%;
  height: 100%;
  z-index: 100;
  padding-top: 50px;
  -webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
  -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
  -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
  transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); /* easeOutQuart */
  opacity: 0;
  -moz-transform: scale(0.6);
  -webkit-transform: scale(0.6);
  -o-transform: scale(0.6);
  -ms-transform: scale(0.6);
  transform: scale(0.6);
  visibility: hidden;
}  
#buscador.in{
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  visibility: visible;
  overflow: auto;
}
#buscador h2{
    font-size: 24px;
    color: #fff;
    margin-bottom: 30px;
  }
#buscador .columns{
  padding-left: 10px;
  padding-right: 10px;
}
  #buscadorinput{
      font-size: 24px;
      color: #fff;
      margin-bottom: 50px; 
      border: none;
      border-bottom: 1px solid #fff;
      background: none;
      box-shadow: none;
      font-weight: 200;
  }
  #buscadorresultados{
    display: none;
    margin: 0;
  }

  #buscador li{
    list-style: none;
    margin-bottom: 20px;
  }
  #buscador li span{
    font-size: 12px;
    color: #fff;
    opacity: 0.9;
  }
  #buscador li a{
    color: #fff;
    font-size: 16px;
     -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }
  #buscador li a:hover{
    color: #000;
  }

  #buscador .close{
    width: 35px;
    height: 34px;
    display:block; text-indent: -3000px; font-size: 0; overflow:hidden;
    background: url(img/close.png) no-repeat;
    position: absolute;
    top: 0px;
    right: 10px;
  }

  #newsletterformmessage{
    padding: 10px;
    color: #fff;
    text-align: center;
    display: none;
  }