/* Clear ************************************/ * { margin: 0; padding: 0; } ul { list-style-type: none } a { text-decoration: none; color: #000000; } a:hover { text-decoration: underline; } em { font-style: normal } table { border-collapse: collapse } .clear { clear: both } fieldset { border:none } body { height:100%; } html { min-height: 100%; height: 100%; } option { background-color: #FFFFFF; } img { border:none; } li { list-style:none; } /* div, input, span, img{ .behavior: url("Javascript/PngPath/iepngfix.htc");} */ /* Estructura general ************************************/ body { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; background-image: url(../Imagenes/Sistema/fondo-total.png); background-repeat: no-repeat; background-position: center top; } #contenedor-principal { width: 990px; margin-left: auto; margin-right: auto; } #contenido { width: 990px; } #contenedor { width: 990px; margin-left: auto; margin-right: auto; } /* Encabezado ************************************/ #encabezado { } /* Pie ************************************/ /* Estilos generales ************************************/ .mensaje-confirmacion { margin:0 auto; text-align:center; width: 990px; height: 45px; background-color:#336699; } .mensaje-error { margin:0 auto; text-align:center; width: 990px; height: 45px; background-color:#da251c; } #mensaje p { text-align:center; padding-top:15px; text-align:center; color:#FFFFFF; font-weight:bold; font-size:14px; } .registros-encontrados { float:right; padding-top:10px;} /* Paginador *************************************/ .contenedor-paginacion { height: 30px; padding-top: 15px; text-align: right; } .contenedor-paginacion .paginacion { float: right; height: 18px; } .contenedor-paginacion .paginacion li { color:#35969f; float: left; padding-left: 5px; padding-right: 5px; font-weight: bold; text-align: center; } .contenedor-paginacion .paginacion .activo { background-image: url(../Imagenes/Template/fondo-link-paginador.gif); background-repeat: no-repeat; background-position: center center; 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; } /* Apariencia general del formulario */ .contenedorformulario { } .contenedorformulario .tablaformulario { border-collapse: collapse; width: 80% } .contenedorformulario td { padding-right:30px; } .contenedorformulario .etiquetas { text-align:left; padding-left:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; width: 150px; padding-right: 15px; } .contenedorformulario .colboton { text-align:center; } .contenedorformulario .tabla-formulario-movimiento { border-collapse: collapse; } .contenedorformulario .titulo { text-align:left; padding:5px 0 10px 5px; background-color: #666666; color:#FFFFFF; font-size: 16pt; font-style: bold; letter-spacing: 0.05em; } .contenedorformulario fieldset { padding:20px; } .contenedorformulario .contenedor-campo { padding-top:20px; padding-right:30px; 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; } .contenedorformulario .contenedor-botones input { float:right; } .contenedorformulario label { color:#474747; font-weight:normal; display:block; font-size: 12px; padding-bottom: 5px; } .contenedorformulario select option { } .contenedorformulario textarea { width:500px; height:120px; padding:8px; font-family:Arial, Helvetica, sans-serif; font-size:12px; border: 1px solid #a3a3a3; background: transparent url('../Imagenes/Template/input-fondo-largo.gif') repeat-x top left; font-weight: bold; } .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; } /* inicio: Autocompletar ***********************************/ .yui-skin-sam .input { position:static; width:20em; vertical-align:middle; } .yui-skin-sam .yui-ac-container { width:20em; left:0px; } .componente-autocompletar { z-index:9001; } .componente-autocompletar .input-autocompletar { float: left; } .componente-autocompletar .boton-autocompletar { float: right; } .yui-ac .yui-button { vertical-align:middle; } .yui-ac .yui-button button { background: url(../Imagenes/Template/ac-arrow-rt.png) center center no-repeat } .yui-ac .open .yui-button button { background: url(../Imagenes/Template/ac-arrow-dn.png) center center no-repeat } /**************************/ /* fin: Autocompletar */ /* Contacto ****************************************/ #tabla-contacto tr td .contenedorformulario form #tabla-formulario tr td { padding:5px; } /* Campos globales */ input[type="text"], input[type="password"], select { border: 1px solid #CCC; padding:2px; background-image: url(../Imagenes/Sistema/fondo-input.gif); background-repeat: repeat-x; background-position: bottom; } input[type="submit"], input[type="button"] { border:1px solid #666; ; cursor:pointer; padding-bottom:3px; padding-top/*\**/:4px\9; font-size:11px; height:24px; width:100px; color:#000; background-color:#999; } input[type="submit"]:hover, input[type="button"]:hover { border:1px solid #666; cursor:pointer; padding-bottom:3px; padding-top/*\**/:4px\9; font-size:11px; height:24px; width:100px; color:#000; background-color:#EEE; } .img-capcha { float:left; } .campo-campcha { float:left; padding-top:15px; } .contenedor-contacto { padding: 20px; filter: none; opacity: none; } .contenedor-contacto .tabla-contacto td { padding:5px; } .contenedor-contacto .informacion-contacto { font-size: 12px; font-weight: normal; float:right; } /* Artículos ****************************************/ .fondo-articulos { background-image: url(../Imagenes/Sistema/articulos.jpg); background-repeat: no-repeat; background-position: center top; height: 122px; } .articulos .contenedor-imagen { float: left; } .articulos .contenedor-articulo { float: left; padding: 15px; width: 600px; } .articulos .contenedor-articulo h1 { font-family: "Trebuchet MS"; font-size: 24px; display: block; float: left; width: 430px; } .contenedor-articulo .info-articulo { float: right; font-size: 11px; color: #666666; text-align: right; } .contenedor-articulo .vistas { font-size: 14px; float: right; display: block; } .miga { padding-bottom: 25px; } .contenedor-articulo .info-general { color:#C00; font-weight:bold; float:left; padding-bottom:30px; } .contenedor-articulo .info-general li { float:left; padding-right:10px; padding-left:10px; border-right-width: 1px; border-right-style: solid; border-right-color: #900; } .item-articulo { padding-top:15px; padding-bottom:15px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999; } .item-articulo h1 { font-size:16px; color:#333; } .item-articulo img { padding:8px; } .link-articulo { float:right; } .link-articulo a { color:#333; font-weight:bold; display:block; padding-top:10px; } .titulo-grande-rojo { font-size: 24px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #333; } .relacionados-seccion { float: left; width: 320px; padding: 15px; background-color: #F9F9F9; } .contenedor-seccion { float: left; width: 600px; } .titulo-redondo { height: 36px; } .titulo-redondo .li { height: 36px; width: 13px; background-image: url(../Imagenes/Sistema/titulorojo-izquierdo.gif); background-repeat: no-repeat; } .titulo-redondo .ld { width: 13px; height: 36px; background-image: url(../Imagenes/Sistema/titulorojo-derecho.gif); background-repeat: no-repeat; } .titulo-redondo .texto { padding: 5px; height: 26px; background-color: #666; color: #FFF; font-size: 20px; } .loading-claro { background-image: url(../Imagenes/Template/ajax-loader.gif); background-repeat: no-repeat; background-position: center center; height:32px; width:32px; } .categorias-articulos li { float:left; padding-right:10px;} .categorias-articulos a { display:block; background-color:#bfd5db; padding: 3px; } .categorias-articulos .selected a{ display:block; background-color:#FC0; padding: 3px; font-weight:bold; } .categorias-articulos { padding-bottom:30px; } /* Album ****************************************/ .album .contenedor-imagen { float: left; } .album .contenedor-album { float: left; padding: 15px; } .album .contenedor-album h1 { font-family: "Trebuchet MS"; font-size: 24px; display: block; float: left; width: 700px; } .contenedor-album .info-imagen { float: right; font-size: 11px; color: #666666; text-align: right; } .contenedor-album .vistas { font-size: 14px; float: right; display: block; } .derecha .minuatura-imagen { padding-bottom:20px; } /* Comentarios */ #FormComentario { background-color:#FFF; background-image: url(../Imagenes/Template/fondo-largo.gif); background-repeat: repeat-x; background-position: top; } .seccion { background-color: #f0f0f0; padding: 15px; margin-right: 10px; filter: alpha(opacity=85); opacity: .85; border: solid 1px #94a3c4; margin-bottom:30px; } .relacionados-seccion .articulos-relacionados { padding-bottom: 15px; } .contenedor-seccion .contenedor-banner5 { text-align: center; padding: 0px; padding-top: 10px; padding-bottom: 30px; } .formulario-comentario label span { display: block; } .formulario-comentario label { float: left; padding-top: 10px; } .formulario-comentario label textarea { width: 550px; height: 80px; font-size:12px; font-family:Arial, Helvetica, sans-serif; padding:8px; border:solid 1px #CCC; } .formulario-comentario .input-text { border:solid 1px #CCC } .formulario-comentario { padding: 15px; } .formulario-comentario .separador { width: 20px; float: left; padding-top: 10px; } .formulario-comentario label span .requerido { color: #C00; display: inline; font-size: 11px; } .formulario-comentario .bot-enviar { float: right; } .comentario { padding:15px; border-top-width: 1px; border-top-style: dotted; border-top-color: #CCC; } .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; } /* inicio: Index */ .azul { background-color:#F0F0F0; } .azul .prin-izq { margin-top:-20px; } .azul .index { margin-top:-20px;} .azul #contenedor-principal { background-color: #1c83a7; } .azul #encabezado .logo-banner { height: 104px; } .azul #encabezado .logo-banner .logo { float: left; padding-left: 20px; margin-top:6px} .azul #encabezado .logo-banner .banner { float: right; } .azul #encabezado .menu { background-image: url(../Imagenes/Sistema/tema1/fondo-menu.gif); background-repeat: repeat-x; background-position: top; border: 1px solid #c2d9df;} .azul #encabezado .menu ul li { float: left; height: 21px; padding-top: 4px; border-right-width: 1px; border-right-style: solid; border-right-color: #c2d9df; } .azul #encabezado .menu ul li:hover { float: left; height: 21px; padding-top: 4px; border-right-width: 1px; border-right-style: solid; border-right-color: #c2d9df; background-image: url(../Imagenes/Sistema/tema1/fondo-menu-res.gif); background-repeat: repeat-x; background-position: top; } .azul #encabezado .menu ul li a{ display: block; padding-left: 15px; padding-right: 15px; text-align: center; font-weight: bold; color: #FFF; background:none; text-decoration:none;} .azul #encabezado .menu ul form .c-campo { float: left; text-align: left; } .azul #encabezado .menu ul li .buscar { width: 300px; padding-left:10px; color:#FFF; } .azul #encabezado .menu ul li .buscar form .c-campo input { background-color: #FFF; font-size: 11px; text-align: center; } .azul #encabezado .menu ul li .buscar form .c-campo label { display: block; float: left; padding-right: 10px; } .azul #encabezado .menu ul li .buscar form .c-boton { float: left; padding-left: 6px; padding-top: 4px; } .azul #contenido .arriba { height: 46px; background-image: url(../Imagenes/Sistema/tema1/fondo-superior.png); background-repeat: no-repeat; background-position: bottom; margin-top: 23px; } .azul #contenido .centro { background-image: url(../Imagenes/Sistema/tema1/fondo-centro.png); background-repeat: repeat-y; background-position: center top; min-height: 440px; padding-left: 25px; padding-right: 20px; } .azul #contenido .abajo { background-image: url(../Imagenes/Sistema/tema1/fondo-inferior.png); background-repeat: no-repeat; background-position: top; height: 46px; margin-bottom: 10px; } .azul #pie { background-image: url(../Imagenes/Sistema/tema1/inferior.png); background-repeat: no-repeat; background-position: center top; height: 71px; } .azul #pie .facebook { float: right; padding: 8px; padding-right: 50px; } .azul #pie .derechos ul li { font-size: 11px; color: #FFF; list-style-type: disc; float: left; margin-left: 15px; padding-right: 10px; } .azul #pie .derechos { padding-left: 40px; } .verde { background-color:#F0F0F0; } .verde #contenedor-principal { background-color: #4f4d00; } .verde #encabezado .logo-banner { height: 105px; } .verde #encabezado .logo-banner .logo { float: left; padding-left: 20px; margin-top:8px} .verde #encabezado .logo-banner .banner { float: right; } .verde #encabezado .menu { background-image: url(../Imagenes/Sistema/tema2/fondo-menu.gif); background-repeat: repeat-x; background-position: top; border: 1px solid #e1ddba;} .verde #encabezado .menu ul li { float: left; height: 21px; padding-top: 4px; border-right-width: 1px; border-right-style: solid; border-right-color: #e1ddba; } .verde #encabezado .menu ul li:hover { float: left; height: 21px; padding-top: 4px; border-right-width: 1px; border-right-style: solid; border-right-color: #c2d9df; background-image: url(../Imagenes/Sistema/tema2/fondo-menu-res.gif); background-repeat: repeat-x; background-position: top; } .verde #encabezado .menu ul li a{ display: block; padding-left: 15px; padding-right: 15px; text-align: center; font-weight: bold; color: #FFF; background:none; text-decoration:none;} .verde #encabezado .menu ul form .c-campo { float: left; text-align: left; } .verde #encabezado .menu ul li .buscar { width: 300px; padding-left:10px; color:#FFF; } .verde #encabezado .menu ul li .buscar form .c-campo input { background-color: #FFF; font-size: 11px; text-align: center; } .verde #encabezado .menu ul li .buscar form .c-campo label { display: block; float: left; padding-right: 10px; } .verde #encabezado .menu ul li .buscar form .c-boton { float: left; padding-left: 6px; padding-top: 4px; } .verde #contenido .arriba { background-image: url(../Imagenes/Sistema/tema2/fondo-superior.png); background-repeat: no-repeat; background-position: bottom; margin-top: 23px; } .verde #contenido .centro { background-image: url(../Imagenes/Sistema/tema2/fondo-completo.png); background-repeat: no-repeat; background-position: center top; min-height: 1100px; padding-left: 35px; padding-right: 25px; margin-bottom: 20px; padding-top: 20px; } .verde #contenido .abajo { height: 0px;} .verde #pie { background-image: url(../Imagenes/Sistema/tema2/inferior.png); background-repeat: no-repeat; background-position: center top; height: 71px; } .verde #pie .facebook { float: right; padding: 8px; padding-right: 50px; } .verde #pie .derechos ul li { font-size: 11px; color: #FFF; list-style-type: disc; float: left; margin-left: 15px; padding-right: 10px; } .verde #pie .derechos { padding-left: 40px; } .zapote { background-color:#F0F0F0; } .zapote #contenedor-principal { background-color: #fab725; } .zapote #encabezado .logo-banner { height: 105px; } .zapote #encabezado .logo-banner .logo { float: left; padding-left: 20px; margin-top:8px} .zapote #encabezado .logo-banner .banner { float: right; } .zapote #encabezado .menu { background-image: url(../Imagenes/Sistema/tema3/fondo-menu.gif); background-repeat: repeat-x; background-position: top; border: 1px solid #f6c783;} .zapote #encabezado .menu ul li { float: left; height: 21px; padding-top: 4px; border-right-width: 1px; border-right-style: solid; border-right-color: #f6c783; } .zapote #encabezado .menu ul li:hover { float: left; height: 21px; padding-top: 4px; border-right-width: 1px; border-right-style: solid; border-right-color: #c2d9df; background-image: url(../Imagenes/Sistema/tema3/fondo-menu-res.gif); background-repeat: repeat-x; background-position: top; } .zapote #encabezado .menu ul li a{ display: block; padding-left: 15px; padding-right: 15px; text-align: center; font-weight: bold; color: #FFF; background:none; text-decoration:none;} .zapote #encabezado .menu ul form .c-campo { float: left; text-align: left; } .zapote #encabezado .menu ul li .buscar { width: 300px; padding-left:10px; color:#FFF; } .zapote #encabezado .menu ul li .buscar form .c-campo input { background-color: #FFF; font-size: 11px; text-align: center; } .zapote #encabezado .menu ul li .buscar form .c-campo label { display: block; float: left; padding-right: 10px; } .zapote #encabezado .menu ul li .buscar form .c-boton { float: left; padding-left: 6px; padding-top: 4px; } .zapote #contenido .arriba { } .zapote #contenido .centro { background-image: url(../Imagenes/Sistema/tema3/fondo-completo.png); background-repeat: no-repeat; background-position: center top; min-height: 1100px; padding-left: 25px; padding-right: 25px; padding-top: 25px; margin-top: 20px; } .zapote #contenido .abajo { height: 0px;} .zapote #pie { background-image: url(../Imagenes/Sistema/tema3/inferior.png); background-repeat: no-repeat; background-position: center top; height: 71px; } .zapote #pie .facebook { float: right; padding: 8px; padding-right: 50px; } .zapote #pie .derechos ul li { font-size: 11px; color: #FFF; list-style-type: disc; float: left; margin-left: 15px; padding-right: 10px; } .zapote #pie .derechos { padding-left: 40px; } .rojo { background-color:#F0F0F0; } .rojo #contenedor-principal { background-color: #930564; } .rojo #encabezado .logo-banner { height: 105px; } .rojo #encabezado .logo-banner .logo { float: left; padding-left: 20px; margin-top:8px } .rojo #encabezado .logo-banner .banner { float: right; } .rojo #encabezado .menu { background-image: url(../Imagenes/Sistema/tema5/fondo-menu.gif); background-repeat: repeat-x; background-position: top; border: 1px solid #ffffff; } .rojo #encabezado .menu ul li { float: left; height: 21px; padding-top: 4px; border-right-width: 1px; border-right-style: solid; border-right-color: #FFF; } .rojo #encabezado .menu ul li:hover { float: left; height: 21px; padding-top: 4px; border-right-width: 1px; border-right-style: solid; border-right-color: #FFF; background-image: url(../Imagenes/Sistema/tema5/fondo-menu-res.gif); background-repeat: repeat-x; background-position: top; } .rojo #encabezado .menu ul li a{ display: block; padding-left: 15px; padding-right: 15px; text-align: center; font-weight: bold; color: #FFF; background:none; text-decoration:none;} .rojo #encabezado .menu ul form .c-campo { float: left; text-align: left; } .rojo #encabezado .menu ul li .buscar { width: 300px; padding-left:10px; color:#FFF; } .rojo #encabezado .menu ul li .buscar form .c-campo input { background-color: #FFF; font-size: 11px; text-align: center; } .rojo #encabezado .menu ul li .buscar form .c-campo label { display: block; float: left; padding-right: 10px; } .rojo #encabezado .menu ul li .buscar form .c-boton { float: left; padding-left: 6px; padding-top: 4px; } .rojo #contenido .arriba { background-image: url(../Imagenes/Sistema/tema5/fondo-superior.png); background-repeat: no-repeat; background-position: bottom; } .rojo #contenido .centro { background-image: url(../Imagenes/Sistema/tema5/fondo-completo.png); background-repeat: no-repeat; background-position: center top; min-height: 1100px; padding-left: 25px; padding-right: 25px; padding-top: 25px; margin-top: 20px; } .rojo #contenido .abajo { height: 0px;} .rojo #pie { background-image: url(../Imagenes/Sistema/tema5/inferior.png); background-repeat: no-repeat; background-position: center top; height: 71px; } .rojo #pie .facebook { float: right; padding: 8px; padding-right: 50px; } .rojo #pie .derechos ul li { font-size: 11px; color: #FFF; list-style-type: disc; float: left; margin-left: 15px; padding-right: 10px; } .rojo #pie .derechos { padding-left: 40px; } /* Impact *************************************************/ .aguamarina { background-color:#F0F0F0; } .aguamarina #contenedor-principal { background-color: #1c83a7; } .aguamarina #encabezado .logo-banner { height: 105px; } .aguamarina #encabezado .logo-banner .logo { float: left; padding-left: 20px; margin-top:8px} .aguamarina #encabezado .logo-banner .banner { float: right; } .aguamarina #encabezado .menu { background-image: url(../Imagenes/Sistema/tema4/fondo-menu.gif); background-repeat: repeat-x; background-position: top; border: 1px solid #dae5e8;} .aguamarina #encabezado .menu ul li { float: left; height: 21px; padding-top: 4px; border-right-width: 1px; border-right-style: solid; border-right-color: #dae5e8; } .aguamarina #encabezado .menu ul li:hover { float: left; height: 21px; padding-top: 4px; border-right-width: 1px; border-right-style: solid; border-right-color: #c2d9df; background-image: url(../Imagenes/Sistema/tema4/fondo-menu-res.gif); background-repeat: repeat-x; background-position: top; } .aguamarina #encabezado .menu ul li a{ display: block; padding-left: 15px; padding-right: 15px; text-align: center; font-weight: bold; color: #FFF; background:none; text-decoration:none;} .aguamarina #encabezado .menu ul form .c-campo { float: left; text-align: left; } .aguamarina #encabezado .menu ul li .buscar { width: 300px; padding-left:10px; color:#FFF; } .aguamarina #encabezado .menu ul li .buscar form .c-campo input { background-color: #FFF; font-size: 11px; text-align: center; } .aguamarina #encabezado .menu ul li .buscar form .c-campo label { display: block; float: left; padding-right: 10px; } .aguamarina #encabezado .menu ul li .buscar form .c-boton { float: left; padding-left: 6px; padding-top: 4px; } .aguamarina #contenido .arriba { } .aguamarina #contenido .centro { background-image: url(../Imagenes/Sistema/tema4/fondo-completo.png); background-repeat: no-repeat; background-position: center top; min-height: 1100px; padding-left: 25px; padding-right: 25px; padding-top: 25px; margin-top: 20px; } .aguamarina #contenido .abajo { height: 0px;} .aguamarina #pie { background-image: url(../Imagenes/Sistema/tema4/inferior.png); background-repeat: no-repeat; background-position: center top; height: 71px; } .aguamarina #pie .facebook { float: right; padding: 8px; padding-right: 50px; } .aguamarina #pie .derechos ul li { font-size: 11px; color: #FFF; list-style-type: disc; float: left; margin-left: 15px; padding-right: 10px; } .aguamarina #pie .derechos { padding-left: 40px; } .morado { background-color:#F0F0F0; } .morado .index { margin-top:-25px;} .morado .prin-izq { margin-top:-20px; } .morado #contenedor-principal { background-color: #9b089b; } .morado #encabezado .logo-banner { height: 105px; } .morado #encabezado .logo-banner .logo { float: left; padding-left: 20px; margin-top:8px} .morado #encabezado .logo-banner .banner { float: right; } .morado #encabezado .menu { background-image: url(../Imagenes/Sistema/tema6/fondo-menu.gif); background-repeat: repeat-x; background-position: top; border: 1px solid #ba8ebc;} .morado #encabezado .menu ul li { float: left; height: 21px; padding-top: 4px; border-right-width: 1px; border-right-style: solid; border-right-color: #ba8ebc; } .morado #encabezado .menu ul li:hover { float: left; height: 21px; padding-top: 4px; border-right-width: 1px; border-right-style: solid; border-right-color: #c2d9df; background-image: url(../Imagenes/Sistema/tema6/fondo-menu-res.gif); background-repeat: repeat-x; background-position: top; } .morado #encabezado .menu ul li a{ display: block; padding-left: 15px; padding-right: 15px; text-align: center; font-weight: bold; color: #FFF; background:none; text-decoration:none;} .morado #encabezado .menu ul form .c-campo { float: left; text-align: left; } .morado #encabezado .menu ul li .buscar { width: 300px; padding-left:10px; color:#FFF; } .morado #encabezado .menu ul li .buscar form .c-campo input { background-color: #FFF; font-size: 11px; text-align: center; } .morado #encabezado .menu ul li .buscar form .c-campo label { display: block; float: left; padding-right: 10px; } .morado #encabezado .menu ul li .buscar form .c-boton { float: left; padding-left: 6px; padding-top: 4px; } .morado #contenido .arriba { height: 51px; background-image: url(../Imagenes/Sistema/tema6/fondo-superior.png); background-repeat: no-repeat; background-position: bottom; margin-top: 23px; } .morado #contenido .centro { background-image: url(../Imagenes/Sistema/tema6/fondo-centro.png); background-repeat: repeat-y; background-position: center top; min-height: 440px; padding-left: 25px; padding-right: 20px; } .morado #contenido .abajo { background-image: url(../Imagenes/Sistema/tema6/fondo-inferior.png); background-repeat: no-repeat; background-position: top; height: 51px; margin-bottom: 10px; } .morado #pie { background-image: url(../Imagenes/Sistema/tema6/inferior.png); background-repeat: no-repeat; background-position: center top; height: 70px; } .morado #pie .facebook { float: right; padding: 8px; padding-right: 50px; } .morado #pie .derechos ul li { font-size: 11px; color: #FFF; list-style-type: disc; float: left; margin-left: 15px; padding-right: 10px; } .morado #pie .derechos { padding-left: 40px; } .prin-izq { float: left; width: 250px; padding-left: 10px; } .prin-der { float: left; width: 635px; margin-left: 10px; } /* inicio: Index ******************************************************************************/ .index { } .index .img-principal { padding: 10px; padding-top: 0px; } .index .noticias-registro { padding: 10px; padding-right: 0px; padding-top: 0px; } .index .noticias-registro .noticias { overflow: hidden; margin-top: 15px; } .registro { float: left; width: 245px; background-image: url(../Imagenes/Sistema/fondo-registro.png); background-repeat: no-repeat; background-position: left top; height: 209px; margin-right: 20px; padding: 15px; margin-left: 16px; } .index .noticias-registro .solo-mensajesfacebook { float: left; width: 300px; } .index .noticias-registro .noticias .header { background-image: url(../Imagenes/Sistema/noticias-header.png); background-repeat: no-repeat; background-position: center; height: 44px; width: 580px; padding: 10px; } .index .noticias-registro .noticias .header p { font-size: 24px; color: #FFF; float: left; } .index .noticias-registro .noticias .header a { background-image: url(../Imagenes/Sistema/icono-rss.png); background-repeat: no-repeat; background-position: left top; height: 40px; width: 41px; display: block; float: right; } .index .noticias-registro .noticias .cen { background-image: url(../Imagenes/Sistema/noticias-central.png); background-repeat: repeat-y; width: 570px; padding: 10px; padding-left: 15px; padding-right: 15px; } .index .noticias-registro .noticias .footer { background-image: url(../Imagenes/Sistema/noticias-footer.png); background-repeat: no-repeat; background-position: center; height: 13px; width: 600px; } .index .noticias-registro .registro-banner { padding-top: 15px; padding-bottom: 15px; } .noticias-peq { padding-top: 15px; padding-bottom: 15px; } .noticias-peq .header { background-image: url(../Imagenes/Sistema/noticias-headerpequeno.png); background-repeat: no-repeat; background-position: center; height: 41px; width: 220px; padding: 10px; } .noticias-peq .header p { font-size: 24px; color: #FFF; float: left; } .noticias-peq .header p a { color:#FFF; text-decoration:underline; } .noticias-peq .header .icono-rss { background-image: url(../Imagenes/Sistema/icono-rss.png); background-repeat: no-repeat; background-position: left top; height: 40px; width: 41px; display: block; float: right; } .noticias-peq .cen { background-image: url(../Imagenes/Sistema/noticias-centralpequeno.png); background-repeat: repeat-y; width: 220px; padding: 10px; padding-left: 10px; padding-right: 10px; background-position: center; } .noticias-peq .footer { background-image: url(../Imagenes/Sistema/noticias-footerpequeno.png); background-repeat: no-repeat; background-position: center; height: 15px; width: 240px; } .item-articulo { padding: 10px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #94BBD1; } .item-articulo h1 { font-size: 24px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #1A191F; font-weight: normal; } .item-articulo .titular-articulo img { padding: 10px; padding-left: 0px; padding-top: 0px; } .item-articulo .titular-articulo { } .item-articulo .fecha-articulo { display: block; padding-top: 8px; } .item-articulo .fecha { background-image: url(../Imagenes/Sistema/fondo-fecha.gif); background-repeat: no-repeat; width: 44px; height: 46px; float: left; margin-right: 10px; } .item-articulo .fecha .dia { font-size: 24px; font-weight: bold; text-align: center; } .item-articulo .fecha .mes { font-size: 10px; text-align: center; } .registro p { font-size: 22px; color: #FFF; } .registro input { text-align: center; } .registro form { text-align: center; padding-top: 5px; overflow: hidden; } .registro .campos { text-align: center; } .registro .campo { text-align: center; padding-top: 10px; } .registro form label { color: #FFF; } .registro form .boton { float: right; padding-top: 10px; padding-right: 20px; } .registro span { text-align: center; color: #FFF; display: block; padding-top: 8px; } .registro .boton a { background-image: url(../Imagenes/Sistema/boton-enviar.gif); background-repeat: no-repeat; background-position: left top; width: 57px; height: 20px; display: block; cursor: pointer; } .registro .boton a:hover { background-image: url(../Imagenes/Sistema/boton-enviar.gif); background-repeat: no-repeat; background-position: left bottom; width: 57px; height: 20px; display: block; cursor: pointer; } /* inicio: Carrusel ******************************************************************************/ .c-carrousel { padding-left: 6px; width: 275px; float: left; margin-right: 12px; } .c-carrousel .controles { float: right; padding-top: 5px; margin-right: 10px; } .c-carrousel .controles #atras { background-image: url(../Imagenes/Sistema/atras.png); display: block; width: 22px; height: 23px; float: left; margin-right: 10px; } .c-carrousel .controles #pausa { background-image: url(../Imagenes/Sistema/pausa.png); background-repeat: no-repeat; width: 22px; height: 23px; display: block; float: left; margin-right: 10px; } .c-carrousel .controles #siguiente { background-image: url(../Imagenes/Sistema/siguiente.png); background-repeat: no-repeat; width: 22px; height: 23px; display: block; float: left; margin-right: 10px; } .jcarousel-skin-tango .jcarousel-container { -moz-border-radius: 10px; border:} .jcarousel-skin-tango .jcarousel-container-horizontal { width: 275px; height: 210px; background-color:#999; text-align: center; } .jcarousel-skin-tango .jcarousel-clip-horizontal { width: 275px; height: 210px; } .jcarousel-skin-tango .jcarousel-item { width: 275px; height: 210px; } .jcarousel-skin-tango .jcarousel-item-horizontal { margin-right: 10px; } .jcarousel-skin-tango .jcarousel-item-vertical { margin-bottom: 10px; } .jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000; } .jcarousel-container { position: relative; } .jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; } .jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; } .jcarousel-list li, .jcarousel-item { float: left; list-style: none; /* We set the width/height explicitly. No width/height causes infinite loops. */ width: 75px; height: 75px; } .jcarousel-next { z-index: 3; display: none; } .jcarousel-prev { z-index: 3; display: none; } #carrousel li .info-negocio { cursor:pointer; font-size: 16px; font-weight: bold; color: #FFF; height: 60px; background-color: #666; z-index: 103; background: #666666; margin-top: -60px; width: 275px; position: absolute; opacity: 0.65; -moz-opacity: 0.65; /* para viejos navegadores Gecko-based */ filter:alpha(opacity=65); /* para IE6&7 */ } #carrousel li .info-negocio .c { padding: 8px; } #carrousel li .info-negocio .c .titulo { float: left; } #carrousel li .info-negocio .c .lupa { float: right; padding-right:10px; } /* fin: Carrusel ******************************************************************************/ /* inicio: Lateral izquierdo ******************************************************************************/ .prin-izq .solo-fansfacebook { padding-top: 15px; } .c-accordion { width: 238px; } .c-accordion .ar { background-image: url(../Imagenes/Sistema/menu-marcoarriba.png); background-repeat: no-repeat; height: 7px; } .c-accordion #accordion { background-color: #FFF; padding: 1px 5px 10px 7px; } .c-accordion .ab { background-image: url(../Imagenes/Sistema/menu-marcoabajo.png); background-repeat: no-repeat; height: 7px; } .c-accordion h3 { margin-top:6px; cursor:pointer; } #opciones-azul { } #opciones-azul ul { margin-top:7px; } #opciones-azul li { background-image: url(../Imagenes/Sistema/tema1/fondo-item.png); background-repeat: no-repeat; margin-bottom:3px;} #opciones-azul li.collapsable { background-image: url(../Imagenes/Sistema/tema1/fondo-collapsible.png); background-repeat: no-repeat; background-position: left top; } #opciones-azul li.expandable { background-image: url(../Imagenes/Sistema/tema1/fondo-expandable.png); background-repeat: no-repeat; background-position: left top; } #opciones-azul li { background-image: url(../Imagenes/Sistema/tema1/fondo-item.png); background-repeat: no-repeat; } #opciones-azul li.collapsable { background-image: url(../Imagenes/Sistema/tema1/fondo-collapsible.png); background-repeat: no-repeat; background-position: left top; } #opciones-azul li.expandable { background-image: url(../Imagenes/Sistema/tema1/fondo-expandable.png); background-repeat: no-repeat; background-position: left top; } #opciones-azul li a{ margin-left:10px; color:#FFF; text-decoration:none; } #opciones-azul li a:hover{ text-decoration:none; font-weight:bold; } #opciones-verde { } #opciones-verde ul { margin-top:7px; } #opciones-verde li { background-image: url(../Imagenes/Sistema/tema2/fondo-item.png); background-repeat: no-repeat; margin-bottom:3px;} #opciones-verde li.collapsable { background-image: url(../Imagenes/Sistema/tema2/fondo-collapsible.png); background-repeat: no-repeat; background-position: left top; } #opciones-verde li.expandable { background-image: url(../Imagenes/Sistema/tema2/fondo-expandable.png); background-repeat: no-repeat; background-position: left top; } #opciones-verde li { background-image: url(../Imagenes/Sistema/tema2/fondo-item.png); background-repeat: no-repeat; } #opciones-verde li.collapsable { background-image: url(../Imagenes/Sistema/tema2/fondo-collapsible.png); background-repeat: no-repeat; background-position: left top; } #opciones-verde li.expandable { background-image: url(../Imagenes/Sistema/tema2/fondo-expandable.png); background-repeat: no-repeat; background-position: left top; } #opciones-verde li a{ margin-left:10px; color:#FFF; text-decoration:none; } #opciones-verde li a:hover{ text-decoration:none; font-weight:bold; } #opciones-naranja { } #opciones-naranja ul { margin-top:7px; } #opciones-naranja li { background-image: url(../Imagenes/Sistema/tema3/fondo-item.png); background-repeat: no-repeat; margin-bottom:3px; } #opciones-naranja li.collapsable { background-image: url(../Imagenes/Sistema/tema3/fondo-collapsible.png); background-repeat: no-repeat; background-position: left top; } #opciones-naranja li.expandable { background-image: url(../Imagenes/Sistema/tema3/fondo-expandable.png); background-repeat: no-repeat; background-position: left top; } #opciones-naranja li { background-image: url(../Imagenes/Sistema/tema3/fondo-item.png); background-repeat: no-repeat; } #opciones-naranja li.collapsable { background-image: url(../Imagenes/Sistema/tema3/fondo-collapsible.png); background-repeat: no-repeat; background-position: left top; } #opciones-naranja li.expandable { background-image: url(../Imagenes/Sistema/tema3/fondo-expandable.png); background-repeat: no-repeat; background-position: left top; } #opciones-naranja li a{ margin-left:10px; color:#FFF; text-decoration:none; } #opciones-naranja li a:hover{ text-decoration:none; font-weight:bold; } #opciones-morado { } #opciones-morado ul { margin-top:7px; } #opciones-morado li { background-image: url(../Imagenes/Sistema/tema6/fondo-item.png); background-repeat: no-repeat; margin-bottom:3px;} #opciones-morado li.collapsable { background-image: url(../Imagenes/Sistema/tema6/fondo-collapsible.png); background-repeat: no-repeat; background-position: left top; } #opciones-morado li.expandable { background-image: url(../Imagenes/Sistema/tema6/fondo-expandable.png); background-repeat: no-repeat; background-position: left top; } #opciones-morado li { background-image: url(../Imagenes/Sistema/tema6/fondo-item.png); background-repeat: no-repeat; } #opciones-morado li.collapsable { background-image: url(../Imagenes/Sistema/tema6/fondo-collapsible.png); background-repeat: no-repeat; background-position: left top; } #opciones-morado li.expandable { background-image: url(../Imagenes/Sistema/tema6/fondo-expandable.png); background-repeat: no-repeat; background-position: left top; } #opciones-morado li a{ margin-left:10px; color:#FFF; text-decoration:none; } #opciones-morado li a:hover{ text-decoration: none; font-weight:bold; } #opciones-rojo { } #opciones-rojo ul { margin-top:7px; } #opciones-rojo li { background-image: url(../Imagenes/Sistema/tema5/fondo-item.png); background-repeat: no-repeat; margin-bottom:3px;} #opciones-rojo li.collapsable { background-image: url(../Imagenes/Sistema/tema5/fondo-collapsible.png); background-repeat: no-repeat; background-position: left top; } #opciones-rojo li.expandable { background-image: url(../Imagenes/Sistema/tema5/fondo-expandable.png); background-repeat: no-repeat; background-position: left top; } #opciones-rojo li { background-image: url(../Imagenes/Sistema/tema5/fondo-item.png); background-repeat: no-repeat; } #opciones-rojo li.collapsable { background-image: url(../Imagenes/Sistema/tema5/fondo-collapsible.png); background-repeat: no-repeat; background-position: left top; } #opciones-rojo li.expandable { background-image: url(../Imagenes/Sistema/tema5/fondo-expandable.png); background-repeat: no-repeat; background-position: left top; } #opciones-rojo li a{ margin-left:10px; color:#FFF; text-decoration:none; } #opciones-rojo li a:hover{ text-decoration:none; font-weight:bold; } /* fin: Lateral izquierdo ******************************************************************************/ /* inicio: ver producto ******************************************************************************/ .producto-ver .c-multimedia #multimedia { } .producto-ver .c-multimedia .info { padding: 15px; background-color: #eceff5; filter: alpha(opacity=85); opacity: .85; width: 610px; color:#666 } .producto-ver .c-multimedia .info h1 { font-size: 24px; color: #666; } .producto-ver .c-multimedia .info .compartir { float: right; } /* fin: ver producto ******************************************************************************/ /* inicio: productos ******************************************************************************/ .productos { padding-bottom: 15px; } .productos .c-productos { overflow: hidden; } .producto { float: left; width: 170px; padding: 12px; margin: 8px; min-height: 270px; background-image: url(../Imagenes/Sistema/transperencia80.png); } .producto .img { margin-bottom:15px;clear:both; } .producto h1 { font-size: 16px; text-align: left; padding-top:10px;} .producto h1 a { color:#666; } .producto span { font-size: 12px; color:#666} .producto p {float:right; font-size:11px; color:#666} .producto-ver .relacionados { padding-top: 10px; padding-bottom: 15px; } /* inicio: publicaciones ******************************************************************************/ .publicaciones { padding-bottom: 15px; } .publicaciones .c-publicaciones { overflow: hidden; } .publicacion { width: 600px; padding: 12px; background-color: #eceff5; filter: alpha(opacity=85); opacity: .85; margin: 8px; overflow: hidden; } .publicacion .img { margin-bottom:15px; float:left; width:195px; } .publicacion h1 { font-size: 16px; text-align: left; padding-top:10px; } .publicacion span { font-size: 12px; } .publicacion p {float:right; font-size:11px;} .publicacion-ver .relacionados { padding-top: 10px; padding-bottom: 15px; } .publicacion .c-imagen { background-image: url(../Imagenes/Sistema/sombra-revista.png); background-repeat: no-repeat; width:196px; height:233px; padding:6px; } .publicacion .publicaciones { padding-left:18px; float:left; width:380px; overflow:hidden; padding-top:25px; } .publicacion ul .item-p { padding: 6px; float:left; width:160px; } .publicacion ul .item-p span{ font-size:10px; display:inline; } .publicacion ul .item-p h2{ font-size:13px; } .index .destacado-banner { overflow: hidden; margin-bottom: 10px; margin-left: 10px; margin-top: 10px; } .index .destacado-banner .banner1 { float: left; margin-left: 6px; } /*Chat*/ .boton-chat { float: right; margin-top: -60px; padding: 5px; cursor: pointer; } .chat-registro { padding:100px; padding-left:180px; background-image: url(../Imagenes/Sistema/tema1/fondo-centro.png); background-repeat: repeat-y; } .corporativo { color: #FFF; font-size: 14px; font-weight: bold; font-family: Verdana, Geneva, sans-serif; } .corporativotexto { color: #1C83A7; font-size: 11px; font-family: Verdana, Geneva, sans-serif; }