/* CSS Document */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #google_translate_element img, .goog-logo-link { display:none; } body { font-size:16px; background:#fff; font-family: Arial, Helvetica, sans-serif sans-serif; color:#555; text-align:justify; } .bg-lightbox { position:fixed; z-index:99999; background-color: rgba(0, 0, 0, 0.5); padding:7% 0 0 0; min-width:100%; height:100%; max-height:100%; min-height:100%; max-width:100%; width:100%; } a:hover { text-decoration:none; color:#37b635; } a { color:#000; } .h1, .h2, .h3, h1, h2, h3 { margin-bottom: 10px; margin-top: 0; } /*.nav-mobil { float:left; border-top:2px solid #ccc; width:100%; margin:20px 0 0 0; display:none; } .nav-mobil ul { float:left; width:100%; padding:0; } .nav-mobil li { float:left; list-style:none; width:100%; padding:0; } .nav-mobil li a { float:left; text-decoration:none; width:100%; padding:7px 10px 7px 10px; font-size:16px; } .nav-mobil li a:hover { background:#efefef; } */ #header { width:100%; float:left; position:relative; z-index:1023; } #header .logo { float:left; padding:17px 0 15px; } #header .logo img { float:left; } #header menu { float:right; } #header nav { float:right; width:100%; border-bottom:1px dashed #ccc; text-align:right; margin:0px 0 0; } #header nav ul { float:right; } #header nav ul li { float:left; list-style:none; } #header nav ul li a { float:left; padding:7px 10px; text-decoration:none; color:#898989; } #header nav ul li a:hover { color:#000; } #header nav .fa { font-size:18px; } /*#header .col-md-9 { margin:0 !important; padding-top:0 !important; padding-bottom:0 !important; }*/ .img-max-width { max-width:100%; } .btn-naranja-slider { padding:15px 35px; background-color:#ff7f3f; color:#fff; font-size:26px; text-decoration:none; } .btn-naranja-slider:hover { background-color:#f06c29; color:#fff; } #section-menu { background:#003685; } menu { width:100%; float:left; display:block; padding:0; margin:0; } menu ul { float:left; padding:0; margin:0; width:100% } menu ul li { float:left; list-style:none; width:16.4%; margin:0 1px; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } menu ul > li { width:14%; } menu ul > li + li { width:13%; } menu ul > li + li + li { width:16%; } menu ul > li + li + li + li { width:13%; } menu ul > li + li + li + li + li { width:21%; } menu ul > li + li + li + li + li { width:21%; } menu ul li a { float:left; text-decoration:none; color:#8a8a8d; width:100%; padding:37px 0 37px; text-align:center; text-transform: uppercase; font-size:14px;} menu ul li a.dona { background:#ff7f3f; padding:7px 0; margin:16px 0px 7px 0px; color:#fff; font-weight:700 } menu ul li a.socio { background:#deea7f ; padding:7px 0; margin:16px 0px 7px 0px; color:#000; font-weight:700 } menu ul li a.dona span { font-size:13px;} menu ul li a:hover { color:#c3d600; background:none; } menu ul li a.dona:hover { color:#333; background-color:#deea7f; } menu ul li a.socio:hover { color:#fff; background-color:#000; } menu ul ul { visibility:hidden; position:absolute; width:220px; top:93px; z-index:999; } menu ul ul li { float:left; border:0; width:100% !important; height:auto !important; margin:0; padding:0; /*border-top:1px solid #00275f; border-bottom:1px solid #0c4393;*/ } /** html menu ul ul { top:70px; t\op:70px; }*/ menu ul ul ul{ left:220px; top:0; width:220px; } menu ul ul a, menu ul ul a:visited { float:left; height:auto !important; padding:7px 7px 7px 15px; font-size:15px !important; color:#fff; width:100%; /*background-color:#003685;*/ text-align:left; background-color:#00aedb; border-bottom:2px solid #dbf8ff; text-transform:none; } menu ul ul a:hover { color:#333; background-color:#deea7f; } * html menu ul ul a{ width:100%; w\idth:100%; } menu ul :hover > a{ color:#c3d600; /*background:none;*/ } menu ul ul :hover > a { color:#000; background-color:#deea7f; } menu ul li:hover ul, menu ul a:hover ul{ visibility:visible; } menu ul :hover ul ul{ visibility:hidden; } menu ul :hover ul:hover ul ul{ visibility:hidden; } menu ul :hover ul:hover ul:hover ul ul li{ visibility:hidden; } menu ul :hover ul :hover ul{ visibility:visible; } menu ul :hover ul :hover ul li:hover ul{ visibility:visible; } menu ul :hover ul :hover ul:hover ul li:hover ul li{ visibility:visible; } #home-slider .carousel-indicators { bottom:50px; } #section-top { float:left; width:100%; background-color:#00aedb; color:#fff; position:relative; z-index:999; } #section-top a { color:#fff; text-decoration:none; } #section-top .col-1 ul { padding:0px 0; margin:0; } #section-top .col-1 ul li { list-style:none; } #section-top .col-1 ul a { float:left; margin:0 20px 0 0px; padding:10px 0; letter-spacing:0.5px; } #section-top .col-2 ul { padding:0px 0; margin:0; } #section-top .col-2 ul li { float:left; list-style:none; border-right:1px solid #78d4ec; } #section-top .col-2 ul a { float:left; margin:0 0px 0 0px; padding:7px 12px; font-size:20px; color:#fff; } #section-top .col-2 ul #google_translate_element a { color:#000 !important; font-size:14px !important; padding-top:7px !important; padding-bottom:7px !important; padding-right:7px !important; border:0 !important; overflow:hidden; background-color:#efefef !important; } #google_translate_element { background-color:#efefef !important; padding:0 10px; height:43px; overflow:hidden; } .goog-te-gadget .goog-te-combo { margin:10px 0 15px !important; } .goog-te-gadget-simple { border:0 !important; padding-top:3px !important; background-color:#efefef !important; } #section-top form { width:auto; float:right; } #section-top form input[type="text"] { float:left; background:#eeeeee; height:43px; color:#666; border:0; padding:5px 5px; } #section-top form input[type="image"] { background-color:#004b9c; border:0; height:43px; float:left; } #section-slider { float:left; width:100%; position:relative; z-index:1; } .section-iconos-home { float:left; width:100%; /*position:relative; z-index:999;*/ padding:60px 0; background:url(../images/bg-ladrillos.jpg) repeat; } .section-iconos-home .container {/* top:-100px;*/ position:relative; z-index:1000; } .section-bg-azul { float:left; width:100%; background-color:#385888; padding:10px 0 !important; font-weight:300; } #section-title-gral { float:left; width:100%; padding:110px 0; min-height:250px; } .section-title-gral { float:left; width:100%; padding:110px 0; min-height:250px; } #section-paypal { float:left; width:100%; padding:60px 0; } #section-4 { padding:40px 0; } #section-4 h2 { color:#00b103; } #section-4 .circulo-1 { position:absolute; top:30px; left:12%; z-index:2; } #section-4 .circulo-2 { position:absolute; top:100px; left:10%; z-index:2; } #section-4 .circulo-3 { position:absolute; top:170px; left:12%; z-index:2; } #section-4 .circulo-4 { position:absolute; top:240px; left:16%; z-index:2; } #section-4 .circulo-5 { position:absolute; top:30px; right:17%; z-index:2; } #section-4 .circulo-6 { position:absolute; top:100px; right:7%; z-index:2; } #section-4 .circulo-7 { position:absolute; top:170px; right:12%; z-index:2; } #section-4 .circulo-8 { position:absolute; top:240px; right:14%; z-index:2; } .z-index-1 { z-index:1; } img.z-index-1 { z-index:1; right:0; } .col-md-20 { float:left; width:20%; padding-left:15px; padding-right:15px; position:relative; } #section-donacion { float:left; width:100%; background-color:#00afd9; padding:50px 0; } .form-donate { background:#deddd8; border-radius:7px; min-height:50px; padding:20px 30px; width:100%; color:#363638; } .form-donate label { text-align:left; width:100%; } .form-donate input[type="text"] { background-color:#fff; border:0; min-height:22px; padding-left:15px; padding-right:15px; color:#363638; font-size:16px; margin-bottom:20px; } .form-donate input[type="submit"] { background:#000; border:0; color:#fff; cursor:pointer; padding:7px 20px; font-size:20px; } #section-informacion { width:100%; background: rgba(0, 0, 0, 0) url("../img/bg-informativo.jpg") no-repeat fixed center center / cover ; min-height: 350px; padding: 30px 0; width: 100%; margin:0px 0 25px; padding:60px 0; } .bg-gris { padding:30px; background: rgba(214, 220, 220, 0.9); min-height:250px; } .bg-marron { float:left; width:100%; padding:30px; background-color:#c43136; } .bg-gris-bajito { background:#00add8; } .bg-deddd8 { background:#deddd8; } .bg-naranja { background:#ff7f3e; } .bg-f4f4f4 { background:#f4f4f4; } .bg-verde { background:#c4d600; } .bg-azul { background:#00aedb; } .bg-azul-marino { background:#004b9c; } .bg-title-azul { background-color:#00aedb; padding:10px 10px; width:100%; } .cuadro-eeeeee { float:left; width:100%; text-align:center; color:#00aedb; background:#eee; border-radius:7px; padding:30px 0; } .cuadro-icon { float:left; width:100%; text-align:center; color:#00aedb; padding:20px 0; font-size:40px; } .space-20 { float:left; width:100%; height:20px; } .space-10 { float:left; width:100%; height:10px; } .space-5 { float:left; width:100%; height:5px; } .sidebar h2 { margin-bottom:2px; } .sidebar ul { float:left; margin:10px 0; padding:0; width:100% } .sidebar li { float:left; list-style:none; margin:0; padding:0; width:100%; border-bottom:1px solid #000; } .sidebar li a { float:left; width:100%; color:#00aedb; padding:10px 5px 10px 15px; } .border-negro-right { border-right:2px dashed #1d100c; } .border-fff { border:3px solid #fff; } .title { padding:7px 10px; background-color:#385887; background-color:#385887; color:#fff; } .title-verde { background-color:#3fae2b; } #section-informacion .col-md-4 { min-height:250px; } #section-testimonios { float:left; width:100%; padding:0px 0; } #section-testimonios .item { padding:80px 0 100px; } #section-testimonios .carousel-indicators { bottom:20px; } #carrusel-clientes .item img { width:100%; max-width:300px; float:none; } #carrusel-clientes .item [class*="col-"] { text-align:center; } #section-carrusel-home { float:left; width:100%; padding:50px 0; background:url(../img/bg-carrusel-home.jpg) no-repeat; background-size:cover; color:#fff; min-height:350px; } .carousel-indicators li { background-color: rgba(196, 214, 0, 1); border-radius: 10px; } .carousel-inner .item { min-height:150px; padding:20px 0; } .carousel-indicators .active { background-color: #333; } .carousel-indicators { bottom:-20px; } .border-naranja-right { border-right:3px dotted #ff863f; min-height:120px; } .section-gral { float:left; width:100%; padding:60px 0; } .section-title { float:left; width:100%; padding:10px 0; } .padding-top-60 { padding-top:60px; } .padding-bottom-60 { padding-bottom:60px; } .padding-top-30 { padding-top:30px; } .padding-bottom-30 { padding-bottom:30px; } .padding-top-0 { padding-top:0px !important; } .padding-bottom-0 { padding-bottom:0px !important; } .padding-0 { padding:0; } .display-none { display:none; } .section-nav { float:left; width:100%; padding:20px 0; } nav, nav ul { float:left; position:relative; width:100% } nav ul li { float:left; list-style:none; width:25%; border-right:3px solid #fff; } nav ul li:last-child { border-right:none; } nav ul li a { float:left; color:#fff; background:#00aedb; padding-top:10px; padding-bottom:10px; text-decoration:none; font-size:22px; text-align:center; width:100% } nav ul li a:hover { color:#000; background-color:#deea7f; text-decoration:none; } #aliados .col-md-7 { float:left; width:14.28%; } #section-boletin { float:left; width:100%; padding:60px 0; background-color:#c4d600; } #section-boletin form input[type="text"], #section-boletin form input[type="email"] { width:95%; height:55px; font-size:20px; color:#666; border-radius:0; border:0; } #section-boletin form input[type="submit"] { padding:12px 20px; background-color:#00aedb; color:#fff; border-radius:0; cursor:pointer; border:0; text-transform:uppercase; font-size:22px; font-weight:500; } #section-footer { float:left; width:100%; background:#181818 url(../images/bg-footer-mapa.jpg) top center; background-size:cover; padding:50px 0 50px 0; color:#585858; font-size:14px; } #section-footer span, #section-footer a { color:#c9c5c5; } #section-footer a:hover { color:#fff; } #section-footer h4 { color:#00aedb; } #section-footer hr { height:1px; border:0; border-bottom:1px dotted #666; } #section-footer nav, #section-footer ul { float:left; width:100%; padding:0; margin:0; } #section-footer nav li { float:left; list-style:none; width:100%; } #section-footer nav li a { float:left; color:#585858; padding:5px 7px; width:100%; background:#272727; margin:2px 0; font-size:16px; } #section-footer nav li a:hover { color:#00aedb; } #section-footer .form-horizontal { } #section-footer .form-horizontal input[type="text"], #section-footer .form-horizontal input[type="email"] { background:#111; border:0; } #section-footer .form-horizontal label { margin-bottom:5px; } #section-footer .form-horizontal input[type="submit"] { background:#00b103; border:0; } /* Ultimas entradas*/ .ultimas-entradas { float:left; width:100%; padding:20px 20px; background:#efefef; min-height:100%; height:100%; min-height:400px; } .ultimas-entradas h4 { background:#003685; padding:12px 15px; color:#fff; width:100%; text-align:center; } .ultimas-entradas hr { border-bottom:1px dashed #666; margin:10px 0; } .ultimas-entradas a { color:#000; } .ultimas-entradas a:hover { color:#00a603 !important; } /**/ .form-group { margin-bottom: 0px; } #section-copy-right { float:left; width:100%; background:#0d1111; } #section-copy-right p, #section-copy-right a, #section-copy-right span { color:#999; font-size:13px;} #section-copy-right a:hover { color:#fff; } #section-copy-right .row { padding:10px 0 4px; min-height:20px; } #section-copy-right .col-md-4 a:hover { color:#fff; } #section-interna { padding:60px 0; float:left; width:100%; border-top:1px solid #efefef;} #section-interna [class*="col-"] { padding:0 !important; } #section-general { padding:60px 0; float:left; width:100%; border-top:1px solid #efefef; } .section-gris { padding:60px 20px 50px; background:#efefef; float:left; width:100%; } .section-azul { padding:50px 20px; background:#0d9bc1; float:left; width:100%; } #carrusel-aliados li { list-style-type:none; } #carrusel-aliados li .thumbnail { border:none; } #carrusel-aliados li .thumbnail img { width:90%; } #carrusel-aliados .carousel-indicators { bottom: -20px; } #home-slider .carousel-inner .item { padding: 0px 0; } .tab-content { float:left; width:100%; color : #666; background-color: #fff; padding : 15px 15px; border:1px dashed #ccc; padding-top:60px; padding-bottom:40px; } .tab-content h3 { color : #666; background-color: #fff; padding : 5px 0px; } .nav-tabs > li { width:auto; text-align:center; } .nav-tabs > li > a { border-radius: 0 ; background:#eeeeee; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { background-color: #a9343a; color: #fff; border:0; border-radius:0; } .panel-default > .panel-heading { background-color: #00aedb; border-color: #009cde; color: #edfbff; } .panel-default { border-color: #009cde; } .panel-title > .small, .panel-title > .small > a, .panel-title > a, .panel-title > small, .panel-title > small > a { color: fff; text-decoration:none; } .panel-title a:hover { color:#fff; } ul.ul-gral { } ul.ul-gral li { list-style:url(../img/bullet-naranja.png); margin:15px 0 30px; } /* Acordion */ #accordion-gral { float:left; width:100%; } #accordion-gral .panel-heading h4 { text-align:center; font-size:34px; } #accordion-gral .panel-heading:hover { background-color:#19bee9; } #accordion-gral .panel-heading, #accordion-gral .panel { border-radius:0 !important; } #accordion-gral .panel-heading { padding-top:16px; padding-bottom:16px; } #accordion-gral { margin-bottom:0px !important; } #accordion-aliados { float:left; width:100%; border:0 !important; } #accordion-aliados .panel-heading h4 { text-align:center; font-size:34px; } #accordion-aliados .panel-heading:hover { background-color:#19bee9; } #accordion-aliados .panel-heading, #accordion-aliados .panel { border-radius:0 !important; } #accordion-aliados .panel-heading { padding-top:16px; padding-bottom:16px; border:0 !important; } #accordion-aliados { margin-bottom:0px !important; } #accordion-aliados .panel-default, #accordion-aliados .panel-body { border:0 !important; box-shadow:none; padding:0; margin:0; } .form-paypal input[type=image] { width:200px !important; cursor:pointer; } /* Font size */ .font-size-12 { font-size:12px; } .font-size-14 { font-size:14px; } .font-size-16 { font-size:16px; } .font-size-18 { font-size:18px; } .font-size-20 { font-size:20px; } .font-size-22 { font-size:22px; } .font-size-24 { font-size:24px; } .font-size-26 { font-size:26px; } .font-size-28 { font-size:28px; } .font-size-30 { font-size:30px; } .font-size-32 { font-size:32px; } .font-size-34 { font-size:34px; } .font-size-36 { font-size:36px; } .font-size-38 { font-size:38px; } .font-size-40 { font-size:40px; } .font-size-44 { font-size:44px; } .font-size-48 { font-size:48px; } .font-size-52 { font-size:52px; } .font-size-56 { font-size:56px; } .font-size-58 { font-size:58px; } .font-size-62 { font-size:62px; } .font-size-66 { font-size:66px; } .font-size-70 { font-size:70px; } .btn-azul { background-color:#004b9c; color:#fff; } .item .btn-naranja { position:absolute; bottom:0; z-index:100; width:100%; text-align:center; background-color:#d6d940; padding:15px 0; font-size:1.3em; color:#fff; text-decoration:none; } .item .btn-naranja:hover { background:#cccf37; color:#000; } .color-azul { color:#003982; } .color-azul-cielo { color:#00aedb; } .color-marron { color:#c43136; } .color-verde { color:#00b103; } .color-verde-seco { color:#c4d600; } .color-naranja { color:#ff6316; } .color-gris { color:#6a6d6d; } .color-363636 { color:#363636; } .color-8b8b8b { color:#8b8b8b; } .color-fff { color:#fff; } a.color-fff:hover { color:#000; } .color-000 { color:#000; } .color-azul-footer { color:#00aedb; } a.color-222 { color:#222; } a.color-222:hover { color:#000; } .color-gris2 { color:#333; } .txt-shadown { -webkit-box-shadow: 3px 6px 5px 0px rgba(0,0,0,0.09); -moz-box-shadow: 3px 6px 5px 0px rgba(0,0,0,0.09); box-shadow: 3px 6px 5px 0px rgba(0,0,0,0.09); } .text-underline { text-decoration:underline; } .position-relative { position:relative; } .hr-naranja { height:1px; background:#ff7f3e; width:100%; float:left; margin:20px 0; } .font-roboto-ligth { } .font-roboto-medium { } .font-roboto-bold { } .font-times { font-family:"Times New Roman", Times, serif } /* Mapa */ #cajacontenido { width:100%; float:left; padding:15px 15px; background:#d5d3d3; font-size:14px; } #cajacontenido #edo { float:left; width:100%; padding:5px 10px; background:#444444; text-align:center; color:#fff; font-size:20px; } #cajacontenido ul { padding:0; margin:0; color:#444444; } #cajacontenido ul li { list-style:none; padding:0; margin:0; } #cajacontenido ul li a { color:#444444; } #cajacontenido ul li a:hover { color:#000; } #contenido_mapa .fa { font-size:22px !important; } #contenido_mapa b { font-size:16px !important; } #cajacontenido #contenido_mapa { float:left; width:100%; padding:10px 0; } /* Form Contacto */ .form-contacto { float:left; width:100%; text-align:left; } .form-contacto label { padding:0 0 0 1%; margin:15px 0 0 0; } .form-contacto input { margitn:4px 0 15px 0; } .form-contacto input[type="text"], .form-contacto textarea { border:1px solid #ccc; border-radius:0; background:#efefef; } .form-contacto input[type="text"]:focus { border:2px solid #0c78bb; } .form-contacto input[type="text"]:hover { border:2px solid #999; } .form-contacto input[type="submit"] { border:2px solid #0c78bb; background-color:#0c78bb; cursor:pointer; color:#fff; padding:10px 20px; } .form-contacto input[type="submit"]:hover { opacity:.8; } .form-control, .form-control:focus { box-shadow:none; } /* Timeline =============================================== */ .timeline-centered .timeline-entry .timeline-entry-inner:after, .timeline-centered .timeline-entry:after, .timeline-centered:after { clear:both } .timeline-centered { position:relative; margin-bottom:30px } .timeline-centered:after, .timeline-centered:before { content:" "; display:table } .timeline-centered:before { content:''; position:absolute; display:block; width:4px; background:#efefef; left:50%; top:20px; bottom:20px; margin-left:-4px } .timeline-centered .timeline-entry .timeline-entry-inner:after, .timeline-centered .timeline-entry .timeline-entry-inner:before, .timeline-centered .timeline-entry:after, .timeline-centered .timeline-entry:before { content:" "; display:table } .timeline-centered .timeline-entry { position:relative; width:50%; float:right; margin-bottom:70px; clear:both } .timeline-centered .timeline-entry.begin { margin-bottom:0 } .timeline-centered .timeline-entry.left-aligned { float:left } .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner { margin-left:0; margin-right:-18px } .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-time { left:auto; right:-100px; text-align:left } .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-icon { float:right } .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label { margin-left:0; margin-right:70px } .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label:after { left:auto; right:0; margin-left:0; margin-right:-9px; -moz-transform:rotate(180deg); -o-transform:rotate(180deg); -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg) } .timeline-centered .timeline-entry .timeline-entry-inner { position:relative; margin-left:-22px } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time { position:absolute; left:-100px; text-align:right; padding:10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time>span { display:block } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time>span:first-child { font-size:20px; color:#c4d600; font-weight:700 } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time>span:last-child { font-size:14px } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background:#fff; color:#737881; display:block; width:40px; height:40px; -webkit-background-clip:padding-box; -moz-background-clip:padding; background-clip:padding-box; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; text-align:center; -moz-box-shadow:0 0 0 5px #f5f5f6; -webkit-box-shadow:0 0 0 5px #f5f5f6; box-shadow:0 0 0 5px #f5f5f6; line-height:40px; font-size:15px; float:left } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-primary { background-color:#303641; color:#fff } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-secondary { background-color:#ccc; color:#fff } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-success { background-color:#ccc; color:#fff } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-info { background-color:#ccc; color:#fff } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-warning { background-color:#ccc; color:#fff } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-danger { background-color:#cc2424; color:#fff } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label { position:relative; background:#00aedb; padding:1.7em; margin-left:70px; -webkit-background-clip:padding-box; -moz-background-clip:padding; background-clip:padding-box; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; color:#ffffff; } .timeline-label p { color:#fff !important; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label:after { content:''; display:block; position:absolute; width:0; height:0; border-style:solid; border-width:9px 9px 9px 0; border-color:transparent #00aedb transparent transparent; left:0; top:10px; margin-left:-9px } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2, .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p { color:#737881; font-family:"Noto Sans", sans-serif; font-size:14px; margin:0; line-height:1.428571429 } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p+p { margin-top:15px } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 { font-size:16px; margin-bottom:10px } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 a { color:#303641 } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 span { -webkit-opacity:.6; -moz-opacity:.6; opacity:.6; -ms-filter:alpha(opacity=60); filter:alpha(opacity=60) } /* Timeline =============================================== */ .carousel-fade .carousel-inner .item { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; } .carousel-fade .carousel-inner .active { opacity: 1; } .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; z-index: 1; } .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; } .carousel-fade .carousel-control { z-index: 2; } /* ============================ Donacion ============================ */ .amount{ padding-top:15px; } .donate-price .btn { background-color: #e95d0f; margin-top: 20px; font-size:30px; font-weight:500; width: 100%; color:#fff; } .donate-price .tabii-price { display: inline-block; margin-bottom: 20px; margin-top: 20px; padding-left: 0; text-align: center; width: 100%; } .donate-price .tabii-price li { display: inline-block; margin-right: 10px; } .donate-price .tabii-price li.active a { color: #51b948; } .donate-price .tabii-price a { color: #232323; display: inline-block; font-family: roboto; font-size: 12px; font-weight: bold; margin-right: 10px; text-transform: uppercase; font-size:14px; } #donopcion2 { display: none; } .eleven-columns li { width: calc(100% / 4); cursor:pointer } .eleven-columns li.active { opacity: 1; } .eleven-columns li { color: #212121; display: inline-block; float: left; font-family: roboto; opacity: 0.5; padding-left: 0; text-align: left; } .eleven-columns li #inpdon1, .eleven-columns li #inpdon2 { width:100% !important; } .hovereffect { /*width: 100%; */ max-width:100%; height: 100%; float: left; overflow: hidden; position: relative; text-align: center; cursor: default; } .hovereffect .overlay { width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; background-color: rgba(75,75,75,0.7); -webkit-transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81); transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81); } .hovereffect:hover .overlay { background-color: rgba(48, 152, 157, 0.4); } .hovereffect img { display: block; position: relative; } .hovereffect h2 { text-transform: uppercase; color: #fff; text-align: center; position: relative; font-size: 18px; padding: 10px; background: rgba(0, 0, 0, 0.6); -webkit-transform: translateY(45px); -ms-transform: translateY(45px); transform: translateY(45px); -webkit-transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81); transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81); } .hovereffect:hover h2 { -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); } .hovereffect .info { display: inline-block; text-decoration: none; padding: 7px 14px; text-transform: uppercase; color: #fff; border: 1px solid #fff; background-color: transparent; opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81); transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81); font-weight: normal; margin: -0px 0 0 0; /*padding: 62px 100px;*/ padding: 55px 85px 70px; } .hovereffect:hover .info { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .hovereffect .info:hover { box-shadow: 0 0 5px #fff; } .internas .hovereffect .info { text-transform: none; color: #fff; width:90%; margin:5%; min-height:77%; padding:10px; max-height:77%; } .internas .hovereffect { margin:5px !important; } .form-buscar { width:auto; } .form-buscar input[type="text"] { float:left; border:0; background-color:#4c4a4a; color:#4c4a4a; width:150px; } .form-buscar input[type="submit"] { float:left; width:auto; background-color:#004b9c; color:#fff; border:0; } .svg-map { background: #efefef none repeat scroll 0 0; display: block; height: 0; padding-top: 56.25%; position: relative; width: 100%; } .svg-map__item { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } /* ============================ Donacion End ============================ */ #menu-mobil, #nav-mobil, #nav-search { display:none; } /* Donacion */ .form-donacion input[type=submit] { background-color:#e95d0f !important; color:#fff; padding:5px 30px; font-size:24px; } .form-donacion .div-100 { width:100% !important; } .form-donacion input[type=text], .form-donacion textarea { width:100px; margin:7px 0; } .selUnica, .amountTexto, .amountTexto2, .amountTexto3, .amountTexto4 { display:none; } .opc-1, .opc-2, .opc-3 { display:none; } .form-paypal input[type=image] { width:200px !important; cursor:pointer; } .btn-pdf-naranja { background-color: #ff7f3e; border: 0 none; color: #fff; padding: 7px 30px; } .section-iconos-home .hovereffect h2, .hovereffect h2 { transform: translateY(0px); } .section-interna .col-md-8 img { max-width:100%; } .section-interna .col-md-8 h2 { color:#333; font-weight:bold; } .ocultar-search, .ocultar-elem { display:block; } .width-100 { width:100% !important; } .btn-close { position:absolute; top:10px; right:25px; z-index:10; background-color:#fff; padding:2px 5px; border-radius: 50%; } .btn-close .fa-times { font-size:22px; } @media (max-width: 1024px) { .col-md-5.col-1 { display:none; } .ocultar-search { display:none; } .ocultar-elem { display:none; } /*.col-md-7 .col-2 { width:100%; padding:0; } #section-top .col-2 ul li, #section-top .col-2 ul { width:100% !important; }*/ #section-top [class*="col-"] { padding:0; } } @media (min-width: 768px) and (max-width: 1024px) { /*[class*="col-"] { width:100%; overflow:hidden }*/ .fa-bars { display:block !important; } .fa-bars { display:block !important; } menu { display:none; } #section-top .col-md-6 a { font-size:14px; } #header .logo img { width:100px !important; } #header .col-md-2 { width:37%; float:left } #header .col-md-10 { width:63%; float:left; padding:0; } /*#section-top { display:none; }*/ #menu-mobil { display:block; float:left; width:100%; border:0; } #menu-mobil .btn_mobil:hover { background-color:#00a4ce; } #menu-mobil .btn_mobil a { color:#fff; } #menu-mobil .btn_mobil { float:right; height:60px; width:70px; text-align:center; padding:7px 7px; background:#00aedb } #menu-mobil .bg-naranja { background-color:#ff7f3e !important; } #menu-mobil .bg-naranja:hover { background-color:#e55d25 !important; } #menu-mobil .btn_mobil .fa { font-size:24px; } #menu-mobil .btn_mobil span { font-size:11px !important; font-weight:bold; } #header .logo { float: left; padding: 12px 0; } #header nav { border:0; } #nav-mobil { width:100%; min-height:100%; height:100%; max-height:100%; background-color:#fff; position:absolute; top:0; left:0; z-index:10002; padding:0px; margin:0; opacity:0.95 } #nav-mobil ul { float:left; width:100%; padding:0; margin:0; } #nav-mobil ul li { list-style:none; float:left; width:100%; border-bottom:1px solid #cdcdcd; } #nav-mobil ul li a { float:left; padding:12px 20px; color:#8a8a94; text-decoration:none; width:100%; } #nav-mobil ul li a:hover { color:#bcce00; background:none; } #nav-mobil .dropdown { display:none; } #nav-mobil .expand, #nav-mobil .expand-2, #nav-mobil .expand-3, #nav-mobil .expand-4 { border-left: 1px solid #efefef; color: #666; margin-left: 10px; padding: 14px 14px; position: absolute; right: 7px; top:0px; width: 35px; z-index: 999; } #nav-mobil ul ul a { background-color:#00aedb; color:#fff; border-bottom:1px solid #fff; } #nav-mobil ul ul a:hover { background-color:#00b7e6; color:#fff; } #nav-mobil ul ul li { list-style:none; } #nav-search { width:100%; min-height:100%; position:fixed; top:0; left:0; z-index:10002; padding:0px; margin:0; background-color: rgba(255, 255, 255, 0.95); } #nav-search ul { position:relative; float:none; width:80%; padding:0; margin:30px auto } #nav-search ul li { list-style:none; float:none; width:100%; } #nav-search form input[type="text"] { background: #fff none repeat scroll 0 0; border: 0 none; color: #666; float: left; height: 50px; width:90%; padding: 5px; border:1px solid #ccc; } .col-md-3, .col-md-4, .col-md-20 { margin:40px 0 0 0; text-align:center !important; } .col-md-4 .pull-right { float:none !important; } .col-md-12 nav ul li.col-md-4, .col-md-12 nav ul li.col-md-3 { width: 33.33% !important; margin:0; } .col-md-8 nav ul li.col-md-6 { width:50%; } .col-md-20 { width:50%; float:left; } } @media (max-width: 767px) { .margin-mobil-top-40 { /*margin-top:40px;*/ } .col-md-3, .col-md-4, .col-md-20 { margin:40px 0 0 0; text-align:center !important; } .col-md-4 .pull-right { float:none !important; } body { text-align:left; } [class*="col-"] { width:100%; overflow:hidden; } .fa-bars { display:block !important; } menu { display:none; } #section-top .col-md-6 a { font-size:14px; } #header .logo img { width:100px !important; } #header .col-md-2 { width:37%; float:left } #header .col-md-10 { width:63%; float:left; padding:0; } /*#section-top { display:none; }*/ #menu-mobil { display:block; float:left; width:100%; border:0; } #menu-mobil .btn_mobil:hover { background-color:#00a4ce; } #menu-mobil .btn_mobil a { color:#fff; } #menu-mobil .btn_mobil { float:right; height:60px; width:70px; text-align:center; padding:7px 7px; background:#00aedb } #menu-mobil .bg-naranja { background-color:#ff7f3e !important; } #menu-mobil .bg-naranja:hover { background-color:#e55d25 !important; } #menu-mobil .btn_mobil .fa { font-size:24px; } #menu-mobil .btn_mobil span { font-size:11px !important; font-weight:bold; } #header .logo { float: left; padding: 12px 0; } #header nav { border:0; } #nav-mobil { width:100%; min-height:100%; background-color:#fff; position:absolute; top:0; left:0; z-index:10002; padding:0px; margin:0; opacity:0.95 } #nav-mobil ul { float:left; width:100%; padding:0; margin:0; } #nav-mobil ul li { list-style:none; float:left; width:100%; border-bottom:1px solid #cdcdcd; } #nav-mobil ul li a { float:left; padding:12px 20px; color:#8a8a94; text-decoration:none; width:100%; } #nav-mobil ul li a:hover { color:#bcce00; background:none; } #nav-mobil .dropdown { display:none; } #nav-mobil .expand, #nav-mobil .expand-2, #nav-mobil .expand-3, #nav-mobil .expand-4 { border-left: 1px solid #efefef; color: #666; margin-left: 10px; padding: 14px 14px; position: absolute; right: 7px; top:0px; width: 35px; z-index: 999; } #nav-mobil ul ul a { background-color:#00aedb; color:#fff; border-bottom:1px solid #fff; } #nav-mobil ul ul a:hover { background-color:#00b7e6; color:#fff; } #nav-search { width:100%; min-height:100%; position:fixed; top:0; left:0; z-index:10002; padding:0px; margin:0; background-color: rgba(255, 255, 255, 0.95); } #nav-search ul { position:relative; float:none; width:80%; padding:0; margin:30px auto } #nav-search ul li { list-style:none; float:none; width:100%; } #nav-search form input[type="text"] { background: #fff none repeat scroll 0 0; border: 0 none; color: #666; float: left; height: 50px; width:70%; padding: 5px; border:1px solid #ccc; } .col-md-12 nav ul, .col-md-8 nav ul { padding:0; } .col-md-12 nav ul li, .col-md-8 nav ul li { border:0; margin:0; padding:7px; border-bottom: 2px solid #004b9c; width: 100% !important; } .nav-tabs > li { width:100%; } .no-margin { margin:0; } } @media (max-width: 480px) { [class*="col-"] { width:100%; } #section-top .col-md-6 a { font-size:12px; } #section-top form input[type="text"] { width:110px; } #section-top .col-1 ul { width:100%; } #section-top .col-2 ul a { padding:7px 8px; } #section-top .container { padding:0; } #menu-mobil .btn_mobil { width:60px; } .btn-close .fa-times { font-size:20px; } .btn-close { position:absolute; top:7px; right:20px; z-index:10; background-color:#fff; padding:2px 5px; border-radius: 50%; } } @media (min-width: 768px) { } /* back_top starts */ .back_top{ bottom: 40px; display: none; position: fixed; right: 40px; z-index: 1000; } .back_top a{ background: #ff5500; color: #FFFFFF; display: inline-block; font-size: 23px; height: 44px; opacity: 0.8; text-align: center; width: 44px; } .back_top a i{ line-height: 44px; } .back_top a:hover{ opacity: 1; } @font-face { font-family: 'caviar_dreamsbold'; src: url('caviardreams_bold-webfont.eot'); src: url('caviardreams_bold-webfont.eot?#iefix') format('embedded-opentype'), url('caviardreams_bold-webfont.woff2') format('woff2'), url('caviardreams_bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } /* CSS Document - Sergio */ h3.title-tab { text-align: center; color: #b8cb23; font-weight: 700; } h3.title-tab.right:before { content: ''; background-color: #004b9c; position: absolute; width: 5px; height: 100%; left: 0; top: -5px; } h3.title-tab.left:before { content: ''; background-color: #004b9c; position: absolute; width: 5px; height: 100%; right: 0; top: -5px; } .font-weight-700{ font-weight: 700; } .font-color-3c3e3e{ color: #3c3e3e !important; } .font-color-ff7f3f{ color: #000 !important; } .font-color-43480f{ color: #43480f !important; } .font-color-c4d600{ color: #c4d600 !important; } .font-cursiva{ font-family: 'Times New Roman', Times, serif; color: #00aedb; font-size: 1.7em; } .font-header{ font-family: 'Times New Roman', Times, serif; font-size: 1.7em; } .custom-header{ font-size: 40px; color: #ffffff !important; font-family: roboto; font-weight: bold; text-shadow: 2px 2px 5px black; } .font-italic{ font-style: italic; } .bg-EDF6F7{ background-color: #EDF6F7; } .bg-c4d600{ background-color: #c4d600; } .bg-9E9E9E{ background-color: #9E9E9E; } .bg-00aedb{ background-color: #00aedb; } .list-orange { list-style: none; } .list-orange li { position: relative; margin-bottom: 30px; } .list-orange li:before { content: ''; position: absolute; width: 8px; height: 8px; background-color: #00aedb; left: -20px; top: 6px; border-radius: 50%; } .nopadding { padding: 0 !important; margin: 0 !important; } /*Botones*/ .btn-boton{ border: 2px solid #FA6839; color: #FFF; padding: 10px 30px !important; background-color: #FA6839; border-radius: 8px; -webkit-border-radius: 8px; } .btn-boton:hover{ background-color: #FFF; color: #FA6839; } /*Tres bloques*/ .block-image { position: absolute; width: 100%; height: 100%; top: 0; background-color: rgba(0,0,0,0.4); } .block-image:hover { background-color: rgba(0,0,0,0.7); } /*.block-image span { width: 80%; position: absolute; display: block; left: 50%; top: 50%; margin-left: -150px; margin-top: -40px; text-shadow: 2px 2px 60px black; color: white; } */ .block-image span { width: 100%; text-align:center; padding:0 7%; position:relative; display: block; top: 40%; text-shadow: 2px 2px 60px black; color: #EDEDED; } /*Nueve bloques*/ .block-separacion{ border-bottom: 10px solid white; border-right: 10px solid white; } .space-5{ float: left; width: 100%; height: 10px; } .space-10{ float: left; width: 100%; height: 10px; } .col-md-offset-4_5 { margin-left: 38.175%; } .affix { top:0 !important; width: 100%; position:fixed !important; background-color:#fff !important; z-index:9990; -webkit-box-shadow: 0px 4px 2px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 4px 2px 0px rgba(0,0,0,0.3); box-shadow: 0px 4px 2px 0px rgba(0,0,0,0.3); } .affix + .container-fluid { padding-top: 0px !important; } /* CSS Document */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #google_translate_element img, .goog-logo-link { display:none; } body { font-size:16px; background:#fff; font-family: Arial, Helvetica, sans-serif sans-serif; color:#555; text-align:justify; } .bg-lightbox { position:fixed; z-index:99999; background-color: rgba(0, 0, 0, 0.5); padding:7% 0 0 0; min-width:100%; height:100%; max-height:100%; min-height:100%; max-width:100%; width:100%; } a:hover { text-decoration:none; color:#37b635; } a { color:#000; } .h1, .h2, .h3, h1, h2, h3 { margin-bottom: 10px; margin-top: 0; } /*.nav-mobil { float:left; border-top:2px solid #ccc; width:100%; margin:20px 0 0 0; display:none; } .nav-mobil ul { float:left; width:100%; padding:0; } .nav-mobil li { float:left; list-style:none; width:100%; padding:0; } .nav-mobil li a { float:left; text-decoration:none; width:100%; padding:7px 10px 7px 10px; font-size:16px; } .nav-mobil li a:hover { background:#efefef; } */ #header { width:100%; float:left; position:relative; z-index:1023; } #header .logo { float:left; padding:17px 0 15px; } #header .logo img { float:left; } #header menu { float:right; } #header nav { float:right; width:100%; border-bottom:1px dashed #ccc; text-align:right; margin:0px 0 0; } #header nav ul { float:right; } #header nav ul li { float:left; list-style:none; } #header nav ul li a { float:left; padding:7px 10px; text-decoration:none; color:#898989; } #header nav ul li a:hover { color:#000; } #header nav .fa { font-size:18px; } /*#header .col-md-9 { margin:0 !important; padding-top:0 !important; padding-bottom:0 !important; }*/ .img-max-width { max-width:100%; } .btn-naranja-slider { padding:15px 35px; background-color:#ff7f3f; color:#fff; font-size:26px; text-decoration:none; } .btn-naranja-slider:hover { background-color:#f06c29; color:#fff; } #section-menu { background:#003685; } menu { width:100%; float:left; display:block; padding:0; margin:0; } menu ul { float:left; padding:0; margin:0; width:100% } menu ul li { float:left; list-style:none; width:16.4%; margin:0 1px; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } menu ul > li { width:14%; } menu ul > li + li { width:13%; } menu ul > li + li + li { width:16%; } menu ul > li + li + li + li { width:13%; } menu ul > li + li + li + li + li { width:21%; } menu ul > li + li + li + li + li { width:21%; } menu ul li a { float:left; text-decoration:none; color:#8a8a8d; width:100%; padding:37px 0 37px; text-align:center; text-transform: uppercase; font-size:14px;} menu ul li a.dona { background:#ff7f3f; padding:7px 0; margin:16px 0px 7px 0px; color:#fff; font-weight:700 } menu ul li a.socio { background:#deea7f ; padding:7px 0; margin:16px 0px 7px 0px; color:#000; font-weight:700 } menu ul li a.dona span { font-size:13px;} menu ul li a:hover { color:#c3d600; background:none; } menu ul li a.dona:hover { color:#333; background-color:#deea7f; } menu ul li a.socio:hover { color:#fff; background-color:#000; } menu ul ul { visibility:hidden; position:absolute; width:220px; top:93px; z-index:999; } menu ul ul li { float:left; border:0; width:100% !important; height:auto !important; margin:0; padding:0; /*border-top:1px solid #00275f; border-bottom:1px solid #0c4393;*/ } /** html menu ul ul { top:70px; t\op:70px; }*/ menu ul ul ul{ left:220px; top:0; width:220px; } menu ul ul a, menu ul ul a:visited { float:left; height:auto !important; padding:7px 7px 7px 15px; font-size:15px !important; color:#fff; width:100%; /*background-color:#003685;*/ text-align:left; background-color:#00aedb; border-bottom:2px solid #dbf8ff; text-transform:none; } menu ul ul a:hover { color:#333; background-color:#deea7f; } * html menu ul ul a{ width:100%; w\idth:100%; } menu ul :hover > a{ color:#c3d600; /*background:none;*/ } menu ul ul :hover > a { color:#000; background-color:#deea7f; } menu ul li:hover ul, menu ul a:hover ul{ visibility:visible; } menu ul :hover ul ul{ visibility:hidden; } menu ul :hover ul:hover ul ul{ visibility:hidden; } menu ul :hover ul:hover ul:hover ul ul li{ visibility:hidden; } menu ul :hover ul :hover ul{ visibility:visible; } menu ul :hover ul :hover ul li:hover ul{ visibility:visible; } menu ul :hover ul :hover ul:hover ul li:hover ul li{ visibility:visible; } #home-slider .carousel-indicators { bottom:50px; } #section-top { float:left; width:100%; background-color:#00aedb; color:#fff; position:relative; z-index:999; } #section-top a { color:#fff; text-decoration:none; } #section-top .col-1 ul { padding:0px 0; margin:0; } #section-top .col-1 ul li { list-style:none; } #section-top .col-1 ul a { float:left; margin:0 20px 0 0px; padding:10px 0; letter-spacing:0.5px; } #section-top .col-2 ul { padding:0px 0; margin:0; } #section-top .col-2 ul li { float:left; list-style:none; border-right:1px solid #78d4ec; } #section-top .col-2 ul a { float:left; margin:0 0px 0 0px; padding:7px 12px; font-size:20px; color:#fff; } #section-top .col-2 ul #google_translate_element a { color:#000 !important; font-size:14px !important; padding-top:7px !important; padding-bottom:7px !important; padding-right:7px !important; border:0 !important; overflow:hidden; background-color:#efefef !important; } #google_translate_element { background-color:#efefef !important; padding:0 10px; height:43px; overflow:hidden; } .goog-te-gadget .goog-te-combo { margin:10px 0 15px !important; } .goog-te-gadget-simple { border:0 !important; padding-top:3px !important; background-color:#efefef !important; } #section-top form { width:auto; float:right; } #section-top form input[type="text"] { float:left; background:#eeeeee; height:43px; color:#666; border:0; padding:5px 5px; } #section-top form input[type="image"] { background-color:#004b9c; border:0; height:43px; float:left; } #section-slider { float:left; width:100%; position:relative; z-index:1; } .section-iconos-home { float:left; width:100%; /*position:relative; z-index:999;*/ padding:60px 0; background:url(../images/bg-ladrillos.jpg) repeat; } .section-iconos-home .container {/* top:-100px;*/ position:relative; z-index:1000; } .section-bg-azul { float:left; width:100%; background-color:#385888; padding:10px 0 !important; font-weight:300; } #section-title-gral { float:left; width:100%; padding:110px 0; min-height:250px; } .section-title-gral { float:left; width:100%; padding:110px 0; min-height:250px; } #section-paypal { float:left; width:100%; padding:60px 0; } #section-4 { padding:40px 0; } #section-4 h2 { color:#00b103; } #section-4 .circulo-1 { position:absolute; top:30px; left:12%; z-index:2; } #section-4 .circulo-2 { position:absolute; top:100px; left:10%; z-index:2; } #section-4 .circulo-3 { position:absolute; top:170px; left:12%; z-index:2; } #section-4 .circulo-4 { position:absolute; top:240px; left:16%; z-index:2; } #section-4 .circulo-5 { position:absolute; top:30px; right:17%; z-index:2; } #section-4 .circulo-6 { position:absolute; top:100px; right:7%; z-index:2; } #section-4 .circulo-7 { position:absolute; top:170px; right:12%; z-index:2; } #section-4 .circulo-8 { position:absolute; top:240px; right:14%; z-index:2; } .z-index-1 { z-index:1; } img.z-index-1 { z-index:1; right:0; } .col-md-20 { float:left; width:20%; padding-left:15px; padding-right:15px; position:relative; } #section-donacion { float:left; width:100%; background-color:#00afd9; padding:50px 0; } .form-donate { background:#deddd8; border-radius:7px; min-height:50px; padding:20px 30px; width:100%; color:#363638; } .form-donate label { text-align:left; width:100%; } .form-donate input[type="text"] { background-color:#fff; border:0; min-height:22px; padding-left:15px; padding-right:15px; color:#363638; font-size:16px; margin-bottom:20px; } .form-donate input[type="submit"] { background:#000; border:0; color:#fff; cursor:pointer; padding:7px 20px; font-size:20px; } #section-informacion { width:100%; background: rgba(0, 0, 0, 0) url("../img/bg-informativo.jpg") no-repeat fixed center center / cover ; min-height: 350px; padding: 30px 0; width: 100%; margin:0px 0 25px; padding:60px 0; } .bg-gris { padding:30px; background: rgba(214, 220, 220, 0.9); min-height:250px; } .bg-marron { float:left; width:100%; padding:30px; background-color:#c43136; } .bg-gris-bajito { background:#00add8; } .bg-deddd8 { background:#deddd8; } .bg-naranja { background:#ff7f3e; } .bg-f4f4f4 { background:#f4f4f4; } .bg-verde { background:#c4d600; } .bg-azul { background:#00aedb; } .bg-azul-marino { background:#004b9c; } .bg-title-azul { background-color:#00aedb; padding:10px 10px; width:100%; } .cuadro-eeeeee { float:left; width:100%; text-align:center; color:#00aedb; background:#eee; border-radius:7px; padding:30px 0; } .cuadro-icon { float:left; width:100%; text-align:center; color:#00aedb; padding:20px 0; font-size:40px; } .space-20 { float:left; width:100%; height:20px; } .space-10 { float:left; width:100%; height:10px; } .space-5 { float:left; width:100%; height:5px; } .sidebar h2 { margin-bottom:2px; } .sidebar ul { float:left; margin:10px 0; padding:0; width:100% } .sidebar li { float:left; list-style:none; margin:0; padding:0; width:100%; border-bottom:1px solid #000; } .sidebar li a { float:left; width:100%; color:#00aedb; padding:10px 5px 10px 15px; } .border-negro-right { border-right:2px dashed #1d100c; } .border-fff { border:3px solid #fff; } .title { padding:7px 10px; background-color:#385887; background-color:#385887; color:#fff; } .title-verde { background-color:#3fae2b; } #section-informacion .col-md-4 { min-height:250px; } #section-testimonios { float:left; width:100%; padding:0px 0; } #section-testimonios .item { padding:80px 0 100px; } #section-testimonios .carousel-indicators { bottom:20px; } #carrusel-clientes .item img { width:100%; max-width:300px; float:none; } #carrusel-clientes .item [class*="col-"] { text-align:center; } #section-carrusel-home { float:left; width:100%; padding:50px 0; background:url(../img/bg-carrusel-home.jpg) no-repeat; background-size:cover; color:#fff; min-height:350px; } .carousel-indicators li { background-color: rgba(196, 214, 0, 1); border-radius: 10px; } .carousel-inner .item { min-height:150px; padding:20px 0; } .carousel-indicators .active { background-color: #333; } .carousel-indicators { bottom:-20px; } .border-naranja-right { border-right:3px dotted #ff863f; min-height:120px; } .section-gral { float:left; width:100%; padding:60px 0; } .section-title { float:left; width:100%; padding:10px 0; } .padding-top-60 { padding-top:60px; } .padding-bottom-60 { padding-bottom:60px; } .padding-top-30 { padding-top:30px; } .padding-bottom-30 { padding-bottom:30px; } .padding-top-0 { padding-top:0px !important; } .padding-bottom-0 { padding-bottom:0px !important; } .padding-0 { padding:0; } .display-none { display:none; } .section-nav { float:left; width:100%; padding:20px 0; } nav, nav ul { float:left; position:relative; width:100% } nav ul li { float:left; list-style:none; width:25%; border-right:3px solid #fff; } nav ul li:last-child { border-right:none; } nav ul li a { float:left; color:#fff; background:#00aedb; padding-top:10px; padding-bottom:10px; text-decoration:none; font-size:22px; text-align:center; width:100% } nav ul li a:hover { color:#000; background-color:#deea7f; text-decoration:none; } #aliados .col-md-7 { float:left; width:14.28%; } #section-boletin { float:left; width:100%; padding:60px 0; background-color:#c4d600; } #section-boletin form input[type="text"], #section-boletin form input[type="email"] { width:95%; height:55px; font-size:20px; color:#666; border-radius:0; border:0; } #section-boletin form input[type="submit"] { padding:12px 20px; background-color:#00aedb; color:#fff; border-radius:0; cursor:pointer; border:0; text-transform:uppercase; font-size:22px; font-weight:500; } #section-footer { float:left; width:100%; background:#181818 url(../img/bg-footer-mapa.jpg) top center; background-size:cover; padding:50px 0 50px 0; color:#585858; font-size:14px; } #section-footer span, #section-footer a { color:#c9c5c5; } #section-footer a:hover { color:#fff; } #section-footer h4 { color:#00aedb; } #section-footer hr { height:1px; border:0; border-bottom:1px dotted #666; } #section-footer nav, #section-footer ul { float:left; width:100%; padding:0; margin:0; } #section-footer nav li { float:left; list-style:none; width:100%; } #section-footer nav li a { float:left; color:#585858; padding:5px 7px; width:100%; background:#272727; margin:2px 0; font-size:16px; } #section-footer nav li a:hover { color:#00aedb; } #section-footer .form-horizontal { } #section-footer .form-horizontal input[type="text"], #section-footer .form-horizontal input[type="email"] { background:#111; border:0; } #section-footer .form-horizontal label { margin-bottom:5px; } #section-footer .form-horizontal input[type="submit"] { background:#00b103; border:0; } /* Ultimas entradas*/ .ultimas-entradas { float:left; width:100%; padding:20px 20px; background:#efefef; min-height:100%; height:100%; min-height:400px; } .ultimas-entradas h4 { background:#003685; padding:12px 15px; color:#fff; width:100%; text-align:center; } .ultimas-entradas hr { border-bottom:1px dashed #666; margin:10px 0; } .ultimas-entradas a { color:#000; } .ultimas-entradas a:hover { color:#00a603 !important; } /**/ .form-group { margin-bottom: 0px; } #section-copy-right { float:left; width:100%; background:#0d1111; } #section-copy-right p, #section-copy-right a, #section-copy-right span { color:#999; font-size:13px;} #section-copy-right a:hover { color:#fff; } #section-copy-right .row { padding:10px 0 4px; min-height:20px; } #section-copy-right .col-md-4 a:hover { color:#fff; } #section-interna { padding:60px 0; float:left; width:100%; border-top:1px solid #efefef;} #section-interna [class*="col-"] { padding:0 !important; } #section-general { padding:60px 0; float:left; width:100%; border-top:1px solid #efefef; } .section-gris { padding:60px 20px 50px; background:#efefef; float:left; width:100%; } .section-azul { padding:50px 20px; background:#0d9bc1; float:left; width:100%; } #carrusel-aliados li { list-style-type:none; } #carrusel-aliados li .thumbnail { border:none; } #carrusel-aliados li .thumbnail img { width:90%; } #carrusel-aliados .carousel-indicators { bottom: -20px; } #home-slider .carousel-inner .item { padding: 0px 0; } .tab-content { float:left; width:100%; color : #666; background-color: #fff; padding : 15px 15px; border:1px dashed #ccc; padding-top:60px; padding-bottom:40px; } .tab-content h3 { color : #666; background-color: #fff; padding : 5px 0px; } .nav-tabs > li { width:auto; text-align:center; } .nav-tabs > li > a { border-radius: 0 ; background:#eeeeee; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { background-color: #a9343a; color: #fff; border:0; border-radius:0; } .panel-default > .panel-heading { background-color: #00aedb; border-color: #009cde; color: #edfbff; } .panel-default { border-color: #009cde; } .panel-title > .small, .panel-title > .small > a, .panel-title > a, .panel-title > small, .panel-title > small > a { color: fff; text-decoration:none; } .panel-title a:hover { color:#fff; } ul.ul-gral { } ul.ul-gral li { list-style:url(../img/bullet-naranja.png); margin:15px 0 30px; } /* Acordion */ #accordion-gral { float:left; width:100%; } #accordion-gral .panel-heading h4 { text-align:center; font-size:34px; } #accordion-gral .panel-heading:hover { background-color:#19bee9; } #accordion-gral .panel-heading, #accordion-gral .panel { border-radius:0 !important; } #accordion-gral .panel-heading { padding-top:16px; padding-bottom:16px; } #accordion-gral { margin-bottom:0px !important; } #accordion-aliados { float:left; width:100%; border:0 !important; } #accordion-aliados .panel-heading h4 { text-align:center; font-size:34px; } #accordion-aliados .panel-heading:hover { background-color:#19bee9; } #accordion-aliados .panel-heading, #accordion-aliados .panel { border-radius:0 !important; } #accordion-aliados .panel-heading { padding-top:16px; padding-bottom:16px; border:0 !important; } #accordion-aliados { margin-bottom:0px !important; } #accordion-aliados .panel-default, #accordion-aliados .panel-body { border:0 !important; box-shadow:none; padding:0; margin:0; } .form-paypal input[type=image] { width:200px !important; cursor:pointer; } /* Font size */ .font-size-12 { font-size:12px; } .font-size-14 { font-size:14px; } .font-size-16 { font-size:16px; } .font-size-18 { font-size:18px; } .font-size-20 { font-size:20px; } .font-size-22 { font-size:22px; } .font-size-24 { font-size:24px; } .font-size-26 { font-size:26px; } .font-size-28 { font-size:28px; } .font-size-30 { font-size:30px; } .font-size-32 { font-size:32px; } .font-size-34 { font-size:34px; } .font-size-36 { font-size:36px; } .font-size-38 { font-size:38px; } .font-size-40 { font-size:40px; } .font-size-44 { font-size:44px; } .font-size-48 { font-size:48px; } .font-size-52 { font-size:52px; } .font-size-56 { font-size:56px; } .font-size-58 { font-size:58px; } .font-size-62 { font-size:62px; } .font-size-66 { font-size:66px; } .font-size-70 { font-size:70px; } .btn-azul { background-color:#004b9c; color:#fff; } .item .btn-naranja { position:absolute; bottom:0; z-index:100; width:100%; text-align:center; background-color:#d6d940; padding:15px 0; font-size:1.3em; color:#fff; text-decoration:none; } .item .btn-naranja:hover { background:#cccf37; color:#000; } .color-azul { color:#003982; } .color-azul-cielo { color:#00aedb; } .color-marron { color:#c43136; } .color-verde { color:#00b103; } .color-verde-seco { color:#c4d600; } .color-naranja { color:#ff6316; } .color-gris { color:#6a6d6d; } .color-363636 { color:#363636; } .color-8b8b8b { color:#8b8b8b; } .color-fff { color:#fff; } a.color-fff:hover { color:#000; } .color-000 { color:#000; } .color-azul-footer { color:#00aedb; } a.color-222 { color:#222; } a.color-222:hover { color:#000; } .color-gris2 { color:#333; } .txt-shadown { -webkit-box-shadow: 3px 6px 5px 0px rgba(0,0,0,0.09); -moz-box-shadow: 3px 6px 5px 0px rgba(0,0,0,0.09); box-shadow: 3px 6px 5px 0px rgba(0,0,0,0.09); } .text-underline { text-decoration:underline; } .position-relative { position:relative; } .hr-naranja { height:1px; background:#ff7f3e; width:100%; float:left; margin:20px 0; } .font-roboto-ligth { } .font-roboto-medium { } .font-roboto-bold { } .font-times { font-family:"Times New Roman", Times, serif } /* Mapa */ #cajacontenido { width:100%; float:left; padding:15px 15px; background:#d5d3d3; font-size:14px; } #cajacontenido #edo { float:left; width:100%; padding:5px 10px; background:#444444; text-align:center; color:#fff; font-size:20px; } #cajacontenido ul { padding:0; margin:0; color:#444444; } #cajacontenido ul li { list-style:none; padding:0; margin:0; } #cajacontenido ul li a { color:#444444; } #cajacontenido ul li a:hover { color:#000; } #contenido_mapa .fa { font-size:22px !important; } #contenido_mapa b { font-size:16px !important; } #cajacontenido #contenido_mapa { float:left; width:100%; padding:10px 0; } /* Form Contacto */ .form-contacto { float:left; width:100%; text-align:left; } .form-contacto label { padding:0 0 0 1%; margin:15px 0 0 0; } .form-contacto input { margitn:4px 0 15px 0; } .form-contacto input[type="text"], .form-contacto textarea { border:1px solid #ccc; border-radius:0; background:#efefef; } .form-contacto input[type="text"]:focus { border:2px solid #0c78bb; } .form-contacto input[type="text"]:hover { border:2px solid #999; } .form-contacto input[type="submit"] { border:2px solid #0c78bb; background-color:#0c78bb; cursor:pointer; color:#fff; padding:10px 20px; } .form-contacto input[type="submit"]:hover { opacity:.8; } .form-control, .form-control:focus { box-shadow:none; } /* Timeline =============================================== */ .timeline-centered .timeline-entry .timeline-entry-inner:after, .timeline-centered .timeline-entry:after, .timeline-centered:after { clear:both } .timeline-centered { position:relative; margin-bottom:30px } .timeline-centered:after, .timeline-centered:before { content:" "; display:table } .timeline-centered:before { content:''; position:absolute; display:block; width:4px; background:#efefef; left:50%; top:20px; bottom:20px; margin-left:-4px } .timeline-centered .timeline-entry .timeline-entry-inner:after, .timeline-centered .timeline-entry .timeline-entry-inner:before, .timeline-centered .timeline-entry:after, .timeline-centered .timeline-entry:before { content:" "; display:table } .timeline-centered .timeline-entry { position:relative; width:50%; float:right; margin-bottom:70px; clear:both } .timeline-centered .timeline-entry.begin { margin-bottom:0 } .timeline-centered .timeline-entry.left-aligned { float:left } .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner { margin-left:0; margin-right:-18px } .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-time { left:auto; right:-100px; text-align:left } .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-icon { float:right } .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label { margin-left:0; margin-right:70px } .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label:after { left:auto; right:0; margin-left:0; margin-right:-9px; -moz-transform:rotate(180deg); -o-transform:rotate(180deg); -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg) } .timeline-centered .timeline-entry .timeline-entry-inner { position:relative; margin-left:-22px } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time { position:absolute; left:-100px; text-align:right; padding:10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time>span { display:block } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time>span:first-child { font-size:20px; color:#c4d600; font-weight:700 } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time>span:last-child { font-size:14px } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background:#fff; color:#737881; display:block; width:40px; height:40px; -webkit-background-clip:padding-box; -moz-background-clip:padding; background-clip:padding-box; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; text-align:center; -moz-box-shadow:0 0 0 5px #f5f5f6; -webkit-box-shadow:0 0 0 5px #f5f5f6; box-shadow:0 0 0 5px #f5f5f6; line-height:40px; font-size:15px; float:left } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-primary { background-color:#303641; color:#fff } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-secondary { background-color:#ccc; color:#fff } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-success { background-color:#ccc; color:#fff } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-info { background-color:#ccc; color:#fff } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-warning { background-color:#ccc; color:#fff } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-danger { background-color:#cc2424; color:#fff } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label { position:relative; background:#00aedb; padding:1.7em; margin-left:70px; -webkit-background-clip:padding-box; -moz-background-clip:padding; background-clip:padding-box; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; color:#ffffff; } .timeline-label p { color:#fff !important; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label:after { content:''; display:block; position:absolute; width:0; height:0; border-style:solid; border-width:9px 9px 9px 0; border-color:transparent #00aedb transparent transparent; left:0; top:10px; margin-left:-9px } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2, .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p { color:#737881; font-family:"Noto Sans", sans-serif; font-size:14px; margin:0; line-height:1.428571429 } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p+p { margin-top:15px } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 { font-size:16px; margin-bottom:10px } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 a { color:#303641 } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 span { -webkit-opacity:.6; -moz-opacity:.6; opacity:.6; -ms-filter:alpha(opacity=60); filter:alpha(opacity=60) } /* Timeline =============================================== */ .carousel-fade .carousel-inner .item { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; } .carousel-fade .carousel-inner .active { opacity: 1; } .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; z-index: 1; } .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; } .carousel-fade .carousel-control { z-index: 2; } /* ============================ Donacion ============================ */ .amount{ padding-top:15px; } .donate-price .btn { background-color: #e95d0f; margin-top: 20px; font-size:30px; font-weight:500; width: 100%; color:#fff; } .donate-price .tabii-price { display: inline-block; margin-bottom: 20px; margin-top: 20px; padding-left: 0; text-align: center; width: 100%; } .donate-price .tabii-price li { display: inline-block; margin-right: 10px; } .donate-price .tabii-price li.active a { color: #51b948; } .donate-price .tabii-price a { color: #232323; display: inline-block; font-family: roboto; font-size: 12px; font-weight: bold; margin-right: 10px; text-transform: uppercase; font-size:14px; } #donopcion2 { display: none; } .eleven-columns li { width: calc(100% / 4); cursor:pointer } .eleven-columns li.active { opacity: 1; } .eleven-columns li { color: #212121; display: inline-block; float: left; font-family: roboto; opacity: 0.5; padding-left: 0; text-align: left; } .eleven-columns li #inpdon1, .eleven-columns li #inpdon2 { width:100% !important; } .hovereffect { /*width: 100%; */ max-width:100%; height: 100%; float: left; overflow: hidden; position: relative; text-align: center; cursor: default; } .hovereffect .overlay { width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; background-color: rgba(75,75,75,0.7); -webkit-transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81); transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81); } .hovereffect:hover .overlay { background-color: rgba(48, 152, 157, 0.4); } .hovereffect img { display: block; position: relative; } .hovereffect h2 { text-transform: uppercase; color: #fff; text-align: center; position: relative; font-size: 18px; padding: 10px; background: rgba(0, 0, 0, 0.6); -webkit-transform: translateY(45px); -ms-transform: translateY(45px); transform: translateY(45px); -webkit-transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81); transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81); } .hovereffect:hover h2 { -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); } .hovereffect .info { display: inline-block; text-decoration: none; padding: 7px 14px; text-transform: uppercase; color: #fff; border: 1px solid #fff; background-color: transparent; opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81); transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81); font-weight: normal; margin: -0px 0 0 0; /*padding: 62px 100px;*/ padding: 55px 85px 70px; } .hovereffect:hover .info { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .hovereffect .info:hover { box-shadow: 0 0 5px #fff; } .internas .hovereffect .info { text-transform: none; color: #fff; width:90%; margin:5%; min-height:77%; padding:10px; max-height:77%; } .internas .hovereffect { margin:5px; } .form-buscar { width:auto; } .form-buscar input[type="text"] { float:left; border:0; background-color:#4c4a4a; color:#4c4a4a; width:150px; } .form-buscar input[type="submit"] { float:left; width:auto; background-color:#004b9c; color:#fff; border:0; } .svg-map { background: #efefef none repeat scroll 0 0; display: block; height: 0; padding-top: 56.25%; position: relative; width: 100%; } .svg-map__item { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } /* ============================ Donacion End ============================ */ #menu-mobil, #nav-mobil, #nav-search { display:none; } /* Donacion */ .form-donacion input[type=submit] { background-color:#e95d0f !important; color:#fff; padding:5px 30px; font-size:24px; } .form-donacion .div-100 { width:100% !important; } .form-donacion input[type=text], .form-donacion textarea { width:100px; margin:7px 0; } .selUnica, .amountTexto, .amountTexto2, .amountTexto3, .amountTexto4 { display:none; } .opc-1, .opc-2, .opc-3 { display:none; } .form-paypal input[type=image] { width:200px !important; cursor:pointer; } .btn-pdf-naranja { background-color: #ff7f3e; border: 0 none; color: #fff; padding: 7px 30px; } .section-iconos-home .hovereffect h2, .hovereffect h2 { transform: translateY(0px); } .section-interna .col-md-8 img { max-width:100%; } .section-interna .col-md-8 h2 { color:#333; font-weight:bold; } .ocultar-search, .ocultar-elem { display:block; } .width-100 { width:100% !important; } .btn-close { position:absolute; top:10px; right:25px; z-index:10; background-color:#fff; padding:2px 5px; border-radius: 50%; } .btn-close .fa-times { font-size:22px; } @media (max-width: 1024px) { .col-md-5.col-1 { display:none; } .ocultar-search { display:none; } .ocultar-elem { display:none; } /*.col-md-7 .col-2 { width:100%; padding:0; } #section-top .col-2 ul li, #section-top .col-2 ul { width:100% !important; }*/ #section-top [class*="col-"] { padding:0; } } @media (min-width: 768px) and (max-width: 1024px) { /*[class*="col-"] { width:100%; overflow:hidden }*/ .fa-bars { display:block !important; } .fa-bars { display:block !important; } menu { display:none; } #section-top .col-md-6 a { font-size:14px; } #header .logo img { width:100px !important; } #header .col-md-2 { width:37%; float:left } #header .col-md-10 { width:63%; float:left; padding:0; } /*#section-top { display:none; }*/ #menu-mobil { display:block; float:left; width:100%; border:0; } #menu-mobil .btn_mobil:hover { background-color:#00a4ce; } #menu-mobil .btn_mobil a { color:#fff; } #menu-mobil .btn_mobil { float:right; height:60px; width:70px; text-align:center; padding:7px 7px; background:#00aedb } #menu-mobil .bg-naranja { background-color:#ff7f3e !important; } #menu-mobil .bg-naranja:hover { background-color:#e55d25 !important; } #menu-mobil .btn_mobil .fa { font-size:24px; } #menu-mobil .btn_mobil span { font-size:11px !important; font-weight:bold; } #header .logo { float: left; padding: 12px 0; } #header nav { border:0; } #nav-mobil { width:100%; min-height:100%; height:100%; max-height:100%; background-color:#fff; position:absolute; top:0; left:0; z-index:10002; padding:0px; margin:0; opacity:0.95 } #nav-mobil ul { float:left; width:100%; padding:0; margin:0; } #nav-mobil ul li { list-style:none; float:left; width:100%; border-bottom:1px solid #cdcdcd; } #nav-mobil ul li a { float:left; padding:12px 20px; color:#8a8a94; text-decoration:none; width:100%; } #nav-mobil ul li a:hover { color:#bcce00; background:none; } #nav-mobil .dropdown { display:none; } #nav-mobil .expand, #nav-mobil .expand-2, #nav-mobil .expand-3, #nav-mobil .expand-4 { border-left: 1px solid #efefef; color: #666; margin-left: 10px; padding: 14px 14px; position: absolute; right: 7px; top:0px; width: 35px; z-index: 999; } #nav-mobil ul ul a { background-color:#00aedb; color:#fff; border-bottom:1px solid #fff; } #nav-mobil ul ul a:hover { background-color:#00b7e6; color:#fff; } #nav-mobil ul ul li { list-style:none; } #nav-search { width:100%; min-height:100%; position:fixed; top:0; left:0; z-index:10002; padding:0px; margin:0; background-color: rgba(255, 255, 255, 0.95); } #nav-search ul { position:relative; float:none; width:80%; padding:0; margin:30px auto } #nav-search ul li { list-style:none; float:none; width:100%; } #nav-search form input[type="text"] { background: #fff none repeat scroll 0 0; border: 0 none; color: #666; float: left; height: 50px; width:90%; padding: 5px; border:1px solid #ccc; } .col-md-3, .col-md-4, .col-md-20 { margin:40px 0 0 0; text-align:center !important; } .col-md-4 .pull-right { float:none !important; } .col-md-12 nav ul li.col-md-4, .col-md-12 nav ul li.col-md-3 { width: 33.33% !important; margin:0; } .col-md-8 nav ul li.col-md-6 { width:50%; } .col-md-20 { width:50%; float:left; } } @media (max-width: 767px) { .margin-mobil-top-40 { /*margin-top:40px;*/ } .col-md-3, .col-md-4, .col-md-20 { margin:40px 0 0 0; text-align:center !important; } .col-md-4 .pull-right { float:none !important; } body { text-align:left; } [class*="col-"] { width:100%; overflow:hidden; } .fa-bars { display:block !important; } menu { display:none; } #section-top .col-md-6 a { font-size:14px; } #header .logo img { width:100px !important; } #header .col-md-2 { width:37%; float:left } #header .col-md-10 { width:63%; float:left; padding:0; } /*#section-top { display:none; }*/ #menu-mobil { display:block; float:left; width:100%; border:0; } #menu-mobil .btn_mobil:hover { background-color:#00a4ce; } #menu-mobil .btn_mobil a { color:#fff; } #menu-mobil .btn_mobil { float:right; height:60px; width:70px; text-align:center; padding:7px 7px; background:#00aedb } #menu-mobil .bg-naranja { background-color:#ff7f3e !important; } #menu-mobil .bg-naranja:hover { background-color:#e55d25 !important; } #menu-mobil .btn_mobil .fa { font-size:24px; } #menu-mobil .btn_mobil span { font-size:11px !important; font-weight:bold; } #header .logo { float: left; padding: 12px 0; } #header nav { border:0; } #nav-mobil { width:100%; min-height:100%; background-color:#fff; position:absolute; top:0; left:0; z-index:10002; padding:0px; margin:0; opacity:0.95 } #nav-mobil ul { float:left; width:100%; padding:0; margin:0; } #nav-mobil ul li { list-style:none; float:left; width:100%; border-bottom:1px solid #cdcdcd; } #nav-mobil ul li a { float:left; padding:12px 20px; color:#8a8a94; text-decoration:none; width:100%; } #nav-mobil ul li a:hover { color:#bcce00; background:none; } #nav-mobil .dropdown { display:none; } #nav-mobil .expand, #nav-mobil .expand-2, #nav-mobil .expand-3, #nav-mobil .expand-4 { border-left: 1px solid #efefef; color: #666; margin-left: 10px; padding: 14px 14px; position: absolute; right: 7px; top:0px; width: 35px; z-index: 999; } #nav-mobil ul ul a { background-color:#00aedb; color:#fff; border-bottom:1px solid #fff; } #nav-mobil ul ul a:hover { background-color:#00b7e6; color:#fff; } #nav-search { width:100%; min-height:100%; position:fixed; top:0; left:0; z-index:10002; padding:0px; margin:0; background-color: rgba(255, 255, 255, 0.95); } #nav-search ul { position:relative; float:none; width:80%; padding:0; margin:30px auto } #nav-search ul li { list-style:none; float:none; width:100%; } #nav-search form input[type="text"] { background: #fff none repeat scroll 0 0; border: 0 none; color: #666; float: left; height: 50px; width:70%; padding: 5px; border:1px solid #ccc; } .col-md-12 nav ul, .col-md-8 nav ul { padding:0; } .col-md-12 nav ul li, .col-md-8 nav ul li { border:0; margin:0; padding:7px; border-bottom: 2px solid #004b9c; width: 100% !important; } .nav-tabs > li { width:100%; } .no-margin { margin:0; } } @media (max-width: 480px) { [class*="col-"] { width:100%; } #section-top .col-md-6 a { font-size:12px; } #section-top form input[type="text"] { width:110px; } #section-top .col-1 ul { width:100%; } #section-top .col-2 ul a { padding:7px 8px; } #section-top .container { padding:0; } #menu-mobil .btn_mobil { width:60px; } .btn-close .fa-times { font-size:20px; } .btn-close { position:absolute; top:7px; right:20px; z-index:10; background-color:#fff; padding:2px 5px; border-radius: 50%; } } @media (min-width: 768px) { } /* back_top starts */ .back_top{ bottom: 40px; display: none; position: fixed; right: 40px; z-index: 1000; } .back_top a{ background: #ff5500; color: #FFFFFF; display: inline-block; font-size: 23px; height: 44px; opacity: 0.8; text-align: center; width: 44px; } .back_top a i{ line-height: 44px; } .back_top a:hover{ opacity: 1; } @font-face { font-family: 'caviar_dreamsbold'; src: url('caviardreams_bold-webfont.eot'); src: url('caviardreams_bold-webfont.eot?#iefix') format('embedded-opentype'), url('caviardreams_bold-webfont.woff2') format('woff2'), url('caviardreams_bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } /* CSS Document */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #google_translate_element img, .goog-logo-link { display:none; } body { font-size:16px; background:#fff; font-family: Arial, Helvetica, sans-serif sans-serif; color:#555; text-align:justify; } .bg-lightbox {top: 0; position:fixed; z-index:99999; background-color: rgba(0, 0, 0, 0.5); padding:7% 0 0 0; min-width:100%; height:100%; max-height:100%; min-height:100%; max-width:100%; width:100%; } a:hover { text-decoration:none; color:#37b635; } a { color:#000; } .h1, .h2, .h3, h1, h2, h3 { margin-bottom: 10px; margin-top: 0; } /*.nav-mobil { float:left; border-top:2px solid #ccc; width:100%; margin:20px 0 0 0; display:none; } .nav-mobil ul { float:left; width:100%; padding:0; } .nav-mobil li { float:left; list-style:none; width:100%; padding:0; } .nav-mobil li a { float:left; text-decoration:none; width:100%; padding:7px 10px 7px 10px; font-size:16px; } .nav-mobil li a:hover { background:#efefef; } */ #header { width:100%; float:left; position:relative; z-index:1023; } #header .logo { float:left; padding:17px 0 15px; } #header .logo img { float:left; } #header menu { float:right; } #header nav { float:right; width:100%; border-bottom:1px dashed #ccc; text-align:right; margin:0px 0 0; } #header nav ul { float:right; } #header nav ul li { float:left; list-style:none; } #header nav ul li a { float:left; padding:7px 10px; text-decoration:none; color:#898989; } #header nav ul li a:hover { color:#000; } #header nav .fa { font-size:18px; } /*#header .col-md-9 { margin:0 !important; padding-top:0 !important; padding-bottom:0 !important; }*/ .img-max-width { max-width:100%; } .btn-naranja-slider { padding:15px 35px; background-color:#ff7f3f; color:#fff; font-size:26px; text-decoration:none; } .btn-naranja-slider:hover { background-color:#f06c29; color:#fff; } #section-menu { background:#003685; } menu { width:100%; float:left; display:block; padding:0; margin:0; } menu ul { float:left; padding:0; margin:0; width:100% } menu ul li { float:left; list-style:none; width:16.4%; margin:0 1px; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } menu ul > li { width:14%; } menu ul > li + li { width:13%; } menu ul > li + li + li { width:16%; } menu ul > li + li + li + li { width:13%; } menu ul > li + li + li + li + li { width:21%; } menu ul > li + li + li + li + li { width:21%; } menu ul li a { float:left; text-decoration:none; color:#8a8a8d; width:100%; padding:37px 0 37px; text-align:center; text-transform: uppercase; font-size:14px;} menu ul li a.dona { background:#ff7f3f; padding:7px 0; margin:16px 0px 7px 0px; color:#fff; font-weight:700 } menu ul li a.socio { background:#deea7f ; padding:7px 0; margin:16px 0px 7px 0px; color:#000; font-weight:700 } menu ul li a.dona span { font-size:13px;} menu ul li a:hover { color:#c3d600; background:none; } menu ul li a.dona:hover { color:#333; background-color:#deea7f; } menu ul li a.socio:hover { color:#fff; background-color:#000; } menu ul ul { visibility:hidden; position:absolute; width:220px; top:93px; z-index:999; } menu ul ul li { float:left; border:0; width:100% !important; height:auto !important; margin:0; padding:0; /*border-top:1px solid #00275f; border-bottom:1px solid #0c4393;*/ } /** html menu ul ul { top:70px; t\op:70px; }*/ menu ul ul ul{ left:220px; top:0; width:220px; } menu ul ul a, menu ul ul a:visited { float:left; height:auto !important; padding:7px 7px 7px 15px; font-size:15px !important; color:#fff; width:100%; /*background-color:#003685;*/ text-align:left; background-color:#00aedb; border-bottom:2px solid #dbf8ff; text-transform:none; } menu ul ul a:hover { color:#333; background-color:#deea7f; } * html menu ul ul a{ width:100%; w\idth:100%; } menu ul :hover > a{ color:#c3d600; /*background:none;*/ } menu ul ul :hover > a { color:#000; background-color:#deea7f; } menu ul li:hover ul, menu ul a:hover ul{ visibility:visible; } menu ul :hover ul ul{ visibility:hidden; } menu ul :hover ul:hover ul ul{ visibility:hidden; } menu ul :hover ul:hover ul:hover ul ul li{ visibility:hidden; } menu ul :hover ul :hover ul{ visibility:visible; } menu ul :hover ul :hover ul li:hover ul{ visibility:visible; } menu ul :hover ul :hover ul:hover ul li:hover ul li{ visibility:visible; } #home-slider .carousel-indicators { bottom:50px; } #section-top { float:left; width:100%; background-color:#00aedb; color:#fff; position:relative; z-index:999; } #section-top a { color:#fff; text-decoration:none; } #section-top .col-1 ul { padding:0px 0; margin:0; } #section-top .col-1 ul li { list-style:none; } #section-top .col-1 ul a { float:left; margin:0 20px 0 0px; padding:10px 0; letter-spacing:0.5px; } #section-top .col-2 ul { padding:0px 0; margin:0; } #section-top .col-2 ul li { float:left; list-style:none; border-right:1px solid #78d4ec; } #section-top .col-2 ul a { float:left; margin:0 0px 0 0px; padding:7px 12px; font-size:20px; color:#fff; } #section-top .col-2 ul #google_translate_element a { color:#000 !important; font-size:14px !important; padding-top:7px !important; padding-bottom:7px !important; padding-right:7px !important; border:0 !important; overflow:hidden; background-color:#efefef !important; } #google_translate_element { background-color:#efefef !important; padding:0 10px; height:43px; overflow:hidden; } .goog-te-gadget .goog-te-combo { margin:10px 0 15px !important; } .goog-te-gadget-simple { border:0 !important; padding-top:3px !important; background-color:#efefef !important; } #section-top form { width:auto; float:right; } #section-top form input[type="text"] { float:left; background:#eeeeee; height:43px; color:#666; border:0; padding:5px 5px; } #section-top form input[type="image"] { background-color:#004b9c; border:0; height:43px; float:left; } #section-slider { float:left; width:100%; position:relative; z-index:1; } .section-iconos-home { float:left; width:100%; /*position:relative; z-index:999;*/ padding:60px 0; background:url(../images/bg-ladrillos.jpg) repeat; } .section-iconos-home .container {/* top:-100px;*/ position:relative; z-index:1000; } .section-bg-azul { float:left; width:100%; background-color:#385888; padding:10px 0 !important; font-weight:300; } #section-title-gral { float:left; width:100%; padding:110px 0; min-height:250px; } .section-title-gral { float:left; width:100%; padding:110px 0; min-height:250px; } #section-paypal { float:left; width:100%; padding:60px 0; } #section-4 { padding:40px 0; } #section-4 h2 { color:#00b103; } #section-4 .circulo-1 { position:absolute; top:30px; left:12%; z-index:2; } #section-4 .circulo-2 { position:absolute; top:100px; left:10%; z-index:2; } #section-4 .circulo-3 { position:absolute; top:170px; left:12%; z-index:2; } #section-4 .circulo-4 { position:absolute; top:240px; left:16%; z-index:2; } #section-4 .circulo-5 { position:absolute; top:30px; right:17%; z-index:2; } #section-4 .circulo-6 { position:absolute; top:100px; right:7%; z-index:2; } #section-4 .circulo-7 { position:absolute; top:170px; right:12%; z-index:2; } #section-4 .circulo-8 { position:absolute; top:240px; right:14%; z-index:2; } .z-index-1 { z-index:1; } img.z-index-1 { z-index:1; right:0; } .col-md-20 { float:left; width:20%; padding-left:15px; padding-right:15px; position:relative; } #section-donacion { float:left; width:100%; background-color:#00afd9; padding:50px 0; } .form-donate { background:#deddd8; border-radius:7px; min-height:50px; padding:20px 30px; width:100%; color:#363638; } .form-donate label { text-align:left; width:100%; } .form-donate input[type="text"] { background-color:#fff; border:0; min-height:22px; padding-left:15px; padding-right:15px; color:#363638; font-size:16px; margin-bottom:20px; } .form-donate input[type="submit"] { background:#000; border:0; color:#fff; cursor:pointer; padding:7px 20px; font-size:20px; } #section-informacion { width:100%; background: rgba(0, 0, 0, 0) url("../img/bg-informativo.jpg") no-repeat fixed center center / cover ; min-height: 350px; padding: 30px 0; width: 100%; margin:0px 0 25px; padding:60px 0; } .bg-gris { padding:30px; background: rgba(214, 220, 220, 0.9); min-height:250px; } .bg-marron { float:left; width:100%; padding:30px; background-color:#c43136; } .bg-gris-bajito { background:#00add8; } .bg-deddd8 { background:#deddd8; } .bg-naranja { background:#ff7f3e; } .bg-f4f4f4 { background:#f4f4f4; } .bg-verde { background:#c4d600; } .bg-azul { background:#00aedb; } .bg-azul-marino { background:#004b9c; } .bg-title-azul { background-color:#00aedb; padding:10px 10px; width:100%; } .cuadro-eeeeee { float:left; width:100%; text-align:center; color:#00aedb; background:#eee; border-radius:7px; padding:30px 0; } .cuadro-icon { float:left; width:100%; text-align:center; color:#00aedb; padding:20px 0; font-size:40px; } .space-20 { float:left; width:100%; height:20px; } .space-10 { float:left; width:100%; height:10px; } .space-5 { float:left; width:100%; height:5px; } .sidebar h2 { margin-bottom:2px; } .sidebar ul { float:left; margin:10px 0; padding:0; width:100% } .sidebar li { float:left; list-style:none; margin:0; padding:0; width:100%; border-bottom:1px solid #000; } .sidebar li a { float:left; width:100%; color:#00aedb; padding:10px 5px 10px 15px; } .border-negro-right { border-right:2px dashed #1d100c; } .border-fff { border:3px solid #fff; } .title { padding:7px 10px; background-color:#385887; background-color:#385887; color:#fff; } .title-verde { background-color:#3fae2b; } #section-informacion .col-md-4 { min-height:250px; } #section-testimonios { float:left; width:100%; padding:0px 0; } #section-testimonios .item { padding:80px 0 100px; } #section-testimonios .carousel-indicators { bottom:20px; } #carrusel-clientes .item img { width:100%; max-width:300px; float:none; } #carrusel-clientes .item [class*="col-"] { text-align:center; } #section-carrusel-home { float:left; width:100%; padding:50px 0; background:url(../img/bg-carrusel-home.jpg) no-repeat; background-size:cover; color:#fff; min-height:350px; } .carousel-indicators li { background-color: rgba(196, 214, 0, 1); border-radius: 10px; } .carousel-inner .item { min-height:150px; padding:20px 0; } .carousel-indicators .active { background-color: #333; } .carousel-indicators { bottom:-20px; } .border-naranja-right { border-right:3px dotted #ff863f; min-height:120px; } .section-gral { float:left; width:100%; padding:60px 0; } .section-title { float:left; width:100%; padding:10px 0; } .padding-top-60 { padding-top:60px; } .padding-bottom-60 { padding-bottom:60px; } .padding-top-30 { padding-top:30px; } .padding-bottom-30 { padding-bottom:30px; } .padding-top-0 { padding-top:0px !important; } .padding-bottom-0 { padding-bottom:0px !important; } .padding-0 { padding:0; } .display-none { display:none; } .section-nav { float:left; width:100%; padding:20px 0; } nav, nav ul { float:left; position:relative; width:100% } nav ul li { float:left; list-style:none; width:25%; border-right:3px solid #fff; } nav ul li:last-child { border-right:none; } nav ul li a { float:left; color:#fff; background:#00aedb; padding-top:10px; padding-bottom:10px; text-decoration:none; font-size:22px; text-align:center; width:100% } nav ul li a:hover { color:#000; background-color:#deea7f; text-decoration:none; } #aliados .col-md-7 { float:left; width:14.28%; } #section-boletin { float:left; width:100%; padding:60px 0; background-color:#c4d600; } #section-boletin form input[type="text"], #section-boletin form input[type="email"] { width:95%; height:55px; font-size:20px; color:#666; border-radius:0; border:0; } #section-boletin form input[type="submit"] { padding:12px 20px; background-color:#00aedb; color:#fff; border-radius:0; cursor:pointer; border:0; text-transform:uppercase; font-size:22px; font-weight:500; } #section-footer { float:left; width:100%; background:#181818 url(../images/bg-footer-mapa.jpg) top center; background-size:cover; padding:50px 0 50px 0; color:#585858; font-size:14px; } #section-footer span, #section-footer a { color:#c9c5c5; } #section-footer a:hover { color:#fff; } #section-footer h4 { color:#00aedb; } #section-footer hr { height:1px; border:0; border-bottom:1px dotted #666; } #section-footer nav, #section-footer ul { float:left; width:100%; padding:0; margin:0; } #section-footer nav li { float:left; list-style:none; width:100%; } #section-footer nav li a { float:left; color:#585858; padding:5px 7px; width:100%; background:#272727; margin:2px 0; font-size:16px; } #section-footer nav li a:hover { color:#00aedb; } #section-footer .form-horizontal { } #section-footer .form-horizontal input[type="text"], #section-footer .form-horizontal input[type="email"] { background:#111; border:0; } #section-footer .form-horizontal label { margin-bottom:5px; } #section-footer .form-horizontal input[type="submit"] { background:#00b103; border:0; } /* Ultimas entradas*/ .ultimas-entradas { float:left; width:100%; padding:20px 20px; background:#efefef; min-height:100%; height:100%; min-height:400px; } .ultimas-entradas h4 { background:#003685; padding:12px 15px; color:#fff; width:100%; text-align:center; } .ultimas-entradas hr { border-bottom:1px dashed #666; margin:10px 0; } .ultimas-entradas a { color:#000; } .ultimas-entradas a:hover { color:#00a603 !important; } /**/ .form-group { margin-bottom: 0px; } #section-copy-right { float:left; width:100%; background:#0d1111; } #section-copy-right p, #section-copy-right a, #section-copy-right span { color:#999; font-size:13px;} #section-copy-right a:hover { color:#fff; } #section-copy-right .row { padding:10px 0 4px; min-height:20px; } #section-copy-right .col-md-4 a:hover { color:#fff; } #section-interna { padding:60px 0; float:left; width:100%; border-top:1px solid #efefef;} #section-interna [class*="col-"] { padding:0 !important; } #section-general { padding:60px 0; float:left; width:100%; border-top:1px solid #efefef; } .section-gris { padding:60px 20px 50px; background:#efefef; float:left; width:100%; } .section-azul { padding:50px 20px; background:#0d9bc1; float:left; width:100%; } #carrusel-aliados li { list-style-type:none; } #carrusel-aliados li .thumbnail { border:none; } #carrusel-aliados li .thumbnail img { width:90%; } #carrusel-aliados .carousel-indicators { bottom: -20px; } #home-slider .carousel-inner .item { padding: 0px 0; } .tab-content { float:left; width:100%; color : #666; background-color: #fff; padding : 15px 15px; border:1px dashed #ccc; padding-top:60px; padding-bottom:40px; } .tab-content h3 { color : #666; background-color: #fff; padding : 5px 0px; } .nav-tabs > li { width:auto; text-align:center; } .nav-tabs > li > a { border-radius: 0 ; background:#eeeeee; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { background-color: #a9343a; color: #fff; border:0; border-radius:0; } .panel-default > .panel-heading { background-color: #00aedb; border-color: #009cde; color: #edfbff; } .panel-default { border-color: #009cde; } .panel-title > .small, .panel-title > .small > a, .panel-title > a, .panel-title > small, .panel-title > small > a { color: fff; text-decoration:none; } .panel-title a:hover { color:#fff; } ul.ul-gral { } ul.ul-gral li { list-style:url(../img/bullet-naranja.png); margin:15px 0 30px; } /* Acordion */ #accordion-gral { float:left; width:100%; } #accordion-gral .panel-heading h4 { text-align:center; font-size:34px; } #accordion-gral .panel-heading:hover { background-color:#19bee9; } #accordion-gral .panel-heading, #accordion-gral .panel { border-radius:0 !important; } #accordion-gral .panel-heading { padding-top:16px; padding-bottom:16px; } #accordion-gral { margin-bottom:0px !important; } #accordion-aliados { float:left; width:100%; border:0 !important; } #accordion-aliados .panel-heading h4 { text-align:center; font-size:34px; } #accordion-aliados .panel-heading:hover { background-color:#19bee9; } #accordion-aliados .panel-heading, #accordion-aliados .panel { border-radius:0 !important; } #accordion-aliados .panel-heading { padding-top:16px; padding-bottom:16px; border:0 !important; } #accordion-aliados { margin-bottom:0px !important; } #accordion-aliados .panel-default, #accordion-aliados .panel-body { border:0 !important; box-shadow:none; padding:0; margin:0; } .form-paypal input[type=image] { width:200px !important; cursor:pointer; } /* Font size */ .font-size-12 { font-size:12px; } .font-size-14 { font-size:14px; } .font-size-16 { font-size:16px; } .font-size-18 { font-size:18px; } .font-size-20 { font-size:20px; } .font-size-22 { font-size:22px; } .font-size-24 { font-size:24px; } .font-size-26 { font-size:26px; } .font-size-28 { font-size:28px; } .font-size-30 { font-size:30px; } .font-size-32 { font-size:32px; } .font-size-34 { font-size:34px; } .font-size-36 { font-size:36px; } .font-size-38 { font-size:38px; } .font-size-40 { font-size:40px; } .font-size-44 { font-size:44px; } .font-size-48 { font-size:48px; } .font-size-52 { font-size:52px; } .font-size-56 { font-size:56px; } .font-size-58 { font-size:58px; } .font-size-62 { font-size:62px; } .font-size-66 { font-size:66px; } .font-size-70 { font-size:70px; } .btn-azul { background-color:#004b9c; color:#fff; } .item .btn-naranja { position:absolute; bottom:0; z-index:100; width:100%; text-align:center; background-color:#d6d940; padding:15px 0; font-size:1.3em; color:#fff; text-decoration:none; } .item .btn-naranja:hover { background:#cccf37; color:#000; } .color-azul { color:#003982; } .color-azul-cielo { color:#00aedb; } .color-marron { color:#c43136; } .color-verde { color:#00b103; } .color-verde-seco { color:#c4d600; } .color-naranja { color:#ff6316; } .color-gris { color:#6a6d6d; } .color-363636 { color:#363636; } .color-8b8b8b { color:#8b8b8b; } .color-fff { color:#fff; } a.color-fff:hover { color:#000; } .color-000 { color:#000; } .color-azul-footer { color:#00aedb; } a.color-222 { color:#222; } a.color-222:hover { color:#000; } .color-gris2 { color:#333; } .txt-shadown { -webkit-box-shadow: 3px 6px 5px 0px rgba(0,0,0,0.09); -moz-box-shadow: 3px 6px 5px 0px rgba(0,0,0,0.09); box-shadow: 3px 6px 5px 0px rgba(0,0,0,0.09); } .text-underline { text-decoration:underline; } .position-relative { position:relative; } .hr-naranja { height:1px; background:#ff7f3e; width:100%; float:left; margin:20px 0; } .font-roboto-ligth { } .font-roboto-medium { } .font-roboto-bold { } .font-times { font-family:"Times New Roman", Times, serif } /* Mapa */ #cajacontenido { width:100%; float:left; padding:15px 15px; background:#d5d3d3; font-size:14px; } #cajacontenido #edo { float:left; width:100%; padding:5px 10px; background:#444444; text-align:center; color:#fff; font-size:20px; } #cajacontenido ul { padding:0; margin:0; color:#444444; } #cajacontenido ul li { list-style:none; padding:0; margin:0; } #cajacontenido ul li a { color:#444444; } #cajacontenido ul li a:hover { color:#000; } #contenido_mapa .fa { font-size:22px !important; } #contenido_mapa b { font-size:16px !important; } #cajacontenido #contenido_mapa { float:left; width:100%; padding:10px 0; } /* Form Contacto */ .form-contacto { float:left; width:100%; text-align:left; } .form-contacto label { padding:0 0 0 1%; margin:15px 0 0 0; } .form-contacto input { margitn:4px 0 15px 0; } .form-contacto input[type="text"], .form-contacto textarea { border:1px solid #ccc; border-radius:0; background:#efefef; } .form-contacto input[type="text"]:focus { border:2px solid #0c78bb; } .form-contacto input[type="text"]:hover { border:2px solid #999; } .form-contacto input[type="submit"] { border:2px solid #0c78bb; background-color:#0c78bb; cursor:pointer; color:#fff; padding:10px 20px; } .form-contacto input[type="submit"]:hover { opacity:.8; } .form-control, .form-control:focus { box-shadow:none; } /* Timeline =============================================== */ .timeline-centered .timeline-entry .timeline-entry-inner:after, .timeline-centered .timeline-entry:after, .timeline-centered:after { clear:both } .timeline-centered { position:relative; margin-bottom:30px } .timeline-centered:after, .timeline-centered:before { content:" "; display:table } .timeline-centered:before { content:''; position:absolute; display:block; width:4px; background:#efefef; left:50%; top:20px; bottom:20px; margin-left:-4px } .timeline-centered .timeline-entry .timeline-entry-inner:after, .timeline-centered .timeline-entry .timeline-entry-inner:before, .timeline-centered .timeline-entry:after, .timeline-centered .timeline-entry:before { content:" "; display:table } .timeline-centered .timeline-entry { position:relative; width:50%; float:right; margin-bottom:70px; clear:both } .timeline-centered .timeline-entry.begin { margin-bottom:0 } .timeline-centered .timeline-entry.left-aligned { float:left } .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner { margin-left:0; margin-right:-18px } .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-time { left:auto; right:-100px; text-align:left } .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-icon { float:right } .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label { margin-left:0; margin-right:70px } .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label:after { left:auto; right:0; margin-left:0; margin-right:-9px; -moz-transform:rotate(180deg); -o-transform:rotate(180deg); -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg) } .timeline-centered .timeline-entry .timeline-entry-inner { position:relative; margin-left:-22px } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time { position:absolute; left:-100px; text-align:right; padding:10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time>span { display:block } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time>span:first-child { font-size:20px; color:#c4d600; font-weight:700 } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time>span:last-child { font-size:14px } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background:#fff; color:#737881; display:block; width:40px; height:40px; -webkit-background-clip:padding-box; -moz-background-clip:padding; background-clip:padding-box; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; text-align:center; -moz-box-shadow:0 0 0 5px #f5f5f6; -webkit-box-shadow:0 0 0 5px #f5f5f6; box-shadow:0 0 0 5px #f5f5f6; line-height:40px; font-size:15px; float:left } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-primary { background-color:#303641; color:#fff } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-secondary { background-color:#ccc; color:#fff } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-success { background-color:#ccc; color:#fff } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-info { background-color:#ccc; color:#fff } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-warning { background-color:#ccc; color:#fff } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-danger { background-color:#cc2424; color:#fff } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label { position:relative; background:#00aedb; padding:1.7em; margin-left:70px; -webkit-background-clip:padding-box; -moz-background-clip:padding; background-clip:padding-box; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; color:#ffffff; } .timeline-label p { color:#fff !important; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label:after { content:''; display:block; position:absolute; width:0; height:0; border-style:solid; border-width:9px 9px 9px 0; border-color:transparent #00aedb transparent transparent; left:0; top:10px; margin-left:-9px } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2, .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p { color:#737881; font-family:"Noto Sans", sans-serif; font-size:14px; margin:0; line-height:1.428571429 } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p+p { margin-top:15px } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 { font-size:16px; margin-bottom:10px } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 a { color:#303641 } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 span { -webkit-opacity:.6; -moz-opacity:.6; opacity:.6; -ms-filter:alpha(opacity=60); filter:alpha(opacity=60) } /* Timeline =============================================== */ .carousel-fade .carousel-inner .item { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; } .carousel-fade .carousel-inner .active { opacity: 1; } .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; z-index: 1; } .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; } .carousel-fade .carousel-control { z-index: 2; } /* ============================ Donacion ============================ */ .amount{ padding-top:15px; } .donate-price .btn { background-color: #e95d0f; margin-top: 20px; font-size:30px; font-weight:500; width: 100%; color:#fff; } .donate-price .tabii-price { display: inline-block; margin-bottom: 20px; margin-top: 20px; padding-left: 0; text-align: center; width: 100%; } .donate-price .tabii-price li { display: inline-block; margin-right: 10px; } .donate-price .tabii-price li.active a { color: #51b948; } .donate-price .tabii-price a { color: #232323; display: inline-block; font-family: roboto; font-size: 12px; font-weight: bold; margin-right: 10px; text-transform: uppercase; font-size:14px; } #donopcion2 { display: none; } .eleven-columns li { width: calc(100% / 4); cursor:pointer } .eleven-columns li.active { opacity: 1; } .eleven-columns li { color: #212121; display: inline-block; float: left; font-family: roboto; opacity: 0.5; padding-left: 0; text-align: left; } .eleven-columns li #inpdon1, .eleven-columns li #inpdon2 { width:100% !important; } .hovereffect { /*width: 100%; */ max-width:100%; height: 100%; float: left; overflow: hidden; position: relative; text-align: center; cursor: default; } .hovereffect .overlay { width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; background-color: rgba(75,75,75,0.7); -webkit-transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81); transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81); } .hovereffect:hover .overlay { background-color: rgba(48, 152, 157, 0.4); } .hovereffect img { display: block; position: relative; } .hovereffect h2 { text-transform: uppercase; color: #fff; text-align: center; position: relative; font-size: 18px; padding: 10px; background: rgba(0, 0, 0, 0.6); -webkit-transform: translateY(45px); -ms-transform: translateY(45px); transform: translateY(45px); -webkit-transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81); transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81); } .hovereffect:hover h2 { -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); } .hovereffect .info { display: inline-block; text-decoration: none; padding: 7px 14px; text-transform: uppercase; color: #fff; border: 1px solid #fff; background-color: transparent; opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81); transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81); font-weight: normal; margin: -0px 0 0 0; /*padding: 62px 100px;*/ padding: 55px 85px 70px; } .hovereffect:hover .info { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .hovereffect .info:hover { box-shadow: 0 0 5px #fff; } .internas .hovereffect .info { text-transform: none; color: #fff; width:90%; margin:5%; min-height:70%; padding:10px; max-height:70%; } .internas .hovereffect { margin:5px; } .form-buscar { width:auto; } .form-buscar input[type="text"] { float:left; border:0; background-color:#4c4a4a; color:#4c4a4a; width:150px; } .form-buscar input[type="submit"] { float:left; width:auto; background-color:#004b9c; color:#fff; border:0; } .svg-map { background: #efefef none repeat scroll 0 0; display: block; height: 0; padding-top: 56.25%; position: relative; width: 100%; } .svg-map__item { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } /* ============================ Donacion End ============================ */ #menu-mobil, #nav-mobil, #nav-search { display:none; } /* Donacion */ .form-donacion input[type=submit] { background-color:#e95d0f !important; color:#fff; padding:5px 30px; font-size:24px; } .form-donacion .div-100 { width:100% !important; } .form-donacion input[type=text], .form-donacion textarea { width:100px; margin:7px 0; } .selUnica, .amountTexto, .amountTexto2, .amountTexto3, .amountTexto4 { display:none; } .opc-1, .opc-2, .opc-3 { display:none; } .form-paypal input[type=image] { width:200px !important; cursor:pointer; } .btn-pdf-naranja { background-color: #ff7f3e; border: 0 none; color: #fff; padding: 7px 30px; } .section-iconos-home .hovereffect h2, .hovereffect h2 { transform: translateY(0px); } .section-interna .col-md-8 img { max-width:100%; } .section-interna .col-md-8 h2 { color:#333; font-weight:bold; } .ocultar-search, .ocultar-elem { display:block; } .width-100 { width:100% !important; } .btn-close { position:absolute; top:10px; right:25px; z-index:10; background-color:#fff; padding:2px 5px; border-radius: 50%; } .btn-close .fa-times { font-size:22px; } @media (max-width: 1024px) { .col-md-5.col-1 { display:none; } .ocultar-search { display:none; } .ocultar-elem { display:none; } /*.col-md-7 .col-2 { width:100%; padding:0; } #section-top .col-2 ul li, #section-top .col-2 ul { width:100% !important; }*/ #section-top [class*="col-"] { padding:0; } } @media (min-width: 768px) and (max-width: 1024px) { /*[class*="col-"] { width:100%; overflow:hidden }*/ .fa-bars { display:block !important; } .fa-bars { display:block !important; } menu { display:none; } #section-top .col-md-6 a { font-size:14px; } #header .logo img { width:100px !important; } #header .col-md-2 { width:37%; float:left } #header .col-md-10 { width:63%; float:left; padding:0; } /*#section-top { display:none; }*/ #menu-mobil { display:block; float:left; width:100%; border:0; } #menu-mobil .btn_mobil:hover { background-color:#00a4ce; } #menu-mobil .btn_mobil a { color:#fff; } #menu-mobil .btn_mobil { float:right; height:60px; width:70px; text-align:center; padding:7px 7px; background:#00aedb } #menu-mobil .bg-naranja { background-color:#ff7f3e !important; } #menu-mobil .bg-naranja:hover { background-color:#e55d25 !important; } #menu-mobil .btn_mobil .fa { font-size:24px; } #menu-mobil .btn_mobil span { font-size:11px !important; font-weight:bold; } #header .logo { float: left; padding: 12px 0; } #header nav { border:0; } #nav-mobil { width:100%; min-height:100%; height:100%; max-height:100%; background-color:#fff; position:absolute; top:0; left:0; z-index:10002; padding:0px; margin:0; opacity:0.95 } #nav-mobil ul { float:left; width:100%; padding:0; margin:0; } #nav-mobil ul li { list-style:none; float:left; width:100%; border-bottom:1px solid #cdcdcd; } #nav-mobil ul li a { float:left; padding:12px 20px; color:#8a8a94; text-decoration:none; width:100%; } #nav-mobil ul li a:hover { color:#bcce00; background:none; } #nav-mobil .dropdown { display:none; } #nav-mobil .expand, #nav-mobil .expand-2, #nav-mobil .expand-3, #nav-mobil .expand-4 { border-left: 1px solid #efefef; color: #666; margin-left: 10px; padding: 14px 14px; position: absolute; right: 7px; top:0px; width: 35px; z-index: 999; } #nav-mobil ul ul a { background-color:#00aedb; color:#fff; border-bottom:1px solid #fff; } #nav-mobil ul ul a:hover { background-color:#00b7e6; color:#fff; } #nav-mobil ul ul li { list-style:none; } #nav-search { width:100%; min-height:100%; position:fixed; top:0; left:0; z-index:10002; padding:0px; margin:0; background-color: rgba(255, 255, 255, 0.95); } #nav-search ul { position:relative; float:none; width:80%; padding:0; margin:30px auto } #nav-search ul li { list-style:none; float:none; width:100%; } #nav-search form input[type="text"] { background: #fff none repeat scroll 0 0; border: 0 none; color: #666; float: left; height: 50px; width:90%; padding: 5px; border:1px solid #ccc; } .col-md-3, .col-md-4, .col-md-20 { margin:40px 0 0 0; text-align:center !important; } .col-md-4 .pull-right { float:none !important; } .col-md-12 nav ul li.col-md-4, .col-md-12 nav ul li.col-md-3 { width: 33.33% !important; margin:0; } .col-md-8 nav ul li.col-md-6 { width:50%; } .col-md-20 { width:50%; float:left; } } @media (max-width: 767px) { .margin-mobil-top-40 { /*margin-top:40px;*/ } .col-md-3, .col-md-4, .col-md-20 { margin:40px 0 0 0; text-align:center !important; } .col-md-4 .pull-right { float:none !important; } body { text-align:left; } [class*="col-"] { width:100%; overflow:hidden; } .fa-bars { display:block !important; } menu { display:none; } #section-top .col-md-6 a { font-size:14px; } #header .logo img { width:100px !important; } #header .col-md-2 { width:37%; float:left } #header .col-md-10 { width:63%; float:left; padding:0; } /*#section-top { display:none; }*/ #menu-mobil { display:block; float:left; width:100%; border:0; } #menu-mobil .btn_mobil:hover { background-color:#00a4ce; } #menu-mobil .btn_mobil a { color:#fff; } #menu-mobil .btn_mobil { float:right; height:60px; width:70px; text-align:center; padding:7px 7px; background:#00aedb } #menu-mobil .bg-naranja { background-color:#ff7f3e !important; } #menu-mobil .bg-naranja:hover { background-color:#e55d25 !important; } #menu-mobil .btn_mobil .fa { font-size:24px; } #menu-mobil .btn_mobil span { font-size:11px !important; font-weight:bold; } #header .logo { float: left; padding: 12px 0; } #header nav { border:0; } #nav-mobil { width:100%; min-height:100%; background-color:#fff; position:absolute; top:0; left:0; z-index:10002; padding:0px; margin:0; opacity:0.95 } #nav-mobil ul { float:left; width:100%; padding:0; margin:0; } #nav-mobil ul li { list-style:none; float:left; width:100%; border-bottom:1px solid #cdcdcd; } #nav-mobil ul li a { float:left; padding:12px 20px; color:#8a8a94; text-decoration:none; width:100%; } #nav-mobil ul li a:hover { color:#bcce00; background:none; } #nav-mobil .dropdown { display:none; } #nav-mobil .expand, #nav-mobil .expand-2, #nav-mobil .expand-3, #nav-mobil .expand-4 { border-left: 1px solid #efefef; color: #666; margin-left: 10px; padding: 14px 14px; position: absolute; right: 7px; top:0px; width: 35px; z-index: 999; } #nav-mobil ul ul a { background-color:#00aedb; color:#fff; border-bottom:1px solid #fff; } #nav-mobil ul ul a:hover { background-color:#00b7e6; color:#fff; } #nav-search { width:100%; min-height:100%; position:fixed; top:0; left:0; z-index:10002; padding:0px; margin:0; background-color: rgba(255, 255, 255, 0.95); } #nav-search ul { position:relative; float:none; width:80%; padding:0; margin:30px auto } #nav-search ul li { list-style:none; float:none; width:100%; } #nav-search form input[type="text"] { background: #fff none repeat scroll 0 0; border: 0 none; color: #666; float: left; height: 50px; width:70%; padding: 5px; border:1px solid #ccc; } .col-md-12 nav ul, .col-md-8 nav ul { padding:0; } .col-md-12 nav ul li, .col-md-8 nav ul li { border:0; margin:0; padding:7px; border-bottom: 2px solid #004b9c; width: 100% !important; } .nav-tabs > li { width:100%; } .no-margin { margin:0; } } @media (max-width: 480px) { [class*="col-"] { width:100%; } #section-top .col-md-6 a { font-size:12px; } #section-top form input[type="text"] { width:110px; } #section-top .col-1 ul { width:100%; } #section-top .col-2 ul a { padding:7px 8px; } #section-top .container { padding:0; } #menu-mobil .btn_mobil { width:60px; } .btn-close .fa-times { font-size:20px; } .btn-close { position:absolute; top:7px; right:20px; z-index:10; background-color:#fff; padding:2px 5px; border-radius: 50%; } } @media (min-width: 768px) { } /* back_top starts */ .back_top{ bottom: 40px; display: none; position: fixed; right: 40px; z-index: 1000; } .back_top a{ background: #ff5500; color: #FFFFFF; display: inline-block; font-size: 23px; height: 44px; opacity: 0.8; text-align: center; width: 44px; } .back_top a i{ line-height: 44px; } .back_top a:hover{ opacity: 1; } @font-face { font-family: 'caviar_dreamsbold'; src: url('caviardreams_bold-webfont.eot'); src: url('caviardreams_bold-webfont.eot?#iefix') format('embedded-opentype'), url('caviardreams_bold-webfont.woff2') format('woff2'), url('caviardreams_bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } /* CSS Document - Sergio */ h3.title-tab { text-align: center; color: #b8cb23; font-weight: 700; } h3.title-tab.right:before { content: ''; background-color: #004b9c; position: absolute; width: 5px; height: 100%; left: 0; top: -5px; } h3.title-tab.left:before { content: ''; background-color: #004b9c; position: absolute; width: 5px; height: 100%; right: 0; top: -5px; } .font-weight-700{ font-weight: 700; } .font-color-3c3e3e{ color: #3c3e3e !important; } h2 .font-color-ff7f3f{ color: #000 !important; font-weight: 400 !important; } .section-gral .font-color-ff7f3f{ color: #000 !important; font-weight: 600; } .font-color-43480f{ color: #43480f !important; } .font-color-c4d600{ color: #c4d600 !important; } .font-cursiva{ font-family: 'Times New Roman', Times, serif; color: #00aedb; font-size: 1.7em; } .font-header{ font-family: 'Times New Roman', Times, serif; font-size: 1.7em; } .custom-header{ font-size: 40px; color: #ffffff !important; font-family: roboto; font-weight: bold; text-shadow: 2px 2px 5px black; } .font-italic{ font-style: italic; } .bg-EDF6F7{ background-color: #EDF6F7; } .bg-c4d600{ background-color: #c4d600; } .bg-9E9E9E{ background-color: #9E9E9E; } .bg-00aedb{ background-color: #00aedb; } .list-orange { list-style: none; } .list-orange li { position: relative; margin-bottom: 30px; } .list-orange li:before { content: ''; position: absolute; width: 8px; height: 8px; background-color: #00aedb; left: -20px; top: 6px; border-radius: 50%; } .nopadding { padding: 0 !important; margin: 0 !important; } /*Botones*/ .btn-boton{ border: 2px solid #FA6839; color: #FFF; padding: 10px 30px !important; background-color: #FA6839; border-radius: 8px; -webkit-border-radius: 8px; } .btn-boton:hover{ background-color: #FFF; color: #FA6839; } /*Tres bloques*/ .block-image { position: absolute; width: 100%; height: 100%; top: 0; background-color: rgba(0,0,0,0.4); } .block-image:hover { background-color: rgba(0,0,0,0.7); } /*.block-image span { width: 80%; position: absolute; display: block; left: 50%; top: 50%; margin-left: -150px; margin-top: -40px; text-shadow: 2px 2px 60px black; color: white; } */ .block-image span { width: 100%; text-align:center; padding:0 7%; position:relative; display: block; top: 40%; text-shadow: 2px 2px 60px black; color: #EDEDED; } /*Nueve bloques*/ .block-separacion{ border-bottom: 10px solid white; border-right: 10px solid white; } .space-5{ float: left; width: 100%; height: 10px; } .space-10{ float: left; width: 100%; height: 10px; } .col-md-offset-4_5 { margin-left: 38.175%; } .affix { top:0 !important; width: 100%; position:fixed !important; background-color:#fff !important; z-index:9990; -webkit-box-shadow: 0px 4px 2px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 4px 2px 0px rgba(0,0,0,0.3); box-shadow: 0px 4px 2px 0px rgba(0,0,0,0.3); } .affix + .container-fluid { padding-top: 0px !important; } .affix { top:0 !important; width: 100%; position:fixed !important; background-color:#fff !important; z-index:9990; -webkit-box-shadow: 0px 4px 2px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 4px 2px 0px rgba(0,0,0,0.3); box-shadow: 0px 4px 2px 0px rgba(0,0,0,0.3); } .affix + .container-fluid { padding-top: 0px !important; } h1 { font-size: 36px; color: white; text-align: center; line-height: 70px; margin-bottom: 50px; margin-top: 50px; } a { /*color: #00aedb;*/ text-decoration: none; } h2 { line-height: 1.24138; /*color: #c4d600;*/ } .h4, h4{ font-size: 20px; } #vvedu{ background: url(https://www.habitatmexico.org/img/qh/vivienda-educacion-3.jpg) no-repeat; background-size: cover; } blockquote { font-size: 1em; } blockquote > cite { font-weight: 700; } blockquote > blockquote { border: none; } span.badge { margin-right: 10px; margin-left: 10px; } .content-padding h2 { font-family: Arial, Helvetica, sans-serif sans-serif; font-weight: 700; color: #333; text-align: center; } .content-padding a { color: black !important; font-weight: 600; } h4.panel-title a { color: white !important; } .ul-gral li{ list-style: url("/img/bullet-naranja.png") !important; margin: 15px 0px 30px !important; } .internacional section.section-gral { padding-bottom: 10px; } .vivienda-salud h2{ color: #555 !important; } ul.list-group li a { color: #333 !important; } .blog img { min-width: 100%; width: 100%; margin-top: 50px; margin-bottom: 50px; } ul.list-group li a:hover { color: #00aedb !important; } .internas .hovereffect .info { text-transform: none; color: #fff; width: 90%; margin: 5%; min-height: 77%; padding: 10px; max-height: 77%; }