/* - - - - - - - - - - - - - - - - - - - - - Autor : Open Sourcer C.A Tony J.Garcia A. Descripción : Hoja CSS principal del Website Talebo Radio Creado : 24 - 03 - 2010 - - - - - - - - - - - - - - - - - - - - - */ /*--- Normas Principales ---*/ * { margin:0px; padding:0px; border:none; } body { font-family: Tahoma, Verdana, Helvetica, sans-serif; font-size: 11px; color: #000;background-color:#d1cb80;} table, table th, table tr, table td, div, img { vertical-align: top; } input { font-family: Tahoma, Verdana, Arial; font-size: 11px; font-weight: normal; color: #000; border: solid 1px #000; padding: 1px 0px 1px 2px;} a { color: #000; text-decoration: none; } a:hover { color: #000; } /* ---- Transparencia PNG para Internet Explorer 6 -----*/ .PNG {behavior: url(Css/recursos/iepngfix.htc);} /************************************************/ /** Centrado de la Página /************************************************/ #wrapper1 {width: 1040px;margin-left:-520px;position:relative;left:50%;min-height:835px;height: auto !important;height:835px;background: url(../Imgs/repeater.png) repeat-y left top;} #wrapper {width: 1040px;min-height:850px;height: auto !important;height:835px;background: url(../Imgs/repeater.png) repeat-y left top;display: table;} #lado_izq{background: url(../Imgs/lado_izq.png) no-repeat left top;width:140px;height:835px;float:left;display:inline; } #lado_der{background: url(../Imgs/lado_der.png) no-repeat left top;width:140px;height:835px;float:left;display:inline; } #centro{width:760px;min-height:835px;height:auto !important; height:835px;float:left;display:inline;background-color:#dfdfdf;} /************************************************/ /** header /************************************************/ #header #logo{width: 343px;height:114px;background: url(../Imgs/logo.png) no-repeat left top;margin:15px;float: left;display:inline;} #header #repro{width: 343px;height:114px;float: left;display:inline;margin: 15px;background: url(../Imgs/repro.png) no-repeat right top;} /************************************************/ /** footer /************************************************/ #footer_up{width: 1040px;height:95px;background: url(../Imgs/footer_up.png) no-repeat left top;margin-left:-520px;position:relative;left:50%; } #footer{width:100%;height:95px;background: url(../Imgs/footer_fondo.png) repeat-x left top;} #texto_footer{font-family:Tahoma, Verdana, Helvetica, sans-serif; font-size: 11px;font-weight:bolder;color:#e0e0e1;width: 320px;height: 40px;text-align:right;padding: 25px 0px 0px 0px;float:left;display:inline; } #follow_us{width: 300px;height: 40px;padding: 25px 0px 0px 20px;float:left;display:inline;} #logo_opensourcer{width: 152px;height: 54px;background: url(../Imgs/logo_opensourcer.png) no-repeat right bottom; } /*************************************/ /** Menu /************************************/ #menu{width:827px;height:38px;} #menu ul {list-style-type:none;margin: 0;padding:0;padding-left:20px;} #menu ul li{list-style-type:none;margin-left:5px;display:inline;float: left;} #menu ul li a{text-decoration:none;color:#00c6ff;font-family:"Lucida Sans",Tahoma, Verdana, Arial; font-size: 14px;font-weight:600;} #menu ul li a:hover{color:#fff;} #menuprincipal { height:38px;width:760px;} #menuprincipal ul { list-style-type: none; margin: 0px; padding: 0px; } #menuprincipal ul li {list-style-type:none;display:inline;float: left;} #menuprincipal ul li ul{ list-style-type: none; margin: 0px; padding:0px 5px;} #menuprincipal a { display:block;font: normal normal bold 14px/3em "Lucida Sans", Tahoma, Arial; text-decoration: none; color:#00c6ff;font-weight:600; } #menuprincipal a span{width:auto;margin-left:82px;font-size:12px;} #menuprincipal li.separador { width: 2px; height:2px;.height:0px;list-style-type: none; } @-moz-document url-prefix() { #menuprincipal a { padding-top: 0px; } } #menuprincipal .submenu { display: none;width: 180px; background-color: #c40807; opacity: 0.87; filter: alpha(opacity=87);} #menuprincipal .submenu li { float: none; display: block; margin: 0px; /*border-bottom: 1px solid #a7a6a6;*/background: url(../Imgs/menu/separador.png) no-repeat left bottom; } #menuprincipal .submenu li a {width:91%;.width:99%; float: none; display: block; height: auto !important; margin: 0px; padding: 10px 10px 10px 5px; font: normal normal normal 13px/14px "Lucida Sans", Tahoma, Arial; color: #fff; height:18px; text-decoration: none; } #menuprincipal .submenu li a:hover { color: #000;font-weight: bolder;} #menuprincipal .submenu li span { position: absolute; display: block; top: 13px; left: 35px; background: url(../imgs/menu-vinetaroja.jpg) no-repeat left top; } /*************************************/ /** SubMenu /************************************/ #submenu{background:url(../Imgs/submenu_fondo.png) no-repeat left top;width:827px;height:131px;position:relative;border-bottom:solid 1px #282b2b;z-index:2000;} #submenu .ele1 {background:url(../Imgs/sub1.png) no-repeat left top;width:165px;height:144px;position:absolute;top:-10px;left:15px;z-index:2000;float:left} #submenu .ele2 {background:url(../Imgs/sub2.png) no-repeat left top;width:135px;height:144px;position:absolute;top:-14px;left:235px;z-index:2000;float:left;} #submenu .ele3 {background:url(../Imgs/sub3.png) no-repeat left top;width:115px;height:144px;position:absolute;top:-14px;left:455px;z-index:2000;float:left;} #submenu .ele4 {background:url(../Imgs/sub4.png) no-repeat left top;width:143px;height:144px;position:absolute;top:-14px;left:665px;z-index:2000;float:left;} #submenu .titulo{color:#00c6ff;font-family:"Lucida Sans",Tahoma, Verdana, Arial; font-size: 12px;font-weight:600;} /*************************************/ /** Flash /************************************/ #flash{width:741px;height:202px;margin:0px auto;background: url(../Imgs/cuadro_flash.png) no-repeat left top;text-align: center;position:relative;z-index:1;} /*************************************/ /**Slideshow /************************************/ .cont_slide {width: 727px; height: 186px;padding:7px;} #slideshow { position: relative; width: 727px; height: 186px; overflow: hidden; } #slideshow ul { position: relative; z-index: 1000; list-style-type: none; margin: 0px; } #slideshow ul li { display: none; height: 186px; } #slideshow .navegador-contenedor { position: absolute; bottom: 20px; right: 10px; z-index: 1050; } #slideshow .navegador { background-color: #000; width: 184px; height: 21px; text-align: left; } #slideshow .navegador a { float: left; display: inline; width: 21px; height: 14px; color: #fff; font-weight: bold; padding: 0px 3px 0px 1px; margin-top: 3px;margin-right:3px;text-align: center; background: url(../Imgs/slide/vinculo.png) no-repeat left top;} #slideshow .navegador a.seleccionado {padding: 0px 3px 0px 1px; margin-top: 3px; background: url(../Imgs/slide/seleccionado.png) no-repeat left top; color: #000; } #slideshow .navegador a.play { margin-top: 5px; margin-right: 3px; width: 9px; height: 13px; background: url(../Imgs/slide/slideshow-play.jpg) no-repeat left bottom; } #slideshow .navegador a.pausa { margin-top: 5px; margin-right: 3px; width: 9px; height: 13px; background: url(../Imgs/slide/slideshow-pausa.jpg) no-repeat left bottom; } #slideshow .navegador-contenedor .navegador-izq{background:url(../Imgs/slide/slideshow-bordeizq.png) no-repeat left top;width:8px;height:21px;float:left;display:inline;} #slideshow .navegador-contenedor .navegador-der{background:url(../Imgs/slide/slideshow-bordeder.png) no-repeat left top;width:9px;height:21px;float:left;display:inline;} #cuadros{margin:2px;width: 758px;min-height:400px;height:auto !important; height:400px;margin: 0px auto;text-align:center;.width: 757px; } #cuadros #chat{width:290px;height:344px;float:left;display:inline; } #cuadros #columna_centro{width: 236px;height:auto;float:left;display:inline;margin-left: 5px;.margin-left: 3px;} #cuadros #columna_centro #taleboticias{width: 236px;height: 196px;background: url(../Imgs/fondo_taleboticias.png) no-repeat left top;} #cuadros #columna_centro #taleboticias ul{padding:35px 0px 0px 20px;list-style: none;} #cuadros #columna_centro #taleboticias ul li{width:205px;height: 70px;margin-bottom: 7px;} #cuadros #columna_centro #taleboticias ul li div.imagen{width:79px;height: 67px;background: url(../Imgs/noticia1.png) no-repeat left top;float:left;display:inline;border:solid 1px #000;overflow: hidden;} #cuadros #columna_centro #taleboticias ul li div.imagen a{width:79px;height: 67px;display:block;} #cuadros #columna_centro #taleboticias ul li div.texto{width:112px;height: 68px;float:left;display:inline;margin-left: 5px;overflow: hidden;color:#fff;font-family:Verdana, Geneva, sans-serif;text-align:left; } #cuadros #columna_centro #programacion{width: 236px;height: 151px;background: url(../Imgs/fondo_programacion.png) no-repeat left top;text-align: left;padding-left:12px; } #cuadros #banners{width: 221px;height: auto;float:left;display:inline;margin-left: 4px;.margin-left: 3px;} #cuadros #banners #baner1{width: 219px;height:144px;border:solid 1px #4a4a4a;background-color: #000;} #cuadros #banners #baner2{width: 219px;height:182px;border:solid 1px #4a4a4a;background-color: #000; } #cuadros #banners #baner3{width: 219px;height:109px;border:solid 1px #4a4a4a;background-color:#000; } #cuadros #banners #baner3 a{width: 219px;height:109px;display:block;} #cuadros #baner4 {width: 520px;height:84px;background-color:#000;margin-left:10px;} #cuadros #depor{width: 225px;height:79px;background: url(../Imgs/depor_jou.png) no-repeat left top;margin-left:15px;} #cuadros #depor a{width: 225px;height:79px;display:block;} /*********************************************/ /** Master /*********************************************/ #cuadros #arriba{width:685px;height:103px;background: url(../Imgs/cabezera_secciones.png) no-repeat left top;margin:0px auto;text-align: left; } #cuadros #contenedor_cuadro{width:685px;height: auto;margin: 40px;text-align: left;overflow: hidden;} /*********************************************/ /** Quienes Somos /*********************************************/ #cuadros #arriba #titulo_quienes{width:256px;height:47px;background: url(../Imgs/quienes_somos/titulo_quienes.png) no-repeat left top; } /*********************************************/ /** Depor Jou /*********************************************/ /*********************************************/ /** Noticias /*********************************************/ #cuadros #arriba #titulo_noticias{width:257px;height:47px;background: url(../Imgs/noticias/titulo_noticias.png) no-repeat left top; } #cuadros #elementos_noticias{width:760px;text-align: left;font-family:"Comic Sans MS",Verdana,Tahoma,Helvetica;font-size:11px;} #cuadros #elementos_noticias #cuadro_izq{width:28%;height:530px;float:left;display:inline;border-right: dotted 1px #7c7c7c;overflow: hidden;.width:180px;} #cuadros #elementos_noticias #cuadro_izq .titulo_secciones{width:161px;height:26px;background: url(../Imgs/noticias/titulo_secciones.png) no-repeat left top;} #cuadros #elementos_noticias #cuadro_der{width:70%;height: auto;float:left;display:inline} #cuadros #elementos_noticias .elemento{width: 471px;height:130px;} #cuadros #elementos_noticias .elemento .imagen{width:160px;height:130px;overflow:hidden;float:left;display:inline;} #cuadros #elementos_noticias .elemento .imagen .cuadro_imagen{width:151px;height:123px;border:solid 1px #3f3e3e;margin:2px auto;overflow:hidden;} #cuadros #elementos_noticias .elemento .texto{width:310px;height:130px;overflow:hidden;float:left;display:inline;} #cuadros #elementos_noticias .elemento .texto .titulo{width:99%;height:50px;margin:4px auto;overflow:hidden; } #cuadros #elementos_noticias .elemento .texto .fecha{width:99%;height:30px;margin:3px auto;font-size:11px; } #cuadros #elementos_noticias .elemento .texto .ver_mas{width:99%;height:35px;margin:3px auto;text-align:right;} #cuadros #elementos_noticias .separador{height:5px;background: url(../Imgs/noticias/separador.png) no-repeat left top;} #menu_lateral { font-family: Tahoma, Geneva, sans-serif; font-size:12px; font-weight: normal; width:100%; height: auto;overflow: hidden;} #menu_lateral ul {list-style-type: none;} #menu_lateral ul li {list-style-type: none; padding: 5px 0px 0px 0px;} #menu_lateral ul li a { text-decoration:none; padding: 2px 0px 2px 0px; display: inline-block; width: 194px;} #menu_lateral ul li a:hover { background-color:#403f05; color: #FFF;} #menu_lateral ul li a.on{background-color:#403f05; color: #FFF;} .titulo_noticia{width:100%;/*border-bottom:solid 1px #473838;*/font-size:14px;font-family: Tahoma, Geneva, sans-serif;color: #373838;font-weight:bold;line-height:16px;padding-bottom:4px;} .fecha_{font-family: Tahoma, Geneva, sans-serif; font-size:11px; font-weight: normal; text-align: left; color: #00135f;width: 65px; height:auto;padding:5px 0px 10px 5px;} .detalle_noticia{font-family: Tahoma, Geneva, sans-serif; font-size:12px; font-weight: normal; text-align: left; color: #373838;line-height: 16px; margin: 5px;} .barra_noticia{background: url(../Imgs/noticias/barra_noticia.png) no-repeat left top;width:680px;height:6px;behavior: url(Css/recursos/iepngfix.htc);} .boton_volver{background:url("../Imgs/btn_volver.png") no-repeat left top;width:60px;height:25px;cursor:pointer;float:right;margin-right:10px;border:none;} /*************************************/ /** Programación /*************************************/ #cuadros #arriba #titulo_programacion{width:257px;height:47px;background: url(../Imgs/programacion/titulo_programacion.png) no-repeat left top; } .cuadro_titulo{width:96px;height:39px;float:left;display: inline;} .cuadrito{width:94px;height:123px;float:left;display: inline;overflow-x: hidden;overflow-y: auto;background-color: #f1f1f1;border:solid 1px #a9a9a9;border-top:none;} .btn_buscar{background:url(../Imgs/programacion/btn_buscar.png) no-repeat left top;width:60px;height:25px;border:none;cursor:pointer;behavior: url(Css/recursos/iepngfix.htc);} .select1{border:solid 1px #b8b8b8;} .titu{color:#5b631c;font-size: 15px;} .horario{font-size:10px;color:#676666;} .horario .titulo{color:#2c2c2c;font-size:11px; } .elemento_horario{border-bottom:dotted 1px #fff;width: 89%;} .titulo_programa{width:100%;/*border-bottom:solid 1px #473838;*/font-size:14px;font-family: Tahoma, Geneva, sans-serif;color: #373838;font-weight:bold;line-height:16px;padding-bottom:4px;padding-left:4px;} .fecha_1{font-family: Tahoma, Geneva, sans-serif; font-size:12px; font-weight: normal; text-align: left; color: #00135f;width: 100%; height:auto;padding:5px 0px 10px 5px;line-height: 17px;} .tipo_{font-family: Tahoma, Geneva, sans-serif; font-size:12px; font-weight: normal; text-align: left; color: #00135f;width: 100%; height:auto;padding:5px 0px 10px 5px;} #loading{background:url(../Imgs/ajax-loader.gif) no-repeat left top;width:16px;height:16px;border:none;float:right;margin-right: 5px;behavior: url(Css/recursos/iepngfix.htc);display: none;} /* Scroller elementos de programacion */ #scroller_container { width: 236px; .width: 236px; height: 91px; /*border:solid 1px #e8e8e8;*/ overflow: hidden; } /* CSS Hack Safari */ #dummy {;# } #scroller_container { overflow: auto; } .jscroller2_up, .jscroller2_down, .jscroller2_left, .jscroller2_right { margin: 0; padding: 0; } .jscroller2_left, .jscroller2_right, .jscroller2_left_endless, .jscroller2_right_endless { white-space: nowrap; } /*************************************/ /** Locutores /*************************************/ #cuadros #arriba #titulo_locutores{width:256px;height:47px;background: url(../Imgs/locutores/titulo_locutores.png) no-repeat left top; } .elemento_lista{width: 570px;height:130px;margin: 0px auto 4px auto;} .elemento_lista .cont_ima{width: 130px;height:130px;float:left;display:inline;background-color:#555555;} .elemento_lista .cont_ima .imagen{width: 120px;height:120px;background-color:#fff;overflow: hidden;margin: 4px;} .elemento_lista .texto{width: 422px;height:130px;float:left;display:inline;text-align: left;padding-left: 10px;background-color:#d4d4d4;} .elemento_lista .texto .nombre{font-family: Tahoma, Geneva, sans-serif; font-size:12px; font-weight: bold;color: #00135f;width: 100%;height:20px;} .elemento_lista .texto .descripcion{color: #00135f;width: 100%;height:80px;} /*************************************/ /** Contactenos /*************************************/ #cuadros #arriba #titulo_contactenos{width:257px;height:47px;background: url(../Imgs/contactenos/titulo_contactenos.png) no-repeat left top; } #fondo_form{background:url(../Imgs/contactenos/fondo_formulario.png) no-repeat left top;width:396px;height:348px;margin:0px auto;} #fondo_form .etiqueta{font-size:12px;color:#031b71;font-family: Tahoma, Verdana,sans-seriff,Arial;font-weight:bold;width:110px;text-align:right;padding:2px 5px 0px 0px;} #fondo_form .elemento{border:solid 1px #a29f9f;width:190px;} #fondo_form .btn_borrar{background:url("../Imgs/contactenos/btn_borrar.png") no-repeat left top;width:58px;height:24px;cursor:pointer;float:right;margin-right:10px;border:none;} #fondo_form .btn_enviar{background:url("../Imgs/contactenos/btn_enviar.png") no-repeat left top;width:59px;height:24px;cursor:pointer;float:right;margin-right:10px;border:none;} h4 {color: #5F5F5F;font-size: 11px;} h4.alert {text-align: left;background-Color: #bfbfbf;width: 90%;margin-left: auto;margin-right: auto;padding: .4em;border: 1px dotted white;font-size: 11px;line-height: 16px;position: relative;-moz-border-radius: 2px;-webkit-border-radius: 2px;} span.exit {position: absolute;top: 0;right: 0;background: #6361DF;color: #292929;font-size: 10px;line-height: 14px;font-weight: bold;padding: 0 .3em;cursor: pointer;border-left: 1px dotted white;border-bottom: 1px dotted white;} /******************************************************************************/ /** Paginacion /******************************************************************************/ #paginador{ width:300px;.width:350px;float:right;text-align:right;padding-right:20px;} #paginador a{border:solid 1px #7a7877;.height:16px;color:#1F1F1F;margin-right:10px;cursor:pointer;padding:2px;} #paginador strong{border:solid 1px #7a7877;color:#1F1F1F;margin-right:10px;padding:2px;.height:16px;} /********************************************/ /** Alineación General /*******************************************/ .float-left { float: left; } .float-right { float: right; } .clear { clear: both; }