/* hol*/
body { background-color: #f7efea }

.clear0 { clear:both; height:0px}
.clear15 { clear:both; height:15px}
.clear25 { clear:both; height:25px}
.clear40 { clear:both; height:40px}
*:focus { outline:none}
p, a, ul, li, b, a, u, i, strong, input, textarea, label, span, h1, h2, h3, h4, h5, h6, span, strong { font-family: 'Poppins', sans-serif; }
b { font-weight:bold}





.pop-covid { position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.7); top: 0; left: 0; z-index: 9999}
.pop-covid .in { width: 90%; max-width: 800px; height: 80%; max-height: 510px; background-color: #FFF; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center; position: absolute; box-sizing: border-box; padding: 35px 45px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;}
.pop-covid .in .textos { position: absolute; width: 80%; height: 80%; top: 10%; left: 10%}
.pop-covid .in .close { position: absolute; width: 30px; top: 0px; right: -40px}
.pop-covid .in p { font-size: 14px; line-height: 22px; font-weight: 300}
.pop-covid .in p a { text-decoration: underline; color: #000}
.pop-covid .in p a:hover { text-decoration: none}







/*.opTodo { display: none}*/

header { width: 100%; height: auto; background-color: #222222; position: fixed; top: 0px;  z-index: 999; }
header .inHead { width: 100%; max-width: 1200px; margin: auto; position: relative; height: 70px}
header .logo { width: 225px; position: absolute; left: 0px; top: 52%; transform: translateY(-50%);}
header .logoM { width: 180px; position: absolute; left: 0px; top: 52%; transform: translateY(-50%); display: none}

header nav { z-index: 999 }
header nav ul.menuPrincipal { float: right; margin-right: 0px; margin-top: 25px;  -moz-transition:all 1s ease 0s; -o-transition:all 1s ease 0s; -ms-transition:all 1s ease 0s; -webkit-transition:all 0.25s ease 0s; }
header nav ul.menuPrincipal li { cursor: pointer;     padding-right: 6px;    margin-right: 5px; display: inline-block; width: auto;  padding-bottom: 21px;  -moz-transition:all 0.7s ease 0s; -o-transition:all 0.7s ease 0s; -ms-transition:all 0.7s ease 0s; -webkit-transition:all 0.7s ease 0s;}
header nav ul.menuPrincipal li p { color: #999; font-family: 'Poppins', sans-serif; font-size: 15px; width: auto; display: inline-block; -moz-transition:all 0.25s ease 0s; -o-transition:all 0.25s ease 0s; -ms-transition:all 0.25s ease 0s; -webkit-transition:all 0.25s ease 0s; }
header nav ul.menuPrincipal li.active p { font-weight: bold}
header nav ul.menuPrincipal li.active .raya { width: 30px}
header nav ul.menuPrincipal li .raya { width: 0px; height: 3px; background-color: #d1ae8d; margin-top: 5px;  -moz-transition:all 0.25s ease 0s; -o-transition:all 0.25s ease 0s; -ms-transition:all 0.25s ease 0s; -webkit-transition:all 0.25s ease 0s; }
header nav ul.menuPrincipal li:hover .raya { width: 30px}

header .menuSec { width:125%; position: absolute; left: 50%; transform: translateX(-50%); top:70px; height: auto; padding-bottom: 20px; z-index: 99; display: none; }
header .menuSec .inHead2  { width: 100%; max-width: 1200px; margin: auto; position: relative; height: auto; padding-bottom: 20px; }
header .menuSec .inHead2 .menu-container { float: right; width: 65%; background-color: rgba(256,256,256,0.95); padding: 0 1.5em 1.5em 2em; }
header .menuSec .inHead2 .li2 { height: auto; width: 33%; float: left; margin-right: 3%; margin: 20px 3% 0 0; padding: 0; margin-top: 20px;}
header .menuSec .inHead2 .li2.liFrase { width: 35%}
header .menuSec .inHead2 .li2 p { width: 100%; font-size: 14px;  font-weight: 300; line-height: 30px; color: #222;   }
header .menuSec .inHead2 .li2 p a { color: #222; font-weight: 300  }
header .menuSec .inHead2 .li2 p.frase { font-size: 17px; line-height: 25px; font-weight: 300; color: #333; width: 80%; }
header .menuSec .inHead2 .li2 p a:hover { text-decoration: underline}



.menuMob { width: auto; height: auto; position: absolute; top: 50%; transform: translateY(-50%); right: 0px; display: none; z-index: 9999}
.menuMob p { float: left; font-family: 'Poppins', sans-serif; font-size: 16px; margin-right: 10px; font-weight: bold; padding-top: 12px}
.menuMob img { float: left; width: 40px}

.closeMob { width: auto; height: auto; position: absolute; top: 50%; transform: translateY(-50%); right: 0px; display: none}
.closeMob p { float: left; font-family: 'Poppins', sans-serif; font-size: 16px; margin-right: 10px; font-weight: bold; padding-top: 12px}
.closeMob img { float: left; width: 40px}


.navMobFix { width: 100%; position: fixed; top: 0px; height: 0px; bottom: 0px;overflow-y: scroll; z-index: 999;}
.navMob { width: 100%; height: auto; position: absolute; background-color: #333; z-index: 999; display: none; margin-top: 70px;  background-image: url(../img/back-header.jpg); background-size: cover; background-position:  center center; }
.navMob .inMob { width: 94%; margin: auto; padding: 30px 0px}
.navMob .p1 { color: #FFF; font-size: 14px; margin-bottom: 20px; width: 100%; padding-left: 3px}
.navMob .listaNavMob { width: 100%;  padding-bottom: 0px; position: relative;}
.navMob .listaNavMob li { width: 100%; float: left; text-align: left; margin-bottom: 12px; position: relative }
.navMob .listaNavMob li span { color: #9b9b99; font-size: 13px; float: left; padding-top: 16px; margin-right: 10px; font-family: 'Poppins', sans-serif;}
.navMob .listaNavMob li h5 { color: #9b9b99; font-size: 36px; font-family: 'Poppins', sans-serif; font-weight: bold; width: 90%; line-height: 21px; padding-top: 10px; padding-bottom: 15px}
.navMob .listaNavMob li .icon { width: 40px; position: absolute; top: 4px; right: 0px; opacity: 0.7}
.navMob .listaNavMob li p { color: #FFF; font-size: 18px; font-weight: 300; width: 90%; margin-bottom: 16px}
.navMob .listaNavMob li p a { color: #FFF}
.navMob .listaNavMob li p a:hover { text-decoration: underline}
.navMob .listaNavMob li .raya { width: 70px; height: 2px; background-color: #FFF; margin: 10px 0px; margin-bottom: 17px}
.navMob .listaNavMob li .submenu { display: none; margin-left: 22px}
.navMob .lista2 { float: left; width: 100%; margin-top: 20px }
.navMob .lista2 li.cu { float: left; padding-right: 25px; width: auto;}
.navMob .lista2 li.cu p { color: #FFF; font-size: 17px; width: auto;}


.navMob { height: 0px; overflow: hidden}
.closeMob { height: 0px; overflow: hidden}
.menuMob { height: 0px; overflow: hidden}

.navMob .listaRedesHM { float: left; margin-top: 10px; margin-bottom: 20px}
.navMob .listaRedesHM li { float: left; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; margin-right: 12px}
.navMob .listaRedesHM li img { width: 40px}



.overlay-video {
    background: black;
    z-index: -10;
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    max-width: 100%;
    min-height: 100%;
    opacity: 0.4;
}


.elvideo {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
    background-size: cover;
    transition: 1s opacity;
}









.cont01 { width: 100%; height: auto; position: relative; margin-top: 70px; z-index: 9}
.cont01 .in { width: 95%; max-width: 1200px;         margin: auto; }
.cont01 h3 { color: #FFF; font-family: 'Poppins', sans-serif; font-size: 5.5vw; line-height: 6.3vw; padding-top: 100px; }
.cont01 p.bajada {  color: #FFF; font-family: 'Poppins', sans-serif; font-size: 2.3vw; line-height: 3.2vw;  padding-top: 20px; padding-bottom: 60px }
#btnHome1 { margin-bottom: 120px}



.btnNegro {  width: auto; height: auto; display: inline-block; padding: 14px 10px; padding-right: 55px; position: relative; overflow: hidden;}
.btnNegro p.p1 { color: #777; font-size: 14px;  padding-top: 0px; z-index: 99; position: relative;
-moz-transition:all 0.35s ease 0s; -o-transition:all 0.35s ease 0s; -ms-transition:all 0.35s ease 0s; -webkit-transition:all 0.35s ease 0s;}
.btnNegro .flecha {  height: 26px; width: 26px; overflow: hidden; border: 1px solid #777; position: absolute; top: 50%; transform: translateY(-50%); right: 8px;
-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%; z-index: 10}
.btnNegro .fondo { width: 50%; height: 50%; background-color: #EEE; position: absolute; top: 50%; left: -100%; transform: translate(-50%,-50%); z-index: 1;     -moz-transition:all 0.45s ease 0s; -o-transition:all 0.45s ease 0s; -ms-transition:all 0.45s ease 0s; -webkit-transition:all 0.45s ease 0s; -webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;}
.btnNegro .flecha img { width: 100%; z-index: 10; position: absolute; top: 0; left: 0 }
.btnNegro .fondoBtn { width: 150%; height: 350%; position: absolute; background-color: #333; top: 50%; left: -100%; transform:  translate(-50%,-50%); z-index: 1;  -moz-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;}
.btnNegro:hover .fondo { left: 50%; width: 100%; height: 100%}
.btnNegro:hover .fondoBtn { left: 50%}
.btnNegro:hover p.p1 { color: #FFF}

.btnBlanco {  width: auto; height: auto; display: inline-block; padding: 14px 10px; padding-right: 55px; position: relative; overflow: hidden;}
.btnBlanco p.p1 { color: #FFF; font-size: 14px; padding-top: 0px; z-index: 99; position: relative;
-moz-transition:all 0.35s ease 0s; -o-transition:all 0.35s ease 0s; -ms-transition:all 0.35s ease 0s; -webkit-transition:all 0.35s ease 0s;}
.btnBlanco .flecha {  height: 26px; width: 26px; overflow: hidden; border: 1px solid #FFF; position: absolute; top: 50%; transform: translateY(-50%); right: 8px;
-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%; z-index: 10}
.btnBlanco .fondo { width: 50%; height: 50%; background-color: #222; position: absolute; top: 50%; left: -100%; transform: translate(-50%,-50%); z-index: 1;     -moz-transition:all 0.45s ease 0s; -o-transition:all 0.45s ease 0s; -ms-transition:all 0.45s ease 0s; -webkit-transition:all 0.45s ease 0s; -webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;}
.btnBlanco .flecha img { width: 100%; z-index: 10; position: absolute; top: 0; left: 0 }
.btnBlanco:hover .fondo { left: 50%; width: 100%; height: 100%}
.btnBlanco .fondoBtn { width: 150%; height: 350%; position: absolute; background-color: #FFF; top: 50%; left: -100%; transform:  translate(-50%,-50%); z-index: 1;  -moz-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;}
.btnBlanco:hover .fondoBtn { left: 50%}
.btnBlanco:hover p.p1 { color: #333}





.btnBlanco1 {  width: auto; height: auto; display: inline-block; padding: 14px 10px; padding-right: 55px; position: relative; overflow: hidden; border: 1px solid #fff;}
.btnBlanco1 p.p1 { color: #FFF; font-size: 14px; padding-top: 0px; z-index: 99; position: relative;
-moz-transition:all 0.35s ease 0s; -o-transition:all 0.35s ease 0s; -ms-transition:all 0.35s ease 0s; -webkit-transition:all 0.35s ease 0s;}
.btnBlanco1 .flecha {  height: 26px; width: 26px; overflow: hidden; border: 1px solid #FFF; position: absolute; top: 50%; transform: translateY(-50%); right: 8px;
-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%; z-index: 10}
.btnBlanco1 .fondo { width: 50%; height: 50%; background-color: #222; position: absolute; top: 50%; left: -100%; transform: translate(-50%,-50%); z-index: 1;     -moz-transition:all 0.45s ease 0s; -o-transition:all 0.45s ease 0s; -ms-transition:all 0.45s ease 0s; -webkit-transition:all 0.45s ease 0s; -webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;}
.btnBlanco1 .flecha img { width: 100%; z-index: 10; position: absolute; top: 0; left: 0 }
.btnBlanco1:hover .fondo { left: 50%; width: 100%; height: 100%}
.btnBlanco1 .fondoBtn { width: 150%; height: 350%; position: absolute; background-color: #FFF; top: 50%; left: -100%; transform:  translate(-50%,-50%); z-index: 1;  -moz-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;}
.btnBlanco1:hover .fondoBtn { left: 50%}
.btnBlanco1:hover p.p1 { color: #333}


.btnNegro1 {  width: auto; height: auto; display: inline-block; padding: 12px 10px; padding-right: 55px; position: relative; overflow: hidden; border: 1px solid #777;}
.btnNegro1 .p1 { cursor: pointer; background: transparent; border: none; color: #333; font-size: 14px; padding-top: 0px; z-index: 99; position: relative;
-moz-transition:all 0.35s ease 0s; -o-transition:all 0.35s ease 0s; -ms-transition:all 0.35s ease 0s; -webkit-transition:all 0.35s ease 0s;}
.btnNegro1 .flecha {  height: 26px; width: 26px; overflow: hidden; border: 1px solid #777; position: absolute; top: 50%; transform: translateY(-50%); right: 8px;
-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%; z-index: 10}
.btnNegro1 .fondo { width: 50%; height: 50%; background-color: #EEE; position: absolute; top: 50%; left: -100%; transform: translate(-50%,-50%); z-index: 1;     -moz-transition:all 0.45s ease 0s; -o-transition:all 0.45s ease 0s; -ms-transition:all 0.45s ease 0s; -webkit-transition:all 0.45s ease 0s; -webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;}
.btnNegro1 .flecha img { width: 100%; z-index: 10; position: absolute; top: 0; left: 0 }
.btnNegro1:hover .fondo { left: 50%; width: 100%; height: 100%}
.btnNegro1 .fondoBtn { width: 150%; height: 350%; position: absolute; background-color: #333; top: 50%; left: -100%; transform:  translate(-50%,-50%); z-index: 1;  -moz-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;}
.btnNegro1:hover .fondoBtn { left: 50%}
.btnNegro1:hover .p1 { color: #FFF}






.quienes { width: 100%; height: auto; background-color: #404040; padding-bottom: 40px; margin: 130px 0 50px 0; position: relative;}
.quienes .inQuienes { width: 85%; height: auto; margin: auto; position: relative;}
.quienes .inQuienes .izq { width: 50%; float: left}
.quienes .inQuienes .izq h3 { color: #fff; font-size: 45px; line-height: 53px; font-weight: bold; padding-top: 100px; padding-bottom: 20px;}
.quienes .inQuienes .izq p.txt { color: #fff; font-size: 16px; font-weight: lighter; line-height: 28px; margin-bottom: 40px; text-align: left;}
.quienes .inQuienes .der { width: 42%; float: right}
.quienes .inQuienes .der img { width: 100%; margin-top: 25px}


.quienes .btnBajar2 { position: absolute; right: 0px; top: -50px; cursor: pointer}
.quienes .btnBajar2 .btnBlanco1 { border: none}



.contPremios { width: 100%; height: auto; background-color: #111; position: relative; z-index: 9; padding-bottom: 110px; background-image: url(../img/back-general.jpg); background-size: cover; background-position:  center center;}
.contPremios .in { width: 95%; max-width: 1200px; margin: auto;}
.contPremios h3 { color: #FFF; font-family: 'Poppins', sans-serif; font-size: 4.4vw; line-height: 6vw; padding-top: 90px; font-weight: bold; text-align: center; width: 90%; margin: auto }
.contPremios .listaPremios { width: 95%; height: auto; text-align: center; margin: auto; margin-top: 100px; padding-bottom: 40px;}
.contPremios .listaPremios .cu { display: inline-block;  height: 136px; margin: 0px 20px;}
.contPremios .listaPremios .cu .izq { width: 37%; float: left; height: 136px;}
.contPremios .listaPremios .cu .izq img { max-height: 100%;}
.contPremios .listaPremios .cu .der {width: 55%; float:right; height: 136px; position: relative; text-align: left;}
.contPremios .listaPremios .cu .der p { color: #FFF; font-size: 18px; line-height: 23px; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); font-family: 'Poppins', sans-serif; padding-left: 0px}
.contPremios .listaPremios .cu .der .raya { width: 60px; height: 2px; background-color: #FFF; position: absolute; bottom: 0px; left: 0px}
.btnCentro { text-align: center}
.btnPremios { display:inline-block; margin: auto; margin-top: 40px;}
.contPremios .slick-dots {    bottom: -10px;}
.contPremios  .slick-prev {    left: -60px; width: 40px; height: 40px;    background-image: url(../img/izq.png);}
.contPremios  .slick-next {    right: -60px; width: 40px; height: 40px;   background-image: url(../img/der.png);}







.contNoticias { width: 100%; height: auto; background-color: #FFF; position: relative; z-index: 9; padding-bottom: 150px}
.contNoticias .in { width: 95%; max-width: 1300px; margin: auto;}
.contNoticias .in .izq .opa { position: absolute; width: 100%; height: 100%; position: absolute;  z-index: 99;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.82+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#d1000000',GradientType=0 ); /* IE6-9 */}
.contNoticias .in .izq { width: 50%; height: auto; float: left; margin-top: -30px}
.contNoticias .in .izq .nota1 { width: 100%; height: 450px; background-color: #CCC; overflow: hidden; position: relative}
.contNoticias .in .izq .nota1 .info { position: absolute; height: auto; bottom: 20px; left: 20px; right: 20px; z-index: 100}
.contNoticias .in .izq .nota1 .raya { width: 70px; height: 1px; background-color: #FFF; margin-top: 35px; margin-bottom: 20px; opacity: 0.6; }
.contNoticias .in .izq .nota1 .titulo { font-family: 'Poppins', sans-serif; color: #FFF; font-size: 48px; line-height: 55px; font-weight: bold; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.37);}
.contNoticias .in .izq .nota1 img { width: 100%; height: auto;  position: absolute;  top: 50%; left: 50%; transform: translate(-50%,-50%);
 -moz-transition:all 0.45s ease 0s; -o-transition:all 0.45s ease 0s; -ms-transition:all 0.45s ease 0s; -webkit-transition:all 0.45s ease 0s;}
.contNoticias .in .izq .nota1:hover img { width: 110%}

.contNoticias .in .der { width: 50%; height: auto; float:right; margin-top: 20px;}
.contNoticias .in .der .nota2 { width: 48%; margin-left: 2%; height: 400px; float: left; position: relative;
 -moz-transition:all 0.45s ease 0s; -o-transition:all 0.45s ease 0s; -ms-transition:all 0.45s ease 0s; -webkit-transition:all 0.45s ease 0s;}
.contNoticias .in .der .nota2 .contFoto { width: 100%; height: 50%; position: relative; overflow: hidden}
.contNoticias .in .der .nota2 .contFoto img {width: auto; height: 100%;  position: absolute;  top: 50%; left: 50%; transform: translate(-50%,-50%);  -moz-transition:all 0.45s ease 0s; -o-transition:all 0.45s ease 0s; -ms-transition:all 0.45s ease 0s; -webkit-transition:all 0.45s ease 0s;}
.contNoticias .in .der .nota2 .titulo { font-family: 'Poppins', sans-serif; color: #000; font-size: 20px; line-height: 29px; padding: 20px; font-weight: bold}
.contNoticias .in .der .nota2:hover .contFoto img { height: 110%; width: auto }
.contNoticias .in .der .nota2:hover { background-color: #f9f9f9}
.contNoticias .btnVermas { position: absolute; left: 20px; bottom: 20px}





.contNumeros { width: 100%; height: auto; position: relative; z-index: 9; padding-bottom: 100px; background-color: #FFF}
.contNumeros .in { width: 95%; max-width: 1200px; margin: auto;}
.contNumeros h3 { color: #333; font-family: 'Poppins', sans-serif; font-size: 4.4vw; line-height: 6vw; font-weight: bold; text-align: center; width: 90%; margin: auto }
.contNumeros sup { font-size: 35px !important; font-family: inherit !important;}
.contNumeros .listaNumeros { width: 95%; height: auto; text-align: center; margin: auto; margin-top: 100px; padding-bottom: 40px;}
.contNumeros .listaNumeros .cu { display: inline-block;  height: 136px; margin: 0px 20px;}
.contNumeros .listaNumeros .cu .izq { width: 37%; float: left; height: 136px;}
.contNumeros .listaNumeros .cu .izq img { max-height: 100%;}
.contNumeros .listaNumeros .cu .der {width: 55%; float:right; height: 136px; position: relative; text-align: left;}
.contNumeros .listaNumeros .cu .der p { color: #333; font-size: 18px; line-height: 23px; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); font-family: 'Poppins', sans-serif; padding-left: 0px}
.contNumeros .listaNumeros .cu .der .raya { width: 60px; height: 2px; background-color: #EEE; position: absolute; bottom: 0px; left: 0px}
.btnNumeros { display:inline-block; margin: auto; margin-top: 40px;}
.contNumeros .slick-dots {    bottom: -10px;}
.contNumeros .slick-prev {    left: -60px; width: 40px; height: 40px;    background-image: url(../img/izq2.png);}
.contNumeros .slick-next {    right: -60px; width: 40px; height: 40px;   background-image: url(../img/der2.png);}
.contNumeros .lineaFinal { width: 90%; height: 1px; background-color: #CCC; margin: auto; margin-top: 100px;}



.contBodegas { width: 100%; height: auto; position: relative; z-index: 9; background-color: #FFF}
.contBodegas h3 { color: #e7c1aa; font-family: 'Poppins', sans-serif; font-size: 7.8vw; letter-spacing: 0.5vw; line-height: 8vw; padding-top: 0px; font-weight: bold; width: 90%; margin: auto; letter-spacing: 2pz; text-align: center}
.contBodegas h3.tituloInterno { color: #e7c1aa; font-family: 'Poppins', sans-serif; font-size: 6.7vw; letter-spacing: 0.5vw; line-height: 8vw; padding-top: 0px; font-weight: bold; width: 90%; margin: auto; letter-spacing: 2pz; text-align: center; margin-top: 50px}
.sliderBodegas { width: 100%; height: auto; margin-top: 60px; background-color: #f2f2f2; background-image: url(../img/back-general2.png); background-size: cover; background-position:  center center; padding: 60px 0px}
.sliderBodegas li { text-align: center; position: relative;}
.sliderBodegas li .cadabodega { width: 830px; height: 440px; margin: auto; position: relative;}
.sliderBodegas li .cadabodega .izq { width: 400px; float: left;}
.sliderBodegas li .cadabodega .izq img { width: 100%}
.sliderBodegas li .cadabodega .der { width: 400px; position: absolute; top: 50%; transform: translateY(-50%); left: 430px; text-align: left}
.sliderBodegas li .cadabodega .der h4 { color: #2f3132;font-family: 'Poppins', sans-serif; font-size: 36px; padding-bottom: 16px; font-weight: bold }
.sliderBodegas li .cadabodega .der p.desc { color: #2f3132; font-size: 15px; line-height: 23px; padding-bottom: 35px}
.sliderBodegas li .contflechas {width: 100%; height: 150px; position: absolute; top: 50%; transform: translate(-50%,-50%); left: 50%; overflow: hidden}
.sliderBodegas li .contflechas .ant {width: 150px; height: 150px; background-color: white; position: absolute; left: -75px;
     -moz-transition:all 0.45s ease 0s; -o-transition:all 0.45s ease 0s; -ms-transition:all 0.45s ease 0s; -webkit-transition:all 0.45s ease 0s; cursor:pointer;
-webkit-border-top-right-radius: 100%;
-webkit-border-bottom-right-radius: 100%;
-moz-border-radius-topright: 100%;
-moz-border-radius-bottomright: 100%;
border-top-right-radius: 100%;
border-bottom-right-radius: 100%;}
.sliderBodegas li .contflechas  .sig {width: 150px; height: 150px; background-color: white; position: absolute; right: -75px;
     -moz-transition:all 0.45s ease 0s; -o-transition:all 0.45s ease 0s; -ms-transition:all 0.45s ease 0s; -webkit-transition:all 0.45s ease 0s; cursor: pointer;
-webkit-border-top-left-radius: 100%;
-webkit-border-bottom-left-radius: 100%;
-moz-border-radius-topleft: 100%;
-moz-border-radius-bottomleft: 100%;
border-top-left-radius: 100%;
border-bottom-left-radius: 100%;}
.sliderBodegas li .contflechas .ant .conttodo { width: 65px; height: auto; position: absolute; left: 10px; top: 50%; transform: translate(0%,-50%); text-align: right;}
.sliderBodegas li .contflechas .ant .conttodo .lin1 { font-family: 'Poppins', sans-serif; color: #7a7a7a; font-size: 13px; font-weight: bold; padding-bottom: 4px}
.sliderBodegas li .contflechas .ant .conttodo .lin2 { font-family: 'Poppins', sans-serif; color: #000; font-size: 14px; font-weight: bold; line-height: 17px }
.sliderBodegas li .contflechas .ant .cat { position: absolute; top: 50%; transform: translateY(-50%); right: 35px}
.sliderBodegas li .contflechas .ant .raya {  width: 50px;  height: 2px;  background-color: #dddddd; float: right; margin-top: 10px}
.sliderBodegas li .contflechas .sig .conttodo { width: 65px; height: auto; position: absolute; right: 10px; top: 50%; transform: translate(0%,-50%); text-align: left;}
.sliderBodegas li .contflechas .sig .conttodo .lin1 { font-family: 'Poppins', sans-serif; color: #7a7a7a; font-size: 13px; font-weight: bold; padding-bottom: 4px}
.sliderBodegas li .contflechas .sig .conttodo .lin2 { font-family: 'Poppins', sans-serif; color: #000; font-size: 14px; font-weight: bold; line-height: 17px }
.sliderBodegas li .contflechas .sig .cat { position: absolute; top: 50%; transform: translateY(-50%); left: 35px}
.sliderBodegas li .contflechas .sig .raya {  width: 50px;  height: 2px;  background-color: #dddddd; float: left; margin-top: 10px}
.sliderBodegas li .contflechas .ant:hover { left: 0px}
.sliderBodegas li .contflechas .sig:hover { right: 0px}


#sliderInterno { background-image: none; margin-top: 50px; }
#sliderInterno li .cadabodega .der p.desc {  padding-bottom: 0px}



.contNotas { width: 100%; height: auto; z-index: 9; background-color: #FFF; background-image: url(../img/back-notas.jpg); background-size: cover; background-position: top center; position: relative;  background-size: 150% auto; background-repeat: no-repeat}
.contNotas .nota1 { width: 95%; /*max-width: 1300px;*/  background-color: #FFF; margin-top: 170px; float: left; margin-left: 5%; padding-bottom: 80px; border-bottom: 1px }
.contNotas .nota1 .izq { width: 41%; float: left; margin-left: 7%;}
.contNotas .nota1 .izq h4 {     color: #2f3132;    font-size: 40px; line-height: 47px;    font-weight: bold;    padding-top: 60px;    padding-bottom: 30px; font-family: 'Poppins', sans-serif;}
.contNotas .nota1 .izq p.tx { color: #2f3132;    font-size: 18px;    font-weight: 300;    line-height: 29px;    margin-bottom: 40px;    text-align: justify;}
.contNotas .nota1 .izq p.tx span {            font-size: 1.5vw; font-weight: lighter}
.contNotas .nota1 .der { width: 35%; float: right; margin-right: 10%; margin-top: -70px;}
.contNotas .nota1 .der .contFoto { width: 100%; height: auto; overflow: hidden; margin-bottom: 30px;}
.contNotas .nota1 .der .contFoto img { width: 100%; -webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}
.contNotas .nota1 .der .btnNegro1 { display: table; margin: auto}

.contNotas .nota2 { width: 95%; max-width: 1300px;  background-color: #FFF; margin-top: 0px; float: left; margin-left: 5%; padding-bottom: 100px;}
.contNotas .nota2 .izq { width: 35%; float: left; margin-left: 7%;
    -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px; overflow: hidden;}
.contNotas .nota2 .izq img { width: 100%}
.contNotas .nota2 .der { width: 41%; float: left; margin-left: 7%;}
.contNotas .nota2 .der .icono2 { float: left; padding-top: 17px; margin-right: 6px;}
.contNotas .nota2 .der h4 {     color: #2f3132;     font-size: 40px; line-height: 34px;  padding-top: 19px;    font-weight: bold;     padding-bottom: 20px; float: left; font-family: 'Poppins', sans-serif;}
.contNotas .nota2 .der p.tx { color: #2f3132;    font-size: 18px;    font-weight: 300;    line-height: 29px; ;    margin-bottom: 40px;    text-align: justify;}

.btnNegroIn { width: 290px; margin: auto; border: 1px solid #777; padding: 10px;  -moz-transition:all 0.45s ease 0s; -o-transition:all 0.45s ease 0s; -ms-transition:all 0.45s ease 0s; -webkit-transition:all 0.45s ease 0s;}
.btnNegroIn .ic { width: 30px; float: left;}
.btnNegroIn .p1 { width: auto; float: left; padding-top: 8px; margin-left: 10px;  -moz-transition:all 0.45s ease 0s; -o-transition:all 0.45s ease 0s; -ms-transition:all 0.45s ease 0s; -webkit-transition:all 0.45s ease 0s; color: #333;}
.btnNegroIn:hover { background-color: #333;}
.btnNegroIn:hover .p1 { color: #FFF; }


.separador { width: 83%; height: 1px; background-color: #CCC;  clear: both; margin-left: 7%; margin-top: 80px;}









.seccion { width: 100%; height: auto; margin-top: 70px; position: relative;}
.seccion .in { width: 100%; max-width: 1100px; margin: auto; padding-top: 80px }
.seccion .in .contSeccion { width: 100%; height: auto; position: relative; margin: auto; margin-bottom: 80px}
.seccion .in .contSeccion p.sec { color: #FFF; font-size: 16px; text-transform: uppercase; letter-spacing: 2px; padding-bottom: 12px; width: 80%}
.seccion .in .contSeccion h3 { color: #FFF;  font-family: 'Poppins', sans-serif; font-size: 55px; font-weight: bold; width: 80%}
.seccion .btnSeccion { position: absolute; top: 50%; transform: translateY(-50%); right: 10px; cursor: pointer}
.contFotoSeccion { width: 100%; max-width: 1100px; height: 400px; margin: auto;  margin-top: 0px; overflow: hidden; position: relative; z-index: 9; margin-bottom: 0px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;     margin-bottom: 80px;}
.seccion .fondoSeccion { width: 100%; height: 450px; background-color: #333; position: absolute; top: 0px; z-index: -1;  background-image: url(../img/back-general.jpg); background-size: cover; background-position:  center center; }
.contFotoSeccionMob {width: 100%; max-width: 1100px; height: 350px; margin: auto;  margin-top: 0px; overflow: hidden; position: relative; margin-bottom: 0px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;     margin-bottom: 80px; display: none; background-color: #EEE}
.contFotoSeccionMob .fotoSeccionMob { height: auto; width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.contFotoSola { width: 90%; height: auto; margin: auto; margin-top: 50px}


.seccion .in .videoWrapper { width: 100%; margin: auto}


.contTextos { width: 60%; max-width: 980px; margin: auto; margin-bottom: 60px; margin-top: 60px}
.contTextos p.intro { color: #333333; font-size: 24px; line-height: 32px; letter-spacing: 0px; font-weight: 300;     text-align: justify;}
.contTextos p.intro sup { font-size: 0.7em; }
.contTextos p.copete { font-size: 14px; text-transform: uppercase; color: #a4a4a4; font-weight: 500; line-height: 18px; padding-bottom: 10px}
.contTextos p.titular { font-size: 28px; padding-bottom: 16px; font-weight: bold; color: #333333;font-family: 'Poppins', sans-serif; }
.contTextos p.titular2 { font-size: 34px; line-height: 42px; padding-bottom: 0px; font-weight: 300; color: #333333; font-family: 'Poppins', sans-serif; font-weight: bold }
.contTextos p.intro2 { color: #333333; font-size: 28px; line-height: 37px; letter-spacing: 0px; font-weight: 300;     text-align: justify;}
.contTextos p.nota { color: #333333; font-size: 16px; line-height: 24px; letter-spacing: 0px; margin-top: 30px; font-weight: 400;     text-align: justify;}
.contTextos p.nota b.titu { font-size: 19px;}
.contTextos p.destacado { color: #333333;         font-size: 19px; line-height: 26px; letter-spacing: 0px; padding-top: 4px; padding-bottom: 0px; padding-left: 10px; font-weight: 300; border-left: 3px solid #333; margin-top: 25px;}



.documentos { width: 100%; max-width: 1120px; margin: auto; margin-top: 80px; padding-bottom: 50px }
.documentos .icono { float: left; margin-top: 1px; margin-right: 7px; width: 27px; margin-left: 20px}
.documentos p.doc { float: left; color: #111;  font-family: 'Poppins', sans-serif; font-size: 28px; font-weight: bold; }
.documentos .listaDocumentos { width: 100%; text-align: left; clear: both; padding-top: 20px; padding-bottom: 35px; margin: auto}
.documentos .listaDocumentos .cu { }
.documentos .listaDocumentos .cu .in { width: 90%; height: auto; margin: auto;}
.documentos .listaDocumentos .cu p { font-size: 20px; line-height: 22px; font-weight:lighter; color: #333; margin-right: 20px; display: block}
.documentos .listaDocumentos .cu .contFoto { width: 100%; height: 300px; background-color: #FFF; margin-bottom: 20px; overflow: hidden;  -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; position: relative;}
.documentos .listaDocumentos .cu .contFoto img { position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%,-50%);  -moz-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.documentos .listaDocumentos .cu .in .contFoto .icono { width: 30px; height: 30px; position: absolute; bottom: 10px; right: 5px; border: 1px solid #FFF; -webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%; overflow: hidden; z-index: 7}
.documentos .listaDocumentos .cu .in .contFoto .icono .fondo { position: absolute; width: 100%; height: 100%; left: 0px; top: -100%; background-color: #111; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;  -webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;}
.documentos .listaDocumentos .cu .in:hover .contFoto img { width: 110%}
.documentos .listaDocumentos .cu .in:hover .contFoto .icono .fondo { top: 0%}
.documentos .listaDocumentos .cu .fondoSec { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+33,0.5+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 33%, rgba(0,0,0,0.5) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 33%,rgba(0,0,0,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 33%,rgba(0,0,0,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */}
.documentos .listaDocumentos .slick-dots {}
.documentos .listaDocumentos .cu .btnNegro .p1 { font-size: 16px}
.documentos .listaDocumentos .cu .btnNegro:hover .p1 { color: #fff;}

.documentos .listaDocumentos .cu .contFoto .pBlanco { font-size: 28px; line-height: 34px; color: #FFF; position: absolute; left: 20px; bottom: 30px; right: 40px; z-index: 9999; font-family: 'Poppins', sans-serif; font-weight: bold; text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);}





.documentos2 { width: 100%; max-width: 1220px; margin: auto; margin-top: 80px; padding-bottom: 0px }
.documentos2 .icono { float: left; margin-top: 1px; margin-right: 7px; width: 27px; margin-left: 20px}
.documentos2 p.doc { float: left; color: #a4a4a4;  font-size: 14px; letter-spacing: 1px; font-weight: normal; text-transform: uppercase; padding-left: 50px }
.documentos2 .listaDocumentos { width: 100%; text-align: left; clear: both; padding-top: 20px; padding-bottom: 35px; margin: auto}
.documentos2 .listaDocumentos .cu { }
.documentos2 .listaDocumentos .cu .in { width: 90%; height: auto; margin: auto;}
.documentos2 .listaDocumentos .cu p { font-size: 20px; line-height: 22px; font-weight:lighter; color: #333; margin-right: 20px; display: block}
.documentos2 .listaDocumentos .cu .contFoto { width: 100%; height: 400px; background-color: #FFF; margin-bottom: 20px; overflow: hidden;  position: relative;}
.documentos2 .listaDocumentos .cu .contFoto img { position: absolute; height: 100%; width: auto; top: 50%; left: 50%; transform: translate(-50%,-50%);  -moz-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; opacity: 0.3}
.documentos2 .listaDocumentos .cu .contFoto .contP { position: absolute; z-index: 9999; height: 200px; bottom: -200px; left: -5%; width: 110%; background-color: #FFF;
 -moz-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.documentos2 .listaDocumentos .cu .contFoto .contP p {  text-align: justify; font-size: 18px; line-height: 24px; width: 80%; margin: 25px auto;}
.documentos2 .listaDocumentos .cu .contFoto .sello { width: 80px; height: 81px; position: absolute; left: 50%; top: 160px; transform: translateX(-50%); background-image: url(../img/sello.png); background-position:  center center; background-repeat: no-repeat; z-index: 999;
-moz-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.documentos2 .listaDocumentos .cu .contFoto .sello p { font-weight: bold; color: #333333;font-family: 'Poppins', sans-serif; position: absolute; top: 45%; left: 50%; transform: translate(-50%,-50%); font-size: 26px;}
.documentos2 .listaDocumentos .slick-dots {}
.documentos2 .listaDocumentos .cu:hover .contP { bottom: 0px;}
.documentos2 .listaDocumentos .cu:hover img { opacity: 1}
.documentos2 .listaDocumentos .cu:hover .sello { top: 65px}





.linksFoot { width: 100%; height: auto; padding: 120px 0px; background-color: #EEE; position: relative}
.linksFoot .in { width: 100%; max-width: 820px; height: auto; position: relative; margin: auto; padding-bottom: 10px;     padding-top: 15px;}
.linksFoot .in p.sec { color: #333; font-size: 16px; text-transform: uppercase; letter-spacing: 2px; padding-bottom: 8px; width: 80%}
.linksFoot .in h3 { color: #333;  font-family: 'Poppins', sans-serif; font-size: 55px; font-weight: bold; width: 80%}
.linksFoot .in .btnLinks { position: absolute; top: 50%; transform: translateY(-50%); right: 0px}
.linksFoot .btnAnt { background-color: #FFF; width: 160px; height: 120px; position: absolute; top: 50%; transform: translateY(-50%); left: 0; -webkit-border-top-right-radius: 60px;
-webkit-border-bottom-right-radius: 60px;
-moz-border-radius-topright: 60px;
-moz-border-radius-bottomright: 60px;
border-top-right-radius: 60px;
border-bottom-right-radius: 60px; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.linksFoot .btnAnt .contLns { width: 110px; height: auto; position: absolute; top: 50%; left: 48%; transform: translate(-50%,-50%);}
.linksFoot .btnAnt .contLns .ln1 { color: #333; font-size: 10px; letter-spacing: 1px;}
.linksFoot .btnAnt .contLns .ln2 {color: #333;  font-family: 'Poppins', sans-serif; font-size: 15px; font-weight: bold; width: auto; padding-top: 6px; line-height: 19px;}
.linksFoot .btnAnt:hover { width: 180px }





.linksFootBodegas { width: 100%; height: auto; padding: 120px 0px; background-color: #EEE; position: relative; border: 30px solid #FFF; -webkit-box-sizing: border-box;   -moz-box-sizing: border-box;   box-sizing: border-box;}
.linksFootBodegas .in { width: 100%; max-width: 820px; height: auto; position: relative; margin: auto; padding-bottom: 10px;     padding-top: 15px;}
.linksFootBodegas .in p.sec { color: #FFF; font-size: 16px; text-transform: uppercase; letter-spacing: 2px; padding-bottom: 8px; width: 80%}
.linksFootBodegas .in h3 { color: #FFF;  font-family: 'Poppins', sans-serif; font-size: 55px; font-weight: bold; width: 80%}
.linksFootBodegas .in .btnLinks { position: absolute; top: 50%; transform: translateY(-50%); right: 0px}
.linksFootBodegas .btnAnt { background-color: #FFF; width: 160px; height: 120px; position: absolute; top: 50%; transform: translateY(-50%); left: 0; -webkit-border-top-right-radius: 60px;
-webkit-border-bottom-right-radius: 60px;
-moz-border-radius-topright: 60px;
-moz-border-radius-bottomright: 60px;
border-top-right-radius: 60px;
border-bottom-right-radius: 60px; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.linksFootBodegas .btnAnt .contLns { width: 110px; height: auto; position: absolute; top: 50%; left: 48%; transform: translate(-50%,-50%);}
.linksFootBodegas .btnAnt .contLns .ln1 { color: #333; font-size: 10px; letter-spacing: 1px;}
.linksFootBodegas .btnAnt .contLns .ln2 {color: #333;  font-family: 'Poppins', sans-serif; font-size: 15px; font-weight: bold; width: auto; padding-top: 6px; line-height: 19px;}
.linksFootBodegas .btnAnt:hover { width: 180px }

#fondoLasMoras { background-image: url(../img/bodegas/lasmoras/img-foot.jpg); background-size: cover; background-position:  center center;}
#fondoTrapiche { background-image: url(../img/bodegas/trapiche/img-foot.jpg); background-size: cover; background-position:  center center;}
#fondoElesteco { background-image: url(../img/bodegas/elesteco/img-foot.jpg); background-size: cover; background-position:  center center;}
#fondoMascota { background-image: url(../img/bodegas/vineyards/img-foot.jpg); background-size: cover; background-position:  center center;}
#fondoNavarro { background-image: url(../img/bodegas/navarrocorreas/img-foot.jpg); background-size: cover; background-position:  center center;}
#fondoSantaAna { background-image: url(../img/bodegas/santaana/img-foot.jpg); background-size: cover; background-position:  center center;}
#fondoSuter { background-image: url(../img/bodegas/suter/img-foot.jpg); background-size: cover; background-position:  center center;}
#fondoLaRosa { background-image: url(../img/bodegas/larosa/img-foot.jpg); background-size: cover; background-position:  center center;}
#fondoSantelmo { background-image: url(../img/bodegas/santelmo/img-foot.jpg); background-size: cover; background-position:  center center;}


#fondoSanjuan { background-image: url(../img/dondeoperamos/sanjuan/img-foot.jpg); background-size: cover; background-position:  center center;}
#fondoSalta { background-image: url(../img/dondeoperamos/salta/img-foot.jpg); background-size: cover; background-position:  center center;}
#fondoCatamarca{ background-image: url(../img/dondeoperamos/catamarca/img-foot.jpg); background-size: cover; background-position:  center center;}
#fondoMendoza { background-image: url(../img/dondeoperamos/mendoza/img-foot.jpg); background-size: cover; background-position:  center center;}
#fondobuenosaires { background-image: url(../img/dondeoperamos/buenosaires/img-foot.jpg); background-size: cover; background-position:  center center;}





.seccion2 { width: 100%; height: auto; padding: 130px 0px; background-color: #333; position: relative; margin-top: 70px; background-image: url(../img/back-general.jpg); background-size: cover; background-position:  center center; }
.seccion2 .in { width: 100%; max-width: 980px; height: auto; position: relative; margin: auto; padding-bottom: 10px}
.seccion2 .in p.sec { color: #FFF; font-size: 16px; text-transform: uppercase; letter-spacing: 2px; padding-bottom: 8px; width: 80%}
.seccion2 .in h3 { color: #FFF;  font-family: 'Poppins', sans-serif; font-size: 55px; font-weight: bold; width: 80%}
.seccion2 .in .btnSeccion { position: absolute; top: 50%; transform: translateY(-50%); right: 0px; cursor: pointer}




.aresdegestion { width: 100%; max-width: 1100px; margin: auto; margin-top: 80px }
.aresdegestion .icono { float: left; margin-top: 1px; margin-right: 7px; width: 27px}
.aresdegestion p.doc { float: left; color: #111;  font-family: 'Poppins', sans-serif; font-size: 28px; font-weight: bold; }
.aresdegestion .listaAreas { width: 100%; text-align: left; clear: both; padding-top: 20px; padding-bottom: 10px;}
.aresdegestion .listaAreas .cu {  width: 25%;}
.aresdegestion .listaAreas .cu .in { width: 90%; height: auto;}
.aresdegestion .listaAreas .cu p { font-size: 18px; line-height: 22px; font-weight: bold; color: #333; margin-right: 20px; display: block}
.aresdegestion .listaAreas .cu .contFoto { width: 100%; height: 300px; background-color: #FFF; margin-bottom: 20px; overflow: hidden;  -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; position: relative;}
.aresdegestion .listaAreas .cu .contFoto img { position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%,-50%);  -moz-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.aresdegestion .listaAreas .cu .contFoto p { color: #FFF; position: absolute; bottom: 20px; left: 20px; right: 20px; font-size: 20px; text-shadow: 2px 2px 3px rgba(0, 21, 0, 0.29); z-index: 3; line-height: 22px}
.aresdegestion .listaAreas .cu .in:hover .contFoto img { width: 110%}
.aresdegestion .listaAreas .cu .fondoSec { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+33,0.5+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 33%, rgba(0,0,0,0.5) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 33%,rgba(0,0,0,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 33%,rgba(0,0,0,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */}




.contTextos2 { width: 95%; max-width: 1100px; margin: auto; height: auto; padding-bottom: 30px}
.contTextos2 .izq { width: 52%; float: left}
.contTextos2 .der { width: 42%; float:right}
.contTextos2 p.titu {  font-size: 46px; font-weight: bold; color: #333333;font-family: 'Poppins', sans-serif; padding-top: 80px; padding-bottom: 25px;}
.contTextos2 p.intro {   color: #333;      font-size: 16px; line-height: 28px; letter-spacing: 0px;  font-weight: 400;     text-align: justify;   padding-bottom: 20px; padding-top: 70px;     text-align: justify;}
.contTextos2 p.intro2 {    color: #333;    font-size: 24px;    line-height: 32px;    letter-spacing: 0px;    font-weight: 300;    padding-bottom: 20px;     text-align: justify;}
.contTextos2 p.nota { color: #333;      font-size: 16px; line-height: 28px; letter-spacing: 0px;  font-weight: 400;     text-align: justify;}





.sliderNota { width: 100%; height: auto; position: relative; margin-top: -80px; background-color: #FFF; overflow: hidden;
    -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.sliderNota li { text-align: center; position: relative;}
.sliderNota li img { width: 100%; }
.sliderNota .slick-next { background-color: #FFF; right: 0px; width: 50px; height: 50px; bottom: 0px; top: inherit; transform: translateY(0%); background-image: url(../img/sig1.jpg)}
.sliderNota .slick-prev { background-color: #FFF; right: 50px; left: inherit; width: 50px; height: 50px; bottom: 0px; top: inherit; transform: translateY(0%); background-image: url(../img/ant1.jpg)}
.sliderNota .slick-next:hover, .sliderNota .slick-prev:hover { }





footer { width: 100%; height: auto; padding-bottom: 60px; background-color: #333; z-index: 9;  background-image:url(../img/back-footer.jpg); background-size: cover; background-position:  center top; position: relative;}
footer .in { width: 90%; height: auto; margin: auto; text-align: center; max-width: 960px; position: relative}
footer .in .logo { margin-bottom: 30px; margin-top: 70px; height: 60px}
footer .in .listaFoot { width: 100%; padding-bottom: 50px}
footer .in .listaFoot li { width: 25%; float: left; text-align: left; }
footer .in .listaFoot li h5 { color: #FFF; font-size: 18px; font-family: 'Poppins', sans-serif; font-weight: bold; padding-bottom: 6px; width: 90%; line-height: 21px;}
footer .in .listaFoot li p { color: #FFF; font-size: 13px; font-weight: 300; line-height: 30px; width: 90%; line-height: 16px; margin-bottom: 12px}
footer .in .listaFoot li p a { color: #FFF}
footer .in .listaFoot li p a:hover { text-decoration: underline}
footer .in .listaFoot li .raya { width: 40px; height: 2px; background-color: #FFF; margin: 10px 0px; margin-bottom: 17px}
footer .in .lista2 {  margin-top: 13px; border-bottom: 1px solid #FFF; width: 100%; text-align: right; height: 55px; font-weight: lighter}
footer .in .lista2 p { color: #FFF; font-size: 16px; padding: 0px 10px; float: right; margin-right: 15px}
footer .in .lista2 a:hover p { text-decoration: underline}
footer .in .contLegalRedes { width: 100%; padding: 20px 0px; position: relative; margin-top: 20px}
footer .in .contLegalRedes .data { position: absolute; right: 0px; top: 0px; width: 40px }
footer .in .listaRedes { float: right; margin-right: 90px}
footer .in .listaRedes li { float: left; margin: 0px 5px; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
footer .in .listaRedes li img { width: 26px; height: 26px}
footer .in .listaRedes li:hover { opacity: 0.5}
footer .in .legal { color: #FFF; font-size: 11px; text-align: left; text-transform: uppercase; opacity: 0.8; line-height: 16px; font-weight: 300; width: 70%; float: left}
footer .in .legal a { color: #FFF;}
footer .in .legal a:hover { text-decoration: underline}
footer .in .sube { width: 80px; height: 80px; background-color: #FFF; position: absolute; top: 0px; right: 0px; cursor: pointer}
footer .in .sube .btnSube { width: 40px; height: 40px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); border: 1px solid #777;   -moz-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%; overflow: hidden }
footer .in .sube .btnSube .fondo { background-color: #E9E9E9; position: absolute; width: 100%; height: 100%; top: 150%; left: 50%; transform: translate(-50%,-50%);   -moz-transition:all 0.35s ease 0s; -o-transition:all 0.35s ease 0s; -ms-transition:all 0.35s ease 0s; -webkit-transition:all 0.35s ease 0s; -webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%; z-index: 1 }
footer .in .sube .btnSube img { position: absolute; top: 0; left: 0; z-index: 2}
footer .in .sube:hover .btnSube:hover .fondo { top: 50%}




.contTextosCentrado { width: 60%; margin: auto; padding-top: 50px; padding-bottom: 20px}
.contTextosCentrado h3 { color: #333; font-size: 28px; padding-bottom: 25px;  font-family: 'Poppins', sans-serif; font-weight: bold}
.contTextosCentrado h5 { color: #333; font-size: 32px; padding-bottom: 25px;  font-family: 'Poppins', sans-serif; font-weight: bold}
.contTextosCentrado p {color: #333;      font-size: 16px; line-height: 28px; letter-spacing: 0px;  font-weight: 400;     text-align: justify;}
.contTextosCentrado p span.sp1 { font-size: 19px; font-weight: lighter; line-height: 31px}
.contTextosCentrado p span.sp2 { font-size: 28px; font-weight: lighter; line-height: 39px;}
.contTextosCentrado p.intro { color: #333333; font-size: 22px; line-height: 30px; letter-spacing: 0px; font-weight: 300;     text-align: justify; padding-bottom: 20px;}
.contTextosCentrado p.intro2 {   color: #a4a4a4;    font-size: 14px;    letter-spacing: 1px;    font-weight: normal; }
.contTextosCentrado p.titu2 {color: #333;      font-size: 32px; line-height: 40px; letter-spacing: 0px;  font-weight: 300;     text-align: justify;}
.contTextosCentrado p i { font-style: italic}


.headNoticias { width: 100%; height: auto; margin-top: 70px; position: relative;}
.headNoticias .in { width: 100%; max-width: 1100px; margin: auto; padding-top: 80px }
.headNoticias .in .contSeccion { width: 100%; height: auto; position: relative; margin: auto; margin-bottom: 80px}
.headNoticias .in .contSeccion p.sec { color: #333333; font-size: 16px; text-transform: uppercase; letter-spacing: 2px; padding-bottom: 12px; width: 80%}
.headNoticias .in .contSeccion h3 { color: #333333;  font-family: 'Poppins', sans-serif; font-size: 55px; font-weight: bold; width: 80%}
.headNoticias .btnSeccion { position: absolute; top: 50%; transform: translateY(-50%); right: 10px; cursor: pointer}
.contFotoSeccion { width: 100%; max-width: 1100px; height: 400px; margin: auto;  margin-top: 0px; overflow: hidden; position: relative; z-index: 9; margin-bottom: 0px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;     margin-bottom: 80px;}
.headNoticias .fondoSeccion { width: 100%; height: 450px; background-color: #333; position: absolute; top: 0px; z-index: -1; background-color: #f8f8f8}
.headNoticias .contFoto {width: 100%; max-width: 1100px; height: 370px; margin: auto;  margin-top: 0px; overflow: hidden; position: relative; margin-bottom: 0px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;     margin-bottom: 80px;}
.headNoticias .contFoto .foto { height: auto; width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}

.noticiaDestacada { width: 100%; height: auto; position: relative; margin-bottom: 180px}
.headNoticias .contData { background-color: #fff; width: 80%; text-align: center; position: absolute; left: 50%;  top: 100%; transform: translate(-50%,-30%); }
.headNoticias .contData p.lin1 {  color: #c1c1c1; text-transform: uppercase; letter-spacing: 1px; padding-top: 40px; padding-bottom: 6px; font-size: 16px; }
.headNoticias .contData p.tit { color: #333333;  font-family: 'Poppins', sans-serif; font-size: 55px; font-weight: bold; width: 90%; margin: auto; line-height: 64px; padding-bottom: 30px;}
.headNoticias .btnNegro { margin-bottom: 10px}



.listanoticias {  width: 1060px; margin: auto; padding-top: 80px; margin-bottom: 40px;}
.listanoticias .icono { float: left; margin-top: 1px; margin-right: 7px; width: 27px;}
.listanoticias p.doc { float: left; color: #111;  font-family: 'Poppins', sans-serif; font-size: 28px; font-weight: bold; position: relative;}
.listanoticias li { width: 100%; padding: 22px 0px; border-bottom: 3px solid #dddddd }
.listanoticias li .foto { width: 400px; height: 220px; overflow: hidden; float: left; position: relative;  -webkit-border-radius: 9px;-moz-border-radius: 9px;border-radius: 9px;}
.listanoticias li .foto img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); height: 100%;   -moz-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.listanoticias li .txt { width: 630px; float: left; margin-left: 30px; position: relative;  padding-bottom: 80px; min-height: 130px;}
.listanoticias li .txt .categoria {  color: #f5b690; text-transform: uppercase; letter-spacing: 1px; padding-top: 20px; padding-bottom: 6px; font-size: 14px; }
.listanoticias li .txt .titulo {  color: #333333;  font-family: 'Poppins', sans-serif; font-size: 35px; font-weight: bold; line-height: 42px; margin-bottom: 0px; width: 80%; }
.listanoticias li .txt .fecha {  color: #c1c1c1; text-transform: uppercase; letter-spacing: 1px; font-size: 14px; position: absolute; left: 0px; bottom: 13px;}
.listanoticias li .txt .btnNegro { position: absolute; right: 0px; bottom: 0px}
.listanoticias li:hover .foto img { height: 105%;}

.listanoticias li .txt .titulo2 {  color: #333333;  font-family: 'Poppins', sans-serif; font-size: 35px; font-weight: bold; line-height: 42px; width: 100%; margin-top: 30px;}
.listanoticias li .txt .articulo {  color: #333333;  font-size: 20px; font-weight: 300; line-height: 28px; margin-top: 30px;  }






.contBtnCM { text-align: center}
.btnCargarmas {  width: auto; height: auto;  padding: 14px 25px; position: relative; overflow: hidden; border: 1px solid #333; margin: auto; text-align: center; display: block; margin-top: 60px; display: inline-block; cursor: pointer; margin-bottom: 80px}
.btnCargarmas p.p1 { color: #333; font-size: 16px;  z-index: 99; position: relative; padding: 0px;  font-weight: normal;
-moz-transition:all 0.35s ease 0s; -o-transition:all 0.35s ease 0s; -ms-transition:all 0.35s ease 0s; -webkit-transition:all 0.35s ease 0s;}
.btnCargarmas .fondo { width: 50%; height: 50%; background-color: #EEE; position: absolute; top: 50%; left: -100%; transform: translate(-50%,-50%); z-index: 1;     -moz-transition:all 0.45s ease 0s; -o-transition:all 0.45s ease 0s; -ms-transition:all 0.45s ease 0s; -webkit-transition:all 0.45s ease 0s; -webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;}
.btnCargarmas .fondoBtn { width: 150%; height: 350%; position: absolute; background-color: #333; top: 50%; left: -100%; transform:  translate(-50%,-50%); z-index: 1;  -moz-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;}
.btnCargarmas:hover .fondo { left: 50%; width: 100%; height: 100%}
.btnCargarmas:hover .fondoBtn { left: 50%}
.btnCargarmas:hover p.p1 { color: #FFF}






.contFotoSeccion.contFotoSeccionArr {
	max-width: none;
	margin-bottom:0;
    height: 450px;
}
.contNoticiaTit {   color: #fff;  font-family: 'Poppins', sans-serif; font-size: 34px; font-weight: normal; line-height: 100%; margin-bottom: 0px; background: #443324;padding:20px 10px}
.contNoticiaTit p, .contNoticiaTit h3 { max-width: 980px; margin: auto;}
.presyprem p, .presyprem h3 { width:60%;}
.contNoticiaTitCentrado p, .contNoticiaTitCentrado h3 { max-width: 1150px;    margin: auto;}
.contNoticiaTit2 p, .contNoticiaTit2 h3 { max-width: 1100px;    margin: auto;}
.fotoNoticiaInt { width: 100%; margin-top: 70px; position: relative; height: 450px; overflow: hidden}
.fotoNoticiaInt img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); position: absolute; width: 100%; }
.contNoticiaInt { width: 980px; margin: auto; margin-top: 60px;}
.contNoticiaInt .categoria {  color: #f5b690; text-transform: uppercase; letter-spacing: 1px; padding-top: 20px; padding-bottom: 6px; font-size: 14px; }
.contNoticiaInt .titulo {  color: #fff;  font-family: 'Poppins', sans-serif; font-size: 62px; font-weight: bold; line-height: 70px; margin-bottom: 0px; width: 80%; background: #443324;}
.contNoticiaInt .cont2 { width: 100%; height: auto; margin: 40px 0px;}
.contNoticiaInt .cont2 .fecha { width: 140px; height: auto; float: left}
.contNoticiaInt .cont2 .fecha img { float: left; width: 15px; padding-top: 13px; margin-right: 6px;}
.contNoticiaInt .cont2 .fecha .lab { color: #333; font-size: 12px; padding-top: 15px; float: left}
.contNoticiaInt .cont2 .fecha .date { color: #443324; font-size: 21px; padding-bottom: 5px; padding-top: 8px; padding-left: 20px }
.contNoticiaInt .cont2 .fecha .year { color: #443324; font-size: 14px; padding-left: 20px }
.contNoticiaInt .cont2 .bajada { width: 730px; height: auto; float: left; border-left: 2px solid #443324; padding: 6px 0px; padding-left: 20px}
.contNoticiaInt .cont2 .bajada p { font-size: 20px; line-height: 35px; font-weight: lighter; min-height: 70px;}
.contNoticiaInt .contTextos { width: 100%; }



.otrasnoticias { width: 100%; max-width: 1100px; margin: auto; margin-top: 80px; margin-bottom: 50px; }
.otrasnoticias .icono { float: left; margin-top: 1px; margin-right: 7px; width: 27px; margin-left: 20px}
.otrasnoticias p.doc { float: left; color: #111;  font-family: 'Poppins', sans-serif; font-size: 28px; font-weight: bold; }
.otrasnoticias .listaOtrasNews { width: 100%; text-align: left; clear: both; padding-top: 20px; padding-bottom: 10px;}
.otrasnoticias .listaOtrasNews .cu {height: auto;  position: relative;  min-height: 330px;  }
.otrasnoticias .listaOtrasNews .cu .in { width: 90%; height: auto; margin: auto; padding-bottom: 55px;}
.otrasnoticias .listaOtrasNews .cu p.titulo {color: #111;  font-family: 'Poppins', sans-serif; font-size: 22px; font-weight: bold; line-height: 29px; width: 90%; margin: auto;  }
.otrasnoticias .listaOtrasNews .cu .contFoto { width: 100%; height: 170px; background-color: #FFF; margin-bottom: 20px; overflow: hidden;   position: relative;}
.otrasnoticias .listaOtrasNews .cu .contFoto img { position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%,-50%);  -moz-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.otrasnoticias .listaOtrasNews .cu .contFoto p { color: #FFF; position: absolute; bottom: 20px; left: 20px; right: 20px; font-size: 20px; text-shadow: 2px 2px 3px rgba(0, 21, 0, 0.29); z-index: 3; line-height: 22px}
.otrasnoticias .listaOtrasNews .cu:hover .contFoto img { width: 110%}
.otrasnoticias .listaOtrasNews .cu .btnNegro { position: absolute; bottom: 0px; left: 30px}


.otrasnoticias .slick-dots {    bottom: -30px;}






.contacto { width: 100%; height: 290px; position: relative; margin-top: 70px; padding-bottom: 90px; }
.contacto .in { width: 100%; max-width: 1160px; height: auto; position: relative; margin: auto; padding-bottom: 10px;}
.contacto .in .conttitular1 { width: 980px; height: auto;  margin: auto; position: relative}
.contacto .in h3 { color: #FFF;  font-family: 'Poppins', sans-serif; font-size: 55px; font-weight: bold; width: 100%}
.contacto .in .btnSeccion { position: absolute; top: 5%; transform: translateY(0%); right: 0px; cursor: pointer}
.contacto .in .data { width: 470px; float:right; margin-top: 60px;}
.contacto .in .data img { width: 20px; float: left; margin-right: 8px}
.contacto .in .data .localidad { color: #000;  font-size: 13px; letter-spacing: 1px; font-weight: lighter; padding-top: 8px}
.contacto .in .data .direccion { color: #000;  font-family: 'Poppins', sans-serif; font-size: 25px; font-weight: bold; line-height: 33px; padding-top: 6px}
.contacto .in .data .lab { color: #000;  font-size: 13px; letter-spacing: 1px; font-weight: lighter; padding-top: 26px}
.contacto .in .data .telef { color: #000;  font-family: 'Poppins', sans-serif; font-size: 23px; font-weight: bold; line-height: 28px; padding-top: 6px}
.contacto .in .data .redes { position: relartive;height: auto; margin-top: 0; height: 45px; margin-bottom: 70px;}
.contacto .in .data .redes li { width: 45px; margin-bottom: 10px; opacity: 1; -moz-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; float: right; margin: 0px 6px;}
.contacto .in .data .redes li img { width: 100%}
.contacto .in .data .redes li:hover { opacity: 0.7}
.contacto .in .data .lab2 { color: #777;  font-size: 13px; letter-spacing: 1px; font-weight: lighter; padding-top: 26px}
.contacto .in .data .frase { font-weight: lighter;         font-size: 22px; line-height: 31px; letter-spacing: 1px; text-align: justify; padding-top: 10px;}



.contMapa { width: 580px; height: 600px; position: relative; float: left; margin-top: 70px;}
.contMapa iframe { width: 100%; height: 100%; position: absolute;}




.contForm { width: 100%; height: auto; padding-bottom: 60px;  background-color: #f8f8f8; position:relative; margin-top: 80px;}
.contForm .in { width: 860px; margin: auto}
.contForm .in form { padding-top: 50px}
.contForm .in .titular {  font-family: 'Poppins', sans-serif; font-size: 24px; font-weight: bold; color: #333; margin-bottom: 15px; line-height: 28px;}
.contForm .in .campo { width: 390px; display: inline-block; border: none; border-bottom: 1px solid #9b9b9b; padding: 6px; font-size: 18px; font-weight: lighter; background: transparent; margin-bottom: 22px; margin-top: 2px; margin-right: 20px;}
.contForm .in .campo:focus { border-bottom: 1px solid #efdcd1;}
.contForm .in .eltext { width: 800px;background: transparent;border: none; border-bottom: 1px solid #9b9b9b; height: 130px; resize: none; font-family: 'Poppins', sans-serif; font-weight: lighter; padding: 6px; font-size: 18px; color: #75758a; margin-bottom: 30PX;}
.contForm .in .eltext:focus { border-bottom: 1px solid #efdcd1;}
.contForm .btnNegro1 { cursor: pointer; z-index: 1}
.contForm .in .error { border-bottom: 1px solid #e1412d}
.contForm .legal { font-size: 14px; font-weight: lighter; line-height: 18px; margin-top: 60px;}

.enviado { display: none; position: absolute; width: 100%; height: 100%; background-color: rgba(240,240,240,0.95); z-index: 99}
.enviado .lb { background-color: #FFF; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); height: auto; width: 600px;
 -webkit-border-radius: 6px;    -moz-border-radius: 6px;border-radius: 6px;}
.enviado .lb .in { width: 500px; height: auto; margin: auto; padding-top: 50px; padding-bottom: 50px;}
.enviado .lb .ok { width: 100px; float: left; margin-right: 20px;}
.enviado .lb .p1 { width: 350px; height: auto; float: left;  font-size: 30px; line-height: 37px; padding-top: 15px; text-align: justify; font-weight: lighter;}
.enviado .lb .p2 { width: 100%; margin-top: 30px; font-family: 'Poppins', sans-serif; font-size: 42px; line-height: 50px; font-weight: bold; color: #333;}
.enviado .lb .close { width: 42px; position: absolute; top: 8px; right: 8px; cursor: pointer; opacity: 0.6;  -moz-transition:all 0.35s ease 0s; -o-transition:all 0.35s ease 0s; -ms-transition:all 0.35s ease 0s; -webkit-transition:all 0.35s ease 0s;}
.enviado .lb .close:hover { opacity: 1}




.listaDirectores { width: auto; max-width: 1200px; margin: auto; text-align: center}
.listaDirectores li { width: 220px; height: auto; display: inline-table; text-align: left; margin: 0px 8px; border-bottom: 1px solid #333; margin-bottom: 40px; cursor: pointer; overflow: hidden;}
.listaDirectores li .fotoDirector { width: 100%; height: 190px; overflow: hidden; position: relative; margin-left: 0%;}
.listaDirectores li .fotoDirector .foto { position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%,-50%);
-moz-transition:all 0.3s ease 0s; 
    -o-transition:all 0.3s ease 0s; 
    -ms-transition:all 0.3s ease 0s; 
    -webkit-transition:all 0.3s ease 0s;}
.listaDirectores li .contData { width: 100%;  overflow: hidden;  height: 74px; position: relative;}
.listaDirectores li .contData .cargo { min-height:22px;font-size: 13px; font-weight: 400; padding-left: 13px; padding-bottom: 10px; padding-top: 15px;
-moz-transition:all 0.3s ease 0s; 
    -o-transition:all 0.3s ease 0s; 
    -ms-transition:all 0.3s ease 0s; 
    -webkit-transition:all 0.3s ease 0s;}
.listaDirectores li .contData .nombre {font-size: 17px; font-weight: lighter; padding-left: 11px;
-moz-transition:all 0.3s ease 0s; 
    -o-transition:all 0.3s ease 0s; 
    -ms-transition:all 0.3s ease 0s; 
    -webkit-transition:all 0.3s ease 0s;}
.listaDirectores li .contData .fondo { width: 10px; height: 10px; background-color: #333; position: absolute; top: 50%; left: -50px; -webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%; z-index: -1;
    -moz-transition:all 0.6s ease 0s; 
    -o-transition:all 0.6s ease 0s; 
    -ms-transition:all 0.6s ease 0s; 
    -webkit-transition:all 0.6s ease 0s;}
.listaDirectores li:hover .fondo { left: -100px; width: 600px; height: 600px; top: -150%;}
.listaDirectores li:hover .fotoDirector .foto { width: 110%;}
.listaDirectores li:hover .contData .cargo { color: #FFF}
.listaDirectores li:hover .contData .nombre { color: #FFF}


.modalDirectorio { width: 100%; height: 100%; position: fixed; background-color: rgba(240,240,240,0.7);z-index: 9999; top: 0; left: 0; display: none}
.modalDirectorio .contMiembro { width: 920px; height: 550px; background-color: #FFF; position: absolute; top: 90%; left: 50%; transform: translate(-50%,-50%); }
.modalDirectorio .contMiembro .inD { width: 86%; margin: auto; position: relative; }
.modalDirectorio .contMiembro .inD .izq { width: 400px; height: auto; float: left;}
.modalDirectorio .contMiembro .inD .der { width: 350px; height: auto; position: absolute; top: 0; right: 0;}
.modalDirectorio .contMiembro .inD .der .cFoto { width: 100%; height: 450px; overflow: hidden; margin-top: 10px; position: relative}
.modalDirectorio .contMiembro .inD .der img { height: 100%; position: absolute; left: 50%;transform: translateX(-50%); top: 0;}
.modalDirectorio .contMiembro .inD .izq .puesto2 { margin-top: 45px; font-size: 18px; font-weight: lighter; color: #333; line-height: 26px;}
.modalDirectorio .contMiembro .inD .izq h5 { font-family: 'Poppins', sans-serif; font-size: 46px; line-height: 47px; font-weight: bold; color: #333;}
.modalDirectorio .contMiembro .inD .izq .contScroll { margin-top: 14px;}
.modalDirectorio .contMiembro .inD .izq .bio {  font-size: 13px; color: #333; line-height: 24px;}
.modalDirectorio .close { position: absolute; width: 40px; right: 12px; top: -46px; cursor: pointer;
-moz-transition:all 0.3s ease 0s;
    -o-transition:all 0.3s ease 0s;
    -ms-transition:all 0.3s ease 0s;
    -webkit-transition:all 0.3s ease 0s;}
.modalDirectorio .close:hover { opacity: 0.8}







/** Custom Select **/
.custom-select-wrapper {  position: relative;}
.custom-select-wrapper select {    display: none;  }
.custom-select {    position: relative;    display: inline-block;  }
.custom-select-trigger {      position: relative;      display: block;      width: 230px;      padding: 0 70px 0 20px;      font-size: 18px;      font-weight: 300;      color: #333;      line-height: 50px; border: 1px solid #777;      cursor: pointer;    }
.custom-select-trigger:after {        position: absolute;        display: block;        content: '';        width: 10px; height: 10px;        top: 50%; right: 25px;        margin-top: -3px;        border-bottom: 1px solid #777;        border-right: 1px solid #777;        transform: rotate(45deg) translateY(-50%);        transition: all .4s ease-in-out;        transform-origin: 50% 0;      }
.custom-select.opened .custom-select-trigger:after {        margin-top: 3px;        transform: rotate(-135deg) translateY(-50%);      }
.custom-options {    position: absolute;    display: block;    top: 100%; left: 0; right: 0;    min-width: 100%;    margin: 15px 0;    border: 1px solid #777;    box-sizing: border-box;    background: #fff;    transition: all .4s ease-in-out;    opacity: 0;    visibility: hidden;    pointer-events: none;    transform: translateY(-15px);  }
.custom-select.opened .custom-options {    opacity: 1;    visibility: visible;    pointer-events: all;    transform: translateY(0);  }
.custom-options:before {      position: absolute;      display: block;      content: '';      bottom: 100%; right: 25px;      width: 7px; height: 7px;      margin-bottom: -4px;      border-top: 1px solid #b5b5b5;      border-left: 1px solid #b5b5b5;      background: #fff;      transform: rotate(45deg);      transition: all .4s ease-in-out;    }
.option-hover:before {      background: #f9f9f9;    }
.custom-option {      position: relative;      display: block;      padding: 0 16px;      border-bottom: 1px solid #b5b5b5;      font-size: 14px;      font-weight: 300;      color: #333;      line-height: 40px;      cursor: pointer;      transition: all .4s ease-in-out;    }
.custom-option:last-of-type {      border-bottom: 0;    }
.custom-option:hover,    .custom-option.selection {      background: #fafafa;    }






.listaBebidas { width: 95%; text-align: center; height: auto; margin: auto; margin-top: -40px;}
.listaBebidas li { width: 180px; height: 180px; display: inline-block; margin: 20px 10px; position: relative; opacity: 0.2;
-moz-transition:all 0.3s ease 0s;
    -o-transition:all 0.3s ease 0s;
    -ms-transition:all 0.3s ease 0s;
    -webkit-transition:all 0.3s ease 0s;}
.listaBebidas li .logo { width: 180px; height: 180px; border: 1px solid #333; position: absolute; top: 0px; left: 0px; z-index: 2; background-color: #FFF; -moz-transition:all 0.3s ease 0s;
    -o-transition:all 0.3s ease 0s;
    -ms-transition:all 0.3s ease 0s;
    -webkit-transition:all 0.3s ease 0s;}
.listaBebidas li p { font-size: 14px; color: #555;      letter-spacing: 1px; position: absolute; bottom: 0px; width: 100%; text-align: center; z-index: 1; text-transform: uppercase}
.listaBebidas li:hover { opacity: 1}
.listaBebidas li:hover .logo { top: -25px}



.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}




.listaBodegas { width: 90%;  max-width: 1170px; margin: 80px auto; height: auto; text-align: left;}
.listaBodegas li { display: inline-block; margin: 10px; margin-bottom: 60px; width: 560px; position: relative;  height: auto; }
.listaBodegas li .contFoto { width: 100%; height: 400px; overflow: hidden; -webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px; margin-bottom: 65px; position: relative;}
.listaBodegas li .contFoto .foto { position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); width: 100%;
-moz-transition:all 0.9s ease 0s;
    -o-transition:all 0.9s ease 0s;
    -ms-transition:all 0.9s ease 0s;
    -webkit-transition:all 0.9s ease 0s;}
.listaBodegas li p.nombre { font-size: 30px; font-weight: 300; float: left; width: auto; padding-top: 2px; padding-left: 33px; color: #333;}
.listaBodegas li .btnNegro { float: right;}
.listaBodegas li .contLogo { width: 150px; height: 150px; background-color: #FFF; border: 1px solid #CCC; position: absolute; left: 30px; top: 280px;
    -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; overflow: hidden;
-moz-transition:all 0.5s ease 0s;
    -o-transition:all 0.5s ease 0s;
    -ms-transition:all 0.5s ease 0s;
    -webkit-transition:all 0.5s ease 0s;}
.listaBodegas li .contLogo .logo {}
.listaBodegas li:hover .foto { width: 110%;}
.listaBodegas li:hover .contLogo { top: 230px;}



.listaSust{ width: 80%; height: auto;margin: auto}
.listaSust h3 { color: #333; font-size: 20px; line-height: 32px; padding-bottom: 25px; font-weight: 400}
.listaSust ul { width: 100%; height: auto; border-bottom: 3px solid #DDD; margin-bottom: 65px;}
.listaSust ul li { float: left; margin-bottom: 30px; width: 25%; text-align: center}
.listaSust ul li .logo { width: auto; max-width: 100%;}





.franjaCentrada { width: 90%; margin: auto; text-align: center; border-top: 1px solid #333; padding-top: 30px;}
.franjaCentrada p.l1 { font-size: 28px; font-weight: 300; padding: 20px 0px;}
.franjaCentrada p.l2 { font-size: 16px; line-height: 24px; display: inline-block; margin-bottom: 15px;}
.franjaCentrada img { width: 180px; display: inline-block; vertical-align: middle; margin-left: 6px;}







.edad { width: 100%; height: 100%; position: absolute; background-image: url(../img/back-edad.jpg); background-size: cover; background-position:  center center; overflow: hidden;}
.edad .in { width: 420px; padding: 60px 0px; background-color: rgba(256,256,256,0.7); position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center; }
.edad .in h5 { font-size: 40px; padding-bottom: 32px; font-family: 'Poppins', sans-serif;  color: #333; font-weight: bold;}
.edad .logo { width: auto; position: absolute; left: 50%; top: 20%; transform: translate(-50%,-50%);}
.edad .footEdad { width: 80%; position: absolute; left: 50%; transform: translateX(-50%); height: 80px; background-color: #FFF; bottom: 0px;}
.edad .footEdad .copy { text-transform: uppercase; font-size: 12px; line-height: 17px; color: #666; margin: 25px; width: auto; float: left}
.edad .footEdad .contRedes { width: auto; float: right; height: auto; margin: 10px;}
.edad .footEdad .contRedes .icRed { width: 30px; float: left; margin-top: 15px; margin-right: 12px;
-moz-transition:all 0.5s ease 0s;
    -o-transition:all 0.5s ease 0s;
    -ms-transition:all 0.5s ease 0s;
    -webkit-transition:all 0.5s ease 0s;}
.edad .footEdad .contRedes .data { height: 60px; float: left; margin-left: 10px}
.edad .footEdad .contRedes .icRed:hover { opacity: 0.7}







.listaTrabaja {  width: 1060px; margin: auto; padding-top: 80px; margin-bottom: 40px;}
.listaTrabaja .icono { float: left; margin-top: 1px; margin-right: 7px; width: 27px;}
.listaTrabaja p.doc { float: left; color: #111;  font-family: 'Poppins', sans-serif; font-size: 28px; font-weight: bold; }
.listaTrabaja li { width: 100%; padding: 22px 0px; border-bottom: 3px solid #dddddd; height: auto;}
.listaTrabaja li .foto { width: 400px; height: 220px; overflow: hidden; float: left; position: relative;  -webkit-border-radius: 9px;-moz-border-radius: 9px;border-radius: 9px;}
.listaTrabaja li .foto img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); height: 100%;   -moz-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.listaTrabaja li .txt { width: 630px; float: left; margin-left: 30px; position: relative;  padding-bottom: 80px; min-height: 130px; overflow: hidden; height: 160px;
-moz-transition:all 0.5s ease 0s;
    -o-transition:all 0.5s ease 0s;
    -ms-transition:all 0.5s ease 0s;
    -webkit-transition:all 0.5s ease 0s;}
.listaTrabaja li .txt .titulo {  color: #333333;  font-family: 'Poppins', sans-serif; font-size: 28px; font-weight: bold; line-height: 42px; width: 100%; margin-top: 30px;}
.listaTrabaja li .txt .articulo {  color: #333333;  font-size: 20px; font-weight: 300; line-height: 33px; margin-top: 20px;  }
.listaTrabaja li .txt .esfumado { width: 100%; height: 120px; position: absolute; bottom: 0px; left: 0px; background-image: url(../img/esfumado.png); background-repeat: repeat-x; opacity: 1; z-index: 99}
.listaTrabaja li #mas { display: block}
.listaTrabaja li #menos { display: none}
.listaTrabaja li .btnNegro { position: absolute; bottom: 10px; right: 0px; z-index: 999; cursor: pointer}

.listaTrabaja li:hover .foto img { height: 105%;}
.altototal { height: auto !important}




.contTextosCentrado2 { width: 80%; margin: auto; padding-top: 30px; padding-bottom: 70px; border-top: 1px solid #666; margin-top: 40px;}
.contTextosCentrado2 h5 { color: #333; font-size: 26px; padding-bottom: 20px;  font-weight: 300}
.contTextosCentrado2 .btnNegro { float: left}
.contTextosCentrado2 p.linkedin { float: right; color: #333; font-size: 16px; line-height: 23px; font-weight: 300; padding-top: 12px;}
.contTextosCentrado2 p.linkedin a { color: #333;}
.icono { width: 25px; float: right; margin-left: 8px;}





.sliderProvincias { width: 100%; height: 540px; margin-bottom: 40px; }
.sliderProvincias .cu { width: 100%; height: 540px; overflow: hidden}
.sliderProvincias .cu .izq { width: 40%; float: left; position: relative; background-color: #FFF; z-index: 9999}
.sliderProvincias .cu .izq .mapa { width: 50%; height: 540px; float: left; position: relative;}
.sliderProvincias .cu .izq .mapa img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); height: auto; max-height: 90%;}
.sliderProvincias .cu .izq .cont { position: absolute; left: 50%; top: 50%; transform: translateY(-50%); width: 336px;}
.sliderProvincias .cu .izq .cont .frame { width: 100%; height: auto; -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px; overflow: hidden; margin-bottom: 10px;}
.sliderProvincias .cu .izq .cont .provincia { width: 100%; padding: 20px 0px; background-color: #e7c1aa}
.sliderProvincias .cu .izq .cont .provincia .icono { width: 18px; margin-right: 6px; margin-top: 4px; float: left; margin-left: 22px;}
.sliderProvincias .cu .izq .cont .provincia p { float: left; font-size: 30px; color: #333333;  font-family: 'Poppins', sans-serif; font-weight: bold;}
.sliderProvincias .cu .izq .cont .mapa2 { width: 100%; height: auto;}
.sliderProvincias .cu .izq .cont .data2 { width: 100%; height: 100px; background-color: #f2f2f2;}
.sliderProvincias .cu .izq .cont .data2 .p1 { color: #4b4b4b; font-size: 12px; padding: 18px;}
.sliderProvincias .cu .izq .cont .data2 .p2 { color: #4b4b4b; font-size: 12px; padding: 18px;}


.sliderProvincias .cu .der { width: 60%; float: right; height: 540px; overflow: hidden; position: relative; background-color: #CCC; z-index: 0}
.sliderProvincias .cu .der .lafoto { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); height: 100%;}



.sliderProvincias2 { width: 80%; height: auto;margin: auto; margin-bottom: 60px; }
.sliderProvincias2 .cu { width: 100%; height: auto; cursor: pointer;
-moz-transition:all 0.5s ease 0s;
    -o-transition:all 0.5s ease 0s;
    -ms-transition:all 0.5s ease 0s;
    -webkit-transition:all 0.5s ease 0s;}
.sliderProvincias2 .cu .in { width: 100%; border: 1px solid #eeeeee; margin: auto; text-align: center; box-sizing: border-box;text-wrap:nowrap}
.sliderProvincias2 .cu .in p { color: #333; display: inline-block; padding: 15px 10px;}
.sliderProvincias2 .cu .in .raya { width: 20px; height: 1px; display: inline-block; background-color: #a39d9a;}

.sliderProvincias2 .cu:hover { background-color:#e7c1aa }
.sliderProvincias2 .slick-current { background-color: #fceade}




.infoProvincia { width: 100%; padding: 0px 0px 40px 0px; text-align: center; }
.infoProvincia .in { width: 1100px; margin: auto;}
.infoProvincia .in .izq { display: inline-block; vertical-align: middle; width: 47%; margin-left: -3%; }
.infoProvincia .in .izq img { width: auto; max-width: 100%;}
.infoProvincia .in .der { display: inline-block; vertical-align: middle; width: 47%; padding-left: 5%; }
.infoProvincia .in .der p { color: #333; font-size: 15px; line-height: 23px; text-align: left; }
.infoProvincia .in .der p b {font-size: 18px;}




.infografia { width: 100%;}




.oficinas { width: 100%; max-width: 1300px; margin: auto; 	padding-bottom: 50px }
.oficinas .icono { float: left; margin-top: 1px; margin-right: 7px; width: 27px; margin-left: 100px}
.oficinas p.doc { float: left; color: #FFF;  font-family: 'Poppins', sans-serif; font-size: 28px; font-weight: bold; margin-bottom: 15px; }
.oficinas .listaDocumentos { width: 100%; text-align: left; clear: both; padding-top: 20px; padding-bottom: 35px; margin: auto}
.oficinas .listaDocumentos .cu { }
.oficinas .listaDocumentos .cu .in { width: 90%; height: auto; margin: auto;}
.oficinas .listaDocumentos .cu p { font-size: 20px; line-height: 22px; font-weight:lighter; color: #333; margin-right: 20px; display: block}
.oficinas .listaDocumentos .cu .contFoto { width: 100%; height: 280px; background-color: #FFF; margin-bottom: 20px; overflow: hidden;  position: relative;}
.oficinas .listaDocumentos .cu .contFoto img { position: absolute; width: 101%; top: 50%; left: 50%; transform: translate(-50%,-50%);  -moz-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.oficinas .listaDocumentos .cu .in:hover .contFoto img { width: 110%}
.oficinas .listaDocumentos .cu .fondoSec { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+33,0.5+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 33%, rgba(0,0,0,0.5) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 33%,rgba(0,0,0,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 33%,rgba(0,0,0,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */}
.oficinas .listaDocumentos .slick-dots {}

.oficinas .listaDocumentos .lugar { width: 80%; position: absolute; left: 10%; bottom: 10%; z-index: 99999}
.oficinas .listaDocumentos .lugar .lin1 { color: #FFF; font-size: 14px; padding-bottom: 6px; color: #f5b690; font-weight: 500; letter-spacing: 1px;}
.oficinas .listaDocumentos .lugar .lin2 { color: #FFF;font-family: 'Poppins', sans-serif; font-size: 30px;}




.contPresencia { width: 100%; height: auto; margin-top: 30px; margin-bottom: 40px;}
.contPresencia p.nota { width: 60%; float: left; margin-top: 15px;}
.contPresencia .numeros { width: 35%; float: right; margin-left: 20px;}
.contPresencia .numeros img { float: left; margin-left: 16px; width: 100px; margin-top: 0px;}








.errores { width: 100%; height: 290px; padding: 160px 0px; padding-bottom: 50px; background-color: #333; position: relative; margin-top: 70px; background-image: url(../img/back-general.jpg); background-size: cover; background-position:  center center;  margin-bottom: 100px}
.errores .in { width: 100%; max-width: 1160px; height: auto; position: relative; margin: auto; padding-bottom: 10px;}
.errores .in h3 { color: #FFF;  font-family: 'Poppins', sans-serif; font-size: 55px; font-weight: bold; width: 100%; padding-bottom: 20px}
.errores .in p { color: #FFF;     font-size: 24px;    line-height: 32px; font-weight:lighter; width: 100%}








.cont-languaje { width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.cont-languaje .in { width: auto; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); margin: auto; text-align: center; padding: 50px 60px; }
.cont-languaje .in .logo { width: 400px; margin-bottom: 25px; }
.cont-languaje p.bajada {  color: #FFF; font-size: 14px; line-height: 21px;  padding-top: 16px; }
.cont-languaje .lenaguaje-btns { text-align: center; width: auto; height: auto; margin-top: 20px; display: flex;
    flex-direction: row;}
.cont-languaje .lenaguaje-btns li { width: auto; height: auto;  display: inline-block; text-align: left;margin: 0px 8px;}
.cont-languaje .lenaguaje-btns li  p { color: #FFF;  font-family: 'Poppins', sans-serif; font-size: 22px;}
.cont-languaje .lenaguaje-btns li input { color: #FFF;  font-family: 'Poppins', sans-serif; font-size: 22px; background: transparent; border: none;
    position: absolute; top: 0; left: 0; height: 100%; width: 100%; text-align: left; z-index: 100; padding-left: 15px;
    -moz-transition:all 0.45s ease 0s; 
    -o-transition:all 0.45s ease 0s; 
    -ms-transition:all 0.45s ease 0s; 
    -webkit-transition:all 0.45s ease 0s;}
.cont-languaje .lenaguaje-btns li:hover input { color: #222;}
.cont-languaje .footer { border: none; width: 90%; position: absolute; bottom: 0px; background: none; left: 5%;}
.cont-languaje .footer .contLegalRedes { width: 100%; padding: 20px 0px; position: relative;}
.cont-languaje .footer .contLegalRedes .data { position: absolute; right: 0px; top: 0px; width: 40px }
.cont-languaje .footer .listaRedes { float: right; margin-right: 90px}
.cont-languaje .footer .listaRedes li { float: left; margin: 0px 5px; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.cont-languaje .footer .listaRedes li img { width: 26px; height: 26px}
.cont-languaje .footer .listaRedes li:hover { opacity: 0.5}
.cont-languaje .footer .legal { color: #FFF; font-size: 11px; text-align: left; text-transform: uppercase; opacity: 0.8; line-height: 16px; font-weight: 300; width: 70%; float: left}
.cont-languaje .footer .legal a { color: #FFF;}
.cont-languaje .footer .legal a:hover { text-decoration: underline}






.btnBlanco3 {  width: 80px; height: 36px; display: inline-block; padding: 0px 0px; padding-right: 55px; position: relative; overflow: hidden; border: 1px solid #FFF; padding-left: 15px; padding-bottom: 18px;  margin: 0px 10px; margin-bottom: 14px;
    -moz-transition:all 0.45s ease 0s; 
    -o-transition:all 0.45s ease 0s; 
    -ms-transition:all 0.45s ease 0s; 
    -webkit-transition:all 0.45s ease 0s;}
.btnBlanco3 p.p1 { color: #FFF !important; font-size: 14px; padding-top: 0px; z-index: 99; position: relative;
-moz-transition:all 0.35s ease 0s; -o-transition:all 0.35s ease 0s; -ms-transition:all 0.35s ease 0s; -webkit-transition:all 0.35s ease 0s;}
.btnBlanco3 .flecha {  height: 26px; width: 26px; overflow: hidden; border: none; position: absolute; top: 50%; transform: translateY(-50%); right: 8px; 
-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%; z-index: 10}
.btnBlanco3 .fondo { width: 50%; height: 50%; background-color: transparent !important; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 1;     -moz-transition:all 0.45s ease 0s; -o-transition:all 0.45s ease 0s; -ms-transition:all 0.45s ease 0s; -webkit-transition:all 0.45s ease 0s; -webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;}
.btnBlanco3 .flecha img { width: 100%; z-index: 10; position: absolute; top: 0; left: 0 }
.btnBlanco3:hover .fondo { left: 50%; width: 100%; height: 100%; background-color: #000  !important}
.btnBlanco3 .fondoBtn { width: 110%; height: 350%; position: absolute; background-color: #FFF !important; top: 50%; left: -100%; transform:  translate(-50%,-50%); z-index: 1;  -moz-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%; z-index: -1;}
.btnBlanco3:hover { background-color: #FFF;
-moz-transition:all 0.45s ease 0.2s; 
    -o-transition:all 0.45s ease 0.2s; 
    -ms-transition:all 0.45s ease 0.2s; 
    -webkit-transition:all 0.45s ease 0.2s;}
.btnBlanco3:hover .fondoBtn { left: 50%}
.btnBlanco3:hover p.p1 { color: #000  !important}






@media screen and (max-width:1500px){

    header .inHead {    width: 95%;}

    .listaBodegas { width: 1100px;}
    .listaBodegas li { width: 520px; }
    .listaBodegas li .contFoto {    height: 360px; margin-bottom: 55px;}
    .listaBodegas li .contLogo {    top: 230px;}

    .sliderProvincias .cu .izq .cont {    left: 52%; }

    .errores .in { width: 80%; }

}


@media screen and (max-width:1200px){
	
	.clear-flex { display: none !important}

    .contacto .in .data .frase {  font-size: 20px; line-height: 28px; }

    header .inHead {    width: 95%;}

    .seccion .in .contSeccion {        width: 90%;}
    .seccion .btnSeccion {    right: 0px;}
    .contFotoSeccion {        width: 100%;}
    .contTextos {        width: 65%;}
    .documentos {        width: 90%;}
    .documentos .listaDocumentos .cu .contFoto {    height: 280px;}
    .linksFoot .in {        width: 65%;}
    .linksFoot .in h3 {    font-size: 48px;  }

    .linksFootBodegas .in {        width: 65%;}
    .linksFootBodegas .in h3 {    font-size: 48px;  }

    .seccion .in .videoWrapper { width: 90%; margin: auto}


    .seccion2 .in {    width: 90%;}

    .aresdegestion {        width: 90%;}
    .aresdegestion .listaAreas .cu .contFoto {    height: 280px;}

    header .menuSec .inHead2  { width: 80%;}

    .headNoticias .in .contSeccion {    width: 90%;}
    .headNoticias .contFoto {        width: 90%; height: 324px;}
    .listanoticias {    width: 950px;}
    .listanoticias li .txt {        width: 520px;}

    .fotoNoticiaInt {    height: 380px; background-color: #EEE}
    .fotoNoticiaInt img { height: 100%; }
    .contNoticiaInt .titulo {    width: 90%;}


    .contPremios .listaPremios {    width: 85%;}

    .contNoticias .in .der .nota2 .titulo {    font-size: 20px;    line-height: 27px;}
    .contNoticias .in .izq .nota1 .titulo {    font-size: 36px;    line-height: 40px;}



    .sliderBodegas li .contflechas { display: none}


    .contacto .in { width: 1000px;}
    .contacto .in .conttitular1 {    width: 100%;}
    .contMapa {    width: 520px;}
    .contacto .in .data {    width: 430px;}
    .contacto .in .data .redes {    margin-top: 0px;}

    .contNoticias .in .izq .nota1 img { width: auto; height: 100%;}


    .listaBodegas { width: 960px; }
    .listaBodegas li { width: 445px; }
    .listaBodegas li .contFoto {    height: 310px;}
    .listaBodegas li .contLogo {    top: 190px;}
    .listaBodegas li:hover .contLogo {    top: 190px;}

    .listaSust{ width: 90%}

    .sliderProvincias .cu .izq .cont {    left: 55%; }
    .sliderProvincias2 .cu .in .raya {    width: 10px;}
    .sliderProvincias .cu .izq .mapa {    width: 55%;}

    .infoProvincia .in { width: 900px;}

    header .logo {    width: 200px;}


}

@media screen and (max-width:1080px){

    .contNotas .nota1 .izq p.tx span {            font-size: 24px}

    .elvideo { display: none}
    .cont01 { background-image: url(../img/back-video.jpg); background-size: cover; background-position:  center center;}

    .cont-languaje {  background-image: url(../img/back-video.jpg); background-size: cover; background-position:  center center;}

    header nav ul.menuPrincipal { display: none}
    .menuMob { display: block}

    .seccion .in .contSeccion p.sec {    font-size: 14px;}
    .seccion .in .contSeccion h3 {    font-size: 48px;}
    .contFotoSeccion {    height: 350px;}
    .documentos .listaDocumentos .cu .contFoto {    height: 220px;     margin-bottom: 12px;}
    .documentos .listaDocumentos .cu p {    font-size: 16px;        line-height: 18px;}
    .linksFoot {    padding: 75px 0px; padding-top: 120px}
    .linksFoot .in {        width: 100%; padding-bottom: 0px}
    .linksFoot .in p.sec {    width: 100%; text-align: center}
    .linksFoot .in h3 {    width: 100%; text-align: center}
    .linksFoot .btnAnt img {    right: 15px;}
    .linksFoot .btnAnt:hover { width: 60px}
    .linksFoot .btnAnt:hover img  { right: 15px}
    .linksFoot .in .btnLinks {    position: relative;    top: 0%;    transform: translateY(0%);    right: inherit;    margin-left: 50%;    transform: translateX(-50%);    margin-top: 30px;}
    .linksFoot .btnAnt {    width: 160px;    height: auto; min-height: 80px;    top: 20px; transform: translateY(0%)}
    .linksFoot .btnAnt:hover { width: 160px}



    .linksFootBodegas {    padding: 75px 0px; padding-top: 120px}
    .linksFootBodegas .in {        width: 100%; padding-bottom: 0px}
    .linksFootBodegas .in p.sec {    width: 100%; text-align: center}
    .linksFootBodegas .in h3 {    width: 100%; text-align: center}
    .linksFootBodegas .btnAnt img {    right: 15px;}
    .linksFootBodegas .btnAnt:hover { width: 60px}
    .linksFootBodegas .btnAnt:hover img  { right: 15px}
    .linksFootBodegas .in .btnLinks {    position: relative;    top: 0%;    transform: translateY(0%);    right: inherit;    margin-left: 50%;    transform: translateX(-50%);    margin-top: 30px;}
    .linksFootBodegas .btnAnt {    width: 160px;    height: auto; min-height: 80px;    top: 20px; transform: translateY(0%)}
    .linksFootBodegas .btnAnt:hover { width: 160px}



    .seccion2 .in p.sec {    font-size: 14px;}
    .seccion2 .in h3 {    font-size: 48px;}

    .aresdegestion .listaAreas .cu .contFoto {    height: 220px;     margin-bottom: 12px;}
    .aresdegestion .listaAreas .cu p {    font-size: 16px;        line-height: 18px;}
    .aresdegestion .listaAreas .cu .contFoto p {    bottom: 15px;    left: 15px;    right: 15px; }


    .navMob { height: auto; overflow: visible}
    .closeMob {height: auto; overflow: visible}
    .menuMob { height: auto; overflow: visible}

    .sliderNota { margin-top: 70px;}
    .contTextosCentrado {    width: 75%;}


    .headNoticias .contFoto .foto {    width: auto;    height: 100%;}
    .headNoticias .contData p.tit {    font-size: 48px;    line-height: 55px;}
    .listanoticias {    width: 780px;}
    .listanoticias li .foto {    width: 320px;    height: 200px;}
    .listanoticias li .txt {    width: 428px;  padding-bottom: 60px;}
    .listanoticias li .txt .categoria {    padding-top: 0px;    padding-bottom: 5px;}

    .listaTrabaja {    width: 780px;}
    .listaTrabaja li .foto {    width: 320px;    height: 200px;}
    .listaTrabaja li .txt {    width: 428px;  padding-bottom: 60px;}
    .listaTrabaja li .txt .categoria {    padding-top: 0px;    padding-bottom: 5px;}
    .listaTrabaja li .txt .titulo {    font-size: 30px;    margin-top: 15px;}
    .listaTrabaja li .txt .articulo {    font-size: 16px;    line-height: 23px;    margin-top: 10px;}



    .fotoNoticiaInt { }
    .fotoNoticiaInt img {  height: 100%;width:auto;}
    .contNoticiaInt {    width: 780px;    margin-top: 35px;}
    .contNoticiaInt .titulo {    width: 100%;    font-size: 54px;    line-height: 60px;}
    .contNoticiaInt .cont2 .bajada {    width: 610px;}
    .contNoticiaInt .cont2 .bajada p {    font-size: 24px;    line-height: 29px;}


    .otrasnoticias .listaOtrasNews .cu .contFoto {    height: 130px;}


    .cont01 h3 {    font-size: 6.8vw;    line-height: 7.4vw;}
    .cont01 p.bajada {    font-size: 3.1vw;    line-height: 3.7vw;}

    .quienes .inQuienes .der img {  }
    .quienes .inQuienes .izq h3 {    padding-top: 60px; font-size: 38px}
    .quienes .inQuienes .izq p.txt {    font-size: 18px;    line-height: 27px;}

    .contNoticias .in .der .nota2 .titulo {    font-size: 18px;    line-height: 24px;}
    .contNoticias .in .izq .nota1 .titulo {    font-size: 26px;    line-height: 31px;}
    .contNoticias .in .izq .nota1 .raya {    margin-top: 23px;    margin-bottom: 10px;}
    .contNoticias .btnVermas {    bottom: 5px;}

    .contNumeros .listaNumeros {    width: 80%;}
    .contNumeros .listaNumeros .cu .izq {    width: 40%;}
    .contNumeros .listaNumeros .cu .izq img { }
    .contNumeros .listaNumeros .cu .der {    width: 50%;}


    .sliderBodegas li .cadabodega {   width: 750px;}
    .sliderBodegas li .cadabodega .izq {    width: 340px;}
    .sliderBodegas li .cadabodega .der {    width: 370px;    left: 360px;}

    .contNotas .nota1 {    margin-top: 100px;}
    .contNotas .nota1 .izq h4 {    font-size: 33px;    line-height: 42px;}
    .contNotas .nota1 .izq p.tx {    font-size: 18px;    line-height: 26px;}
    .contNotas .nota2 .der p.tx { font-size: 18px;    line-height: 26px;}
    .contNotas .nota1 .der {    margin-top: 60px;}

    .btnNegroIn .p1 {    font-size: 14px;}
    .btnNegroIn {        width: 250px;}

    .modalDirectorio .contMiembro { width: 760px; }
    .modalDirectorio .contMiembro .inD {    width: 86%;}
    .modalDirectorio .contMiembro .inD .izq {    width: 330px;}
    .modalDirectorio .contMiembro .inD .der { width: 300px}
    .modalDirectorio .contMiembro .inD .der .cFoto {    height: 390px;}
    .modalDirectorio .close {    right: 0px;}
    .modalDirectorio .contMiembro .inD .izq h5 {    font-size: 38px;    line-height: 40px;}
    .modalDirectorio .contMiembro .inD .izq .bio {    font-size: 13px;    line-height: 22px;}

    .contacto {    margin-top: 0px;}
    .contacto .in { width: 780px;}
    .contMapa {    width: 430px;}
    .contacto .in .data {    width: 310px;}

    .contForm .in {    width: 780px;}
    .contForm .in .campo {        width: 355px;}
    .contForm .in .eltext {        width: 750px;}

    .listaBebidas li {opacity: 1; height: 210px}
    .listaBebidas li:hover .logo { top: 0px}


    .listaBodegas { width: 760px;}
    .listaBodegas li { width: 740px; }
    .listaBodegas li .contFoto {    height: 440px;}
    .listaBodegas li .contLogo {    top: 310px;}
    .listaBodegas li:hover .contLogo {    top: 310px;}

    .listaSust ul li {  width: 33%}

    .documentos .listaDocumentos .cu .contFoto .pBlanco {   right: 5px;}
    .sliderProvincias2 { width: 90%;}
    .sliderProvincias2 .cu .in .raya { display: none}

    .sliderProvincias .cu .izq {    width: 50%;}
    .sliderProvincias .cu .der {    width: 50%;}
    .sliderProvincias2 .cu .in p {    padding: 14px 4px; font-size: 14px;}

    .infoProvincia .in { width: 750px;}

    .errores .in { text-align: center}

}



@media screen and (max-width:840px){

    .contNotas .nota1 .izq p.tx span {            font-size: 23px}

    header {  min-height: 45px;}
    .seccion {    margin-top: 55px;}
    header .logo { display: none}
    header .logoM {   display: block}
    .seccion .in .contSeccion p.sec {    font-size: 14px;}
    .seccion .in .contSeccion h3 {    font-size: 44px;}
    .seccion .in .btnBlanco p.p1 {    display: none;}
    .seccion .in .btnBlanco {    padding: 22px 10px;    padding-right: 36px;}

    .contFotoSeccion {    height: 310px;}
    .documentos .listaDocumentos .cu .contFoto {    height: 250px;  }
    .documentos .listaDocumentos .cu .in {    width: 95%;}



    .seccion2 {    margin-top: 55px;}
    .seccion2 .in p.sec {    font-size: 14px;}
    .seccion2 .in h3 {    font-size: 44px;}
    .seccion2 .in .btnBlanco p.p1 {    display: none;}
    .seccion2 .in .btnBlanco {    padding: 22px 10px;    padding-right: 36px;}

    .contTextos2 { width: 70%}
    .contTextos2 .izq {    width: 100%; margin-bottom: 50px}
    .contTextos2 .der {    width: 100%;}
    .contTextos2 p.titu {    padding-top: 5px;}

    .aresdegestion .listaAreas .cu .contFoto {    height: 250px;  }
    .aresdegestion .listaAreas .cu .contFoto p {    bottom: 10px;    left: 12px;    right: 12px;    font-size: 18px;    line-height: 19px;}
    .aresdegestion .listaAreas .cu .in {    width: 95%;}

    .parallax-mirror { display: none !important}
    .contFotoSeccion { /*display: none !important*/width:100%;}
    .contFotoSeccionMob { display: block; width: 90%; margin: auto; height: 350px; margin-bottom: 50px;}

    .footdesk { display: none}
    footer .in {    text-align: left;}
    footer .in .logo {    margin-top: 32px;}
    footer .lista2 { display: none}
    footer .in .legal {    width: 100%;  }
    footer .listaRedes { display: none}
    footer .in .sube {    width: 60px;}
    footer .in .contLegalRedes .data {  }


    .sliderNota { margin-top: -70px;}
    .contTextos2 p.intro {    padding-top: 0px;}
    .contTextosCentrado {    width: 70%;}


    .headNoticias .in {    padding-top: 55px;}
    .headNoticias .in .contSeccion h3 {    font-size: 44px;}
    .headNoticias .contData p.tit {    font-size: 40px;    line-height: 46px;}
    .listanoticias {    width: 560px;}
    .listanoticias li .foto {    width: 100%;    height: 310px;}
    .listanoticias li .txt {    width: 100%;    padding-bottom: 60px;    margin-left: 0px;    padding-top: 25px;}
    .listanoticias li .txt .titulo { width: 100%}


    .listaTrabaja {    width: 560px;}
    .listaTrabaja li .foto {    width: 100%;    height: 310px;}
    .listaTrabaja li .txt {    width: 100%;    padding-bottom: 60px;    margin-left: 0px;    padding-top: 25px;}
    .listaTrabaja li .txt .titulo { width: 100%}


    .headNoticias .btnNegro {    margin-bottom: 0px;    padding: 22px;}
    .headNoticias .btnNegro p.p1 { display: none}

    .headNoticias .contData .btnNegro { margin-bottom: 10px;     padding: 14px 10px; padding-right: 55px;}
    .headNoticias .contData .btnNegro p.p1 {    display: block;}

    .fotoNoticiaInt {  height: 300px}
    .contNoticiaInt {    width: 620px;}
    .contNoticiaInt .titulo {    font-size: 45px;    line-height: 52px;}
    .contNoticiaInt .cont2 .bajada {    width: 448px;}

    .otrasnoticias .listaOtrasNews .cu .contFoto {    height: 160px;}


    .quienes .inQuienes .izq h3 {    padding-top: 40px;    font-size: 34px;}
    .quienes .inQuienes .izq p.txt {    font-size: 16px;    line-height: 25px;}

    .contPremios h3 {    font-size: 5.5vw;    line-height: 7.8vw;}

    .contPremios .listaPremios {    width: 70%;}

    .contNoticias .in .der .nota2 .titulo {    font-size: 18px;    line-height: 25px;}
    .contNoticias .in .izq .nota1 .titulo {    font-size: 30px;    line-height: 36px;}

    .contNoticias .in {    width: 500px; margin-top: 90px;}
    .contNoticias .in .izq {    width: 100%; float: inherit}
    .contNoticias .in .der { width: 100%; float: inherit}
    .contNoticias .in .der .nota2 {    width: 48%;    margin-left: 1%;        margin-right: 1%;}

    .contNumeros h3 {  font-size: 5.5vw;    line-height: 7.8vw;}


    .contNumeros .listaNumeros {    width: 380px}
    .contNumeros .listaNumeros .cu .izq {    width: 40%;}
    .contNumeros .listaNumeros .cu .izq img {    width: auto;    height: 100%;    max-height: inherit;}
    .contNumeros .listaNumeros .cu .der {    width: 55%;}

    .sliderBodegas li .cadabodega {   width: 400px;height: auto;}
    .sliderBodegas li .cadabodega .izq {    width: 400px; margin-bottom: 30px;}
    .sliderBodegas li .cadabodega .der {    width: 400px;    left:inherit; position: relative; transform: translateY(0%); top: 0%; text-align: center;}


    .contNotas .nota1 .izq p.tx {    font-size: 16px;    line-height: 23px;}
    .contNotas .nota2 .der p.tx {font-size: 16px;    line-height: 23px;}
    .contNotas .nota1 .izq {    width: 80%;; float: inherit; margin-bottom: 40px;}
    .contNotas .nota1 .der {    width: 100%;    float: inherit;    margin: auto;}
    .contNotas .nota1 .der .contFoto {    width: 400px;    height: auto;    overflow: hidden;     margin: auto; margin-bottom: 30px;}
    .contNotas .nota2 .izq {    width: 80%;    float:inherit;}
    .contNotas .nota2 .der {    width: 80%;    float:inherit; }

    .modalDirectorio .contMiembro { width: 90%;     height: auto;    padding-bottom: 40px; }
    .modalDirectorio .contMiembro .inD .der { display: none}
    .modalDirectorio .contMiembro .inD .izq {    width: 100%;}
    .modalDirectorio .contMiembro .inD .izq h5 {    font-size: 41px;    line-height: 47px;}
    .modalDirectorio .contMiembro .inD .izq .bio {    font-size: 16px;    line-height: 25px;}


    .contacto .in { width: 620px;}
    .contMapa {    width: 100%; height: 400px;}
    .contacto .in .data {    width: 100%;}
    .contacto .in .data img { display: none}
    .contacto .in .data .localidad { color: #333;}
    .contacto .in .data .direccion {color: #333;}
    .contacto .in .data .telef {color: #333;}
    .contacto .in .data .lab {color: #333;}
    .contacto .in .data .redes li img { display: block}


    .contForm .in {    width: 86%;}
    .contForm .in .campo {        width: 97%;}
    .contForm .in .eltext {        width: 97%;}



    .listaBodegas { width: 580px;}
    .listaBodegas li { width: 560px; }
    .listaBodegas li .contFoto {    height: 380px;}
    .listaBodegas li .contLogo {    top: 250px;}
    .listaBodegas li:hover .contLogo {    top: 250px;}

    .listaSust ul li {  width: 50%}


    .edad .in h5 {    font-size: 35px;    padding-bottom: 24px;}
    .edad .in {    width: 380px;    padding: 50px 0px;}
    .edad .footEdad .copy {    font-size: 10px;    line-height: 15px; margin: 20px;    margin-right: 0px;    margin-top: 27px; }
    .edad .footEdad .contRedes .icRed {    margin-right: 4px;}

    .sliderProvincias {    width: 80%;    margin: auto; margin-bottom: 110px !important;}
    .sliderProvincias2 { display: none !important}
    .sliderProvincias .cu .izq {    width: 100%; margin-left: -1px;}
    .sliderProvincias .cu .izq .mapa {    width: 45%}
    .sliderProvincias .cu .izq .mapa img {    top: 0%;    transform: translate(-50%,0%);}
    .sliderProvincias .cu .izq .cont {    left: 45%; width: 55%;}
    .sliderProvincias .cu .der { display: none}
    .sliderProvincias  .slick-dots {    bottom: -40px;}


    .infoProvincia .in { width: 90%; }
    .infoProvincia .in .der p { margin-top: 60px; text-align: left; }


    .contPresencia p.nota {    width: 48%;}
    .contPresencia .numeros {    width: 44%;}
    .contPresencia .numeros img {    margin-top: 15px;}
    
    .pop-covid .in { width: 70%;    height: 80%;    max-height: initial;}
    .pop-covid .in .textos { overflow-y: scroll; overflow-x: hidden}
    .pop-covid .in p {    font-size: 14px;    line-height: 23px;    padding-right: 25px;}

}


@media screen and (max-width:680px){

    .contNotas .nota1 .izq p.tx span {            font-size: 20px}

    .cont01 { background-image: url(../img/back-video2.jpg);}

    .navMob .listaNavMob li h5 {    font-size: 28px;}
    .navMob .listaNavMob li {    margin-bottom: 5px;}
    .navMob .listaRedesHM li img {    width: 32px;}

    .menuMob p { display: none}
    .closeMob p { display: none}

    .seccion .in {    padding-top: 80px; width: 90%}
    .seccion .in .contSeccion h3 {  font-size: 38px;  width: 100%; text-align: center}
    .seccion .in .contSeccion p.sec { ; width: 100%; text-align: center}
    .seccion .btnSeccion {    position: relative; right: inherit; margin-top: 30px; margin-left: 50%; transform: translateX(-50%); }
    .contFotoSeccion {    height: 260px;}
    .seccion .in .contSeccion {    margin-bottom: 50px;}
    .contTextos {    width: 75%;}
    .documentos .listaDocumentos { }
    .documentos .listaDocumentos .cu {  width: 49%; margin-bottom: 30px}
    .documentos .listaDocumentos .cu .contFoto {    height: 190px;}
    .linksFoot .in { width: 90%     }
    .linksFoot .in h3 {    font-size: 38px;    width: 100%;}
    .linksFoot .in p.sec {    width: 100%;}

    .seccion2 {  padding-top: 90px; padding-bottom: 50px}
    .seccion2 .in {    width: 90%}
    .seccion2 .in h3 {  font-size: 38px;   ; width: 100%; text-align: center}
    .seccion2 .in p.sec {    width: 100%; width: 100%; text-align: center}
    .seccion2 .in .btnSeccion { position: relative; right: inherit; margin-top: 30px; margin-left: 50%; transform: translateX(-50%); }

    .contTextos2 { width: 80%}

    .aresdegestion .listaAreas { }
    .aresdegestion .listaAreas .cu {  width: 49%; margin-bottom: 30px}
    .aresdegestion .listaAreas .cu .contFoto {    height: 250px;}

    .contTextos p.intro2 {    font-size: 24px;    line-height: 33px;}
    .documentos .listaDocumentos {padding-bottom: 15px}

    .contFotoSeccionMob { width: 100%; height: 400px }
    .contFotoSeccionMob .fotoSeccionMob { height: 100%; width: auto}

    footer {    padding-bottom: 30px;}
    footer .in .contLegalRedes {    padding: 0px 0px;}
    footer .in .legal { text-align: center}
    footer .in .contLegalRedes .data {    position: relative;    right: inherit;    top: inherit;    width: 40px;    margin-top: 25px;    margin-left: 50%; transform: translateX(-50%);}

    .sliderNota { margin-top: 40px;}
    .contTextosCentrado {    width: 80%;}

    .headNoticias .in .contSeccion {    width: 90%;    text-align: center;}
    .headNoticias .in .contSeccion p.sec { width: 100%}
    .headNoticias .in .contSeccion h3 { width: 100%; font-size: 38px;}
    .headNoticias .btnNegro {    position: relative;    right: inherit;  margin-top: 40px}
    .headNoticias .in .contSeccion {    margin-bottom: 20px;}
    .headNoticias .contData p.lin1 {    font-size: 14px;}
    .headNoticias .contData p.tit {    font-size: 32px;    line-height: 37px;}

    .listanoticias {    width: 390px;}
    .listanoticias li .foto {    width: 100%;    height: 210px;}
    .listanoticias li .txt .titulo {    font-size: 28px;    line-height: 34px;}

    .listaTrabaja {    width: 390px;}
    .listaTrabaja li .foto {    width: 100%;    height: 210px;}
    .listaTrabaja li .txt .titulo {    font-size: 28px;    line-height: 34px;}
    .listaTrabaja li .btnNegro {    bottom: 0px;}

    .headNoticias .contData .btnNegro { margin-top: 20px}


    .fotoNoticiaInt {  height: 260px}
    .contNoticiaInt {    width: 420px;}
    .contNoticiaInt .titulo {    font-size: 34px;    line-height: 40px;}
    .contNoticiaInt .cont2 .bajada p {    font-size: 18px;    line-height: 24px;}
    .contNoticiaInt .cont2 .bajada {    width: 258px;}


    .otrasnoticias .listaOtrasNews .cu .contFoto {    height: 110px;}




    .enviado .lb { width: 400px;}
    .enviado .lb .in {    width: 340px; padding-top: 80px;}
    .enviado .lb .p1 {    width: 215px;    font-size: 27px;    line-height: 32px;    padding-top: 5px;}

    .cont01 h3 {    font-size: 7.8vw;    line-height: 8.8vw;}
    .cont01 p.bajada {    font-size: 3.7vw;    line-height: 4.5vw;}

    .quienes .inQuienes .izq h3 {    font-size: 30px;}
    .quienes .inQuienes .izq p.txt {    font-size: 16px;    line-height: 24px;}
    .quienes .inQuienes .izq {    width: 100%;    float:inherit;}

    .quienes .inQuienes .der img {    margin-top: 34px;}
    .quienes .inQuienes .der {    width: 100%;    float:inherit}

    .contPremios .listaPremios {    width: 75%;}
    .contPremios .listaPremios .cu {    height: 110px;}
    .contPremios .listaPremios .cu .izq {    height: 110px;}
    .contPremios .listaPremios .cu .der {    height: 110px;}

    .contNoticias .in {    width: 380px;}
    .contNoticias .in .der .nota2 {    width: 100%;    margin-left: 0%;    margin-right: 0%; margin-bottom: 30px;}
    .contNoticias .in .der .nota2 .titulo {    font-size: 22px;    line-height: 31px;}

    .sliderBodegas li .cadabodega {   width: 320px;}
    .sliderBodegas li .cadabodega .izq {    width: 320px;}
    .sliderBodegas li .cadabodega .der {    width: 320px;}

    .contNotas .nota1 {    width: 100%;    margin-top: 0px;    margin-left: 0%;}
    .contNotas .nota1 .izq h4 {    font-size: 26px;    line-height: 33px;}
    .contNotas .nota1 .izq p.tx {    font-size: 15px;    line-height: 22px;}
    .contNotas .nota1 .izq {    width: 80%; margin-left: 10%;}

    .contNotas .nota2 {    width: 100%;    margin-top: 0px;    margin-left: 0%;}
    .contNotas .nota2 .der p.tx {    font-size: 15px;    line-height: 22px;}
    .contNotas .nota2 .izq {    width: 80%;        margin-left: 10%;}
    .contNotas .nota2 .der {    width: 80%;    margin-left: 10%;}

    .listaDirectores { margin-top: 70px;}
    .contNumeros .listaNumeros {    width: 360px;}
    .contNumeros .listaNumeros .cu .der {    width: 53%;}


    .contacto .in { width: 420px;}
    .contacto .in h3 {    font-size: 45px;}
    .contacto .in .conttitular1 {    text-align: center;}
    .contacto .in .btnSeccion {    position: relative;    top: inherit;    right: inherit;    margin-top: 35px;}



    .listaBodegas { width: 400px;}
    .listaBodegas li { width: 380px; }
    .listaBodegas li .contFoto {    height: 260px;}
    .listaBodegas li .contLogo {    top: 220px; left: 20px;}
    .listaBodegas li:hover .contLogo {    top: 220px}
    .listaBodegas li p.nombre { display: none;}

    .listaSust ul {    width: 90%;        margin: auto; margin-bottom: 60px;}
    .listaSust ul li {  width: 100%}
    .contTextosCentrado h5 {    font-size: 32px;    padding-bottom: 18px;}
    .listaSust h3 {    font-size: 22px; line-height: 28px;}

    .documentos .listaDocumentos .cu .contFoto .pBlanco {    font-size: 21px;        line-height: 25px; right: 5px;}
    .documentos .listaDocumentos .cu .btnNegro .p1 {    font-size: 14px;}

    .edad .footEdad { height: auto; padding-bottom: 10px}
    .edad .footEdad .copy {  width: 90%; text-align: center; margin: 0px; margin: auto; margin-top: 20px; float: none; position: relative}
    .edad .footEdad .contRedes .data {    height: 50px;}
    .edad .footEdad .contRedes {    width: 120px;    float: none;    position: relative;    margin: auto;    margin-top: 10px;}



    .documentos2 .listaDocumentos .cu .contFoto .contP { bottom: 0px  !important;}
    .documentos2 .listaDocumentos .cu .contFoto .sello { top: 65px  !important;}
    .documentos2 .listaDocumentos .cu .contFoto img {    opacity: 1 !important;}

    .contTextosCentrado2 p.linkedin {    padding-top: 40px;    padding-left: 12px; float: left; margin-right: 100px;}

    .sliderProvincias { width: 336px; height: 510px;}
    .sliderProvincias .cu .izq { width: 100%;}
    .sliderProvincias .cu .izq .mapa {    display: none;}
    .sliderProvincias .cu .izq .cont {    position: absolute;    left: 0%;    top: 0%;    transform: translateY(0%);    width: 100%;}

    .infoProvincia .in { width: 90%;}
    .infoProvincia .in .der p {  padding: 0; margin-top: 50px; text-align: center; }
    .infoProvincia .in .izq { width: 60%; float: none; margin: auto; padding: 0; }
    .infoProvincia .in .der { width: 80%; float: none; margin: auto; text-align: center; margin-bottom: 50px; padding: 0; }

    .contPresencia p.nota {    width: 100%;}
    .contPresencia .numeros {    width: 100%; margin-top: 20px; margin-bottom: 50px; text-align: center}
    .contPresencia .numeros img { float: none; display: inline-block}

    .errores .in h3 {    font-size: 48px;  }
    .errores .in p {    font-size: 24px;}



    	
    .cont-languaje .in {    width: 360px;    padding: 35px 20px;}
    .cont-languaje .in .logo {    width: 320px;}
    
    .cont-languaje .footer .contLegalRedes {    padding: 10px 0px;}
    .cont-languaje .footer .legal {    font-size: 10px;    line-height: 15px;    width: 200px;}
    .cont-languaje .footer .contLegalRedes .data {    top: 10px;}
    .cont-languaje .footer .listaRedes {    margin-right: 60px;    margin-top: 15px;}
    
    .pop-covid .in { width: 90%; max-width: 600px; height: 80%;}
    .pop-covid .in .textos { overflow-y: scroll; top: 13%; height: 78%}
    .pop-covid .in .close { right: 10px; width: 50px; top: 10px}

}

@media screen and (max-width:480px){


    .navMob .listaNavMob li {    margin-bottom: 0px;}
    .navMob .listaNavMob li h5 {    font-size: 22px; width: 96%;     padding-top: 8px;    padding-bottom: 13px;}
    .navMob .listaNavMob li p {    font-size: 16px;    margin-bottom: 10px;}
    .navMob .listaNavMob li span {    padding-top: 12px;}
    .navMob .lista2 li.cu {    padding-right: 12px; margin-bottom: 0px}
    .navMob .lista2 li.cu p {    font-size: 14px;}
    .navMob .listaNavMob li .icon {    width: 30px;    top: 7px;}

    .seccion .in .contSeccion p.sec {    font-size: 13px;    letter-spacing: 1px;}
    .seccion .in .contSeccion h3 {  font-size: 33px;}
    .contFotoSeccion {    height: 180px;}
    .seccion .fondoSeccion {    height: 325px;}
    .documentos .listaDocumentos .cu .contFoto {    height: 250px;}
    .documentos .listaDocumentos .cu .in {    width: 100%;}
    .documentos .listaDocumentos {padding-bottom: 5px}
    .linksFoot .in { width: 90%; padding-top: 40px    }
    .linksFoot .in h3 {    font-size: 32px; text-align: left  }
    .linksFoot .in p.sec {  font-size: 13px;    letter-spacing: 1px; text-align: left}
    .linksFoot .in .btnLinks {    margin-left: 0%;    transform: translateX(0%);}


    .linksFootBodegas .in { width: 90%; padding-top: 40px    }
    .linksFootBodegas .in h3 {    font-size: 32px; text-align: left  }
    .linksFootBodegas .in p.sec {  font-size: 13px;    letter-spacing: 1px; text-align: left}
    .linksFootBodegas .in .btnLinks {    margin-left: 0%;    transform: translateX(0%);}

    .seccion2 .in p.sec {    font-size: 13px;    letter-spacing: 1px;}
    .seccion2 .in h3 {  font-size: 33px;}

    .aresdegestion .listaAreas .cu .contFoto {    height: 250px;}
    .aresdegestion .listaAreas .cu .contFoto p {   font-size: 16px;    line-height: 18px;}
    .contTextos p.intro2 {    font-size: 21px;    line-height: 29px;}
    .aresdegestion .listaAreas .cu .in {    width: 100%;}

    .contFotoSeccionMob { height: 350px ; width: 100%}
    .contFotoSeccionMob .fotoSeccionMob { height: 100%; width: auto}

    footer .in .logo {    width: 200px; margin-top: 20px}
    footer .in .lista2M li p {    font-size: 13px;; letter-spacing: 0px}
    footer .in .listaFootMob li h5 {    font-size: 20px;}
    footer .in .listaRedesM li img {    width: 28px;}
    footer .in .listaFootMob {        width: 73%;}
    footer .in .sube .btnSube {    width: 30px;    height: 30px;}
    footer .in .sube {    width: 46px;        height: 60px;}

    .headNoticias .contFoto {    height: 230px;}
    .headNoticias .contData p.lin1 {    padding-top: 25px;    font-size: 13px;}
    .headNoticias .contData p.tit {    font-size: 24px;    line-height: 29px;}
    .headNoticias .contData .btnNegro { margin-top: 0px}

    .listanoticias {    width: 270px;}
    .listanoticias p.doc {    font-size: 22px;    padding-top: 4px;}
    .listanoticias li .foto {    height: 155px;}
    .listanoticias li .txt .titulo {    font-size: 22px;    line-height: 29px;}
    .listanoticias li .txt {    padding-bottom: 40px;}
    .listanoticias li .txt .fecha {    font-size: 13px;    bottom: 16px;}


    .listaTrabaja {    width: 290px;}
    .listaTrabaja li .foto {    height: 170px;}
    .listaTrabaja li .txt .titulo {    font-size: 22px;    line-height: 29px;}



    .fotoNoticiaInt {  height: 220px}
    .contNoticiaInt {    width: 280px;}
    .contNoticiaInt .titulo {    font-size: 28px;    line-height: 34px;}
    .contNoticiaInt .cont2 .fecha {    width: 100%;}
    .contNoticiaInt .cont2 .bajada {    width: 90%; margin-top: 40px ; padding-left: 12px;   }
    .contNoticiaInt .cont2 .bajada p {    font-size: 20px;    line-height: 27px;}


    .otrasnoticias .listaOtrasNews .cu .contFoto {    height: 140px;}



    .enviado .lb { width: 300px;}
    .enviado .lb .in {    width: 260px;}
    .enviado .lb .ok {    width: 50px;    margin-right: 12px;}
    .enviado .lb .p1 {    width: 190px;    font-size: 20px;    line-height: 24px;    padding-top: 0px;}
    .enviado .lb .p2 {    font-size: 30px;    line-height: 35px;}

    .cont01 h3 {    font-size: 8.4vw;    line-height: 9.6vw;}
    .cont01 p.bajada {    font-size: 4.3vw;    line-height: 5vw;}

    .quienes .inQuienes .izq h3 { font-size: 30px; padding-bottom: 20px;}
    .quienes .inQuienes .izq p.txt { font-size: 16px; line-height: 24px;}

    .contPremios h3 {    font-size: 5.5vw;    line-height: 7.8vw;}

    .contPremios .listaPremios .cu { margin: 0px;}
    .contPremios .listaPremios {    width: 90%;}
    .contPremios .listaPremios .cu .der p {    font-size: 16px;    line-height: 19px;}
    .contPremios .slick-next {    right: -40px;}
    .contPremios .slick-prev {    left: -40px;}


    .contNoticias .in {    width: 300px;}

    .contNoticias .in .izq .nota1 .titulo {    font-size: 22px;    line-height: 29px;}
    .contNoticias .in .izq .nota1 {    height: 370px;}


    .sliderBodegas li .cadabodega {   width: 280px;}
    .sliderBodegas li .cadabodega .izq {    width: 280px;}
    .sliderBodegas li .cadabodega .der {    width: 280px;}

    .contNotas .nota1 .der .contFoto {    width: 300px; }
    .contNumeros .listaNumeros .cu {  height: 100px}
    .contNumeros .listaNumeros .cu .izq {  height: 100px}
    .contNumeros .listaNumeros .cu .izq img {    width: 100%;    height: auto;}
    .contNumeros .listaNumeros {    width: 280px; }
    .contNumeros .listaNumeros .cu .der {  height: 100px}

    .contNumeros .btnNegro1 p.p1 {    font-size: 12px;}

    .sliderBodegas li .cadabodega .der h4 {    font-size: 30px;}
    .sliderBodegas li .cadabodega .der p.desc {    font-size: 15px;        line-height: 24px;}

    .modalDirectorio .contMiembro .inD .izq .puesto2 {    font-size: 16px;    line-height: 20px;}
    .modalDirectorio .contMiembro .inD .izq h5 {    font-size: 36px;    line-height: 43px;}
    .modalDirectorio .contMiembro .inD .izq .bio {    font-size: 15px;    line-height: 23px;}


    .contacto .in { width: 300px;}
    .contacto .in h3 {    font-size: 36px;}

    .contTextos p.intro {  font-size: 20px; line-height: 26px; }
    .contTextos p.titular { font-size: 28px; line-height: 34px  }


    .listaBodegas { width: 300px;}
    .listaBodegas li { width: 280px; }
    .listaBodegas li .contFoto {    height: 195px; margin-bottom: 20px;}
    .listaBodegas li .contLogo {    top: 170px; left: 10px; width: 100px; height: 100px;}
    .listaBodegas li .contLogo img { width: 100%;}
    .listaBodegas li:hover .contLogo {    top: 170px}


    .documentos .listaDocumentos .cu .contFoto .pBlanco {    font-size: 28px;        line-height: 34px;}

    .documentos .icono {    margin-right: 5px;        margin-left: 5px;}
    .documentos p.doc {    font-size: 22px;    padding-top: 2px;}

    .edad .footEdad { height: auto; padding-bottom: 10px}
    .edad .footEdad .copy {    font-size: 8px;    line-height: 14px;}
    .edad .in {     padding: 40px 0px; top: 48%;   width: 80%;    padding: 35px 0px;    top: 48%;}
    .edad .logo {    top: 17%;}
    .edad .footEdad .contRedes .data {    height: 40px;}
    .edad .footEdad .contRedes .icRed {    margin-top: 5px;}

    .contTextosCentrado p.titu2 {    font-size: 24px;   line-height: 30px;}

    .contTextosCentrado2 p.linkedin {   margin-right: 0px;}
    .contTextosCentrado2 p.linkedin {    font-size: 14px;}

    .sliderProvincias { width: 300px; height: 470px;}

    .infoProvincia .in .izq {    width: 80%;  }

}

@media screen and (max-width:320px){

    .navMob .listaNavMob li h5 {               font-size: 19px; width: 96%;     padding-top: 8px;    padding-bottom: 13px;}
    .documentos .listaDocumentos .cu .contFoto {    height: 250px;}
    .linksFoot .in {    }
    .contFotoSeccion {    height: 150px;}
    .aresdegestion .listaAreas .cu .contFoto {    height: 250px;}

    footer .in .listaFootMob li h5 {    font-size: 18px;}

    .listanoticias {    width: 250px;}
    .listanoticias li .txt .fecha {          font-size: 11px;    bottom: 17px;}

    .contTextosCentrado2 p.linkedin {    font-size: 13px;}


        .sliderProvincias { width: 260px; height: 440px;}


}

/*07/2021*/

.pabodegas {
	width: 100%;
    height: auto;
    background: url('../img/pafonbod.jpg?a') #c0a185;
    position: relative;
    z-index: 9;
    padding-bottom: 50px;
}
.pabodegas h2 {
	text-align:center;
	color:#493a2d;
	font-size: 40px;
	padding:50px 0;
	text-transform:uppercase;
}
.pabodegas .pamarcaslogos {
	display:flex;
	flex-wrap:wrap;
	max-width:1300px;
	margin:auto;
	justify-content:center;
}
.pabodegas .pamarcaslogos div {
	width:20%;
	padding:20px 0;
	display:flex;
	align-items:center;
	justify-content:center;
}
.pabodegas .pamarcaslogos img {
	display:block;
	max-width:100%;
	width:150px;
	margin:auto;
}
.paexportamos h2 {
	text-align:center;
	font-size: 30px;
	line-height:150%;
	padding:50px 0;
	max-width:980px;
	margin:auto;
	font-weight:bold;
}
.paexportamos {
	width: 100%;
    height: auto;
	background: url('../img/pa-mapa.png') center center no-repeat #e1c5b3;
	background: url('../img/pa-mapa.png') center center no-repeat #F9E7E7;
    position: relative;
    z-index: 9;
	color:#000000;
    padding: 90px 0;
}
.paexportamoscua {
	display:flex;
	flex-wrap:wrap;
	max-width:980px;
	margin:auto;
	justify-content:center;
}
.paexportamoscua div {
	width:27%;
	margin:3%;
	text-align:center;
	font-size: 20px;
}
.paexportamoscua div span {
	max-width:250px;
    display: block;
    margin: auto;
}
.pamedalla:before,.pabarrica:before, .pauvas:before, .pabotella:before, .pacopa:before {
	content:'';
	display:block;
	height:60px;
	width:60px;
	margin:0 auto 15px auto;
}
.pamedalla:before {
	background:url('../img/pa-medalla.svg') center center no-repeat;
}
.pacopa:before {
	background:url('../img/pa-copa.svg') center center no-repeat;
}
.pabarrica:before {
	background:url('../img/pa-barrica.svg') center center no-repeat;
}
.pauvas:before {
	background:url('../img/pa-uvas.svg') center center no-repeat;
}
.pabotella:before {
	background:url('../img/pa-botella.svg') center center no-repeat;
}
.panoticiasmod {
	background:url('../img/back-notas.jpg') center center no-repeat;
	background-size:cover;
    position: relative;
    z-index: 9;
	padding:4%;
}
.panoticiasmod h2 {
	color:#fff;
	font-size: 24px;
	padding:10px;	
}
.panoticiasmod .in {
	border:1px solid #000;
	background:#404040;
	max-width:1100px;
	margin:auto;
	padding:40px;
}
.panoticiasmod .in > div {
	display:flex;
	justify-content:space-between;
	padding:15px;
}
.panota .pabajada {
	color:#fff;
	text-align:left;
	padding:0px 15px 20px 15px;
}
.panota .pabajada p {
	text-align:left;
	line-height:120%;
	font-size: 14px;
}
.panota .titulo {
	color:#fff;
	font-size: 20px;
	line-height:120%;
	padding:30px 15px 10px 15px;
	font-family:'Poppins', sans-serif;
}
.panota em {
	font-family:'Poppins', sans-serif;
}
.panota {
	width:30%;
}
.pacenter {
	display:flex;
	justify-content:center;
	padding:20px;
}
.paimgreco {
	position:relative;
	padding-top:50%;
	overflow:hidden;
	background-position:center center;
	background-size:cover;
}
.paimgreco img {
	display:none;
}
.papresint {
	padding:10px 0;
}
@media (max-width:1000px) {
	.paexportamos {
		background-size:100% auto;
		padding:50px 0;
	}
	.paexportamos h2 {
		font-size:30px;
		padding:10px;
	}
}
@media (max-width:500px) {
	.pabodegas h2 {
		font-size:30px;
		padding:30px 0;
	}
	.pabodegas .pamarcaslogos {
		justify-content:space-around;
	}
	.pabodegas .pamarcaslogos div {
		width:45%;
		padding:15px 0;
	}
	.pabodegas .pamarcaslogos div:nth-child(2),
	.pabodegas .pamarcaslogos div:nth-child(3),
	.pabodegas .pamarcaslogos div:nth-child(6),
	.pabodegas .pamarcaslogos div:nth-child(7) {
		padding-top:15px;
	}
	.paexportamos {
		background-position:10px center;
		padding-top: 52%;
	}
	.paexportamos h2 {
		font-size:24px;
	}
	.panoticiasmod .in {
		padding:10px;
	}
	.panoticiasmod .in > div {
		display:block;
	}
	.panota {
		width:auto;
	}
}


.panuetras {
	background:#c59f80;
	padding-bottom:5%;
}
.panuetras h2 {
	font-size:36px;
	color:#ffffff;
	text-align:center;
	padding:5% 10px 0 10px;
	text-transform:uppercase;
}
.palabod {
	max-width:850px;
	margin:5% auto 0 auto;
	background:#000;
	color:#fff;
	font-size:14px;
	display:flex;
}
.palabod > div img {
	display:block;
	margin:15%;
	width:185px;
}
.palabod > div p {
	margin:0 20px;
	padding:0 10px;
	line-height:140%;
	overflow-y:auto;
	height:330px;
}
.palabod > div p::-webkit-scrollbar {
  width: 6px;
}
.palabod > div p::-webkit-scrollbar-track {
  background: #242120;
  border-radius:3px;
}
.palabod > div p::-webkit-scrollbar-thumb {
  background: #453223;
  border-radius:3px;
}
.palabod > div {
	width:50%;
	display:flex;
	flex-direction:column;
    justify-content: space-between;
    align-items: center;
}
.palabod > div > div {
	margin:10%;
}
.palabod > img {
	width:50%;
	display:block;
}
.pabobtn {
	border:1px solid #fff;
	color:#fff;
	padding:10px;
	margin:0 10px;
	display:inline-block;
}
@media (max-width:850px) {
	.palabod > div p {
		height:200px;
	}
}
@media (max-width:600px) {
	.palabod {
		max-width:300px;
		display:block;
	}
	.palabod > div, .palabod > img {
		width:100%;
	}
	.pabobtn {
		margin:0 5px;
	}
	.palabod > div p {
		height:auto;
	}
}