* {margin: 0;padding: 0;font-family: 'Poppins', sans-serif;font-weight:300;outline:none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;list-style:none} body {width:100%;overflow-x:hidden;color:#2d373c;} .bodyinterior {background:#FFF} .esindex {padding-top:0 !important} .alinear_izquierda{text-align:left !important} .alinear_derecha{text-align:right !important} .flota_izquierda{float:left !important} .flota_derecha{float:right !important} .alinear_centro,.centrado{text-align:center !important} .dn {display:none} .clear{clear:both;} em{font-style:normal} strong{font-weight:700} .blue {color: #54a15d !important} .bblue {background: #54a15d !important} .red {color: #D9F1F6 !important} .bred {background: #D9F1F6 !important} .blanco {color:#FFF !important} a:link,a:active,a:visited,a:hover{text-decoration:none;color:#54a15d;outline:none;transition: all 0.15s ease-in-out;} .contenedor{width:1280px;margin:0 auto;position:relative} .overlaybus {display:none;position:fixed;z-index:130;width:100%;top:0;left:0;height:100%;background:#000;background:rgba(0,0,0,0.90)} .overlaybus form {position:absolute;left:0;top:50%;height:80px;margin:-40px 0 0 0;padding:0 20%;width:100%} .overlaybus input[type=text]{width:80%;height:80px;border:0;vertical-align:middle;padding:0 30px;color:#2d373c;margin:0;background:#FFF;font-size:23px} .overlaybus button[type=submit]{width:20%;height:80px;border:0;vertical-align:middle;cursor:pointer;overflow:hidden;margin:0;font-size:23px;color:#FFF} a.closebuscador {color:#FFF;font-size:23px;position:absolute;top:-40px;right:20%;text-decoration:none} .overlayidiomas {display:none;position:fixed;z-index:120;width:100%;top:0;left:0;height:100%;background:#000;background:rgba(0,0,0,0.90)} .overlayidiomas div {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#FFF} .overlayidiomas ul {clear:both;list-style:none} .overlayidiomas li {margin:10px 25px;display:inline-block} .overlayidiomas li i {margin-right:5px} .overlayidiomas li a:link,.overlayidiomas li a:active,.overlayidiomas li a:active {color:#54a15d !important} .overlayidiomas li a:hover {color:#FFF !important} .overlayidiomas div .toggleidiomas {margin:20px auto;position:absolute;left:50%;transform:translate(-50%,0)} .scrolllocal {position:absolute;bottom:50px;left:50%;width:40px;text-align:center;font-size:55px;z-index:103;cursor:pointer;opacity:0;text-shadow:0 0 7px rgba(0,0,0,0.65);animation: bounce 3s infinite;margin-left:-20px;color:#FFF} @keyframes bounce { 0%, 20%, 50%, 80%, 100% {transform: translateY(0);opacity:0.5;} 40% {transform: translateY(-30px);opacity:0.75;} 60% {transform: translateY(-15px);opacity:0.5;} } .header{padding:0;margin:0;width:100%;display:inline;float:left} .logo{float:left;display:block;margin:10px;text-align:left;position:relative;z-index:111} .logo img {height:70px;width:auto;display:block;} .socialbar {display:inline;float:left;width:100%;height:35px;background:#2d373c} .restoli {display:inline;float:right;margin-left:10px} .restoli li {display:inline;float:left;position:relative;margin-left:1px} .toggle {display:none !important} .restoli a:link,.restoli a:active,.restoli a:visited{text-align:center;color:#FFF;font-size:13px;display:block;text-transform:uppercase;padding:0 10px;line-height:36px;height:36px} .restoli a:hover{color:#FFF !important;background:rgba(77,177,224,0.5)} a.toggle {display:none;width:40px;height:40px;color:#FFF;overflow:hidden;position:absolute;right:40px;top:50px;line-height:40px;text-align:right;font-size:26px} a.toggle2 {display:none;width:40px;height:40px;overflow:hidden;position:absolute;right:20px;top:20px;line-height:40px;text-align:right;font-size:26px} .menu {display:inline;float:right;margin:10px;} .menu nav{list-style:none;width:auto;display:table;margin:0 auto} @keyframes fadeIN { 0% {left:-999em;opacity:0} 100% {left:auto;opacity:1} } .menu nav li{white-space:pre;font-size:15px;display:block;float:left;position:relative;transition:0.2s all linear;margin-left:30px;text-transform:uppercase} .menu nav li a:link,.menu nav li a:active,.menu nav li a:visited{padding:0;line-height:70px;height:70px;text-decoration:none;color:#2d373c;outline:none;transition: all 0.15s ease-in-out;display:block;} .menu nav li a:hover{text-decoration:none;color:#2d373c;} .menu nav li li a:link,.menu nav li li a:active,.menu nav li li a:visited{color:#2d373c;padding:10px;line-height:100%} .menu nav li li a:hover{text-decoration:none;color:#2d373c;background:#5389c8} .estoy{font-weight:700} .menu nav li ul{position:absolute;left:-999em;top:36px;z-index:124;opacity:0} .menu nav ul li:hover ul {animation:fadeIN 1s 0s forwards} .menu nav li ul li{white-space:pre;display:block;width:100%;margin:0 0 1px 0;background:#FFF;font-size:14px} .fix {background:#FFF} .fix .socialbar {border-bottom:1px solid #EEE !important} .fix .restoli a:link,.fix .restoli a:active,.fix .restoli a:visited{color:#2d373c;} .fix .menu nav li a:link,.fix .menu nav li a:active,.fix .menu nav li a:visited{color:#2d373c} .fix .menu nav li a:hover,.fix a.toggle{color:#2d373c;} section {display:inline;float:left;margin:0;width:100%;clear:both;padding:0;} .fondo {background:#54a15d} .slideroverlay {position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.60);z-index:109} .slider{display:inline;float:left;width:100%;position:relative;overflow:hidden;margin:0;height:750px;} .slider li {position:relative} .slider .ss1 {position:absolute;top:50%;left:0;right:0;text-align:center;z-index:110;transform:translate(0,-50%);} .slider .s1 {opacity:0;color:#FFF;font-size:16px;letter-spacing:5px;margin-bottom:15px;animation:fadeIN 2s 2s forwards} .slider .s2 {opacity:0;color:#54a15d;font-size:76px;margin-bottom:10px;display:block;font-weight:bold;line-height:100%;animation:fadeIN 2s 3s forwards} .slider .s3 {opacity:0;font-size:76px;margin-bottom:0;display:block;font-weight:bold;-webkit-text-stroke: 2px #54a15d;-webkit-text-fill-color: transparent;line-height:100%;animation:fadeIN 2s 4s forwards} .index {display:inline;float:left;width:100%;clear:both;padding:30px 0 60px 0} .index h1 {text-align:center;font-size:50px;letter-spacing:5px} .index h2 {text-align:center;font-size:16px;line-height:145%;font-weight:300;margin:15px 0 0 0} .conspan {font-family: 'Roboto', sans-serif;padding:0 0 10px 0 !important;position:relative;font-size:36px;font-weight:400} .conspan span {width:60px;height:2px;position:absolute;bottom:0;left:50%;transform:translate(-50%,0)} .bloques {width:100%;float:left;display:table;padding:30px 0 90px 0;text-align:center;overflow:hidden} .flex2 {display:grid;grid-gap: 30px;} .grid4 {grid-template-columns: auto auto auto auto;} .grid3 {grid-template-columns: auto auto auto;} .grid2 {grid-template-columns: auto auto;} .flex2 .bloque {border-radius:10px;overflow:hidden;position:relative;} .flex2 .bloque:hover .bloque_foto a {transform:scale(1.2);} .bloque .bloque_foto {display:inline;float:left;width:100%;height:350px;position:relative;overflow:hidden} .bloque .bloque_foto a {position:absolute;top:0;left:0;right:0;bottom:0;text-decoration:none;transition:0.2s all linear} .bloque .tag {position:absolute;top:10px;left:10px;border-radius:4px;background:#54a15d;font-size:13px;padding:6px 8px;color:#FFF;font-weight:bold} .flex2 .titulobloque {font-size:24px;margin:10px 10px 0 10px;display:inline;float:left;text-align:left;color:#2d373c;font-weight:bold} .flex2 .titulobloque:hover {color:#54a15d} .organiza {display:inline;float:left;width:100%;background:#5389C8 url(images/organiza.jpg) 50% 50% no-repeat;position:relative;min-height:400px;margin:0 0 30px 0} .orgdata {max-width:1280px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);} .orgdata h2 {font-family: 'Roboto', sans-serif;padding:0 0 10px 0 !important;position:relative;font-size:60px;font-weight:400} .orgdata p {position:relative;font-size:22px;line-height:145%} .orgdata .miniboton {margin-top:30px;padding:15px 40px;border-radius:5px;display:inline-block;border:1px solid} .porque {margin-bottom:60px;background:#F0F0F0;padding:50px 0} .flex3 {display:grid;grid-gap: 30px;grid-template-columns:repeat(4,1fr);margin-top:30px} .xq {text-align:center} .xq i {font-size:70px;text-align:center;margin:0 auto 10px auto;display:block;} .xq h3 {font-size:28px !important;margin-bottom:15px !important} .xq p {font-size:13px !important;line-height:145%} .listanoticias {width:100%;float:left;display:inline;padding:0;margin:30px 0;} .listanoticias h2 {position:relative;margin:0 auto 30px auto !important;} .listanoticias h2 span {font-size:37px;padding:12px 15px 7px 15px;display:inline-block;background:#54a15d;font-family: 'Just Another Hand', cursive;line-height:100%;border-radius:4px;text-transform:uppercase;color:#FFF} .arrow-down {width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #54a15d;position:absolute;bottom:-10px;left:50%;margin-left:-10px} .grid {display:grid;grid-gap: 30px;grid-template-columns: auto auto auto auto;} .entrada {margin-bottom:0;position:relative;border:0} .entrada_foto {display:inline;float:left;width:100%;height:auto;position:relative;margin:0 0 15px 0;overflow:hidden;border-radius:5px;overflow:hidden} .entrada_foto img {width:100%;height:auto;display:block;transition:0.5s all ease-in-out} .entrada:hover img {transform:scale(1.1)} .entrada_data {display:inline;float:right;width:100%;height:auto} .entrada_data h3 a {font-size:18px;margin:0 0 10px 0;line-height:115%;font-weight:400} .entrada_data div.fecha {padding:0;font-size:12px;line-height:26px;margin:10px 0 0 0;} div.fecha i {display:block;float:left;width:26px;height:26px;text-align:center;color:#FFF;margin:0 9px 0 0;line-height:26px} .social {display:inline;float:right} .social li {width:26px !important;height:26px !important;float:left !important;margin:0 0 0 1px !important;padding:0 !important;overflow:hidden;clear:none;color:#FFF !important} .social a:link,.social a:active,.social a:visited {display:block !important;width:30px !important;height:30px !important;text-align:center;line-height:26px;background:none !important} .social a:hover {background:#ddd} .social li:before {display:none !important;left:-999em !important} .resumen {padding:15px 0 0 0;font-size:12px;display:inline;float:left;width:100%;line-height:135%} .white {margin:20px 0 0 0;background:#FFF;padding:0;display:inline;float:left;width:100%} .white .columna {padding:0 !important} .headseccion {display:inline;float:left;width:100%;background:url(images/header.jpg) 50% 0 no-repeat;} .headseccion h2 {color:#FFF;font-weight:300 !important;font-size:42px;padding:20px 0} .cats {clear:both;display:inline;float:left;width:100%;margin:5px 0 30px 0;padding:0;font-size:13px} .content {display:inline;float:left;width:100%;} .content h2 {font-size:24px;text-align:left;margin:0 0 20px 0;position:relative;} .big {font-size:46px !important;margin:20px 0;line-height:115%;text-transform:uppercase} .bigger {font-size:56px !important;margin:20px 0;line-height:115%;text-transform:uppercase} .desarrollo h3 {font-size:22px;text-align:left;margin:0 0 20px 0;font-family:"Roboto",sans-serif;text-transform:none} .desarrollo ul {margin:10px 0 20px 20px;list-style:none} .desarrollo ul li {font-size:15px;padding:0 0 0 16px;position:relative;line-height:24px;margin:0 0 10px 0} .desarrollo ul li:before {font-family:"Font Awesome 5 free";font-weight:900;content:"\f105";display:block;left:0;top:0;position:absolute;text-align:center !important;font-size:15px;color:#54a15d !important;padding:0} .desarrollo p {font-size:15px;margin:0 0 20px;text-align:justify;line-height:145%} .desarrollo p img {max-width:100%;height:auto} .bg {background:#d9d9d9;padding:10px} .desarrollo p > iframe {width:100%;min-height:350px;margin:0 0 20px 0;border:0} .th {max-width:50%;float:left;padding:0 20px 20px 0} .th img {max-width:100%;height:auto;display:block} .tags a:link,.tags a:active,.tags a:visited,.tags a:hover { color:#2d373c !important;margin-right:10px;font-size:12px} .results {display:inline;float:left;width:100%;} .results h3 {font-size:19px;text-align:left;margin:0 !important;} .results p {color:#2d373c;font-size:12px;margin:0 0 20px !important;text-align:justify;line-height:145%;padding:0 0 0 20px !important} .results h3 i {font-size:13px;width:20px} .infoplace {display:inline;float:left;width:100%;padding:0;margin:0 0 30px 0;text-align:center} .infoplace p {margin:0 !important} .infoplace i {margin-right:5px;} cite {display:inline;float:left;width:100%;padding:20px 40px;margin:0 0 30px 0;font-size:19px;line-height:145%;font-style:normal;position:relative;border:3px solid #F0F0F0} cite:before {position:absolute;top:-3px;left:-3px;content:"\201c";font-size:55px;background:#FFF;width:40px;height:40px;line-height:100%} cite:after {position:absolute;bottom:-3px;right:-3px;content:"\201d";font-size:55px;background:#FFF;width:40px;height:40px;line-height:150%;text-align:right} form.usuarios{margin:20px 0;border:0;text-align:left;clear:both;padding:0;width:100%;float:left;border:1px solid #ddd;padding:20px 0;border-radius:4px} .usuarios fieldset {border:0} .usuarios div {width:50%;float:left;padding:0 20px 15px 20px;position:relative} .completo {width:100% !important;} .usuarios label {display:block;font-size:13px;margin:0 0 5px 0;text-align:left;font-weight:700} .usuarios input[type=date],.usuarios input[type=file],.usuarios input[type=password],.usuarios input[type=text],.usuarios input[type=email],.usuarios input[type=tel],.usuarios select {width:100%;border:1px solid #ccc;padding:6px;vertical-align:middle;background:#f2f2f2;font-size:13px} .usuarios input[type=checkbox] {vertical-align:middle;margin:0 5px 0 0} .usuarios textarea {width:100%;border:1px solid #ccc;padding:6px;height:70px;font-size:13px;resize:none;background:#f2f2f2} .usuarios input[type=submit] {font-size:14px;font-weight:700;padding:10px 20px;color:white;border:0;cursor:pointer;text-transform:uppercase} .usuarios label.error{color:red;position:absolute;top:0;right:20px;} .usuarios p.peque {font-size:11px !important;margin:20px 20px 0 20px !important;clear:both;} p.noenviado {clear:both;padding:50px 10px 10px 10px;border-radius:3px;text-align:center !important;margin:20px 0 !important;font-size:16px;color: #D8000C;background-color: #FFBABA;position:relative} p.enviado {clear:both;padding:50px 10px 10px 10px;border-radius:3px;text-align:center !important;margin:20px 0 !important;font-size:16px;color: #270;background-color: #DFF2BF;position:relative} p.alerta{clear:both;padding:50px 10px 10px 10px;border-radius:3px;text-align:center !important;margin:20px 0 !important;font-size:16px;color: #9F6000;background-color: #FEEFB3;position:relative} p.info{clear:both;padding:50px 10px 10px 10px;border-radius:3px;text-align:center !important;margin:20px 0 !important;font-size:16px;color: #059;background-color: #BEF;position:relative} p.noenviado:before {font-family: "Font Awesome 5 Free"; font-weight: 900;position:absolute;width:40px;font-size:30px;left:50%;top:15px;transform:translate(-50%,0);text-align:center;content:"\f057";} p.enviado:before {font-family: "Font Awesome 5 Free"; font-weight: 900;position:absolute;width:40px;font-size:30px;left:50%;top:15px;transform:translate(-50%,0);text-align:center;content:"\f058";} p.alerta:before {font-family: "Font Awesome 5 Free"; font-weight: 900;position:absolute;width:40px;font-size:30px;left:50%;top:15px;transform:translate(-50%,0);text-align:center;content:"\f071";} p.info:before {font-family: "Font Awesome 5 Free"; font-weight: 900;position:absolute;width:40px;font-size:30px;left:50%;top:15px;transform:translate(-50%,0);text-align:center;content:"\f05a";} #mapa,#mapa2{width:100%;height:300px;float:left;display:inline;margin:20px 0;background:#d9d9d9;} .mapa{width:100%;height:400px;float:left;display:inline;margin:0;background:#d9d9d9;} .mapatop {margin:0 0 30px 0 !important} .mt {margin:0 0 50px 0 !important;display:inline;float:left;width:100%;} .mb {margin:0 0 50px 0 !important;display:inline;float:left;width:100%;} .overlay{max-width:200px;display:block;text-align:center;color:#fff;opacity:0.8;background:#2d373c;border:solid 3px #2d373c;border-radius:4px;padding:4px;} .overlay_arrow{left:50%;margin-left:-16px;width:0;height:0;position:absolute;} .overlay_arrow.above{bottom:-15px;border-left:16px solid transparent;border-right:16px solid transparent;border-top:16px solid #2d373c;} .overlay_arrow.below{top:-15px;border-left:16px solid transparent;border-right:16px solid transparent;border-bottom:16px solid #2d373c;} .minimapas {display:table;text-align:center;width:100%;} .minimapa {display:inline-block;overflow:hidden;width:20%;padding:5px;position:relative;height:200px;text-align:left;} .minimapa a {width:100%;height:100%;position:absolute} .minimapa span {position:absolute;left:15px;bottom:15px;display:inline-block;padding:5px 10px;font-size:12px;background:rgba(23,23,23,0.80);color:#FFF;} .fotonoticiagrande {max-width:100%;height:auto;margin-bottom:20px;border-radius:4px} #mapa3{width:100%;height:400px;float:left;display:inline;margin:0;background:#d9d9d9;} .slider_fotos {position:relative;clear:both;float:left;display:inline;width:100%;} .slider_fotos div {display:block;overflow:hidden;} .slider_fotos div img {width:100%;height:auto;display:block} .slider_fotos_th {position:relative;clear:both;float:left;display:inline;width:100%;margin-bottom:20px} .slider_fotos_th div {display:block;overflow:hidden;border:1px solid #F0F0F0;width:270px;padding:5px; float:left;display:inline;position:relative;margin-bottom:20px} .slider_fotos_th img {width:100%;height:auto;display:block} .caption {position:absolute;left:20px;right:20px;bottom:15px;display:inline-block;padding:5px 10px;font-size:12px;background:rgba(23,23,23,0.80);color:#FFF;} .tabs {display:inline;float:left;width:100%;clear:both;margin:30px 0 10px 0 !important;} .tabs li {float:left;line-height:30px;font-size:16px;text-transform:uppercase;list-style:none;border:0;padding:0 25px !important;background:none;margin:0;cursor:pointer;background:#f2f2f2;position:relative} .tabs li i {position:absolute;left:-1px;top:7px;} .tabs a:link,.tabs a:active,.tabs a:visited,.tabs a:hover{color:#2d373c} .active {color:#FFF !important;} .active a:link,.active a:active,.active a:visited,.active a:hover{font-weight:700 !important;color:#FFF} .tabscontent {float:left;width:100%;padding:10px 0 0 0;margin:0 0 20px 0;display:inline;clear:both} .ul_links {display:inline;float:left;width:100%;margin:0 !important;padding:0 0 0 20px} .ul_links li{width:100%;float:left;padding:0;text-align:left;list-style:none;transition: all 0.5s;margin:0 0 10px 0;position:relative;} .ul_links li:before {display:none !important;left:-999em !important} .ul_links span.foto{height:auto !important;margin:0 0 10px 0 !important;background:#FFF} .ul_links h2{padding:0;display:block;font-size:15px;float:left;width:100%;line-height:110%;margin:0 !important} .ul_links a {padding:0 0 0 24px;display:block;position:relative} .ul_links a:before {top:0;font-family:"fontawesome";content:"\f0f6";display:block;top:0;left:0;position:absolute;text-align:center !important;font-size:16px;color: #54a15d !important} .ul_links a[href $='.pdf']:before {content:"\f1c1" !important;} .ul_links a[href $='.mp3']:before {content:"\f1c7" !important;} .ul_links a[href $='.doc']:before,.ul_links a[href $='.docx']:before {content:"\f1c2" !important;} .ul_links a[href $='.xls']:before,.ul_links a[href $='.xlsx']:before {content:"\f1c3" !important;} .ul_links a[href $='.ppt']:before,.ul_links a[href $='.pptx']:before {content:"\f1c4" !important;} .ul_links a[href $='.png']:before,.ul_links a[href $='.jpg']:before,.ul_links a[href $='.gif']:before,.ul_links a[href $='.tif']:before,.ul_links a[href $='.tiff']:before,.ul_links a[href $='.bmp']:before {content:"\f1c5" !important;} .ul_videos {display:inline;float:left;width:100%;} .ul_videos li {width:395px;border:4px solid #d9d9d9;display:inline;float:left;position:relative;height:200px;overflow:hidden;margin-bottom:20px} .ul_videos li:nth-child(2n+2) {margin-left:20px} .ul_videos li img {width:100%;height:auto;display:block;margin-top:-50px;opacity:0.5;transition:0.2s linear all} .ul_videos li:hover img {opacity:1} .ul_videos li .video_desc {z-index:102;position:absolute;bottom:30px;left:10px;box-decoration-break: clone;background:#2d373c;background:rgba(23,23,23,0.80);padding:10px;color:#FFF;text-decoration:none;display:inline;box-shadow: 10px 0 0 rgba(23,23,23,0.80), -10px 0 0 rgba(23,23,23,0.80);} .ul_videos li i {z-index:101;width:80px;height:80px;position:absolute;top:50%;left:50%;margin:-40px 0 0 -40px;text-align:center;font-size:35px;color:#FFF;opacity:0.3;border:7px solid #FFF;border-radius:100%;text-align:center;padding:15px 0 0 5px} 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;float:left;font-size:11px !important} .paginacion li:before {display:none !important;left:-999em !important} .paginacion a:link,.paginacion a:visited {font-size:10px !important;text-decoration: none;color: #000;display:block;padding:0;width:30px;background:#f4f4f4} .paginacion a:hover, .paginacion a:active {color: #54a15d;} .paginacion span.current {font-weight: bold;background: #54a15d;color: #FFF;display:block;padding:0;width:30px} .paginacion span.disabled {background: #f4f4f4;display:block;padding:0;width:30px} .warning {display:inline;float:left;width:100%;border:1px solid #d9d9d9;background:#f2f2f2;padding:15px 15px 15px 40px;position:relative;margin:0 0 30px 0;font-size:14px} .warning i {font-size:35px;position:absolute;top:15px;left:15px} .e404 {display:inline;float:left;width:100%;margin-bottom:30px} .e404f {display:inline;float:left;width:100%;height:300px;margin-bottom:15px;position:relative;background:url(images/404-01.svg) 50% 0 no-repeat;margin-top:50px;} .e404p {position:absolute;left:0;top:0;width:160px;height:300px;background:url(images/404-02.svg) 50% 0 no-repeat;} .e404b {position:absolute;left:160px;top:0;right:0;height:300px;background:url(images/404-03.svg) 0 0 no-repeat;animation:sevaelbus 5s 2s ease-in forwards;} @keyframes sevaelbus { 0% {left:160px} 100% {left:101%} } .e404 h1 {font-size:50px;text-transform:uppercase} .e404 h2 {font-size:30px;text-transform:uppercase} .e404 p {font-size:15px;text-align:center;margin-top:20px} .e404 .vermas {display:inline-block !important;padding:10px 30px;border-radius:5px;width:auto !important;margin:0 auto !important;float:none !important} footer{clear:both;border-top:3px solid #f0f0f0;display:inline;float:left;width:100%;padding:20px 0 0 0;position:relative;margin-top:30px} .datos {align-items:center;} .datos p {margin:0 0 10px 0;font-size:12px;text-align:center} .datos p:last-child {margin-left:15px} .datos a:link,.datos a:active,.datos a:visited {color:#2d373c;text-decoration:none;} .ue {display:inline;float:left;width:100%;padding:20px 0;text-align:center;} .ue2 {max-width:100%;height:auto;display:block;margin:0 auto 20px auto;clear:both;} @media only screen and (min-width: 1140px) and (max-width:1359px) { .contenedor{width:1140px;} .slider{margin:0 0 120px 0;} .slideh2 {width:1140px;} .flex1 .bloque {height:300px;} .flex2 .bloque {height:250px} .orgdata {max-width:1140px;} } @media only screen and (min-width: 960px) and (max-width:1139px) { .contenedor{width:960px;} .slider{margin:0 0 120px 0;} .slideh2 {width:960px;} .flex1 .bloque {height:300px;} .flex2 .bloque {height:250px} .flex2 .titulobloque {font-size:25px;} .organiza {min-height:300px;background-size:cover !important} .orgdata {max-width:960px;width:800px} .index h1 {font-size:48px;} .index h2 {font-size:15px;} .listanoticias h2 span {font-size:32px;} .entrada_data h3 a {font-size:16px;} .resumen {font-size:11px;} .datos,.ue {width:100%;} .ue img {float:none;margin:0 auto 20px auto} } @media only screen and (min-width: 768px) and (max-width: 959px) { .contenedor{width:768px;} .menu {position:fixed;height:100%;left:-100%;width:100%;background:#FFF;margin:0;top:0;padding-top:110px;transition:.2s all linear} .menu nav {display:block;float:left;width:100%} .menu nav li {float:none} .menu nav li ul{position:static;left:0;top:auto;z-index:124;opacity:1;padding-left:20px;padding-right:20px} .menu nav ul li:hover ul {animation:none} .menu nav li a:link,.menu nav li a:active,.menu nav li a:visited{color:#2d373c;border-bottom:1px solid #EEE;height:auto;line-height:45px} .menu nav li a:hover{text-decoration:none;color:#2d373c;} .menu nav li li a:link,.menu nav li li a:active,.menu nav li li a:visited{color:#2d373c;padding:10px;line-height:100%} .menu nav li li a:hover{text-decoration:none;color:#2d373c;background:#FFF} .toggle,.toggle2{display:block !important;} .slider{margin:0 0 120px 0;} .slideh1 {font-size:60px;} .slideh2 {font-size:15px;width:768px;} .flex1 {grid-gap:0;grid-template-columns:auto;} .flex1 .bloque {height:250px;} .flex2 {grid-gap: 0 30px;} .grid4 {grid-template-columns: auto auto;} .grid3 {grid-template-columns: auto auto auto;} .grid2 {grid-template-columns: auto auto;} .flex2 .bloque {height:250px;} .grid {grid-template-columns:auto auto;} .organiza {min-height:300px;background-size:cover !important} .orgdata {max-width:768px;width:768px} .orgdata h2 {font-size:50px;} .orgdata p {font-size:18px;} .height620 {height:450px;} .height450 {height:450px;} .index h1 {font-size:45px;} .index h2 {font-size:14px;} .listanoticias h2 span {font-size:32px;} .entrada_data h3 a {font-size:16px;} .resumen {font-size:11px;} .datos,.ue {width:100%;} .ue img {float:none;margin:0 auto 20px auto} } @media only screen and (min-width: 480px) and (max-width: 767px) { .contenedor{width:100%;padding:0 20px;} .menu {position:fixed;height:100%;left:-100%;width:100%;background:#FFF;margin:0;top:0;padding-top:110px;transition:.2s all linear} .menu nav {display:block;float:left;width:100%} .menu nav li {float:none} .menu nav li ul{position:static;left:0;top:auto;z-index:124;opacity:1;padding-left:20px;padding-right:20px} .menu nav ul li:hover ul {animation:none} .menu nav li a:link,.menu nav li a:active,.menu nav li a:visited{color:#2d373c;border-bottom:1px solid #EEE;height:auto;line-height:45px} .menu nav li a:hover{text-decoration:none;color:#2d373c;} .menu nav li li a:link,.menu nav li li a:active,.menu nav li li a:visited{color:#2d373c;padding:10px;line-height:100%} .menu nav li li a:hover{text-decoration:none;color:#2d373c;background:#FFF} .toggle,.toggle2{display:block !important;} .height620 {height:450px;} .height450 {height:450px;} .slider {height:500px;margin:0 0 130px 0;} .slideh1 {font-size:50px;} .slideh2 {font-size:15px;width:90%;top:500px;padding:20px} .flex1 {grid-gap:0;grid-template-columns:auto;} .flex1 .bloque {height:250px;} .flex2 {grid-gap: 0 30px;} .grid4 {grid-template-columns: auto auto;} .grid3 {grid-template-columns: auto auto auto;} .grid2 {grid-template-columns: auto auto;} .flex2 .bloque {height:250px;} .grid {grid-template-columns:auto auto;} .organiza {min-height:300px;background-size:cover !important} .orgdata {max-width:90%;width:90%} .orgdata h2 {font-size:45px;} .orgdata p {font-size:16px;} .datos,.ue {width:100%;} .ue img {float:none;margin:0 auto 20px auto} } @media only screen and (max-width: 479px) { .contenedor{width:100%;padding:0 20px;} .logo{margin:20px 0 0 20px;} .socialbar {padding:0 20px 0 0} a.toggle {right:20px;} .menu {position:fixed;height:100%;left:-100%;width:100%;background:#FFF;margin:0;top:0;padding-top:110px;transition:.2s all linear} .menu nav {display:block;float:left;width:100%} .menu nav li {float:none} .menu nav li ul{position:static;left:0;top:auto;z-index:124;opacity:1;padding-left:20px;padding-right:20px} .menu nav ul li:hover ul {animation:none} .menu nav li a:link,.menu nav li a:active,.menu nav li a:visited{color:#2d373c;border-bottom:1px solid #EEE;height:auto;line-height:45px} .menu nav li a:hover{text-decoration:none;color:#2d373c;} .menu nav li li a:link,.menu nav li li a:active,.menu nav li li a:visited{color:#2d373c;padding:10px;line-height:100%} .menu nav li li a:hover{text-decoration:none;color:#2d373c;background:#FFF} .menu nav li ul li{white-space:normal;} .toggle,.toggle2{display:block !important;} .height620 {height:150px !important;} .height450 {height:150px !important;} .slider {height:300px;margin:0 0 30px 0 !important;} .conpadding {padding:20px 0 !important} #sliderindex li {background-size:cover !important;background-position:50% 0 !important;} .slideh1 {font-size:40px;padding:0 30px;line-height:100%} .slideh2 {font-size:12px;width:100%;padding:20px;top:300px} .flex1 {grid-gap:0;grid-template-columns:auto;} .flex1 .bloque {height:300px;} .flex2 {grid-gap: 0 30px;} .grid4 {grid-template-columns: auto;} .grid3 {grid-template-columns: auto;} .grid2 {grid-template-columns: auto;} .flex2 .bloque {height:200px;} .flex3 {grid-gap: 30px;grid-template-columns:auto;} .grid {grid-template-columns:auto;} .organiza {min-height:300px;background-size:cover !important} .orgdata {max-width:90%;width:90%} .orgdata h2 {font-size:35px;} .orgdata p {font-size:14px;} .usuarios div {width:100%} .e404 h1 {font-size:36px;} .e404 h2 {font-size:24px;margin-top:5px} .e404 p {font-size:12px;} .datos,.ue {width:100%;} .ue img {float:none;margin:0 auto 20px auto} } .sbloques {display:inline;float:left;width:100%;clear:both;} .conpadding {padding:50px 0;} .sinpadding {padding:0;} .conpaddingT {padding:50px 0 0 0;} .conpaddingB {padding:0 0 50px 0;} .sbloques h2 {font-size:40px;margin:0 0 20px 0;text-transform:uppercase} .sbloques h3 {font-size:35px;margin:0 0 20px 0;line-height:115%;text-transform:uppercase} .sbloques h4 {font-size:32px;margin:0 0 20px 0;line-height:115%;text-transform:uppercase} .sbloques h5 {font-size:30px;margin:0 0 20px 0;line-height:115%;text-transform:uppercase} .sbloques h6 {font-size:28px;margin:0 0 20px 0;line-height:115%;text-transform:uppercase} .sbloques cite {display:block;font-style:italic;margin:20px auto;width:auto;line-height:145%;font-size:17px !important;} .sbloques ul,.sbloques ol {margin:0 0 20px 20px} .sbloques ul li {list-style:square} .sbloques ol li {list-style:decimal} .sbloques p {line-height:145%;font-size:16px;font-weight:300;margin:0 0 20px 0} .sbloques strong {font-weight:700} .sbloques p:last-child {margin-bottom:0} .col2 {column-count: 2;column-gap: 40px;} .col3 {column-count: 3;column-gap: 40px;} .vermas {display:inline-block;border-radius:4px;padding:9px 15px;color:#FFF !important;margin-bottom:30px;transition:0.2s all linear} .vermas:hover {background:#2d373c !important} @media only screen and (min-width: 960px) and (max-width:1139px) { .sbloques h2 {font-size:36px !important;} .sbloques h3 {font-size:23px !important;} .sbloques h4 {font-size:20px !important;} .sbloques h5 {font-size:18px !important;} .sbloques h6 {font-size:16px !important;} .sbloques cite {font-size:15px !important;} .sbloques p {font-size:14px !important;} .sbloques .slide_th {width:310px !important;margin-bottom:15px !important} .sbloques .slide_th:nth-child(3n+2) {margin:0 15px} } @media only screen and (min-width: 768px) and (max-width: 959px) { .sbloques h2 {font-size:36px !important;} .sbloques h3 {font-size:23px !important;} .sbloques h4 {font-size:20px !important;} .sbloques h5 {font-size:18px !important;} .sbloques h6 {font-size:16px !important;} .sbloques cite {font-size:15px !important;} .sbloques p {font-size:14px !important;} .sbloques .slide_th {width:369px !important;margin-bottom:15px !important} .sbloques .slide_th:nth-child(3n+2) {margin:0 0} .sbloques .slide_th:nth-child(2n+2) {margin:0 0 0 30px} } @media only screen and (min-width: 480px) and (max-width: 767px) { .sbloques h2 {font-size:36px !important;} .sbloques h3 {font-size:23px !important;} .sbloques h4 {font-size:20px !important;} .sbloques h5 {font-size:18px !important;} .sbloques h6 {font-size:16px !important;} .sbloques cite {font-size:15px !important;} .sbloques p {font-size:14px !important;} .sbloques .slide_th {width:100% !important;margin-bottom:15px !important} .sbloques .slide_th:nth-child(3n+2) {margin:0 0} } @media only screen and (max-width: 479px) { .sbloques h2 {font-size:36px !important;} .sbloques h3 {font-size:23px !important;} .sbloques h4 {font-size:20px !important;} .sbloques h5 {font-size:18px !important;} .sbloques h6 {font-size:16px !important;} .sbloques cite {font-size:15px !important;} .sbloques p {font-size:14px !important;} .sbloques .slide_th {width:100% !important;margin-bottom:15px !important} .sbloques .slide_th:nth-child(3n+2) {margin:0 0} } /* 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:100002; overflow:hidden;} #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;} #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;} #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;margin-top:28px} #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#2C3E50;} #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#2C3E50;font-size:12px} #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; top: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); } /** * BxSlider v4.1.2 - Fully loaded, responsive content slider * http://bxslider.com * * Written by: Steven Wanderski, 2014 * http://stevenwanderski.com * (while drinking Belgian ales and listening to jazz) * * CEO and founder of bxCreative, LTD * http://bxcreative.com */ /** RESET AND LAYOUT ===================================*/ .bx-wrapper {position: relative;margin: 0 auto 60px;padding: 0;*zoom: 1;} .bx-wrapper img {max-width: 100%;display: block;} /** THEME ===================================*/ .bx-wrapper .bx-viewport {/*fix other elements on the page moving (on Chrome)*/-webkit-transform: translatez(0);-moz-transform: translatez(0);-ms-transform: translatez(0);-o-transform: translatez(0);transform: translatez(0);} .bx-wrapper .bx-pager,.bx-wrapper .bx-bxcontrols-auto {position: absolute;bottom: -40px;width: 100%;} /* LOADER */ .bx-wrapper .bx-loading {min-height: 50px;height: 100%;width: 100%;position: absolute;top: 0;left: 0;z-index: 2000;} /* PAGER */ .bx-wrapper .bx-pager {text-align: center;color: #999;padding-top: 20px;} .bx-wrapper .bx-pager .bx-pager-item,.bx-wrapper .bx-bxcontrols-auto .bx-bxcontrols-auto-item {display: inline-block;*zoom: 1;*display: inline;} .bx-wrapper .bx-pager.bx-default-pager a {background: #999 !important;text-indent: -9999px;display: block;width: 10px;height: 10px;margin: 0 5px;outline: 0;border-radius: 5px;} .bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active {background: #009ec0 !important;} /* DIRECTION CONTROLS (NEXT / PREV) */ .bx-wrapper .bx-prev {left: 0;background:#999;} .bx-wrapper .bx-next {right: 0;background:#999;} .bx-wrapper .bx-controls-direction a {position: absolute;display:block;margin-top:0;outline: 0;width:40px !important;height:40px !important;z-index: 108;top:50%;color:#FFF;opacity:0.7;line-height:40px;text-align:center;font-size:24px} .bx-wrapper .bx-controls-direction a:hover {opacity:1;} .bx-wrapper .bx-controls-direction a.disabled {display: none;} /* AUTO CONTROLS (START / STOP) */ .bx-wrapper .bx-bxcontrols-auto {text-align: center;} .bx-wrapper .bx-bxcontrols-auto .bx-start {display: block;text-indent: -9999px;width: 10px;height: 11px;outline: 0;background: url(images/bxcontrols.png) -86px -11px no-repeat;margin: 0 3px;} .bx-wrapper .bx-bxcontrols-auto .bx-start:hover,.bx-wrapper .bx-bxcontrols-auto .bx-start.active {background-position: -86px 0;} .bx-wrapper .bx-bxcontrols-auto .bx-stop {display: block;text-indent: -9999px;width: 9px;height: 11px;outline: 0;background: url(images/bxcontrols.png) -86px -44px no-repeat;margin: 0 3px;} .bx-wrapper .bx-bxcontrols-auto .bx-stop:hover,.bx-wrapper .bx-bxcontrols-auto .bx-stop.active {background-position: -86px -33px;} /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ .bx-wrapper .bx-bxcontrols.bx-has-bxcontrols-auto.bx-has-pager .bx-pager {text-align: left; width: 80%;} .bx-wrapper .bx-bxcontrols.bx-has-bxcontrols-auto.bx-has-pager .bx-bxcontrols-auto {right: 0;width: 35px;} /* IMAGE CAPTIONS */ .bx-wrapper .bx-caption {position: absolute;bottom: 0;left: 0;background: #666\9;background: rgba(80, 80, 80, 0.75);width: 100%;} .bx-wrapper .bx-caption span {color: #fff;font-family: Arial;display: block;font-size: .85em;padding: 10px;} @-webkit-keyframes left-right{0%{-webkit-transform:translateY(-20%) translateX(-10%);transform:translateY(-20%) translateX(-10%)}100%{-webkit-transform:translateY(0) translateX(10%);transform:translateY(0) translateX(10%)}}@-o-keyframes left-right{0%{-o-transform:translateY(-20%) translateX(-10%);transform:translateY(-20%) translateX(-10%)}100%{-o-transform:translateY(0) translateX(10%);transform:translateY(0) translateX(10%)}}@keyframes left-right{0%{-webkit-transform:translateY(-20%) translateX(-10%);-o-transform:translateY(-20%) translateX(-10%);transform:translateY(-20%) translateX(-10%)}100%{-webkit-transform:translateY(0) translateX(10%);-o-transform:translateY(0) translateX(10%);transform:translateY(0) translateX(10%)}}@-webkit-keyframes right-left{0%{-webkit-transform:translateY(0) translateX(10%);transform:translateY(0) translateX(10%)}100%{-webkit-transform:translateY(-20%) translateX(-10%);transform:translateY(-20%) translateX(-10%)}}@-o-keyframes right-left{0%{-o-transform:translateY(0) translateX(10%);transform:translateY(0) translateX(10%)}100%{-o-transform:translateY(-20%) translateX(-10%);transform:translateY(-20%) translateX(-10%)}}@keyframes right-left{0%{-webkit-transform:translateY(0) translateX(10%);-o-transform:translateY(0) translateX(10%);transform:translateY(0) translateX(10%)}100%{-webkit-transform:translateY(-20%) translateX(-10%);-o-transform:translateY(-20%) translateX(-10%);transform:translateY(-20%) translateX(-10%)}}.sy-box{height:100%}.sy-box.sy-loading .sy-pager,.sy-box.sy-loading .sy-slides-wrap{visibility:hidden}.sy-slides-wrap{position:relative;height:100%;width:100%}.sy-slides-wrap:hover .sy-controls{display:block}.sy-slides-crop{height:100%;width:100%;position:absolute;overflow:hidden}.sy-list{width:100%;height:100%;list-style:none;margin:0;padding:0;position:absolute}.sy-list.horizontal{-webkit-transition:left ease;-o-transition:left ease;transition:left ease}.sy-list.vertical{-webkit-transition:top ease;-o-transition:top ease;transition:top ease}.sy-slide{position:absolute;width:100%;z-index:2;height:100%;background-size:cover!important;background-position:50% 50%;background-repeat:no-repeat}.sy-slide.kenburns{width:140%;left:-20%}.sy-slide.kenburns.useCSS{-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.sy-slide.kenburns.useCSS.sy-ken:nth-child(1n){-webkit-animation-name:left-right;-o-animation-name:left-right;animation-name:left-right;-webkit-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;animation-fill-mode:forwards}.sy-slide.kenburns.useCSS.sy-ken:nth-child(2n){-webkit-animation-name:right-left;-o-animation-name:right-left;animation-name:right-left;-webkit-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;animation-fill-mode:forwards}.sy-slide.sy-active{z-index:3}.sy-slide>img{position:absolute;left:-9999em}.sy-slide>a{margin:0;padding:0;display:block;width:100%}.sy-slide>a>img{margin:0;padding:0;display:block;width:100%;border:0}.sy-caption-wrap{position:absolute;top:50%;z-index:112;left:0;width:100%}.sy-caption-wrap .sy-caption a:link,.sy-caption-wrap .sy-caption a:visited{color:#e24b70;font-weight:600;text-decoration:none}.sy-caption-wrap .sy-caption a:focus,.sy-caption-wrap .sy-caption a:hover{text-decoration:underline}@media only screen and (max-device-width:600px),screen and (max-width:600px){.sy-caption-wrap{left:0;bottom:.4em}.sy-caption-wrap .sy-caption{left:0;padding:.2em .4em;font-size:.92em;border-radius:0}}.sy-pager{clear:both;display:block;width:100%;margin:1em 0 0;padding:0;list-style:none;text-align:center}.sy-pager li{display:inline-block;width:1.2em;height:1.2em;margin:0 1em 0 0;border-radius:50%}.sy-pager li.sy-active a{background-color:#e24b70}.sy-pager li a{width:100%;height:100%;display:block;background-color:#ccc;text-indent:-9999px;-webkit-background-size:2em 2em;background-size:2em;border-radius:50%}.sy-pager li a:link,.sy-pager li a:visited{opacity:1}.sy-pager li a:focus,.sy-pager li a:hover{opacity:.6}.sy-filler{width:100%}.sy-filler.ready{-webkit-transition:padding .6s ease;-o-transition:padding .6s ease;transition:padding .6s ease}