/*
 Theme Name:   CEIPIL
 Theme URI:    http://www.ceipil.org.ar
 Description:  El rebranding institucional propuesto para CEIPIL abarca a su nuevo sitio web que ahora presenta una estructura de navegación limpia y organizada. La división de los contenidos, el uso de imágenes de alta resolución y una renovación en la paleta de colores son sólo algunas de las características que se han optimizado en este diseño que ha sido desarrollado bajo los estándares de programación más modernos y es compatible con todos los navegadores web. Chila Producciones presenta un nuevo sistema de gestión de contenidos, adaptado de acuerdo a las necesidades del Centro de Estudios que facilitará la actualización de páginas dinámicas y estáticas.
 Author:       Chila Producciones
 Author URI:   http://www.chilaproducciones.com.ar
 Template:     ceipil
 Version:      1.0
 Text Domain:  ceipil
 ceipil.org.ar | CSS v. 1.0
 Copyright 2016 (c) chilaproducciones.com.ar
 Prohibida su copia total o parcial. Todos los derechos reservados.
*/

/**
 * 1.0 - Tipografías personalizadas
 *
 * Define las tipografías que deben cargarse por fuera del sitio.
 *
 */
@import url(https://fonts.googleapis.com/css?family=Roboto:400,400italic,500,700);
/**
 * 2.0 - Resetea la configuración por defecto
 *
 * Resetea la configuración de estándares web para todos
 * los navegadores.
 *
 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
img { max-width: 100%; }
html { font-size: 100%; -webkit-text-size-adjust: 100%;	-ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-rendering: optimizeLegibility; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004); }
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
::selection { background: #d0d0d0; color: #6b6a6a; }
::-moz-selection { background: #d0d0d0; color: #6b6a6a; }
hr { border: 0; height: 0; border-top: 1px dotted rgba(0, 0, 0, 0.2); border-bottom: 1px dotted rgba(255, 255, 255, 0.5); margin: 30px 0px 15px 0px; }
hr.divider { border: 0; height: 0; border-top: 1px dotted rgba(0, 0, 0, 0.2); border-bottom: 1px dotted rgba(255, 255, 255, 0.5); margin: 5px 0px 5px 0px; }
ol { list-style-type: none; list-style-type: decimal !ie; margin: 0; margin-left: 3em; padding: 0; counter-reset: li-counter; }
ol > li { position: relative; margin: 10px 0px 15px 0px; padding-left: 10px; min-height: 10px; border-left: 1px dotted #cccccc; }
ol > li:before { position: absolute; top: 2px; left: -1.6em; width: 0.9em; font-size: 20px; line-height: 20px; font-family: 'Roboto', arial, helvetica, sans-serif; text-align: right; color: #4bc2a5; content: counter(li-counter); counter-increment: li-counter; font-weight: 700; }
#ceipil-textcontent > ul { margin: 0px 0px 0px 40px; padding: 0; list-style-type: none; }
#ceipil-textcontent > ul li { position: relative; margin: 15px auto; padding: 0; border: 0; list-style-type: none; }
#ceipil-textcontent > ul li:before { position: absolute; margin: 0; left: -1.8em; padding: 0; border: 0; font-family: 'FontAwesome'; content: "\f0ac"; font-size: 18px; color: #7fc3a8; display: inline-block; line-height: 25px; }
/**
 * 3.0 - Parámetros globales
 *
 * Parámetros globales de configuración del cuerpo del sitio.
 *
 */
body { background: url(images/ceipil-bg.jpg); color: #6b6a6a; font-size: 13px; font-family: 'Roboto', arial, helvetica, sans-serif; line-height: 23px; font-weight: 400; text-align: justify; }
strong { font-family: 'Roboto', arial, helvetica, sans-serif; font-weight: 700; }
em { font-family: 'Roboto', arial, helvetica, sans-serif; font-weight: 400; font-style: italic; }
a, a:link, a:visited { color: #444444; font-weight: 700; text-decoration: none; }
a:hover { color: #4bc2a5; font-weight: 700; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
h1 { font-size: 22px; font-family: 'Roboto', arial, helvetica, sans-serif; line-height: 30px; font-weight: 700; color: #5dc89e; margin: 10px 0px; }
h2 { font-size: 20px; font-family: 'Roboto', arial, helvetica, sans-serif; line-height: 30px; font-weight: 700; color: #5dc89e; margin: 10px 0px; }
h3 { font-size: 18px; font-family: 'Roboto', arial, helvetica, sans-serif; line-height: 30px; font-weight: 700; color: #5dc89e; margin: 10px 0px; }
h4 { font-size: 16px; font-family: 'Roboto', arial, helvetica, sans-serif; line-height: 30px; font-weight: 700; color: #5dc89e; margin: 10px 0px; }
h5 { font-size: 14px; font-family: 'Roboto', arial, helvetica, sans-serif; line-height: 30px; font-weight: 700; color: #5dc89e; margin: 10px 0px; }
h6 { font-size: 14px; font-family: 'Roboto', arial, helvetica, sans-serif; line-height: 30px; font-weight: 700; color: #5dc89e; margin: 10px 0px; }
h2.ceipil-maintitle { font-size: 20px; font-family: 'Roboto', arial, helvetica, sans-serif; line-height: 25px; font-weight: 500; color: #5dc89e; border-bottom: 1px solid #e2e3df; margin: 10px 0px 15px; text-transform: uppercase; }
h2.ceipil-maintitle::first-letter { font-size: 23px; }
h3.ceipil-article-title { font-size: 18px; font-family: 'Roboto', arial, helvetica, sans-serif; line-height: 25px; font-weight: 700; margin: 0px 0px 5px; color: #6b6a6a; }
h3.ceipil-publicaciones-title { font-size: 15.5px; font-family: 'Roboto', arial, helvetica, sans-serif; line-height: 25px; font-weight: 500; margin: 0px 0px 5px; color: #5dc89e; text-align: left; }
.chila-disclaimer { width: 60px; height: 35px; border: 0; padding: 0; margin: 0px 5px 0px 0px; float: right; background: url(images/chila-logodisclaimer.png) no-repeat center; }
a.h4-link:link, a.h4-link:visited, a.h4-link:active { font-size: 16px; font-family: 'Roboto', arial, helvetica, sans-serif; line-height: 30px; font-weight: 700; color: #5dc89e; background: url(images/ceipil-dotbarh.gif) repeat-x bottom left; margin: 10px 0px; text-decoration: none; }
a.h4-link:hover { font-size: 16px; font-family: 'Roboto', arial, helvetica, sans-serif; line-height: 30px; font-weight: 700; color: #5dc89e; background: url(images/ceipil-dotbarh.gif) repeat-x bottom left; margin: 10px 0px; }
.size-full { border: 5px solid #e2e2e2; padding: 0; text-align: center; margin: 10px; display: inline-block; background: transparent url(images/loading.gif) no-repeat center center; }
.size-medium { border: 5px solid #e2e2e2; padding: 0; margin: 10px 10px!important; text-align: center; display: inline-block; background: transparent url(images/loading.gif) no-repeat center center; }
.size-large { border: 5px solid #e2e2e2; padding: 0; margin: 10px 10px!important; text-align: center; display: inline-block; background: transparent url(images/loading.gif) no-repeat center center; }
.aligncenter { clear: both; text-align: center; }
.alignright { float: right; }
.ceipil-logo-acercade { width: 310px; height: 185px; border: 0; margin: 0; padding: 0; background: url(images/ceipil-acercadelogo.png) no-repeat center; float: right; }
/**
 * 4.0 - Mensaje: El navegador está desactualizado
 *
 * Mensaje a mostrar en navegadores viejos o desactualizados.
 * Aplica para IE en todas sus versiones.
 */
_:-ms-fullscreen, :root #outdated-browser { display: block; } /* Aplicar clase sólo si el navegador es IE */
.outdated-browser { background-color: #ffffff; padding: 10px 75px 10px 75px; border-top: 3px solid #cccccc; position: fixed; z-index: 5000; margin: 0 auto; width: 100%; bottom: 0; height: 140px; display: none; }
.outdated-wrapper { width: 100%; max-width: 1100px; margin: 0 auto; border: 0; z-index: 5000; font-family: 'Roboto', arial, helvetica, sans-serif; font-size: 13px; line-height: 20px; }
.outdated-title { font-family: 'Roboto', arial, helvetica, sans-serif; font-size: 23px; line-height: 28px; color: #b9322f; font-weight: 700; }
img.outdated-warning { width: 119px; height: 111px; border: 0; padding: 0; margin: 0 auto; background: transparent url(images/ceipil-outdated.jpg) no-repeat center; float: left; }
.browsers-list { margin-top: 0px; right: 0px; text-align: right; }
a.updateie, a.updateie:link, a.updateie:hover, a.updateie:active, a.updateie:visited { width: 35px; height: 35px; border: 0; padding: 35px 0px 0px 0px; margin: 0 auto; background: transparent url(images/icon_explorer.png) no-repeat right; display: inline-block; }
a.updatefirefox, a.updatefirefox:link, a.updatefirefox:hover, a.updatefirefox:active, a.updatefirefox:visited { width: 35px; height: 35px; border: 0; padding: 35px 0px 0px 50px; margin: 0 auto; background: transparent url(images/icon_firefox.png) no-repeat right; display: inline-block; }
a.updatechrome, a.updatechrome:link, a.updatechrome:hover, a.updatechrome:active, a.updatechrome:visited { width: 35px; height: 35px; border: 0; padding: 35px 0px 0px 50px; margin: 0 auto; background: transparent url(images/icon_chrome.png) no-repeat right; display: inline-block; }
a.updateopera, a.updateopera:link, a.updateopera:hover, a.updateopera:active, a.updateopera:visited { width: 35px; height: 35px; border: 0; padding: 35px 0px 0px 50px; margin: 0 auto; background: transparent url(images/icon_opera.png) no-repeat right; display: inline-block; }
a.updatesafari, a.updatesafari:link, a.updatesafari:hover, a.updatesafari:active, a.updatesafari:visited { width: 35px; height: 35px; border: 0; padding: 35px 0px 0px 50px; margin: 0 auto; background: transparent url(images/icon_safari.png) no-repeat right; display: inline-block; }
/**
 * 5.0 - Header
 *
 * Define la estructura del header y parámetros de cuerpo.
 *
 */
#ceipil-wrapper { width: 100%; max-width: 1200px; height: 100%; margin: 0 auto; padding: 0; }
#ceipil-wrapper-reduction { width: 100%; max-width: 1200px; height: 100%; margin: 0 auto; padding: 0px 25px; }
#ceipil-wrapper-in { width: 100%; padding: 0px 0px 10px; margin: 0 auto; text-align: center; }
#ceipil-wrapper-in-category { width: 100%; padding: 0px 0px 10px; margin: 0 auto; text-align: center; }
#ceipil-header { width: 100%; margin: 0 auto; padding: 3px 0px 0px; background: url(images/ceipil-bglgreen.jpg); position: fixed; top: 0; z-index: 999; }
#ceipil-header-logo { width: 100%; margin: 0; padding: 0; background-color: #ffffff; }
.ceipil-header-section.social { width: 160px; height: 100%; font-size: 10px; padding: 12px 0px 0px 8px; margin: 0; color: #b3b4b3; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; float: left; display: inline-block; }
.ceipil-header-section.logo { height: 100%; text-align: center; float: none; display: block; }
.ceipil-header-section.search { width: 160px; height: 100%; padding: 13px 8px 0px 0px; margin: 0; text-align: right; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; float: right; display: inline-block; }
.ceipil-logo { width: 270px; height: 97px; margin: 0 auto; padding: 0; background: url(images/ceipil-logo.png) no-repeat center; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
.ceipil-logo-min { width: 220px; height: 65px; margin: 0 auto; padding: 0; background: url(images/ceipil-logo-min.png) no-repeat center; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
.ceipil-logopng { width: 291px; height: 89px; margin: 0 auto; padding: 0; background: url(images/ceipil-logopng.png) no-repeat center; display: block; }
.cic-header-logo { width: 147px; height: 37px; margin: 0; padding: 0; background: url(images/ceipil-cicheader.jpg); background-position: center top; background-repeat: no-repeat; }
.cic-header-logo:hover { background: url(images/ceipil-cicheader.jpg); background-position: center bottom; background-repeat: no-repeat; }
.cic-header-logo.cic-min { width: 147px; height: 19px; }
.cic-header-logo.cic-min:hover { width: 147px; height: 19px; background-position: 0px -37px; }
#ceipil-header-menu { width: 100%; height: 35px; margin: 0; padding: 0; color: #ffffff; background: url(images/ceipil-bgshadow.png) no-repeat center top; }
.ceipil-hidden { display: none; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
.ceipil-visible { display: inline; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
.ceipil-header-sticky { height: 103px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
.ceipil-header-logo-sticky { height: 65px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
.ceipil-header-static { height: 135px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
.ceipil-header-logo-static { height: 97px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
.search-min { padding: 3px 8px 0px; text-align: right; float: right; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
.ceipil-header-section.social.min { font-size: 8px; padding: 2px 0px 0px 8px; color: #b3b4b3; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
.ceipil-header-section.social a, .ceipil-header-section.social a:link, .ceipil-header-section.social a:visited { color: #d5d5d5; font-weight: 500; text-decoration: none; }
.ceipil-header-section.social a:hover { color: #4bc2a5; text-decoration: none; }
/**
 * 6.0 - Slider
 *
 * Define las características visuales del slider.
 *
 */
#ceipil-slider { width: 100%; height: 240px; padding: 0; margin: 0 auto; overflow: hidden; }
@media screen and (max-width: 1024px) { #ceipil-slider { max-width: 983px; height: 200px; padding: 0; margin: 0 auto; overflow: hidden; } }
#ceipil-content { width: 100%; max-width: 1250px; padding: 0; margin: 135px auto 0px; }
.ceipil-content { background-image: url(images/ceipil-bgup.jpg), url(images/ceipil-bgdown.jpg); background-position: center top, center bottom; background-repeat: no-repeat, no-repeat; }
@media screen and (max-width: 1024px) { .ceipil-content { background-image: url(images/ceipil-bgup-min.jpg), url(images/ceipil-bgdown-min.jpg); background-position: center top, center bottom; background-repeat: no-repeat, no-repeat; } }
#ceipil-textcontent { text-align: justify; font-size: 13px; font-family: 'Roboto', arial, helvetica, sans-serif; line-height: 23px; font-weight: 400; min-height: 225px; }
#ceipil-textcontent p { padding: 0px 0px 15px; }
/**
 * 7.0 - Publicaciones
 *
 * Define el cuerpo de las publicaciones en novedades y la
 * pantalla principal del sitio.
 *
 */
.ceipil-article { width: 100%; max-width: 360px; min-height: 440px; padding: 0; margin: 10px 30px; background-color: #ffffff; display: inline-block; overflow: hidden; -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.05); -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.05); box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.05); border-radius: 8px; vertical-align: top; position: relative; }
@media screen and (max-width: 1024px) { .ceipil-article { max-width: 300px; } }
.ceipil-article:first-child { margin: 10px 0px; }
.ceipil-article:last-child { margin: 10px 0px; }
#ceipil-wrapper-in-category .ceipil-article, #ceipil-wrapper-in-category .ceipil-article:first-child, #ceipil-wrapper-in-category .ceipil-article:last-child { margin: 10px 20px; }
@media screen and (max-width: 1024px) { #ceipil-wrapper-in-category .ceipil-article, #ceipil-wrapper-in-category .ceipil-article:first-child, #ceipil-wrapper-in-category .ceipil-article:last-child { margin: 10px 8px; } }
.ceipil-article-thumbnail { width: 100%; max-height: 160px; padding: 0; margin: 0 auto; background: transparent url(images/loading.gif) no-repeat center center; position: relative; }
.post-thumbnail { width: 360px; height: 160px; border: 0; padding: 0; text-align: center; margin: 0 auto; display: block; }
.post-thumbnail-inside { width: 360px; height: 160px; border: 0; padding: 0; margin: 5px 20px 20px 0px; display: inline-block; float: left; border: 1px solid #b0b0b0; }
.post-nothumbnail { width: 360px; height: 160px; border: 0; padding: 0; text-align: center; margin: 0 auto; display: block; background: url(images/ceipil-nothumbnail.jpg) no-repeat center; }
.post-nothumbnail-inside { width: 360px; height: 160px; border: 0; padding: 0; margin: 5px 20px 20px 0px; display: inline-block; background: url(images/ceipil-nothumbnail.jpg) no-repeat center; float: left; border: 1px solid #e2e3df; }
@media screen and (max-width: 1024px) { .post-nothumbnail { width: 300px; height: 160px; border: 0; padding: 0; text-align: center; margin: 0 auto; display: block; background: url(images/ceipil-nothumbnail.jpg) no-repeat center; } }
.ceipil-article-arrow { width: 23px; height: 11px; padding: 0; margin: 0 auto; position: absolute; left: 20px; bottom: 0px; }
.ceipil-article-metadata { width: 100%; height: 30px; padding: 15px; font-size: 11px; line-height: 15px; }
.ceipil-article-metadata-footer { position: absolute; bottom: 0; left: 0; width: 100%; height: 50px; padding: 15px; font-size: 11px; line-height: 15px; text-align: left; }
.ceipil-article-metadata-category { width: 50%; float: left; text-align: left; }
.ceipil-article-metadata-date { width: 50%; float: right; text-align: right;}
.ceipil-article-resume { width: 100%; padding: 15px; font-size: 13px; font-family: 'Roboto', arial, helvetica, sans-serif; line-height: 23px; font-weight: 400; text-align: justify; }
.ceipil-btn, a.ceipil-btn, a.ceipil-btn:active, a.ceipil-btn:visited { cursor: pointer; font-size: 12px; letter-spacing: 0.5px; color: #fff; display: inline-block; text-align: center; padding: 3px 15px 2px; border-radius: 25px; background: url(images/ceipil-bglgreen.jpg); float: right; margin: 8px 0px 15px 0px; clear: left; }
a.ceipil-btn:hover { color: #ffffff; background: url(images/ceipil-bgbgreen.jpg); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.ceipil-btnlarge, a.ceipil-btnlarge, a.ceipil-btnlarge:active, a.ceipil-btnlarge:visited { cursor: pointer; font-size: 10px; line-height: 20px; letter-spacing: 0.5px; color: #ffffff; display: inline-block; text-align: center; padding: 3px 15px 0px; border-radius: 25px; background: url(images/ceipil-bglgreen.jpg); float: right; margin: 8px 0px 5px 0px; clear: left; }
a.ceipil-btnlarge:hover { color: #ffffff; background: url(images/ceipil-bgbgreen.jpg); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.ceipil-btnlarge-publicacion, a.ceipil-btnlarge-publicacion, a.ceipil-btnlarge-publicacion:active, a.ceipil-btnlarge-publicacion:visited { cursor: pointer; font-size: 10px; line-height: 20px; letter-spacing: 0.5px; color: #ffffff; display: inline-block; text-align: center; padding: 4px 15px 2px 10px; border-radius: 25px; background: url(images/ceipil-bglgreen.jpg); float: right; margin: 0px 40px 15px 0px; clear: left; position: absolute; right: 150px; bottom: 0; }
a.ceipil-btnlarge-publicacion:hover { color: #ffffff; background: url(images/ceipil-bgbgreen.jpg); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
@media screen and (max-width: 1024px) {
.ceipil-btnlarge-publicacion, a.ceipil-btnlarge-publicacion, a.ceipil-btnlarge-publicacion:active, a.ceipil-btnlarge-publicacion:visited { margin: 8px 10px 10px 0px; } }
.ceipil-btnlarge2, a.ceipil-btnlarge2, a.ceipil-btnlarge2:active, a.ceipil-btnlarge2:visited { cursor: pointer; font-size: 10px; line-height: 20px; letter-spacing: 0.5px; color: #ffffff; display: inline-block; text-align: center; padding: 3px 15px 2px; border-radius: 25px; background: url(images/ceipil-bglgreen.jpg); float: left; margin: 10px; position: absolute; left: 0; bottom: 0; }
a.ceipil-btnlarge2:hover { color: #ffffff; background: url(images/ceipil-bgbgreen.jpg); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.ceipil-publicaciones { width: 100%; max-width: 350px; padding: 0; margin: 10px 40px; background-color: #ffffff; display: inline-block; overflow: hidden; -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.05); -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.05); box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.05); border-radius: 8px; position: relative; }
@media screen and (max-width: 1024px) { .ceipil-publicaciones { max-width: 300px; } }
.ceipil-publicaciones:first-child { margin: 10px 0px; }
.ceipil-publicaciones:last-child { margin: 10px 0px; }
.ceipil-publicaciones-resume { width: 100%; max-width: 175px; height: 100%; margin: 0; padding: 15px; float: left; font-size: 12px; font-family: 'Roboto', arial, helvetica, sans-serif; line-height: 20px; text-align: justify; }
@media screen and (max-width: 1024px) { .ceipil-publicaciones-resume { max-width: 150px; } }
.ceipil-publicaciones-thumbnail { width: 100%; max-width: 175px; height: 240px; margin: 0; padding: 0; background: transparent url(images/loading.gif) no-repeat center center; float: left; position: relative; }
@media screen and (max-width: 1024px) { .ceipil-publicaciones-thumbnail { max-width: 150px; height: 206px; } }
.book-thumbnail { width: 175px; height: 240px; border: 0; padding: 0; text-align: center; margin: 0 auto; display: block; }
@media screen and (max-width: 1024px) { .book-thumbnail { width: 150px; height: 206px; } }
.ceipil-publicaciones-arrow { width: 11px; height: 23px; padding: 0; margin: 0 auto; position: absolute; left: 0px; top: 20px; }
.ceipil-proyectos { width: 100%; max-width: 200px; min-height: 215px; padding: 0; margin: 10px 11px; background: #ffffff url(images/ceipil-bgpaper.jpg) no-repeat bottom right; display: inline-block; overflow: hidden; -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); position: relative; }
@media screen and (max-width: 1024px) { .ceipil-proyectos { max-width: 200px; } }
.ceipil-proyectos:first-child { margin: 10px 11px 10px 0px; }
.ceipil-proyectos:last-child { margin: 10px 0px 10px 11px; }
.ceipil-proyectos .ceipil-proyectos-lineup { width: 100%; height: 25px; display: inline-block; background-color: #5a8a8c; padding: 0px 12px; margin: 0; text-align: left; }
.ceipil-proyectos-lineup a:link, .ceipil-proyectos-lineup a:active, .ceipil-proyectos-lineup a:visited { color: #ffffff; text-decoration: none; }
.ceipil-proyectos-lineup a:hover { color: #ffffff; text-decoration: none; }
.ceipil-proyectos-text { padding: 5px 12px 5px 12px; display: inline-block; margin: 0; }
/**
 * 8.0 - Links institucionales
 *
 * Asigna imágenes y características a la barra de links institucionales.
 *
 */
.ceipil-link-box { width: 135px; height: 90px; padding: 0; display: inline-block; -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.05); -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.05); box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.05); border-radius: 8px; }
.ceipil-link-box.unicen { margin: 0px 5px 0px 0px; background: url(images/ceipil-linkunicen.jpg); background-position: center top; background-repeat: no-repeat; }
.ceipil-link-box.conicet { margin: 0px 5px; background: url(images/ceipil-linkconicet.jpg); background-position: center top; background-repeat: no-repeat; }
.ceipil-link-box.agencia { margin: 0px 5px; background: url(images/ceipil-linkagencia.jpg); background-position: center top; background-repeat: no-repeat; }
.ceipil-link-box.minciencia { margin: 0px 5px; background: url(images/ceipil-linkminciencia.jpg); background-position: center top; background-repeat: no-repeat; }
.ceipil-link-box.humanas { margin: 0px 5px; background: url(images/ceipil-linkhumanas.jpg); background-position: center top; background-repeat: no-repeat; }
.ceipil-link-box.economicas { margin: 0px 5px; background: url(images/ceipil-linkeconomicas.jpg); background-position: center top; background-repeat: no-repeat; }
.ceipil-link-box.cic { margin: 0px 5px; background: url(images/ceipil-linkcic.jpg); background-position: center top; background-repeat: no-repeat; }
.ceipil-link-box.spu { margin: 0px 0px 0px 5px; background: url(images/ceipil-linkspu.jpg); background-position: center top; background-repeat: no-repeat; }
.ceipil-link-box.unicen:hover, .ceipil-link-box.conicet:hover, .ceipil-link-box.agencia:hover, .ceipil-link-box.minciencia:hover, .ceipil-link-box.humanas:hover, .ceipil-link-box.economicas:hover, .ceipil-link-box.cic:hover, .ceipil-link-box.spu:hover { background-position: center bottom; }
@media screen and (max-width: 1024px) { .ceipil-link-box { width: 110px; height: 75px; }
.ceipil-link-box.unicen { background: url(images/ceipil-linkunicen-min.jpg); }
.ceipil-link-box.conicet { background: url(images/ceipil-linkconicet-min.jpg); }
.ceipil-link-box.agencia { background: url(images/ceipil-linkagencia-min.jpg); }
.ceipil-link-box.minciencia { background: url(images/ceipil-linkminciencia-min.jpg); }
.ceipil-link-box.humanas { background: url(images/ceipil-linkhumanas-min.jpg); }
.ceipil-link-box.economicas { background: url(images/ceipil-linkeconomicas-min.jpg); }
.ceipil-link-box.cic { background: url(images/ceipil-linkcic-min.jpg); }
.ceipil-link-box.spu { background: url(images/ceipil-linkspu-min.jpg); } }
/**
 * 9.0 - Ver más
 *
 * Crea la línea en el link ver más de la pantalla principal.
 *
 */
.ceipil-groupline { display: table; width: 100%; }
.ceipil-grupoline-item { display: table-cell; }
.ceipil-grupoline-text, .ceipil-grupoline-text a, .ceipil-grupoline-text a:link, .ceipil-grupoline-text a:active, .ceipil-grupoline-text a:visited { white-space: nowrap; width: 1%; padding: 0px 10px; color: #5dc89e; font-size: 15px; font-family: 'Roboto', arial, helvetica, sans-serif; line-height: 20px; font-weight: 500; text-transform: uppercase; text-decoration: none; }
.ceipil-grupoline-text2, .ceipil-grupoline-text2 a, .ceipil-grupoline-text2 a:link, .ceipil-grupoline-text2 a:active, .ceipil-grupoline-text2 a:visited { white-space: nowrap; width: 1%; padding: 0px 0px 0px 10px; color: #5dc89e; font-size: 15px; font-family: 'Roboto', arial, helvetica, sans-serif; line-height: 20px; font-weight: 500; text-transform: uppercase; text-decoration: none; }
.ceipil-grupoline-text a:hover { color: #5dc89e; }
.ceipil-grupoline-text::first-letter { font-size: 17px; }
.ceipil-grupoline-line { border-bottom: 1px dotted #5dc89e; position: relative; top: -.8em; }
.ceipil-grupoline2 { border-bottom: 1px dotted #5dc89e; display: block; width: 100%; height: 1px; margin: 10px 0px 15px; }
/**
 * 10.0 - Footer
 *
 * Define las características visuales del footer.
 *
 */
#ceipil-prefooter { width: 100%; height: 23px; padding: 0; margin: 15px 0px 0px; background: url(images/ceipil-prefooter.jpg) no-repeat center bottom; }
#ceipil-footer-lineup { width: 100%; height: 4px; padding: 0; margin: 0; background: url(images/ceipil-bglgreen.jpg); }
#ceipil-footer { width: 100%; height: 160px; padding: 0; margin: 0; background: #ffffff url(images/ceipil-bgfooter.jpg) repeat-y right top; z-index: 49; }
#ceipil-footer-wrapper { width: 100%; max-width: 1200px; height: 100%; margin: 0 auto; padding: 0; background: url(images/ceipil-bglgreen.jpg); }
.ceipil-footer-section { width: 100%; max-width: 373px; height: 160px; margin: 0; padding: 4px 0px 0px; float: left; color: #ffffff; }
@media screen and (max-width: 1024px) { .ceipil-footer-section { max-width: 315px; } }
@media screen and (max-width: 1000px) { .ceipil-footer-section { max-width: 255px; } }
.ceipil-footer-section.menu { background: url(images/ceipil-bgmenu.jpg) no-repeat right bottom; text-align: justify; text-transform: uppercase; margin: 0; padding: 0; }
.ceipil-footer-logo { width: 99px; height: 160px; margin: 0; padding: 0; background: url(images/ceipil-footerlogo.jpg) no-repeat left bottom; float: left; }
.ceipil-quickmenu { float: left; margin: 4px 0px 0px 10px; font-size: 13px; line-height: 22px; }
.ceipil-footer-section.newsletter { background: url(images/ceipil-bgnewsletter.jpg) no-repeat right bottom; text-align: justify; font-size: 12px; line-height: 20px; }
.ceipil-footer-section.contacto { background: url(images/ceipil-bgcontacto.jpg) no-repeat right bottom; text-align: justify; margin: 0; padding: 4px 0px 0px; font-size: 12px; line-height: 28px; }
.ceipil-footer-section-divider { width: 40px; height: 160px; margin: 0; padding: 0; background: url(images/ceipil-footerbar.jpg) no-repeat center; float: left; }
@media screen and (max-width: 1024px) { .ceipil-footer-section-divider { width: 30px; } }
@media screen and (max-width: 1000px) { .ceipil-footer-section-divider { width: 20px; } }
#ceipil-footer-disclaimer { width: 100%; height: 50px; padding: 7px 0px 0px 30px; margin: 0; overflow: hidden; background: url(images/ceipil-bgbgreen.jpg); text-align: center; color: #ffffff; font-size: 11px; font-family: 'Roboto', arial, helvetica, sans-serif; line-height: 18px; -moz-box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1); position: relative; z-index: 50; }
#ceipil-footer-disclaimer a, #ceipil-footer-disclaimer a:link, #ceipil-footer-disclaimer a:visited { color: #ffffff; text-decoration: none; }
.ceipil-footer-section a, .ceipil-footer-section a:link, .ceipil-footer-section a:visited { color: #ffffff; font-weight: 500; text-decoration: none; }
.ceipil-footer-section a:hover { color: #3c7164; font-weight: 500; }
/**
 * 11.0 - Formularios
 *
 * Directivas de estilo para formularios.
 *
 */
form { margin: 0 auto; padding: 0; }
input, textarea, textarea option, select { font-family: 'Roboto', arial, helvetica, sans-serif; line-height: 23px; margin: 0; padding: 0; }
input:focus, textarea:focus { outline: none; }
#searchholder { border: 0; height: 26px; padding: 0; margin: 10px 0px 0px; vertical-align: top; }
.search-input { font-size: 12px; font-family: 'Roboto', arial, helvetica, sans-serif; line-height: 20px; background: #ffffff url(images/ceipil-bgsearch.jpg) no-repeat center right; border: 0; width: 150px; height: 18px; padding: 0px 25px 0px 5px; margin: 0; color: #b2b2b2; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
.newsletter-input { font-size: 12px; font-family: 'Roboto', arial, helvetica, sans-serif; line-height: 20px; background: #ffffff url(images/ceipil-bgnewsletterbtn.jpg) no-repeat center; border: 0; width: 224px; height: 35px; padding: 0px 40px 0px 12px; margin: 0 auto; font-weight: 500; color: #5dc89e; display: block; }
input.newsletter-submit { cursor: pointer; font-size: 12px; letter-spacing: 0.5px; color: #fff; display: block; text-align: center; padding: 3px 15px 2px; border-radius: 25px; background-color: #368b8d; margin: 6px auto; clear: left; border: 0; }
input.newsletter-submit:hover { cursor: pointer; font-size: 12px; letter-spacing: 0.5px; color: #fff; display: block; text-align: center; padding: 3px 15px 2px; border-radius: 25px; background-color: #368b8d; margin: 6px auto; clear: left; border: 0; }
/**
 * 12.0 - fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license
 *
 */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }
.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }
.fancybox-skin { position: relative; background-color: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.fancybox-opened { z-index: 8030; }
.fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }
.fancybox-outer, .fancybox-inner { position: relative; }
.fancybox-inner { overflow: hidden; }
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }
.fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: loquevendrarap; }
.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }
.fancybox-image { max-width: 100%; max-height: 100%; }
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url(/wp-content/themes/ceipil/fancybox/fancybox_sprite.png); }
#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; }
#fancybox-loading div { width: 44px; height: 44px; background: url(/wp-content/themes/ceipil/fancybox/fancybox_loading.gif) center center no-repeat; }
.fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; }
.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url(/wp-content/themes/ceipil/fancybox/blank.gif); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; }
.fancybox-prev { left: 0; }
.fancybox-next { right: 0; }
.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; }
.fancybox-prev span { left: 10px; background-position: 0 -36px; }
.fancybox-next span { right: 10px; background-position: 0 -72px; }
.fancybox-nav:hover span { visibility: visible; }
.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; }
/* Overlay helper */
.fancybox-lock { overflow: hidden !important; width: auto; }
.fancybox-lock body { overflow: hidden !important; }
.fancybox-lock-test { overflow-y: hidden !important; }
.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 9999; background: url(/wp-content/themes/ceipil/fancybox/fancybox_overlay.png); }
.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }
.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }
/* Title helper */
.fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; }
.fancybox-opened .fancybox-title { visibility: visible; }
.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; }
.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: 700; line-height: 24px; white-space: loquevendrarap; }
.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }
.fancybox-title-inside-wrap { padding-top: 10px; }
.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background-color: #000; background: rgba(0, 0, 0, .8); }
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5){
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url(/wp-content/themes/ceipil/fancybox/fancybox_sprite@2x.png); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ }
#fancybox-loading div { background-image: url(/wp-content/themes/ceipil/fancybox/fancybox_loading@2x.gif); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ }
}
/**
 * 13.0 - Botón volver arriba
 *
 * Muestra un botón para regresar a la parte
 * superior del sitio.
 *
 */
.ceipil-top { display: inline-block; height: 35px; width: 35px; position: fixed; bottom: 15px; right: 15px; overflow: hidden; text-indent: 100%; white-space: nowrap; border-radius: 25px; background: #3d9983 url(images/ceipil-iconarrow.png) no-repeat center 50%; visibility: hidden; opacity: 0; -webkit-transition: opacity .5s 0s, visibility 0s .5s; -moz-transition: opacity .5s 0s, visibility 0s .5s; -ms-transition: opacity .5s 0s, visibility 0s .5s; -o-transition: opacity .5s 0s, visibility 0s .5s; transition: opacity .5s 0s, visibility 0s .5s; z-index: 999; }
.ceipil-top.ceipil-is-visible, .ceipil-top.ceipil-fade-out, .no-touch .ceipil-top:hover { -webkit-transition: opacity .5s 0s, visibility 0s 0s; -moz-transition: opacity .5s 0s, visibility 0s 0s; -ms-transition: opacity .5s 0s, visibility 0s .5s; -o-transition: opacity .5s 0s, visibility 0s .5s; transition: opacity .5s 0s, visibility 0s 0s; }
.ceipil-top.ceipil-is-visible { visibility: visible; opacity: 1; }
.ceipil-top.ceipil-fade-out { opacity: .5; }
.no-touch .ceipil-top:hover { background-color: #3d9983; opacity: 1; }
@media screen and (max-width: 330px) { .ceipil-top { height: 30px; width: 30px; right: 8px; bottom: 8px; } }
@media screen and (max-width: 768px) { .ceipil-top { right: 20px; bottom: 20px; } }
@media screen and (max-width: 1024px) { .ceipil-top { height: 40px; width: 40px; right: 15px; bottom: 40px; } }
/**
 * 14.0 - Social media
 *
 * Define el estilo de los botones para
 * compartir en redes sociales (sólo en single).
 *
 */
.ceipil-redessociales { width: auto; height: 40px; text-align: right; margin: 20px auto 5px; padding: 8px 15px; background-color: #ffffff; overflow: hidden; display: inline-block; vertical-align: middle; border-radius: 4px; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); float: right; clear: both; }
img.ceipil-share-social { width: 98px; height: 25px; border: 0; padding: 0; margin: 0; background: transparent url(images/ceipil-iconshare.jpg) no-repeat center; }
a.social-dlc, a.social-dlc:link, a.social-dlc:hover, a.social-dlc:active, a.social-dlc:visited { width: 25px; height: 25px; border: 0; padding: 0; margin: 0px 5px 0px 5px; background: transparent url(images/ceipil-delicious.png) no-repeat right; display: inline-block; }
a.social-fb, a.social-fb:link, a.social-fb:hover, a.social-fb:active, a.social-fb:visited { width: 25px; height: 25px; border: 0; padding: 0; margin: 0px 5px 0px 5px; background: transparent url(images/ceipil-facebook.png) no-repeat right; display: inline-block; }
a.social-gplus, a.social-gplus:link, a.social-gplus:hover, a.social-gplus:active, a.social-gplus:visited { width: 25px; height: 25px; border: 0; padding: 0; margin: 0px 5px 0px 5px; background: transparent url(images/ceipil-googleplus.png) no-repeat right; display: inline-block; }
a.social-mail, a.social-mail:link, a.social-mail:hover, a.social-mail:active, a.social-mail:visited { width: 25px; height: 25px; border: 0; padding: 0; margin: 0px 5px 0px 5px; background: transparent url(images/ceipil-mail.png) no-repeat right; display: inline-block; }
a.social-mys, a.social-mys:link, a.social-mys:hover, a.social-mys:active, a.social-mys:visited { width: 25px; height: 25px; border: 0; padding: 0; margin: 0px 5px 0px 5px; background: transparent url(images/ceipil-myspace.png) no-repeat right; display: inline-block; }
a.social-pint, a.social-pint:link, a.social-pint:hover, a.social-pint:active, a.social-pint:visited { width: 25px; height: 25px; border: 0; padding: 0; margin: 0px 5px 0px 5px; background: transparent url(images/ceipil-pinterest.png) no-repeat right; display: inline-block; }
a.social-tw, a.social-tw:link, a.social-tw:hover, a.social-tw:active, a.social-tw:visited { width: 25px; height: 25px; border: 0; padding: 0; margin: 0px 5px 0px 5px; background: transparent url(images/ceipil-twitter.png) no-repeat right; display: inline-block; }
a.social-tumblr, a.social-tumblr:link, a.social-tumblr:hover, a.social-tumblr:active, a.social-tumblr:visited { width: 25px; height: 25px; border: 0; padding: 0; margin: 0px 5px 0px 5px; background: transparent url(images/ceipil-tumblr.png) no-repeat right; display: inline-block; }
a.social-yt, a.social-yt:link, a.social-yt:hover, a.social-yt:active, a.social-yt:visited { width: 25px; height: 25px; border: 0; padding: 0; margin: 0px 5px 0px 5px; background: transparent url(images/ceipil-youtube.png) no-repeat right; display: inline-block; }
a.social-rss, a.social-rss:link, a.social-rss:hover, a.social-rss:active, a.social-rss:visited { width: 25px; height: 25px; border: 0; padding: 0; margin: 0px 5px 0px 5px; background: transparent url(images/ceipil-rss.png) no-repeat right; display: inline-block; }
a.social-wp, a.social-wp:link, a.social-wp:hover, a.social-wp:active, a.social-wp:visited { width: 25px; height: 25px; border: 0; padding: 0; margin: 0px 5px 0px 5px; background: transparent url(images/ceipil-whatsapp.png) no-repeat right; display: inline-block; }
/**
 * 15.0 - Meta Slider
 *
 * Corrige estilo del slider en la página principal.
 *
 */
.metaslider .theme-default .nivo-controlNav { padding: 5px 0px 0px 0px; transition: none; }
.metaslider .theme-default .nivo-controlNav a { width: 13px; height: 13px; background: url(images/bullets.png) no-repeat; margin: 0px 4px; transition: none; }
.metaslider .theme-default .nivo-controlNav a.active { background-position: 0 -14px; transition: none; }
.metaslider .theme-default .nivo-directionNav a { background: url(images/arrows.png) no-repeat; }
.metaslider .theme-default a.nivo-nextNav { background-position: -30px 0px; }
.metaslider .theme-default .nivo-caption { position: absolute; max-width: 1200px; font-size: 11px; font-family: 'Roboto', arial, helvetica, sans-serif; line-height: 16px; text-align: right; left: 0px; bottom: 0px; background: #333333; background: -moz-linear-gradient(top, transparent 0%, #333333 150%); background: -webkit-linear-gradient(top, transparent 0%,#333333 150%); background: linear-gradient(to bottom, transparent 0%,#333333 150%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='transparent', endColorstr='#333333',GradientType=0 ); color: #f1f1f1; z-index: 8; padding: 5px 10px; overflow: hidden; display: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
/**
 * 16.0 - Navegación númerica entre página
 *
 * Define estilos para la numeración de página en la barra de navegación.
 *
 */
#ceipil-content-news-pagination li a, #ceipil-content-news-pagination li a:hover, #ceipil-content-news-pagination li.active a, #ceipil-content-news-pagination li.disabled { color: #fff; text-decoration:none; }
#ceipil-content-news-pagination li { display: inline; }
#ceipil-content-news-pagination li a, #ceipil-content-news-pagination li a:hover, #ceipil-content-news-pagination li.active a, #ceipil-content-news-pagination li.disabled { background-color: #4bc2a5; font-size: 11px; cursor: pointer; color: #fff; display: inline-block; text-align: center; margin: 14px 2px 12px 2px; padding: 2px 10px; border-radius: 4px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2); }
#ceipil-content-news-pagination li a:hover, #ceipil-content-news-pagination li.active a { background-color: #55c2bc; }
.ceipil-btn-pagination, a.ceipil-btn-pagination, a.ceipil-btn-pagination:visited { font-size: 11px; letter-spacing: 0.5px; cursor: pointer; color: #fff; display: inline-block; text-align: center; padding: 2px 15px; border-radius: 4px; border: 1px solid #6eb095; background: #4bc2a5; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; margin: 14px 0px 12px 10px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2); }
.ceipil-btn-pagination:hover { color: #ffffff; background-color: #55c2bc; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
/**
 * 17.0 - Estilos auxiliares
 *
 * Define estilos específicos para secciones.
 *
 */
.ceipil-nophoto { width: 125px; height: 125px; border: 0; }
.ceipil-nophoto-colab { width: 100px; height: 100px; border: 0; }
table#integrantes { color: #6b6a6a; font-size: 13px; font-family: 'Roboto', arial, helvetica, sans-serif; line-height: 23px; font-weight: 400; border-collapse: collapse; border-spacing: 0; width: 100%; margin: 0 auto; }
#integrantes td.right { width: 50%; vertical-align: middle; padding: 0px; text-align: center; }
#integrantes td.left { width: 50%; vertical-align: middle; padding: 0px; text-align: center; }
table#integrantes2 { color: #6b6a6a; font-size: 13px; font-family: 'Roboto', arial, helvetica, sans-serif; line-height: 23px; font-weight: 400; border-collapse: collapse; border-spacing: 0; width: 100%; margin: 0 auto; }
#integrantes2 td.right { width: auto; vertical-align: middle; padding: 10px 0px 10px 20px; }
#integrantes2 td.left { width: 100px; vertical-align: middle; padding: 10px 0px; }
table#libros { color: #6b6a6a; font-size: 13px; font-family: 'Roboto', arial, helvetica, sans-serif; line-height: 23px; font-weight: 400; border-collapse: collapse; border-spacing: 0; width: 100%; margin: 0 auto; text-align: center; }
#libros td { width: auto; vertical-align: middle; padding: 15px 0px; }
table#proyecto-posgrado { font-size: 13px; font-family: 'Roboto', arial, helvetica, sans-serif; line-height: 23px; font-weight: 400; border-collapse: separate; border-spacing: 15px; width: 90%; margin: 20px auto 12px; background-color: #fff; padding: 10px; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); border-radius: 10px; }
#proyecto-posgrado td.proyecto-title { padding: 0; font-size: 18px; line-height: 25px; font-weight: 700; font-style: italic; }
#proyecto-posgrado td.proyecto-area { padding: 0px 0px 0px 10px; font-weight: 400; font-style: italic; text-align: right; border-bottom: 1px dotted #999; height: 20px; line-height: 18px; }
#proyecto-posgrado td.proyecto-year { padding: 0px 0px 0px 10px; font-weight: 700; text-align: right; border-bottom: 1px dotted #999; height: 25px; line-height: 18px; }
#proyecto-posgrado td.proyecto-director { padding: 0px 0px 10px 10px; font-weight: 700; text-align: right; height: 20px; line-height: 25px; font-size: 15px; }
#proyecto-posgrado td.proyecto-abstract { width: 65%; padding: 10px 0px 0px 20px; border-left: 1px dotted #999; font-size: 12px; font-family: 'Roboto', arial, helvetica, sans-serif; line-height: 20px; }
table#proyecto-grado { font-size: 13px; font-family: 'Roboto', arial, helvetica, sans-serif; line-height: 23px; font-weight: 400; border-collapse: separate; border-spacing: 15px; width: 90%; margin: 20px auto 12px; background-color: #fff; padding: 10px; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); border-radius: 10px; }
#proyecto-grado td.proyecto-title { padding: 0; font-size: 18px; line-height: 25px; font-weight: 700; font-style: italic; }
#proyecto-grado td.proyecto-area { padding: 0px 0px 0px 10px; font-weight: 400; font-style: italic; text-align: right; border-bottom: 1px dotted #999; height: 20px; line-height: 18px; }
#proyecto-grado td.proyecto-year { padding: 0px 0px 0px 10px; font-weight: 700; text-align: right; border-bottom: 1px dotted #999; height: 25px; line-height: 18px; }
#proyecto-grado td.proyecto-director { padding: 0px 0px 10px 10px; font-weight: 700; text-align: right; height: 20px; line-height: 25px; font-size: 15px; }
#proyecto-grado td.proyecto-abstract { width: 65%; padding: 10px 0px 0px 20px; border-left: 1px dotted #999; font-size: 12px; font-family: 'Roboto', arial, helvetica, sans-serif; line-height: 20px; }
table#incentivo { font-size: 13px; font-family: 'Roboto', arial, helvetica, sans-serif; line-height: 23px; font-weight: 400; border-collapse: separate; border-spacing: 15px; width: 90%; margin: 20px auto 12px; background-color: #fff; padding: 10px; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); border-radius: 10px; }
#incentivo td.proyecto-title { padding: 0; font-size: 18px; line-height: 25px; font-weight: 700; font-style: italic; color: #5dc89e; }
#incentivo td.proyecto-area { padding: 0px 0px 0px 10px; font-weight: 400; font-style: italic; text-align: right; border-bottom: 1px dotted #999; height: 70px; line-height: 18px; }
#incentivo td.proyecto-year { padding: 0px 0px 0px 10px; font-weight: 700; text-align: right; border-bottom: 1px dotted #999; height: 50px; line-height: 18px; }
#incentivo td.proyecto-director { padding: 0px 0px 10px 10px; font-weight: 700; text-align: right; height: 50px; line-height: 25px; font-size: 15px; }
#incentivo td.proyecto-abstract { width: 50%; padding: 10px 0px 0px 20px; border-left: 1px dotted #999; font-size: 12px; font-family: 'Roboto', arial, helvetica, sans-serif; line-height: 20px; }
/**
 * 18.0 - Ventana emergente contenidos dinámicos
 *
 * Define el estilo de las ventanas emergentes para contenido dinámico.
 *
 */
.ceipil-modal { position: fixed; top: 46%; left: 50%; width: 900px; height: 500px; z-index: 2000; visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); filter: blur(0); -webkit-filter: blur(0); }
.ceipil-show { visibility: visible; }
.ceipil-overlay { position: fixed; width: 100%; height: 100%; visibility: hidden; top: 0; left: 0; z-index: 1000; opacity: 0; background: rgba(120,120,120,0.5); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.ceipil-show ~ .ceipil-overlay { opacity: 1; visibility: visible; }
.ceipil-modal-content { color: #fff; background: url(images/ceipil-bglgreen.jpg); position: relative; margin: 0 auto; border-radius: 8px; }
.ceipil-modal-content h3 { margin: 0; padding: 0.4em; text-align: center; font-size: 2.4em; font-weight: 300; opacity: 0.8; background: rgba(0,0,0,0.1); border-radius: 3px 3px 0 0; }
.ceipil-modal-content > div { padding: 15px 40px 30px; margin: 0; font-weight: 300; font-size: 1.15em; }
.ceipil-modal-content > p { margin: 0; padding: 10px 40px!important; }
.ceipil-modal-content > div ul { margin: 0; padding: 0 0 30px 20px; }
.ceipil-modal-content > div ul li { padding: 5px 0; }
.ceipil-modal-content button { display: block; margin: 0 auto; font-size: 0.8em; }
.ceipil-effect .ceipil-modal-content { -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); transform: scale(2); opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.ceipil-show.ceipil-effect .ceipil-modal-content { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; }
button.ceipil-trigger { width: 200px; height: 150px; padding: 0; color: #ffffff; font-family: 'Roboto', arial, helvetica, sans-serif; font-weight: 700; font-size: 20px; display: inline; margin: 20px 50px; }
button.ceipil-trigger.cspoliticas { background: url(images/ceipil-cienciaspoliticas.png) no-repeat center; width: 200px; height: 200px; border: 0px; text-indent: 100%; white-space: nowrap; overflow: hidden; -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1); box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1); border-radius: 8px; }
button.ceipil-trigger.sociologia { background: url(images/ceipil-sociologia.png) no-repeat center; width: 200px; height: 200px; border: 0px; text-indent: 100%; white-space: nowrap; overflow: hidden; -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1); box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1); border-radius: 8px; }
#ceipil-modal-header { width: 100%; height: 75px; font-family: 'Roboto', arial, helvetica, sans-serif; font-weight: 700; font-size: 20px; text-align: right; background: #fff url(images/ceipil-logo-min.png) no-repeat 35px center; padding: 0px 40px; line-height: 100px; color: #6b6a6a; margin: 0px 0px 10px; border-radius: 8px 8px 0px 0px; }