/*HOJA DE ESTILOS PORTAL FAREZ*/ /*FAREZ JAIR PRIETO CASTRO*/ /*21 DE JULIO DE 2008*/ /*v 1.0*/ body{background:#9D9D9D url(fondo_pie.gif) repeat-x top;margin:0;padding:0 0;font-size:15px;font-family:Arial, Helvetica, sans-serif;color:#000;} /*Estilos div principal*/ #principal{width:1024px;height:auto;background:#fff url(personas.gif) no-repeat right bottom;} /*Estilos div cabezote*/ #principal #cabezote{width:100%;height:127px;background:#500D20} #principal #cabezote .cabezote{height:200px;background:#fff} #principal #cabezote .logo{width:219px;height:200px;background:url(cabezote/logo/logo.jpg) no-repeat left top;float:left} #principal #cabezote .banner{width:803px;height:200px;background:url(cabezote/banner/banner.jpg) no-repeat;float:right} /*div utilidades principal: esto es para cuando el menu de las utilidades aparece abajo*/ #principal #cabezote .utilidades{display:none;height:auto+;background:url(fondo_pie.gif);text-align:center;margin:0 5px 0 8px;padding:0px 0 0 0;float:bottom} #principal #cabezote .utilidades li{display:inline;} #principal #cabezote .utilidades a{color:#fff;text-decoration:none;padding:10px 10px 10px 15px} #principal #cabezote .utilidades a:hover{background:#000;color;#fff;} /*div utilidades secundario: esto es para cuando el menu de las utilidades aparece arriba*/ #principal #cabezote .utilidades2{height:auto+;background:#600E24;text-align:right} #principal #cabezote .utilidades2 li{display:inline;} #principal #cabezote .utilidades2 a{color:#fff;text-decoration:none;margin:0 6px 0 0} #principal #cabezote .utilidades2 a:hover{color:#fff;text-decoration:underline} .seleccionado{color:#fff;font-weight:bold} #fondo{position:absolute; top:0px;left:0px;width:1650px; height:8650px;background-color: red;filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6;z-index:90;} /*Estilos Div lateral*/ #principal #lateral .fecha{font-size:10px;width:249px;/margin:5px 0 0 0} #principal #lateral .fecha_escrita p{color:#fff;text-align:center;margin:0 0 0 0;padding:10px 0 0 0;font-size:1.5em} #principal #lateral .fecha_abajo{width:249px;height:19px;margin:0 0 0 0} #principal #lateral{width:1024px;background:#000;margin:0} #principal #lateral .lateral{height:30px;background:#000;text-align:center} #principal #lateral .lateral li{display:inline;padding:0} #principal #lateral .lateral a{background:#000;color:#fff;text-decoration:none;padding:0px 5px 10px 15px;font-style:italic;font-weight:bold} #principal #lateral .lateral a:hover{background:#620F25;color:#fff} /*para la encuesta lateral*/ #principal #lateral_derecho .encuesta{width:250px;background:#fff;border:1px solid #000;margin:5px 0 0 80px} #principal #lateral .titulo_encuesta p{width:250px;color:#fff;font-weight:bold;text-align:left;margin:0 0 15px 0;padding:30px 0 0 35px;font-size:0.9em} #principal #lateral .opciones{color:#fff;font-weight:bold;font-size:0.9em;padding:0 0 0 25px} #principal #lateral .encuesta_abajo{width:249px;height:0px;margin:0 0 0 0} #principal #lateral .buscador{background:url(fondo_buscador.gif) no-repeat} #principal #lateral .buscador text{margin:0} #principal #lateral .buscador img{border:none} /*login lateral*/ #principal #lateral_derecho .login_lateral{width:250px;background:#fff;border:1px solid #000;margin:5px 0 0 80px;color:#fff} #principal #lateral_derecho .login_lateral li{display:block} #principal #lateral_derecho .login_lateral a{color:#000;text-decoration:none} #principal #lateral_derecho .login_lateral a:hover{text-decoration:underline} #principal #lateral_derecho .titulo_login{} #principal #lateral_derecho .titulo_login p{color:#000;font-weight:bold;text-align:left;margin:0 0 15px 0;padding:30px 0 0 40px;font-size:1.2em} #principal #lateral_derecho .form{margin:0 0 0 40px} #principal #lateral_derecho .login_lateral_abajo{width:249px;} /*calendario*/ #principal #lateral .calendario{width:249px;background:#000 url(fondo_lateral.gif) no-repeat;color:#fff;padding:25px 0 0 40px} #principal #lateral .calendario a{color:#6F7402} /*Estilos destacados*/ #principal #lateral .destacados{margin:15px 0 0 0;width:175px} #principal #lateral .titulo_destacados{padding:10px 0 0 0;color:#B40D00;font-weight:bold;text-align:center} #principal #lateral .destacados img{margin:5px 0 0 15px;border:none} #principal #lateral .destacado_abajo{} /*pestañas*/ .yui-content{padding:20px 0 0 40px;text-align:left;background:#222223 url(fondo_yui) repeat-x;margin:0px 0 0 0;width:539px;height:391px;//margin:0 0 0 0} .yui-nav a{background:url(back_pest_des_izq.gif) no-repeat left;color:#fff;text-decoration:none;width:85px} #principal #demo{padding:0 0 0 20px} #tab1 img{width:300px;height:200px;border:none} #tab1 #player{padding:0;display:block;width:400px;height:250px;padding:10px 0 0 10px} .yui-nav li{background:#4D4B4A} .yui-nav em{background:url(back_pest_des_der.gif) no-repeat right;padding:0 0 0 5px} /*Menu hijos del lateral*/ #principal #lateral #hijos{background:#000} #principal #lateral #hijos ul{margin:0 0 0 50px;padding:0 0 0 0;padding:0 5px 0 5px;height:100%} #principal #lateral #hijos li{display:inline;background:url(bullet_utilidades1.gif) no-repeat left 5px} #principal #lateral #hijos li a{margin:0 0 0 10px;color:#ffffff;text-decoration:none;font-size:10px} /*Estilos usuarios*/ #principal #lateral #usuario{width:249px;height:110px;background:#000 url(fondo_lateral.gif) no-repeat} #principal #lateral #usuario .titulo_usuario{/*border-bottom:3px solid #A6A6C8;*/color:#fff;font-weight:bold;text-align:left;/*background:#cccccc*/;margin:0 0 15px 0;padding:30px 0 0 20px;font-size:1.2em} #principal #lateral #usuario ul{/*border-bottom:1px solid #A6A6C8;*/height:15px;margin:5px 0 0 25px;padding:0 0 0 0} #principal #lateral #usuario li{display:block;/*background:url(../diseno/bullet_lateral.gif) no-repeat left 0px*/} #principal #lateral #usuario li img{border:none} #principal #lateral #usuario li a{margin:0 0 0 0px;color:/*#ED9B31*/#fff;text-decoration:none} #principal #lateral #usuario li a:hover{text-decoration:underline} #principal #lateral .usuario_abajo{width:249px;/*background:url(../diseno/lateral_abajo.gif) no-repeat;*/height:19px;margin:0 0 0 0} /*Estilos div Contenido*/ #principal #contenido{width:100%;background:transparent;float:right;margin:0 0px 0 0;height:100%;color:#000} #principal #contenido .contenido{color:#000;margin:0 10px 0 10px;background:transparent;font-size:1.0em} #principal #contenido .contenido a{margin:0 0 0 10px;font-weight:bold} #principal #contenido .contenido_interno{color:#000;background:transparent;margin:0 10px 0 10px;padding:20px 0 0 0;border-bottom:1px solid #A6A6C8*/} #principal #contenido .contenido_interno ul{margin:0 0 0 0} #principal #contenido .contenido_interno li{list-style-type:square;color:#B60001} #principal #contenido .contenido_interno li a{color:#B60001;text-decoration:none} #principal #contenido .contenido_interno li a:hover{color:#B60001;text-decoration:underline} #principal #contenido .contenido_abajo{margin:0 10px 0 10px/*;border-bottom:1px solid #A6A6C8*/;height:30px} #principal #contenido .titulo{font-weight:bold;font-size:1.3em;margin:2px;color:#000} #principal #contenido .subtitulo{margin:2px;color:#000} #principal #contenido .pie_imagen{font-size:0.7em;text-align:justify} #principal #contenido .resumen{font-weight:bold;color:#000} #principal #contenido .resumen p{padding:0 0 0 10px;text-align:justify} #principal #contenido .utilitarios {background:#000;text-align:right} #principal #contenido .utilitarios a{color:#585B01;border:1px solid #ccc;text-decoration:none} #principal #contenido .utilitarios a:hover{color:#000;border:1px solid #585B01;background:#ccc} #principal #contenido p{padding:0 0 0 10px} #principal #contenido .contenido_interno img{} #principal #contenido .contenido_interno .imagenes_galeria{border:2px dotted #cccccc} #principal #contenido .texto_contacto{margin:0 10px 0 10px} #principal #contenido .texto_contacto p{color:#000} #principal #contenido .contenido_interno td{height:auto} /*errores*/ #principal #contenido #errores{background:#} #principal #contenido #errores li{} #principal #contenido a{color:#000;font-weight:bold} /*Galeria de musica*/ #principal #contenido #reproductor_musica {background:#fff;padding:7px 7px 10px 7px} #principal #contenido #reproductor_musica .titulo_disco{color:#000;font-size:1.2em} #principal #contenido #musica{border-bottom:1px solid #fff} #principal #contenido #musica .imagen_musica{background:#999999;padding:7px 7px 10px 7px;width:auto} #principal #contenido #musica .titulo_musica{color:#fff;font-size:1.4em;font-weight:bold} #principal #contenido #musica .subtitulo_musica{color:#fff;font-size:1.2em} #principal #contenido #musica .autor_musica{color:#fff;font-size:1.0em} #principal #contenido #musica .resumen_musica{text-align:justify;color:#fff} #principal #contenido #musica .controles .play {float:right} #principal #contenido #musica .controles .play img{border:1px solid #fff} #reproductor_video #player{padding:20px 0 0 25px;display:block;width:400px;height:300px} /*mapa de sitio*/ #principal #contenido .mapa a{color:#73662C} #principal #contenido .mapa a:hover{color:#fff} /*error de acceso*/ #principal #contenido .acceso {margin:50px 0 0 50px;border:1px solid #000000;width:80%} #principal #contenido .acceso li{display: block} #principal #contenido .acceso li a{text-decoration:none;color:#AF8046;} #principal #contenido .acceso li a:hover{text-decoration:underline;} /*campo requerido*/ #principal #contenido table .caja_requerida{border:1px solid #FF8000} /*Para el Buscador*/ #principal #contenido .link_buscador{color:#AF8046} /*panel de edicion y favoritas*/ #principal #contenido .edicion{text-align:right} #principal #contenido .edicion li{display:inline} #principal #contenido .edicion li a{color:#6F7402} #principal #confirmaciones{float:left} #principal #contenido .contenido_interno ul{margin:5px 0 0 0} #principal #contenido .contenido_interno li{color:#CF0000} #principal #contenido .contenido_interno .autor{color:#cccccc;font-weight:bolder} /*paginador*/ #principal #contenido .paginacion{border:1px solid #ccc;text-align:center} #principal #contenido .paginacion a{color:#CF0000;text-decoration:none} #principal #contenido .paginacion a:hover{text-decoration:underline} /*Estilos Administración*/ #principal #contenido .administracion table{color:#fff} #principal #contenido .administracion img{width:20px;height:20px;border:none;cursor:pointer} #principal #contenido .administracion a{color:#AF8046;text-decoration:none} #principal #contenido .administracion a:hover{text-decoration:underline} #principal #contenido .administracion p{font-size:24px;color:#AF8046} #principal #contenido .errores {background:#000} #principal #contenido .notificacion {background:#F4F4F4,border:1px solid #000} #principal #contenido .msg_error {border:1px solid #000} #principal #contenido .administracion .imagen_muestra {width:100px;height:100px} #principal #contenido .tablas{border:1px solid #000000} /********************************************************************************************************************************/ /*estilos de los otones para ocultar la configuracion*/ #principal #contenido .ocultar_conf{background:#666;border:1px solid #000;color:#fff;width:20px;text-align:center;font-weight:bold} #principal #contenido .ocultar_conf a{text-decoration:none} #principal #contenido .ocultar_conf a:hover{text-decoration:none} #principal #contenido .tablas_conf{border-bottom:1px solid #000} #principal #contenido .titulos_conf{text-align:left} #principal #contenido .celdas_conf{background:#ccc;border-bottom:1px solid #000} /********************************************************************************************************************************/ /*Migas*/ #principal #contenido .migas_de_pan li{display:inline} #principal #contenido .migas_de_pan li span{display:inline;color:#000000} #principal #contenido .migas_de_pan li a{text-decoration:none;color:#0000} #principal #contenido .migas_de_pan li a:hover{text-decoration:underline} /*link de edicion*/ #principal #contenido .edicion a{color:#6F7402;text-decoration:none} #principal #contenido .edicion a:hover{color:#6F7402;text-decoration:underline} #principal #contenido .edicion img{border:none;width:20px;height:20px} /*/div de las estrellas de calificacion y de las redes sociales*/ #principal #contenido .stars{border-bottom:1px solid #666} #principal #contenido span{color:#000} #principal #contenido .puntaje{} #principal #contenido .redes_sociales{padding:0 0 0 10px} /*Para los comentarios de los contenidos*/ #principal #contenido #comentarios{background:#666;text-align:justify;padding:15px 15px 5px 5px} #principal #contenido .mensaje_comentarios{padding:0 0 0 10px} #principal #contenido #comentarios2{background:#ccc;text-align:justify;padding:15px 15px 5px 5px} #principal #contenido .nombre_comentario{font-weight:bold;background:#333F3F;margin:0 0 0 12px;width:100%} /*exitosa en las listas*/ #principal #contenido .exito li{color:#0066FF;display:inline} /*Estilos Div Home*/ #principal #home{width:622px; background:#fff;float:left;margin:0 0px 0 0;height:100%} #principal #home .titulo_home p{;font-weight:bold;/*background:#cccccc*/;margin:0 0 0px 0px;padding:10px 0 0 0;font-size:1.5em;color:#fff;text-align:right} #principal #home .titulo_home{/*background:url(../diseno/bullet_home.gif) no-repeat 15px 3px;*/height:43px;padding:10px 0 0 0 } /*para la vista en forma de lista de la categoria destacada*/ #principal #home .destacada{/*border-bottom:2px dotted #D8E4EC*/} #principal #home .destacada img{} #principal #home .destacada ul{margin:2px 0 0 0} #principal #home .destacada li{/*background:url(../diseno/bullet_destacada.gif) no-repeat left 0px;*/color:#fff;display:inline;font-size:10px} #principal #home .destacada li a{color:#C0AB6A;font-size:15px;margin:0 0 0 15px} /*estilos de la fotonoticia*/ #principal #lateral .fotonoticia{border-bottom:1px solid #fff;background:#A31A41;width:100%} #principal #lateral .titular_foto_noticia a{color:#fff;text-decoration:none;font-weight:bold;font-size:2.0em} #principal #lateral .titular_foto_noticia a:hover{text-decoration:underline} #principal #lateral .resumen_foto_noticia{text-align:justify;font-size:1.3em;color:#fff} #principal #lateral .imagen_foto_noticia{background:#000} #principal #lateral .imagen_foto_noticia img{border:none} #principal #lateral .paginas_2 a{color:#C0AB6A;text-decoration:none} #principal #lateral .paginas_2 a:hover{color:#fff;text-decoration:underline} /*Para la vista normal de la categoria destacada*/ #principal #home .destacada{color:#fff} #principal #home .destacada a{color:#C0AB6A;font-size:15px;text-decoration:none} #principal #home .destacada a:hover{text-decoration:underline} #principal #home .destacada span{font-weight:bold;color:#E43D21} #principal #home .titulo_destacada {/*background:url(../diseno/bullet_home.gif) no-repeat 15px 3px;*/height:43px;padding:10px 0 0 0;color:#fff } #principal #home .titulo_destacada p{;font-weight:bold;/*background:#cccccc*/;margin:0 0 15px 60px;padding:10px 0 0 0;font-size:1.5em} #principal #home .home{margin:0 10px 0 10px;background:#fff;border-bottom:3px solid #A6A6C8} #principal #home .home p{border-bottom:3px solid #A6A6C8:font-weight:bold} #principal #home .home a{margin:0 0 0 10px;font-weight:bold} #principal #home .home_1{margin:0 10px 0 10px;background:#fff;color:#fff} /*home*/ #principal #home .contenido_home{color:#000} /*#principal #home .home_1{border-bottom:1px solid #ccc}*/ #principal #home .home_1 {margin:0 0 20px 0} #principal #home .home_1 li{list-style-type:square;color:#fff;font-size:1.0em} #principal #home .home_1 li a{color:#C0AB6A;font-size:1.0em;font-weight:bold;text-decoration:none} #principal #home .home_1 li a:hover{text-decoration:underline} #principal #home .home_1 .imagen{padding:5px 5px 10px 5px;border:1px solid #ccc} #principal #home .home_1 img{border:none} #principal #home .home_1 .link{color:red:font-size:0.5px} #principal #home .home_1 .titulo{font-size:1.2em} #principal #home .home_1 .titulo a{color:#000;font-size:1.0em;font-weight:bold;text-decoration:none} #principal #home .home_1 .titulo a:hover{text-decoration:underline} #principal #home .home_1 .subtitulo{color:#ccc;font-size:0.8em} #principal #home .home_1 .fecha{color:#000;font-size:0.9em} #principal #home .home_1 .resumen{color:#000;font-size:0.8em;text-align:justify;font-style:italic} #principal #home .home_1 .ver_mas{text-align:right} #principal #home .home_1 .ver_mas a{color:#242525;font-weight:bold} #principal #home .home_1 .titulo_2{text-align:right;font-size:1.2em} #principal #home .home_1 .titulo_2 a{color:#000;font-size:1.0em;font-weight:bold;text-decoration:none} #principal #home .home_1 .titulo_2 a:hover{text-decoration:underline} #principal #home .home_1 .subtitulo_2{color:#ccc;font-size:0.8em;text-align:right} #principal #home .home_1 .fecha_2{color:#000;font-size:0.0em;text-align:right} #principal #home .home_1 .resumen_2{color:#000;font-size:0.8em;text-align:justify} #principal #home .home_1 .ver_mas_2{text-align:left} #principal #home .home_1 .ver_mas_2 a{color:#242525;font-weight:bold} /*nuevo menu de usuario*/ /* #Fija {position:fixed;_position:absolute;bottom:0;_top:expression(eval(document.body.scrollTop));left:0;margin:0;padding:0;background:#666;color:#fff;width:100%; } */ /* if you want to emulate bottom:0;, use this:*/ #Fija {position:fixed;_position:absolute;bottom:0;_top:expression(document.body.scrollTop+document.body.clientHeight-this.clientHeight);left:0;margin:0;background:url(fondo_menu_usuario.gif) repeat-x;color:#fff;width:100%;text-align:left;height:30px;padding:0 0 0 5px;filter: alpha(opacity=90);opacity: .9;-moz-opacity:0.9} #Fija .datos{float:left} #Fija .utilitario{float:right;margin:0 10px 0 0;width:auto} #Fija .usuario{font-weight:bold} #Fija ul{padding:0;margin:5px 0 0 0} #Fija ul li{display:inline;color:red} #Fija ul li a{color:#000;text-decoration:none;background:url(adelante.gif) no-repeat left 2px;padding:0 0 0 20px; } #Fija ul li a:hover{text-decoration:underline;} #Fija .links{float:right;} #Fija .logo_link{width:80px;height:65px;background:url(logo_menu_usuario.gif) no-repeat;float:left} #Fija img{border:none} #Fija .datos{padding:0 20px 0 0;color:#000} #Fija .cerrar_session{float:right;padding:0 20px 0 0 } #Fija .cerrar_session a{color:white;text-decoration:none;background:url(salir.gif) no-repeat left 2px;padding:0 0 0 15px;} /*Estilos para la tabla de la configuracion global*/ #contenido .titulos_internos{background:#ccc;color:#000} #contenido .titulo_seccion{background:#666;color:#000;text-align:center;font-weight:bold} /*#principal #home .ventana{background:url(../diseno/fondo_home.gif) repeat-x top}*/ #principal #home .ventana h3{color:#73662C} #principal #home .ventana a:hover{color:#5C4929;text-decoration:underline} #principal #home .ventana p{color:#fff;text-align:justify} #principal #home .ventana img{border:4px solid #5C4929} /*Estilos Div Pie*/ #principal #pie{text-align:center;width:100%;color:#000;height:auto;padding:1px 0 0 0;//padding:9px 0 0 0} #principal #pie .pie_interno{text-align:center;color:#999;height:auto;font-size:0.7em} #principal #pie a{text-align:center;color:#999;height:auto;font-size:1.0em;text-decoration:none} #principal #pie a:hover{text-align:center;color:#999;height:auto;font-size:1.0em;text-decoration:underline} #principal #pie .desarrollado{float:right;color:#000;height:auto} #principal #pie .desarrollado_nombre{font-weight:bold} #principal .nombre_empresa{color:#999;font-weight:bold;font-size:1.0em} #principal .datos{color:#999;height:auto;font-size:1.0em} #principal #pie .links_rss a{float:middle} ul.menu{list-style:none;padding:0} ul.menu li{position:relative;text-align:left;} ul.menu ul{width:300px;text-align:left;padding:0;background:#000;border:1px solid #708C1D;position:absolute;left:0px;top:20px;display:none;list-style:circle;z-index:250} ul.menu ul li{border-bottom:1px solid #000;height:auto;padding:0;margin:0} ul.menu ul li a{color:#fff;text-decoration:none;padding:0;font-size:0.9em;margin:0} ul.menu ul li a:hover{color:#000;} ul.menu li:hover > ul{display:block;}