@charset "utf-8";
/* CSS Document */
body {
	background-color: #000;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif
    font-size:12px;
	margin-top:0px;
	margin-left:0px;
    color: #999;
    text-align: right; /*aqui mandamos a centrar todo el contenido*/
	
}
body a:link {
    color: #999;
	text-decoration: none;
}
body a:visited {
    color: #999;
	text-decoration: none;
}

#contenedor {
    width:1024px; /*ancho total de la pagina*/ 
    border:0px; /*encadeno los 3 atributos claves del borde en una sola linea, ahorrando codigo XD*/ 
    background-color: #000;
    margin:0px auto; /*10px arriba y abajo, y auto a los lados, para los navegadores nuevos es suficiente para centrar la pagina*/ 
    text-align:left; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/ 
}
#encabezado {
	
    margin:0px; /*para que no se pegue al borde*/ 
    padding:0px; /*algo de relleno*/
    width:140px; /*este ancho es para que cuadre con el texto*/ 
    height:129px; /*idem*/ 
    border:0 px; /*decoracion*/ 
    background-color:#000; /*more*/
    float:left; /*lo flotamos a la izquierda*/ 
    display:inline; /*(*)*/ 
}
#bmenu1 {
    float:left;
    margin:0;
    border:0px ;
    width:884px;
    height:91px;
} 
#menu {
	width: 147px;
	border-style: solid solid solid solid;
	border-color: #999;
	border-size: 1px;
	border-width: 1px;
	color:#ffff;

	}
	
#menu ul {
	list-style-type:none; /*con esto quitamos las viñetas*/
    margin:0; /*le quitamos el margen a la lista*/ 
    padding:0; /*y el relleno*/
	color:#fff;
	margin-left:5px;

	}	
#menu li a {
  	voice-family: "\"}\""; 
  	voice-family: inherit;
	height:20px;
	text-decoration: none;
	}	
	
#menu li a:link, #menu li a:visited {
	color: #fff;
	display: block;
	padding: 8px 0 0 10px;
	}
	
#menu li a:hover {
	color: #fff;
	background-image: url(../imgs/menu02/menu02over.jpg);
	background-repeat:no-repeat;
	padding: 8px 0 0 10px;
	}
	
#menu li a:active {
	color: #666;
	background: url(images/menu1.gif) 0 -64px;
	background-repeat:no-repeat;
	padding: 8px 0 0 10px;
	}
#bmenu2 {
    float:left;
    margin:0;
    border:0px ;
    width:884px;
    height:38px;
} 
#bmenu2 ul {
		background-color:#000;

    list-style-type:none; /*con esto quitamos las viñetas*/
    margin:0; /*le quitamos el margen a la lista*/ 
    padding:0; /*y el relleno*/
}
#bmenu2 li {
	background-color:#000;
	margin:0; /*le quito el margen al elemento de la lista*/ 
    color: #000; /*mas*/ 
    float:left; /*y los floto a la izquierda para eliminar el salto de linea*/ 
}
#bmenu2 li a {
    display:block; /*con esto el vinculo tendra un area rectangular, asi no sera solo el texto*/ 
    background-color:#000000; /*algo de color*/ 
   padding:0; /*sumamos el relleno al ancho y alto del rectangulo para obtener el div #menu completamente ocupado con los ítems del menú*/ 
    text-decoration:none; /*elimino el subrayado del vínculo*/ 
    font-weight:bold; /*decoración*/ 
    text-transform:uppercase; /*decorare los vinculos en mayusculas*/
}

#contenido1 {
	background-color: #000;
	width:1024px; /*el ancho mas el padding me da 600px de ancho que es loque mide la pagina */
    clear:both; /*con esto nos aseguramos de que no se ponga nada a los lados*/ 
    padding:0px;
} 
#titulo1 {
	background-color: #000;
	width:1024px; /*el ancho mas el padding me da 600px de ancho que es loque mide la pagina */
    clear:both; /*con esto nos aseguramos de que no se ponga nada a los lados*/ 
    height:75px;
    padding:0px;
}
#cuerpo1 {
    background-color: #fff;
    overflow: hidden;
 	height:417;
   width: 500px;
    margin: 10px auto 5px auto;
    border: 1px solid #000;
}
#cuerpo2 {
    border: 1px solid #000;
    margin:0px; /*para que no se pegue al borde*/ 
    padding:0px; /*algo de relleno*/
    height:129px; /*idem*/ 
    border:0 px; /*decoracion*/ 
    background-color:#000; /*more*/
    float:left; /*lo flotamos a la izquierda*/ 
    display:inline; /*(*)*/ 
}
#cuerpo3 {
    float:left;
    margin:0;
    border:0px ;
    width:884px;
    height:91px;
}
#contenido{
    background-color: #fff;
    width: 580px;
	height:417;
    border-right: 200px solid #0099FF; /* ancho y color del menú */
    margin-right: -200px;
    float: left;
}
#cuerpo1 h1 { /*encadenamos el identificador del div, con la etiqueta par areferirnos 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;
}
#contenido2 {
	background-color: #000;
	width:1024px; /*el ancho mas el padding me da 600px de ancho que es loque mide la pagina */
    clear:both; /*con esto nos aseguramos de que no se ponga nada a los lados*/ 
    padding:0px;
} 
#contenido3 {
	background-color: #000;
	width:1024px; /*el ancho mas el padding me da 600px de ancho que es loque mide la pagina */
    clear:both; /*con esto nos aseguramos de que no se ponga nada a los lados*/ 
    padding:0px;
} 
#contenido4 {
	background-color: #000;
	width:1024px; /*el ancho mas el padding me da 600px de ancho que es loque mide la pagina */
    clear:both; /*con esto nos aseguramos de que no se ponga nada a los lados*/ 
    padding:0px;
} 
#contenido5 {
	background-color: #000;
	width:1024px; /*el ancho mas el padding me da 600px de ancho que es loque mide la pagina */
    clear:both; /*con esto nos aseguramos de que no se ponga nada a los lados*/ 
    padding:0px;
} 
#contenido6 {
	background-color: #000;
	width:1024px; /*el ancho mas el padding me da 600px de ancho que es loque mide la pagina */
    clear:both; /*con esto nos aseguramos de que no se ponga nada a los lados*/ 
    padding:0px;
} 
#piedepagina1 {
    width:1024px; /*el ancho mas el padding me da 600px de ancho que es loque mide la pagina */
    clear:both; /*con esto nos aseguramos de que no se ponga nada a los lados*/ 
    padding:0px;
} 
#footer {
    width:1024; /*menos porque debemos sumar el padding del div contenido*/ 
    text-align:right;
    padding:10px;
    font-size:80%; /*mas pequeño el texto*/ 
    font-style:italic;
    color:#999999;
}
#footer a:link{
    width:1024; /*menos porque debemos sumar el padding del div contenido*/ 
    text-align:right;
    clear:both; /*con esto nos aseguramos de que no se ponga nada a los lados*/ 
    padding:10px;
    font-size:80%; /*mas pequeño el texto*/ 
    font-style:italic;
    color: #999;
}