/* CSS Document */

/*empezamos por esto, para evitar resultados extranos en distintos navegadores, y algo de estilo al texto*/
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	text-align:center;
	background-color: #FFFFFF;
	width: 970px;
	height: 100%;
}
#contenedor {
	width:80px;
	margin:10px auto;
	text-align:left;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#cabecera {
	margin:8px;
	padding:8px;
	width:801px;
	height:50px;
	float:left;
	display:block;
	position: relative;
	margin-top: 0px;
	background-repeat: repeat;
	visibility: visible;
	background-color: #d6e03e;
}
#encabezado {
	margin:10px; /*para que no se pegue al borde*/ 
	padding:10px; /*algo de relleno*/
	width:800px; /*este ancho es para que cuadre con el texto*/ 
	height:70px; /*idem*/ 
	border:1px solid #333333; /*decoracion*/ 
	background-color:#CCcc33; /*more*/ 
	float:left; /*lo flotamos a la izquierda*/ 
	display:block; /*(*)*/ 
}
#encabezado h1 { /*encadenamos el identificador del div, con la etiqueta para referirnos solo al h1 dentro del div encabezado,
asi no afectara otros h1 en el resto del documento.*/ 
	font-size:18px;
	font-weight:bold;
	width:224px;
	border-bottom:16px solid #FFFFFF;
	color:#FFFFFF;
	margin:0; /*los h1 vienen con margen, con esto se lo quito*/ 
	text-transform:uppercase; /*convierte todas en mayusculas*/ 
	padding-bottom:10px;
}
#menu {
	float:left;
	margin:10px 10px auto 0;
	width:320px;
	height:24px;
	background-image: url(http://www.bombillasdeleds.com/images/menu.png);
	background-repeat: no-repeat;
} 
#submenu ul {
    list-style-type: none;
    margin: 0px;
    padding: 3px;
    width: 140px;
    font-family: Helvetica, Arial, Verdana, sans-serif;
    font-size: 9pt;
	/*font-weight:bold;*/
}
#submenu ul li {
    background-color: #ffffff;
}
#submenu ul li a {
    color: #000000;
    text-decoration: none;
    text-transform: none;
    display: block;
    padding: 0px 2px 2px 0px;
}
#submenu ul li a:hover {
    background: #d6e03e;
    border-left: 5px solid #d6e03e;
    color: #000000;
}
ul {
	list-style-type:none; /*con esto quitamos las vinetas*/
	margin:0; /*le quitamos el margen a la lista*/ 
	padding:0; /*y el relleno*/
}
li {
	margin:0; /*le quito el margen al elemento de la lista*/ 
	float:center; /*y los floto a la izquierda para eliminar el salto de linea*/ 
}
li a {
	/* display:block; con esto el vinculo tendra un area rectangular, asi no sera solo el texto*/ 
	/* background-color:#CCcc33; algo de color*/ 
	color:#FFFFFF; /*mas*/ 
	width:165px; /*defino el ancho del rectangulo del vinculo*/
	padding:4px 0 5px 22px; /*sumamos el relleno al ancho y alto del rectangulo para obtener el div #menu completamente ocupado con los*/ 
	text-decoration:none; /*elimino el subrayado del vnculo*/ 
	font-weight:bold; /*decoracion*/ 
	/* text-transform:uppercase; decorare los vinculos en mayusculas*/
}
li a:hover {
	background-color:#999900; /*decoracion para el evento hover (mouse encima)*/ 
}
#contenido1 {
	clear:left;
	padding:5px;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 640px;
	visibility: visible;
	width: 610%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
} 
#contenido2 {
	width:25%px;
	clear:both;
	padding:5px;
	background: #cccc33;
	background-color: #EFF0C2;
} 
#contenido h2 {
	font-size:16px;
	color:#CC0000;
	width:246px;
	text-transform:uppercase;
	border-bottom:1px dotted #CC3300;
}
#contenido h3 {
	width:246px;
	font-size:14px;
	color:#999900;
	border-bottom:1px dotted #999900;
}