/* ========================================================================== Chrome Frame prompt ========================================================================== */ .chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } /* ========================================================================== Author's custom styles ========================================================================== */ .container{ width: 992px !important;} html{ position: absolute;width: 100%;min-height: 100%;} .lt-ie8 body{ padding-bottom: 0px;} body{ background-color:#f1f2ec; -webkit-font-smoothing: antialiased; } body.institucional #breadcrumb{} body.institucional a{} body.formacion #breadcrumb{ background-color:#BA0C2F !important;} body.formacion a{ color:#BA0C2F;} body.formacion #areasProgramas article{ border-top:solid 5px #BA0C2F !important; border-bottom:solid 5px #BA0C2F !important;} body.investigacion{} body.investigacion #breadcrumb, body.investigaciones #breadcrumb{ background-color:#228848 !important;} body.investigacion a{ color:#228848;} body.cooperacion{} body.cooperacion #breadcrumb{ background-color:#F2A900 !important;} body.cooperacion a{ color: #F2A900;} body.calendario{} body.calendario #breadcrumb{ background-color:#0092BC !important;} body.calendario a{ color: #0092BC;} body.flacso-virtual{} body.flacso-virtual #breadcrumb{ background-color: #DC582A !important;} body.flacso-virtual a{ color: #DC582A;} body.ped{} body.ped #breadcrumb{ background-color: #DC582A !important;} body.ped a{ color: #DC582A;} body{ font-family: Helvetica, Arial, sans-serif; font-size:13px; -webkit-font-smoothing: antialiased; min-height: 100%; padding-bottom: 450px; color:#333333; line-height: 1.5;} body a{ color:#005581; text-decoration:none;} body *{ outline: none;} /* Encabezados y parrafos */ h1{ font-size:35px;} h2{ font-size:24px;} h3{ font-size:20px;} h4{ font-size:16px;} h5{ font-size:13px;} h6{} h1,h2,h3,h4,h5,h6{ margin:1.3em 0; font-style: normal; font-weight: bold; line-height: 1.6em;} h2 a{ color: #333;} h2 a:hover{ /*color: #005581; text-decoration: none;*/} .gallery { padding: 0; margin: 20px -6px !important; overflow: hidden; } .gallery .gallery-item { margin: 0 !important; padding: 6px; } .gallery .gallery-item .gallery-icon{} .gallery .gallery-item a { display: block; } .gallery .gallery-item img { border: none !important; } .gallery .gallery-caption{ display: none;} .gallery br{ display: none;} .verMasSiempre{ display: block;text-align: right;color: #343434;font-size: 13px;font-weight: bold;text-decoration: none;padding-top: 10px;overflow: hidden;float: none;clear: both;} /* Sistema de columnas */ .last{ margin-right:0px !important;} .wrapper{ width:952px; padding: 0px 20px 0px 20px; margin:0px auto; display: block; overflow:hidden; position: relative;} .c1_1, .c, .c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11, .c12{ display:block; height:auto; overflow:visible; position:relative; float:left; margin-right:20px;} .c1_1{ width:100%;} .c{ width:100%;} .c1{ width:61px;} .c2{ width:142px;} .c3{ width:223px;} .c4{ width:304px;} .c5{ width:385px;} .c6{ width:466px;} .c7{ width:547px;} .c8{ width:628px;} .c9{ width:709px;} .c10{ width:790px;} .c11{ width:871px;} .c12{ width:952px; float:none; clear:both; margin-right:0px;} hr{ margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #CCC;} /* Espacios */ .marginBottom0{ margin-bottom:0px !important;} .marginBottom10{ margin-bottom:10px !important;} .marginBottom20{ margin-bottom:20px !important;} .marginBottom35{ margin-bottom:35px;} .marginBottom40{ margin-bottom:40px;} .marginBottom50{ margin-bottom:50px;} .marginTop50{ margin-top:50px;} /* Backgrounds */ .bgRojo{ background-color:#b61b2d !important;} .bgVerde{ background-color:#00783e !important;} .bgNaranja{ background-color:#cd4f1c !important;} /* Colores */ .rojo{ color:#b61b2d;} /* Header */ #header{ height:153px; background-color:#fff; position: relative;} #header .c12{ height: 153px; overflow: visible;display: table;} #header .wrapper{ overflow: visible;} #header .logo{ margin:18px 0px 18px 24px; display:block; width: 85px;height: 117px;} #header h1{ font-size: 11px;font-weight: bold;color: #777777;position: absolute;top: 20px;margin: 0px; left: 185px;} #header .topMenu{list-style-type: none;margin: 0;padding: 0;position: absolute;top: 20px;right: 15px;} #header .topMenu li{ float:left;} #header .topMenu li a{ font-size:11px; color:#777777; font-weight:bold; display:block; margin-left:15px; text-decoration:none;} #header .topMenu li a:hover, #header .topMenu li.current-menu-item a{ color:#005581;} #header .topMenu li.uppercase a{ text-transform: uppercase;} #header .topMenu li.FV a{ color: #DC582A !important;} #header .topMenu li.IC a{ color: #009ADE !important;} #header .mainMenu{ list-style-type:none; margin:0; padding:0px; position: absolute;right: 15px;bottom: 0px;} #header .mainMenu li{ float:left; border-left:solid 1px #dedfda; height:40px; position: relative;} #header .mainMenu li a{ font-size:16px; color:#777777; font-family: "myriad-pro", Helvetica, Arial; font-weight:600; text-transform:uppercase; display:block; text-decoration:none; line-height:1em; padding: 7px 50px 17px 10px; position: relative; z-index: 0;} #header .mainMenu li a:hover, #header .mainMenu li.current-menu-item > a, #header .mainMenu li.current-menu-parent > a{ color:#333333;} #header .mainMenu li form{ display: block;padding: 7px 0px 15px 13px;} #header .mainMenu li form input[type="text"]{ font-size: 11px;line-height: 16px;height: 16px;border: none; font-style: italic; width: 120px;} #header .mainMenu li form input[type="submit"]{ border: none;color: #999999;height: 18px;vertical-align: middle;width: 20px;background: url(../img/header/lupa.png) no-repeat center;border-radius: 0px;} #header .shadowBottom{ height: 5px;width: 100%;background-color: red;position: absolute;z-index: 99;bottom: -5px;background: url(../img/header/sombra-h.png) repeat-x top left;} #header.focus .mainMenu li a{ padding:7px 25px 17px 10px;} #header.focus .mainMenu li ul li a{ padding: 3px 10px;} #header.focus .mainMenu li form input[type="text"]{ width:220px;} #header .mainMenu li a, #header .mainMenu li form input[type="text"]{ -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;} #header .mainMenu li ul{ padding: 0px 0px 2px 0px;position: absolute;top: 38px;left: 0px;margin: 0;list-style-type: none;z-index: 999;background-color: #fff;width: 100%; display:none;} #header .mainMenu li:hover ul{ display:block;} #header .mainMenu li ul li{ float: none;border: none;height: auto;margin-bottom: 5px;} #header .mainMenu li ul li a{ padding: 3px 10px;text-transform: none;font-size: 13px; -webkit-transition: all 0s; -moz-transition: all 0s; -ms-transition: all 0s; -o-transition: all 0s; transition: all 0s; } /* Frame */ #frame{ /*background-color:#005581; */padding: 25px 0px 20px 0px; color:#fff; /*height:255px;*/ overflow: hidden; position: relative; margin-bottom:35px;} #frame{ -webkit-transition: background-color 0.5s; -moz-transition: background-color 0.5s; -ms-transition: background-color 0.5s; -o-transition: background-color 0.5s; transition: background-color 0.5s;} #frame.institucional, #frame.term-5{ background-color:#005581;} #frame.formacion, #frame.term-6{ background-color:#b61b2d;} #frame.investigacion, #frame.term-7{ background-color:#00783e;} #frame.publicaciones, #frame.term-52{ background-color:#005581;} #frame.cooperacion, #frame.term-8{ background-color:#F2A900;} #frame.flacso-virtual, #frame.term-66{ background-color:#DC582A;} #frame.ped, #frame.term-66{ background-color:#DC582A;} #frame.biblioteca, #frame.term-61{ background-color:#005581;} #frame.term-calendario, #frame.term-{ background-color: rgba(0, 146, 188, 0.94);} #frame.term-pensar, #frame.term-194{ background-color:#a83259;} #frame.term-538{ background-color:#005581;} #frame .slider{ height:255px;} #frame .slider h1{ line-height: 38px;margin: 15px 0px; font-family: "myriad-pro", "Helvetica", Arial; font-weight:700;} #frame .slider h2{ line-height: 28px;margin: 15px 0px; font-family: "myriad-pro", "Helvetica", Arial; font-weight:400;} #frame .slider h4, #frame .aside h4{ line-height: 24px;margin: 15px 0px;} #frame .slider h4{ margin: 0px 0px 5px 0px;} #frame .slider h1{ margin: 0px;} #frame .slider .cycle-slideshow{ position:relative;} #frame .slider .slide{ margin-right: 40px; position:absolute; padding-top: 15px; opacity:0;} #frame .slider #flechas{list-style-type: none;margin: 0;padding: 0;position: absolute;right: 25px;bottom: 5px; font-weight:bold;z-index: 999;} #frame .slider #flechas li{ float:left; margin-left:10px;} #frame .slider #flechas li a{ color:#fff; text-decoration:none;} #frame .slider #flechas li a.flecha{ display:block; width:11px; height:18px;} #frame .slider #flechas li a:hover{ opacity:.5; filter: alpha(opacity=50)} #frame .slider #flechas li a.flecha.left{ background:url(../img/frame/flecha-i.png) no-repeat center;} #frame .slider #flechas li a.flecha.right{ background:url(../img/frame/flecha-d.png) no-repeat center;} #frame .aside{ height:260px; z-index: 999;} #frame .frame-bg{ background: url(../img/frame/bg.png) repeat, url(../img/frame/sombra-v.png) left top repeat-y;position: absolute;display: block;top: -25px;bottom: -20px;left: 51.5%;right: 0px;margin-left: 233px;width: 2000px;} /* Menu Aside */ #menuAside{ overflow: hidden; display: block;} #menuAside ul{ list-style-type: none;padding: 0;margin: 0; border-top:solid 1px #fff;} #menuAside ul li{ border-bottom:solid 1px #fff;} #menuAside ul li a{ font-family: "myriad-pro", Helvetica, Arial; font-weight:700; display:block; color:#fff; font-size:16px; text-transform:uppercase; text-decoration:none; line-height:1.2em; padding:9px 0px; background:url(../img/frame/vi.png) no-repeat right center; padding: 8px 8px 8px 0px; } #menuAside ul li a:hover{ opacity:.5; filter: alpha(opacity=50);} /*#menuAside ul li.current-menu-item a{ opacity:.5; filter: alpha(opacity=50);}*/ body #menuAside ul li.current-menu-item a{ color:#005581;} body.formacion #menuAside ul li.current-menu-item a{ color:#BA0C2F;} body.institucional #menuAside ul li.current-menu-item a{ color:#005581;} body.cooperacion #menuAside ul li.current-menu-item a{ color:#F2A900;} body.flacso-virtual #menuAside ul li.current-menu-item a{ color:#DC582A;} body.ped #menuAside ul li.current-menu-item a{ color:#DC582A;} #menuAside.gris ul{ border-top:solid 1px #ccc;} #menuAside.gris ul li{ border-bottom:solid 1px #ccc;} #menuAside.gris ul li a{ color:#333333; background: url(../img/list-vin.png) no-repeat right center;} /* Bloque de la izquierda del Front */ aside.aside.bloque.col-xs-3 { padding-left: 30px;} /* Box Destacado */ .boxDestacado{ min-height:500px; border-bottom: solid 1px #ccc; margin-bottom:40px; position: relative; } .boxDestacado .img{ position: relative; padding: 0; /*width: 223px;height: 287px;*/overflow: hidden;} .boxDestacado .img h2{ position: absolute; margin: 0; padding: 0; color: #FFF !important; font-size: 20px; line-height: 24px !important; padding: 15px; min-height: 120px; top: 0px; left: 0px; right: 20px; background-color: rgba(0, 0, 0, 0.7); font-family: Helvetica, Arial !important; font-weight: bold !important;} .boxDestacado .img img{ width: 100% !important; height: auto !important;} .boxDestacado h3{ color:#777777; font-size:13px; margin: 13px 0 !important;} .boxDestacado p{ margin: 13px 0;} .boxDestacado a{ display: block;position: absolute;bottom: 0px;font-size: 13px;color: #333333;text-decoration: none;font-weight: 700;padding: 8px 0;width: 100%;} .boxDestacado a:hover{ color: #000;} .boxDestacado.investigacion .img h2, .boxDestacado.term-7 .img h2{ background-color: rgba(34, 136, 72, 0.9);} .boxDestacado.formacion .img h2, .boxDestacado.term-6 .img h2{ background-color:rgba(186, 12, 47, 0.92);;} .boxDestacado.institucional .img h2, .boxDestacado.term-5 .img h2{ background-color:rgba(0, 85, 129, 0.84);} .boxDestacado.publicaciones-2 .img h2, .boxDestacado.biblioteca .img h2, .boxDestacado.term-52 .img h2, .boxDestacado.term-61 .img h2{ background-color:rgba(0, 85, 129, 0.85);} .boxDestacado.cooperacion .img h2, .boxDestacado.term-8 .img h2{ background-color:rgba(242, 169, 0, 0.93);} .boxDestacado.flacsovirtual .img h2{ background-color:rgba(220, 88, 42, 0.92);} .boxDestacado.term-calendario .img h2{ background-color: rgba(0, 146, 188, 0.94);} .no-rgba .boxDestacado.investigacion .img h2, .no-rgba .boxDestacado.term-7 .img h2{ background-color:#228848;} .no-rgba .boxDestacado.formacion .img h2, .no-rgba .boxDestacado.term-6 .img h2{ background-color:#BA0C2F;} .no-rgba .boxDestacado.institucional .img h2, .no-rgba .boxDestacado.term-5 .img h2{ background-color:#005581;} .no-rgba .boxDestacado.publicaciones-2 .img h2, .no-rgba .boxDestacado.biblioteca .img h2, .no-rgba .boxDestacado.term-52 .img h2, .no-rgba .boxDestacado.term-61 .img h2{ background-color:#005581;} .no-rgba .boxDestacado.cooperacion .img h2, .no-rgba .boxDestacado.term-8 .img h2{ background-color:#F2A900;} /* .no-rgba .boxDestacado.flacsovirtual .img h2{ background-color:#DC582A;} */ .boxDestacado.flacsovirtual .img h2, .boxDestacado.term-66 .img h2{ background-color:rgba(220, 88, 42, 0.92); } .no-rgba .boxDestacado.calendario .img h2{ background-color:#0092BC;} /* Footer */ #footer{ height:375px; background-color:#fff; box-shadow:0px 0px 5px #ccc; position: absolute;width: 100%;bottom: 0px; padding:20px 0px 0px 0px;} #footer ul{ margin:0; padding:0; list-style-type:none;} #footer ul li{ line-height:17px;} #footer ul li.head{ font-weight:bold; color:#333333 !important; margin-bottom:10px;} #footer ul li.head a{ color:#333333 !important;} #footer ul li a{ color:#777; text-decoration:none;} #footer ul li a:hover{ color: #333;} #footer p{ font-size:11px; color:#777; font-weight:bold; line-height: 17px;} .lt-ie8 #footer{ position:relative; margin-top:100px;} /* Social links */ #socialLinks{ overflow:hidden; display:block;} #socialLinks .fb, #socialLinks .tw, #socialLinks .in, #socialLinks .yt, #socialLinks .rg, #socialLinks .is, #socialLinks .sc{ display:block; width:30px; height:27px; background:url(../img/footer/icono.png); float:left; margin-right:7px;} #socialLinks .fb{ background-position:0px 0px;} #socialLinks .fb:hover{ background-position:0px -27px;} #socialLinks .tw{ background-position:-37px 0px;} #socialLinks .tw:hover{ background-position:-37px -27px;} #socialLinks .in{ background-position:-74px 0px;} #socialLinks .in:hover{ background-position:-74px -27px;} #socialLinks .yt{ background-position:-111px 0px;} #socialLinks .yt:hover{ background-position:-111px -27px;} #socialLinks .rg{ background-position:-185px 0px;} #socialLinks .rg:hover{ background-position:-185px -27px;} #socialLinks .is{ background-position:-222px 0px;} #socialLinks .is:hover{ background-position:-222px -27px;} #socialLinks .sc{ background-position:-148px 0px;} #socialLinks .sc:hover{ background-position:-148px -27px;} /* Sidebar */ #sidebar{ padding-left:20px; border-left:solid 1px #ccc; min-height: 800px;} /* Actividades */ #actividades{ margin: 0;padding: 0;list-style-type: none; margin-bottom:29px;} #actividades li{ overflow: hidden;border-bottom: dotted 1px #ccc; padding: 8px 0px 10px 40px; position: relative;} #actividades li div{ float: left; width: 30px; color:#0092BC; font-size:24px; text-align:center; font-family: "myriad-pro", "Helvetica", Arial; font-weight:700;line-height: 18px; position: absolute; left: 0px; top: 10px;} #actividades li div span{ font-size:14px; text-transform:uppercase;} #actividades li div span.hoy{ font-size:14px; text-transform:uppercase;} #actividades li p{ margin: 0; margin-bottom: 3px;} #actividades li p a{ display: block; font-weight:bold; color:#333333; text-decoration:none;} #actividades li p a:hover{ color:#0092BC;} #actividades li.mas{ text-align:right; border-bottom:none; padding:6px 0;} #actividades li.mas a{ color:#0092BC; font-weight:bold; text-decoration:none;} #actividades li.mas a:hover{ color:#333;} .actividad{ overflow: hidden;} .actividad .fecha{ display: table; height: 50px; background: url(../img/calendario/bg-fecha.png); text-align: center; color: #f1f2ec; font-size: 20px; font-family: "myriad-pro", "Helvetica", Arial; font-weight: bold; line-height: 1em; text-indent: -6px;} .actividad .fecha.hoy{ background: url(../img/calendario/bg-fecha-hoy.png);} .actividad .fecha span{ display: table-cell; height: 50%; vertical-align: middle; text-transform: uppercase} .actividad .fecha span strong{ font-size: 14px; display: block;} .actividad .bajada{ color: #777777; /*text-transform: uppercase;*/ font-weight: bold;} .actividad h2{ font-family: "myriad-pro", "Helvetica", Arial; font-weight:400; color:#333333; margin: 0px;line-height: 1.25em; margin-bottom: 10px; margin-bottom: 1.2em !important;} .actividad p{} .actividad .leer{ color: #333333; font-weight: bold;} /* Audiovisuales */ #audiovisuales{ padding: 0;margin: 0;list-style-type: none; margin-top: -15px;} #audiovisuales li{ overflow: hidden;border-bottom: solid 1px #ccc;padding: 12px 0;} #audiovisuales li a.tn{ position: relative;display: block;width: 203px;height: 138px;overflow: hidden; margin-bottom: 12px;} #audiovisuales li a.tn img{} #audiovisuales li a.tn span{ width:48px; height:49px; display:block; background:url(../img/aside/play.png) no-repeat top left; margin-top: -24px;margin-left: -24px; position:absolute; top:50%; left:50%;} #audiovisuales li a.tn:hover span{ background-position:bottom left;} #audiovisuales li p{ margin:0px;} #audiovisuales li.mas{ text-align:right; border-bottom:none; padding:6px 0;} #audiovisuales li.mas a{ color:#e39725; font-weight:bold; text-decoration:none;} #audiovisuales li.mas a:hover{ color:#333;} /* Breadcrumb */ #breadcrumb{ padding-top: 20px;padding-bottom: 20px;background-color: #005581; color:#fff;} #breadcrumb .elBreadcrumb{ margin: 0;padding: 0;list-style-type: none; float: none;clear: both;overflow: hidden;} #breadcrumb .elBreadcrumb li{ float: left; font-weight: bold;} #breadcrumb .elBreadcrumb li.separador{ margin: 0px 5px;} #breadcrumb .elBreadcrumb li a{ color:#fff; font-weight:bold; text-decoration:none;} #breadcrumb .elBreadcrumb li a:hover{ opacity:.5; filter: alpha(opacity=50);} #breadcrumb h1{ line-height: 38px;margin: 15px 0px; font-family: "myriad-pro", "Helvetica", Arial; font-weight:700;} #breadcrumb h2{ line-height: 28px;margin: 15px 0px; font-family: "myriad-pro", "Helvetica", Arial; font-weight:400;} #breadcrumb h1, #breadcrumb h2{ width: 700px;} #breadcrumb .wrapper{ overflow:visible;} #breadcrumb .filtros, #breadcrumb .tabs{ margin: 0;padding: 0;list-style-type: none;margin-bottom: -20px;overflow: visible;display: table;margin-left: -20px;margin-top: 40px;} #breadcrumb .filtros li, #breadcrumb .tabs li{ float:left; position: relative;} #breadcrumb .filtros li a, #breadcrumb .tabs li a{ font-size:16px; color:#333; font-family: "myriad-pro", "Helvetica", Arial; font-weight:600; white-space: normal !important; text-transform:uppercase; display:block; text-decoration:none; line-height:1.2em; background-color:#f1f2ec; padding:13px 32px 13px 15px; background-image:url(../img/breadcrumb/flecha.png); background-repeat:no-repeat; background-position:center right; border-right: solid 1px #DEDFDA; border-radius: 0px;} #breadcrumb .tabs li a{ background-image: none; padding:13px 15px; background-color: #003c1f; color: #fff; } #breadcrumb .filtros li:last-child a, #breadcrumb .tabs li:last-child a{ border-right: none;} #breadcrumb .tabs li.current-menu-item a{ background-color:#f1f2ec; color:#333; cursor: default; pointer-events: none;} #breadcrumb .filtros li a:hover{ color: #000;} #breadcrumb .tabs li a:hover{ color: #fff;} #breadcrumb .tabs li.current-menu-item a:hover{ color: #fff;} #breadcrumb .filtros li a.oscuro, #breadcrumb .tabs li a.oscuro{ background-color:#002a40; color:#fff; border:none; background-image:none; padding:13px 15px 13px 15px;} #breadcrumb .filtros li a.oscuro:hover{ background-color: #004569;} #breadcrumb .filtros li ul{ position: absolute;padding: 15px 0px 5px 0px;margin: 0;list-style-type: none;z-index: 999;background-color: #fff; box-shadow: 0px 0px 5px #aaa; display:none; min-width: 100%;} #breadcrumb .filtros li.active ul{ display:block;} #breadcrumb .filtros li.active a{ z-index: 9999; position:relative; background-color:#fff;} #breadcrumb .filtros li ul li{ float:none; margin-bottom: 10px; padding: 0px 15px;} #breadcrumb .filtros li ul li.head{ color:#333; font-size:11px; font-weight:bold; text-transform:uppercase;} #breadcrumb .filtros li ul li a{ background: none;padding: 0;text-transform: capitalize; white-space: nowrap;border: none; color:#777777; font-size:11px;} #formFilter.filterPublicaciones li .label{ /*max-width: 225px;*/ white-space: nowrap !important; overflow: hidden;} #formFilter.filterPublicaciones li .label span{ overflow: hidden; margin-right: 10px;} #formFilter.filterPublicaciones li .label input[type="text"]{ border: none; width: 90px; height: 16px; line-height: 1em; background-color: rgba(0, 0, 0, 0);} #formFilter.filterPublicaciones li .label.btnSubmit{ width: normal;} /* Content */ #content{ /*padding-right: 80px;*/ color:#333333; display: block; /*width: 629px;*/} /* Quizas removemos el table */ #content h1{ line-height: 1.1em; margin: 0; font-family: "myriad-pro", Helvetica, Arial; font-weight:600; margin-bottom: 1em; max-width: 590px;} #content h2{ font-family: "myriad-pro", "Helvetica", Arial; font-weight:400; color:#333333; margin: 0px;line-height: 1.25em; margin-bottom: 1em;} #content h3{ margin: 0px 0px 1em 0px; color:#777777; line-height: 1.25em; } #content h3 a { color: #777; } #content h3.info{ /*margin-top:-20px;*/} #content ul{ list-style-image:url(../img/list-vin.png); padding: 0px 15px;} #content hr{ margin-right: -113px;} #content img{ max-width: 100%; height: auto;} #content p{ text-align: left !important; margin: 0px 0px 1.6em 0px;} #content div.fecha{ display: table; height: 50px; background: url(../img/calendario/bg-fecha.png); text-align: center; color: #f1f2ec; font-size: 20px; font-family: "myriad-pro", "Helvetica", Arial; font-weight: bold; line-height: 1em; text-indent: -6px;} #content div.fecha.hoy span{ background: url(../img/calendario/bg-fecha-hoy.png);} #content div.fecha span{ display: table-cell; height: 50%; vertical-align: middle; text-transform: uppercase} #content div.fecha span strong{ font-size: 14px; display: block;} #content.institucional-red-flacso article{ padding:10px 0px;} #content.institucional-red-flacso article a{ text-decoration:none; font-weight:bold; color:#005581;} #content.formacion h2{font-family: "myriad-pro", "Helvetica", Arial; font-weight:400; color:#333333; margin: 0px;line-height: 1; margin-bottom: 10px;} #content.formacion a{ font-weight:bold; color:#b61b2d; text-decoration:none;} #content.investigacion{ /*padding:0;*/} #content header.publi{ margin-bottom: 40px;} #content header.publi h1{ margin-bottom: 10px;} #content header.publi h3{ margin-bottom: 10px;} #content header.publi h5{} #content .formaciones{ margin: 0; padding: 0; list-style-image: none; list-style-type: none; margin-top: 15px;} #content .formaciones li{ margin-bottom: 5px;} #content .formaciones li a{ color: #00783E; font-size: 14px; font-weight: bold;} /* Social Media */ #socialMedia{} #socialMedia ul{ list-style-type:none; margin:0; padding:0; height: 70px;} #socialMedia ul li{ display:block; float:none; margin-bottom: 10px; height: 20px;} /* Areas y Programas */ #areasProgramas{ /*border-bottom:solid 5px #005581;*/} /*#areasProgramas .bloque{ margin-bottom:50px;}*/ #areasProgramas article{ border-top:solid 5px #005581; border-bottom: solid 5px #005581; padding: 10px 0px 20px 0px; margin-bottom:-5px;} .investigacion #areasProgramas article{ border-top:solid 5px #00783e !important; border-bottom: none !important; margin-bottom:0px;} #areasProgramas article h4{ color:#333333; font-size:16px; font-weight:bold; margin: 0;margin-bottom: 10px;} #areasProgramas article h4 a{ color:#333333 !important;} #areasProgramas article h4 a:hover{ opacity:.5; filter: alpha(opacity=50); text-decoration:none;} #areasProgramas article h5{ color: #777; font-size: 13px; font-weight: bold; margin: 0; margin-bottom: 10px; border-top: solid 1px #CCC; padding-top: 10px;} #areasProgramas article p{ font-size:13px; font-weight:bold; color:#777777; margin: 0;} #areasProgramas article p a{ color:#005581; text-decoration:none;} #areasProgramas article p a:hover{ text-decoration:underline;} #areasProgramas article ul.listaFormaciones{ padding: 0; list-style-type: none;} #areasProgramas article ul.listaFormaciones li{ border-top: solid 1px #CCC; border-bottom: solid 1px #CCC; margin-bottom: -1px; padding: 6px 0px; font-weight: bold;list-style-image: none; overflow: hidden; position: relative; padding-right: 60px;} #areasProgramas article ul.listaFormaciones li a{ color: #777; float: left; /*max-width: 580px;*/} #areasProgramas article ul.listaFormaciones li .excerpt{ display: block; font-weight: normal; color: #777; font-style: italic; font-size: 12px; padding-right: 11px; clear: both; line-height: 1.5em;} #areasProgramas article ul.listaFormaciones li .ap_intervinientes{ display: block; font-weight: normal; color: #777; font-size: 12px; padding-top: 15px;padding-right: 11px; clear: both; line-height: 1.5em;} #areasProgramas article ul.listaFormaciones ul.modalidad{ float: right; margin: 0px; position: absolute; right: 0px;} #areasProgramas .filtros{ text-align:right; color:#777777; font-size:11px; padding:20px 0px;} #areasProgramas .filtros a{ text-transform:uppercase; color:#777777; font-weight:bold; text-decoration:none; margin-left:5px;} #areasProgramas .filtros a:hover{ text-decoration:underline;} #areasProgramas .filtros a.active{ color:#005581;} #areasProgramas h3{ color: #333;} /* Investigaciones en curso */ .enCurso{ min-height:245px; border-top:solid 5px #00783e; border-bottom:solid 1px #ccc;} .enCurso h2.encabezado{ font-weight:bold !important; margin: 1em 0 !important; font-family: Helvetica, Arial, sans-serif !important; line-height: 1.4em !important; font-size: 15px; min-height: 42px;} .enCurso p{ } /* Ultimas noticias */ .ultimasNoticias{ margin-right: 0px; min-width: 710px;} /* Lista de personas */ ul.personas{ padding: 0px !important;list-style-image: none !important;list-style-type: none; border-top: solid 5px #005581; margin: 30px 0px;} ul.personas li{ padding:5px 0px; border-bottom:solid 1px #cccccc; color:#777777;} ul.personas li.head{ font-size:16px; font-weight:bold; color:#333333;} ul.personas li.head a{ color: #333 !important;} ul.personas li a{ font-weight:bold; display:block; color:#777777 !important;} ul.personas li a .cv{ float:right; color:#005581;} ul.personas li a:hover{ opacity:.5; filter: alpha(opacity=50); text-decoration: none;} ul.personas li a.void:hover{ opacity:1; filter: alpha(opacity=100);} ul.personas li .excerpt{ font-size: 12px; padding-right: 30px;} body.formacion ul.personas{ border-top: solid 5px #b61b2d; /*font-style: italic;*/} body.formacion ul.personas li a span{ color:#b61b2d;} /* Info Persona */ #infoPersona{} #infoPersona img{ margin-bottom:10px; width: 202px;height: auto;} #infoPersona a.email{ color:#005581; font-weight:bold; font-size:11px; margin: 0px 0px 10px 0px;display: block;} #infoPersona a.email:hover{ opacity:.5; filter: alpha(opacity=50);} /* Accordion */ .accordion{ margin: 40px 0px;} .accordion h3{ margin: 0px !important;border-bottom: solid 1px #ccc;border-top: solid 1px #ccc;margin-bottom: -1px !important; cursor:pointer; font-size:14px; color:#005581 !important; padding: 8px 20px 8px 0px; display: block; background:url(../img/accordion/abajo.png) center right no-repeat; line-height: 1.4em !important;} body.formacion .accordion h3{ color:#b61b2d !important;} .accordion article{ margin:0px !important; padding: 10px 0px;} .accordion h3.ui-accordion-header-active{ background:url(../img/accordion/arriba.png) center right no-repeat;} /*Sub*/ .accordion h4{ margin: 0px !important;border-bottom: solid 1px #ccc;border-top: solid 1px #ccc;margin-bottom: -1px !important; cursor:pointer; font-size:12px; color:#005581 !important; padding: 8px 20px 8px 0px; display: block; background:url(../img/accordion/abajo.png) center right no-repeat; line-height: 1.4em !important;} .accordion h4.ui-accordion-header-active{ background:url(../img/accordion/arriba.png) center right no-repeat;} /* Publicacion */ .publicacion{ height: 390px; border-bottom: solid 1px #ccc; margin-bottom: 40px;} /*.publicacion .tapa{ margin-bottom: 10px; display: block; border: solid 3px #fff;} .publicacion .tapa:hover{ border: solid 3px #005581;}*/ .publicacion .tapa{ display: block; margin-bottom: 10px;} .publicacion img{ max-width: 100%; max-height: 100%; height: auto; width: auto;} .publicacion strong{ display:block; color:#777777; margin-bottom: 5px;} .publicacion span{ display:block;} .publicacion h4{ margin: 1em 0; font-size: 13px; line-height: 1.3em;} .publicacion h4 a{ color: #777; display: block; font-weight: bold;} .publicacion h4 a:hover{ text-decoration: none; color: #005581;} /* Media content */ .mediaContent{ margin: 20px 0px;background-color: #fff;overflow: hidden;} .mediaContent p{ margin: 0px;padding: 10px 15px;display: block;} .mediaContent img{} .mediaContent iframe{} .mediaContent .contenido{ overflow: hidden;height: 390px;} .mediaContent .contenido *{ width:100%;} .mediaContent .contenido img{ height:auto;} /* Paginacion */ #paginacion{ clear: both;float: none;overflow: hidden;} #paginacion .paginationLinks{ float: left;} #paginacion .paginationLinks a { color: #333; font-weight: bold; margin-right: 6px; } #paginacion .paginationLinks .page-numbers{ font-size:13px; color:#333333; margin-right:7px; font-weight:bold; opacity:.5;} #paginacion .paginationLinks .page-numbers.current{ opacity:1;} #paginacion .paginationNav{ float: right; font-size:13px; color:#333333; font-weight:bold; line-height:18px;} #paginacion .paginationNav .prev a, #paginacion .paginationNav .next a{ width:11px; height:18px; display:inline-block; vertical-align: middle;margin-left: 10px; opacity:.5; overflow:hidden; text-indent:-9999px;} #paginacion .paginationNav .prev a:hover, #paginacion .paginationNav .next a:hover{ opacity:1;} #paginacion .paginationNav .prev a{ background-image:url(../img/noticias/flecha-i.png);} #paginacion .paginationNav .next a{ background-image:url(../img/noticias/flecha-d.png);} /* Formacion info */ #formacionInfo{ font-weight: bold; margin-top: -10px;} #formacionInfo .extracto{ display: block;} #formacionInscripcion{ background-image:url(../img/formacion/banderin.png); position: absolute;top: 0px;right: -98px;height: 50px;width: 120px; display:table;} #formacionInscripcion span{ display: table-cell;height: 100%;vertical-align: middle;padding: 0px 10px;text-align: right;color: #FFF;text-transform: uppercase;font-weight: bold;line-height: 1.2em;} ul.modalidad{ list-style-type: none; background: none; margin: 0; padding: 0 !important; list-style-image: none; overflow: hidden; margin-bottom: 10px; } ul.modalidad li{ text-indent: -999px; overflow: hidden; float: left; display: inline-block; height: 20px; width: 20px; background-repeat: no-repeat; background-position: center; padding: 0px !important; border: none !important;} ul.modalidad li.presencial{ background-image: url(../img/formacion/presencial.png); width: 9px;} ul.modalidad li.plus{ background-image: url(../img/formacion/plus.png); width: 12px;} ul.modalidad li.semi{ background-image: url(../img/formacion/semi.png); width: 11px;} ul.modalidad li.virtual{ background-image: url(../img/formacion/virtual.png); width: 17px;} ul.modalidad li.webinar{ background-image: url(../img/formacion/webinar.png); width: 18px;} /* Lista de personas en thumbnails */ .listaPersonasThumbnails{ list-style-type: none; margin: 0; padding: 0 !important; overflow: hidden;} .listaPersonasThumbnails li{ float: left; margin-right: 20px; margin-bottom: 20px; height: 190px;} .listaPersonasThumbnails li a{ width: 142px; height: 142px; background-color: #fff; display: block; background-image: url(../img/avatar.jpg); background-size: cover; background-position: center; background-repeat: no-repeat;} .listaPersonasThumbnails li a img{ width: 142px; height: auto;} .listaPersonasThumbnails li h3{ color: #777; font-size: 13px; margin: 13px 0 !important;} .listaPersonasThumbnails li p{ font-weight: normal !important;} /* Formulario login flacso virtual */ #formLoginFV{display: block; position: relative; overflow: hidden;} #formLoginFV fieldset{ float: left; display: block; position: relative; margin-right: 20px;} #formLoginFV fieldset span, #formLoginFV fieldset label{ display: block; font-size: 16px; color: #464645; font-family: Helvetica, Arial; font-weight: bold;} #formLoginFV fieldset span{ font-size: 11px;} #formLoginFV fieldset input[type="text"], #formLoginFV fieldset input[type="password"]{ box-sizing: border-box; -moz-box-sizing: border-box; padding: 0px; border: none; line-height: 1; font-size: 13px; padding: 8px; margin: 6px 0px; border: solid 1px #CCC; width: 200px;} #formLoginFV fieldset input[type="submit"]{ background-color: #DC582A; border: none; padding: 7px 6px; font-size: 16px; font-family: Helvetica, Arial; color: #FFF; font-weight: bold; margin-top: 15px; line-height: 1em; height: 31px; text-transform: uppercase; margin-bottom: 25px;} #formLoginFV fieldset input[type="checkbox"]{ border: none; background-color: #FFF; margin-right: 5px;} /* Posts relacionados */ .relacionados{ margin: 0px -60px 50px 0px;} .relacionados article{ margin-right: -40px; border-bottom: dotted 1px #CCC; padding: 12px 0px; padding-right: 100px;} .relacionados article h3{ margin: 0 !important; font-size: 15px;} .relacionados article p{ margin: 0;} /* Publicaciones relacionadas */ .publicacionesRelacionadas{ margin: 0px -60px 50px 0px; overflow: hidden;} .publicacionesRelacionadas h2{ margin-bottom: 20px !important;} /* Programas */ ul.programas{ margin: 40px 0px; list-style-image: none !important; padding: 0px !important; list-style-type: none;} ul.programas li{ margin: 0px !important; border-bottom: solid 1px #CCC; border-top: solid 1px #CCC; margin-bottom: -1px !important; font-size: 16px; color: #005581 !important; padding: 8px 20px 8px 0px; display: block; } ul.programas li a{ margin: 0 !important; cursor: pointer; font-size: 16px; color: #005581 !important; line-height: 1.4em !important; font-weight: bold;} /* Contact form */ #contactForm{} #contactForm fieldset{ margin-bottom: 30px;} #contactForm fieldset span.ob{ color: #777777; font-size: 13px; float: right; font-weight: normal;} #contactForm label{ color: #333333; font-size: 16px; font-weight: bold; display: block; line-height: 1em; margin-bottom: 8px;} #contactForm label small{ font-weight: normal;} #contactForm .inputText, #contactForm .textarea{ box-sizing: border-box; -moz-box-sizing: border-box; border: solid 1px #cccccc; line-height: 1; font-size: 13px; padding: 8px; width: 100%;} #contactForm .select{} #contactForm .select{ display: block; width: 100%; border: solid 1px #CCC; box-sizing: border-box; -moz-box-sizing: border-box; padding: 9px 8px; line-height: 1em; text-align: left; font-size: 13px; background-color: #FFF; background-image: url(../img/contacto/select.png); background-repeat: no-repeat; background-position: right center;} #contactForm select.select{ position: absolute; width: 100%; height: 100%;} #contactForm .textarea{ height: 115px;} #contactForm .inputSubmit{ background-color: #005581; font-size: 16px; color: #fff; font-weight: bold; text-transform: uppercase; -webkit-font-smoothing: antialiased; line-height: 1em; padding: 13px 15px; border: none;} #contactForm .captcha{ float: left; width: 141px; background-color: #FFF; text-align: left; display: block; border: solid 1px #CCC;} #contactForm .captcha img{ background-color: #FFF; border: solid 1px #CCC; margin: 10px; width: 120px;} #contactForm .captcha input.wpcf7-captchar{ box-sizing: border-box; -moz-box-sizing: border-box; border: solid 1px #696969; line-height: 2; font-size: 13px; width: 121px; margin: 5px 10px 12px 10px;} #contactForm small{ color: #999;} #contactForm .checkbox .wpcf7-list-item{ margin-right: 40px; margin-left: 0px;} #contactForm .checkbox .wpcf7-list-item input[type="checkbox"]{ border: none; background-color: #fff; width: 15px; height: 15px;} #contactForm h2{ clear: both; margin-bottom: 30px; padding-top: 30px;} #contactForm .radioGroup{ padding-top: 9px; display: block; font-size: 12px;} #contactForm .radioGroup > span{ margin-right: 12px;} #contactForm .radioGroup input[type="radio"]{ vertical-align: 1px; margin-right: 5px; margin-bottom: 10px;} #contactForm .comoSeEntero{ } #contactForm .comoSeEntero span.wpcf7-list-item { display: inline-block; width: 35%; } #contactForm .comoSeEntero span.wpcf7-list-item.last{ width: 100%;} #contactForm span.wpcf7-list-item { margin-left: 0.5em;} h2.titulo-form-inscripcion{ margin-bottom: 40px !important; border-bottom: solid 1px #000; padding-bottom: 10px;} .formacion h2.titulo-form-inscripcion{ border-bottom: solid 1px #BA0C2F;} .calendario h2.titulo-form-inscripcion{ border-bottom: solid 1px #0092BC;} .formacion .inputSubmit{ background-color: #BA0C2F !important;} .calendario .inputSubmit{ background-color: #0092BC !important;} .wpcf7-not-valid { background-color: #FFE5E5;} span.wpcf7-not-valid-tip-no-ajax{ display: none !important;} div.wpcf7-validation-errors{ background-color: #FFCFCF; margin: 0 !important; padding: 10px !important; border-radius: 6px; border: solid 1px #FF8E8E !important; clear: both; float: none;} div.wpcf7-mail-sent-ok { background-color: #E5F7DE !important; margin: 0 !important; padding: 10px !important; border-radius: 6px; border: solid 1px #769967 !important; clear: both; float: none;} span.wpcf7-form-control-wrap { position: initial !important;} /* Organizacion y cursada */ .organizacion{ margin: 20px 0px;} .organizacion header{ font-weight: bold; margin-bottom: 10px;} .organizacion div{ background-color: #fff; padding: 10px 15px; border-radius: 3px; } .organizacion div p{ margin: 0;} /* Mapa */ #mapa{ background-color: #fff; height: 390px; width: 728px; border: solid 1px #ccc;} /* Caleendario */ #wp-calendar{ width: 100%; color: #bbbbbb; background-color: #FFF; font-size: 11px; margin-bottom: 40px;} #wp-calendar tr{} #wp-calendar tr td, #wp-calendar tr th{ padding: 5px; } #wp-calendar tr td{ text-align: right;} #wp-calendar tr td#today{ background-color: #0092BC; color: #FFF; font-weight: bold;} #wp-calendar tr td#today a{ color: #fff;} #wp-calendar tbody tr td{ border: solid 1px #f1f2ec;} #wp-calendar thead{ background-color: #e4e5e0;} #wp-calendar caption{ color: #333333; font-family: "myriad-pro", Helvetica, Arial; font-size: 16px; border-top: solid 1px #cccccc; border-bottom: solid 1px #cccccc; margin-bottom: 10px; text-transform: uppercase; font-weight: bold; line-height: 30px;} .wp-calendar-nav-prev { font-size: 10px; text-transform: uppercase; float: left; } .wp-calendar-nav-next { font-size: 10px; text-transform: uppercase; float: right; } /* Producciones Audiovisuales */ #producciones{ margin-left: -10px !important; margin-right: -10px !important; width: auto;} #producciones article{ border-bottom: solid 1px #CCC; height: 240px; margin-bottom: 20px;margin-left: 10px; margin-right: 10px;} #producciones article a.tn{ position: relative; display: block; width: 100%; height: 150px; overflow: hidden; margin-bottom: 12px; background-position: center; background-repeat: no-repeat;} #producciones article a.tn img{ max-width: 100%; min-width: 100%; height: auto; margin-top: -8px;} #producciones article a.tn span{ width: 48px; height: 49px; display: block; background: url(../img/aside/play.png) no-repeat top left; margin-top: -24px; margin-left: -24px; position: absolute; top: 50%; left: 50%;} #producciones article a.tn:hover span{ background-position:bottom left;} #producciones article p{ margin: 0px; height: 75px; overflow: hidden;} #resultadosBusqueda{ list-style-type: none; padding: 0; margin: 0; border-top: solid 1px #CCC; margin-bottom: 40px;} #resultadosBusqueda li{ border-bottom: solid 1px #ccc; position: relative; padding: 1em 0px 1.5em 0px;} #resultadosBusqueda li p.titulo{font-weight: bold;} #resultadosBusqueda li p.titulo a{ color: inherit;} #resultadosBusqueda li p{ margin: 0px; max-width: 690px;} #resultadosBusqueda li span.info{ position: absolute; top: 1em; right: 0px; text-transform: capitalize; font-weight: bold; color: #005581;} #resultadosBusqueda li span.info.calendario{ color: #e39725;} #resultadosBusqueda li span.info.cooperacion{ color: #e39725;} #resultadosBusqueda li span.info.formacion{ color: #b61b2d;} #resultadosBusqueda li span.info.investigaciones, #resultadosBusqueda li span.info.investigadores{ color: #00783E;} /* ========================================================================== Agregados ========================================================================== */ .cajas{ margin-left: -10px; margin-right: -10px;} .cajas .c3, .cajas .c2{ margin-left: 10px; margin-right: 10px; margin-bottom: 40px;} #content .cajas{ margin-right: -90px;} #content .cajas .verMasSiempre{ margin-right: 10px;} img.alignright{ float: right;} img.alignleft{ float: left;} .flacso-virtual #areasProgramas article{ border-top: solid 5px #DC582A !important; border-bottom: solid 5px #DC582A !important;} .flacso-virtual ul.modalidad li.presencial{ background-image: url(../img/formacion/presencial-naranja.png); width: 9px;} .flacso-virtual ul.modalidad li.plus{ background-image: url(../img/formacion/plus-naranja.png); width: 12px;} .flacso-virtual ul.modalidad li.semi{ background-image: url(../img/formacion/semi-naranja.png); width: 11px;} .flacso-virtual ul.modalidad li.virtual{ background-image: url(../img/formacion/virtual-naranja.png); width: 17px;} .flacso-virtual ul.modalidad li.webinar{ background-image: url(../img/formacion/webinar-naranja.png); width: 18px;} .flacso-virtual .accordion h3{ color: #DC582B !important;} .ped #areasProgramas article{ border-top: solid 5px #DC582A !important; border-bottom: solid 5px #DC582A !important;} .ped ul.modalidad li.presencial{ background-image: url(../img/formacion/presencial-naranja.png); width: 9px;} .ped ul.modalidad li.plus{ background-image: url(../img/formacion/plus-naranja.png); width: 12px;} .ped ul.modalidad li.semi{ background-image: url(../img/formacion/semi-naranja.png); width: 11px;} .ped ul.modalidad li.virtual{ background-image: url(../img/formacion/virtual-naranja.png); width: 17px;} .ped ul.modalidad li.webinar{ background-image: url(../img/formacion/webinar-naranja.png); width: 18px;} .ped .accordion h3{ color: #DC582B !important;} .listaFormaciones{ margin-bottom: 40px;} .listaFormaciones h4{ font-family: "myriad-pro", "Helvetica", Arial; font-weight: 400; color: #333; margin: 0px; font-size: 24px; border-bottom: solid 5px #A90420; padding-bottom: 8px; margin-bottom: 12px;} .listaFormaciones h4 a{ color: #333;} .listaFormaciones h4 a:hover{ color: #666; text-decoration: none;} .listaFormaciones h5{ color: #333; font-size: 16px; font-weight: bold; margin: 0; padding-bottom: 10px; border-bottom: solid 1px #CCC;} .listaFormaciones h5 a{ color: #333;} .listaFormaciones ul.lista{ list-style-type: none; padding: 0px; margin: 0px; margin-bottom: 13px; border-bottom: solid 1px #A90420; overflow: hidden;} .listaFormaciones ul.lista li{ border-bottom: solid 1px #CCC; margin-bottom: -1px; padding: 6px 0px; font-weight: bold; list-style-image: none; overflow: hidden;} .listaFormaciones ul.lista li a{ color: #777; float: left;} .listaFormaciones ul.lista li span.insc-ab{ float: left; margin-right: 3px; color: #BA0C2F; font-weight: normal;} .listaFormaciones ul.lista li .modalidad{ float: right; margin: 0;} .listaFormaciones ul.lista li .excerpt{ display: block; font-weight: normal; color: #777; font-style: italic; font-size: 12px; padding-right: 120px; clear: both; line-height: 1.5em;} .investigacion .listaFormaciones h4{ border-bottom: solid 5px #00783E;} .investigacion .listaFormaciones ul.lista{ border-bottom: solid 1px #00783E;} ul.listaFormaciones li span.insc-ab{ float: left; margin-right: 3px; color: #BA0C2F; font-weight: normal;} /* Galeria de imagenes */ #galeriaDeImagenes{ background-color: #000;} #galeriaDeImagenes div{ display: table !important; height: 100%; width: 100%; background-color: #000;} #galeriaDeImagenes div figure{ display: table-cell; height: 100%; vertical-align: middle; width: 100%; position: relative;} #galeriaDeImagenes div figure img{ display: block;} #galeriaDeImagenes .caption{ background-color: rgba(0, 0, 0, 0.76); color: #FFF; margin: 0; position: absolute; width: 100%; bottom: -1px; min-height: 35px; line-height: 1.4em; padding: 10px; box-sizing: border-box; -moz-box-sizing: border-box; font-weight: bold; padding-right: 50px;} .galeria-paginador{ text-align: center; padding: 5px; } .galeria-paginador span{ overflow: hidden; width: 10px; height: 10px; display: inline-block; background-color: #000; text-indent: -9999px; border-radius: 50%; margin-right: 5px; opacity: .5; cursor: pointer;} .galeria-paginador span.cycle-pager-active{ opacity: 1;} .galeria{ position: relative; margin: 0px 0px 1.5em 0px; width: 100%; visibility: hidden; opacity: 0; transition: opacity 0.3s; height: 0px; padding-bottom: 56.25%;} .galeria.slick-initialized{ visibility: visible; opacity: 1;} .galeria .slide{ position: relative;} .galeria .slide .inner{ position: relative; width: 100%; height: 0px; padding-bottom: 56.25%; background-color: #fafafa; background-position: center; background-size: contain; background-repeat: no-repeat; background-color: #000;} .galeria .slick-arrow{ position: absolute; height: 100%; top: 0; z-index: 99; background-color: transparent; text-indent: -9999px; width: 50px; border: none; background-repeat: no-repeat; background-position: center; opacity: .5; background-size: 40%;} .galeria .slick-arrow:hover{ opacity: 1;} .galeria .slick-prev{ left: 0; background-image: url(../img/arrow-left.png);} .galeria .slick-next{ right: 0; background-image: url(../img/arrow-right.png);} .galeria .caption{ background-color: rgba(0, 0, 0, 0.85); padding: 1em; bottom: 0; position: absolute; width: 100%; white-space: normal; color: #FFF; text-align: center; transition: all .3s;} .galeria:hover .caption{ } /* ========================================================================== Helper classes ========================================================================== */ .tl{ text-align: left;} .tc{ text-align: center;} .tr{ text-align: right;} .fr{ float: right;} .fn{ float: none;} .fl{ float: left;} .rel{ position: relative;} .toLowerCase{ text-transform: lowercase;} .size11{ font-size: 11px;} .colorAzul{ color: #005581;} /* * Image replacement */ .ir { background-color: transparent; border: 0; overflow: hidden; /* IE 6/7 fallback */ *text-indent: -9999px; } .ir:before { content: ""; display: block; width: 0; height: 150%; } /* * Hide from both screenreaders and browsers: h5bp.com/u */ .hidden { display: none !important; visibility: hidden; } /* * Hide only visually, but have it available for screenreaders: h5bp.com/v */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* * Extends the .visuallyhidden class to allow the element to be focusable * when navigated to via the keyboard: h5bp.com/p */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* * Hide visually and from screenreaders, but maintain layout */ .invisible { visibility: hidden; } /* * Clearfix: contain floats * * For modern browsers * 1. The space content is one way to avoid an Opera bug when the * `contenteditable` attribute is included anywhere else in the document. * Otherwise it causes space to appear at the top and bottom of elements * that receive the `clearfix` class. * 2. The use of `table` rather than `block` is only necessary if using * `:before` to contain the top-margins of child elements. */ .clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ } .clearfix:after { clear: both; } /* * For IE 6/7 only * Include this rule to trigger hasLayout and contain floats. */ .clearfix { *zoom: 1; } /* ========================================================================== EXAMPLE Media Queries for Responsive Design. These examples override the primary ('mobile first') styles. Modify as content requires. ========================================================================== */ @media only screen and (min-width: 35em) { /* Style adjustments for viewports that meet the condition */ } @media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { /* Style adjustments for high resolution devices */ } /* ========================================================================== Print styles. Inlined to avoid required HTTP connection: h5bp.com/r ========================================================================== */ @media print { * { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } /* * Don't show links for images, or javascript/internal links */ .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; /* h5bp.com/t */ } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } }