/* Hoja de estilos para sitio www.chiclo.cl
Autor: Diego Diaz - diego@crono.org
Fecha ultima actualizacion: 21/05/2007
*/

body {
	margin:0;
	padding:0;
	height:100%;
	background:#000 url(../img/html/bg_principal.jpg) repeat-y 50% 0;
	background-attachment:fixed;
	text-align:center;
	min-width:673px;
	font-family: "lucida grande", "lucida sans unicode", lucida, verdana, geneva, sans-serif;
	font-size:11px;
	color:#FFF;
}
img a,hover {
	border:none; !important
	}

#contenidos a,link {
	color:#EEE;
	text-decoration:none;
	padding:4px;
	}
#contenidos a:hover {
	color:#FFF;
	text-decoration:none;
	background-color:#996600;
	padding:4px;
	}
	

#contenedor {
	width:673px;
	margin:0 auto;
	background:#000;
	border:0;
}

#cabecera {
	float:left;
	background:url(../img/html/foto_cabecera.jpg) no-repeat transparent top left;
	width:673px;
	height:258px;
	margin:0;
}

/* -----------------------
	Menu de navegacion  
   ------------------------ */
#menu_navegacion {
	float:left;	
	width:673px;
	height:44px;
	margin:0;
	padding:0;
	}
#menu_navegacion p { font: 1px Arial, Helvetica, sans-serif; float:left;text-align:center;text-indent:-9000px; margin:0;}
#menu_navegacion p a { display: block; height:43px; text-decoration:none; color:#2C67A1;}
#menu_navegacion #portada a { background: url(../img/botones/bt_portada.jpg) no-repeat; width:102px;}
#menu_navegacion #biografia a { background: url(../img/botones/bt_bio.jpg) no-repeat; width:103px;}
#menu_navegacion #letras a { background: url(../img/botones/bt_letras.jpg) no-repeat; width:81px;}
#menu_navegacion #mp3 a { background: url(../img/botones/bt_mp3.jpg) no-repeat; width:66px;}
#menu_navegacion #fotos a { background: url(../img/botones/bt_fotos.jpg) no-repeat; width:117px;}
#menu_navegacion #visitas a { background: url(../img/botones/bt_visitas.jpg) no-repeat; width:84px;}
#menu_navegacion #enlaces a { background: url(../img/botones/bt_enlaces.jpg) no-repeat; width:120px;}
#menu_navegacion #portada a:hover, #menu_navegacion #biografia a:hover, #menu_navegacion #letras a:hover, #menu_navegacion #mp3 a:hover, #menu_navegacion #fotos a:hover, #menu_navegacion #visitas a:hover, #menu_navegacion #enlaces a:hover{ background-position:0 -43px;}
#menu_navegacion #portada a.active, #menu_navegacion #biografia a.active, #menu_navegacion #letras a.active, #menu_navegacion #mp3 a.active, #menu_navegacion #fotos a.active, #menu_navegacion #visitas, #menu_navegacion #enlaces a.active{ background-position:0 -43px;}



h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-size:18px;
	color:#EEE;
	letter-spacing:.5px;
	font-style:normal;
	text-align: left;
	padding:10px 0 0 10px;
}
*>div h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-size:18px;
	color:#EEE;
	letter-spacing:.5px;
	font-style:normal;
	text-align: left;
	padding:0 0 0 10px;
}
h4 {
	color:#EEE;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-size:18px;
	letter-spacing:.5px;
	font-style:normal;
	text-align: left;
	padding:10px 0 10px 10px;
	margin:0;
	}
#contenidos {
	float:left;
	width:459px;
	background:#000000 url(../img/html/bg_contenidos.jpg) left top no-repeat;
	text-align:justify;
	font: 8pt/14pt 'Lucida Grande', Verdana, Helvetica, sans-serif;
	color:#FFF;
}
#contenidos_fotos {
	float:left;
	width:459px;
	background:#000000 url(../img/html/bg_contenidos.jpg) left top no-repeat;
	text-align:justify;
	font: 8pt/14pt 'Lucida Grande', Verdana, Helvetica, sans-serif;
	color:#FFF;
}
#contenidos p,#contenidos_fotos p {
	padding:10px;
	}

#flayer {
	float:left;
	width:214px;
	background:#000000 url(../img/html/bg_contenidos.jpg) left top no-repeat;
	min-height:301px;
	}
#flayer img {
	border:1px solid #B3A091;
	padding:0px;
	}
#flayer p {
	text-align:left;
	padding:10px;
	margin:0;
	}
#flayer a,link {
	color:#EEE;
	text-decoration:none;
	padding:4px;
	}
#flayer a:hover {
	color:#FFF;
	text-decoration:none;
	background-color:#996600;
	padding:4px;
	}	
#pie {
	clear:both;
	width:673px;
	margin:0;
	height:40px;
	background:url(../img/html/bg_pie.jpg) left top no-repeat;
	font: 8pt/9pt 'Lucida Grande', Verdana, Helvetica, sans-serif;
	color:#FFF;
	padding:60px 0 0 0;
}

#pie a,link {
	color:#EEE;
	text-decoration:none;
	padding:4px;
	}
#pie a:hover {
	color:#FFF;
	text-decoration:none;
	background-color:#996600;
	padding:4px;
	}
#pie p {
	text-align:right;
	padding:0 10px 0 0;
	}
	
/* --------------
	Fotografías
--------------- */

#thumbs {
	position:relative;
	margin:0 auto;
	width:100%; 
	text-align: center;
	border:none;
}
#thumbs img { border:none; }

.tb_mp3 td {
	padding:5px;
	border-bottom:1px dotted #999900;
	}
	
/* ------------------
	libro de visitas 
-----------------	*/
input, textarea, select {
font-family:"lucida grande", "lucida sans unicode", lucida, verdana, geneva, sans-serif;
font-size:11px;
color:#FFF;
border:1px solid #333;
background-color:#68300D;
padding:2px;
margin:1px;
}
input[type=submit] {
background: #68300D;
color: #fff;
}
input[type=reset] {
background: #68300D;
color: #fff;
}
.tblibro {
background: transparent;
font: 11px/18px Lucida Grande, verdana, sans-serif;
padding:4px;
border:1px solid #555;
margin:20px;
}
.autor-fecha-libro {
background-color:#462212;
color:#FFFFFF;
padding:2px;
border-bottom:1px solid #333;
}
.autor-fecha-libro a:link,.autor-fecha-libro a:visited,.autor-fecha-libro a:hover {
text-decoration:none;
color:#FFFFFF;
}
.comentarios-libro {
font: 11px/18px Lucida Grande, verdana, sans-serif;
background-color:#724D30;
color:#EEE;
padding:4px;
}