/*CSS Document*/

/*
font-family: 'Titillium Web', sans-serif;
font-family: 'Judson', serif;
*/


body{background: url(../images/bodyBg.jpg) repeat top center;font-family: 'Titillium Web', sans-serif;overflow-x: hidden; position: relative;}
ul{padding: 0; list-style: none;}
a:hover{text-decoration: none;}
.container{position: relative;}

.transition {
  -webkit-transition: all 0.20s ease-in-out;
  -moz-transition: all 0.20s ease-in-out;
  -o-transition: all 0.20s ease-in-out;
  -ms-transition: all 0.20s ease-in-out;
  transition: all 0.20s ease-in-out;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.transitionSlow {
  -webkit-transition: all 2s ease-in-out;
  -moz-transition: all 2s ease-in-out;
  -o-transition: all 2s ease-in-out;
  -ms-transition: all 2s ease-in-out;
  transition: all 2s ease-in-out;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


.cookiesBar{background: #212121;display: none;}
.cookiesBar .container{ position: relative;}
.cookiesBar .closeCookiesBtn{position: absolute;top: 10px;right: 0px;color: #00a7dd;background: transparent;font-weight: 700;font-size: 31px;line-height: 1;}
.cookiesBar h2{font-size: 27px;color: #00a7dd;font-weight: 100;margin-top: 10px;margin-bottom: 5px;}
.cookiesBar p{font-size: 15px;color: #fff;font-weight: 200;margin-bottom: 15px;line-height: 1.2;}
.cookiesBar p a{text-decoration: underline;font-weight: bold;color: #fff;}

.button{ border-width: 8px; position: relative;}
.button-bg{position: absolute;top: -8px;left: -8px; z-index: 99}
.button-inner{position: relative; z-index: 100;}

.scrollup{position: fixed;bottom: 30px;z-index: 999;left: 20px;}
.scrolldown{position: fixed;left: 25px;bottom: 30px;z-index:100;}

.sepHz{width: 100%;}
.sepHz img{width: 100%;}
.sepVt{height: 100%;display: inline-block;vertical-align: top;margin: 0 5px;}
.sepVt img{height: 100%;margin-bottom: 0px !important;-webkit-filter: contrast(380%) grayscale(20%);filter: contrast(380%) grayscale(20%);}


.logoMadre{position: absolute;top: 5px;left: 0px;z-index: 200;background: #004d85;padding: 10px 18px;width: 142px;}
.logoPuleva{position: absolute;top: 15px;right: 0px;z-index: 200;}

.header{background-color: #004d85;margin:0;box-shadow: 0px 10px 60px #000;position: relative;z-index: 151;height: 36px;}
.header iframe{width: 100%; height: 712px;}
.shortcuts{position: absolute;z-index: 200;top: 50%;left: 30px;background: url(../images/shortcuts.svg) center left no-repeat;padding-left: 16px;background-size: auto 56%;}
.shortcuts a{color: #fff;display: block;margin-bottom: 15px;font-weight: 600;letter-spacing: 0px;font-size: 16px;text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.34);margin-top: 15px;}
.shortcuts a i.fa{color: #00a7dd;margin-right: 7px;font-size: 10px;vertical-align: baseline;}
.headersubbar{background:url(../images/subheaderBg.jpg) #494949;background-size: cover;color: #fff;padding: 13px 15px;font-size: 16px;height: 50px;line-height: 41px;/* box-shadow: 0px 10px 31px #000 inset; */padding: 0px 5px;}
.headersubbar2{/* float: right; */padding: 0px;width: 100%;bottom: -60px;right: 0px;position: absolute;background: none;box-shadow: none;height: 63px;}
.headersubbar2 .hastag {margin-right:10px;font-family: 'Titillium Web', sans-serif;letter-spacing: 1px;}
.headerRRSS{}
.headerRRSS a{display: inline-block;color: #fff;font-size: 26px;}
.headerRRSS a+a{margin-left:15px}
.headerRRSS a:hover{ color: #fff;}
.hastag{font-weight: 600;font-family: 'Titillium Web', sans-serif;letter-spacing: 1px;}
.hastag b{color: #00a7dd;}

.subheader{position: relative;z-index: 99;margin:0;background:url(../images/subheaderBg.jpg) #494949;background-size: cover;color: #fff;text-align: center;font-family: 'Judson', serif;padding: 40px 0px 80px;}
.subheader h1{font-size: 53px;margin-bottom: 0px;}
.subheader h1 p{font-size: 12px; font-family: 'Titillium Web', sans-serif;}
.subheader h2{font-size: 30px;margin-top: 0px;letter-spacing: 1px;}
.subheader .fa-angle-double-down{color: #fff;font-size: 38px;transform: scale(1, 0.5);}

/*.portadaResponsive {background: url(../images/headerResponsive.jpg) no-repeat;background-size: cover;background-position: center bottom;position: absolute;top:0px;left:0px;width: 100%;height: 500px;}*/
.portadaResponsive {background: url(../images/headerResponsive.jpg) no-repeat;background-size: cover;background-position: center bottom;position: absolute;top:0px;left:0px;width: 100%;height: 500px;pointer-events: none;}

.contForm{margin: 0;position: relative;z-index: 99;margin-bottom: -30px;}
.contformContainer{background: #fff;position: relative;top: -40px;padding: 0px 40px 0px 0px;box-shadow: 0px 10px 80px rgba(0, 0, 0, 0.58);/* max-height: 442px; */}
.cont{font-size: 22px;color: #2c394a;font-weight: 100;padding: 40px 0 0 0;}
.cont p{padding: 0 60px 0px 40px;margin-bottom: 30px;line-height: 1.5;font-size: 24px;}
.cont p b{color: #00a7dd;font-weight: 500;font-size: 30px;}
.contador{background-color: #ededed;padding: 20px 60px 20px 60px;}
.cifras{width: 100%;display: flex;margin-bottom: 20px;flex-direction: row;justify-content: flex-end;}
.cifra{border: 1px solid #ccc;font-size: 32px;color: #00a7dd;padding: 0.1em 0.35em;vertical-align: top;margin-right: 0.16em;}
.cifraClaim{background-color: #fff;display: inline-block;padding: 0.4em 0.7em;font-size: 24px;/* vertical-align: top; */}
.sepCifras{display: inline-block;padding: 0.1em 0em;color: #00a7dd;font-size: 32px;margin-right: 0.16em;}
.progress{width: 100%;background: #fff;position: relative;height: 10px;border-radius: 0px;}
.progressBar{background-color: #00a7dd;position: absolute;left: 0;top: 0;width: 10%;height: 100%;}
.cont p.progressClaim{font-size: 16px;margin-bottom: 10px;padding: 0;}

.form-group.has-error > .form-control{border-color: #ff5e24 !important;}


.form{background-color: #00a7dd;margin-bottom: -170px;padding: 25px 40px 0px 40px;box-shadow: 0px 10px 70px rgba(0, 0, 0, 0.42);}
.formRegister p{color: #fff;font-size: 18px;font-weight: 100;letter-spacing: 1.2px;}
.buttonFB{background-color: #004d85;color: #fff;width: 100%;display: block;padding: 8px 20px;font-size: 23px;font-family: 'Judson', serif;line-height: 40px;margin-bottom: 10px;box-shadow: 3px 3px 0px #028cb9;}
.buttonFB i{margin-right: 9px;font-size: 28px;line-height: 1.4;}
.buttonFB:hover{background-color: #3d72b7;color: #fff;}
.formRegister{}
.formRegister.hidden{overflow: hidden;}
.formRegister .form-group{}
.formRegister .form-group .form-control{border-radius: 0px;box-shadow: 3px 3px 0px #028cb9;border: 2px solid #fff;display: inline-block;}
.formRegister .form-group .form-control.input1{width: 60%;margin-right: 3.7%;}
.formRegister .form-group .form-control.input2{width: 35%;}
.formRegister .checkbox{}
.formRegister .checkbox label{color: #fff;line-height: 1.3;vertical-align: top;}
.formRegister .checkbox label a{text-decoration: underline;color: #fff;}
.formRegister .text{font-size: 14px;color: #2c394a;margin-bottom: 20px;width: 50%;display: inline-block;}
.formRegister .firmarPeticion{float: right;background: #004d85;padding: 0px;border: 13px solid #fff;margin-right: -70px;top: 44px;cursor: pointer;margin-top: -34px;}
.formRegister .firmarPeticion:focus{outline: none;}
.formRegister .button-inner{/* width: 90%; *//* height: 90%; */background: #091f3b;padding: 10px 26px;color: #fff;font-family: 'Judson', serif;font-size: 35px;}
.formRegister .button-bg{width: 99.4%;height: 77%;background: #00a7dd;top: -15px;left: -15px;/* width: 100%; */}

.checkbox label.has-error{border-bottom: 2px solid rgba(245, 65, 0, 0.91);border-radius: 0px;/* padding: 4px; */}

.formRegister .firmarPeticion:hover{/* background: #00a7dd; */border: 13px solid #004d85;}
.formRegister .firmarPeticion:hover .button-bg{}
.formRegister .firmarPeticion:hover .button-inner{background: #ffffff;color: #091f3b;}


.gotosend{background: #004d85;padding: 0px;border: 8px solid #019450;top: 27px;cursor: pointer;display: inline-block;}
.gotosend .button-inner{/* width: 90%; *//* height: 90%; */background: #ffffff;padding: 10px 26px;color: #004d85;font-family: 'Judson', serif;font-size: 20px;}
.gotosend .button-bg{width: 96%;height: 84%;background: #004d85;/* top: -8px; *//* left: 8px; *//* width: 100%; */}

.gotosend:hover{/* background: #00a7dd; */border: 8px solid #ffffff;}
.gotosend:hover .button-bg{}
.gotosend:hover .button-inner{background: #00a7dd;color: #ffffff;}


.formClaim{padding-bottom: 35px;}
.formClaim .title{color: #fff;font-size: 53px;font-family: 'Judson', serif;text-align: center;line-height: 0.7;margin-bottom: 10px;}
.formClaim .title span{font-size: 38px;}
.formClaim .subtitle{color: #fff;font-size: 22px;text-align: center;line-height: 1.3;font-weight: 100;margin-bottom: 15px;}
.formClaim .text{font-size: 15px;color: #2c394a;margin-bottom: 25px;width: 63%;margin-top: 15px;}


.formAvisos{ padding-bottom: 40px;}
.formAvisos .title{color: #fff;font-size: 53px;font-family: 'Judson', serif;text-align: center;line-height: 0.7;}
.formAvisos .title span{font-size: 38px;}
.formAvisos .subtitle{color: #fff;font-size: 33px;text-align: center;line-height: 1;font-weight: 100;margin-bottom: 60px;font-family: 'Judson', serif;}
.formAvisos .text{font-size: 20px;color: #ffffff;margin-bottom: 70px;width: 100%;text-align: center;}


.buttonDown{background-color: #004d85;color: #fff;padding: 10px 20px;cursor: pointer;}
.buttonDown p{width: 80%;display: inline-block;font-size: 115%;}
.buttonDown a{float:right;font-size: 37px;color: #fff;}

.formClaim .buttonDown p {line-height: 24px;margin-bottom: 0px;}

.rrssForm{float: right;background: #004d85;padding: 0px;border: 8px solid #fff;margin-right: -60px;}
.rrssForm a{display:inline-block;color: #fff;padding: 0px 6px;font-size: 30px;width: 43px;text-align: center;}
.rrssForm .button-inner{/* width: 90%; *//* height: 90%; */background: #004d85;padding: 5px;}
.rrssForm .button-bg{width: 97%;height: 85%;background: #00a7dd;}
.rrssForm a:hover{opacity: 0.5}

.main{margin: 0;position: relative;z-index: 98;margin-top: -90px;}
.contentBg{background-color: #004d85;width: 90%;position: relative;left: 5%;top: 0;color: #fff;z-index: 10;padding: 100px 20px 100px 20px;}
.main .container{}

.mainClaim{text-align: center;display: block;/* width: 65%; *//* margin: 0 auto; */padding-top: 50px;}
.mainClaim img{margin-bottom: 30px;}
.mainClaim h2{font-size: 33px;font-weight: 100;width: 65%;margin: 0 auto;margin-bottom: 30px;letter-spacing: 1px;}
.mainClaim h2 span{color: #00a7dd;}
.mainClaim p{margin-bottom: 30px;font-size: 16px;padding: 0 15px;text-align: left;letter-spacing: 1px;}


.filters{display: inline-block;width: 100%;margin-bottom: 80px;}
.radioFilters{background-color: #173965;min-height: 40px;text-align: center;}
.radioFilters .radio{display: inline-block;/* max-width: 48%; *//* margin-right: 15px; */font-size: 18px;margin-top: 0;margin-bottom: 0px;padding: 7px 0px 7px 0px;width: 49%;}
.radioFilters .radio label{font-size: 15px;font-weight: 100;}
.radioFilters .radio label .hidden-sm.hidden-md.hidden-lg{ color: #00a7dd; font-weight: 600;}
.radioFilters .radio label .hidden-sm.hidden-md.hidden-lg span{color: #fff;font-weight: 300;}
.searchFilters{ /* padding: 0; */ height: 40px;}
.searchFilters input{background-color: #fff;width: 65%;display: inline-block;height: 40px;border: 0;color: #656565;padding-left: 20px;vertical-align: top;border-bottom: 2px solid #173965;}
.searchFilters button{background-color: #00a7dd;width: 34%;border: 0;display: inline-block;height: 40px;font-family: 'Judson', serif;font-size: 20px;text-align: left;vertical-align: top;padding: 0px 9px;margin-left: -3px;border-bottom: 2px solid #173965;border-right: 3px solid #173965;outline: none;}
.searchFilters button img{float: right;margin-top: 7px;}
.searchFilters button:hover{background-color: #019450;}

.noresults{display: block;text-align: center;margin-bottom: 50px;}
.noresults h2{font-size: 53px;font-family: 'Judson', serif;line-height: 1;margin-bottom: 30px;}
.noresults h2 p{ font-size: 35px;}
.noresults p{font-size: 18px;}


.mosaicoDesktop{width: 120%;margin-left: -10%;margin-top: -20px;min-height: 80vh;}
.columnMosaico{}
.columnIzq{text-align: right;width: 33%;display: inline-block;vertical-align: top;}
.columnDer{text-align: left;width: 66%;display: inline-block;vertical-align: top;padding-left: 20px;padding-top: 7em;}
.mosaicoMobile{}
.mosaicoBlock{background: #fff;color: #004d85;text-align: center;box-shadow: 0px 0px 7px rgba(62, 62, 62, 0.14);display: inline-block;margin-bottom: 15px;font-size: 50px;padding: 0px;vertical-align: top;position: relative;background-image: url(../images/bgBlock.png);background-position: center center;background-size: auto 90%;background-repeat: no-repeat;}
/*.mosaicoBlock:hover{background: #009350;color: #fff;background-image: url(../images/bgBlock2.png);background-position: center center;background-size: auto 90%;background-repeat: no-repeat;}*/
.mosaicoBlock:hover, .mosaicoBlock.selected{background: #009350; color: #fff; background-image: url(../images/bgBlock2.png); background-position: center center; background-size: auto 90%; background-repeat: no-repeat; cursor: pointer}

.mosaicoText{display: flex;width: 100%;height: 100%;padding: 0px;align-items: center;flex-wrap: wrap;align-content: center;padding: 0px;/* background-image: url(../images/bgBlock.png); */background-position: center center;/* background-size: cover; *//* background-repeat: no-repeat; */}
.mosaicoBlock .opcion{vertical-align: middle;width: 100%;margin-bottom: 0px;font-family: 'Judson', serif;white-space: pre-wrap;word-break: break-word;line-height: 0.85;}
.mosaicoBlock .votos{vertical-align: middle;width: 100%;}
.mosaicoBlock .iconBlock{width: 10%;position: absolute;bottom: 10px;right: 10px;cursor: pointer;}
.mosaicoBlock .iconBlock:hover{opacity: 0.5;width: 13%;}
.mosaicoBlock .iconBlock.heartWhite{ display: none; }
.mosaicoBlock .iconBlock.heartGreen{ display: block;}
.mosaicoBlock.selected .iconBlock.heartGreen{display: none;}
.mosaicoBlock.selected .iconBlock.heartWhite{display: block;}

.mosaicoBlock:hover .iconBlock.heartGreen{display: block;-webkit-filter: contrast(160%);filter: contrast(1410%) grayscale(80%);}
.mosaicoBlock:hover .iconBlock.heartWhite{display: none;}

.mosaicoBlock.selected:hover .iconBlock.heartGreen{display: none;}
.mosaicoBlock.selected:hover .iconBlock.heartWhite{display: block;}



.loadmore{text-align: center;}
.loadmore a{color: #fff;line-height: 1;display: inline-block;font-size: 21px;text-align: left;font-weight: 100;}
.loadmore a:focus{text-decoration: none}
.loadmore img{display: inline-block;float: left;margin-right: 10px;}
.loadmore a img{

    -webkit-animation-name: spin;
    -webkit-animation-duration: 8000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;

    -moz-animation-name: spin;
    -moz-animation-duration: 8000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;

    -ms-animation-name: spin;
    -ms-animation-duration: 8000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    
    animation-name: spin;
    animation-duration: 8000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
  }

  .loadmore:hover a{
    color: #00a7dd;
  }


@-ms-keyframes spin {
    from { -ms-transform: rotate(0deg); }
    to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}

.selectedWordsContainer{position: fixed;top: 50%;right: 0px;width: auto;z-index: 150;background-color: #004d85;box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.44);width: 85%;width: 750px;max-height: 290px;margin-top: -150px;}
.selectedWordsContainer.closed{/* width: 120px; */right: -620px;}

.selectedWordsContainer > .closedContainer{opacity: 0;width: 0px;height: 0px;margin: 0px;padding: 0px;}
.selectedWordsContainer > .openContainer{opacity: 1;padding: 40px;}
.selectedWordsContainer.closed > .closedContainer{opacity: 1;padding-top: 47px;width: auto;height: auto;}
.selectedWordsContainer.closed > .openContainer{/* display: none; */opacity: 0;height: 0px;padding: 0px;overflow: hidden;/* width: 0px; */visibility: hidden;position: absolute;top:  0;right: 0;}

.selectedWordsContainer > .closeBtn .fa-angle-left{ display: none;}
.selectedWordsContainer > .closeBtn .fa-angle-right{display: block;}
.selectedWordsContainer.closed > .closeBtn .fa-angle-left{ display: block;}
.selectedWordsContainer.closed > .closeBtn .fa-angle-right{ display: none;}

.closedContainer{padding-top: 47px;z-index: 199;position: relative;}
.closedContainer ul{position: relative;right: 10px;}
.closedContainer ul li{background: #019450;color: #fff;margin-bottom: 5px;padding: 7px 10px;font-size: 13px;text-align: center;max-width: 130px;min-width: 120px;}

.openContainer{  position: relative;  z-index: 199;}

.selectedWordsContainer .openContainer .wordsclaim{width: 25%;color: #fff;display: inline-block;padding-right: 3%;vertical-align: top;  animation-delay: 1s; opacity: 1;}
.selectedWordsContainer.closed .openContainer .wordsclaim{/* height: 0px; *//* width: 0%; */overflow: hidden;opacity: 0;}
.selectedWordsContainer .openContainer .definicion{width: 74%;color: #fff;display: inline-block;padding-left: 4%;border-left: 1px solid #1e4577;animation-delay: 1s;overflow: visible; opacity: 1;}
.selectedWordsContainer.closed .openContainer .definicion{/* height: 0px; *//* width: 0%; */overflow: hidden;opacity: 0;}

.openContainer ul{position: relative;font-size: 17px;margin-bottom: 0px;}
.openContainer ul li{background: #019450;color: #fff;margin-bottom: 5px;padding: 7px 10px;font-size: 13px;text-align: center;display: inline-block;max-width: 130px;min-width: 100px;margin: 3px 7px;}
.openContainer h1{font-size: 53px;margin-bottom: 0px;font-family: 'Judson', serif;margin-top: -5px;}
.openContainer h1 p{font-size: 12px; font-family: 'Titillium Web', sans-serif;}
.closeBtn{position: absolute;top: -17px;left: -19px;background: #fff;font-size: 30px;padding: 6px;width: 45px;height: 45px;text-align: center;border: 0px solid #019450;color: #000;z-index: 200;text-decoration: none;}
.closeBtn:hover, .closeBtn:focus{background: #ffffff;color: #00a7dd;text-decoration: none;}
.closeBtnBg{position: absolute;top: -24px;left: -26px;background: #019450;width: 58px;height: 58px;z-index: 178;}
.closeBtnBg .inner{position: absolute;bottom: 0px;right: 0px;width: 32px;height: 23px;background: #004d85;}
.openContainer .nextButton{background: #004d85;padding: 0px;border: 8px solid #019450;margin-right: -66px;top: 27px;cursor: pointer;float: left;margin-bottom: -37px;}
.openContainer .nextButton .button-inner{/* width: 90%; *//* height: 90%; */background: #ffffff;padding: 10px 26px;color: #004d85;font-family: 'Judson', serif;font-size: 20px;}
.openContainer .nextButton .button-bg{width: 96%;height: 84%;background: #004d85;}


.openContainer .nextButton:hover{background: #019450;padding: 0px;border: 8px solid #ffffff;margin-right: -66px;top: 27px;cursor: pointer;float: left;margin-bottom: -37px;}
.openContainer .nextButton:hover .button-inner{/* width: 90%; *//* height: 90%; */background: #019450;padding: 10px 26px;color: #ffffff;font-family: 'Judson', serif;font-size: 20px;}
.openContainer .nextButton:hover .button-bg{width: 96%;height: 84%;background: #004d85;}
.openContainer .nextButton:hover img{-webkit-filter: contrast(160%);filter: contrast(1210%) grayscale(90%);}

@keyframes open {
    0%   {opacity: 0;}
    100% {opacity: 1;}
}


.formEnvio{margin: 0;position: relative;z-index: 98;/* margin-top: -90px; */}
.formEnvio .contentBg{background-color: #004d85;width: 90%;position: relative;left: 5%;top: 0;color: #fff;z-index: 10;padding: 0px 20px 320px 20px;}
.formEnvio .container{}
.contformEnvio{width: 120%;padding: 40px 40px 40px 40px;box-shadow: 0px 10px 80px rgba(0, 0, 0, 0.58);background: #004d85;left: -10%;position: relative;display: inline-block;min-height: 190px;}
.formEnvio .cont{font-size: 22px;color: #ffffff;font-weight: 100;padding: 0 0 0 0;}
.formEnvio .cont p{padding: 0 60px 0px 40px;margin-bottom: 0px;line-height: 1.5;font-size: 24px;}
.formEnvio .cont p b{color: #ffffff;font-weight: 600;}

.formEnvio .form{background-color: #ffffff;margin-bottom: -310px;padding: 30px 35px 0px 35px;box-shadow: 0px 10px 70px rgba(0, 0, 0, 0.42);}
.formEnvio .formularioParticipar p{color: #fff;font-size: 18px;font-weight: 100;}
.formEnvio .buttonFB{background-color: #004d85;color: #fff;width: 100%;display: block;padding: 8px 20px;font-size: 23px;font-family: 'Judson', serif;line-height: 40px;margin-bottom: 10px;box-shadow: 3px 3px 0px #4d98cd;}
.formEnvio .buttonFB i{margin-right: 9px;font-size: 28px;line-height: 1.4;}
.formEnvio .buttonFB:hover{background-color: #3d72b7;color: #fff;}
.formEnvio .formularioParticipar{}
.formEnvio .formularioParticipar h2{color: #00a7dd;text-align: center;font-family: 'Judson', serif;font-size: 37px;margin-top: 0px;}
.formEnvio .formularioParticipar .form-group{}
.formEnvio .formularioParticipar .form-group .form-control{border-radius: 0px;box-shadow: none;border: 0;display: inline-block;border: 1px solid #ccc;resize: none;}
.formEnvio .formularioParticipar .form-group textarea.form-control{color: #00a7dd;font-size: 21px;text-align: center;height: 110px;padding: 12px 37px;line-height: 1.4;}
.formEnvio .formularioParticipar .form-group textarea.form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #00a7dd;}
.formEnvio .formularioParticipar .form-group textarea.form-control::-moz-placeholder { /* Firefox 19+ */color: #00a7dd;}
.formEnvio .formularioParticipar .form-group textarea.form-control:-ms-input-placeholder { /* IE 10+ */color: #00a7dd;}
.formEnvio .formularioParticipar .form-group textarea.form-control:-moz-placeholder { /* Firefox 18- */color: #00a7dd;}
.formEnvio .formularioParticipar .form-group .form-control.input1{width: 60%;margin-right: 4%;}
.formEnvio .formularioParticipar .form-group .form-control.input2{width: 35%;}
.formEnvio .formularioParticipar .checkbox{}
.formEnvio .formularioParticipar .checkbox label{color: #fff;line-height: 1.3;vertical-align: top;}
.formEnvio .formularioParticipar .checkbox label a{text-decoration: underline;color: #fff;}
.formEnvio .formularioParticipar .text{font-size: 14px;color: #2c394a;margin-bottom: 20px;width: 50%;display: inline-block;}
.formEnvio .formularioParticipar .firmarPeticion{float: right;background: #004d85;padding: 0px;border: 8px solid #00a7dd;margin-right: -62px;top: 24px;cursor: pointer;}
.formEnvio .formularioParticipar .button-inner{/* width: 90%; *//* height: 90%; */background: #004d85;padding: 10px 26px;color: #fff;font-family: 'Judson', serif;font-size: 20px;}
.formEnvio .formularioParticipar .button-bg{width: 96%;height: 84%;background: #ffffff;}
.formEnvio .formularioParticipar .firmarPeticion:hover{/* background: #00a7dd; */border: 8px solid #00a7dd;}
.formEnvio .formularioParticipar .firmarPeticion:hover .button-bg{}
.formEnvio .formularioParticipar .firmarPeticion:hover .button-inner{background: #ffffff;color: #004d85;box-shadow: 0px 0px 1px rgba(0, 77, 133, 0.25);}

.buttonEnviaPalabra{background-color: #00a7dd;color: #fff;padding: 10px 20px;margin-bottom: 20px;cursor: pointer;}
.buttonEnviaPalabra p{width: 85%;display: inline-block;color: #fff !important;margin-bottom: 0px;}
.buttonEnviaPalabra p b{font-size: 130%;font-weight: 500;}
.buttonEnviaPalabra a{float:right;font-size: 32px;color: #fff;}


.results{margin: 0;position: relative;z-index: 98;margin-top: -60px;}
.results .contentBg{background-color: #004d85;width: 90%;position: relative;left: 5%;top: 0;color: #fff;z-index: 10;padding: 100px 20px 200px 20px;}
.results .container{}
.resultsContainer{background: #004d85;padding: 0px;box-shadow: 0px 10px 70px rgba(0, 0, 0, 0.42);text-align: center;z-index: 120;position: relative;}
.resultsContainer img{width:100%}
.results .mainClaim img{}
.results .mainClaim h2{margin-bottom: 10px;}
.results .mainClaim h2 span{}
.results .mainClaim p{font-size: 22px;padding: 0 15px;text-align: center;width: 75%;margin: 0 auto;margin-bottom: 40px;}

.shareResults{background: #fff;box-shadow: 0px 0px 7px rgba(62, 62, 62, 0.14);padding: 20px;color: #2c394a;font-weight: 100;}
.shareResults p{  font-size: 22px;  width: 50%;  display: inline-block;  padding-left: 28px;  margin-bottom: 40px;  padding-top: 20px;}
.shareResults a img{display:inline-block;margin-bottom: 0px;}
.shareResults img{width: 100%;display: block;margin-bottom: 30px;}
.shareResults .rrssForm{ border: 8px solid #019450;}
.shareResults .rrssForm .button-bg{  background-color: #fff;}
.shareResults .rrssForm .button-inner{ padding: 10px;}
.shareResults .rrssForm .sepHz2{display: inline-block;width: 43px;text-align: center;height: 30px;line-height: 30px;vertical-align: middle;}
.shareResults .rrssForm .sepHz2+.sepHz2{ margin-left: 18px;}

.shareResults .rrssForm .sepHz2 img{transform: rotate(90deg);width: auto;margin-bottom: 0;display: inline-block;vertical-align: middle;text-align: center;}
.shareResults .rrssForm .button-inner a{}
.shareResults .rrssForm .button-inner a .fa{}
.shareResults .buttonEnviaPalabra{  display: inline-block;  width: 100%;  margin-bottom: 0px;}
.shareResults .buttonEnviaPalabra a{}
.shareResults .buttonEnviaPalabra a .fa{}
.shareResults .buttonEnviaPalabra p{  font-size: 14px;  padding-left: 0px;  width: 85%;  margin-bottom: 0px;  padding-top: 0px;}
.shareResults .buttonEnviaPalabra .sepVt{}



.avisos{/* color: #00a7dd; */}
.avisos h2{color: #00a7dd;font-family: 'Judson', serif;margin-top: 0px;}
.avisos p{/* color: #00a7dd; */color: #2c394a;}
.avisos p b{font-weight: 400;font-size: 129%;}


.milk{margin: 0;background: url(../images/milkBg.png) top center;min-height: 348px;position: relative;z-index: 100;margin-top: -238px;text-align: center;padding-top: 210px;pointer-events: none;}
.milk .logo{margin-bottom: 10px;}
.milk p{font-size: 33px;font-weight: 100;color: #004d85;}


.footer{margin: 0;min-height: 85px;background: #004d85;z-index: 101;position: relative;box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.52);}
.footerClaim{background: #fff;position: relative;height: 100%;min-height: 100px;z-index: 99;padding-top: 14px;font-size: 13px;padding-right: 0px;color: #00487e;}
.footerClaim img{display: inline-block;float: left;margin-right: 10px;}
.bgWhiteFooter{position: absolute;width: 28%;right: 0;top: 0;height: 100%;background: #fff;}


.resultBody{ }
.resultsInner{position: relative;top: 0;left: 0;width: 100%;height: 100%;display: inline-block;/* box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.58); */background-size: 95% auto;padding: 30px 50px 40px;}
/*.resultsBox{background: #004d85 center center no-repeat;background-size: 90%;text-align: center;width: 550px;height: 550px;display: block;margin: 0 auto;padding: 30px;position: absolute;top: -100%;}*/
.resultsBox{background: url(../images/bgResults.png) #004d85 center center no-repeat;background-size: 100%;text-align: center;width: 550px;height: 550px;display: none;margin: 0 auto;padding: 30px;position: absolute;top: 0px;}
.resultsBox#resultsBoxShare {width: 1047px;/* z-index: 9999; */background: url(../images/bgResults2.png) #004d85 center center no-repeat;}
.resultsBox#resultsBoxShare .resultsInner{background-size: auto 90%;}
/*.containerShare {overflow: hidden;width: 1500px;position: absolute;z-index:-100;}*/
.resultsBox h1{color: #00a7dd;font-size: 103px;margin-bottom: 30px;font-family: 'Judson', serif;margin-top: 0px;line-height: 1;}
.resultsBox h1 p{color: #fff;font-size: 18px;font-family: 'Titillium Web', sans-serif;font-weight: 200;}
.resultsBox h2{color: #fff;font-size: 32px;}
.resultsBox h2 b{color: #fff;font-size: 36px;}

.footerResults{position: absolute;bottom: 20px;width: 100%;font-size: 16px;color: #00a7dd;left: 0;padding: 0px 25px;}
.linksFooter{}
.linksFooter ul{ color: #fff; padding-top: 20px;}
.linksFooter ul li{  display: inline-block;  border-right: 2px solid #00a7dd;  line-height: 1;  padding-right: 10px;  padding-left: 10px;}
.linksFooter ul li a{color: #fff;}
.linksFooter ul li a:hover{color: #00a7dd;}
.linksFooter p{  color: #fff;  font-weight: 300;}
.linksFooter p i{  color: #00a6dc;  display: inline-block;  margin-right: 13px;  font-size: 19px;}
.linksFooter ul li:first-child{padding-left:0;}
.linksFooter ul li:last-child{border-right: 0 }

.subheaderFaqs{}
.subheaderFaqs h1{}

.faqs{z-index: 100; position: relative;}
.backbutton{position: absolute;top: 20px;left: 25px;color: #00a6dc;font-size: 18px; font-family: 'Judson', serif;}
.faqs .contentBg{margin-top: -30px;padding-top: 60px;padding-bottom: 200px;}
.faqs .pregunta{display: block;margin-bottom: 60px;text-align: center;}
.faqs .pregunta img{margin-bottom: 0px;width: 150px;}
.faqs .pregunta:first-child img{ width: 220px;}
.faqs .pregunta h2{ width: 70%; margin: 20px auto;}
.faqs .pregunta h2 span{ color: #00a6dc;}
.faqs .pregunta p{ margin: 0 auto; width: 90%; font-size: 16px;}
.faqs .contformEnvio{text-align: center;padding: 60px 110px 40px 110px;}
.faqs .contformEnvio .cont{color: #fff;}
.faqs .contformEnvio .cont p b{color: #fff;font-weight: 600;}


.faqs .pregunta a {color:inherit; text-decoration: underline;}
.faqs .pregunta a:hover {color:#00a6dc;}
.faqs .contformEnvio a {color:inherit; text-decoration: underline;}
.faqs .contformEnvio a:hover {color:#00a6dc;}


.header .portada {background-image: url(../images/bgHeader.jpg);background-position: center center;background-size: cover;}
.header .portada .btnFirma {position: absolute;bottom: 130px;width: 100%;text-align: center;}
.header .portada .btnFirma img {}
.header .portada .btnFirma img:hover {opacity: 0.7;cursor: pointer;}

.contVideo {height: 1100px;}
.contVideo .contentBg {height: auto;padding: 0px 20px 320px;}

#video {background-image: url(../images/bgHeader.jpg);background-size: cover;width: 120%;left: -10%;height: 585px;position: relative;margin-bottom: -5px;box-shadow: 0px 10px 80px rgba(0, 0, 0, 0.58);z-index: 100;}
.btnFirmaAhora {/* float: right; */background: #004d85;padding: 0px;border: 8px solid #ffffff;/* margin-right: -62px; */top: 27px;cursor: pointer;position: relative;display: block;width: 340px;margin: 0 auto;}
.btnFirmaAhora:hover .button-inner {background-color: white;color: #004d85;}
.btnFirmaAhora:hover {border-color: #00a7dd;}
.btnFirmaAhora:active, .btnFirmaAhora:focus, .btnFirmaAhora:visited  {text-decoration: none;}
.btnFirmaAhora .button-bg {width: 96%;height: 84%;background: #004d85;}
.btnFirmaAhora .button-inner {background: #00a7dd;padding: 10px 26px;color: #fff;font-family: 'Judson', serif;font-size: 35px;}

.faldonVideo {background-color: #004d85;padding: 40px 10px 0px;text-align: center;color: white;box-shadow: 0px 10px 80px rgba(0, 0, 0, 0.58);z-index: 110;position: relative;top: 0px;width: 120%;left: -10%;}
.faldonVideo p {font-size: 33px;font-family: 'Titillium Web', sans-serif;font-weight: 100;}



.formCierre {height: 375px;padding-top: 16%;color: white;text-align: center;/*text-shadow: 1px 1px 4px #484848;*/}




/*  =========================================
    ----------  MEDIA QUERIES ---------------
    ========================================= 
*/




/* Small devices (smartphones, 767px or less) */
@media (max-width:767px) { 

.header{background-color: #004d85;margin:0;box-shadow: -6px 10px 40px #000;position: relative;z-index: 100;height: 30px;}
/*.header iframe{width: 100%;height: 260px;}*/
.header iframe{width: 100%;height: 500px !important;}
.header .portada{width: 100%;height: 500px !important;}

.contVideo {height: auto;}
.contVideo .container {width: 100%;}
#video {height: 200px;width: 100%;left: 0px;}
.faldonVideo {/* padding: 30px 50px; */left: 0px;width: 100%;}
.faldonVideo p {font-size: 28px;padding: 0px 30px;line-height: 30px;}
.btnFirmaAhora {width: 95%;}
.btnFirmaAhora .button-inner {font-size: 30px;letter-spacing: 1.5px;}

.btnFirma {bottom: 110px !important;}
.btnFirma img {width: 80%;}

.shortcuts{display: none}
.scrollup{ display: none;}
.scrolldown{display: none !important;}

.subheader{position: relative;z-index: 99;margin:0;background:url(../images/subheaderBg.jpg) #494949;background-size: 100%;color: #fff;text-align: center;font-family: 'Judson', serif;padding: 40px 0px 10px;}
.subheader h1{font-size: 53px;margin-bottom: 0px;}
.subheader h1 p{font-size: 12px;font-family: 'Titillium Web', sans-serif;margin-bottom: 30px;}
.subheader h2{font-size: 24px;margin-top: 0px;}

.contForm{margin: 0;position: relative;z-index: 99;margin-bottom: 0px;}
.contformContainer{background: #004d85;position: relative;top: 0px;padding: 0px 15px 0px 15px;box-shadow: none;}
.cont{font-size: 22px;color: #2c394a;font-weight: 100;padding: 10px 0px 0 0px;background: #fff;position: relative;top: -20px;box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.42);}
.cont p{padding: 0 20px 0px 20px;margin-bottom: 15px;line-height: 1.5;font-size: 18px;}
.contador{background-color: #ededed;padding: 20px 20px 20px 20px;}
.cifras{width: 100%;display: flex;margin-bottom: 10px;flex-direction: row;justify-content: flex-end;}
.cifra{border: 1px solid #ccc;font-size: 25px;color: #00a7dd;padding: 0.01em 0.25em;vertical-align: top;width: 12%;text-align: center;}
.cifraClaim{background-color: #fff;display: inline-block;padding: 0.4em 0.2em 0.1em;font-size: 15px;vertical-align: middle;width: 18%;text-align: center;}
.sepCifras{display: inline-block;padding: 0.01em 0em;color: #00a7dd;font-size: 25px;}
.progress{width: 100%;background: #fff;position: relative;height: 10px;border-radius: 0px;}
.progressBar{background-color: #00a7dd;position: absolute;left: 0;top: 0;width: 10%;height: 100%;}
.cont p.progressClaim{font-size: 11px;margin-bottom: 10px;padding: 0;}
.cont p b {font-size: 18px;}

.form{background-color: #00a7dd;margin-bottom: 0px;padding: 20px;box-shadow: 0px 10px 70px rgba(0, 0, 0, 0.42);position: relative;top: -20px;}
.formClaim{ padding: 0px; padding-bottom: 20px;}
.formClaim .title{color: #fff;font-size: 43px;font-family: 'Judson', serif;text-align: center;line-height: 0.7;margin-bottom: 20px;}
.formClaim .title span{font-size: 29px;}
.formClaim .subtitle{color: #fff;font-size: 18px;text-align: center;line-height: 1.2;font-weight: 100;}
.formClaim .text{font-size: 18px;color: #2c394a;width: 100%;}
.buttonDown{background-color: #004d85;color: #fff;padding: 10px 20px;}
.buttonDown .sepVt {display:none;}
.buttonEnviaPalabra .sepVt {display:none;}

.formAvisos .subtitle {font-size:23px;margin-bottom:20px;overflow-wrap: break-word;}
.formAvisos .text {margin-bottom:20px;}

/*.rrssForm{float: none;background: #004d85;padding: 0px;border: 8px solid #fff;margin-right: 0;display: inline-block; width: 100%; margin-bottom: 20px;margin-top: 20px;}*/
.rrssForm{float: none;background: #004d85;padding: 0px;border: 8px solid #fff;margin-right: auto;margin-left: auto;position: relative;display: block;/* width: 100%; */margin-bottom: 20px;margin-top: 20px;text-align: center;max-width:217px;}
.rrssForm a{display:inline-block;color: #fff;padding: 0px 26px;font-size: 30px;width: 81px;text-align: center;}
.rrssForm .button-inner{/* width: 90%; *//* height: 90%; */background: #004d85;padding: 6px;}
.rrssForm .button-bg{width: 97%;height: 85%;background: #00a7dd;}

.shareResults .rrssForm {max-width: none;}


.rowContadorMobile{background-color: #004d85; padding: 35px 15px 0px; margin: 0;}

.form{background-color: #00a7dd;margin-bottom: 0px;padding: 20px 20px 0px 20px;box-shadow: 0px 10px 70px rgba(0, 0, 0, 0.42);}
.formRegister p{color: #fff;font-size: 18px;font-weight: 100;}
.buttonFB{background-color: #004d85;color: #fff;width: 100%;display: block;padding: 8px 20px;font-size: 23px;font-family: 'Judson', serif;line-height: 22px;margin-bottom: 10px;box-shadow: 3px 3px 0px #4d98cd;vertical-align: top;font-weight: 200;}
.buttonFB i{margin-right: 9px;font-size: 40px;line-height: 1;float: left;}
.buttonFB .sepVt{float: left;margin-right: 10px;}
.buttonFB:hover{background-color: #3d72b7;color: #fff;}
.formRegister{}
.formRegister .form-group{}
.formRegister .form-group .form-control{border-radius: 0px;box-shadow: 3px 3px 0px #4d98cd;/*border: 0;*/display: inline-block;}
.formRegister .form-group .form-control.input1{width: 100%;margin-right: 0%;}
.formRegister .form-group .form-control.input2{width: 100%;margin-top: 15px;}
.formRegister .checkbox{}
.formRegister .checkbox label{color: #fff;line-height: 1.3;vertical-align: top;}
.formRegister .checkbox label a{text-decoration: underline;color: #fff;}
.formRegister .text{font-size: 14px;color: #2c394a;margin-bottom: 20px;width: 100%;display: inline-block;}
.formRegister .firmarPeticion{float: none;background: #004d85;padding: 0px;border: 10px solid #fff;margin-right: -66px;top: 27px;cursor: pointer;display: inline-block;width: 100%;}
.formRegister .button-inner{/* width: 90%; *//* height: 90%; */background: #091f3b;padding: 10px 16px;color: #fff;font-family: 'Judson', serif;font-size: 9vw;}
.formRegister .button-bg{width: 96%;height: 84%;background: #00a7dd;}
.formRegister .button-inner img{float: right;width: 8vw;}



.main{margin: 0;position: relative;z-index: 98;margin-top: 0px;}
.contentBg{background-color: #004d85;width: 100%;position: relative;left: 0%;top: 0;color: #fff;z-index: 10;padding: 50px 0px 10px 0px;}
.main .container{ padding: 0;}
.mainClaim{text-align: center;display: block;margin-top: 0px;padding: 0px 15px;}
.mainClaim img{margin-bottom: 30px;}
.mainClaim h2{font-size: 6vw;font-weight: 100;width: 100%;}
.mainClaim p{margin-bottom: 30px;text-align: center;font-size: 5vw;}


.filters{display: inline-block;width: 100%;margin-bottom: 20px;}
.radioFilters{background-color: #173965;min-height: 40px;margin-bottom: 20px;}
.radioFilters .radio{display: inline-block;max-width: 100%;margin-right: 0px;font-size: 17px;margin-top: 0;margin-bottom: 0px;padding: 7px 0px 7px 0px;width: 46%;text-align: center;}
.radioFilters .radio label{font-size: 13px;font-weight: 100;}
.searchFilters{ /* padding: 0; */ height: 40px;}
.searchFilters input{background-color: #fff;width: 60%;display: inline-block;height: 40px;border: 0;color: #656565;padding-left: 20px;vertical-align: top;border-bottom: 2px solid #173965;}
.searchFilters button{background-color: #00a7dd;width: 39%;border: 0;display: inline-block;height: 40px;font-family: 'Judson', serif;font-size: 17px;text-align: left;vertical-align: top;padding: 0px 9px;margin-left: -3px;border-bottom: 2px solid #173965;border-right: 3px solid #173965;}
.searchFilters button img{display: inline-block;}

.noresults{display: block;text-align: center;margin-bottom: 50px;}
.noresults h2{font-size: 17vw;font-family: 'Judson', serif;line-height: 1;margin-bottom: 30px;}
.noresults h2 p{font-size: 8vw;}
.noresults p{font-size: 5vw;}

.owl-item{padding: 5px;}
.owl-nav{text-align: center;color: #00a7dd;vertical-align: middle;}
.owl-prev{ display: inline-block;}
.owl-next{ display: inline-block;}
.owl-next:before{display: inline-block;content:'•';margin: 0 10px;font-family: FontAwesome;font-size: 19px;line-height: 1;}
.mosaicoBlock{width: 100%;height: 45vw;margin-bottom: 10px;}
.mosaicoText{display: flex;width: 100%;height: 100%;padding: 0px;align-items: center;flex-wrap: wrap;align-content: center;padding: 0px;/* background-image: url(../images/bgBlock.png); */background-position: center center;/* background-size: cover; *//* background-repeat: no-repeat; */}
.mosaicoBlock .opcion{vertical-align: middle;width: 100%;margin-bottom: 0px;font-family: 'Judson', serif;white-space: pre-wrap;word-break: break-word;line-height: 0.85;font-size: 6vw;}
.mosaicoBlock .votos{vertical-align: middle;width: 100%;font-size: 5vw;}
.mosaicoBlock .iconBlock{width: 18% !important;position: absolute;bottom: 10px;right: 10px;cursor: pointer;}
.mosaicoBlock:hover{
    background: #ffffff;
    color: #004d85;
    background-image: url(../images/bgBlock.png);
    background-position: center center;
    background-size: auto 90%;
    background-repeat: no-repeat;
    cursor: pointer;
}

.mosaicoBlock:hover .iconBlock.heartGreen {
    display: block;
    -webkit-filter: contrast(160%);
    filter: contrast(100%) grayscale(0%);
}


.mosaicoBlock.selected {
    background: #009350 !important;
    color: #fff !important;
    background-image: url(../images/bgBlock2.png) !important;
    background-position: center center !important;
    background-size: auto 90% !important;
    background-repeat: no-repeat !important;
    cursor: pointer !important;
}


.selectedWordsContainer{position: relative;width: 100%;box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.6);max-width: 100%;max-height: initial;margin-top: 0px;}
.selectedWordsContainer.closed{width: 100%;}
.selectedWordsContainer > .closedContainer{ display: none;}
.selectedWordsContainer > .openContainer{display: block;padding: 24px 10px;width: 100%;}
.selectedWordsContainer.closed > .closedContainer{display: none;}
.selectedWordsContainer.closed > .openContainer{display: block;}

.selectedWordsContainer > .closeBtn .fa-angle-left{ display: none;}
.selectedWordsContainer > .closeBtn .fa-angle-right{display: block;}
.selectedWordsContainer.closed > .closeBtn .fa-angle-left{ display: block;}
.selectedWordsContainer.closed > .closeBtn .fa-angle-right{ display: none;}

.closedContainer{ padding-top: 47px;}
.closedContainer ul{position: relative;right: 10px;}
.closedContainer ul li{background: #019450;color: #fff;margin-bottom: 5px;padding: 7px 10px;font-size: 13px;text-align: center;}

.openContainer{}
.wordsclaim{width: 100%;color: #fff;display: inline-block;padding-right: 0%;vertical-align: top;text-align: center;margin-bottom: 17px;}
.openContainer .definicion{width: 100%;color: #fff;display: inline-block;padding-left: 0%;border-left: 0px solid #1e4577;text-align: center;}
.openContainer ul{position: relative;font-size: 5vw;margin-bottom: 0px;}
.openContainer ul li{background: #019450;color: #fff;margin-bottom: 5px;padding: 7px 10px;font-size: 13px;text-align: center;display: inline-block;max-width: 130px;min-width: 120px;margin: 3px 7px;}
.openContainer h1{font-size: 53px;margin-bottom: 0px;font-family: 'Judson', serif;margin-top: -5px;}
.openContainer h1 p{font-size: 12px; font-family: 'Titillium Web', sans-serif;}
.closeBtn{position: absolute;top: -17px;left: -19px;background: #fff;font-size: 30px;padding: 6px;width: 57px;height: 57px;text-align: center;border: 6px solid #019450;color: #000;display: none;}
.closeBtnBg{display: none}
.openContainer .nextButton{background: #004d85;padding: 0px;border: 8px solid #019450;margin-right: 0px;top: 27px;cursor: pointer;float: none;margin-bottom: -27px;display: inline-block;width: 90%;}
.openContainer .nextButton .button-inner{/* width: 90%; *//* height: 90%; */background: #ffffff;padding: 10px 26px;color: #004d85;font-family: 'Judson', serif;font-size: 20px;}
.openContainer .nextButton .button-bg{width: 96%;height: 84%;background: #004d85;}

.selectedWordsContainer .openContainer .wordsclaim{width: 100%;color: #fff;display: inline-block;padding-right: 3%;vertical-align: top;animation-delay: 1s;opacity: 1;}
.selectedWordsContainer.closed .openContainer .wordsclaim{height: 0px;width: 0%;overflow: hidden; opacity: 0;}
.selectedWordsContainer .openContainer .definicion{width: 100%;color: #fff;display: inline-block;padding-left: 4%;border-left: 0px solid #1e4577;animation-delay: 1s;overflow: visible;opacity: 1;}
.selectedWordsContainer.closed .openContainer .definicion{height: 0px;width: 0%;overflow: hidden; opacity: 0;}



.formEnvio{margin: 0;position: relative;z-index: 98;margin-top: 0px;}
.formEnvio .contentBg{background-color: #004d85;width: 100%;position: relative;left: 0%;top: 0;color: #fff;z-index: 10;padding: 80px 0px 140px 0px;}
.formEnvio .container{padding: 0;width: 100%;left: 0;}

.formEnvio .cont{font-size: 22px;color: #ffffff;font-weight: 100;padding: 0 0 0 0;background: #004d85;}
.formEnvio .cont p{padding: 0 60px 0px 40px;margin-bottom: 30px;line-height: 1.5;font-size: 21px;}
.formEnvio .cont p b{color: #ffffff;font-weight: 600;}


.contformEnvio{width: 100%;padding: 40px 20px 40px 20px;box-shadow: none;background: #004d85;left: 0%;position: relative;display: inline-block;}
.formEnvio .cont{font-size: 22px;color: #ffffff;font-weight: 100;padding: 30px 0 0 0;}
.formEnvio .cont p{padding: 0 20px 0px 20px;margin-bottom: 30px;line-height: 1.5;font-size: 18px;}
.formEnvio .cont p b{color: #ffffff;font-weight: 600;}


.formEnvio .form{background-color: #ffffff;margin-bottom: 0px;padding: 20px 20px 0px 20px;box-shadow: 0px 10px 70px rgba(0, 0, 0, 0.42);}
.formEnvio .formularioParticipar p{color: #fff;font-size: 18px;font-weight: 100;}
.formEnvio .buttonFB{background-color: #004d85;color: #fff;width: 100%;display: block;padding: 8px 20px;font-size: 23px;font-family: 'Judson', serif;line-height: 40px;margin-bottom: 10px;box-shadow: 3px 3px 0px #4d98cd;}
.formEnvio .buttonFB i{margin-right: 9px;font-size: 28px;line-height: 1.4;}
.formEnvio .buttonFB:hover{background-color: #3d72b7;color: #fff;}
.formEnvio .formularioParticipar{}
.formEnvio .formularioParticipar .form-group{}

.formEnvio .formularioParticipar .form-group .form-control{border-radius: 0px;box-shadow: none;border: 0;display: inline-block;border: 1px solid #ccc;font-size: 14px;}
.formEnvio .formularioParticipar .form-group input.form-control::-webkit-input-placeholder{font-size:2.7vw}
.formEnvio .formularioParticipar .form-group input.form-control::-moz-input-placeholder{font-size:2.7vw}
.formEnvio .formularioParticipar .form-group input.form-control:-ms-input-placeholder{font-size:2.7vw}
.formEnvio .formularioParticipar .form-group input.form-control:-moz-input-placeholder{font-size:2.7vw}


.formEnvio .formularioParticipar .form-group .form-control.input1{width: 60%;margin-right: 4%;}
.formEnvio .formularioParticipar .form-group .form-control.input2{width: 35%;}
.formEnvio .formularioParticipar .checkbox{}
.formEnvio .formularioParticipar .checkbox label{color: #fff;line-height: 1.3;vertical-align: top;}
.formEnvio .formularioParticipar .checkbox label a{text-decoration: underline;color: #fff;}
.formEnvio .formularioParticipar .text{font-size: 14px;color: #2c394a;margin-bottom: 20px;width: 100%;display: inline-block;}
.formEnvio .formularioParticipar .firmarPeticion{float: none;background: #004d85;padding: 0px;border: 8px solid #00a7dd;margin-right: -65px;top: 24px;cursor: pointer;display: inline-block;width: 100%;}
.formEnvio .formularioParticipar .button-inner{/* width: 90%; *//* height: 90%; */background: #004d85;padding: 10px 16px;color: #fff;font-family: 'Judson', serif;font-size: 5vw;}
.formEnvio .formularioParticipar .button-bg{width: 96%;height: 84%;background: #ffffff;}
.formEnvio .formularioParticipar .button-inner img{float: right;width: 11vw;}

.results{margin: 0;position: relative;z-index: 98;margin-top: 0px;}
.results .container{ padding: 0;}
.results .contentBg{background-color: #004d85;width: 100%;position: relative;left: 0%;top: 0;color: #fff;z-index: 10;padding: 40px 0px 10px 0px;}
.resultsContainer{width: 100%;display: inline-block;margin-left: 0%;}
.resultsContainer img{ width: 100%;}
.shareResults{width: 86%;display: inline-block;margin-right: 0%;margin-left: 7%;}

.results{margin: 0;position: relative;z-index: 98;/* margin-top: -90px; */}
.results .container{}
.resultsContainer{background: #004d85;padding: 0px;box-shadow: 0px 10px 70px rgba(0, 0, 0, 0.42);text-align: center;z-index: 120;position: relative;}
.resultsContainer img{width:100%}
.results .mainClaim img{}
.results .mainClaim h2{margin-bottom: 10px;font-size: 6vw;width: 90%;}
.results .mainClaim h2 br{display: none}
.results .mainClaim h2 span{}
.results .mainClaim p{font-size: 5vw;padding: 0 15px;text-align: center;width: 85%;margin: 0 auto;margin-bottom: 40px;}

.shareResults{background: #fff;box-shadow: 0px 0px 7px rgba(62, 62, 62, 0.14);padding: 20px 0px 0px;color: #2c394a;font-weight: 100;}
.shareResults p{font-size: 19px;width: 100%;display: inline-block;padding-left: 0px;margin-bottom: 10px;padding-top: 20px;text-align: center;}
.shareResults img{width: 100%;display: block;margin-bottom: 30px;display: none;height: 32px;width: auto;}
.shareResults .rrssForm{border: 8px solid #019450;width: 111%;margin-left: -5%;}
.shareResults .rrssForm .button-bg{background-color: #fff;width: 99%;}
.shareResults .rrssForm .button-inner{ padding: 10px;}
.shareResults .rrssForm .sepHz2{display: inline-block;width: 10px;text-align: center;/* display: none; */vertical-align: top;height: 30px;filter: contrast(380%) grayscale(20%);margin-top: 6px;}
.shareResults .rrssForm .sepVt{display: inline-block;width: 10px;text-align: center;/* display: none; */vertical-align: top;height: 30px;margin-top: 6px;}
.shareResults .rrssForm .sepVt img{display:inline-block}
.shareResults .rrssForm br{display: none}
.shareResults .rrssForm .sepHz2+.sepHz2{margin-left: 18px;display: none;}

.shareResults .rrssForm .sepHz2 img{transform: rotate(0deg);width: auto;margin-bottom: 0;display: inline-block;}
.shareResults .rrssForm .button-inner a{padding: 0px 7px;width: 16%;font-size: 27px;}
.shareResults .rrssForm .button-inner a .fa{}
.shareResults .buttonEnviaPalabra{  display: inline-block;  width: 100%;  margin-bottom: 0px;}
.shareResults .buttonEnviaPalabra a{}
.shareResults .buttonEnviaPalabra a .fa{}
.shareResults .buttonEnviaPalabra p{font-size: 4.5vw;padding-left: 0px;width: 85%;margin-bottom: 0px;padding-top: 0px;text-align: left;}
.shareResults .buttonEnviaPalabra .sepVt{}

.buttonEnviaPalabra{background-color: #00a7dd;color: #fff;padding: 10px 20px;margin-bottom: 20px;}
.buttonEnviaPalabra p{width: 85%;display: inline-block;color: #fff !important;margin-bottom: 0px;}
.buttonEnviaPalabra p b{font-size: 130%;font-weight: 500;padding: 2px;background-color: #fff;color: #00a4da;margin-top: 3px;position: relative;display: inline-block;}
.buttonEnviaPalabra a{float:right;font-size: 32px;color: #fff;}

.milk{margin-top: -230px;background-size: 750px;padding-top: 120px;min-height: 208px;}
.milk .logo{margin-bottom: 10px;width: 25vw;}
.milk p{font-size: 6vw;font-weight: 100;color: #004d85;}


.footer{margin: 0;min-height: 85px;background: #004d85;z-index: 101;position: relative;box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.52);}
.footer .container{padding:0;}
.footerClaim{background: #fff;position: relative;height: 100%;min-height: 80px;z-index: 99;padding-top: 14px;font-size: 15px;padding-right: 0px;color: #00487e;line-height: 1;padding-right: 30px;}
.footerClaim img{display: inline-block;float: left;margin-right: 10px;}
.bgWhiteFooter{position: absolute;width: 25%;right: 0;top: 0;height: 100%;background: #fff;display: none;}
.footerResults{position: absolute;bottom: 15px;width: 100%;font-size: 16px;color: #00a7dd;left: 0;padding: 0px 20px;}
.linksFooter{text-align: center;}
.linksFooter ul{ color: #fff; padding-top: 20px;}
.linksFooter ul li{  display: inline-block;  border-right: 2px solid #00a7dd;  line-height: 1;  padding-right: 10px;  padding-left: 10px;}
.linksFooter ul li a{color: #fff;}
.linksFooter ul li a:hover{color: #00a7dd;}
.linksFooter p{  color: #fff;  font-weight: 300;}
.linksFooter p i{  color: #00a6dc;  display: inline-block;  margin-right: 13px;  font-size: 19px;}


.logoMadre{position: absolute;top: 0px;left: 20px;z-index: 220;max-width: 97px;padding: 10px 10px;/* max-width: 23vw; *//* max-height: 80px; */}
.logoPuleva{position: absolute;top: 15px;right: 20px;z-index: 200;width: 14vw;width: 70px;}

.subheaderFaqs{
    padding: 90px 0px 40px;
}
.subheaderFaqs h1{
    font-size: 8vw;
}
.faqs{z-index: 100; position: relative;}
.backbutton{position: absolute;top: 20px;left: 25px;color: #00a6dc;font-size: 24px;font-family: 'Judson', serif;}
.faqs .contentBg{margin-top: -30px;padding-top: 60px;padding-bottom: 200px;}
.faqs .pregunta{display: block;margin-bottom: 60px;text-align: center;padding: 10px 15px;}
.faqs .pregunta img{margin-bottom: 0px;width: 150px;display: inline-block;}
.faqs .pregunta:first-child img{ width: 220px;}
.faqs .pregunta h2{width: 100%;margin: 20px auto;text-align: left;}
.faqs .pregunta h2 span{ color: #00a6dc;}
.faqs .pregunta p{margin: 0 auto;width: 100%;font-size: 16px;text-align: left;}
.faqs .contformEnvio{text-align: center;padding: 20px 20px 30px 20px;}
.faqs .contformEnvio .cont{color: #fff;background: #004d85;padding: 20px 20px 20px 20px;}
.faqs .contformEnvio .cont p b{color: #fff;font-weight: 600;}


.cookiesBar{background: #212121;display: none;}
.cookiesBar .container{ position: relative;}
.cookiesBar .closeCookiesBtn{position: absolute;top: 10px;right: 10px;color: #00a7dd;background: transparent;font-weight: 700;font-size: 31px;line-height: 1;}
.cookiesBar h2{font-size: 25px;color: #00a7dd;font-weight: 100;}
.cookiesBar p{font-size: 15px;color: #fff;font-weight: 200;margin-bottom: 30px;}
.cookiesBar p a{text-decoration: underline;font-weight: bold;color: #fff;}


}

/* Medium devices (tablets, 768px and up) */
@media (min-width:768px) { 

.header iframe{width: 100%;height: 542px;}
.header .portada{width: 100%;height: 542px;}
.contVideo {}
#video {height: 405px;}
.faldonVideo {}
.faldonVideo p {}
.btnFirmaAhora {}
.subheaderFaqs{
    padding: 80px 0px 100px;
}
.subheaderFaqs h1{
    font-size: 44px;
}

.form {padding-top:80px;padding-bottom:103px;}

.contador{background-color: #ededed;padding: 20px 30px 20px 40px;}
.cifra{border: 1px solid #ccc;font-size: 28px;color: #00a7dd;padding: 0.1em 0.15em;vertical-align: top;margin-right: 0.21em;}
.cifraClaim{background-color: #fff;display: inline-block;padding: 0.2em 0.7em;font-size: 21px;/* vertical-align: top; */}
.sepCifras{display: inline-block;padding: 0.1em 0em;color: #00a7dd;font-size: 20px;margin-right: 0.16em;}

.columnDer{padding-left: 15px;padding-top: 2em;}

.columnMosaico.columnDer {}

.mosaicoMobile{display: none;}

  .mosaicoBlock-1{width: 100%;height: 310px;height: 3.8em;}
  .mosaicoBlock-1 .opcion{font-size: 67%;}
  .mosaicoBlock-1 .votos{font-size: 40%;}

  .mosaicoBlock-2{width: 77%;height: 233px;height: 3.4em;}
    .mosaicoBlock-2 .opcion{font-size: 53%;}
    .mosaicoBlock-2 .votos{font-size: 37%;}

  .mosaicoBlock-3{width: 89%;height: 277px;height: 4em;}
    .mosaicoBlock-3 .opcion{font-size: 65%;}
    .mosaicoBlock-3 .votos{font-size: 36%;}

  .mosaicoBlock-4{width: 42%;height: 232px;margin-right: 15px;height: 4.2em;}
    .mosaicoBlock-4 .opcion{font-size: 56%;}
    .mosaicoBlock-4 .votos{font-size: 36%;}

  .mosaicoBlock-5{width: 50%;height: 310px;margin-right: 15px;height: 4.8em;/* padding-top: 1.5em; */}
    .mosaicoBlock-5 .opcion{font-size: 63%;}
    .mosaicoBlock-5 .votos{font-size: 37%;}

  .mosaicoBlock-6{width: 45%;height: 266px;height: 4em;margin-right: 0px;}
    .mosaicoBlock-6 .opcion{font-size: 60%;}
    .mosaicoBlock-6 .votos{font-size: 36%;}


  .resultsContainer{width: 59%;display: inline-block;margin-left: -10%;}
  .shareResults{width: 60%;display: inline-block;margin-right: -10%;vertical-align: top;margin-top: 30px;}

}


/* Large devices (desktops, 992px and up) */ 

@media (min-width:992px) {

  .header iframe{width: 100%;height: 650px;}
  .header .portada{width: 100%;height: 650px;}
    .subheaderFaqs{
        padding: 100px 0px 120px;
    }
    #video {height: 529px;}
.subheaderFaqs h1{}
.contador{background-color: #ededed;padding: 20px 60px 20px 60px;}
  .cifra{border: 1px solid #ccc;font-size: 30px;color: #00a7dd;padding: 0.1em 0.35em;vertical-align: top;margin-right: 0.1em;}
.cifraClaim{background-color: #fff;display: inline-block;padding: 0.4em 0.2em;font-size: 24px;/* vertical-align: top; */}
.sepCifras{display: inline-block;padding: 0.1em 0em;color: #00a7dd;font-size: 32px;margin-right: 0.1em;}

.cont {padding-top:20px;}
.form {padding-top:52px;padding-bottom:0px;}

  .mosaicoBlock{margin-bottom:20px}
  .columnDer{padding-left: 20px}

  .mosaicoBlock-1{width: 100%;height: 310px;height: 6.2em;}
  .mosaicoBlock-1 .opcion{font-size: 90%;}
  .mosaicoBlock-1 .votos{font-size: 40%;}

  .mosaicoBlock-2{width: 75%;height: 233px;height: 5em;}
    .mosaicoBlock-2 .opcion{font-size: 70%;}
    .mosaicoBlock-2 .votos{font-size: 37%;}

  .mosaicoBlock-3{width: 89%;height: 277px;height: 6em;}
    .mosaicoBlock-3 .opcion{font-size: 80%;}
    .mosaicoBlock-3 .votos{font-size: 36%;}

  .mosaicoBlock-4{width: 39%;height: 232px;margin-right: 20px;height: 5.1em;}
    .mosaicoBlock-4 .opcion{font-size: 64%;}
    .mosaicoBlock-4 .votos{font-size: 36%;}

  .mosaicoBlock-5{width: 51%;height: 310px;margin-right: 20px;height: 6em;/* padding-top: 1.5em; */}
    .mosaicoBlock-5 .opcion{font-size: 80%;}
    .mosaicoBlock-5 .votos{font-size: 37%;}

  .mosaicoBlock-6{width: 45%;height: 266px;height: 5.3em;margin-right: 0px;}
    .mosaicoBlock-6 .opcion{font-size: 80%;}
    .mosaicoBlock-6 .votos{font-size: 36%;}

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
  .container{width: 1070px;}
.subheaderFaqs{
    padding: 100px 0px 120px;
}
.subheaderFaqs h1{}
  .header iframe{width: 100%;height: 650px;max-width:1280px;display:block;margin:0 auto;}
/*  .header .portada{width: 100%;height: 650px;max-width:1280px;display:block;margin:0 auto;}*/
  .header .portada{width: 100%;height: 650px;display:block;margin:0 auto;}

  #video {height: 585px;}
  
.contador{background-color: #ededed;padding: 20px 60px 20px 60px;}
  .cifra{border: 1px solid #ccc;font-size: 32px;color: #00a7dd;padding: 0.1em 0.35em;vertical-align: top;margin-right: 0.16em;}
.cifraClaim{background-color: #fff;display: inline-block;padding: 0.4em 0.7em;font-size: 24px;/* vertical-align: top; */}
.sepCifras{display: inline-block;padding: 0.1em 0em;color: #00a7dd;font-size: 32px;margin-right: 0.16em;}

.cont {padding-top:40px;}
.form {padding-top:25px;}


  .mosaicoBlock-1{width: 100%;height: 310px;height: 7.4em;}
  .mosaicoBlock-1 .opcion{font-size: 93%;}
  .mosaicoBlock-1 .votos{font-size: 40%;}

  .mosaicoBlock-2{width: 75%;height: 233px;height: 5.4em;}
    .mosaicoBlock-2 .opcion{font-size: 70%;}
    .mosaicoBlock-2 .votos{font-size: 37%;}

  .mosaicoBlock-3{width: 89%;height: 277px;height: 6em;}
    .mosaicoBlock-3 .opcion{font-size: 80%;}
    .mosaicoBlock-3 .votos{font-size: 36%;}

  .mosaicoBlock-4{width: 39%;height: 232px;margin-right: 20px;height: 5.4em;}
    .mosaicoBlock-4 .opcion{font-size: 64%;}
    .mosaicoBlock-4 .votos{font-size: 36%;}

  .mosaicoBlock-5{width: 51%;height: 310px;margin-right: 20px;height: 6.7em;/* padding-top: 1.5em; */}
    .mosaicoBlock-5 .opcion{font-size: 90%;}
    .mosaicoBlock-5 .votos{font-size: 37%;}

  .mosaicoBlock-6{width: 45%;height: 266px;height: 5.3em;}
    .mosaicoBlock-6 .opcion{font-size: 80%;}
    .mosaicoBlock-6 .votos{font-size: 36%;}
}


@media (min-width:1400px) {
    .milk {background:url(../images/milkBgBig.png) top center;background-size: 100% 100%;}
    .bgWhiteFooter {width: 35%;}
}


@media (min-height: 420px){
  .header iframe{height: 570px;}
  .header .portada{height: 570px;}
}


@media (min-height: 720px){
  .header iframe{height: 650px;}
  .header .portada{height: 650px;}
}


@media (min-height: 850px){
  .header iframe{height: 780px;}
  .header .portada{height: 780px;}
}