
*, *:before, *:after {
  box-sizing: inherit;
}

.column9999 {
  float: left;
  width: 33.3%;
  margin-bottom: 16px;
  padding: 0 8px;
}

.card9999 {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  margin: 8px;
}

.about-section9999 {
  padding: 50px;
  text-align: center;
  background-color: #474e5d;
  color: white;
}

.container9999 {
  padding: 0 16px;
}

.container9999::after, .row9999::after {
  content: "";
  clear: both;
  display: table;
}

.title9999 {
  color: grey;
}

.button9999 {
  border: none;
  outline: 0;
  display: inline-block;
  padding: 8px;
  color: white;
  background-color: #000;
  text-align: center;
  cursor: pointer;
  width: 100%;
}

.button9999:hover {
  background-color: #555;
}

@media screen and (max-width: 650px) {
  .column9999 {
    width: 100%;
    display: block;
  }
}

.fa {
    padding: 8px;
    font-size: 18px;
    width: 30px;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
    margin-top: 15px;
}

.fa:hover {
    opacity: 0.7;
}

.fa-facebook {
    background: #3B5998;
    color: white;
}

.fa-twitter {
    background: #55ACEE;
    color: white;
}

.fa-google {
    background: #dd4b39;
    color: white;
}

.fa-linkedin {
    background: #007bb5;
    color: white;
}

.fa-youtube {
    background: #bb0000;
    color: white;
}

.fa-instagram {
    background: #125688;
    color: white;
}

.fa-pinterest {
    background: #cb2027;
    color: white;
}

.fa-snapchat-ghost {
    background: #fffc00;
    color: white;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.fa-skype {
    background: #00aff0;
    color: white;
}

.fa-android {
    background: #a4c639;
    color: white;
}

.fa-dribbble {
    background: #ea4c89;
    color: white;
}

.fa-vimeo {
    background: #45bbff;
    color: white;
}

.fa-tumblr {
    background: #2c4762;
    color: white;
}

.fa-vine {
    background: #00b489;
    color: white;
}

.fa-foursquare {
    background: #45bbff;
    color: white;
}

.fa-stumbleupon {
    background: #eb4924;
    color: white;
}

.fa-flickr {
    background: #f40083;
    color: white;
}

.fa-yahoo {
    background: #430297;
    color: white;
}

.fa-soundcloud {
    background: #ff5500;
    color: white;
}

.fa-reddit {
    background: #ff5700;
    color: white;
}

.fa-rss {
    background: #ff6600;
    color: white;
}

html{
    color:#222;
    font-size:1em;
    line-height:1.4;
    background:linear-gradient(to right,#E2E2E2, #B8B8B8);
}

::-moz-selection{
    background:#b3d4fc;
    text-shadow:none;
}

::selection{
    background:#b3d4fc;
    text-shadow:none;
}

hr{
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #ccc;
    margin:1em 0;
    padding:0
}

audio,canvas,iframe,img,svg,video{
    vertical-align:middle
}

fieldset{
    border:0;
    margin:0;
    padding:0;
}

textarea{
    resize:vertical;
}

.browserupgrade{
    margin:.2em 0;
    background:#ccc;
    color:#000;
    padding:.2em 0;
}

@font-face{
    font-family:GothamB;
    src:url(../fonts/GothamB.ttf)
}

@font-face{
    font-family:GothamBk;
    src:url(../fonts/GothamBk.ttf);
}

*{
    margin:0;
    padding:0
}

body{
    background-color:#fff;
    font-family:'Arial',sans-serif
}

div.banner{
    margin:0;
    padding-top:0px!important;
}

div.slider-container{
    overflow:hidden;
    z-index:-1;
}

div.ima-container{
    overflow:hidden;
    height:25%;
    width:25%;
}

div.imagen2{
    position:relative;
    width:100%;
    margin:0;
    left:0;
    z-index:-1;
}

#id80{
    max-width:80%;
}

#id100{
    width:100%;
}

#hei{
    height:30%;
}

#esp5{
    margin:5px;
}

.slider{
    position:relative;
    width:500%;
    margin:0;
    left:0;
    text-align:left;
    font-size:0;
    animation:10s mov--der-izq infinite;
    animation-play-state:running;
    z-index:-1
}

.slider a img{
    width:20%;
    float:left;
    z-index:-1
}

.contenedor{
    max-width:100%;
    width:100%;
    margin:0 auto;
}

.borrar{
    clear:both;
    content:'';
}

div.contenedor::after{
    clear:both;
    content:'';
    display:block;
}

.contenedor-pie img{
    width:100% !important;
    height: auto;
}

.contenedor-pie{
    max-width:100%;
    width:100%;
    margin:0;
}

div.contenedor-pie:after{
    clear:both;
    content:'';
    display:block;
    background:#3e3e3f;
}

h1.nombre-sitio{
    font-family:'Arial',sans-serif;
    text-transform:uppercase;
    font-size:5.9vw;
    color:rgba(15,63,83,1);
    text-shadow:1px 2px #999;
}

.seccion{
    padding:30px 0;
}

.columnas-3 h5 a{
    text-decoration:none!important;
    color:#000;
    padding:5px;
}

#combo{
    width:45%;
    float:left;
    text-align:left;
    margin:3% 5% 5% 15%;
    padding:1% 5% 1% 1%;
    background-image:url(../img/search.png);
    background-repeat:no-repeat;
    background-size:30px;
    background-position:right;
    max-width:100%;
}

div.imagew{
    width:350px;
    height:210px;
    background-color:#cecece;
}

div.info{
    width:350px;
}

.topnav{
    background-color:#333;
    overflow:hidden;
}

.topnav a{
    float:left;
    display:block;
    color:#f2f2f2;
    text-align:center;
    padding:14px 16px;
    text-decoration:none;
    font-size:17px
}

.topnav a:hover{
    background-color:#ddd;
    color:black
}

.topnav .icon{
    display:none
}

div.conteneur{
    margin:auto;
    position:relative
}

h2{
    font-family:GothamBk;
    font-size:1.5em;
    text-transform:inherit;
    color:#4e4364!important;
    font-weight:100
}

h2::after{
    content:'';
    margin:0 auto
}

.content{
    position:relative;
    width:50%
}

.overlay{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    height:100%;
    width:100%;
    opacity:0;
    transition:.5s ease;
    background-color:#008cba
}

.text{
    color:white;
    font-size:20px;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%)
}

div.hero{
    background-image:url(../img/galeria/www2.jpg);
    height:100vh;
    background-position:top center;
    background-size:cover
}

div.contenido-header{
    padding-top:40px
}

nav.redes-sociales{
    text-align:center
}

nav.redes-sociales a{
    color:#fff;
    font-size:2em;
    margin-right:20px
}

div.informacion-evento{
    text-align:center;
    color:#fff
}

div.informacion-evento p{
    margin:0;
    display:inline;
    font-size:20px;
    text-transform:uppercase
}

div.informacion-evento p i{
    color:#fff
}

p.fecha{
    float:left
}

p.ciudad{
    float:right;
    text-align:right
}

p.slogan{
    text-decoration:none!important
}

p.slogan bold{
    font-weight:bold
}

.boton_acerca{
    background-color:#336535;
    color:#fff;
    margin:5px
}

div.barra-principal{
    max-width:100%;
    width:100%;
    background-color:#00479e;
    padding:10px 0;
    top:0;
    z-index:1000;
    position:fixed
}

div.barra-footer{
    background:linear-gradient(to right,#E2E2E2, #B8B8B8);
    background-position:center;
    background-repeat:repeat;
    padding:20px 0;
    font-family:GothamBk;
    font-size:24px;
    color: #FFFFFF !important;
}

div.logo{
    max-width:25%;
    float:left
}

div.logo img{
    width:45%;
    height:auto
}

nav.navegacion-principal{
    display:none
}

nav.navegacion-principal a{
    font-family:'Arial',sans-serif;
    margin-top:10px;
    color:#fff;
    text-transform:uppercase;
    transition:all .6s ease;
    width:100%;
    display:block
}

h2#filtro{
    float:right
}

select.seleccion-opciones{
    float:left;
    margin-top:3px;
    padding:2px;
    max-width:80%
}

div.contenedor2{
    max-width:1100px;
    margin:0 auto
}

div.contenedor2::after{
    clear:both;
    content:'';
    display:block
}

article a{
    display:inline-block;
    color:white;
    text-decoration:none;
    font-weight:bold;
    text-transform:uppercase;
    float:left;
    max-width:15%
}

article a img{
    width:100%
}

article::after{
    content:'';
    display:block;
    clear:both
}

article{
    margin-bottom:20px;
    display:block
}

div.centrado{
    text-align:center
}

nav.navegacion-final{
    font-family:GothamBk;
    color:#000000 !important;
    font-size:24px;
    text-decoration:none!important;
    text-transform:capitalize
}

nav.navegacion-final a{
    text-decoration:none!important
}

.borrando{
    display:none
}

div.imagen a img{
    width:500px
}

div.imagen-principal{
    max-width:100%
}

div.imagen-principal img{
    width:100%;
    height:auto
}

div.galeria{
    max-width:100%
}

div.galeria img{
    transition:all .5s;
    width:100px;
    heigth:100px
}

th,td{
    padding:5px;
    padding-left:8px;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd
}

th{
    text-align:center!important
}

nav.navegacion-final a{
    color:#fff
}

div.menu-movil{
    width:60px;
    display:block;
    float:right;
    text-align:right;
    margin-top:20px
}

div.menu-movil:hover{
    cursor:pointer
}

div.menu-movil span{
    height:8px;
    display:block;
    background-color:white;
    margin-bottom:6px
}

i.fa-map-marker{
    font-size:24px
}

i.fa-user{
    margin-right:8px
}

i.fa-facebook{
    color:#ff414d;
    font-size:30px;
    margin:5px
}

i.fa-twitter{
    color:#ff414d;
    font-size:30px;
    margin:5px
}

i.fa-instagram{
    color:#ff414d;
    font-size:30px;
    margin:5px
}

i.fa-youtube-play{
    color:#ff414d;
    font-size:30px;
    margin:5px;
}

i.fa-google-plus-circle{
    color:#ff414d;
    font-size:30px;
    margin:5px;
}

i.fa-facebook:hover{
    color:#ff414d;
}

i.fa-twitter:hover{
    color:#ff414d;
    font-size:30px;
}

i.fa-instagram:hover{
    color:#ff414d;
    font-size:30px;
}

i.fa-youtube-play:hover{
    color:#ff414d;
    font-size:30px;
}

i.fa-google-plus-circle:hover{
    color:#ff414d;
    font-size:30px;
}

i.fa-chevron-up{
    color:#000;
    font-size:50px;
}

i.fa-bars{
    margin-top:3px;
    left:15px;
    position:fixed;
    font-size:40px;
    color:#fff;
}

i.fa-chevron-down{
    margin-left:5px;
    margin-right:5px;
}

i.fa-arrow-circle-left{
    margin:5px;
    font-size:16px;
    color:#87878a;
    float:right;
}

i.fa-arrow-circle-right{
    margin:5px;
    font-size:16px;
    color:#87878a;
    float:right;
}

.item{
    text-align:center;
}

.contenedor-icono{
    position:fixed;
    bottom:10px;
    right:15px;
    z-index:8000;
    display:grid;
}

.contenedor-iconos{
    position:fixed;
    top:25%;
    right:15px;
    z-index:8000;
    display:grid;
}

.linea-icon{
    position:absolute;
    display:flex;
    justify-content:flex-end;
    transition:all 300ms;
    opacity:0;
    background:red
}

nav.redes{
    display:inline;
    right:10px;
    position:fixed;
    color:#505050;
    float:right;
    z-index:1000
}

nav.redes a i{
    font-size:20px
}

div#info{
    position:absolute;
    overflow:hidden;
    background-color:rgba(31,31,31,0.9);
    -webkit-transition:opacity .2s;
    opacity:0
}

div#imagen:hover div#info{
    opacity:1
}

p#headline{
    position:absolute;
    margin-left:-70px;
    font-size:21px;
}

logos{
    max-width:30%;
    width:30%;
    float:left;
    margin-top:5px;
}

div.logo img{
    width:100%;
    float:left;
}

html{
    height:100%;
}

body{
    height:100%;
    background:#fff;
}

.main{
    width:90%;
    max-width:1000px;
    margin:20px auto
}

.slides{
    width:100%
}

.slides img{
    width:100%
}

.slidesjs-pagination{
    background:#424242;
    list-style:none;
    overflow:hidden
}

.slidesjs-pagination li{
    float:left
}

.slidesjs-pagination li a{
    display:block;
    padding:10px 20px;
    color:#fff;
    text-decoration:none
}

.slidesjs-pagination li a:hover{
    background:#000
}

.slides .active{
    background:#000
}

.slidesjs-navigation{
    background:#000;
    color:#fff;
    text-decoration:none;
    display:inline-block;
    padding:13.5px 20px;
    float:right
}

.wrapper{
    min-height:100%;
    height:auto!important;
    margin:0 auto -4em
}

footer,.push{
    height:4em;
    z-index:100000
}

div.menu_bar img{
    margin-top:10px;
    width:195px;
    margin-left:25%;
}

img{
    opacity:1
}

img:hover{
    opacity:1
}

.menu_bar{
    display:none;
    background-color:rgba(0,0,0,0)
}

header{
    width:100%;
    position:fixed;
    z-index:10000;
    background:linear-gradient(to right,#E2E2E2, #B8B8B8);
    background-position:center;
    background-repeat:repeat;
    border-bottom:5px solid #000000;
    font-family:GothamBk !important;
}

header nav{
    background:rgba(255,255,255,0);
    z-index:1000;
    max-width:100%;
    width:100%;
    margin:0;
    margin-top:20px;
    margin-bottom:0
}

header nav ul{
    list-style:none;
    margin-bottom:0;
    color:#fff
}

header nav ul li{
    display:inline-block;
    position:relative;
    color:#000000;
    text-align:left;
    font-weight:100;
    font-family:GothamBk;
    font-size: 18px !important;
}

header nav ul li:hover{
    background:#FFFFFF;
    color:#000000;
    border-top-left-radius: 0.5em 0.5em; /* rounded corner! */
    border-top-right-radius: 0.5em 0.5em; /* another rounded corner! */
}

header nav ul li a{
    color:#000000 !important;
    display:block;
    text-decoration:none;
    padding:20px 8.5px;
    font-size:15px;
}

header nav ul li a:hover{
    color:#000000 !important;
    display:block;
    text-decoration:none;
    /*padding:20px 8.5px;
    font-size:15px*/
}

header nav ul li a span{
    margin-right:10px;
    width:300px;
    background:#f1f1f1
}

header nav ul li:hover .children{
    display:none;
    color:#fff
}

header nav ul li .children{
    display:none;
    position:absolute;
    width:100%;
    z-index:1000;
    width:255px;
    background:#094e75
}

header nav ul li .children li{
    padding:0;
    display:block;
    overflow:hidden;
    border-bottom:1px solid rgba(255,255,255,.5)
}

header nav ul li .children li a{
    padding:0;
    display:block;
    color:#fff;
    margin-left:10px;
    margin-top:5px;
    padding-right:10px;
    margin-bottom:5px;
    font-size:12px}

header nav ul li .children li a span{
    float:right;
    position:relative;
    top:3px;
    margin-right:0;
    margin-left:10px;
    color:#fff
}

header nav ul li .caret{
    position:relative;
    top:3px;
    margin-left:10px;
    margin-right:0
}

div.footerArriba{
    background-color:#ffffff !important;
    color:#0d659e;
    font-family:OpenSans;
    font-size:16px;
    font-family:GothamBk
}

table{
    border-collapse:collapse;
    width:100%
}

th,td{
    text-align:left;
    padding:4px;
    background-color:#91e2a4;
    color:#fff
}

table tbody tr td a{
    color:#fff;
    text-decoration:none
}

tr:nth-child(even){
    background-color:#f2f2f2
}

th{
    background-color:#2c8942;
    color:white
}

.columnas-3 min{
    max-width:20%;
    float:left;
    padding-left:15px;
    padding-right:15px;
    margin-bottom:15px;
    margin-top:15px
}

.columnas-3 min img{
    max-width:25%;
    padding-bottom:1px border green
}

.contenedor-izquierda-fijo{
    display:block
}

.contenedorPR{
    display:inline-block;
    max-width:20%;
    width:100%;
    height:200px;
    margin:0;
    padding:0;
    top:0;
    float:left
}

div.columna-5{
    max-width:100%;
    width:100%
}

div.owl-nav{
    color:#b4b4b4;
    font-size:44px;
    display:inline;
    cursor:pointer;
    border-radius:3px
}

div.owl-item{
    margin-right:10!important;
    margin-left:20!important
}

div.owl-prev{
    display:inline;
    float:left;
    left:1%;
    font-size:larger;
    margin-right:5%
}

div.owl-next{
    display:inline;
    float:right;
    right:1%;
    font-size:larger;
    margin-left:5%
}

#ninguno{
    text-decoration:none
}

h5,div.columnas-3 h5{
    margin:11px 11px 0 11px;
    margin-top:10px;
    font-family:'Gentium Basic',serif;
    font-size:18px;
    font-weight:100;
    color:#0647c0;
    padding:10px 10px 0 10px
}

#helN{
    font-family:GothamBk!important;
    margin-bottom:40px;
    text-align:left;
    display:none;
    color:#218a42!important;
    font-weight:100
}

div.columnas-3.minimo.sindecoracion p a{
    text-decoration:none;
    color:#3e3e3f;
    font-size:11px!important
}

.ui-menu .ui-menu-item{
    z-index:1000000
}

.tags{
    max-width:100%;
    width:100%;
    text-align:left;
    z-index:20000;
    padding:1% 5% 1% 1%;
    background-image:url(../img/search.png);
    background-repeat:no-repeat;
    background-position:right;
    padding:0 30px 0 5px;
    font-size:24px;
    background-size:26px
}

input{
    color:#000
}

.cuadrado-2{
    width:20px;
    height:20px;
    margin-top:2px;
    margin-left:3px;
    margin-right:3px;
    padding:1px;
    border:1px solid #dedede
}

.cuadrado-2 p{
    color:#2c8942;
    font-family:helveticaE;
    font-size:14px;
    text-decoration:none
}

.cuadrado-3{
    width:20px;
    height:20px;
    margin-top:2px;
    margin-left:3px;
    margin-right:3px;
    padding:1px;
    border:2px solid #00479e;
    background-color:#00479e
}

.cuadrado-3 p{
    color:white;
    font-family:helveticaE;
    font-size:14px
}

ui-widget{
    padding-left:2px;
    width:100%
}

.owl-nav>div{
    display:inline-block
}

div.owl-nav{
    position:absolute;
    top:35%;
    max-width:100%;
    width:100%
}

.owl-dots{
    text-align:center; 
    display:none;
}

.owl-dot{
    background:#888;
    color:#008cba;
    height:10px;
    width:10px;
    display:inline-block;
    margin:2.5px;
    -moz-border-radius:70px;
    -webkit-border-radius:70px;
    border-radius:70px
}

.tags{
    z-index:1000000!important
}

.TABLA p{
    text-align:justify!important;
    font-size:12px
}

.ui-widget input{
    padding:7px
}

#ui-id-2,#ui-id-1{
    z-index:99999999!important
}

div.item p{
    padding:10px!important;
    font-family:GothamBk;
    font-weight:100
}

.tip{
    padding-top:10px
}

.flotanteizq{
    float:left; 
    font-family:GothamB; 
    font-size: 24px;
    color: #000000;
}

@media only screen and (max-width:864px){
    #foto1{
        background-image:url("img/PAC1.jpg")
    }

    html,body{
        background:#fff!important
    }

    .inicio{
        padding-top:12px;
        background:#fff;
        font-family:'Arial',sans-serif
    }

    img{
        float:left;
        margin:0;
        width:100%
    }

    div.galeria{
        text-align:center
    }

    div.logo{
        width:65%
    }

    body{
        padding-top:68px
    }

    #logos{
        display:none
    }

    .menu_bar{
        display:block;
        max-width:100%;
        width:100%;
        position:fixed;
        top:0
    }

    .nueva_info{
        display: none;
    }

    .menu_bar .bt-menu{
        display:table-footer-group;
        padding:20px;
        color:#000000;
        overflow:hidden;
        font-size:25px;
        font-weight:bold;
        text-decoration:none;
        background:rgba(0,0,0,0);
        text-align:center
    }

    .menu_bar span{
        float:right;
        font-size:40px
    }

    header {
        border-bottom:5px solid #FF0000;        
    }

    header nav{
        width:100%;
        height:calc(100%);
        position:fixed;
        right:100%;
        margin-top:10px;
        overflow:scroll;
        text-align:left;
        background:linear-gradient(to right,#E2E2E2, #B8B8B8);
        border-bottom:1px solid rgba(252,251,248,1)
    }

    header nav ul li{
        display:block;
        font-family:'Arial',sans-serif;
        
        color:#000000;
        border-bottom:1px solid rgba(255,255,255,1)
    }

    header nav ul li:hover{
        background:#3e3e3f;
        color:#000!important
    }

    header nav ul li a{
        display:block;
        color:#000000;
    }

    header nav ul li:hover .children{
        display:none;
        color:#fff;
    }

    header nav ul li .children{
        width:100%;
        position:relative
    }

    header nav ul li .children li a{
        margin-left:0
    }

    header nav ul li .caret{
        float:right
    }

    .columnas-3 img{
        max-width:100%;
        height:auto!important
    }

    .contenedor-izquierda-fijo{
        display:none
    }

    div.columnas-5{
        top:0;
        max-width:100%;
        margin-left:30px
    }

    div.columnas-5 img{
        width:30%
    }

    .slider a img{
        width:20%;
        float:left;
        z-index:-1;
        height:180px
    }

    .minimo{
        margin:15%!important
    }

    .tamanio img{
        height:auto!important
    }

    .columnas-4{
        float:left;
        width:85%;
        font-family:helveticaE
    }

    .imagenCon{
        width:24%!important
    }

    .imagenCon img{
        width:24%
    }

    .imgpe{
        width:45%!important;
        float:left
    }

    .numeracion{
        display:flex;
        margin:0 40%
    }

    .tags{
        width:80%;
        text-align:left;
        padding:7px!important
    }

    .posic{
        position:absolute;
        margin-left:0;
        width:100%!important
    }

    .responsive{
        display:block
    }

    .responsive2{
        display:none
    }

    .formularioBusca{
        display:inline-flex;
        width:100%!important;
        margin-top:20px;
        margin-bottom:20px;
        margin-left:8%;
        padding-top:0
    }

    #esptop{
        padding-top:0
    }

    #nada{
        margin:0!important;
        padding:0 10%!important
    }

    #importador{
        display:none
    }

    #tam_ima{
        width:35%;
        margin-left:29%
    }

    .image5{
        padding:20%;
        text-align:center
    }

    .resp{
        max-width:10%
    }
}

@media only screen and (min-width:520px){

    div.menu_bar img{
        margin-left:25%!important
    }

}

@media only screen and (min-width:1000px){
    .columnas-3{
        max-width:30%; 
        width: 100%;
    } 

    .flotanteizq{
        float:right;
    }

    .flotanteizq li a{
        color:#000000;        
    }
}

@media only screen and (min-width:1500px){
    .columnas-3{
        max-width:30%; 
        width: 100%;
    }
}

@media only screen and (min-width:863px){
    .contenedor{
        width:98%;
        padding: 5px;
    }

    .contenedorPie{
        width:100%
    }

    .contenedor-izquierda-fijo{
        max-width:22%;
        text-align:center;
        float:left;
        padding-left:1%;
        text-align:left;
        text-transform:lowercase;
        background-color:000000;
    }

    .contenedor-derecha{
        max-width:75%;
        width:100% !important;
        float:right;
        background-color:#fff
    }
    
    div.informacion-evento{
        width:70%;
        margin:0 auto;
        margin-top:50px
    }
    
    nav.navegacion-principal{
        width:67%;
        float:right;
        text-align:right;
        display:block
    }
    
    .div logo{
        width:30%;
        background-color:#353535
    }
    
    h1.nombre-sitio{
        font-size:11.5vw;
        margin:0;
        line-height:1
    }
    
    div.contenido-header{padding-top:40px}div.barra{background-color:#95ce00!important}nav.navegacion-principal a{margin-right:10px;line-height:75px;display:inline-block;text-decoration:none;text-transform:uppercase;width:auto;margin:0 10px 0 0}.container1{position:relative;margin:0 auto;display:table;float:left;width:30%;padding:1%;cursor:pointer;border-radius:50px}.container1 a{margin:0!important}.container1:hover:before,.separator:hover:before{content:"";display:block;position:absolute;top:0;bottom:0;right:0;left:0;border-radius:60px}.container1:before{background:0}.image1{opacity:1;display:block;width:100%;height:auto;transition:.5s ease;backface-visibility:hidden;border-radius:15px}.image5{max-width:15%;width:100%;float:left;padding:2% 2% 2% 3%;text-align:center;cursor:pointer}.image5 p{font-family:GothamBk}.image5 img{opacity:1;width:90%;display:block;padding:2% 5%;height:auto;transition:.5s ease;backface-visibility:hidden;border-radius:15px}.middle1{position:absolute;transition:.5s ease;opacity:0;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}.container1:hover .image1{opacity:1}.container1:hover .middle1{opacity:1}.text1{color:#fff;font-size:28px;width:300px;text-align:center;cursor:pointer}.container2{position:relative;margin:0 auto;display:table;float:left;width:46.5%;cursor:pointer;padding:1%}.container2 a{margin:0!important}.container2:hover:before,.separator:hover:before{content:"";display:block;position:absolute;top:0;bottom:0;right:0;left:0}.container2:before{background:0}.image2{opacity:1;display:block;width:100%;height:auto;transition:.5s ease;backface-visibility:hidden;border-radius:15px}.middle2{position:absolute;transition:.5s ease;opacity:0;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}.container2:hover .image1{opacity:1}.container2:hover .middle1{opacity:1}.text2{color:#fff;font-size:28px;width:300px;text-align:center;cursor:pointer}.principal{display:flow-root;float:left;max-width:79%}nav.navegacion-principal a:hover{color:#fff;background-color:#002d40;transition:all .3s ease}nav.navegacion-principal a:last-child{color:#fff}nav.navegacion-principal a:last-child:hover{color:#fff}div.menu-movil{width:38px;display:block;float:right;text-align:right;margin-top:12px}div.menu-movil{display:none}.columnas-3{max-width:30%;float:left;margin-bottom:15px;margin-top:15px}.columnas-5{max-width:15%;float:left;padding-left:15px;padding-right:15px;margin-bottom:15px;margin-top:15px}.columnas-3 min{max-width:20%;float:left;padding-left:15px;padding-right:15px;margin-bottom:15px;margin-top:15px}.columnas-3 min img{max-width:80%}.texto-enmedio{max-width:800px;margin:0 20%;text-align:justify}.columnas-3 img{max-width:110%;height:auto!important;border-bottom:1px solid #dbdfe0;padding:40px 0}.columnas-6{width:45%;float:left;padding:0 5px}.columnas-4{width:21%;float:left;padding:15px 15px;font-family:helveticaE}.columnas-4 p{font-size:13px}.columnas-6 p{text-align:justify}.inicio{background:#fff!important}.inicio2{padding-top:115px}.slider-container{padding-top:75px!important}ui-widget{padding-left:20px;width:78%;margin-top:8px}.numeracion{display:flex;margin:0 40%}.posic{top:24px;position:absolute;margin-left:28%;width:37%;margin-top:8px}#ui-id-1{z-index:999999}.responsive{display:none}.responsive2{display:block}.tags{width:80%;text-align:left;padding-top:7px!important;padding-bottom:7px!important}div.banner{margin:0;padding-top:0!important}.formularioBusca{display:inline-flex;width:80%!important;margin:0;padding:0;margin-left:10%}#esptop{padding-top:30px}#helN{display:block}#importador{display:block}#tam_ima{width:100%}.columna-5{max-width:33%;float:left;width:100%;color:#50251f;}.resp{max-width:25%}}@media only screen and (min-width:992px){div.barra{background-color:#95ce00!important}.texto-enmedio{margin:10px 25%;max-width:1100px;text-align:justify}.slider-container{padding-top:85px}.posic{position:absolute;margin-left:28%;width:48%}.responsive{display:none}.responsive2{display:block}.formularioBusca{display:inline-flex;width:80%!important;margin:0;padding:0}}@media only screen and (min-width:1000px){.columnas-3{max-width:30%}}@media only screen and (min-width:1500px){.nueva_info{display: block;} 

                                                                                                                                                                                                        .flotanteizq{
                                                                                                                                                                                                        float: right;
                                                                                                                                                                                                        }

                                                                                                                                                                                                        .columnas-3{
                                                                                                                                                                                                        max-width:30%
                                                                                                                                                                                                        }
}

.hidden{
    display:none!important
}

.visuallyhidden{
    border:0;
    clip:rect(0 0 0 0);
    height:1px;
    margin:-1px;
    overflow:hidden;
    padding:0;
    position:absolute;
    width:1px
}

.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{
    clip:auto;
    height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}@media print{*,*:before,*:after,*:first-letter ,*:first-line {background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}

#aboutUs {
    padding: 20px;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

#aboutUs img {
    width: 400px;
    margin: 20px;
    border-radius: 10px;
}

.content {
    margin: 20px 0;
}

.content h2 {
    font-size: 50px;
    color: #005367;
}

.content h4 {
    font-size: 20px;
    color: #005367;
    margin: 10px 0;
}

.description {
    color: #005367;
    margin: 20px 0;
    font-size: 18px;
    line-height: 30px;
    font-weight: 100;
}

.btn {
    font-weight: bold;
    border: 2px solid #ffca70;
    cursor: pointer;
    padding: 10px 20px;
    border-radius: 20px;
    transition: all 0.4s;
    background-color: #ffca70;
}

.btn:hover {
    border: 2px solid #ffca70;
    background: transparent;
    color: #ffca70;
}

@media screen and (max-width: 790px) {
    #aboutUs img {
        width: 80%;
    }

    #aboutUs {
        grid-template-columns: 1fr;
        place-items: center;
    }
}



