/* CSS Document */ body { background:url(../images/background.gif) repeat-x top; background-color:#579875; margin:0; padding-top:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; } a { color:#ccc; text-decoration:underline; } a:hover { color:#fff; } p { margin:5px 10px ; } h1 { } h2 { margin:5px 0px; } h3 { margin:0px 0px 5px 10px; font-weight:normal; font-size:18px; } h4 { margin:0px 0px 5px 0px; font-weight:normal; font-size:18px; } h6 { font-size:14px; margin:5px 0px; color:#B40107; } /* --------------------------------------------------------------------------------------------------------------------------------- */ /* Contenedor - Fondos - Encabezado - Contenido y Columnas */ #contenedor { width:939px; margin:0 auto; vertical-align:middle; } #bg_left { background:url(../images/border_left.gif) repeat-y left top; } #bg_right { background:url(../images/border_right.gif) repeat-y right top; } #encabezado { width:939px; margin:0 auto; vertical-align:middle; text-align:center; height:185px; overflow:hidden; } #contenido { background:#000; width:899px; margin:0 auto; vertical-align:middle; padding-top:10px; margin-top:-1px; } #columna_izq { float:left; width:495px; padding:5px; margin-left:1px; } #columna_der { float:left; width:380px; padding:5px; margin-right:1px; } /* --------------------------------------------------------------------------------------------------------------------------------- */ /* DESTAKADOS - Home */ #destacados { background:url(../images/back_grey.jpg) no-repeat top center; } .cont { display:block; clear:both; background:url(../images/divider_main.gif) no-repeat bottom; padding:10px 20px; margin-bottom:20px; } .cont h1 { color:#fff; font-size:17px; margin:0; padding:0px 0px 5px 0px; } .cont p { margin:10px 0px; } .video { padding-left:13px; } .video_santo { padding:10px 0; margin:0 auto; vertical-align:middle; display:block; width:320px; } /* --------------------------------------------------------------------------------------------------------------------------------- */ /* TITULOS OBLEAS */ #historia, #videosanto, #notas, #la_banda { background:url(../images/back_grey.jpg) no-repeat top center; } #discografia { background:url(../images/back_grey.jpg) no-repeat top center; } #galeria { background:url(../images/back_grey.jpg) no-repeat top center; } #prensa, #registrate { background:url(../images/back_grey.jpg) no-repeat top center; } #contacto { background:url(../images/back_grey.jpg) no-repeat top center; } #enl { background:url(../images/back_grey.jpg) no-repeat top center; } .tit_destacados { margin:0 0 0 11px; padding:0; height:35px; background:url(../images/tit_destakados.gif) no-repeat bottom left; overflow:hidden; display:block; } .tit_komentarios { margin:0 0 0 8px; padding:0; height:35px; background:url(../images/tit_komentarios.gif) no-repeat bottom left; overflow:hidden; display:block; } .tit_historia { margin:0 0 0 11px; padding:0; height:35px; background:url(../images/tit_historia.gif) no-repeat bottom left; overflow:hidden; display:block; } .tit_discografia { margin:0 0 0 11px; padding:0; height:35px; background:url(../images/tit_discografia.gif) no-repeat bottom left; overflow:hidden; display:block; } .tit_fotos { margin:0 0 0 11px; padding:0; height:35px; background:url(../images/tit_fotos_main.gif) no-repeat bottom left; overflow:hidden; display:block; } .tit_videosanto { margin:0 0 0 11px; padding:0; height:35px; background:url(../images/tit_tvsanto.gif) no-repeat bottom left; overflow:hidden; display:block; } .tit_notas { margin:0 0 0 11px; padding:0; height:35px; background:url(../images/tit_notas.gif) no-repeat bottom left; overflow:hidden; display:block; } .tit_prensa { margin:0 0 0 11px; padding:0; height:35px; background:url(../images/tit_prensa.gif) no-repeat bottom left; overflow:hidden; display:block; } .tit_enlaces_main { margin:0 0 0 11px; padding:0; height:35px; background:url(../images/tit_enlaces_main.gif) no-repeat bottom left; overflow:hidden; display:block; } .tit_enlaces { margin:0 0 0 0px; padding:0; height:35px; background:url(../images/tit_enlaces.gif) no-repeat bottom left; overflow:hidden; display:block; } .tit_contacto { margin:0 0 0 11px; padding:0; height:35px; background:url(../images/tit_contacto.gif) no-repeat bottom left; overflow:hidden; display:block; } .tit_registrate { margin:0 0 0 11px; padding:0; height:35px; background:url(../images/tit_registrate.gif) no-repeat bottom left; overflow:hidden; display:block; } .tit_fechasanteriores { margin:0 0 0 11px; padding:0; height:35px; background:url(../images/tit_fechasanteriores.gif) no-repeat bottom left; overflow:hidden; display:block; } .tit_biography { margin:0 0 0 11px; padding:0; height:35px; background:url(../images/tit_biography.gif) no-repeat bottom left; overflow:hidden; display:block; } .tit_kronicas { margin:0 0 0 11px; padding:0; height:35px; background:url(../images/tit_kronicas.gif) no-repeat bottom left; overflow:hidden; display:block; } .tit_biographie { margin:0 0 0 11px; padding:0; height:35px; background:url(../images/tit_biographie.gif) no-repeat bottom left; overflow:hidden; display:block; } .tit_the_band { margin:0 0 0 11px; padding:0; height:35px; background:url(../images/tit_theband.gif) no-repeat bottom left; overflow:hidden; display:block; } .tit_le_bande { margin:0 0 0 11px; padding:0; height:35px; background:url(../images/tit_lebande.gif) no-repeat bottom left; overflow:hidden; display:block; } /* --------------------------------------------------------------------------------------------------------------------------------- */ /* Discografia */ .img_gal { border:1px solid #fff; margin:10px 0px; } .img_disc { float:left; margin:0px 15px 0px 0px; } .img_disc2 { float:right; margin:0; } /* --------------------------------------------------------------------------------------------------------------------------------- */ /* KOMENTARIOS */ .comentarios { display:block; clear:both; padding:20px; margin-bottom:20px; background:url(../images/back_grey.jpg) no-repeat top center; } .comentarios p { margin:10px 0px; } .comentarios form { border:1px solid #333; padding:10px; } .comentarios form label input, textarea { background:#fff; border:0px; padding:4px; width:425px; font-family:Arial, Helvetica, sans-serif; margin:3px 0px; overflow:auto; font-size:13px; } .comentarios form input#enviar { background:#B40107; border:0px; color:#000; font-weight:bold; padding:3px 6px; font-size:20px; width:433px; text-align:right; } .comentarios form label input#nombre { width:350px; } .comentarios form label input#codigo { width:60px; margin-left:5px; } .palabra_codigo { padding-left:285px; } .comentario { display:block; margin:0px 0px 20px 0px; } .comentario h2 { background:url(../images/koronita.gif) no-repeat left center; display:block; background-color:#B40107; margin:0px; padding:4px 0px 4px 23px; font-size:15px; color:#000; border-left:3px solid #B40107; } .comentario h3 { float:right; font-size:12px; padding:6px; } .comentario p { margin:5px 0px; } #paginas { background:#fff; text-align:center; padding:5px; color:#000; display:block; clear:both; margin:10px 0px 0px 0px; font-size:11px; } #paginas a { color:#000; } #paginas a:hover { color:#B40107; } /* --------------------------------------------------------------------------------------------------------------------------------- */ /* COLUMNA DERECHA - Recuadros */ /* Recuadro Novedades VIEJO */ #novedades { background:url(../images/base_red.gif) no-repeat bottom center; background-color:#B40107; width:377px; margin:0px 0px 20px 0px; padding-bottom:11px;} #novedades h3 { margin:0px 20px 5px 20px ; color:#F8F6CD; } #novedades p { margin:0px 20px 15px 20px ; color:#F8F6CD; } .nov { margin:0; padding:0; height:35px; background:url(../images/kronicas_oblea.gif) no-repeat bottom left; overflow:hidden; display:block; } /* Recuadro Kronicas */ #kronicas { background:url(../images/base_red.gif) no-repeat bottom center; background-color:#B40107; width:377px; margin:0px 0px 20px 0px; padding-bottom:11px;} #kronicas h3 { margin:0px 20px 5px 20px ; color:#F8F6CD; } #kronicas p { margin:0px 20px 15px 20px ; color:#F8F6CD; } .kro { margin:0; padding:0; height:35px; background:url(../images/kronicas_oblea.gif) no-repeat bottom left; overflow:hidden; display:block; } .vid { margin:0; padding:0; height:35px; background:url(../images/videos_oblea.gif) no-repeat bottom left; overflow:hidden; display:block; } /* Recuadro Links */ #links { background:url(../images/base_red.gif) no-repeat bottom center; background-color:#B40107; width:377px; margin:0px 0px 20px 0px; padding-bottom:11px;} #links h3 { margin:0px 20px 5px 20px ; color:#F8F6CD; } #links p { margin:0px 20px 15px 20px ; color:#F8F6CD; } .link { margin:0; padding:0; height:35px; background:url(../images/oblea_links.gif) no-repeat bottom left; overflow:hidden; display:block; } /* Recuadro Discography */ #disco { background:url(../images/base_beige.gif) no-repeat bottom center; background-color:#F8F6CD; width:377px; margin:0px 0px 20px 0px; padding:11px 0px; color:#000; } #disco h3 { margin:0 10px 0 0; padding:0; color:#000; } #disco p { margin:0px 20px 15px 20px ; color:#000; } #disco .img_disc { width:150px; height:150px; float:left; padding:0px 0px 10px 25px; } .disc { margin:0; padding:0; height:35px; background:url(../images/oblea_discography.gif) no-repeat bottom left; overflow:hidden; display:block; } .discographie { margin:0; padding:0; height:35px; background:url(../images/oblea_discographie.gif) no-repeat bottom left; overflow:hidden; display:block; } /* Recuadro Fechas */ #fechas { background:url(../images/base_beige.gif) no-repeat bottom center; background-color:#F8F6CD; width:377px; margin:0px 0px 20px 0px; padding:11px 0px; color:#000; } #fechas p { margin:0px 20px 15px 20px; } #fechas p.red { margin:0px 20px 5px 20px; color:#CC0000; font-weight:bold; } #fechas p.pasada { color:#7C7B66; } #fechas p.suspendida { text-decoration:line-through; } #fechas p strong { font-size:15px; } #fechas p strong.small { font-size:12px; } #fechas p strong.tit { font-size:20px; } .fechas { margin:0; padding:0; height:35px; background:url(../images/tit_fechas.gif) no-repeat bottom left; overflow:hidden; display:block; } #fechas a { color:#CC0000; } #fechas a:hover { color:#000000; } /* Recuadro Enlaces */ #enlaces { background:url(../images/back_grey_right.jpg) no-repeat top; padding:1px 15px 15px 15px; width:347px; line-height:17px; } #enlaces h1 { font-size:20px; margin:10px 0px; } #enlaces a:hover { font-weight:bold; } #enlaces p.imgs { padding:10px 0px 0px 0px; } #enlaces p.imgs img { padding-right:5px; } /* Recuadro Galerias anteriores */ #galerias_anteriores { background:url(../images/base_red.gif) no-repeat bottom center; background-color:#B40107; width:377px; margin:0px 0px 20px 0px; padding-bottom:15px;} #galerias_anteriores h3 { margin:0px 20px 5px 20px ; color:#F8F6CD; } #galerias_anteriores span { background:url(../images/divider_beige.gif) no-repeat bottom; display:block; margin:0 20px; } #galerias_anteriores a { text-decoration:none; background:url(../images/ico_folder.gif) no-repeat left center; padding:4px 0 4px 15px; color:#FAE8BF; display:block; } #galerias_anteriores a:hover { padding-left:20px; color:#fff; } .gal { margin:0; padding:0; height:35px; background:url(../images/tit_fotos.gif) no-repeat bottom left; overflow:hidden; display:block; } /* Recuadro Kronicas anteriores */ #kro_anteriores { background:url(../images/base_red.gif) no-repeat bottom center; background-color:#B40107; width:377px; margin:0px 0px 20px 0px; padding-bottom:15px;} #kro_anteriores h3 { margin:0px 20px 5px 20px ; color:#F8F6CD; } #kro_anteriores span { background:url(../images/divider_beige.gif) no-repeat bottom; display:block; margin:0 20px; } #kro_anteriores a { text-decoration:none; background:url(../images/ico_kronicas.gif) no-repeat left center; padding:4px 0 4px 15px; color:#FAE8BF; display:block; } #kro_anteriores a:hover { padding-left:20px; color:#fff; } /* Recuadro Videos anteriores */ #vid_anteriores { background:url(../images/base_red.gif) no-repeat bottom center; background-color:#B40107; width:377px; margin:0px 0px 20px 0px; padding-bottom:15px;} #vid_anteriores h3 { margin:0px 20px 5px 20px ; color:#F8F6CD; } #vid_anteriores span { background:url(../images/divider_beige.gif) no-repeat bottom; display:block; margin:0 20px; } #vid_anteriores a { text-decoration:none; background:url(../images/ico_tvsanto.gif) no-repeat left center; padding:4px 0 4px 15px; color:#FAE8BF; display:block; } #vid_anteriores a:hover { padding-left:20px; color:#fff; } /* --------------------------------------------------------------------------------------------------------------------------------- */ /* PRENSA */ form#login, form#registro { margin:0; padding:10px; } form#login { margin:0 auto; vertical-align:middle; width:220px; } form#login input, form#registro input { border:0; background:#fff; padding:5px; width:423px; font-size:14px; margin:5px 0px; color:#CC0000; } form#login input { width:210px; } form#login textarea, form#registro textarea { border:0; background:#fff; padding:5px; width:423px; font-size:12px; margin:5px 0px; color:#CC0000; } form#login input#ingresar, form#registro input#enviar { background:#B40107; border:0px; color:#000; font-weight:bold; padding:3px 6px; font-size:20px; width:433px; } form#login input#ingresar { width:220px; clear:both;} form#login p, form#registro p { margin:0; padding:0; font-size:12px; } .error { font-weight:bold; color:#CC0000; display:block; padding:5px; background:#fff; } /* --------------------------------------------------------------------------------------------------------------------------------- */ /* CONTACTO */ .benditas { float:right; } /* FOOTER */ #footer { background:url(../images/footer_base.gif) no-repeat center; height:100px; color:#E2DDD9; font-size:13px; text-align:right; padding:35px 0px 20px 0px; display:block; clear:both; line-height:19px; margin-top:10px; } #footer a { color:#ccc; } #footer a:hover { color:#fff; } .smaller { color:#999999; font-size:11px; } .logos { float:right; padding-top:15px; padding-right:12px; } .links_bottom, #footer .smaller { padding-right:25px; } #volver { font-size:11px; display:block; clear:both; padding:0px 22px;} /* --------------------------------------------------------------------------------------------------------------------------------- */ /* Infecciones de transmision sexual */ #tabla { padding:5px; border:1px solid #000; height:400px; overflow:scroll; } #tabla table { border:1px solid #333; padding:5px; } #tabla table tr td { border-right:1px solid #333; padding:5px; } .bg1 { background:#141414; } .bg2 { background:#2A2A2A; } .bigger { font-size:14px; } .importante { background:#CC0000; color:#F8F6CD; } .importante h2 { font-size:15px; font-weight:normal; margin:5px; border-bottom:1px solid #F8F6CD; } #banner_top { text-align:center; padding:0 0 20px 0; }