BODY {
	font: 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 10 0 10 0px;
	text-align: center;
/*	background-color: #ebebeb;*/
	background-color: gray;
}
#contenedor{
	text-align: left;
	width: 776px;
/*	height: 767px;*/
	margin: auto;
	background:#ffffff;

} 
#cabecera{
	background-color: #ffffff;
	color: #333300;
	font-size:12pt;
	font-weight: bold;
/*	padding: 3 3 3 10px;*/

}

.oculto1 {display:none}


#marquesina{
	background-color: #000000;
	height:30px;
	vertical-align:middle;
/*	text-align:center;*/
	padding: 4 0 0 5px;
	margin:0px;
/*	padding: 3 3 3 10px;*/

}


#menu_horizontal{
/*	background-color: #000000;*/

	/*height:37px;*/
	height:60px;

/*	text-align:center;*/
/*	padding: 4 0 0 0px;*/

/*	padding: 3 3 3 10px;*/

}

#cuerpo{
/*	margin: 10 0 10 0px;*/
	margin: 0 0 0 0px;
}
#lateral{
/*	width: 188px;*/
	width:187px;
/*	background-color: #999999;*/

	float:left;

/*	height:500;*/
	margin-top:10;
	margin-left:5;




}
#lateral ul{
	margin : 0 0 0 0px;
	padding: 0 0 0 0px; 
	list-style: none; 
}
#lateral li{
/*	background-color: #ffffcc;*/
/*	background-image:url(img/opcion1.gif);*/

/*	height:25;width:187;*/
/*height:25;*/

/*	margin: 2 2 2 2px;*/
/*	padding: 2 2 2 2px;*/
	margin: 2 2 2 0px;
	padding: 2 2 2 0px;
	font-weight: bold;
	list-style: none; 
}
#lateral a{
/* esto hara que todos los enlaces (<a>) sean de determinado color (sea cual sea las clases
declaradas luego, es decir este tipo de declaracion se sobrepone a todas)*/
	color: #000000;
	text-decoration: none;
}
#principal{


	margin-left: 170px;

/*	width:570px;*/
	background-color: #ffffff;
	padding: 4 4 4 4px;


}
#pie{

	/*background-color: #ffffff;*/
/*	padding: 3 10 3 10px;*/
	text-align:center;

/*	background-image: url('img/fondo_pie.gif');*/
/*	background-image: url('img/separador.gif');*/

	/*para que el tope del pie de pagina sea el menu lateral y no el cuerpo principal*/
	clear:both;
}


P {FONT-FAMILY:Verdana; FONT-SIZE:12px}
.raya1 {color: #ffbb22; height: 1px; border-style: solid; width: 550px; size: 5px}
.titulo1 {FONT-FAMILY:Verdana;FONT-SIZE:15px; FONT-WEIGHT: bold; COLOR:#D30000; padding: 0px 15px 5px 15px}
.titulo2 {FONT-FAMILY:Verdana;FONT-SIZE:20px; COLOR:red; padding: 0px 35px 0px 35px}
/*.contenido1 {FONT-FAMILY:Verdana; FONT-SIZE:10px; COLOR:#444444; text-align:justify; padding: 15px 30px 15px 30px}*/
/*.contenido1 {FONT-FAMILY:Verdana; FONT-SIZE:10px; COLOR:#444444; text-align:justify; margin: 0 30 0 20}*/

P.contenido1 {color:#000000; text-align:justify; margin: 5 30 0 20; line-height: 150% }

P.contenido1 a {font-size:12px; color:#000000; text-decoration:underline}
P.contenido1 a:link {font-size:12px; color:#000000; text-decoration:underline}
P.contenido1 a:hover {font-size:12px; color:#000000; text-decoration:underline}



P.contenido3 {color:#444444; text-align:justify; margin: 10 30 0 20}



/*.contenido2 {FONT-SIZE:12px; COLOR:#444444; text-align:justify; margin:5px 25px -10px 35px}*/
/*.contenido2 {font-family:Verdana; FONT-SIZE:10px; COLOR:#333333; text-align:justify;margin:0px 25px -10px 35px}*/

P.contenido2 {COLOR:#000000; text-align:justify; margin:0px 25px -10px 35px}


/*5px 25px -10px 35px*/
.tabla1 {width:559px}
.tabla2 {width:559px}
.celda1 {border-left: #e89701 1px solid ;border-right: #e89701 1px solid; background-color:#FFCB66}
.celda2 {border-left: #e89701 1px solid; border-right: #e89701 1px solid; background-color:#FFFFFF}


.celda_izq {border-left: #ffbb22 2px solid; background-color:#FFCB66; padding: 10px 0px}
.celda_der {border-right: #ffbb22 2px solid; background-color:#FFCB66; padding: 10px 0px}
.celda3 {border-right: #ffbb22 2px solid}
.imagen1{border:0px; width:559px; height:7px}
.imagen2{border:0px; width:559px; height:9px}
.imagen3{border:0px; width:9px; height:9px; margin:55px; padding: 55px}
.linea_portada{border:0px; width:98%; height:1px}
.linea_noticia{border:0px; width:98%; height:1px}
.bloque1{margin: 5px 5px 5px 30px}
.bloque2{margin-bottom:5px}
.caja1 {height:17px; font-size:10px;width:150px}
.celda4 {background-image: url("img/opcion1.gif"); width:187px; height:25px;}
.celda4_1 {background-image: url("img/opcion4_1.gif"); width:187px; height:25px;}
.celda9 {background-image: url("img/opcion3.gif"); width:187px; height:40px; padding-right:5}

.celda6 {background:#DFDFDF; border-left:#000000 1px solid ; border-right:#000000 1px solid}
.celda7 {padding-left: 15px; padding-right:5}


.celda66 {background:#DFDFDF; border-left:#000000 1px solid ; border-right:#000000 1px solid}
.celda77 {padding-left: 15px; padding-bottom:15}

.celda5 {background-image: url("img/top_opcion.gif"); width:187px; height:4px;}
.celda8 {background-image: url("img/bottom_opcion.gif"); width:187px; height:4px;}
.texto_opcion1{font-size:11px;margin:0;padding-left:15;font-weight:bold}
.texto_opcion2{font-size:11px; margin:0; padding-left:20; position:relative; marg}





/*.enlace3.xxx{font-size:11px;margin:0;padding-left:15;font-weight:bold}*/


a.prop {
	font-size: 12px;
	color:#ffffff;
	text-decoration:none;
	vertical-align:middle;
}

a.prop:link{
	font-size: 12px;
	color: #ffffff;
	text-decoration:none;
}

a.prop:hover{
	color: #ffffff;
	text-decoration:underline;
}



a.enlace5 {font-size:11px; padding-left:11; color:#000000; margin:-10px}
a.enlace5:link {font-size:11px; padding-left:11; color:#000000}
a.enlace5:hover {font-size:11px; padding-left:11; color:#000000}

/*<a href="#" id='enlace1'> y no <a href="#" class='enlace1'>*/
/*poner el nombre de la clase con "id" y no con "class"*/
/*para que resulte lss sgtes clasess*/
/*puede deberse a que los enlaces entan dentro de otras clases (dudo)*/
/*o por el display:none que utilizo para el javascript*/
a.enlace2 {font-size:11px; padding-left:15; color:#000000; font-weight:bold}
a.enlace2:link {font-size:11px; padding-left:15; color:#000000; font-weight:bold}
a.enlace2:hover {font-size:11px; padding-left:15; color:#000000; font-weight:bold}

a.enlace3 {font-size:11px; color:#000000; font-weight:bold}
a.enlace3:link {font-size:11px; color:#000000; font-weight:bold}
a.enlace3:hover {font-size:11px; color:#000000; font-weight:bold}


a.enlace1 {font-size:11px; padding-left:15; color:#666666; margin:-15px;}
a.enlace1:link {font-size:11px; padding-left:15; color:#666666}
a.enlace1:hover {font-size:11px; padding-left:15; color:#666666}

a.enlace6 {font-size:12px; color:#000000; text-decoration:none}
a.enlace6:link {font-size:12px; color:#000000; text-decoration:none}
a.enlace6:hover {font-size:12px; color:#000000;text-decoration:underline}


#enlace6 {font-size:12px; color:#000000; text-decoration:none}
#enlace6:link {font-size:12px; color:#000000; text-decoration:none}
#enlace6:hover {font-size:12px; color:#000000;text-decoration:underline}



.fondo1 {
        padding:5px;
	BORDER-RIGHT: #e89701 1px solid;
	BORDER-TOP: #e89701 1px solid;
	BORDER-LEFT: #e89701 1px solid;
	BORDER-BOTTOM: #e89701 1px solid; 
	BACKGROUND-COLOR: #FFCB66;
	COLOR: #333333
}