p, h1, h2 {
	margin: 0px;
	padding: 0px;
	text-align: center;
}

body {/*definimos margenes y color de fondo*/
	margin-left: 10px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	background-color: #FFCC66;
	/*IE5 hack*/
	text-align: center;
}
body,td,th {/* definimos fuente, tamaño y color*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
img{/*totas las imagenes sin bordes*/
	border:0;
}
/*apariencia de los enlaces*/
a {
	font-weight: bold;
	text-decoration: underline;
}
a:link {
	color:#CC0000;
	font-weight:bold;
	text-decoration:none;
}
a:visited {
	color:#CC0000;
	font-weight:bold;
	text-decoration:none;
}
a:hover {
	color: #FF0000;
	font-weight:bold;
	text-decoration: underline;
}
a:active {
	color:#CC0000;
	font-weight:bold;
	text-decoration:none;
}

#envoltorio {
	text-align: left;
	padding-bottom: 5px;
	/*margin: auto nos la centra*/
	margin: auto;
	width:750px;
}
#banner {
	margin-bottom:14px;
}

#cuerpo {
	padding-top: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}
#menu {
	float: right;
	width: 185px;
}

/*esta regla solo afecta al ul que se encuentra dentro de menu*/
/*su mision es simplemente alinear y eliminar margenes*/
#menu ul{
	text-align: center;
	margin: 0;
	padding: 0;
}
#menu ul li{
/*esta regla solo afecta a los items del ul dentro de #menu*/
/*su mision es eliminar el boton negro y darle una imagen de fondo*/
	font-size: 100%;
	list-style-type: none;
	background-image: url(images/bg_nav.jpg);
	
}
/*todos los li van a tener dentro un enlace*/
/*esta regla se encarga de darles formato*/
/*display:block hace que el area que funciona como link abarque el espacio del 'boton'*/
#menu ul li a{
	padding: 5px;
	font-weight: normal;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	color: #21536A;
	text-decoration: none;
	display: block;
	/*IE5 hacks*/
	height: 1%;
	vertical-align: bottom;
}
/*indicamos la apariencia cuando el cursor pasa por encima (hover)*/
#menu ul li a:hover{
	border-top: 1px solid #cccccc;
	background-color: #7B8B9A;
	color:#FFFFFF;
}
/*apariencia cuando el boton está seleccionado: <li class="here">*/
/*los div pueden a las clases, hay que declararlas important*/
.here a{
	background-color: #FFFFFF !important;
	color:#006666 !important;
	border-right:1px solid #CCCCCC !important;
	border-left:1px solid #CCCCCC !important;
	border-top:none !important;
	font-weight: bold !important;
} 
#contenido{
	margin-right:202px;
	margin-top:0px;
	padding-top: 0px;
	padding-bottom: 5px;
}
#marcoLateral {
	background-color: #FFFF99;
	border: 1px solid #CC0000;
	font-size: 10px;
	margin-bottom: 17px;
	padding-bottom: 10px;
}
#marcoLateral p{
	text-align:justify;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 0px;
	margin-bottom: 5px;
	padding-top: 0px;
	padding-bottom: 8px;
}

#marcoApartados {
	background-color:#FFFFFF;
	margin-bottom: 25px;
	padding-bottom: 20px;
	text-align:center;
	border-top: none;
	border-right: 1px solid #CC0000;
	border-bottom: 1px solid #CC0000;
	border-left: 1px solid #CC0000;
}

#marcoApartados ul{
	text-align:justify;
	padding-right:20px;
	margin-top:0px;
}

#marcoApartados ul li{
	list-style-image: url(../_imags/boton.gif);
	margin-bottom: 5px;
}

#subApartados {
	margin-top: 0px;
	margin-bottom: 30px;
	margin-left: 40px;
	margin-right: 40px;
	border: 2px solid #FFCC66;
	padding-bottom: 10px;
}

#mensajesForo {
	margin-top: 20px;
	margin-bottom: 10px;
	margin-left: 40px;
	margin-right: 40px;
	border: 2px solid #FFCC66;
	padding-bottom: 0px;
	padding-top: 10px;
}
#cierre {
	background-color:#FFCC66;
	color:#CC0000;
	font-size:10px;
	text-align: center;
	padding:10px;
}