/***Reglas Generales***/ * { margin: 0px; padding: 0px; } ul { list-style-type: none; } a { text-decoration: none; color: #333333; } a:hover { text-decoration: none; } body { font-size: 12px; font-family: Arial; } img { border: none; } .clear { clear: both; } fieldset { border: none; } .campo-error { color: #ff0000; font-weight: 700; } body.landing { background-color: #000000 !important } #principal.intro { width: 790px; height: 117px; padding-top: 300px; background-image: url(../Imagenes/Sistema/RaysanLanding.jpg); background-repeat: no-repeat; background-position: center; } #principal.intro a{ margin-top: 400px; } #principal.intro #boton-entrar{ width: 37px; height: 17px; margin: auto; line-height: 18px; font-size: 10px; font-weight: bold; text-align: center; color:#ffffff; background-image: url("../Imagenes/Sistema/boton-entrar.png"); background-repeat: no-repeat; background-position: top; } #principal.intro #boton-entrar:hover { background-image: url("../Imagenes/Sistema/boton-entrar.png"); background-repeat: no-repeat; background-position: bottom; } h1.titulo { color: #29ABE2; margin-top: 15px; margin-bottom: 15px; } h2.titulo-verde { background: #8ab626; color: #ffffff; font-weight: 400; margin: 5px 0px 0px; font-size: 13px; padding: 2px 0px 2px 2px; text-transform: uppercase; } .opcion-cuadrada { border: 1px solid #cccccc; font-size: 14px; padding: 8px; font-weight: 700; color: #666666; background-color: #ffffff; } .registros-encontrados { padding-top: 5px; font-weight: 700; margin-top: 15px; text-align: right; } blockquote{ margin-left:40px; margin-bottom:8px; margin-top:8px;} .boton-articulo { width: 103px; height: 27px; display:block; background-image: url(../Imagenes/Sistema/boton-articulo.png); padding-top:14px; padding-left: 13px; background-position:top; text-decoration:none !important; margin-top:10px; } .boton-blog { width: 71px; height: 22px; display:block; margin-top: 10px; background-image: url(../Imagenes/Sistema/boton-blog.png); padding-top:8px; padding-left: 8px; background-position:top; text-decoration:none !important; } .align-boton{ float: right;} .titulo1{ color: #00A351; } .titulo2{ color: #E90089; } .titulo3{ color: #0066B1; } .titulos-pie{ color: #424242; font-size: 23px; font-weight: bold; margin-top: 20px; margin-bottom: 20px; } .vineta-flecha{ width: 16px; height: 16px; float: left; margin-top: 4px; margin-right: 4px; background: transparent url('../Imagenes/Sistema/vineta-flecha.png') no-repeat; } .miga { margin-top: 0px; } .miga a { font-size: 12px; color: #333333; text-decoration: underline; } .miga span { font-weight: 700; font-size: 12px; } /***Reglas Cabecera***/ body.inicio { background-image: url(../Imagenes/Sistema/fondo-body.png); background-repeat: repeat; } #principal { margin-right: auto; margin-left: auto; } #fondo-cabecera{ width: 100%; height: 524px; background: transparent url(../Imagenes/Sistema/fondo-cabecera.png) repeat-x; } .cabecera { width: 1052px; height: 472px; margin: auto; padding-top: 120px; background: transparent url(../Imagenes/Sistema/cabecera-top.png) no-repeat; background-position: top;} .cabecera .logo{ width: 273px; height: 74px; position: absolute; z-index: 2; margin-top: -100px; margin-left: 50px; } .cabecera .banner-info{ width: 272px; height: 60px; position: absolute; z-index: 2; margin-left: 710px; margin-top: -80px; } .cabecera .shadow { width:900px; height:352px; margin: auto; background: transparent url(../Imagenes/Sistema/sombra-slide.png) no-repeat; background-position: bottom; } .cabecera .slide { width:890px; height:328px; margin: auto; border: 4px solid #ffffff; } .cabecera .slide .contenedor-slide { width:890px; height:328px; overflow: hidden; } .cabecera .slide .contenedor-slide #slide-principal{ z-index: 1; } .cabecera .slide .contenedor-slide #slide-principal li{ width:890px; height:328px; } .cabecera .slide .contenedor-slide a.anterior{ width: 30px; height: 30px; position: absolute; z-index: 4; margin-top: 150px; margin-left: -40px; background: transparent url(../Imagenes/Sistema/flecha-anteriorslide.png) no-repeat; } .cabecera .slide .contenedor-slide a.siguiente{ width: 30px; height: 30px; position: absolute; z-index: 5; margin-top: -180px; margin-left: 900px; background: transparent url(../Imagenes/Sistema/flecha-siguienteslide.png) no-repeat; } .cabecera .slide .contenedor-slide .controles-slide { float: right; position: relative; z-index: 5; margin-top: -32px; margin-right: 10px; } .cabecera .slide .contenedor-slide .controles-slide .boton{ width: 28px; height: 28px; padding: 2px; float: left; font-weight: bold; text-align: center; line-height: 20px; color: #C0C0C0; background: transparent url('../Imagenes/Sistema/control-slide.png') no-repeat; } .cabecera .slide .contenedor-slide .controles-slide .boton.selected{ width: 28px; height: 28px; color: #585858; background: transparent url('../Imagenes/Sistema/control-slidesel.png') no-repeat; } /***Reglas SubMenu***/ /* #cabecera .menu-principal .submenu{ text-align: center; } #cabecera .menu-principal .submenu li{ background: transparent url('../Imagenes/Sistema/fondo-submenucontacto.png') repeat-x; float: none; height:auto; } #cabecera .menu-principal .submenu li a{ font-size: 12px; padding: 8px; text-align: left; display: block; } #cabecera .menu-principal .submenu li:hover { background: transparent url('../Imagenes/Sistema/submenu-hover.png') repeat-x; } #cabecera .menu-principal .submenu li:hover a{ color:#FFF;} */ /***Reglas Contenido***/ #fondo-contenido{ width: 100%; height: 808px; background: transparent url('../Imagenes/Sistema/fondo-contenidosuperior.png') repeat-x; } #contenido { width: 990px; height: auto; margin: -48px auto; background-color:#e9e9e9; overflow:hidden; } #contenido #index{ margin-bottom: 50px; } /***Reglas Menu Principal***/ #index .menu-principal { width: 970px; height:72px; margin: 0 auto; background: transparent url('../Imagenes/Sistema/fondo-menuprincipal.png') repeat-x; } .menu-principal .left{ width:10px; height:72px; margin-left: -10px; position: absolute; z-index: 101; background: transparent url('../Imagenes/Sistema/menu-left.png') no-repeat; } .menu-principal .right{ width:10px; height:72px; margin-left: 970px; position: absolute; z-index: 102; background: transparent url('../Imagenes/Sistema/menu-right.png') no-repeat; } .menu-principal .jd_menu{ } .menu-principal .jd_menu li{ float:left; background: transparent url('../Imagenes/Sistema/fondo-divmenu.png') no-repeat; background-position: right; height: 72px; } .menu-principal .jd_menu li a{ display: block; padding: 24px 18px; color: #E6E6E6; font-size: 18px; font-weight: bold; text-align:center; } .menu-principal .jd_menu li a:hover{ opacity:0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); } .menu-principal .jd_menu li .submenu{ margin-top: -2px; background-color:#000000; -moz-border-radius: 5px; border-radius: 5px;} .menu-principal .jd_menu li .submenu li{ height:auto; background-image:none; float:none;} .menu-principal .jd_menu li .submenu li a{ } .menu-principal .jd_menu li .submenu li a:hover{ background-color:#585858; } .menu-principal .formulario-buscar { width: 150px; height: 25px; float: left; margin-top: 22px; margin-left: 20px; } .menu-principal .formulario-buscar .campo-texto { width: 120px; height: 25px; position: absolute; border: none; text-indent: 10px; color: #858585; background: transparent url(../Imagenes/Sistema/campo-texto.png) no-repeat; } .menu-principal .formulario-buscar .boton { width: 29px; height: 25px; position: absolute; margin-left: 120px; background: transparent url(../Imagenes/Sistema/boton-busqueda.png) no-repeat; } #index .panel-izquierda { width: 494px; height: auto; float: left; background: transparent url(../Imagenes/Sistema/noticias-top.png) no-repeat; background-position: top; } .panel-izquierda .contenedor-noticias{ float: left; padding: 10px 20px; background-color: transparent; background-image: url(../Imagenes/Sistema/.png); background-repeat: repeat-y; } .panel-izquierda .contenedor-noticias h1{ margin: 0px 40px 15px auto; color: #ffffff; } .panel-izquierda .contenedor-noticias .noticia{ height: auto; margin: 24px auto 0; border-bottom: 1px solid #cccccc; overflow: hidden; color: #808080; text-align: justify; background: transparent url(../Imagenes/Sistema/fondo-noticias.png) repeat-x; } .panel-izquierda .contenedor-noticias .noticia h4{ color: #29ABE2; font-size: 18px; font-weight: bold; } .panel-izquierda .contenedor-noticias .noticia .fecha-noticia{ color: #585858; font-size: 10px; } .panel-izquierda .contenedor-noticias .noticia .ver-mas{ width: 70px; height: 25px; display: block; float: right; margin-top: 10px; margin-bottom: 5px; color: #ffffff; font-size: 12px; font-weight: bold; text-align: center; line-height: 25px; background: transparent url(../Imagenes/Sistema/vermas-noticias.png) no-repeat; background-position: top; } .panel-izquierda .contenedor-noticias .noticia .ver-mas:hover{ background: transparent url(../Imagenes/Sistema/vermas-noticias.png) no-repeat; background-position: bottom; } .panel-izquierda .contenedor-noticias .fondo-noticia{ width: 630px; height: 110px; margin: auto; border: 1px solid #F0F0F0; background: transparent url('../Imagenes/Sistema/fondo-titularnoticias.png') repeat-x } .panel-izquierda .contenedor-noticias .imagen-noticia{ width: 323px; height: 171px; margin: auto; background: transparent url('../Imagenes/Sistema/fondo-imgnoticia.png') repeat-x } .panel-izquierda .contenedor-noticias img{ width: 304px; height: 152px; margin-top: 9px; margin-left: 9px; } #index .panel-derecha{ width: 496px; height: 550px; float: left; } .panel-derecha .contenedor-videos { height: 352px; background: transparent url(../Imagenes/Sistema/fondo-player.png) repeat; } .panel-derecha .contenedor-videos .titulo-reproductor { width: 426px; height: 33px; margin: 10px auto; padding: 5px 20px; background: transparent url(../Imagenes/Sistema/fondo-titulovideos.png) repeat-x; } .panel-derecha .contenedor-videos .titulo-reproductor .icono-videos { width: 16px; height: 16px; margin: 4px; float: left; background: transparent url(../Imagenes/Sistema/icono-videos.png) repeat-x; } .panel-derecha .contenedor-videos .titulo-reproductor h2 { margin: 0px 20px; color: #ffffff; } .panel-derecha .contenedor-videos #reproductor-video { width: 400px; height: 280px; margin: 0 auto 20px auto; } .panel-derecha .contenedor-videos .lista-videos { display: none; } .panel-derecha .lista-videos { height: 154px; background: transparent url(../Imagenes/Sistema/fondo-galeria.png) repeat; } .panel-derecha .lista-videos .titulo-galeria { width: 426px; height: 33px; margin: 10px auto 0 auto; padding: 5px 20px; background: transparent url(../Imagenes/Sistema/fondo-titulovideos.png) repeat-x; } .panel-derecha .lista-videos .titulo-galeria h2 { margin: 0px 20px; color: #ffffff; } .panel-derecha .contenedor-galeriaimagenes{ width: 496px; height: 156px; float: left; background: transparent url('../Imagenes/Sistema/fondo-galeria.png') repeat; } .panel-derecha .contenedor-galeriaimagenes .titulo-galeria{width: 426px; height: 33px; margin: 10px auto 0 auto; padding: 5px 20px; background: transparent url(../Imagenes/Sistema/fondo-titulovideos.png) repeat-x; } .panel-derecha .contenedor-galeriaimagenes .titulo-galeria .icono-imagenes{ width: 16px; height: 16px; margin: 4px; float: left; background: transparent url('../Imagenes/Sistema/icono-imagenes.png') repeat; } .panel-derecha .contenedor-galeriaimagenes .titulo-galeria h3{ width: 156px; margin: 4px 20px; color: #ffffff; } .panel-derecha .contenedor-galeriaimagenes .contenedor-imagenes { width: 466px; height: 96px; margin: auto; overflow: hidden; } .panel-derecha .contenedor-galeriaimagenes .contenedor-imagenes ul li{ width: 140px; height: 94px; float: left; background: transparent url('../Imagenes/Sistema/fondo-itemgaleria.png') no-repeat; } .panel-derecha .contenedor-galeriaimagenes .contenedor-imagenes ul li img{ margin-top: 6px; } .panel-derecha .contenedor-galeriaimagenes .flecha-izquierda { float: left; width:22px; } .panel-derecha .contenedor-galeriaimagenes .flecha-izquierda a{ width: 22px; height: 19px; float: left; margin-top:35px; background: transparent url('../Imagenes/Sistema/flecha-anteriorgaleria.png') no-repeat; background-position: top;} .panel-derecha .contenedor-galeriaimagenes .flecha-izquierda a:hover { background: transparent url('../Imagenes/Sistema/flecha-anteriorgaleria.png') no-repeat; background-position: bottom;} .panel-derecha .contenedor-galeriaimagenes .flecha-derecha { float: left; width:22px; } .panel-derecha .contenedor-galeriaimagenes .flecha-derecha a{ width: 22px; height: 19px; float: right; background: transparent url('../Imagenes/Sistema/flecha-siguientegaleria.png') no-repeat; background-position: top; margin-top: 35px; } .panel-derecha .contenedor-galeriaimagenes .flecha-derecha a:hover { background: transparent url('../Imagenes/Sistema/flecha-siguientegaleria.png') no-repeat; background-position: bottom;} .panel-derecha .contenedor-galeriaimagenes li{ float: left; margin-bottom: 2px; width:150px; text-align:center; } .panel-derecha .contenedor-galeriaimagenes .carousel-wrap{ width:422px; float:left; } .panel-derecha .contenedor-galeriaimagenes li p.titulo-imagengaleria{ color: #424242; font-size: 14px; font-weight: bold; margin-top:10px; text-align: center; } #index .panel-inferior{ width: 990px; height: 368px; float: left; } .panel-inferior .contenedor-servicios{ width: 648px; height: auto; float: left; overflow: hidden; border-bottom: 1px solid #cccccc; background: transparent url(../Imagenes/Sistema/fondo-servicios.png) repeat-x; background-color: #F0F0F0; } .panel-inferior .contenedor-servicios .titulocontenedor-servicios{ width: 648px; height: 62px; overflow: hidden; background: transparent url(../Imagenes/Sistema/servicios-top.png) no-repeat; } .panel-inferior .contenedor-servicios .titulocontenedor-servicios h1{ color: #ffffff; font-weight:bold; margin-top: 10px; margin-left: 40px; } .panel-inferior .contenedor-servicios .item-anterior{ width: 22px; height: 19px; float: left; margin-top: 144px; margin-left: 20px; cursor: pointer; background: transparent url(../Imagenes/Sistema/flecha-anteriorgaleria.png) no-repeat; background-position: top; } .panel-inferior .contenedor-servicios .item-anterior:hover{ background: transparent url(../Imagenes/Sistema/flecha-anteriorgaleria.png) no-repeat; background-position: bottom; } .panel-inferior .contenedor-servicios .item-siguiente{ width: 22px; height: 19px; float: left; margin-top: -156px; margin-left: 590px; cursor: pointer; background: transparent url(../Imagenes/Sistema/flecha-siguientegaleria.png) no-repeat; background-position: top; } .panel-inferior .contenedor-servicios .item-siguiente:hover { background: transparent url(../Imagenes/Sistema/flecha-siguientegaleria.png) no-repeat; background-position: bottom; } .panel-inferior .contenedor-servicios .carousel-wrap{ width:548px; float: left;} .panel-inferior .contenedor-servicios li{ width:184px; height:300px; float:left; } .panel-inferior .contenedor-servicios li .servicio{ width:179px; height:300px; margin: 10px auto 0 auto; float:left; font-size:10px; overflow: hidden; background: transparent url('../Imagenes/Sistema/fondo-itemservicio.png') no-repeat; } .panel-inferior .contenedor-servicios li .servicio .item1, .item4{ width: 146px; height: 40px; margin: auto; border-bottom: 1px solid #ccc; font-size: 13px; overflow: hidden; text-align: center; color: #24454F; font-weight: bold; background: transparent url('../Imagenes/Sistema/titulo-item1.png') no-repeat; } .panel-inferior .contenedor-servicios li .servicio .item2, .item5{ width: 146px; height: 40px; margin: auto; border-bottom: 1px solid #ccc; font-size: 13px; overflow: hidden; text-align: center; color: #24454F; font-weight: bold; background: transparent url('../Imagenes/Sistema/titulo-item2.png') no-repeat; } .panel-inferior .contenedor-servicios li .servicio .item3, .item6{ width: 146px; height: 40px; margin: auto; border-bottom: 1px solid #ccc; font-size: 13px; overflow: hidden; text-align: center; color: #24454F; font-weight: bold; background: transparent url('../Imagenes/Sistema/titulo-item3.png') no-repeat; } .panel-inferior .contenedor-servicios li .servicio .imagen-servicio{ width: 150px; height: 65px; margin: 15px auto; clear: both; border: 1px solid #ccc; } .panel-inferior .contenedor-servicios li .servicio .descripcion-servicio{ width:150px; height:40px; margin: 4px auto; font-size:11px; padding:0 15px; color:#999; text-align:justify;} .panel-inferior .contenedor-servicios li .servicio .ver-mas{ width: 70px; height: 25px; margin: 65px auto; display: block; color: #ffffff; font-size: 12px; font-weight: bold; text-align: center; line-height: 25px; background: transparent url(../Imagenes/Sistema/vermas-servicios.png) no-repeat; background-position: top; } .panel-inferior .contenedor-servicios li .servicio .ver-mas:hover{ background: transparent url(../Imagenes/Sistema/vermas-servicios.png) no-repeat; background-position: bottom; } .panel-inferior .contenedor-destacados { width: 342px; height: 362px; float: left; border-bottom: 1px solid #cccccc; background: transparent url(../Imagenes/Sistema/fondo-destacados.png) repeat-x; } .panel-inferior .contenedor-destacados .titulocontenedor-destacados{ height: 62px; overflow: hidden; background: transparent url(../Imagenes/Sistema/destacados-top.png) no-repeat; } .panel-inferior .contenedor-destacados .titulocontenedor-destacados h1{ color: #ffffff; font-weight:bold; margin-top: 10px; margin-left: 40px; } .panel-inferior .contenedor-destacados ul{ margin-top: 10px; } .panel-inferior .contenedor-destacados .destacado{ width: 288px; height: 70px; margin: auto; padding: 10px; background: transparent url(../Imagenes/Sistema/fondo-itemdestacado.png) no-repeat; } .panel-inferior .contenedor-destacados .destacado h4{ color: #24454F; font-weight:bold; margin-top: 2px; } .panel-inferior .contenedor-destacados .destacado .contenido-destacado { width: 280px; height: 70px; overflow: hidden; color: #858585; text-align: justify; } .panel-inferior .contenedor-destacados .destacado .boton-verdestacado { width: 22px; height: 22px; display: block; position: absolute; margin-top: -36px; margin-left: 260px; background: transparent url(../Imagenes/Sistema/boton-verdestacado.png) no-repeat; } #index .contenedor-banners{ width: 856px; height: 120px; margin: auto; padding-top: 10px; } .contenedor-banners img{ margin: 4px; } #principal #pie { width: 990px; height: auto; margin: auto; overflow:hidden; clear:both; background: transparent url('../Imagenes/Sistema/fondo-cabecera.png') repeat-x; } #pie .contenido-pie{ height: 273px; margin: auto; background: transparent url('../Imagenes/Sistema/pie-top.png') repeat-x; background-position: top; overflow: hidden; } #pie .contenido-pie .redes-sociales { width: 100px; height: auto; margin-left: 856px; position: absolute; } #pie .contenido-pie .redes-sociales .red-facebook { width: 38px; height: 38px; margin: 6px; float: left; background: url('../Imagenes/Sistema/red-facebook.png'); background-repeat: no-repeat; } #pie .contenido-pie .redes-sociales .red-twitter { width: 38px; height: 38px; margin: 6px; float: left; background: url('../Imagenes/Sistema/red-twitter.png'); background-repeat: no-repeat; } .contenido-pie .info-izquierda { width: 600px; height: auto; float: left; margin-top: 40px; margin-left: 30px; } .contenido-pie .info-izquierda .mapa-sitio h4{ color: #424242; font-size: 23px; font-weight: bold; } .contenido-pie .info-izquierda .mapa-sitio .contenido-mapa { width: 300px; height: 110px; margin: auto; float: left; } .contenido-pie .info-izquierda .mapa-sitio .contenido-mapa .vineta-flecha{ } .contenido-pie .info-izquierda .mapa-sitio .contenido-mapa ul li a{ margin: 2px; font-size: 15px; font-weight: normal; line-height: 22px; } .contenido-pie .info-izquierda .mapa-sitio .contenido-mapa ul li a:hover { color:#858585; } .contenido-pie .info-izquierda .mapa-sitio .contenido-mapa ul li a .vineta{ width: 16px; height: 16px; float: left; margin-top: 4px; margin-right: 4px; background: transparent url('../Imagenes/Sistema/vineta.png') no-repeat; } .contenido-pie .info-izquierda .logo-entidad{ } .contenido-pie .info-derecha { width: 320px; height: auto; float: left; text-align: right; margin-top: 40px; margin-right: 30px; } .contenido-pie .info-derecha p { color: #7D7D7D; font-size: 14px; } .contenido-pie .info-derecha .singlec { height: 28px; float: right; margin-top: 4px; } .contenido-pie .info-derecha .singlec a img.poweredby { margin-left: 5px; } .contenido-pie .info-derecha .singlec span { float: left; color: #858585; font-size: 7px; font-weight: bold; } #izq { float: left; width: 646px; background: transparent url('../Imagenes/Sistema/fondo-player.png') repeat; } #der { float: left; width: 344px; } /*Reglas Modelo-Interna*/ body.minterna { background-image: url(../Imagenes/Sistema/fondo-body.png); background-repeat: repeat; } #principal .fondo-cabecera{ width: 100%; height: 224px; background: transparent url('../Imagenes/Sistema/fondo-cabecerainterna.png') repeat-x; } #cabecera.interna { width: 1052px; height: 224px; margin: auto; padding-top: 150px; background: transparent url('../Imagenes/Sistema/cabecera-interna.png') no-repeat; background-position: top; } #cabecera.interna .menu-principal { width: 970px; height:72px; margin: 25px auto; background: transparent url('../Imagenes/Sistema/fondo-menuprincipal.png') repeat-x; } #cabecera.interna .menu-principal .formulario-buscar { } #contenido.minterna { width: 990px; height: auto; margin: 24px auto 0 auto; background-color:#e9e9e9; overflow:hidden; } #der .contenedor-banners{ width: 283px; height: 100px; margin: auto; padding-top: 10px; } .contenedor-banners img{ } #der .contenedor-servicios{ width: 320px; height: 150px; margin: auto; } #der .contenedor-servicios .titulocontenedor-servicios { height: 30px; margin: 10px auto; padding: 4px 20px; background: transparent url(../Imagenes/Sistema/fondo-titulovideos.png) repeat-x; } #der .contenedor-servicios .titulocontenedor-servicios h1{ color: #ffffff; font-size: 18px; font-weight:bold; } #der .contenedor-servicios li a{ margin: 2px; font-size: 15px; font-weight: normal; line-height: 22px; float: left; } #der .contenedor-servicios li a:hover { margin-left:3px; color: #585858; font-weight: bold; } #der .contenedor-servicios li a .vineta{ width: 16px; height: 16px; float: left; margin-top: 4px; margin-right: 4px; background: transparent url('../Imagenes/Sistema/vineta.png') no-repeat; } #der .contenedor-destacados { width: 320px; height: 362px; margin: auto; background: transparent url(../Imagenes/Sistema/fondo-destacados.png) repeat-x; } #der .contenedor-destacados .titulocontenedor-destacados { width:280px; height: 30px; float: right; margin: 25px auto 0 auto; padding: 4px 20px; background: transparent url(../Imagenes/Sistema/fondo-titulovideos.png) repeat-x; } #der .contenedor-destacados .titulocontenedor-destacados h1{ color: #ffffff; font-size: 18px; font-weight:bold; } #der .contenedor-destacados ul{ margin-top: 10px; } #der .contenedor-destacados .destacado{ width: 288px; height: 70px; margin: auto; padding: 10px; background: transparent url(../Imagenes/Sistema/fondo-itemdestacado.png) no-repeat; } #der .contenedor-destacados .destacado h4{ color: #24454F; font-size: 13px; font-weight:bold; margin-top: 2px; } #der .contenedor-destacados .destacado .contenido-destacado { width: 280px; height: 70px; overflow: hidden; color: #858585; text-align: justify; } #der .contenedor-destacados .destacado .boton-verdestacado { width: 22px; height: 22px; display: block; position: absolute; margin-top: -36px; margin-left: 260px; background: transparent url(../Imagenes/Sistema/boton-verdestacado.png) no-repeat; } /*Reglas Contenido Articulos*/ #articulos-ver h1 { color: #29ABE2; } #articulos-ver .texto-articulo { font-size: 15px; color: #333333; line-height: 16px; } #articulos-ver .texto-articulo h4 { font-size: 14px; font-weight: bold; color: #808080; } #articulos-ver .texto-articulo h3 { color: #29ABE2; } #articulos-ver .texto-articulo p { margin-bottom: 1em; } #articulos-ver .texto-articulo img { margin-right: 20px; margin-bottom: 15px; padding: 4px; border: 1px solid #cccccc; background-color: #FFFFFF; } #articulos-ver .der { width: 200px; float: left; margin-top: 70px; margin-left: 30px; background-color: #f4f4f4; padding: 10px; } #articulos-ver .izq { float: left; width: 600px; padding: 10px; } #articulos-ver .izq .contenedor-articulo .info-general { float: left; width: 500px; } #articulos-ver .izq .contenedor-articulo, .contenedor-contacto { margin: auto !important; } #articulos-ver .izq .contenedor-articulo .vistas { float: right; } #articulos-ver .izq .contenedor-articulo { margin-bottom: 25px; text-align: justify; } #articulos-ver .izq .contenedor-articulo .info-general ul li { float: left; margin-right: 10px; font-size: 12px; border-right: 1px solid #cccccc; padding-right: 8px; } #articulos-ver .izq .archivos-adjuntos { margin-bottom: 15px; overflow-x: hidden; overflow-y: hidden; } /***Reglas Modelo Clientes***/ #contenido.clientes{ margin-top: 24px; } .izq .contenedor-articulo .tabla-clientes{ width: 950px; margin: 0 auto 10px auto; margin: 0 auto 10px auto; border: 1px solid #CCCCCC; background-color: #FFFFFF; } .izq .contenedor-articulo .tabla-clientes th{ font-size: 14px; font-weight: normal; padding: 10px 8px; color: #039; } .izq .contenedor-articulo .tabla-clientes td{ padding: 8px; color: #669; } .izq .contenedor-articulo .tabla-clientes .odd { background: #e8edff; } /*#articulos-ver .izq .contenedor-articulo .tabla-clientes img{ border: none; margin: 3px; } #articulos-ver .izq .contenedor-articulo .tabla-clientes td{ height: 50px; padding: 0 10px; border-bottom: 1px solid #cdcdcd; box-shadow: 0 1px 0 white; -moz-box-shadow: 0 1px 0 white; -webkit-box-shadow: 0 1px 0 white; text-align: center; } #articulos-ver .izq .contenedor-articulo .tabla-clientes tbody td{ text-align: left; font-size: normal 10px; width: 180px; } #articulos-ver .izq .contenedor-articulo .tabla-clientes tbody td:first-child{ width: 100px; text-align: left; background-color: #ffffff; border-left: 1px solid white; border-right: 1px solid white; } #articulos-ver .izq .contenedor-articulo .tabla-clientes td:nth-child(3), .tabla-clientes td:nth-child(5){ width: 100px; background: #ffffff; border-right: 1px solid white; } #articulos-ver .izq .contenedor-articulo .tabla-clientes td:nth-child(1)){ width: 100px; background-color: #e8faca; border-right: 1px solid white; } #articulos-ver .izq .contenedor-articulo .tabla-clientes td:nth-child(2) { width: 510px; border-right: 1px solid white; } #articulos-ver .izq .contenedor-articulo .tabla-clientes td:nth-child(4){ width: 510px; border-right: 1px solid white; } #articulos-ver .izq .contenedor-articulo .tabla-clientes thead td{ font-size: 12px; font-weight: bold; -moz-border-radius-topright: 10px; -moz-border-radius-topleft: 10px; border-top-right-radius: 10px; border-top-left-radius: 10px; border-top: 0px solid #eaeaea; } #articulos-ver .izq .contenedor-articulo .tabla-clientes thead td:first-child{ border-top: none; } #articulos-ver .izq .contenedor-articulo .tabla-clientes tfoot td{ font: bold 1.4em Georgia; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom: 1px solid #dadada; } #articulos-ver .izq .contenedor-articulo .tabla-clientes tfoot td:first-child{ border-bottom: none;}*/ .texto-articulo ul { list-style-type: disc; margin-top: auto; margin-right: auto; margin-bottom: auto; padding-left: 5px; margin-left: 5px; } .texto-articulo li { list-style-type: disc; margin-top: auto; margin-right: auto; margin-bottom: auto; padding-left: 5px; margin-left: 25px; padding-top: 3px; padding-bottom: 3px; } .item-articulo { margin: 10px; padding-top: 15px; padding-bottom: 15px; border-bottom: 1px dotted #999999; overflow:hidden; } .item-articulo h1 { color: #29ABE2; padding-bottom: 6px; } .item-articulo .fecha-articulo { font-size: 12px; font-weight: bold; color: #585858; display: block; } .item-articulo img { padding: 4px; border: 1px solid #cccccc; float:left; margin-right: 5px; background-color: #FFFFFF; } .item-articulo .titular-articulo { color: #333333; font-size: 15px; text-align: justify; } .item-articulo ul{ margin-top:8px; float:left; clear:both;} .item-articulo ul li{ float:left; margin-right:5px; } .item-articulo ul li.com{ background-image: url(../Imagenes/Template/icono-comentario.png); background-repeat: no-repeat; background-position: left center; padding-left:20px; } .link-articulo { float: right; padding-top: 8px; font-size: 14px; font-weight: bold; } .link-articulo:hover { color: #AB2407; } .item-articulo .ver-mas{ width: 70px; height: 25px; float: right; display: block; margin-top: 10px; margin-bottom: 5px; color: #ffffff; font-size: 12px; font-weight: bold; text-align: center; line-height: 25px; background: transparent url(../Imagenes/Sistema/vermas-noticias.png) no-repeat; background-position: top; } .item-articulo .ver-mas:hover{ background: transparent url(../Imagenes/Sistema/vermas-noticias.png) no-repeat; background-position: bottom; } #articulos .seccion-catarticulos { overflow-x: hidden; overflow-y: hidden; margin-top: 20px; } #articulos .seccion-catarticulos .izq { width: 200px; float: left; margin-top: 30px; margin-right: 20px; background-color: #f4f4f4; padding: 10px; } #articulos .seccion-catarticulos .der { float: left; width: 600px; } #articulos .seccion-catarticulos .der > h1 { margin-left: 10px; } .listado-1 { width: 260px; height: 246px; } .item-album { overflow-x: hidden; overflow-y: hidden; margin-top: 10px; margin-bottom: 10px; padding: 15px; border: 1px solid #cccccc; } .item-album h2{ color: #29ABE2; } .item-album span.fecha { display: block; margin-bottom: 15px; } .item-album .previas { overflow-x: hidden; overflow-y: hidden; clear: both; float: left; } .item-album .desc { margin-left: 10px; float: left; width: 450px; } .item-album a.masalbum { display: block; float: right; font-size: 14px; font-weight: 700; margin-top: 15px; } .minuatura-imagen { float: left; text-align: center; height: 106px; width: 194px; } .minuatura-imagen img { } .minuatura-imagen p { font-size: 14px; font-weight: bold; margin-top: 10px; text-align: center; } #index .carrusel-album .item { float: left; margin: 0px; padding: 5px 0px 0px 5px; background: #ffffff; } .carrusel-album .item img { margin-top: auto; margin-bottom: auto; } .carrusel-album .flecha-izquierda{ float: left; margin: 0px 0px 0px 7px; } .carrusel-album .flecha-derecha { float: left; } .carrusel-album .flecha-izquierda a { display: block; background: url("../Imagenes/Sistema/flecha-anteriorgaleria.png") no-repeat; width: 29px; height: 185px; margin: 8px 2px 0px 3px; } .carrusel-album .flecha-derecha a { display: block; background: url("../Imagenes/Sistema/flecha-siguientegaleria.png") no-repeat; width: 29px; height: 185px; margin: 8px 2px 0px 3px; } .carrusel-album .carousel-wrap { float: left; width: 940px; margin-right: 10px; min-height:100px; } #album-lista .titulo { display: block; margin-top: 10px; margin-bottom: 15px; font-size: 18px; color: #ed7b00; text-transform: uppercase; } #album-lista .der { width: 200px; float: left; margin-top: 30px; margin-left: 20px; background-color: #f4f4f4; padding: 10px; } #album-lista .izq { float: left; width: 610px; } #album-lista .minuatura-imagen { width: 150px; } #album-lista .caja-gris { float: left; width: 220px; border: 1px solid #e0e0e0; margin-top: 60px; margin-left: 20px; } #album-lista .caja-gris h3 { text-align: center; font-size: 11px; text-transform: uppercase; font-weight: 400; padding: 3px; color: #7f7f7f; background-color: #c5c5c5; background-image: url("../Imagenes/Sistema/fondo-titulo-caja.gif"); background-repeat: repeat-x; } #album-lista .caja-gris ul a { font-weight: 700; font-size: 14px; color: #666666; } #album-lista .caja-gris ul { border-bottom: 1px solid #e0e0e0; } #album-lista .caja-gris ul li { display: block; padding: 5px 0px 5px 5px; border-top: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; background-color: #ffffff; } /*Reglas Galeria Imagenes*/ .albumes { margin-top: 30px; } #album .titulo { display: block; margin-top: 10px; margin-bottom: 15px; font-size: 18px; color: #ed7b00; text-transform: uppercase; } #album .der { width: 200px; float: left; margin-top: 30px; margin-left: 20px; background-color: #f4f4f4; padding: 10px; } #album .izq { float: left; width: 650px; } #album .minuatura-imagen { } #album-ver .titulo { display: block; margin-top: 10px; margin-bottom: 15px; font-size: 18px; color: #ed7b00; text-transform: uppercase; } #album-ver .der { width: 200px; float: left; margin-top: 30px; margin-left: 20px; background-color: #f4f4f4; padding: 10px; } #album-ver .izq { float: left; width: 650px; } #album-ver .minuatura-imagen { margin-top: 15px; margin-right: 20px; } #album-ver { } #album-ver .izq { float: left; margin-left: 20px; width: 670px; } #album-ver .izq .imagen-album img { border: 10px solid #ffffff; } #album-ver .izq .info-imagen { background-image: url("../Imagenes/Sistema/fondo-blanco-transparente50.png"); padding: 10px 0px 10px 10px; font-weight: 700; font-size: 14px; font-family: "Trebuchet MS"; color: #666666; margin-top: 10px; } #album-ver .izq .coment .opcion-cuadrada { border-bottom: 1px dotted #999999; font-weight: 700; font-size: 14px; padding: 5px; } #album-ver .der { float: left; margin-left: 20px; width: 330px; } #album-ver .der .img-relacionadas .minuatura-imagen { float: left; margin-left: 20px; } #album-ver .der .img-relacionadas .minuatura-imagen img { border: 6px solid #ffffff; } #album-ver .der .coment .contenedor-opcionescomentario .lista-comentarios .registros-encontrados { float: right; text-align: right; border-bottom: 1px dotted #999999; font-size: 14px; padding: 5px; } #album-ver .compartir { float: right; margin-top: 10px; margin-bottom: 15px; } #album-ver .minuatura-imagen { width: 100px; margin: 5px; } .contenedorformulario { } .contenedorformulario .tablaformulario { border-collapse: collapse; width: 80%; } .contenedorformulario td { padding-right: 30px; } .contenedorformulario .etiquetas { text-align: left; padding-left: 0px; font-size: 12px; font-family: "Arial", "Helvetica", sans-serif; width: 150px; padding-right: 15px; } .contenedorformulario .colboton { text-align: center; } .contenedorformulario .tabla-formulario-movimiento { border-collapse: collapse; } .contenedorformulario .titulo { text-align: left; padding: 5px 0px 10px 5px; background-color: #666666; color: #ffffff; font-size: 16pt; letter-spacing: 0.05em; font-weight: 700; } .contenedorformulario fieldset { } .contenedorformulario .contenedor-campo { padding-top: 8px; padding-right: 20px; padding-bottom: 8px; float: left; display: inline; } .contenedorformulario .contenedor-error { padding-top: 20px; padding-right: 30px; } .contenedorformulario .contenedor-botones { padding-top: 10px; padding-right: 0px; text-align: right; margin-right: 15px; } .contenedorformulario .contenedor-botones input { float: right; } .contenedorformulario label { color: #474747; font-weight: 400; display: block; font-size: 12px; padding-bottom: 5px; } select option { background-color: #ffffff; } .contenedorformulario textarea { width: 500px; height: 80px; padding: 8px; font-size: 12px; font-family: "Arial", "Helvetica", sans-serif; border: 1px solid #a3a3a3; background: url("../Imagenes/Template/input-fondo-largo.gif") repeat-x; font-weight: 700; } .contenedorformulario .contenedor-grid { padding-top: 30px; padding-left: 17px; } .contenedorformulario p { padding-top: 0px; } .contenedorformulario .contenedor-botones { padding-right: 0px; text-align: right; } .contenedorformulario .contenedor-botones input { float: right; } .contenedorformulario .imagen-captcha { float: left; } .contenedorformulario .input-captcha { float: left; } .contenedorformulario .fieldset { border: 1px solid #cccccc; background-color: #f9fcff; margin: 20px 10px 10px 0px; padding: 5px 10px 20px; } .contenedorformulario .legend { display: block; font-weight: 700; font-size: 18px; font-family: "Arial narrow", "Helvetica"; color: #333300; margin-bottom: 10px; } input[type="submit"], input[type="button"] { border:none; height: 25px; width: 70px; display: block; color: #FFF; font-size: 11px; cursor:pointer; background: transparent url(../Imagenes/Sistema/vermas-noticias.png) no-repeat; background-position: top; } input[type="submit"]:hover, input[type="button"]:hover { background: transparent url(../Imagenes/Sistema/vermas-noticias.png) no-repeat; background-position: bottom; } .contenedorformulario input[type="text"], .contenedorformulario input[type="password"] { border: 1px solid #a3a3a3; height: 17px; font-weight: 700; font-size: 13px; background-color: transparent; background-image: url("../Imagenes/Template/fondo-input.gif"); background-repeat: repeat-x; background-position: 0% 0%; } .contenedorformulario select { border: 1px solid #a3a3a3; height: 19px; font-weight: 700; font-size: 13px; background-color: transparent; background-image: url("../Imagenes/Template/fondo-input.gif"); background-repeat: repeat-x; background-position: 0% 0%; } .img-capcha { float: left; } .img-capcha img { height: 30px; } .campo-campcha { float: left; padding-top: 5px; } .formulario-comentario label span { display: block; } .formulario-comentario label > input { height: 20px; margin-top: 4px; } .formulario-comentario label { float: left; padding-top: 10px; } .formulario-comentario label textarea { width: 522px; height: 80px; font-size: 12px; font-family: "Arial", "Helvetica", sans-serif; padding: 8px; border: 1px solid #cccccc; } .formulario-comentario .input-text { border: 1px solid #cccccc; } .formulario-comentario { padding: 15px; } .formulario-comentario .separador { width: 20px; float: left; padding-top: 10px; } .formulario-comentario label span .requerido { color: #cc0000; display: inline; font-size: 11px; } .formulario-comentario .bot-enviar { float: right; } .comentario { padding: 15px; border-top: 1px dotted #cccccc; } .comentario .avatar { width: 55px; padding: 4px; background-image: url("../Imagenes/Sistema/fondo-avatar.gif"); height: 55px; } .comentario .c1 { float: left; width: 70px; } .comentario .c2 { float: left; padding-left: 15px; width: 480px; } .comentario .subcomentarios { padding-left: 70px; } .comentario .subcomentarios .c2 { float: left; padding-left: 15px; width: 380px; } .comentario .subcomentarios .comentario { margin-top: 30px; } .mensaje-confirmacion { margin: 0px auto; text-align: center; width: 1042px; height: 45px; background-color: #858585; } .mensaje-error { margin: 0px auto; text-align: center; width: 990px; height: 45px; background-color: #da251c; } #mensaje p { padding-top: 15px; text-align: center; color: #ffffff; font-weight: 700; font-size: 14px; } #mensajeestado { display:none; margin-right:10px; background-color:#FC0; font-size:12px; padding:5px; -moz-border-radius:5px; position:fixed; top:10px; right:10px; font-weight:bold; border:solid 1px #333; z-index: 100000000; } .contenedor-paginacion { height: 30px; margin-top: 15px; margin-bottom: 15px; border-bottom: 1px dotted #cccccc; } .contenedor-paginacion .paginacion { height: 18px; } .contenedor-paginacion .paginacion li { color: #35969f; float: left; padding-right: 5px; padding-left: 5px; font-weight: 700; text-align: center; } .contenedor-paginacion .paginacion .activo { background-image: url("../Imagenes/Template/fondo-link-paginador.gif"); background-repeat: no-repeat; background-position: 50% 50%; width: 18px; color: #ffffff; text-decoration: none; display: block; } .contenedor-paginacion .paginacion .palabra { color: #35969f; display: block; } .contenedor-paginacion .paginacion a { padding-top: 2px; height: 18px; } .contenedor-paginacion .paginacion .normal { display: block; } .seccion { padding: 10px; } .seccionlarga { padding-bottom: 30px; background-image: url("../Imagenes/Sistema/fondo-seccion-medio.png"); background-repeat: repeat; margin-left: 15px; padding-left: 20px; margin-top:20px; overflow: hidden; } #buscar.seccion { padding-top: 30px; } .nocat { height: 50px !important; } .categorias-articulos { height: 250px; background-image: url("../Imagenes/Sistema/fondo-centronoticias.gif"); background-repeat: repeat-x; background-position: 50% 0%; } .categorias-articulos .nocat { display: none; height: auto; } .categorias-articulos .opciones { height: 42px; padding: 5px; overflow-x: hidden; overflow-y: hidden; } .categorias-articulos .lista { height: 179px; padding: 10px; } .categorias-articulos .lista ul { overflow-x: hidden; overflow-y: hidden; height: 180px; } .categorias-articulos .lista ul li { width: 205px; border-right: 1px solid #666666; padding-right: 8px; float: left; padding-left: 8px; height: 180px; } .categorias-articulos .lista ul li a { font-size: 11px; color: #999999; display: block; height: 22px; padding-top: 3px; text-decoration: none; } .categorias-articulos .lista ul li a:hover { color: #f0973e; } .categorias-articulos .lista ul li .selected { color: #ffffff; } .categorias-articulos .lista .siguiente, .categorias-articulos .lista .anterior { text-decoration: none; margin-top: 20px; display: block; float: left; text-align: center; background-color: #333333; color: #cccccc; padding: 3px; font-size: 13px; border: 1px solid #999999; margin-right: 2px; margin-left: 2px; } .categorias-articulos .lista .siguiente:hover, .categorias-articulos .lista .anterior:hover { background-color: #ed7b00; text-decoration: none; } .categorias-articulos .lista .center-wrap { margin-top: 20px; float: left; } .categorias-articulos .lista .carousel-pagination a { cursor: pointer; text-decoration: none; display: block; padding: 3px; color: #cccccc; font-size: 13px; float: left; border: 1px solid #999999; margin-right: 2px; margin-left: 2px; width: 20px; text-align: center; background-color: #333333; } .categorias-articulos .lista .carousel-pagination a:hover { background-color: #ed7b00; text-decoration: none; } .categorias-articulos .lista ul li .selected:hover { color: #ffffff; } .categorias-articulos .opciones ul > .item-buscar { border-left: none; } .categorias-articulos .opciones ul .item-buscar { float: left; margin-right: 8px; margin-left: 8px; border-left: 1px solid #000000; height: 22px; padding-top: 5px; padding-left: 13px; } .categorias-articulos .opciones ul .item-buscar a { font-size: 12px; color: #f0973e; text-decoration: none; } .categorias-articulos .opciones ul .item-buscar a:hover { color: #ffffff; } .categorias-articulos .opciones .controles { float: right; } .categorias-articulos .opciones ul { padding: 8px; } .categorias-articulos .opciones ul .item-buscar .cerrar { float: right; cursor: pointer; } .categorias-articulos .opciones ul .item-buscar .cerrar:hover { color: #333333; } .archivos { float: left; } .archivos .listado { float: left; padding-bottom: 30px; } .archivos .listado .categorias { float: left; width: 180px; background-color: #eae9e3; margin-right: 20px; padding: 15px 0px 15px 15px; } .archivos .listado .categorias .listado-0 { background-color: #666666; } .archivos .listado .categorias .listado-0 li a { font-weight: 700; font-size: 16px; font-family: "Trebuchet MS"; color: #ffffff; display: block; padding: 6px; height: 21px; } .archivos .listado .categorias .listado-0 li a:hover { color: #ffffff; text-decoration: none; background-color: #999999; background-image: url("../Imagenes/Sistema/fondo-menu-normal.jpg"); background-repeat: repeat-x; text-transform: uppercase; } .archivos { overflow-x: hidden; overflow-y: hidden; } .archivos li { overflow-x: hidden; overflow-y: hidden; min-height: 130px; margin-top: 10px; margin-bottom: 10px; border: 1px solid #f2f2f2; padding: 10px; float: left; margin-right: 4px; margin-left: 4px; width: 185px; } .archivos li:hover { background-color: #f0f0f0; } .archivos li h2 { font-weight: 700; font-size: 14px; font-family: "Trebuchet MS"; color: #666666; margin: 5px 0px 2px; } .archivos li h2 em { font-weight: 700; font-size: 14px; font-family: "Trebuchet MS"; color: #666666; } .archivos li img { margin: 5px 10px 0px 0px; } .archivos li .imagen { height: 76px; } .archivos li span { display: block; } .archivos li p { width: 60%; display: block; font-size: 13px; color: #ffffff; font-weight: 700; } .archivos li a { color: #000000; font-weight: 700; display: block; margin-top: 5px; text-align: right; background-image: url("../Imagenes/Varias/SelectorAbajoSobre.gif"); background-repeat: no-repeat; background-position: 100% 0%; padding-right: 22px; height: 17px; padding-top: 3px; } #buscar { padding: 20px; } #buscar .item-articulo { width: 290px; float: left; margin-right: 5px; margin-left: 5px; height: 225px; border: none; border-top: 1px dotted #cccccc; } #contacto { } #contacto #tabla-contacto td { padding: 5px; } #contacto .informacion-contacto { font-weight: 400; font-size: 12px; float: right; } #videos { } #videos .destacados #reproductor-video { width: 510px; margin: auto; } #videos .destacados .informacion { width: 510px; margin: auto; padding-top:15px; } #videos .destacados .informacion .fecha{ color: 808080; font-size: 10px; } #videos .destacados .informacion h2{ color: #29ABE2; margin-top: 5px; } #videos .destacados { overflow-x: hidden; overflow-y: hidden; } #videos .filtros { margin-top: 15px; margin-bottom: 15px; } #videos .listado { margin-top: 15px; } #videos .contenedor-video { width: 180px; float: left; height: 110px; margin: 5px; padding: 8px; overflow-x: hidden; overflow-y: hidden; text-align: center; border: 1px solid #ccc; } #videos .contenedor-video img { border: 6px solid #ffffff; margin-right: 10px; margin-bottom: 8px; } #videos .contenedor-video .play-peq { display: block; cursor: pointer; background-image: url("../Imagenes/Sistema/play-pequeno.png"); width: 26px; height: 26px; float: right; } #archivos { } #archivos .categorias-items .izquierda .categorias { width: 200px; float: left; } #archivos .categorias-items .derecha { float: left; width: 700px; margin-left: 10px; } #archivos .categorias-items .izquierda .categorias p { font-weight: 700; margin-bottom: 5px; } #archivos .categorias-items ul li a { font-weight: 700; font-size: 13px; } .item-archivo { background-image: url("../Imagenes/Sistema/fondo-item-archivo.jpg"); background-repeat: repeat-x; padding: 10px; border: 1px dotted #cccccc; width: 590px; } .item-archivo .titulo { color: #333333; font-weight: 700; font-size: 14px; display: block; float: left; text-transform: uppercase; } .item-archivo .fecha { color: #666666; display: block; float: right; } .item-archivo .contenedor-imagen { padding-top: 10px; float: right; margin-right: 10px; } .item-archivo .texto-articulo { float: left; width: 600px; padding-top: 10px; text-align: justify; } .item-archivo .linkarchivo { font-weight: 700; display: block; float: right; padding-top: 15px; }