/* Theme Name: GRADE Theme URI: http://www.grade.org.pe Author: Javier Yamashita Author URI: http://www.sysnet2.com/jyk/portafolio.htm Description: Tema personalizado para el portal web de GRADE. Version: 1.0 */ @import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,400,600,700,800); @import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:300,700); @import url(http://fonts.googleapis.com/css?family=Oswald:400,700); * { margin:0; padding:0; border:0; outline:0; } body { font-family:Arial; font-size:13px; color:#333; background:#FFF; min-width:990px; background:url('images/strip-black50.png'); } h1, h2, h3, h4, h5, b, strong, th { font-weight:700; margin:0; } ul, ol { list-style:none; } a { color:#333; text-decoration:none; } img { background:url('images/strip-black10.png'); } .hidden { display:none !important; } .clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; } .clearfix { display:inline-block; } * html .clearfix { height:1%; } .clearfix { display:block; } .cap { text-transform:capitalize; } .nofoto { background:#ECECEC url('images/nofoto.png') no-repeat 50% 50%; } .inner { position:relative; width:960px; margin:0 auto; } #topbar { background:#CCCEAD; background:#333; } #topbar .inner { height:30px; } #topbar-menu { float:right; border-right:1px solid #FFF; margin:5px 15px 0 0; /*padding-right:15px;*/ } #topbar-menu li { float:left; display:inline; font-size:12px; height:30px; line-height:30px; margin-left:15px; } #topbar-menu li a { float:left; display:block; color:#333; } #topbar-menu li a:hover { color:#59600C; } #topbar-menu li.qtranxs-lang-menu > a { display:none; } #topbar-menu li.qtranxs-lang-menu li { margin-left:0; } #search { float:right; margin-top:10px; } #header #search { float:none; position:absolute; top:48px; right:0; margin:0; } #search input { float:left; padding:5px; margin-left:5px; font-family:Arial; font-size:12px; border:1px solid #CDCDCD; border-right:0 none; } #search input.btn { width:30px; margin:0; border-left:0 none; border-right:1px solid #CDCDCD; background:#FFF url('images/search-icon.png') no-repeat 50% 50%; text-indent:-9999px; cursor:pointer; } .search-highlight { background:#FFF6D0; } #social { float:right; margin:5px 0 0 0; padding-right:10px; border-right:1px solid #FFF; } #social { padding-right:0; } #social li { float:left; height:30px; } #social li a { float:left; display:block; height:100%; background:url('images/social-icons.png') no-repeat; text-indent:-9999px; } #social li.rss a { width:26px; background-position:0px -30px; } #social li.twitter a { width:30px; background-position:-26px -30px; } #social li.facebook a { width:18px; background-position:-56px -30px; } #social li.youtube a { width:27px; background-position:-74px -30px; } #social li.ustream a { width:26px; background-position:-101px -30px; } #social li.issuu a { width:26px; background-position:-127px -30px; } #social li.scribd a { width:24px; background-position:-153px -30px; } #social li.flickr a { width:27px; background-position:-176px -30px; } #social li.soundcloud a { width:28px; background-position:-202px -30px; } #social li.slideshare a { width:26px; background-position:-230px -30px; } #social li.rss a:hover { background-position:0px bottom; } #social li.twitter a:hover { background-position:-26px bottom; } #social li.facebook a:hover { background-position:-56px bottom; } #social li.youtube a:hover { background-position:-74px bottom; } #social li.ustream a:hover { background-position:-101px bottom; } #social li.issuu a:hover { background-position:-127px bottom; } #social li.scribd a:hover { background-position:-153px bottom; } #social li.flickr a:hover { background-position:-176px bottom; } #social li.soundcloud a:hover { background-position:-202px bottom; } #social li.slideshare a:hover { background-position:-230px bottom; } #header { background:#FFF; } #header .inner { height:90px; } #logo { position:absolute; top:15px; left:5px; width:310px; height:60px; background:url('images/logo-grade.png') no-repeat; z-index:99; } #logo a { display:block; width:100%; height:100%; text-indent:-9999px; } /* #menu { height:40px; background:#333; z-index:99; } #menu li { float:left; display:block; height:40px; } #menu li:first-child { } #menu li a { float:left; display:block; line-height:40px; height:40px; font-family:Arial; font-size:12px; color:#FFF; text-transform:uppercase; padding:0 14px; } #menu li:last-child a { padding-right:0; } #menu li a:hover { color:#747919; } #menu li.current a, #menu li.current-menu-item a, #menu li.current-page-ancestor a { background:#333; color:#747919; } #menu ul ul { display:none; } */ #menu { height:40px; background:#333; z-index:99; } #menu li { position:relative; float:left; display:block; height:40px; } #menu li:first-child { } #menu li a { float:left; display:block; line-height:40px; height:40px; font-family:Arial; font-size:12px; color:#FFF; text-transform:uppercase; /*padding:0 14px;*/ padding:0 13px; } /*#menu li:last-child a { padding-right:0; }*/ #menu li a:hover { color:#747919; color:#FFF; } #menu li.current a, #menu li.current-menu-item a, #menu li.current-page-ancestor a, #menu li.current-menu-ancestor a, #menu li.current-menu-parent a { background:#333; color:#747919; color:#FFF; background:#747919; } #menu ul li:hover { background:#747919; color:#fff; } #menu ul ul { position:absolute; left:0; top:40px; z-index:9999; background:#747919; min-width:220px; display:none; opacity: 0; visibility: hidden; -webkit-transiton: opacity 0.2s; -moz-transition: opacity 0.2s; -ms-transition: opacity 0.2s; -o-transition: opacity 0.2s; -transition: opacity 0.2s; } #menu li:last-child ul { left:auto; right:0; } #menu ul ul li, #menu ul ul li a { float:none; height:auto; } #menu ul ul li a { line-height:16px; text-transform:none; padding:8px 13px !important; color:#FFF; } #menu ul ul li a:hover, #menu li.current li a:hover, #menu li.current-menu-item li a:hover, #menu li.current-page-ancestor li a:hover, #menu li.current-menu-ancestor li a:hover, #menu li.current-menu-parent li a:hover { color:#FFF; background:#7A7f1C; } #menu ul li:hover ul { display: block; opacity: 1; visibility: visible; } #menu ul ul ul{ position:absolute; left:300px; top:0px; z-index:9999; background:#747919; min-width:220px; display:none; opacity: 0; visibility: hidden; -webkit-transiton: opacity 0.2s; -moz-transition: opacity 0.2s; -ms-transition: opacity 0.2s; -o-transition: opacity 0.2s; -transition: opacity 0.2s; } #content-top { /*background:url('images/strip-black25.png');*/ } #content-top .inner { } #slideshow { height:300px; background:#CDCDCD; } #slides { position:relative; width:958px; height:300px; border-left:1px solid #CDCDCD; border-right:1px solid #CDCDCD; overflow:hidden; } #slides .slides_container { position:relative; width:958px; height:300px; overflow:hidden; } #slides .slide { position:absolute; width:958px; height:300px; display:block; z-index:0; background:#FFF } #slides .slide-prev, #slides .slide-next { position:absolute; top:50%; width:24px; height:48px; text-indent:-9999px; margin-top:-24px; background:url('images/slideshow-arrows.png') no-repeat; } #slides .slide-prev { left:-24px; } #slides .slide-next { right:-24px; background-position:right 0; } #slides .slide-prev:hover, #slides .slide-next:hover { opacity:0.75; } #slides .pagination { position:absolute; bottom:20px; right:20px; z-index:100; } #slides .pagination li { display:inline-block; width:13px; height:13px; overflow:hidden; margin:0 1px; background:transparent; } #slides .pagination li a { float:left; display:block; width:13px; height:0; padding-top:13px; background:url('images/slides-pagination.png') no-repeat 0 0; overflow:hidden; } #slides .pagination li a:hover { background-position:0 -26px } #slides .pagination li.current a, #slides .pagination li.current a:hover { background-position:0 -13px } #slides .slide-mask { position:absolute; width:638px; height:300px; /*background:url('images/strip-black.png'); opacity:0.4;*/ z-index:97; } #slides .imagewrap { position:absolute; top:0; width:638px; height:300px; overflow:hidden; } #slides .caption { z-index:3; position:absolute; top:0; right:0; width:280px; height:318px; padding:20px; color:#FFF; background:#333; } #slides .caption h2 { font-size: 20px !important; line-height: 1.2em; margin-top:15px; margin-bottom: 10px !important; /*letter-spacing: -1px;*/ text-transform:uppercase; } #slides .caption a { color:#FFF; } #slides .caption a:hover { color:#E6E6E6; } #slides .caption p { font-size:15px; margin-bottom:15px; } #slides .caption .mas { display:none; } #slides .caption .mas a { background:#333333; color:#FFF; padding:5px 10px; } #slides .caption .mas a:hover { background:#e5bb00; color:#333; } #slides .slide-caption .meta { font-size:12px; color:#FFF; } #slides .slide-caption .fecha { background:transparent url('images/icon-date.png') no-repeat -3px top; padding:5px 0 5px 26px; } #galeria { position:relative; margin-bottom:20px; } #galeria .caption { position:absolute; bottom:0; width:100%; background:#CDCDCD; } #galeria .caption p { font-size:11px; margin:0; padding:10px; } #galeria .pagination { list-style:none; margin:10px 0 0 0; text-align:right; } #galeria .pagination li { display:inline-block; width:12px; height:12px; overflow:hidden; } #galeria .pagination li a { display:block; width:100%; height:100%; text-align:left; text-indent:-9999px; background:url('images/galeria-pagination.png') no-repeat; } #galeria .pagination li a:hover { background-position:0 -12px; } #galeria .pagination li.current a { background-position:0 bottom; } #areas { position:relative; width:960px; height:213px; } #areas h2 { background:#333; font-size:16px; color:#FFF; text-transform:uppercase; padding:10px 15px; display:none; } #areas ul { list-style:none; display:block; width:960px; height:313px; border-left:1px solid #CDCDCD; overflow:hidden; } #areas li { float:left; position:relative; display:block; width:209px; border-right:1px solid #CDCDCD; height:183px; padding:15px; background:#FFF; } #areas li:hover { background:#FFF; } #areas li img { display:block; width:209px; height:86px; margin-bottom:10px; } #areas li:first-child, #areas li:first-child img { width:209px; } #areas li h3 { display:block; font-size:16px; line-height:18px; text-transform:uppercase; letter-spacing:-1px; padding-left:20px; text-indent:-20px; } #areas li h3 span { float:left; display:inline-block; width:20px; } #areas li h3 a { color:#333; } #areas li:hover h3 a, #areas li h3 a:hover { color:#333; } #areas li p { display:none; } #areas li .mas { clear:both; position:absolute; right:15px; bottom:15px; display:block; width:13px; height:8px; background:url('images/mas-flecha.png') no-repeat; text-indent:-9999px; } #areas a:hover { color:#59600C !important; } #areas.responsive { width:auto; margin-left:0; } #areas .prev, #areas .next { position:absolute; top:50%; margin-top:-18px; background:url('images/areas-nav.png') no-repeat transparent; width:36px; height:36px; display:block; z-index:99999; } #areas .prev { left:-18px; background-position:left top; opacity:0.53; } #areas .prev:hover { opacity:1; } #areas .prev.disabled { opacity:0.2; } #areas .next { right:-18px; background-position:right top; opacity:0.53; } #areas .next:hover { opacity:1; } #areas .next.disabled { opacity:0.2; } #areas .prev.disabled, .planos-carrusel .next.disabled { cursor:default; } #areas .prev span, #areas .next span { display:none; } #content { /*border-top:1px solid #CDCDCD;*/ border-bottom:1px solid #CDCDCD; } #content .inner { width:958px; background:#FFF; border-left:1px solid #CDCDCD; border-right:1px solid #CDCDCD; border-top:1px solid #CDCDCD; } #mainbar { float:right; width:717px; border-left:1px solid #CDCDCD; } #sidebar { float:left; width:240px; } #home #mainbar { float:left; width:637px; border-right:1px solid #CDCDCD; border-left:0 none; } #home #sidebar { float:right; width:320px; } .block { padding:15px; } .block a:hover { color:#747919; } .block h2 { background:#333 !important; font-size:18px; color:#FFF; text-transform:uppercase; } .block h2.linked { padding:0; } .block h2.linked a { display:block; color:#FFF; padding:5px 10px; background:#333; } .block h2.linked a:hover { background:#747919; } .block h3 { font-size:12px; text-transform:uppercase; /*letter-spacing:-1px;*/ } .block .todos { padding-top:10px; } .block-footer { border-top:1px solid #333; } /*.archive { list-style:none; margin-left:0; }*/ .archive img { float:left; display:inline-block; width:70px; margin-right:15px; padding:4px; border:1px solid #CDCDCD; } .archive li { padding:15px 0; border-bottom:1px solid #CDCDCD; } .archive li:last-child { border-bottom:0 none; } .archive a { font-weight:700; color:#333; } .archive a:hover { text-decoration:underline !important; } .archive li:hover a img, .archive a:hover img { background:#CDCDCD; } .item-head { margin-bottom:10px; } .item-image { float:right; width:150px; margin-left:0; } .item-image span { position:absolute; bottom:0; right:0; width:36px; height:24px; z-index:2; background:url('images/noticias-icons.png') no-repeat; } .item-image span.video, .item-image span.video2 { background-position:0 0px; } .item-image span.foto { background-position:0 -24px; } .item-image span.audio { background-position:0 -48px; } .item-image span.entrevista { background-position:0 -72px; } .item-image span.streaming { background-position:0 -96px; } .item-image span.foto2 { background-position:0 -24px; right:36px; } .item-image img { float:none; display:block; width:auto; height:auto; margin:0; padding:0; border:0; } .item-desc { float:left; width:582px; font-size:13px; } /*.item-desc .meta { margin:0; padding:5px; background:#F5F5F5; }*/ .item-desc a { font-weight:normal; text-decoration:underline; } .item-desc a:hover { text-decoration:none; } .item-desc h4 { text-transform:uppercase; } .item-desc h4 a { font-weight:700; text-decoration:none; } .archive-wide .item-desc, .item-desc-wide { float:none; width:auto !important; } #tools { background:#F5F5F5; border-bottom:1px solid #CDCDCD; } #tools #search { float:none; margin-top:0; } #tools #search input { float:left; width:170px; padding:5px 5px; margin-left:0; font-family:Arial; border:1px solid #CDCDCD; border-right:0 none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #tools #search input.btn { width:30px; margin:0; border-left:0 none; border-right:1px solid #CDCDCD; background:#FFF url('images/search-icon.png') no-repeat 50% 50%; text-indent:-9999px; cursor:pointer; } #tools #filter { margin-top:10px; } #tools form br { clear:both; } #tools label { float:left; width:auto; line-height:26px; margin-right:5px; } #tools select { float:left; width:auto; padding:3px 5px; margin-left:0; font-family:Arial; border:1px solid #CDCDCD; } #archive-investigadores .item-image, .archive-personal .item-image { float:left; width:135px; } #archive-investigadores .item-desc, .archive-personal .item-desc { width:515px; } #archive-noticias .item-image, #area-noticias .item-image, .archive-noticia .item-image { float:left; width:180px; height:120px; } #archive-noticias .item-image a, #area-noticias .item-image a, .archive-noticia .item-image a { position:relative; display:block; width:100%; height:100%; } #archive-noticias .item-image img, #area-noticias .item-image img, .archive-noticia .item-image img { position:absolute; width:180px; height:120px; z-index:1; } #archive-noticias .item-desc, #area-noticias .item-desc, .archive-noticia .item-desc { float:right; width:493px; } #archive-boletines .item-image, .archive-boletin .item-image { float:left; width:150px; height:190px; } #archive-boletines .item-image a, .archive-boletin .item-image a { position:relative; display:block; width:100%; height:100%; } #archive-boletines .item-image img, .archive-boletin .item-image img { position:absolute; width:150px; height:190px; z-index:1; } #archive-boletines .item-desc, .archive-boletin .item-desc { float:right; width:523px; } #archive-eventos #tools { border-top:1px solid #CDCDCD; } #archive-eventos .item-image, #area-eventos .item-image { float:left; width:180px; height:120px; } #archive-eventos .item-image a, #area-eventos .item-image a { position:relative; display:block; width:100%; height:100%; } #archive-eventos .item-image img, #area-eventos .item-image img { position:absolute; width:180px; height:120px; z-index:1; } #archive-eventos .item-desc, #area-eventos .item-desc { float:right; width:493px; } #area-noticias .item-desc, #area-eventos .item-desc { width:328px; } #area-noticias .item-desc h5, #area-eventos .item-desc h5 { text-transform:none; } #archive-publicaciones #sidebar { background:#F5F5F5; } #filters { padding:15px; background:#F5F5F5; } .block-filter { margin-bottom:10px; } .block-filter h3 { padding:5px 0; color:#333; text-transform:uppercase; } .filter-content { max-height:100px; padding-right:30px; border:1px solid #CDCDCD; background:#FFF; overflow-y:auto; } .filter-content a { display:block; padding:0 5px; } #page-alianzas .item-image { padding-top:20px; } #proyectos-alianzas-y-redes-interinstitucionales .item-desc { width:520px; } #proyectos-alianzas-y-redes-interinstitucionales .item-image { padding-top:40px; text-align:center; } #proyectos-alianzas-y-redes-interinstitucionales .item-image img { display:inline-block; } .meta { font-size:11px !important; font-family:Arial, sans-serif; line-height:15px; margin-bottom:10px !important; text-align:left !important; } .meta span { display:inline; background-repeat:no-repeat; background-position:left center; padding-left:10px; margin-right:10px; } .meta .fecha, .meta .hora { background-image:url('images/icon-mini-hora.png'); padding-left:12px; } .meta .ano { background-image:url('images/icon-mini-ano.png'); padding-left:13px; } .meta .lugar { font-style:italic; background-image:url('images/icon-mini-lugar.png'); } .meta .autor { font-style:italic; background-image:url('images/icon-mini-autor.png'); padding-left:13px; } .meta .autor b { font-weight:normal; } .meta .tag { background-image:url('images/icon-mini-tag-black.png'); padding-left:13px; /*white-space:nowrap;*/ } .meta span a, .meta-pub span a { font-weight:normal; text-decoration:underline !important; } .meta span a:hover, .meta-pub span a:hover { text-decoration:none !important; } .leermas a { text-decoration:none !important; } .leermas a:hover { text-decoration:underline !important; } .todos { float:right; } .todos a { font-weight:700; color:#333; padding-right:20px; background:url('images/mas-flecha.png') no-repeat right 50%; } #publicaciones .archive .meta { margin-bottom:5px; } #fullbar { border-bottom:1px solid #CDCDCD; } #fullbar .block { position:relative; float:left; width:288px; margin-bottom:0; padding:15px; } /*#fullbar .block-content { height:300px; }*/ #fullbar .archive li:last-child, .calendar li:last-child { border-bottom:0 none; } #eventos { } .calendar li { position:relative; border-bottom:1px solid #CDCDCD; } .calendar .evento-fecha { position:absolute; left:0; top:0; display:block; padding:10px 0 0 5px; font-weight:bold; font-family:'Oswald', sans-serif; } .calendar .evento-dia { font-size:24px; line-height:110%; } .calendar .evento-dia span { font-size:10px; line-height:100%; vertical-align:super; } .calendar .evento-mes { /*float:left;*/ display:block; font-size:14px; text-transform:uppercase; } .calendar .evento-desc { padding:15px 5px 15px 50px; font-size:12px; } .calendar .evento-desc h3 { font-size:12px; text-transform:uppercase; } .calendar .evento-desc .meta { margin-bottom:0 !important; } #sidebar-banners img { margin-bottom:15px; } #sidebar-banners img.last { margin-bottom:0; } #novedades { width:290px; border-left:1px solid #CDCDCD; border-right:1px solid #CDCDCD; } #novedades .archive li { position:relative; padding:0; } #novedades .archive li img { position:absolute; top:15px; left:5px; width:48px; height:48px; } #novedades .archive li .novedad-desc { padding:15px 5px 15px 70px; font-size:12px; } #novedades .archive li .novedad-desc h3 { font-size:12px; text-transform:uppercase; /*margin-bottom:10px;*/ } #novedades .archive li .novedad-desc .meta { margin:0 !important; } #aportes .block-content { padding:0 5px; text-align:center; } #aportes h3 { padding-top:15px; } #aportes img { margin:15px auto; } #banners { padding:15px 0 15px 15px; border-top:1px dashed #CDCDCD; border-bottom:1px dashed #CDCDCD; display:none; } #banners img { float:left; display:inline-block; width:218px; border:1px solid #CDCDCD; margin-right:15px; } /* Publicaciones */ /* Tabs */ .tabs_wrapper { } #tabs_container { position:relative; display:block; height:27px; margin:15px 0; z-index:1; } /* Tabs */ .tabs li { float:left; list-style-type:none !important; margin:0 10px 0 0 !important; padding:0 important; } .tabs li:last-child { margin:0 !important; } .tabs li a { float:left; display:block; font-size:12px; line-height:28px; font-family:Arial, sans-serif; color:#333; text-decoration:none !important; text-transform:uppercase; border-bottom:1px solid #FFF; } .tabs li a:hover { color:#333; border-bottom:1px solid #333; } .tabs li.active a { color:#747919; border-bottom:1px solid #747919; } .tabs li.last a { } /* Tabs Content */ #tabs_content_container { clear:both; position:relative; display:block; z-index:999; } .tab_content { display:none; padding:0 5px 0 0; } .tab_content ul, .tab_content li { margin:0; padding:0; } .tab_content ul.archive li { padding:15px 0; } .tab_content p { text-align:justify; } .tab_content a:hover { color:#747919; } #publicaciones_tabs .tab_content ul { clear:both; list-style:none; border-bottom:1px solid #CDCDCD; } #publicaciones_tabs .tab_content ul.archive li { float:left; width:270px; min-height:192px; padding:15px; border-bottom:0 none; } #publicaciones_tabs .tab_content ul.archive li img { width:80px; margin-right:0; } #publicaciones_tabs .tab_content ul.archive li .pub-desc { float:right; width:165px; } #publicaciones_tabs .tab_content ul.archive li h3 { margin-bottom:5px; } #publicaciones_tabs .tab_content ul.archive li p { text-align:left; } #publicaciones_tabs .tab_content ul.archive li p.extracto { display:none; } #publicaciones_tabs .tab_content ul.archive li p.meta { display:block; clear:both; padding-top:15px; } #publicaciones_tabs .tab_content ul.archive li p.meta a { font-weight:normal; } .publicacion-referencia { background:#EFEFEF; margin-bottom:15px; padding:15px; font-weight:bold; } .publicacion-referencia p { margin-bottom:0 !important; } #home #sidebar .block { border-bottom:1px dashed #CDCDCD; } #sidebar #videos { border-bottom:0px none !important; } #sidebar #videos img { width:290px; } .videos li { padding:5px; border-bottom:1px solid #CDCDCD; } .videos li a { color:#333; } .videos li a:hover, .videos li.currentvideo a { color:#747919; } .videos li.currentvideo a { font-weight:700; } /**************************************** ************ PÁGINAS INTERNAS *********** *****************************************/ #cabecera-imagen { position:relaitve; width:958px; height:178px; overflow:hidden; border-left:1px solid #CDCDCD; border-right:1px solid #CDCDCD; } #cabecera-imagen .mask, #cabecera-imagen img,#cabecera-imagen h2 { position:absolute; } #cabecera-imagen .mask { position:absolute; width:958px; height:178px; background:url('images/strip-black.png'); opacity:0.4; z-index:97; } #cabecera-imagen img { } #cabecera-imagen h2 { left:15px; bottom:15px; width:45%; font-size:30px; text-transform:uppercase; /*letter-spacing:-1px;*/ text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.75); background:#FFF; padding:12px 50px 12px 15px; z-index:98; } .breadcrumb { border-bottom:1px solid #CDCDCD; } .breadcrumb a, .breadcrumb b, .breadcrumb a.current-item { display:inline-block; padding:5px 15px; border-right:1px dashed #CDCDCD; } .breadcrumb b, .breadcrumb a.current-item, .breadcrumb a:last-child { border-right:0 none; font-weight:bold; } .main { font-size:13px; padding:15px; min-height:400px; } .main h3, main h4, .main h5, .main p, .main ol, .main ul, .main table, .main iframe { margin-bottom:15px; } .main h3 { font-weight:bold !important; display:block; max-width:70%; text-transform:uppercase; letter-spacing:-1px; } .main p.intro { font-weight:600; } .main p { text-align:justify; } .main ol, .main ul { margin-left:25px; } .main ol { list-style:decimal; } .main ul { list-style:square; } .main a { color:#747919; text-decoration:underline; } .main a:hover { text-decoration:none; } .table li { padding:5px 0; border-bottom:1px dashed #CDCDCD; } .table li:last-child { border:0 none; } .grid { list-style:square; list-style-position:inside; } .grid li { padding:5px 8px; } .odd { background:#F2F2F2; } .pub-archive li { float:left; width:132px; margin:0 30px 30px 0; } .pub-archive li img { display:block; width:130px; height:170px; border:1px solid #CDCDCD; margin-bottom:5px; } .pub-archive li span { display:block; width:100%; font-size:12px; text-align:center; } .pub-archive li a:hover img { border-color:#333; } .pub-archive li a:hover span { color:#59600C; } .main ul.archive, .main ul.pub-archive { list-style:none; margin-left:0; } .main ul.pub-archive a { color:#333; text-decoration:none; } .main ul.pub-archive a:hover { color:#59600C; } .block-menu li { font-size:12px; text-transform:uppercase; padding:5px; border-bottom:1px solid #CDCDCD; } .block-menu li:last-child { border-bottom:0 none; } .block-menu ul { list-style:square; margin-left:25px; } .block-menu ul li { font-size:13px; text-transform:none; border-bottom:0 none; padding:3px 0 3px 0; } .block-menu > li.current-menu-item > a, .block-menu > li.current-menu-parent > a, .block-menu li.current-menu-parent li.current-menu-item a, a.block-menu li.current_page_item a, .block-menu li.current-cat a { color:#59600C; } table.personal th, table.personal td { text-align:left; } table.personal th { font-weight:normal; } table.personal td.colon { padding:0 15px; } .main#investigador { background:url('images/pix-gray.png') repeat-y 556px 0; padding:0; } .main#investigador ol, .main#investigador ul { list-style:none; margin-left:0; } .main#investigador a { text-decoration:none; } #single-investigadores .investigador-meta { font-size:13px; padding:15px 0; border-top:1px dashed #CDCDCD; border-bottom:1px dashed #CDCDCD; } .investigador-brief { float:left; width:526px; padding:15px; border-right:1px solid #CDCDCD; } .investigador-brief .tab_content { display:none; padding:0; font-size:13px; } .investigador-brief .tab_content h4 { margin-bottom:15px; padding:5px 15px; background:#333; color:#FFF; text-transform:uppercase; } .investigador-brief .archive li h5, .investigador-brief .archive li p { margin:0; } .investigador-brief .archive li h5 { font-size:13px; text-transform:uppercase; } .investigador-brief .archive li p, .investigador-brief .grid li { font-size:13px; } .investigador-brief #investigador-presentacion { font-size:13px; } /* .investigador-publicaciones-tabs li { float:left; display:inline; font-size:12px; margin:0 5px 5px 0; } .investigador-publicaciones-tabs a { float:left; display:block; padding:2px 7px 2px 18px; border:1px solid #CDCDCD; background:url('images/icon-mini-tag-gray.png') no-repeat 5px 50%; white-space:nowrap; } .investigador-publicaciones-tabs a:hover { border-color:#999; background:#999 url('images/icon-mini-tag-white.png') no-repeat 5px 50%; color:#FFF; } .investigador-publicaciones-tabs li.active a { color:#FFF; border-color:#333; background:#333 url('images/icon-mini-tag-white.png') no-repeat 5px 50%; } .investigador-publicaciones-tab_content .meta { margin-bottom:5px !important; } */ .publicaciones-categorias-tabs { list-style:none !important; margin-left:0 !important; } .publicaciones-categorias-tabs li { float:left; display:inline; font-size:12px; margin:0 5px 5px 0; } .publicaciones-categorias-tabs a { float:left; display:block; text-decoration:none; padding:2px 7px 2px 18px; border:1px solid #CDCDCD; background:url('images/icon-mini-tag-gray.png') no-repeat 5px 50%; white-space:nowrap; } .publicaciones-categorias-tabs a:hover { border-color:#999; background:#999 url('images/icon-mini-tag-white.png') no-repeat 5px 50%; color:#FFF; } .publicaciones-categorias-tabs li.active a { color:#FFF; border-color:#333; background:#333 url('images/icon-mini-tag-white.png') no-repeat 5px 50%; } .publicaciones-categorias-tab_content .meta { margin-bottom:5px !important; } .medios-categorias-tabs { list-style:none !important; margin-left:0 !important; } .medios-categorias-tabs li { float:left; display:inline; font-size:12px; margin:0 5px 5px 0; } .medios-categorias-tabs a { float:left; display:block; text-decoration:none; padding:2px 7px 2px 18px; border:1px solid #CDCDCD; background:url('images/icon-mini-tag-gray.png') no-repeat 5px 50%; white-space:nowrap; } .medios-categorias-tabs a:hover { border-color:#999; background:#999 url('images/icon-mini-tag-white.png') no-repeat 5px 50%; color:#FFF; } .medios-categorias-tabs li.active a { color:#FFF; border-color:#333; background:#333 url('images/icon-mini-tag-white.png') no-repeat 5px 50%; } .medios-categorias-tab_content .meta { margin-bottom:5px !important; } .investigador-foto { float:right; width:160px; padding-bottom:15px; } .submenu { border-top:1px solid #CDCDCD; } .submenu li { float:left; border-bottom:1px solid #CDCDCD; } .submenu li a { float:left; display:block; width:150px; font-size:12px; color:#333; text-transform:uppercase; padding:5px; } .submenu li a:hover { color:#59600C; } .submenu li.current a, .submenu li.active a { color:#FFF; background:#333; } #investigador-proyectos .meta-ano, #area-proyectos .meta-ano, #investigador-presentaciones .meta-ano { font-size:11px; font-family:Arial, sans-serif; text-transform:capitalize; line-height:15px; display:block; /*margin-left:16px;*/ padding-left:14px; background:url('images/icon-mini-ano.png') no-repeat left center; } #investigador-proyectos a { /*display:block;*/ } #investigador-proyectos .archive li, #area-proyectos .archive li, #investigador-presentaciones .archive li { padding:7px 0; border:0 none; } #investigador-publicaciones-recientes { display:block; padding:15px; background:#FFF; border-top:1px solid #CDCDCD; } #investigador-publicaciones-recientes h2 { padding:5px 10px; } #investigador-publicaciones-recientes .archive img { float:left; display:inline-block; width:70px; margin-right:0; padding:4px; border:1px solid #CDCDCD; } #investigador-publicaciones-recientes .archive li { float:left; width:205px; margin-right:30px; padding:0; border-bottom:0 none; } #investigador-publicaciones-recientes .archive li:last-child { margin-right:0; } #investigador-publicaciones-recientes .archive h5 { text-transform:uppercase; margin:0 0 5px; } #investigador-publicaciones-recientes .archive a { font-weight:700; color:#59600C; } #investigador-publicaciones-recientes .archive a:hover { color:#59600C; text-decoration:underline; } #investigador-publicaciones-recientes .archive .meta { font-size:11px; font-family:Arial, sans-serif; line-height:15px; margin:0; padding:0; border:0 none; text-align:left; } #investigador-publicaciones-recientes .archive .investigador-publicacion-desc { float:right; width:115px; } #investigador-publicaciones-recientes .archive .meta a { font-weight:normal; color:#333; } #investigador-medios .archive li h5, #investigador-presentaciones .archive li h5 { text-transform:none; } #investigador-presentaciones p.pre-desc { margin-top:3px; } .metas { font-size:13px; margin:0; padding:15px 0; border-top:1px dashed #CDCDCD; } .metas strong { display:inline-block; width:180px; } .metas li { background-repeat:no-repeat; background-position:left center; padding-left:15px; } .metas li.area { background-image:url('images/icon-mini-tag-black.png'); } .metas li.investigador, .metas li.autor { background-image:url('images/icon-mini-autor.png'); } .metas li.tiempo, .metas li.ano { background-image:url('images/icon-mini-ano.png'); } .metas li a { text-decoration:underline; } .metas li a:hover { text-decoration:none; } table.metas { margin:15px 0; border-top:1px dashed #CDCDCD; border-bottom:1px dashed #CDCDCD; } .metas th, .metas td { padding:3px 0; text-align:left; vertical-align:top; } .metas th span { display:block; background-repeat:no-repeat; background-position:left center; padding-left:15px } .metas .area { background-image:url('images/icon-mini-tag-black.png'); } .metas .investigador, .metas .autor { background-image:url('images/icon-mini-autor.png'); } .metas .tiempo, .metas .ano { background-image:url('images/icon-mini-ano.png'); } .metas .hora { background-image:url('images/icon-mini-hora.png'); } .metas .lugar { background-image:url('images/icon-mini-lugar.png'); } .metas .colon { width:10px; font-weight:bold; padding:3px 5px; } .metas td a { text-decoration:underline !important; } .metas td a:hover { text-decoration:none !important; } #single-eventos .metas th { width:15%; } .main#proyecto { background:url('images/pix-gray.png') repeat-y 556px 0; padding:0; } .proyecto-brief { padding:15px 15px 0 15px; background:#FFF; border-bottom:1px solid #CDCDCD; } .proyecto-brief ul.metas { list-style:none; margin-left:0; } .proyecto-content { float:left; width:526px; min-height:300px; padding:15px; border-right:1px solid #CDCDCD; } .proyecto-content .tab_content { display:none; padding:0; } .proyecto-content .tab_content h4 { margin-bottom:15px; padding:5px 15px; background:#333; font-size:16px; color:#FFF; text-transform:uppercase; } .proyecto-content .tab_content ol, .proyecto-content .tab_content ul { margin-left:25px; } .proyecto-content .tab_content ol { list-style:decimal; } .proyecto-content .tab_content ol.lower-alpha { list-style:lower-alpha; } .proyecto-content .tab_content ul { list-style:square; } .proyecto-content .archive { list-style:none !important; margin-left:0 !important; } .proyecto-content .archive li h5, .investigador-brief .archive li p { margin:0; } .proyecto-content .archive li h5 { font-size:13px; text-transform:uppercase; /*letter-spacing:-1px;*/ } .proyecto-content .archive li p, .proyecto-brief .grid li { font-size:13px; } .proyecto-content #proyecto-presentacion { font-size:13px; } .proyecto-nav { float:right; width:160px; padding:60px 0 15px; } .proyecto-nav ul { margin:0; list-style:none } .proyecto-nav a { text-decoration:none !important; } /* CONTACTO */ .wpcf7-form p { clear:both; text-align:left; } .wpcf7-form-control-wrap { float:left; height:23px; width:317px; background:#F5F5F5; margin-bottom:15px; border:1px solid #CDCDCD; } .wpcf7-not-valid-tip { position:absolute; top:0; width:309px; padding:4px; z-index:0; } div.wpcf7-response-output { margin:0 !important; padding:0 0 0 80px !important; font-size:12px; color:#f00; } div.wpcf7-mail-sent-ok, div.wpcf7-mail-sent-ng, div.wpcf7-spam-blocked, div.wpcf7-validation-errors { border:0px none !important; } div.wpcf7-mail-sent-ok { color:#59600C; } span.wpcf7-not-valid-tip { color:#f00; font-size:1em; display:block; } .wpcf7-list-item { display:block; margin-bottom:3px; } .wpcf7-list-item:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; } .wpcf7-list-item-label { text-align:left; } #contacto #sidebar .block h3 { font-size:1.17em; font-weight:bold !important; display:block; text-transform:uppercase; letter-spacing:-1px; } #contacto_mapa { width:717px; height:400px; border-bottom:1px solid #CDCDCD; } .mapa_foto { display:block; margin-bottom:5px; } .contacto-info { float:left; width:250px; margin-right:20px; } .contacto-info h4 { margin-bottom:15px; color:#59600C; } .contacto-form { float:left; width:407px; min-height:460px; text-align:left; } .contacto-form label { float:left; width:80px; font-weight:bold; /*line-height:25px;*/ padding-top:4px; } .contacto-form label i { font-weight:normal; } .contacto-form input, .contacto-form textarea { position:absolute; top:0; width:309px; font:normal 13px Arial; padding:4px; background:none transparent; z-index:2; } .contacto-form input[type="checkbox"] { position:relative; width:auto !important; padding:0; } .contacto-form textarea { height:200px; resize:none; } .contacto-form input[type="submit"] { position:relative; width:auto; margin-left:80px; background:#333; color:#FFF; padding:4px 10px; cursor:pointer; } #contacto .wpcf7-form-control-wrap { width:317px; } #contacto .wpcf7-form-control-wrap.mensaje, .wpcf7-form-control-wrap.mensaje_en { height:208px; } #contacto .wpcf7-not-valid-tip { width:309px; } .wpcf7-form .no-control-wrap .wpcf7-form-control-wrap { width:auto; min-height:23px; height:auto; background:none; border:0 none; } .wpcf7-form .no-control-wrap .wpcf7-not-valid-tip { position:relative; } .wpcf7-form .no-control-wrap input { position:relative; } /* POSTULA A GRADE */ #postula-a-grade .contacto-form { float:none; width:auto; min-height:1px; padding-bottom:90px; } #postula-a-grade .contacto-form label { width:170px; text-align:left; } #postula-a-grade .contacto-form input, #postula-a-grade .contacto-form textarea { width:309px; } #postula-a-grade .contacto-form input[type="submit"] { width:auto; margin:15px 0 0 170px; } #postula-a-grade div.wpcf7-response-output { padding-left:170px !important; } #postula-a-grade p.wrap-note { padding:0 50px 0 170px; } /* SUBSCRIPCION */ #subscripcion .contacto-form { float:none; width:auto; min-height:1px; padding-bottom:90px; } #subscripcion .contacto-form label { width:170px; text-align:left; } #subscripcion .contacto-form input, #postula-a-grade .contacto-form textarea { width:309px; } #subscripcion .contacto-form input[type="submit"] { width:auto; margin:15px 0 0 170px; } #subscripcion div.wpcf7-response-output { padding-left:170px !important; } /**************************************** **************** FOOTER ***************** *****************************************/ #alianzas-wrapper { padding:10px 0 15px 0; /*background:url('uploads/alianzas.png') no-repeat center;*/ /*border-bottom:1px dashed #CDCDCD;*/ background:#FFF; } #alianzas h3 { font-weight:normal; font-size:11px; color:#999; margin-bottom:5px; } .list_carousel { clear:both; width:930px; margin:0 auto; } .list_carousel ul { margin: 0; padding: 0; list-style: none; display: block; } .list_carousel li { float:left; display:block; width:auto; height:55px; margin-right:41px; background:#FFF; } .list_carousel li a, .list_carousel li span { display:table-cell; height:55px; vertical-align:middle; } .list_carousel li img { background:none transparent; } #content-bottom { background:url('images/strip-black10.png'); display:none; background:#F0F0F0; border-top:1px solid #CDCDCD; } #content-bottom .inner { } #sitemap-menu div.col { float:left; display:inline-block; width:162px; padding:0 15px 15px; } #sitemap-menu h3 { margin-top:15px; font-size:12px; text-transform:uppercase; margin-bottom:3px; } #sitemap-menu li { font-size:11px; font-family:Arial, sans-serif; line-height:15px; background:url('images/sitemap-menu-bullet.gif') no-repeat 0 2px; padding-left:10px; } #sitemap-menu a { color:#333; } #sitemap-menu a:hover { color:#747919; } #sitemap-menu li a:hover { text-decoration:underline; } #footer { background:#333; } #footer .inner { position:relative; padding:15px; width:930px; height:150px; font-size:12px; font-family:Arial, sans-serif; color:#CDCDCD; } #footer #copyright { margin-bottom:15px; } .toggle-btn { position:absolute; right:15px; top:0; } .toggle-btn a { display:block; height:17px; line-height:17px; color:#FFF; padding:15px; background:url('images/toggle-btn-arrows.png') no-repeat right bottom; } .toggle-btn a.active { background-position:right top; } #footer a { color:#CDCDCD; text-decoration:underline; } #footer a:hover { color:#FFF; text-decoration:underline; } #footer-subscribe { position:absolute; right:15px; bottom:40px; width:auto; } #footer-subscribe p { margin-bottom:10px; } #footer-subscribe .wpcf7-form-control-wrap { width:158px; height:24px; overflow:hidden; margin-bottom:5px; background:#FFF; border:0 none; } #footer-subscribe .wpcf7-not-valid-tip { top:5px; left:5px; width:auto; padding:0; z-index:3; background:#FFF; } #footer-subscribe input { position:absolute; top:0; width:150px; font:normal 13px Arial; padding:4px; background:none transparent; z-index:2; } #footer-subscribe input.wpcf7-submit { position:relative; float:left; width:auto; padding:4px 8px; cursor:pointer; background:#CDCDCD; } #footer-subscribe .ajax-loader { display:none !important; visibility:hidden !important; } #footer-subscribe div.wpcf7-response-output { clear:both; width:209px; padding:0 !important; font-size:11px; } #footer-social { position:absolute; left:10px; bottom:40px; } #footer-social p { display:none; } #footer-social #social { float:left; margin:0; padding:0; border-right:0 none; } #footer-social #social li a { opacity:0.7; } #footer-social #social li.rss a { background-position:0px top; } #footer-social #social li.twitter a { background-position:-26px top; } #footer-social #social li.facebook a { background-position:-56px top; } #footer-social #social li.youtube a { background-position:-74px top; } #footer-social #social li.ustream a { background-position:-101px top; } #footer-social #social li.issuu a { background-position:-127px top; } #footer-social #social li.scribd a { background-position:-153px top; } #footer-social #social li.flickr a { background-position:-176px top; } #footer-social #social li a:hover { opacity:1; } /* 20170122 */ .meta > span { position:relative; padding-left:15px; background:none !important; } .meta .fecha, .meta .ano, .meta .hora, .meta .tag { padding-left:15px; } .meta .lugar, .meta .user { padding-left:13px; } .meta > span:before { position:absolute; left:0; top:0; font:normal normal 12px/12px 'FontAwesome'; text-decoration:inherit; color:#333; } .meta .fecha:before, .meta .ano:before { content:'\f133'; } .meta .hora:before { content:'\f017'; } .meta .lugar:before { content:'\f041'; } .meta .autor:before { content:'\f007'; } .meta .tag:before { content:'\f02b'; } /**************************************** ************ ENGLISH VERSION ************ *****************************************/ .lang-en #logo { background-image:url('images/en/logo-grade.png'); } .lang-en #menu li a { padding:0 25px; } /* Cambio de Color */ #menu li.current a, #slides .caption, #areas h2, .block h2, .investigador-brief .tab_content h4, .investigador-publicaciones-tabs li.active a, .submenu li.current a, .submenu li.active a, .proyecto-content .tab_content h4, #cabecera-imagen h2 { background-color:#333333 !important; } #cabecera-imagen h2 { left:0; background-color:rgba(89,96,12,0.9) !important; background-color:transparent !important; color:#FFF; } #slides .caption { background-color:#59600C !important; background-image:url('images/strip-black25.png') !important; } .meta-pub { font-size:11px !important; line-height:15px; margin-bottom:0 !important; } .meta-pub span { display:inline; margin-right:10px; } .meta-pub span.tipo { font-weight:700; text-transform:uppercase; } .meta-pub span.tipo-fuente { border-left:1px solid #333; padding-left:10px; } .item-desc h4, .item-desc h5, .item-head h5 { font-weight:400; text-transform:none; } .item-desc h4 a, .item-desc h5 a, .item-head h5 a { font-weight:400; font-size:18px; color:#59600C; } .item-desc h4 a:hover, .item-desc h5 a:hover, .item-head h5 a:hover { text-decoration:underline; } .item-desc h4 span, .item-desc h5 span, .item-head h5 span { display:block; font-size:16px; color:#333; line-height:18px; } #investigador-publicaciones .item-desc, #area-publicaciones .item-desc, #proyecto-publicaciones .item-desc { width:430px; } #investigador-publicaciones .item-desc h5, #area-publicaciones .item-desc h5, .item-head h5, #proyecto-publicaciones .item-desc h5, .item-head h5 { text-transform:none !important; } #investigador-publicaciones .item-desc h5 a, #area-publicaciones .item-desc h5 a, .item-head h5 a, #area-publicaciones .item-desc h5 a, .item-head h5 a { text-decoration:none; } #investigador-publicaciones .item-desc h5 a:hover, #area-publicaciones .item-desc h5 a:hover, .item-head a:hover, #proyecto-publicaciones .item-desc h5 a:hover, .item-head a:hover { color:#59600C; text-decoration:underline !important; } #investigador-publicaciones .item-desc .meta, #area-publicaciones .item-desc .meta, .item-head .meta, #proyecto-publicaciones .item-desc .meta, .item-head .meta { font-size:11px !important; margin-bottom:5px !important; } #area-investigadores .item-image { float:left; width:115px; } #area-investigadores .item-desc { width:410px; } #area-investigadores .item-desc h5 { text-transform:none !important; } #area-investigadores .item-desc h5 a { text-decoration:none; } #area-investigadores .item-desc h5 a:hover { color:#59600C; text-decoration:underline !important; } #area-investigadores .item-desc p.investigador-meta { margin-bottom:15px; } .single .main h3 { max-width:80%; font-weight:400; font-size:24px; line-height:1.2; color:#59600C; text-transform:none !important; } .single .main h3 span { font-size:20px; color:#333; } .main-content a { color:#59600C; text-decoration:underline; } .main-content a:hover { text-decoration:none; } #single-publicaciones .metas { border-bottom:1px dashed #CDCDCD; } #single-publicaciones .metas strong { width:80px; } .submenu li.descargar a { width:130px; color:#FFF; padding-left:25px; background:#59600C url('images/icon-descargar.png') no-repeat 5px 50%; } .nomargin { margin:0 !important; } .nopadding { padding:0 !important; } /* 03/09/2015 */ /* #logo { top:0; height:90px; background:url('/wp-content/uploads/logo-grade-35anos.png') no-repeat left 10px; background-size:auto 92%; } .lang-en #logo { background-image:url('/wp-content/uploads/logo-grade-35anos-en.png'); background-position:left 10px; background-size:auto 93%; } */ /* 23/03/2017 */ #sponsor { display:none !important; visibility:hidden !important; height:0 !important; } /* 28/02/2020 */ .imgwrap { position:relative; display:block; width:100%; height:0; background-color:#e6e6e6; overflow:hidden; background-position:50% !important; background-size:cover !important; } .imgwrap11 { padding-top:100%; } .imgwrap54 { padding-top:80%; } .imgwrap43 { padding-top:75%; } .imgwrap169 { padding-top:56.35%; } .imgwrap219 { padding-top:42.86%; } .bg-image { background-repeat:no-repeat; background-position:50%; background-size:cover; } :hover .bg-image { background-position:50% !important; background-size:cover !important; } .bg-image.cien-auto { background-color:#373532; background-size:100% auto !important; } .bg-image.auto-cien { background-color:#373532; background-size:auto 100% !important; } .archive .bg-image { padding:0 !important; border-width:4px; } #archive-investigadores .archive .bg-image { width:120px; height:160px; } #area-investigadores .archive .bg-image { width:100px; height:150px; } .bg-image.border-4 { border-width:4px !important; } #slides .slide-mask { display:none; } #slides .imagewrap a { display:block; } #slides .imagewrap img { width:638px; height:300px; }