/* 	Hoja de estilos CSS para silvio.cl
	Autor: Diego Diaz Plaza - www.diegodiaz.org
	Fecha: 25/02/2008  
*/

body { margin:0; padding:0; height:100%; background:#161616 url(../img/bg_principal.jpg) repeat-y 50% 0; background-attachment:fixed; text-align:center; min-width:700px; font-family: "lucida grande", "lucida sans unicode", lucida, verdana, geneva, sans-serif; font-size:11px; }

/*body { margin:0; padding:0; height:100%; background:#000; text-align:center; min-width:700px; font-family: "lucida grande", "lucida sans unicode", lucida, verdana, geneva, sans-serif; font-size:11px; }*/
#contenedor { width:700px; margin:0 auto; text-align:center; position:relative; }
#cabecera { height:282px; width:100%; background:url(../img/bg_cabecera_c.jpg) top left no-repeat; position:relative; margin:0; padding:0; }

/* MENU DE NAVEGACION */
#menu { width:100%; height:43px; background:url(../img/bg_menu.jpg) top left no-repeat; position:relative; margin:-1px 0 0 0; padding:0; }
#menu ul { list-style: none; margin: 0; padding: 0; border: none; }
#menu li { display: block; margin: 0; padding: 0; float: left; width: auto;	}
#menu ul li a { position:relative; display:block; text-indent: -9000px; text-decoration:none; border:0px; }
#menu #inicio a { background: url(../img/bot_inicio.gif) no-repeat; width:100px; height:43px; border:0px; }
#menu #bio a { background: url(../img/bot_bio.gif) no-repeat; width:100px; height:43px; border:0px; }
#menu #cal a { background: url(../img/bot_cal.gif) no-repeat; width:120px; height:43px; border:0px; }
#menu #musica a { background: url(../img/bot_musica.gif) no-repeat; width:90px; height:43px; border:0px; }
#menu #videos a { background: url(../img/bot_videos.gif) no-repeat; width:90px; height:43px; border:0px; }
#menu #fotos a { background: url(../img/bot_fotos.gif) no-repeat; width:79px; height:43px; border:0px; }
#menu #contacto a { background: url(../img/bot_contacto.gif) no-repeat; width:113px; height:43px; border:0px; }	
/* a:hover */
#menu #inicio a:hover,#menu #bio a:hover,#menu #cal a:hover,#menu #musica a:hover,#menu #videos a:hover, #menu #fotos a:hover, #menu #contacto a:hover { background-position:0 -43px; }

/* CONTENIDOS */
#central { float:left; width:700px; position:relative; background:url(../img/bg_contenido.jpg) top left no-repeat; }
#contenidos { width:470px; float:left; padding:0 0 0 20px; margin:0 10px 0 0; text-align:left; }
#contenidos .hr_grande { background:url(../img/hr.gif) top left no-repeat; text-align:center; margin: 15px 0 0 15px; padding: 0; height: 42px; }
#contenidos p { padding:5px; margin:0; color:#ECDFBD; font-size:11px; }
#contenidos h1 { text-transform:uppercase; font-family:Times New Roman, Arial, Helvetica, sans-serif; font-size:14px; color:#FAF5E7; width:auto; margin:0; padding:20px 0 5px 0;  }

#contenidos ul { margin:0; padding:0; color:#FAF5E7; font-size:11px; }
#contenidos li { list-style-type:none; margin:0; padding:3px; }
#contenidos li a { background:url(../img/bullet.gif) 0 2px no-repeat; text-decoration:none; padding:0 0 0 15px; color:#FFF; font-size:11px; text-align:left; }
#contenidos li a:hover { background:url(../img/bullet.gif) 0 2px no-repeat; text-decoration:none; padding:0 0 0 15px; color:#EBDEBA; font-size:11px; text-align:left; }

#contenidos form input { background:url(../img/bg_input_form.jpg) top left repeat-x; height:18px; border:1px solid #6F4932; width:267px; color:#FFF; font-size:11px; font-family: "lucida grande", "lucida sans unicode", lucida, verdana, geneva, sans-serif; text-align:left; }
#contenidos form textarea { width:267px; height:150px; background: #B48C70 url(../img/bg_textarea.jpg) top left repeat-x; color:#FFF; font-size:11px; font-family: "lucida grande", "lucida sans unicode", lucida, verdana, geneva, sans-serif; text-align:left; border:1px solid #6F4932; }

/* TITULOS REEMPLAZADOS */
#contenidos h1#tit_bienvenidos { background:url(../img/tit_bienvenidos.gif) top left no-repeat; width:252px; height:16px; text-indent:-9000px; margin:20px 0 0 0; padding:10px 0 0 0; }
#contenidos h1#tit_anfitrion { background:url(../img/tit_anfitrion.gif) top left no-repeat; width:131px; height:16px; text-indent:-9000px; margin:20px 0 0 0; padding:10px 0 0 0; }
#contenidos h1#tit_cuatroydiez { background:url(../img/tit_cuatroydiez.gif) top left no-repeat; width:154px; height:16px; text-indent:-9000px; margin:20px 0 0 0; padding:10px 0 0 0; }
#contenidos h1#tit_biografia { background:url(../img/tit_biografia.gif) top left no-repeat; width:154px; height:16px; text-indent:-9000px; margin:20px 0 0 0; padding:10px 0 0 0; }
#contenidos h1#tit_calendario { background:url(../img/tit_calendario.gif) top left no-repeat; width:253px; height:16px; text-indent:-9000px; margin:20px 0 0 0; padding:10px 0 0 0; }
#contenidos h1#tit_musica { background:url(../img/tit_musica.gif) top left no-repeat; width:253px; height:16px; text-indent:-9000px; margin:20px 0 0 0; padding:10px 0 0 0; }
#contenidos h1#tit_videos { background:url(../img/tit_videos.gif) top left no-repeat; width:253px; height:16px; text-indent:-9000px; margin:20px 0 0 0; padding:10px 0 0 0; }
#contenidos h1#tit_fotos { background:url(../img/tit_fotos.gif) top left no-repeat; width:253px; height:16px; text-indent:-9000px; margin:20px 0 0 0; padding:10px 0 0 0; }
#contenidos h1#tit_contacto { background:url(../img/tit_contacto.gif) top left no-repeat; width:253px; height:16px; text-indent:-9000px; margin:20px 0 0 0; padding:10px 0 0 0; }
#contenidos h1#tit_form_contacto { background:url(../img/tit_form_contacto.gif) top left no-repeat; width:253px; height:16px; text-indent:-9000px; margin:20px 0 0 0; padding:10px 0 0 0; }


/* LADO DERECHO */
#lado_derecho { float:left; width:175px; padding:10px; text-align:left; display:block; }
#lado_derecho h1 { text-transform:uppercase; font-family:Times New Roman, Arial, Helvetica, sans-serif; font-size:14px; color:#FAF5E7; width:auto; margin:0; padding:15px 0 5px 0; }

/* TITULOS REEMPLAZADOS */
#lado_derecho h1#tit_proximamente { background:url(../img/tit_proximamente.gif) top left no-repeat; width:131px; height:16px; text-indent:-9000px; margin:20px 0 0 0; padding:10px 0 0 0; }
#lado_derecho h1#tit_listacorreo,#contenidos h1#tit_listacorreo { background:url(../img/tit_listacorreo.gif) top left no-repeat; width:131px; height:16px; text-indent:-9000px; margin:20px 0 0 0; padding:10px 0 0 0; }
#lado_derecho h1#tit_paravisitar { background:url(../img/tit_paravisitar.gif) top left no-repeat; width:131px; height:16px; text-indent:-9000px; margin:20px 0 0 0; padding:10px 0 0 0; }

#lado_derecho .hr_chico { background:url(../img/hr_chico.gif) top left no-repeat; text-align:center; margin: 15px 0 0 15px; padding: 0; height: 15px; }
#lado_derecho ul { margin:0; padding:0; }
#lado_derecho li { list-style-type:none; margin:0; padding:3px; }
#lado_derecho li a { background:url(../img/bullet.gif) 0 2px no-repeat; text-decoration:none; padding:0 0 0 15px; color:#FFF; font-size:11px; text-align:left; }
#lado_derecho li a:hover { background:url(../img/bullet.gif) 0 2px no-repeat; text-decoration:none; padding:0 0 0 15px; color:#EBDEBA; font-size:11px; text-align:left; }
#lado_derecho .lc { color:#EBDEBA; font-size:10px; text-align:left; width:140px; height:21px; border:1px solid #946B4F; background:url(../img/bg_input.gif) top left repeat-x; }
#lado_derecho .bot_enviar_lc,#contenidos .bot_enviar_lc { width:58px; height:23px; background:url(../img/bot_enviar_b.gif) top left no-repeat; text-indent:-9000px; color:#5B3D29; font-size:1px; border:none; cursor:pointer; }

/* GALERIA FOTOGRAFICA  */
.thumbs { text-align:center; }
.thumbs a {text-decoration:none; }
.thumbs img { vertical-align:middle; border:1px solid #999; margin:4px 2px; }
.thumbs img:hover { border-color:#ECDFBD; border-width:2px; margin:3px 1px; }

/* CALENDARIO DE PRESENTACIONES */
table.shows { margin:0 auto; width: 98%; color:#FFF; font-size:10px; }
table.shows th { text-align: left; border-bottom: 1px solid #999; background: #4B2D1B; color:#FFF; font-size:10px; }		
table.shows td { border-bottom: 1px solid #666; background-color:#543F30; }
table.shows th, table.shows td { padding: 3px 5px; }
table.shows a,link,visited { background:none; text-decoration:none; display:block; color:#FFF; font-size:11px; text-align:left; }
table.shows a:hover { background-color:#6F5440; display:block; text-decoration:none; color:#FFF; font-size:11px; text-align:left; }


/* PIE DE PAGINA */
#pie { clear:both; background:url(../img/bg_pie.jpg) top left no-repeat; width:700px; height:51px; }