/* Hoja de estilos del Menu Principal de www.loconjb.com */

/* Estilo general del body */
body {
	background-color: black;
	font-family:serif;
	font-size:14px;
}

/* Estilo de los encabezado 1 y 2 */
h1{
	display:none;	
}

h2{
	font-size:20px;
}

/* Estilo de los acronimos */
acronym{
	border:none;
	cursor:help;
}

/* Estilo de las definiciones */
dfn{
	cursor:help;
}

p{
	text-indent:3em;
}

#contenido p{
	text-align:justify;
}

#contenido{
	padding: 0 50px;
	border-left: 2px solid white;
}

#contenido li{
	text-align:justify;
}
/*naranja f44f07 #c6ffff;*/
/* Estilo del contenedor */
#contenedor{
	width: 700px;
	background-color: #b9ffff;
	margin: 20px auto;
	background-image: url("./njbcamaleon.png");
	background-repeat: no-repeat;
	background-position: right bottom;
}

/* Estilo del cuadro de título */
#titulo{
	float:left;
	background-image: url("./logo.png");
	width: 590px;
	height: 110px;
}
/* Estilo para el machanguito representativo del autor */
#machango {
	width: 110px;
	height: 110px;
	background-image: url("./machango.png");
	float:right;
}
/* El piecabecera llena el espacio vacio dejado por float */
#piecabecera{
	clear:both;
}

/* Estilo para la seccion de enlaces */
#enlaces {
	padding: 0 50px;
	border-left: 2px solid white;
}

#njb,#patrocinados,#hospedados{
	float:left;
	padding-bottom: 15px;
	text-align: center;
}

/* El pieenlaces llena el espacio vacio dejado por float */
#pieenlaces {
	clear:both;
}

ul.menuenlaces{
	width:115px;
	list-style: none;
	margin: 0 35px;
	padding: 0;
	border: 1px solid gray;
}

ul.menuenlaces li{
	border-top: 1px solid white;
	border-bottom: 1px solid black;
	padding: 1px;
}

ul.menuenlaces li a{
	display: block;
	text-decoration: none;
	color: black;
	background-color: #aaffff;
}
ul.menuenlaces li a:hover{
	color: maroon;
	background-color: #c4e8e8;
}

#pie{
	border-left: 2px solid white;
}

#idioma{
	margin: 0 200px;
}

ul.menuidioma{
	width:100%;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.menuidioma li{
	padding: 3px 6px;
	display: inline;
	float:left;
}

ul.menuidioma li a{

	text-decoration: none;
	color: maroon;
}
ul.menuidioma li a:hover{
	color: #143a3a;
}

#navegacion{
	margin:0;
	padding-top: 3px;
	text-align:center;
	clear:both;
}

#navegacion a{
	text-decoration: none;
	color: #143a3a;
}

#navegacion a:hover{
	color: #817f02;
}

#derechos{
	font-weight:bold;
	text-align:center;
	padding-top: 5px;	
	padding-bottom: 5px;
	clear: both;
}