/*empezamos por esto, para evitar resultados extraños en distintos navegadores, y algo de estilo al texto*/
body {
	font-family:Georgia, Tahoma, Times, serif;
	font-size:10px;
	color:#666666;
	background-color:#F2F2F2;
}
a:link {
color: #DCB76F; font-size:11px; text-decoration: none; }
a:visited {
color: #DCB76F; font-size:11px; text-decoration: none; }
a:active {
color: #DCB76F; font-size:11px; text-decoration: none; }
a:hover {
color: #DCB76F; font-size:11px; text-decoration: underline; }

#contenedor {
	width:600px; /*ancho total de la pagina*/ 
	border:1px solid #333333; /*encadeno los 3 atributos claves del borde en una sola linea, ahorrando codigo XD*/ 
	background-color:#FFF8F0;
	margin:10px 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:10px; /*para que no se pegue al borde*/ 
	padding:10px; /*algo de relleno*/
	width:224px; /*este ancho es para que cuadre con el texto*/ 
	height:50px; /*idem*/ 
	border:1px solid #333333; /*decoracion*/ 
	background-color:#CC6600; /*more*/ 
	float:left; /*lo flotamos a la izquierda*/ 
	display:inline; /*(*)*/ 
}
#encabezado 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;
}
#contenido {
	width:580px; /*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:10px;
} 
#contenido h2 {
	font-size:16px;
	color:#CC3300;
	width:246px;
	text-transform:uppercase;
	border-bottom:1px dotted #CC3300;
}
#contenido h3 {
	width:246px;
	font-size:14px;
	color:#999900;
	border-bottom:1px dotted #999900;
}
#footer {
	width:560px; /*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;
}
/*--------------------------------------------------------------------------*/
#contenidoHomeIzq {
	width:153px; 
	clear:both; /*con esto nos aseguramos de que no se ponga nada a los lados*/ 
	padding:0px;
}
.fecha {
        color: #C33115; font-size:11px; font-weight: bold;
        }
.cabecera {
        font-size:11px;
        }    
/*--------------------------------------------------------------------------*/
#contenidoHomeDer {
	width:247px; 
	clear:both; /*con esto nos aseguramos de que no se ponga nada a los lados*/ 
	padding:0px;
}
/*--------------------------------------------------------------------------*/
#contenidoDetalleIzq {
	width:180px; 
	clear:both; /*con esto nos aseguramos de que no se ponga nada a los lados*/ 
	padding:0px;
	text-align:right;
}
.fechaD {
        color: #C33115; font-size:11px; font-weight: bold;text-align:right;
        }
.cabeceraD {
        font-size:11px;text-align:right;
        }    
/*--------------------------------------------------------------------------*/
#contenidoDetalleDer {
	width:320px; 
	clear:both; /*con esto nos aseguramos de que no se ponga nada a los lados*/ 
	padding:10px;
	margin:10px auto;
	text-align:left;
}
/*--------------------------------------------------------------------------*/
#contenidoListado {
	width:500px; 
	clear:both; /*con esto nos aseguramos de que no se ponga nada a los lados*/ 
	padding:10px;
	margin:10px auto;
}
/*--------------------------------------------------------------------------*/
#contenidoListadoIzq {
	width:250px; 
	padding:0px;
	text-align:right;
}
/*--------------------------------------------------------------------------*/
#contenidoListadoDer {
	width:250px; 
	padding:0px;
	text-align:left;
}
/*--------------------------------------------------------------------------*/
#contenidoCabezal { 
width:  763px; 
height: 190px;
margin:0px auto;
}
.cabezal { 
color: #C33115; font-size:11px; font-weight: bold;
padding-left:480px;
padding-top:140px;
}