/*TABLET Y CUADRADO*/ @media only screen and (min-width : 900px) { .header { height: auto; width:100% ; z-index: 1111; } .main{ padding-top:0px; } .noMobile{ display:block; } .Mobile{ display:none!important; } .Contenedor { width: 900px; margin: 0 auto; padding:0; } .ContenedorM { width: 900px; margin: 0 auto; padding:0; } .ContenedorG { width: 900px; margin: 0 auto; padding:0; } h1{ font-size:71px; } .header-content { height: 70px; background-color:none; } .bt-menu { top: 30px; left:20px; } .header-content .logo{ *background-image: url(../images/header_logo_unrn_blanco.svg); background-image: url('../images/logo/header_logo_unrn_blanco.svg'); width: 290px; height: 34px; display: block; position: absolute; top: 20px; } .header.fixed .header-content .logo, .header.solid .header-content .logo{ *background-image: url(../images/header_logo_unrn_negro.svg); background-image: url('../images/logo/header_logo_unrn_negro.svg'); } .header.fixed .header-content .bt-buscar, .header.solid .header-content .bt-buscar{ background-image: url(../images/menu_lateral_buscar_icon.svg); } .nav-menu{ position: absolute; right: 190px; top: 27px; } .nav-menu li{ text-transform:none; color:#fff; float:left; padding:0 9px; position: relative; } .nav-menu li a{ font-size:13px; font-weight:400; color:#fff; } .header.fixed .nav-menu li a, .header.solid .nav-menu li a{ color: #1B2437; } .nav-menu li.opened:after{ content: ''; position: absolute; bottom: -28px; left: 50%; transform: translate(-50%,0); border: 10px solid transparent; border-bottom: 10px solid #fff; } .mega-menu { display: none; background-color:#fff; padding: 60px 0 70px 0; } .mm-submenu { display: none; } .mm-submenu.opened { display: block; } .mm-submenu .grilla-x5 .col { width: 16%; margin-right: 5%; } .mm-submenu .grilla-x5 .col:last-child{ margin-right: 0; *padding-top: 14px; } .mm-submenu li a{ color:#8E8E8E; font-size:14px; display:block; font-weight: 400!important; } .mm-submenu li a:hover{ opacity: 1!important; color: #EB1F3F; } .mm-submenu p{ color:#8E8E8E; font-size:12px; line-height:16px; } .mm-submenu h4{ margin: 0 0 15px 0; font-size:14px; letter-spacing:3px; border-bottom: 1px solid #BABABA; padding-bottom: 9px; min-height: 40px; display: flex; align-items: flex-end; } .mm-submenu h6{ margin: 0 0 15px 0; font-size:14px; letter-spacing:3px; padding-bottom: 9px; border-bottom: 0!important; color: #1D2234!important; margin: 20px 0 10px 0!important; } .bt-ingresar{ font-size: 13px; font-weight: 600; color: #EB2141; border: 2px solid #EB2141; border-radius: 5px; padding: 11px 23px; position: absolute; top: 17px; right: 65px; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; } .bt-ingresar:hover{ background-color: #EB2141; color: white; } .bt-buscar{ background-image: url(../images/header_buscar_icon.svg); width: 16px; height: 16px; display: block; position: absolute; top: 30px; right: 20px; background-repeat: no-repeat; } /***SLIDER*********/ #home-slider h1 { font-size:55px; line-height:52px; letter-spacing:8px; width: 800px; } #actualidad #home-slider h1 { padding-bottom: 20px; } #home-slider h3 { letter-spacing:4px; } #home-slider .desc { position: relative; width: 355px; display:block; } #home-slider .red-triangle{ width:277px; height:277px; } #home-slider .red-triangle .arrow-down { display: block; width: 9px; height: 38px; bottom: 90px; right: 28px; padding: 20px; background-position: center; } /**************************BUSCADOR******************/ /*******************NOTICIAS/DESTACADAS****************************/ .grilla-x4 { position: relative; width: 100%; } .col-x1 { float: left; width: 23.5%; } .col-x1:nth-child(odd) { margin: 0 1%; } .col-x1:nth-child(even) { margin: 0 1%; } .col-x1:first-child { margin-left: 0; } .col-x1:last-child { margin-right: 0; } .col-x2 { float: left; width: 48.7%; } .col-x2:nth-child(odd) { margin-right: 1.5%; } .col-x2:nth-child(even) { margin-left: 1%; } .col-x2 .col-x2 { float: left; width: 48%; margin-bottom: 20px; } .col-x2 .col-x2:nth-child(odd) { margin-right: 2%; } .col-x2 .col-x2:nth-child(even) { margin-left: 2%; } .col-x2 .col-x2:nth-last-child(2), .col-x2 .col-x2:last-child { margin-bottom: 0; } .col-x3 { float: left; width: 74.5%; } .col-x3:nth-child(odd) { margin: 0 1%; } .col-x3:nth-child(even) { margin: 0 1%; } .col-x3:first-child { margin-left: 0; } .col-x3:last-child { margin-right: 0; } .superior{ margin: 65px 0 30px 0; } .superior h3{ float:left; } .superior .btn-ver-todas{ float: right; text-transform: uppercase; font-size: 12px; color: #EB2141; letter-spacing: 2px; margin-top: 45px; display: block; } .noticia-g .foto{ box-sizing: border-box; } .ahora-UNRN { width: 205px; font-size: 52px; } .noticia-c .foto{ } .noticia-c .descripcion{ padding-right: 10px; box-sizing: border-box; } .home-destacados .destacado{ width:50%; float:left; } .noticias-listado .grupo{ *margin: 60px 0; position: relative; display: block; padding: 0 30px 0 0; height: 150px; } .noticias-listado .grupo:first-child{ *margin: 0px 0 60px 0; } .noticias-listado .grupo .grupo-1{ } .noticias-listado .grupo .grupo-2{ } .noticias-listado h4{ margin-bottom:25px; } .fila-columnas{ height:280px; } .fila-columnas .grupo-1{ width:35%; float:left; } .fila-columnas .grupo-2{ width:65%; float:left; } .fila-columnas .grupo-1 .fecha{ width: 120px; } .fila-columnas .grupo-1 .fecha .num{ font-size: 90px; line-height: 80px; text-align: center; float:none; letter-spacing: 2px; } .fila-columnas .grupo-1 .fecha .mes{ font-size: 28px; font-family: 'Fabrikat'; text-align: center; letter-spacing: 14px; padding-left: 12px; } .fila-columnas .grupo-1 .horario{ margin: 33px 10px; } .fila-columnas .descripcion{ width: 50%; float: left; box-sizing: border-box; padding: 50px 30px 10px 30px; position: relative; } .fila-columnas .foto{ width: 50%; float: left; } .fila-columnas:nth-child(odd) .descripcion{ float: right; } .fila-columnas:nth-child(odd) .descripcion:after{ content: ''; display: block; width: 25px; height: 25px; background-color: #FFF; position: absolute; right: -10px; top: 50%; transform: rotate(45deg); } .fila-columnas:nth-child(even) .descripcion:after{ content: ''; display: block; width: 25px; height: 25px; background-color: #FFF; position: absolute; left: -12px; top: 50%; transform: rotate(45deg); } .fila-columnas:nth-child(odd) .foto{ float: right; } .ultimas-noticias .bloques{ position:relative; } .ultimas-noticias .bloque{ position: relative; height: 230px; background-color: #CCCCCC; padding: 25px 20px; color: #fff; float: left; } .ultimas-noticias .bloque:hover{ background-color:#EB2242; } .ultimas-noticias .bloque:nth-child(2n+2){ margin-right: 0; } .ultimas-noticias .bloque h5{ color:#fff; font-size:17px; line-height:17px; font-weight:900; letter-spacing:1px; } .ultimas-noticias .bloque .line-short{ width:18px; height:2px; margin:15px 0; background-color:#fff; } .ultimas-noticias .bloque .bt-arrow{ background-image: url(../images/slider_flecha_blanca.svg); background-repeat: no-repeat; display: block; width: 40px; height: 10px; position: absolute; bottom: 30px; right: 40px; } .banner-home-1{ } .banner-home-1 h3{ letter-spacing:5px; padding:0 0 20px 0; color: #fff; } .banner-home-1 h1{ letter-spacing:8px; color: #fff; font-size:75px; } .banner-home-1 .desc { width: 355px; } .home-destacados{ position:relative; *padding-bottom: 100px; } #home .listados-resumen{ position:relative; padding-bottom:100px; display:block; } .listados-resumen{ position:relative; padding:0px 0 50px 0; display:block; } .listados-resumen .fila{ border-top: 1px solid #1A2437; box-sizing: border-box; padding: 30px 5px; display:block; } .listados-resumen .fila:hover{ *opacity:0.8; } .listados-resumen .fila .col-c{ float:left; width:25%; } .listados-resumen .fila .col-g{ float:left; width:60%; } .listados-resumen .fila:hover .col-g{ color: #EB1F3F; } .listados-resumen .fila:hover .col-c h5{ color: #EB1F3F; } .listados-resumen .fila:hover .evento_flecha_azul{ background-image: url('../images/evento_flecha_hover.svg'); } .listados-resumen .fila .col-c h5{ font-size:14px; font-weight:700; letter-spacing:2px; text-transform:uppercase; } .listados-resumen .fila .col-c h5 span{ font-weight:400; } .listados-resumen .fila .col-g h4{ font-size:16px; font-family: 'FabrikatBold'; letter-spacing:3px; text-transform:uppercase; line-height: 24px; } .unrnsocial .paneles{ position:relative; } .unrnsocial .paneles .panel{ position: relative; background-color:#fff; } .unrnsocial .paneles .panel .foto{ position:relative; } .unrnsocial .paneles .panel .descripcion{ padding: 22px 30px; height: 170px; position: relative; } .unrnsocial .paneles .panel .descripcion p{ line-height:25px; color: #5a5a5a; } .unrnsocial .hashtag{ font-size:14px; line-height:25px; color:#EB2141; } .unrnsocial .paneles .panel .inferior{ position: relative; padding: 10px 40px 30px 40px; } .unrnsocial .fecha{ font-size:12px; font-weight:800; letter-spacing:3px; margin-top: 9px; } .unrnsocial .paneles .panel .compartir{ font-size: 12px; color: #5a5a5a; letter-spacing: 3px; background-image: url(../images/social_share_icon.svg); background-repeat: no-repeat; display: block; padding: 10px 10px 10px 0; background-position: center right; width: 140px; } .unrnsocial .paneles .facebook{ padding:20px 0 0 0; } .unrnsocial .paneles .icono{ display: block; text-align: center; margin: 30px auto; font-size: 18px; } .unrnsocial .paneles .facebook .descripcion{ height: 347px !important; padding: 22px 25px; } .unrnsocial .paneles .facebook .descripcion p{ text-align:center; overflow: hidden; } .unrnsocial .paneles .facebook .descripcion .line-short{ width: 29px; height: 3px; margin: 24px auto; background-color: #202020; text-align: center; } .unrnsocial .paneles .facebook .descripcion .fecha{ text-align: center; margin:0 auto; float:none; } .unrndeportes .red-triangle{ width:561px; height:561px; } .unrnsocial .paneles .facebook .inferior{ } .unrnsocial .paneles .facebook .compartir{ } /****INTERIOR**********/ .portada .contenido-portada h1{ font-size: 60px; line-height: 60px; font-family: 'FabrikatBold'; } .detalle-link .col-x3{ padding-right:60px; } /******EVENTOS******/ #eventos .portada{ height: 700px; } .evento-data{ padding:45px 0 50px 0; } .evento-data .grilla-x3{ margin:0 auto; width:870px; max-width: 100%; } .grilla-x3 { position: relative; width: 100%; } .grilla-x3 .col-x1 { float: left; width: 33%; margin-right:0%; } .evento-data .grilla-x3 .col-x1 { margin-bottom: 0; } /*.grilla-x3 .col-x1:nth-child(3n){ margin-right:0!important; }*/ #eventos .listados-resumen .fila{ position: relative; border-top: 1px solid #1A2437; } #eventos .listados-resumen .fila:first-child{ border-top: 0px; } #eventos .superior { margin: 65px 0 0px 0; } .grilla-x3 .col-x1 img { width: 100%; } .archivo-noticias .col-x3 { margin: 0; } .archivo-noticias .grilla-x3 .col-x1, #actualidad-detalle .archivo-noticias .grilla-x3 .col-x1, #actualidad .archivo-noticias .grilla-x3 .col-x1 { width: 32%; margin-left: 0; margin-right: 2%; } .archivo-noticias .grilla-x3 .col-x1:nth-child(3n), #actualidad-detalle .grilla-x3 .col-x1:nth-child(3n), #actualidad .grilla-x3 .col-x1:nth-child(3n) { margin-right:0!important; } /***************************FOOTER*******************************/ .grilla-x5 .col{ width: 18%; margin-right: 2.5%; float: left; } footer .filas .fila h7{ width: 100%; padding-bottom: 4px; } footer .filas .fila p{ width: 100%; } footer .end-footer .fLeft{ float: left; *letter-spacing: 1px; } footer .end-footer .fRight{ float: right; } footer .filas .fila:hover h7{ color: #EB1F3F; } footer .filas .fila:hover p{ } footer .grilla-x5 li{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } footer .grilla-x5 li a:hover{ color: #EB1F3F; }