@font-face { font-family: 'Nunito Sans'; font-style: normal; font-weight: 600; src: url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc9iB85tU1E.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Nunito Sans'; font-style: normal; font-weight: 300; src: url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc8WAc5tU1E.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } * {margin: 0;padding: 0;font-family:'Nunito Sans',sans-serif;;font-weight:300;outline:none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;list-style:none;text-shadow: 1px 1px 1px rgba(0,0,0,0.004);-webkit-font-smoothing: antialiased !important;} body {width:100%;overflow-x:hidden;color:#000;} .bodyinterior {background:#FFF;} .alinear_izquierda{text-align:left !important} .alinear_derecha{text-align:right !important} .flota_izquierda{float:left !important} .flota_derecha{float:right !important} .centrado{text-align:center !important} .clear{clear:both;} .dn {display:none} em{font-style:normal} strong,b{font-weight:700} .blue {color: #002d72} .bblue {background: #002d72 !important;} .red {color: #00C1D5} .bred {background: #00C1D5 !important;} .white {color:#FFF !important} .deg {background: linear-gradient(135deg, #57BBF0 0%,#00c1d5 100%) !important;} a:link,a:active,a:visited,a:hover{text-decoration:none;color:#1A5EA3;outline:none;transition: all 0.15s ease-in-out;} .msgcookie{z-index:99998;position:fixed;width:100%;background:rgba(0,0,0,0.8);color:#fff;font-size:11px;line-height:135%;padding:10px;bottom:0;left:0;right:0;text-align:center} .msgcookie p{color:#FFF;margin:0;padding:0;text-align:center;font-size:12px;line-height:135%} .msgcookie form {display:inline-table;width:auto;margin:10px} .msgcookie button {border:0;display:block;font-size:13px !important;padding:6px 20px;transition:0.2s all linear;cursor:pointer} .acepto {background:green;color:#FFF !important;} .elotro {background:#EEE !important;color:#000 !important;} .msgcookie a:link,.msgcookie a:active,.msgcookie a:visited{color:var(--blanco)} .msgcookie a:hover {color:var(--color2)} .msgcookieconf {position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;background:#FFF;box-shadow:0 0 150px rgba(0,0,0,0.50);z-index:99999;border-radius:4px} .msgcookieconf i {font-size:60px;position:absolute;top:-25px;left:50%;transform:translate(-50%,0);color:#2e74b8} .msgcookieconf p{color:#000;margin:0;padding:50px 15px 15px 15px;text-align:left;font-size:13px;line-height:135%} .msgcookieconf label {display:block;margin:10px 0 0 0;text-align:left;padding-left:15px;font-size:14px} .msgcookieconf label input {margin-right:10px} .msgcookieconf .acepto {border:0;padding:9px 0;font-size:15px !important;display:block;width:280px !important;margin:10px !important;text-align:center} .msgcookieconf .elotro {border:0;padding:6px 0;font-size:11px !important;display:block;width:130px !important;margin:0 10px 10px 10px !important;float:left;text-align:center} .msgcookie p a:hover{opacity:1} .contenedor{width:1280px;margin:0 auto;position:relative;overflow:hidden} .header{z-index:105;position:fixed;text-align:left;top:0;left:0;right:0;} .logo{margin:20px 0;} .logo img {display:block;height:50px} .fixed {background:#FFF;box-shadow:0 0 15px rgba(0,0,0,0.30);transition: background-color 0.2s linear;} .index {display:inline;float:left;width:100%;padding:0 0 50px 0;} .index img {display:block;width:100%;height:auto} .opciones {display:flex;float:right;height:30px;background:#F0F0F0;border-radius:0 0 5px 5px} .opciones ul.access{list-style:none;margin-right:20px} .access i {margin-right:5px} .access a:link,.access a:active,.access a:visited{color:#000;font-size:12px;display:inline-block;height:30px;padding:0 10px;line-height:30px;} .access span{color:#000;font-size:12px;display:block;height:30px;padding:0 10px;line-height:30px;white-space:pre;} .fixed .opciones,.interior .opciones {background:none;position:absolute;top:50%;right:0;transform:translate(0,-50%);height:auto} .fixed .login,.interior .login {background:linear-gradient(135deg, #57BBF0 0%,#00c1d5 100%) !important;color:#FFF;font-size:16px !important;line-height:16px !important;height:auto !important;padding:8px 16px !important;border-radius:4px;color:#FFF !important} .opciones ul.langs{list-style:none;float:right} .langs li{float:left;margin:0;position:relative;overflow:hidden;} .langs li i {margin-right:5px} .langs li a:link,.langs li a:active,.langs li a:visited{color:#000;font-size:12px;display:block;height:30px;padding:0 10px;line-height:30px;} .bothome {display:flex;justify-content:space-between;margin:0 0 20px 0} .bothome div {flex: 0 0 24%;text-align:center;background: linear-gradient(135deg, #57BBF0 0%,#00c1d5 100%);transition:0.2s all linear} .bothome div:hover {background: linear-gradient(135deg, #00c1d5 0%, #57BBF0 100%)} .bothome div svg {display:block;margin:0 auto 25px auto;height:48px;width:auto} .bothome div a:link,.bothome div a:active,.bothome div a:visited {font-size:22px;display:block;color:#FFF;padding:25px;line-height:110%} section {display:inline;float:left;margin:0;width:100%;clear:both;padding:0;} .bgris {margin-top:50px;background:#F0F0F0;padding:30px 0} .slider{display:inline;float:left;width:100%;position:relative;overflow:hidden;margin:0;padding-top:4px} .blanco {display:inline;float:left;width:100%;background:#F0F0F0;height:400px;} .fases {display:inline;float:left;position:relative;z-index:102;margin-bottom:50px;clear:both;width:100%;overflow:hidden;padding:0;} /*.triangulo1 {display:none;width: 100%;height:60px;background:#FFF;position:absolute;left:0;top:-40px;transform: skewY(1deg);} .triangulo2 {display:none;width: 100%;height:60px;background:#FFF;position:absolute;left:0;bottom:-40px;transform: skewY(-1deg);}*/ .flex {display:flex;justify-content:space-between;flex-wrap:wrap;align-items:flex-start;} .flex2,.flex3 {display:flex;flex-wrap:wrap;margin-left:-20px;} .flexigual {align-items:stretch !important} .fase {flex:0 0 auto;font-size:19px;cursor:pointer;padding:10px 0;text-align:center} .fasei,.fasei2 {width:120px;height:120px;display:block;margin:0 auto 10px auto;border-radius:100%;position:relative;transition:transform .8s ease-in-out;} .fase:hover .fasei,.fase:hover .fasei2 {transform: rotate(360deg);} .fasesi .faset,.fasesi .faset2 {font-weight:600} .fasei svg,.fasei2 svg {fill: #FFF;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);} .white svg {fill:#FFF !important} .fase svg {height:50px;width:auto} .spacer {display:inline;float:left;width:100%;height:100px;background:#FFF;} .gente {display:inline;float:left;width:100%;height:200px;background:url(images/gente-01.svg) 50% 100% repeat-x;margin:0 0 30px 0;background-size:auto 100% !important;} .faseactual {position:absolute;top:20px;right:20px;padding:20px;font-size:13px} .faseactual span {font-size:24px;display:block} h1,h2 {position:relative;padding:0 0 10px 0;font-weight:normal;font-size:42px;margin:0 0 50px 0} h1 span,h2 span {width:30px;height:1px;position:absolute;top:100%;left:50%;transform:translate(-50%,0)} .espanel h2 {font-size:30px !important} h3.entrada {position:relative;font-weight:normal;font-size:22px;margin:0 0 50px 0;line-height:145%} h3.infoconsulta {font-size:16px !important} .prop {flex:0 0 270px;position:relative;margin-bottom:20px;margin-left:20px;background-image:url(images/prop.jpg);background-position:50% 50%;background-repeat:no-repeat;transition:background-size 0.2s ease-in;background-size: 100% 100%;} .prop a {display:block;padding:40px 10px;text-align:center} .icono {padding:10px;display:block;text-align:center;font-size:22px} .codigo {display:inline-block;font-size:12px;border-radius:3px;padding:2px 6px;margin:0 3px 5px;opacity:0.7;transition: all 0.15s ease-in-out;} .pquia {display:inline-block;font-size:12px;border-radius:3px;padding:2px 6px;margin:0 3px 5px;text-transform:uppercase;opacity:0.7;transition: all 0.15s ease-in-out;} .prop a.quit {padding:10px !important;font-size:24px} .prop:hover {background-size:110% 110% !important} .prop a:hover .codigo,.prop a:hover .pquia {opacity:1} .accordion {position:relative;margin:0 0 10px 0;clear:both} .accordiontoggle {background:#EEE;position:relative;font-size:15px !important;margin:0 !important;padding:10px 40px 10px 10px !important;cursor:pointer;clear:both} .accordiontoggle i {width:40px;height:40px;position:absolute;right:0;top:0;font-size:18px;line-height:40px;text-align:center} .accordioncontent {padding:10px;display:none;border-bottom:1px solid #EEE;margin-bottom:20px;clear:both;} .flexcolumnas {display:flex;justify-content:space-between;clear:both;margin:20px 0;} .flexcolumnas img {max-width:100%;height:auto;} .flexcolumna2 {flex:0 0 49%;} .flexcolumna3 {flex:0 0 32%;} .flexcolumna4 {flex:0 0 24%;} hr {border-top:2px solid;clear:both;margin-bottom:25px} pre {white-space:normal !important;background:#EEE;padding:15px 15px 15px 55px;font-size:19px;line-height:135%;margin-bottom:25px;position:relative;} .accordioncontent pre {margin-top:15px} pre:before {position:absolute;top:3px;left:10px;height:100%;content:"\f08d";font-family:"Font Awesome 5 Free";font-weight:900;color:#FFF;font-size:40px;transform:rotate(-10deg)} .skltbs {clear:both;position:relative;margin-bottom:20px} /*! Skeletabs v2.1.3-alpha.0: bundled themes and effects | MIT License */ .skltbs .skltbs-tab-group{margin:0 !important;padding:0 !important;list-style:none} .skltbs .skltbs-tab-group::after{content:"";clear:both;display:table} .skltbs .skltbs-tab-item{float:left;margin:0 3px 3px 0 !important;padding:0 !important} .skltbs .skltbs-tab{display:block;padding:8px 16px;color:inherit;border:0;font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:manipulation;touch-action:manipulation;background:#EEE;color:#000 !important} .skltbs-tab-item:before {left:-999em !important} .skltbs .skltbs-tab:disabled{background:transparent;cursor:not-allowed;-ms-touch-action:none;touch-action:none} .skltbs .skltbs-panel{padding:25px 25px 5px 25px;border:2px solid} .skltbs .skltbs-panel-heading{margin-top:3px} .skltbs .skltbs-panel-heading:first-child{margin-top:0} .skltbs .skltbs-panel-heading .skltbs-tab{width:100%} .skltbs .skltbs-tab:focus{outline:0;} .skltbs .skltbs-tab:disabled{color:#ccc;background:transparent} .skltbs .skltbs-tab.skltbs-active{color:#fff !important;background:#999 !important} .skltbs .skltbs-panel{background-color:#fff;border:2px solid #EEE} .skltbs-mode-tabs .skltbs-panel-group{position:relative}.skltbs-mode-tabs.use-fade .skltbs-panel{position:relative;-webkit-transition:opacity 500ms;transition:opacity 500ms}.skltbs-mode-tabs.use-fade .skltbs-leave{position:absolute;top:0;display:block !important;opacity:1}.skltbs-mode-tabs.use-fade .skltbs-leave-active{opacity:0}.skltbs-mode-tabs.use-fade .skltbs-enter{opacity:0}.skltbs-mode-tabs.use-fade .skltbs-enter-active{opacity:1}.skltbs-mode-tabs.use-fade-scale .skltbs-panel{position:relative;-webkit-transition:500ms;transition:500ms;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}.skltbs-mode-tabs.use-fade-scale .skltbs-leave{position:absolute;top:0;display:block !important;opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.skltbs-mode-tabs.use-fade-scale .skltbs-leave-active{opacity:0;-webkit-transform:scale(0.95);-ms-transform:scale(0.95);transform:scale(0.95)}.skltbs-mode-tabs.use-fade-scale .skltbs-enter{opacity:0;-webkit-transform:scale(0.95);-ms-transform:scale(0.95);transform:scale(0.95)}.skltbs-mode-tabs.use-fade-scale .skltbs-enter-active{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.skltbs-mode-tabs.use-drop .skltbs-panel{position:relative;-webkit-transition:500ms;transition:500ms;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}.skltbs-mode-tabs.use-drop .skltbs-leave{position:absolute;top:0;display:block !important;opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.skltbs-mode-tabs.use-drop .skltbs-leave-active{opacity:0;-webkit-transform:translate3d(0, 50%, 0);transform:translate3d(0, 50%, 0)}.skltbs-mode-tabs.use-drop .skltbs-enter{opacity:0;-webkit-transform:scale(0.5);-ms-transform:scale(0.5);transform:scale(0.5)}.skltbs-mode-tabs.use-drop .skltbs-enter-active{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.skltbs-mode-tabs.use-rotate .skltbs-panel-group{overflow:hidden}.skltbs-mode-tabs.use-rotate .skltbs-panel{position:relative;-webkit-transition:500ms;transition:500ms;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}.skltbs-mode-tabs.use-rotate .skltbs-leave{position:absolute;top:0;display:block !important;opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.skltbs-mode-tabs.use-rotate .skltbs-leave-active{opacity:0;-webkit-transform:translate3d(-50%, 0, 0);transform:translate3d(-50%, 0, 0)}.skltbs-mode-tabs.use-rotate .skltbs-enter{opacity:0;-webkit-transform:translate3d(50%, 0, 0);transform:translate3d(50%, 0, 0)}.skltbs-mode-tabs.use-rotate .skltbs-enter-active{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)} .nomargen {margin:0 !important} .faqs {margin-top:50px} .faq {flex:0 0 32%;font-size:12px;margin-top:30px;padding:20px 20px 10px 20px;:} .faq h3 {font-size:20px;margin:10px 0;line-height:110%;font-weight:bold} .faq p {font-size:14px;margin:0 0 10px 0;line-height:130%} .faq p img {width:80px;} .faq a i {margin-right:5px} .faq a:link,.faq a:active,.faq a:visited{color:#FFF;font-size:12px;display:inline-block;height:30px;padding:0 10px;line-height:30px;border-radius:4px;} .faqvideo {flex:0 0 38%;margin-bottom:30px} .faqvideo iframe {width:100%;height:auto;min-height:300px;display:block;border:5px solid #F0F0F0} .faqres {flex:0 0 60%;margin-bottom:30px;} .faqres h2,.faqres h3,.faqres h4,.faqres h5,.faqres h6,.faqtodo h2,.faqtodo h3,.faqtodo h4,.faqtodo h5,.faqtodo h6 {font-size:22px;margin:0 0 15px 0;line-height:110%;font-weight:600} .faqres p,.faqtodo p {font-size:15px;margin:0 0 15px 0;line-height:130%} .faqres ul ul {font-size:15px;margin:15px 0 0 0;list-style:square;line-height:130%} .faqres li,.faqtodo li {font-size:15px;margin:0 0 15px 30px;list-style:square;line-height:130%} .datosa {flex:0 0 60%;margin-bottom:30px;} .datosa h2 {font-size:22px;margin:0 0 15px 0;line-height:110%;font-weight:600} .datosa h3 {font-size:20px;margin:0 0 15px 0;line-height:110%;font-weight:600} .datosa h4 {font-size:19px;margin:0 0 15px 0;line-height:110%;font-weight:600} .datosa h5 {font-size:17px;margin:0 0 15px 0;line-height:110%;font-weight:600} .datosa h6 {font-size:16px;margin:0 0 15px 0;line-height:110%;font-weight:600} .datosa p {font-size:15px;margin:0 0 15px 0;line-height:130%} .datosa ul {font-size:15px;margin:15px 0 0 0;list-style:none;line-height:130%} .datosa ul ul {font-size:15px;margin:15px 0 0 20px;list-style:none;line-height:130%} .datosa li {list-style:none;font-size:15px;margin:0 0 15px 0;line-height:130%;position:relative;padding:5px 0 5px 25px} .datosa li:before {position:absolute;left:0;top:4px;width:20px;height:20px;content:"\f15c";font-family:"Font Awesome 5 Free";font-weight:500;color:#00d1c5} .datosa a:link,.datosa a:active,.datosa a:visited {font-weight:600} .datosa a:hover {color:#000} .consultasflex {margin-left:-3.33%;display:flex;flex-wrap:wrap;justify-content:center} .consultasflex > div {flex:0 0 30%;margin-left:3.33%;position:relative;border-top:30px solid #FFF;padding:50px 20px 20px 20px;border-radius:5px;margin-bottom:3.33%} .consultasflex i.icon {border-radius:100%;background:#FFF;font-size:24px;line-height:60px;width:60px;height:60px;position:absolute;left:50%;transform:translate(-50%,0);top:-30px;text-align:center} .consultasflex h2 {margin:0 0 5px 0 !important;font-size:26px !important} .consultasflex p {margin:0 0 5px 0 !important;font-size:13px !important} .consultasflex p i {margin:0 5px 0 !important;} .consultasflex p i:last-child,.datapoll i:last-child {margin:0 5px 0 15px !important;} .consultasflex a:link,.consultasflex a:active,.consultasflex a:visited {display:block;margin:20px auto 0 auto;padding:8px 0;border-radius:4px;background:#FFF;font-weight:600;width:100px;text-align:center} .datapoll {text-align:center;font-size:16px;} .pollr {display:block;width:50%;margin:30px auto;padding:20px;box-shadow:0 0 15px rgba(0,0,0,0.25)} .pollflex {display:flex;margin:0 0 10px 0;align-items:center} .usuarios .pollflex,.pollr .usuarios {margin:0 !important} .pollflexp {flex:0 0 200px;padding-right:20px;} .pollgraph {flex:1 1 auto;} .pollf {position:relative;height:30px;border-radius:15px;overflow:hidden;background:#EEE} .pollp {position:absolute;top:0;left:0;height:30px;z-index:101;border-radius:15px;} .pollf span {position:absolute;top:0;right:10px;line-height:30px;z-index:102;font-size:12px} .pollflex img {max-width:100%;height:auto;max-height:100px;vertical-align:middle;margin-right:10px} .pollcheck {flex:0 0 50px;padding:10px 0;} .pollcheck2 {flex:1 1 auto;padding:10px 0;} .pollcheck2 label {font-size:19px !important;font-weight:normal !important;cursor:pointer} /* RESET */ input[type=radio],input[type=checkbox] {margin-bottom: 0;} /* SOURCE ELEMENT (when checkator is enabled on an element) */ .checkator_source {position: relative;z-index: 2;display: block;padding:10px 0} /* SHARED SETTING */.checkator_holder { /* Holder for the new element */ display: inline-block; position: relative;width:30px !important;height:30px !important;} .checkator_element { /* New element */ border: 2px solid #CCC; background-color: #fff; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1;transition:0.2s all linear;} .checkator_source:checked+.checkator_element:after { /* Checked element dot */ background-color: #00C1D5;display: block;content: ' ';top: 20%;right: 20%;bottom: 20%;left: 20%;position: absolute;} .checkator_source:focus+.checkator_element { /* Focused element */border: 2px solid #00C1D5;} .checkator_source:hover+.checkator_element { /* Hovered element *//* Bug: There is a bug in chrome preventing this from working correctly */border: 2px solid #00C1D5;} /* RADIO SETTINGS */ .checkator_element.radio {border-radius: 50% !important;} .checkator_element.radio:after {border-radius: 50% !important;} .yavote {display:block;width:50%;padding:20px;margin:20px auto;color:#4f8a10 !important;background:#dff2bf;text-align:center;font-size:19px} .yavote i {font-size:45px;display:block;margin:0 auto 10px auto} .boton {display:inline-block;border-radius:4px;padding:14px 30px;font-size:16px;margin-top:30px;border:1px solid} .publicar {background:#002d72 url(images/participa.jpg) 50% 50% no-repeat;background-size:cover !important;margin:40px 0} .publicar h2 {font-size:39px;margin:40px 0 20px 0} .publicar .boton {clear:both;margin:0 0 40px 0 !important} /* Modal */ .alertable { position: fixed; z-index: 9999; top: 50%; left:50%;transform:translate(-50%,-50%); background: white; padding: 20px; margin: 0 auto;box-shadow:0 0 150px #000;width:280px} /* Overlay */ .alertable-overlay { position: fixed; z-index: 9998; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0, .8);} /* Message */ .alertable-message { margin-bottom: 20px;font-size:16px;text-align:center;line-height:135%;} /* Prompt */ .alertable-prompt { margin-bottom: 20px;} .alertable-input { width: 100%; border-radius: 4px; box-shadow: none; border: solid 1px #ccc;font-family: inherit;font-size: inherit; color: inherit; padding: 6px 12px; display: block; box-sizing: border-box; margin-bottom: 10px;} /* Button group */ .alertable-buttons { text-align: center;} /* OK button */ .alertable-ok { display:inline-table !important;background: #00C1D5;border: 0; font-family: inherit; font-size: inherit; color: white; padding: 6px 12px; margin:0; cursor: pointer;} /* Cancel button */ .alertable-cancel { display:inline-table !important;border: 0;background: #F0F0F0; font-family: inherit; font-size: inherit; color: #000; padding: 6px 12px;cursor: pointer;} .valoracion {display:inline;float:left;width:100%;margin:30px 0;background: #F0F0F0;padding:30px 30px 0 30px;} .valoracion .valtit {margin:0 0 20px 0 !important;text-align:center;display:block;font-size:26px} .valoracion i {font-size:60px;display:table;width:auto;margin:0 auto 5px auto} .enverde {color:green} .enrojo {color:red} .infoficha {font-size:12px;margin:0 0 50px 0} .infoficha i {margin-right:5px} .c1 {flex:0 0 auto;width:870px;} #map_canvas {width:100%;height:300px;margin-bottom:30px} .c1 p {font-size:14px;line-height:145%;margin:0 0 30px 0;} .c1 h3 {margin:60px 0 10px 0;font-size:27px} .tags {display:inline;float:left;width:100%;margin:0 0 30px 0;} .tags li {display:inline-block;margin:0 5px 5px 0;font-size:12px;padding:4px 9px;border-radius:4px;background:#F0F0F0} .galeria {justify-content:flex-start} .galeria div {width:150px;border:1px solid #F0F0F0;border-radius:4px;padding:5px;margin:0 5px 5px 0} .galeria img {width:100%;display:block;height:auto} .fav{float:right;font-size:30px} .inlineblock {display:inline-block;border-radius:3px;padding:2px 6px;margin-left:5px} .c2 {flex:0 0 auto;width:260px;border-left:1px solid #F0F0F0;padding-left:40px} #mapaactivo path:hover {cursor:pointer;fill: #00C1D5;} .tiptop {position: absolute;z-index: 9999;max-width: 300px;padding:5px 8px;font-size:15px;background: #FFF;border-radius: 3px;} .c2 h3 {font-weight:bold;font-size:21px;margin:10px 0 5px 0;clear:both;display:inline;float:left;width:100%;border-top:1px solid #F0F0F0;padding:10px 0 0 0} .c2 p {font-size:15px;margin:5px 0 0 0;width:50%;float:left} .c2 p input {vertical-align:middle;margin:0 5px 0 0} .yavotado,.votarform {border-radius:5px;padding:15px 25px;max-width:100%;width:auto;margin:0 auto 30px;display:table} .yavotado > i {font-size:56px;margin:0 auto 5px !important;display:table;width:auto} .yavotado p {text-align:center;font-size:26px;color:#FFF;text-align:center;margin:0 !important} .yavotado p.small {font-size:14px !important} .small i {margin-right:5px} .small i:last-child {margin-left:20px} .flexform {display:flex;justify-content:space-between;flex-wrap:wrap;} .flexvoto {flex:0 0 31%;text-align:center;transition:.2s all linear} .flexvoto:hover {transform:scale(1.05);} .flexvoto label {cursor:pointer;padding:15px 25px;color:#FFF;text-align:center;display:block;transition:.2s all linear;} .flexvoto .acti {background:red !important} .flexvoto i {font-size:45px;display:block;margin-bottom:10px} .flexvoto2 {flex:0 0 100%;margin-top:10px} .flexvoto2 button {border:0;display:block;width:100%;line-height:60px;font-size:25px;font-weight:600;transition:0.2s all linear} .flexvoto2 button i {margin-right:5px} .flexvoto input[type=radio] {position:absolute;left:-999em} button:disabled {opacity:0.4} .desactivado {cursor:not-allowed !important;opacity:0.4 !important} .activado {cursor:default !important;opacity:1 !important;background:#002d72 !important} .mensajevoto {margin-bottom:50px} /* PANEL */ .padding {padding:10px 0;margin:0 0 50px 0} .usuarios {margin:0 auto 30px auto;width:100%;border:1px solid #EEE;border-radius:5px} .usuarios fieldset {border:0;padding:30px} .half {flex:0 0 49%;position:relative;} .full {flex:0 0 100%;position:relative;} .usuarios div label {font-weight:bold;font-size:14px;display:block;line-height:20px} .usuarios textarea {border:1px solid #DDD;padding:8px;font-size:14px;display:block;width:100%;margin:3px 0 20px 0;height:150px;resize:none} .usuarios select,.usuarios input[type=date],.usuarios select,.usuarios input[type=text],.usuarios input[type=email],.usuarios input[type=tel],.usuarios input[type=number],.usuarios input[type=password],.usuarios input[type=file] {border:1px solid #DDD;padding:8px;font-size:14px;display:block;width:100%;margin:3px 0 20px 0;background:#FFF} .usuarios input[type=checkbox] {vertical-align:middle;margin:0 10px 0 0} .usuarios input[type=submit],.usuarios input[type=button] {border:0;padding:10px 30px;border-radius:4px;font-size:18px;text-transform:uppercase;margin-top:20px;color:#FFF;transition: all 0.15s ease-in-out;} .usuarios input[type=submit]:hover,.usuarios input[type=button]:hover {background:#212125} a.superboton {display:inline-block;border:0;padding:10px 30px;border-radius:4px;font-size:18px;text-transform:uppercase;margin-top:20px;color:#FFF;transition: all 0.15s ease-in-out;} a.superboton:hover {background:#212125} .medioform {width:50%;margin:30px auto;display:block;border:1px solid #EEE;border-radius:5px} .medioform fieldset {border:0;padding:30px 30px 0 30px} .medioform div {display:inline;float:left;position:relative;width:100%;padding:0 0 20px 0} .medioform div label {font-weight:bold;font-size:14px;display:block;line-height:20px} .medioform select,.medioform input[type=date],.medioform select,.medioform input[type=text],.medioform input[type=email],.medioform input[type=tel],.medioform input[type=number],.medioform input[type=password],.medioform input[type=file] {border:1px solid #DDD;padding:8px;font-size:14px;display:block;width:100%;margin:3px 0 0 0;background:#FFF} .medioform input[type=submit] {border:0;padding:10px 30px;border-radius:4px;font-size:18px;text-transform:uppercase;margin-top:20px;color:#FFF;transition: all 0.15s ease-in-out;} .medioform input[type=submit]:hover {background:#212125} .medioform input[type=checkbox] {vertical-align:middle;margin:0 10px 0 0} .panel {border:solid #ddd;background:#F0F0F0;border-width:1px 0;flex:1 1 auto;text-align:center} .panel a {display:block;font-size:12px;padding:12px 0} .panel i {margin-right:5px} label.error {position:absolute;top:0;right:0;width:20px;height:20px;text-indent:-999em} label.error:before {font-size:16px;font-family:"Font Awesome 5 Free";font-weight:900;content:"\f057";right:0;position:absolute;width:20px;height:20px;text-indent:0;text-align:right;color:red;line-height:20px} p.ok{font-size:15px;font-weight:normal;color:#4f8a10 !important;background:#dff2bf;text-align:left;padding:10px 10px 10px 30px !important;height:auto !important;position:relative;border:solid #FFF;border-width:10px 0} p.ok:before {position:absolute;width:15px;height:auto;top:50%;left:10px;transform:translate(0,-50%);content:"\f058";font-family: "Font Awesome 5 Free"; font-weight: 900; font-size:15px} p.error{font-size:15px;font-weight:normal;color:#d8000c !important;background:#ffbaba;text-align:left;padding:10px 10px 10px 30px !important;height:auto !important;position:relative;border:solid #FFF;border-width:10px 0} p.error:before {position:absolute;width:15px;height:auto;top:50%;left:10px;transform:translate(0,-50%);content:"\f06a";font-family: "Font Awesome 5 Free"; font-weight: 900; font-size:15px} p.alerta{font-weight:normal;color:#9f6000 !important;background:#feefb3;text-align:left;padding:10px 10px 10px 30px !important;height:auto !important;position:relative;border:solid #FFF;border-width:10px 0} p.alerta:before {position:absolute;width:15px;height:auto;top:50%;left:10px;transform:translate(0,-50%);content:"\f0f3";font-family: "Font Awesome 5 Free"; font-weight: 900; font-size:15px} p.info{font-size:15px;font-weight:normal;color:#00529b !important;background:#bde5f8;text-align:left;padding:10px 10px 10px 30px !important;height:auto !important;position:relative;border:solid #FFF;border-width:10px 0} p.info:before {position:absolute;width:15px;height:auto;top:50%;left:10px;transform:translate(0,-50%);content:"\f05a";font-family: "Font Awesome 5 Free"; font-weight: 900; font-size:15px} p.info2{font-size:15px;color:#666 !important;text-align:left;padding:10px 0 !important;height:auto !important;position:relative;border:solid #FFF;border-width:0 30px;margin:0 !important} .gen {font-size:15px;line-height:145%;margin:0 0 20px 0} ul.paginacion {clear:both;margin:10px auto;width:auto;display:table;} .paginacion li{list-style:none;margin:0 3px !important;padding:0 !important;background:none !important;line-height:30px;text-align:center;display:block;float:left} .paginacion li:before {display:none !important;left:-999em !important} .paginacion a {font-size:10px !important;text-decoration: none;color: #000;display:block;padding:0;width:30px;background:#f4f4f4} .paginacion a:hover, .paginacion a:active {color: #1A5EA3;} .paginacion span.current {font-weight: bold;background: #1A5EA3;color: #FFF;display:block;padding:0;width:30px} .paginacion span.disabled {background: #f4f4f4;display:block;padding:0;width:30px} .entra {background:#FFF;font-size:12px;padding:10px} .entra2 {background:#F0F0F0;border:1px solid #DDD;padding:15px;font-size:15px;text-align:center;font-style:italic;margin:15px 0;border-radius:4px} .news h2 {font-size:24px !important;line-height:145%;margin:0 0 20px 0 !important} .news p {font-size:14px;line-height:145%;margin-top:20px} .news ul {margin:0 0 20px 20px} .news ul li {list-style:square !important;margin:0 0 5px 0} footer{clear:both;background:#F4F4F4;display:inline;float:left;width:100%;margin:50px 0 0 0;position:relative;z-index:101} .datos {padding:20px 0;text-align:center;font-size:12px;line-height:145%;margin:0} .datos img {display:block;margin:0 auto 10px auto;max-width:100%;height:auto} .datos a:link,.datos a:active,.datos a:visited {margin:0 10px;text-decoration:none;} @media only screen and (min-width: 1140px) and (max-width:1368px) { .contenedor{width:1140px;} } @media only screen and (min-width: 960px) and (max-width:1139px) { .contenedor{width:960px;}/*border-top:3px solid red}*/ .gente {height:220px;background-size:auto 100% !important} .fase {font-size:18px;} .fasei,.fasei2 {width:100px;height:100px;} .fase svg {height:40px;width:auto} .prop {flex:0 0 225px;} .c1 {width:735px;} .c2 {width:225px;padding-left:40px} .c2 h3 {font-size:18px;} .c2 p {font-size:13px;width:100%;} } @media only screen and (min-width: 768px) and (max-width: 959px) { .contenedor{width:768px;padding:0 20px;}/*border-top:3px solid blue}*/ .index {padding:0 0 30px 0;} .bothome div a:link,.bothome div a:active,.bothome div a:visited {font-size:20px;padding:25px;line-height:110%} .gente {height:180px;background-size:auto 100% !important} .fase {font-size:16px;} .fasei,.fasei2 {width:90px;height:90px;} .fase svg {height:35px;width:auto} .prop {flex:0 0 222.66px;} h1,h2 {font-size:32px;} .faq {flex:0 0 48%;} .medioform {width:70%;} .c1 {width:486px;} .pright {padding-right:30px} .c2 {width:242px;padding-left:20px} .c2 h3 {font-size:18px;} .c2 p {font-size:13px;width:100%;} .faqvideo iframe {min-height:150px;} .consultasflex h2 {font-size:21px !important} .consultasflex p {font-size:12px !important} .yavote {width:70%;} .pollr {width:70%;} } @media only screen and (max-width: 767px) { .contenedor{width:100%;padding:0 2%;}/*border-top:3px solid gold}*/ .index {padding:0 0 0 0;} .opciones ul.access{list-style:none;margin-right:0} .access a:link,.access a:active,.access a:visited{padding:0 5px;} .access span{padding:0 0 0 10px;} .bothome {margin:20px 0;flex-wrap:wrap} .bothome div {margin-bottom:5px;} .bothome div svg {height:30px;width:auto} .bothome div a:link,.bothome div a:active,.bothome div a:visited {font-size:16px;padding:25px;line-height:110%} .bothome div:nth-child(1n+2) {margin-left:0} .bothome div:nth-child(2) {margin-left:5px} .bothome div:nth-child(4) {margin-left:5px} .gente {height:120px;background-size:auto 100% !important} .fases {margin-bottom:20px;} .fase {font-size:13px;} .fasei,.fasei2 {width:50px;height:50px;} .fase svg {height:25px;width:auto} .flex2,.flex3 {margin-left:-2%;} .prop {flex:0 0 48%;margin-bottom:2%;margin-left:2%;} h1,h2 {font-size:32px;} .faq {flex:0 0 49%;margin-top:2%} .faq:nth-child(1) {margin-top:30px} .faq:nth-child(2) {margin-top:30px} .medioform {width:80%;} .c1 {width:100%;order:2} .pright {padding-right:0} .c2 {width:100%;padding-left:0;order:1;border:0;margin-bottom:20px} .c2 h3 {font-size:18px;} .c2 h3:first-child {margin-top:0;border-top:0;padding-top:0} .c2 p {font-size:13px;width:50%;} .svgmapa {width:25%;float:left;} .svglista {width:70%;float:right;} .faqvideo {flex:0 0 100%;margin-bottom:20px} .faqvideo iframe {min-height:200px;} .faqres {flex:0 0 100%;margin-bottom:30px;} .consultasflex {margin-left:-2%;display:flex;flex-wrap:wrap} .consultasflex > div {flex:0 0 48%;margin-left:2%;margin-bottom:2%} .consultasflex h2 {font-size:21px !important} .consultasflex p {font-size:12px !important} .yavote {width:80%;} .pollr {width:80%;} .norwd {position:absolute;left:-999em} .flexcolumnas {flex-wrap:wrap} .flexcolumna4 {flex:0 0 49%;} .flexcolumna4:nth-child(3) {margin-top:2%} .flexcolumna4:nth-child(4) {margin-top:2%} .flexcolumnas div {word-break: break-all} } @media only screen and (max-width: 479px) { /*.contenedor{border-top:3px solid violet}*/ .opciones ul.access{list-style:none;margin-right:0} .access a:link,.access a:active,.access a:visited{padding:0 5px;} .access span{padding:0 0 0 10px;} .header {} .logo{margin:10px 0;} .logo img {display:block;height:30px} .fixed .opciones,.interior .opciones {position:absolute;top:0;right:0;transform:translate(0,0);height:auto;} .fixed .login,.interior .login {padding:8px 12px !important;font-size:12px !important;line-height:12px !important;} .spacer {display:inline;float:left;width:100%;height:60px;} .gente {height:90px;background-size:auto 100% !important} .bothome div {margin-bottom:5px;flex:0 0 100%} .bothome div svg {height:30px;width:auto} .bothome div a:link,.bothome div a:active,.bothome div a:visited {font-size:16px;padding:25px;line-height:110%} .bothome div:nth-child(1n+2) {margin-left:0} .bothome div:nth-child(2) {margin-left:0} .bothome div:nth-child(4) {margin-left:0} .fases {margin-bottom:20px;} .fase {font-size:12px;width:25%} .fasei,.fasei2 {width:50px;height:50px;} .fase svg {height:25px;width:auto} .flex2,.flex3 {margin-left:0%;} .flexigual {align-items:flex-start !important} .prop {flex:0 0 100%;margin-bottom:2%;margin-left:0;} h1,h2 {font-size:26px;margin:0 0 20px 0} .faq {flex:0 0 100%;margin-top:2%} .faq:nth-child(1) {margin-top:30px} .faq:nth-child(2) {margin-top:2%} .medioform {width:100%;} .c1 {width:100%;order:2} .pright {padding-right:0} .c2 {width:100%;padding-left:0;order:1;border:0;margin-bottom:20px} .c2 h3 {font-size:18px;} .c2 h3:first-child {margin-top:0;border-top:0;padding-top:0} .c2 p {font-size:13px;width:50%;} .svgmapa {width:25%;float:left;} .svglista {width:70%;float:right;} .faqvideo {flex:0 0 100%;margin-bottom:20px} .faqvideo iframe {min-height:200px;} .faqres {flex:0 0 100%;margin-bottom:30px;} .consultasflex {margin-left:0%;display:flex;flex-wrap:wrap} .consultasflex > div {flex:0 0 100%;margin-left:0;margin-bottom:2%} .consultasflex h2 {font-size:21px !important} .consultasflex p {font-size:12px !important} .yavote {width:100%;} .pollr {width:100%;} .pollflexp {flex:0 0 50%;padding-right:20px;} .galeria div {width:100px;} .half {flex:0 0 100%;} } /* Colorbox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);} #cboxWrapper {max-width:none;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;} .cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} /* User Style: Change the following styles to modify the appearance of Colorbox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:url(images/overlay.png) repeat 0 0; opacity: 0.9; filter: alpha(opacity = 90);} #colorbox{outline:0;} #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px 0;} #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px 0;} #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px -29px;} #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px -29px;} #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;} #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;} #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;} #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;} #cboxContent{background:#fff; overflow:hidden;} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{margin-bottom:28px;} #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;} #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;} #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;} /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */ #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; } /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */ #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;} #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} #cboxPrevious{position:absolute; bottom:0; left:0; background:url(images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious:hover{background-position:-75px -25px;} #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;} #cboxNext:hover{background-position:-50px -25px;} #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;} #cboxClose:hover{background-position:-25px -25px;} /* The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to or needed in IE9. See: http://jacklmoore.com/notes/ie-transparency-problems/ */ .cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); }